/* Slider */
#slider{
  width:100%;
  height:500px;
  position:relative;
  overflow:hidden;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  width:100%;
  height:auto;
}

/* Legend */
.legend{
  border:500px solid transparent;
  border-left:800px solid rgba(52, 73, 94, .7);
  border-bottom:0;
  position:absolute;
  bottom:0;
}



/* Switch */
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:50px;
  z-index:99;
  left:30px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@-moz-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@keyframes content-s{
  0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}
/* Contents */
.slcontent{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.slcontent-txt{
  width:400px;
  height:150px;
  float:left;
  position:relative;
  top:300px;
  -webkit-animation:slcontent-s 7.5s infinite;
  -moz-animation:slcontent-s 7.5s infinite;
  animation:slcontent-s 7.5s infinite;
}
.slcontent-txt h1{
  font-family:Arial;
  text-transform:uppercase;
  font-size:24px;
  color:#fff;
  text-align:left;
  margin-left:30px;
  padding-bottom:10px;
}
.slcontent-txt h2{
  font-family:arial;
  font-weight:normal;
  font-size:14px;
  font-style:italic;
  color:#fff;
  text-align:left;
  margin-left:30px;
}



   figure {
    width: 100%; /* Ширина области */
    height: 360px; /* Высота области */
    margin: 0; /* Обнуляем отступы */
    overflow: hidden; /* Прячем всё за пределами */
   	border-radius:10px
   }
   figure img { 
    width: 100%; /* Ширина изображений */
    margin: -10% 0 0 0; /* Сдвигаем вверх */
   }
   .leftimg {
  float:right; /* Выравнивание по правому краю */
  margin: 35px 13px 4px 0; /* Отступы вокруг картинки */
position:relative;
bottom:0px;
  }
   .nevs-img {height:200px; overflow:hidden; border-radius:20px: background-color:#000;}
.nevs-img img {width:100%; min-height:100%;}

.imgborder img {max-width: 100%; vertical-align: middle; border-radius:10px; border: solid 1px #cfcfcf;  padding:7px;  margin-left:3px;margin-right:3px;}
.imgborder a img:hover {border: solid 1px #AFAFAF;}

/* MAIN MENU
----------------------------------------------- */

.main-menu > li {display:inline-block; float:left;}
.main-menu > li > a {display:block; line-height:50px; padding:0 15px; color:#c4d3e3; font-size:12px; font-weight:700;}
.main-menu > li > a:hover, .menuactive > a {color:#fff; box-shadow:inset 0 5px #3d528b;}
.main-menu > li > a .fa {font-size:18px;}
.hidden-menu {background-color:#F5F5F5; padding:20px 10px; text-align:left; box-shadow:0 20px 20px 0 rgba(0,0,0,0.7); 
top:100%; left:0; right:0; position: absolute; z-index: 9999; display:none;}
.hidden-menu li {display:inline-block; float:left; width:20%;}
.hidden-menu li a {display:block; padding:0 10px; line-height:30px; font-size:12px;}
.hidden-menu li a:hover {background-color:#3d528b; color:#fff;}

/* --- PM --- */
@media only screen and (min-width: 601px) {
#pm-menu:after { content: ""; clear: both; display: block; }
	#pm-menu { margin-bottom: 25px; }
	#pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; }
	#pm-menu a:hover { border-color: #3394e6; color: #3394e6; }
}

	.pm-box { margin-bottom: 25px; }
		.pm_status { padding: 25px; background-color: #f7f7f7; border-radius: 2px; }
		.pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; }
		.pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden }
	/* Длинные таблицы */
	.table_top_users, .pmlist { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
	table.userstop, table.pm { width: 900px; }
}
	/* Персональные сообщения */
	#pm-menu { margin-bottom: 20px; }
		#pm-menu a {
			padding: 10px 0;
			color: inherit;
			display: block;
			border-top: 1px solid #efefef;
			text-decoration: none !important;
		}
		#pm-menu a:hover { color: #3394e6; }

/*---Быстрый поиск на сайте---*/
#searchsuggestions {
	z-index: 2200;
	width: 300px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; border-color: rgba(0,0,0,0.2);
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#searchsuggestions a, #searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
	#searchsuggestions a { color: inherit; }
	#searchsuggestions a:hover { background-color: #f7f7f7; }
	#searchsuggestions a span { display: block; cursor: pointer; }
	#searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; }
	#searchsuggestions span.seperator { display: block; }
	#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
	#searchsuggestions span.notfound { padding: 15px 25px; display: block; }
	#searchsuggestions .break { display: none; }

fieldset {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 25px;
}
/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline { background: #fff }
	.highslide-image { border: 2px solid #fff }
	.highslide-active-anchor { visibility: hidden } 
	.highslide-active-anchor img { visibility: hidden }
	.highslide-dimming { background-color: black }
	.highslide-html { background-color: white }
	.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
	a.highslide-full-expand { background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
	.highslide-display-block { display: block }
	.highslide-display-none { display: none }
	.highslide-caption { display: none; padding: 5px; background: white }
	.highslide-controls { width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
	.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px }
	.highslide-controls li { float: left; padding: 5px 0; }
	.highslide-controls a { background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none }
	.highslide-controls a.disabled { cursor: default }
	.highslide-controls a span { display: none }
 
/*---Навигация по картинкам галереи---*/
.highslide-controls .highslide-previous a { background-position: 0 0 }
	.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
	.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
	.highslide-controls .highslide-play a { background-position: -30px 0 }
	.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
	.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
	.highslide-controls .highslide-pause a { background-position: -60px 0 }
	.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
	.highslide-controls .highslide-next a { background-position: -90px 0 }
	.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
	.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
	.highslide-controls .highslide-move a { background-position: -120px 0 }
	.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
	.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
	.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
	.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
	.highslide-controls .highslide-close a { background-position: -180px 0 }
	.highslide-controls .highslide-close a:hover { background-position: -180px -30px }

.quote {
    position: relative;
    padding: 16px 24px;
    margin: 16px 16px 26px 16px;    
    font-size: 16px;
    border-top: 2px solid #337AB7;
    border-bottom: 2px solid #337AB7;
}
.quote::after {
    font-family: Times, sans-serif;
    font-weight: bold;
    position: absolute;
    content: "”";
    color: #BFE2FF;
    font-size: 160px;
    line-height: 0;
    bottom: -22px;
    right: 30px;
    text-shadow: 2px 0 0 #337AB7, -2px 0 0 #337AB7, 0 2px 0 #337AB7, 0 -2px 0 #337AB7, 1px 1px #337AB7, -1px -1px 0 #337AB7, 1px -1px 0 #337AB7, -1px 1px 0 #337AB7;    
}
	
.main-sliders-rate {
	height: 42px;
}

.main-sliders-rate a {
	position: relative;
	display: block;
	width: 50%;
	height: 42px;
	float: left;
	/*text-indent: 44px;*/
	line-height: 42px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.main-sliders-rate a span {
	position: relative;
	display: block;
	width: 20px;
	margin: 0 auto;
	padding-left: 14px;
}

.main-sliders-rate a svg {
	position: absolute;
	width: 18px;
	height: 17px;
}

.main-sliders-rate a:nth-of-type(1) {
	background: #f5f7f5;
	color: #71ce3f;
}

.main-sliders-rate a:nth-of-type(1):hover {
	background: #71ce3f;
	color: #FFF;
}

.main-sliders-rate a:nth-of-type(1) svg {
	fill: #70cd3f;
	top: 12px;
	left: -10px;
}

.main-sliders-rate a:nth-of-type(1):hover svg {
	fill: #FFF;
}

.main-sliders-rate a:nth-of-type(2) {
	background: #e7e5e5;
	color: #ba3636;
}

.main-sliders-rate a:nth-of-type(2):hover {
	background: #b93636;
	color: #FFF;
}

.main-sliders-rate a:nth-of-type(2) svg {
	fill: #ba3636;
	top: 14px;
	left: -10px;
}

.main-sliders-rate a:nth-of-type(2):hover svg {
	fill: #FFF;
}

/*--- UI WIDGETS ---*/
.ui-widget-overlay { background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed }
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix { display: inline-block }
* html .ui-helper-clearfix { height: 1% }
.ui-helper-clearfix { display: block }
.ui-dialog {
    background-color: #e6e6e6;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 300px;
    box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 70%);
    border-radius: 6px;
}
.ui-dialog { background-color: #e6e6e6; overflow: hidden; padding: 0; position: absolute; width: 300px; 
box-shadow:3px 3px 10px 0 #1e88e5; border-radius:6px;}
.ui-dialog-titlebar { padding:20px 20px; background-color:#3d528b;}
.ui-dialog-title { margin-top: 2px; float: left; font-size: 16px; color: #fff;}

.ui-dialog .ui-dialog-content {padding:20px; border: 0; overflow: auto; position: relative; zoom: 1; }
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane {padding: 15px 20px; text-align: center; background-color:#3d528b; }

.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }

.ui-icon-closethick {cursor: pointer; position:absolute; right:10px; top:18px; width:30px; height:30px;}
.ui-icon-closethick:before {content:"X"; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; 
position:absolute; right:0; top:0; text-indent:0; font-size:28px; transform:scale(1,0.7);}
a:hover .ui-icon-closethick {opacity:0.8;}
.ui-dialog .ui-dialog-buttonset button { margin-right:10px !important; line-height:15px !important; font-size:12px; padding:0 10px;}

/*комментарии*/
.contener_coment:hover .coment_inner i {visibility:visible}
.contener_coment .coment_inner i {visibility:hidden}
.contener_coment .coment_inner i, .contener_coment .coment_inner i {font-style: normal;color:#CCC}

.comentarii {padding-top: 8px;}
.contener_coment {overflow: hidden; padding: 15px 20px 12px 20px;  border-top: solid 1px #cfcfcf; clear:both;}
.commentimg img {width: 50px;height: 50px;float: left;white-space: pre-wrap; background-color: #F8F8F8; border: solid 1px #cfcfcf; outline: solid 1px #fff; padding: 2px;}
.coment_inner{margin-left:70px;}
.block{display:none; color:#999}
.addconemtknopka {padding-top: 9px;}

	.sign-in-area {
		top:-110px;
		margin-bottom:-50px;
		background-color:#f5f5f5;
		padding:30px;
		border-radius:5px;
	}
	.page-sign-in .info-area { padding:90px 0 50px; }

	@media (max-width:991px) {
		.sign-in-area { margin-top:40px; }
		.page-sign-in .info-area { padding: 0 0 60px; }
	}

	/* Contact template */
	.page-contact iframe.map {
		width:100%;
		height:400px;
		border:1px solid #ddd;
		border-radius:2px;
		margin-bottom:-8px;
	}

	.contact-map-wrapper {
		position: relative;
		top:-210px;
		margin-bottom:-210px;
		background-color:#f5f5f5;
		padding:10px;
		border-radius:5px;
	}
	.contact-map-wrapper.form { padding:20px; }

	.page-contact .box-right { margin-left:50px; }
	.page-contact .box-left .fa {
		font-size: 30px;
		margin-top:5px;
		width:30px;
		color:#99a;
	}

	.page-contact .box-services-d.box-services-e p {
		font-size:16px;
	}

	@media (max-width:991px) {
		.contact-map-wrapper {
			top:auto;
			margin-bottom:0;
			padding:0;
		}
		.contact-map-wrapper.form { padding:0; }
	}
	
		/* Forms */ 
	.form .form-control {
		border-radius:2px;
		background-color:#e8e8e8;
		border:none;
		height:40px;
		box-shadow:none;
	}
	.form .form-control:focus {
		background-color:#ebebeb;
	    border:none;
	    outline: 0;
	    box-shadow:none;
	}
	.form select.form-control {
		margin-top:5px;
		border-radius:2px;
		color:#556;
		padding: 5px;
		border: none;
		background-color:#e8e8e8;
	}

	.form textarea.form-control { height:auto; }

	.form-message-error,
	.has-error .error {
		color:#B94321;
		font-size:14px;
		font-weight: 400;
		margin-top:3px;
	}
	.form { width: 100%; }

	.form input[type],
	.form textarea {
		width: 100%;
		margin-top:5px;
		padding: 5px;
		text-indent:5px;
		outline: none;
		-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
		color: #556;
		background: #e8e8e8;
		border: none;
		box-shadow:none;
	}
	.form input[type]:hover,
	.form textarea:hover {
		box-shadow:none;
		border:none;
		background-color: #ededed;
	}
	.form input[type]:focus,
	.form textarea:focus {
		box-shadow:2px 2px 8px rgba(20,20,20,0.5);
		border: none;
		background-color:#ebebeb;
	}

	.form input[type=radio],
	.form input[type=checkbox] {
		width:auto;
		margin-right:5px;
	}

	.form label {
		font-weight: 400;
		margin-bottom: 20px;
		display:block;
	}

	.form-required {
		color: #C51010;
		font-weight: 400;
		vertical-align: middle;
		font-size: 13px;
	}
	.form .form-remember {
		display:inline-block;
		margin-right:15px;
	}
	@media (max-width:767px) {
		.form .forgot {
			display: block;
			margin: -20px 20px 25px;
		}
	}

	.form-group { 
		position:relative;
	}

	.form-icon:after {
		content:"\f140";
		font-family:"FontAwesome";
		font-size:15px;
		position:absolute;
		right:14px;
		top:7px;
		color:#99a;
	}
	.form-icon.icon-user:after { content:"\f007"; }
	.form-icon.icon-email:after { content:"\f0e0"; }
	.form-icon.icon-message:after { content:"\f039"; }
	.form-icon.icon-lock:after { content:"\f023"; }

		/* *********************	Sections	********************* */


	.section { padding:50px 0; }
	.section-bg { 
		padding:50px 0; 
		margin:40px 0; 
		position:relative; 
	} 
	.section-page { padding:75px 0 60px; } 
	.section-boxed { padding:40px 30px; } 
	.section-boxed-2 { padding: 40px 50px; }
	.section-large { padding:70px 0; }
	.section-larger { padding:90px 0; }

	.section-fullwidth { padding-left:15px; padding-right:15px; }

	@media (min-width:768px) {
		.section-fullheight { height:100%; }
	}
	
	.section-main { background-color: rgb(181,67,33); }
	.section-gray { background-color: #eaeaea; }
	.section-dark { background-color:#2e3f6e; }
	.section-white { background-color: #f5f5f5; }

/* *********************	Titles	********************* */

	.title-small {
		font-family:"Montserrat",sans-serif;
		margin:0 0 15px;
		font-size: 17px;
		color: #556;
	}
	.title-small-a { font-size:16px; }


	.title-large {
		font-family:"Montserrat",sans-serif;
		font-size:28px;
		color:#556;
		margin:0 0 40px;
		line-height: 32px;
		letter-spacing: 1px
	}
	.title-large.title-larger {
		font-size:32px;
		line-height:36px;
	}

	.title-medium {
		font-family:"Montserrat",sans-serif;
		    text-align: left;
		font-size:23px;
		color:#556;
		margin:0 0 20px;
		line-height: 28px;
		letter-spacing: 1px
	}
	.title-medium.small {
		font-size:19px;
	}

	.title-uppercased {
		text-transform: uppercase;
		font-size:18px;
		font-weight: 600;
		letter-spacing:1px;
		color:#58585c;
		margin-bottom:15px;
	}
	.title-uppercased.small {
		font-size:16px;
	}
	
		/* Border left bottom */
	.br-bottom:after {
		content:"";
		display:block;
		height:1px;
		width:35px;
		border-top:2px solid rgb(77,183,254);
		margin:6px 0 10px;
	}
	.br-bottom-center::after {
		content:"";
		display:block;
		height:1px;
		width:35px;
		border-top:2px solid rgb(181,67,33);
		margin: 8px auto 10px;
	}

	.br-bottom-center.large:after {
		width:50px;
		border-top:5px solid rgb(181,67,33);
	}
	
	/* *********************	Helper Classes	********************* */


	.br0 { border-radius: 0 !important; }
	.br1 { border-radius: 1px !important; }
	.br2 { border-radius: 2px !important; }
	.br4 { border-radius: 4px !important; }
	.br6 { border-radius: 6px !important; }
	.br8 { border-radius: 8px !important; }


	.op8 { opacity:0.8 !important; }
	.op7 { opacity:0.7 !important; }
	.op6 { opacity:0.6 !important; }
	.op5 { opacity:0.5 !important; }
	.op4 { opacity:0.4 !important; }
	.op2 { opacity:0.2 !important; }

	.uppercase { text-transform: uppercase;}
	.montserrat { font-family: "Montserrat",sans-serif; }

	.fs-small { font-size:80% !important; }
	.fs-large { font-size:120% !important; }

	.relative { position: relative; }


	.block { display: block !important; }
	.inline-block { display: inline-block !important; }


	.unstyled {
		list-style:none;
		padding:0 0 10px 20px;
	}

	.pull-center {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		clear: both;
		text-align:center;
	}
	.text-left { text-align: left !important; }
	.text-right { text-align: right !important; }


	.m0 { margin:0 !important; }
	.mb0 { margin-bottom:0 !important; }
	.mt0 { margin-top: 0 !important; }

	.mb10 { margin-bottom:10px !important; }
	.mb20 { margin-bottom: 20px !important; }
	.mb30 { margin-bottom:30px !important; }
	.mb40 { margin-bottom:40px !important; }
	.mb50 { margin-bottom:50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }

	.mt10 { margin-top:10px !important; }
	.mt20 { margin-top:20px !important; }
	.mt30 { margin-top:30px !important; }
	.mt40 { margin-top: 40px !important; }
	.mt50 { margin-top: 50px !important; }
	.mt60 { margin-top: 60px !important; }
	.mt70 { margin-top: 70px !important; }
	.mt80 { margin-top: 80px !important; }

	.p0 { padding: 0 !important; }
	.pb0 { padding-bottom: 0 !important; }
	.pt0 { padding-top: 0 !important; }

	.pt5 { padding-top:5px !important; }

	
	.mr10 { margin-right: 10px !important; }
	.mr20 { margin-right: 20px !important; }
	.mr30 { margin-right: 30px !important; }


	.py5 {padding-left:5px !important; padding-right:5px !important;}
	.py10 {padding-left:10px !important; padding-right:10px !important;}
	.py15 {padding-left:15px !important; padding-right:15px !important;}
	.py20 {padding-left:20px !important; padding-right:20px !important;}

	.pr0 { padding-right: 0 !important; }
	.pl0 { padding-left: 0 !important; }


	.no-border { border:none !important; }

	.full-width { width:100%; }
	.full-height {height:100%; }

	.shadow-a { box-shadow:0 0 10px rgba(10,10,10,0.4); }
	.shadow-b { box-shadow:2px 2px 8px rgba(10,10,10,0.4); }
	.shadow-c { box-shadow:3px 3px 10px rgba(10,10,10,0.4); }
	.shadow-d { box-shadow:1px 1px 5px rgba(10,10,10,0.4); }
	/* Lists */
	.unstyled-list {
		margin:0;
		padding:0;
		list-style:none;
		    text-align: left;
	}
	.list-medium > li {
		margin-bottom:5px;
	}

.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 300;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
}

.tabs nav li.tab-current {
	border: 1px solid #4db7fe;
	box-shadow: inset 0 2px #4db7fe;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #4db7fe;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #becbd2;
	display: block;
	font-size: 1.45em;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: #4db7fe;
}


.tabs nav a:focus {
	outline: none;
}


/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 1em;
	max-width: 1200px;
	text-align: left;
}

.content-wrap section.content-current {
	display: block;
}

.content-wrap section p {
	margin: 0;
	padding: 0.75em 0;
	color: #333
	font-weight: 900;

}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}

/* *********************	Portfolio	********************* */


	/* Portfolio filter */
	.portfolio-filter-wrapper {
		position:relative;
		top:-41px;
		margin-bottom:-41px;
	}
	.portfolio-filter {
		width:auto;
		border-top-left-radius:2px;
		border-top-right-radius:2px;
		background-color:#f5f5f5;
		padding:9px 12px 6px;
	}
	.portfolio-filter.pf2 { 
		background-color: transparent;
		padding:5px 0 0;
	}
	.portfolio-filter > ul {
		margin: 0;
		padding:0;
		list-style: none;
	}
	.portfolio-filter li {
		display:inline-block;
		padding:0 10px;
	}
	.portfolio-filter li > a {
		font-size:14px;
		font-weight:600;
		color:#889;
		text-transform: capitalize;
		border:none;
		background:none;
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}

	.portfolio-filter li a:hover,
	.portfolio-filter li a:focus,
	.portfolio-filter li a:active,
	.portfolio-filter li a.active {
		color:rgb(181,67,33);
		-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
	}

	.portfolio-filter-wrapper.pfw2 { 
		top:-90px;
		margin-bottom:-45px;
	}
	.portfolio-filter-wrapper.pfw2 .portfolio-filter { 
		border-radius:2px; 
		padding:9px 12px; 
		box-shadow:3px 3px 10px rgba(0,0,0,0.5); 
	}



	/* Portfolio Container */
	.portfolio {
		overflow: visible !important;
		margin: 0 auto;
		position: relative;
	}
	.portfolio img { height:auto; }


	/* Portfolio Item */
	.portfolio-el {
		margin:0 0 50px;
		overflow: hidden;
		position: relative;
		padding: 0;
	}


	/* Portfolio Hover effects */
	.view {
		overflow: hidden;
		position: relative;
		width:100%;
		height:100%;
	}
	.view .mask {
	    position: absolute;
	    overflow: hidden;
	    display:block;
	    top: 0;
	    bottom:0;
	    left: 0;
	    right:0;
	    background-color: rgba(35,35,45,0.8);
	    padding:25px;
	    opacity: 0;
	    -webkit-transition: all 0.3s ease-in 0.4s; transition: all 0.3s ease-in 0.4s;
	}
	.view:hover .mask,
	.view:focus .mask {
	   opacity: 1;
	   -webkit-transition-delay: 0s; transition-delay: 0s;
	}
		/* Image */
	.view img {
	    display: block;
	 	position: relative;
		-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
	}
	
	/* Title */
	.view .project-title {
		font-family:"Montserrat",sans-serif;
	   	color: #dedee4;
	   	position: relative;
	   	font-size: 20px;
	   	font-weight:400;
	   	opacity: 0;
	   	margin-bottom:15px;
	    -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
	    -webkit-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s;
	}
	.view:hover .project-title, 
	.view:focus .project-title {
	   opacity: 1;
	   -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
	   -webkit-transition-delay: 0.1s; transition-delay: 0.1s;
	}

	/* Text */
	.view .text {
	    font-size: 12px;
	    position: relative;
	    color: #dedee4;
	    font-family:"Montserrat", sans-serif;
	    opacity: 0;
	    margin-bottom: 0;
	    -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
	    -webkit-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	.view:hover .text, 
	.view:focus .text {
	   opacity: 1;
	   -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
	   -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
	}

	/* Date */
	.view .date {
	    font-size: 10px;
	    text-transform: uppercase;
	    position: relative;
	    color: #dedee4;
	    font-family:"Montserrat", sans-serif;
	    opacity: 0;
	    position:absolute;
	    bottom:15px;
	    right:25px;
	    margin-bottom:0;
	    -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
	    -webkit-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	.view:hover .date, 
	.view:focus .date {
	   opacity: 1;
	   -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
	   -webkit-transition-delay: 0.1s; transition-delay: 0.1s;
	}

	/* Portfolio align middle */
	.portfolio-middle {
		position:absolute;
		top:50%;
		-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
	}

	/* Portfolio no animations */
	.portfolio-animation-off .view .project-title,
	.portfolio-animation-off .view .date,
	.portfolio-animation-off .view .text {
		opacity: 1;
	    -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
	}
	.portfolio-animation-off .view .mask,
	.portfolio-text .view .mask {
	    -webkit-transition-delay: 0s; transition-delay: 0s;
	}


	/* Portfolio center */
	.portfolio-center .portfolio-middle {
		text-align: center;
		width:100%;
	}
	.portfolio-center .view .mask { padding:0; }
	.portfolio-center .view .project-title { margin-bottom:7px; }



	/* Portfolio Text */
	.portfolio-text .mask .fa {
		padding:20px;
		color: #dedee4;
		background-color:rgba(0,0,0,0.3);
		border-radius:50%;
		-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	.portfolio-text .mask .fa:hover {
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	    background-color:rgba(181,67,33,0.8);
	    box-shadow:2px 4px 20px rgba(0,0,0,0.8);
	}
	.portfolio-text-content {
		padding:18px 10px 25px;
		text-align:center;
	}
	.portfolio-text-title {
		font-family:"Montserrat",sans-serif;
	   	color: #556;
	   	font-size: 19px;
	   	font-weight:400;
	   	margin-bottom:5px;
	}
	.portfolio-text-p {
		font-size: 12px;
	    color: #667;
	    font-family:"Montserrat", sans-serif;
	    margin-bottom: 0;
	    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.portfolio-text .portfolio-el:hover .portfolio-text-p {
		color:rgb(181,67,33);
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}



	/* Porrtfolio columns */
	.portfolio.columns-2 .mask { padding:40px; }
	.portfolio.columns-2 .view .date {
		bottom:30px;
	    right:40px;
	}
	.portfolio-fullwidth .portfolio-el,
	.portfolio-boxed .portfolio-el { margin-bottom:0; }




	/* Project Portfolio */
	.project-title {
		color: #556;
		font-family: 'Montserrat', sans-serif;
		margin-bottom: 10px;
		font-size: 23px;
		letter-spacing: 0.5px;
	}
	.project-image img { border-radius:1px; }

	/* Project details list */
	.project-details { list-style: none; padding: 0; margin: 0; }

	.project-details li { margin-bottom:15px; }
	.project-details li:last-child { margin-bottom:0; }

	.project-details li span {
		margin-right:10px;
		font-weight: 700;
	}
	.project-details li .fa {
		margin-right: 10px;
		color:rgb(181,67,33);
	}

	.portfolio-project-wide {
		position: relative;
	}
	.portfolio-project-wide img {
		width:100%;
		height:600px;
	}

	/* Portfolio and blog Carousel */
	.owl-portfolio .owl-controls {
		position: absolute;
		bottom: 10px;
		left: 50%;
		-ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);
	}
	.owl-portfolio .owl-el,
	.owl-carousel .owl-el {
		cursor:move;
		cursor:url("../images/cursor_move.png") 40 40, move;
	}

	.owl-carousel.owl-p10 .owl-el {
		padding-right:10px;
	}
/* Shop Prices | Sales */
	.shop-prices {
		position: absolute;
		top:10px;
		right:15px;
	}
	.shop-price {
		color: rgb(181,67,33);
		font-size: 20px;
		display: inline-block;
		text-decoration:none;
	}
	.shop-price-off {
		text-decoration: line-through;
		color: #adb7bd;
		font-size:15px;
		margin-right:5px;
	}
	.shop-offer {
		position:absolute;
		top:10px;
		left:15px;
		color:#adb7bd;
		text-transform: capitalize;
		font-family:"Montserrat",sans-serif;
		font-size:12px;
	}
	
/*shortstory-news*/
.shortstory-news {margin:0 10px 20px 10px; background:#EEE; padding:20px;}
.shortstory-news-img {display:block;}
.shortstory-news-img img {display:block; width:100%; height:auto; border: 3px solid #57a957;}
.shortstory-news h4 {margin-bottom:20px;}
.shortstory-news-text {margin-bottom:20px; text-align:justify}
.shortstory-news-info {overflow:hidden;}
@media (max-width: 767px) {.shortstory-news-img {margin-bottom:20px;}}
.shortstory-news:hover .shortstory-news-img img {opacity:0.7}

.radius-50 {border-radius:50%; -webkit-border-radius:50%; -mox-border-radius:50%;}
.radius-5 {border-radius:5px; -webkit-border-radius:5px; -mox-border-radius:5px;}
.radius-3 {border-radius:3px; -webkit-border-radius:3px; -mox-border-radius:3px;}

.tbprofile{color:#151b20;font-size:12px;font-family:arial;}
.tbprofile a:link, .tbprofile a:visited, .tbprofile a:hover, .tbprofile a:active{color:#4183a9;text-decoration:none;}
.tbprofile a:hover{color:#4183a9;text-decoration:underline;}
.tbprofile table{border:0px;background:#eee;}
.tbprofile table{color:#252c34;}
.tbprofile table a:link, .tbprofile table a:visited, .tbprofile table a:hover, .tbprofile table a:active{color:#4183a9;text-decoration:none;}
.tbprofile table a:hover{color:#1a92d7;text-decoration:underline;}
.tbprofile table td{padding:4px 0 4px 6px;border:2px solid #dedede;}
.flex-row {display:flex; flex-flow:row wrap; justify-content:space-between;}
.flex-col {display:flex; flex-direction:column; justify-content:center;}
/*--- SET ---*/
.button, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"] {
padding:0 20px; color:#fff; display:inline-block; background-color:#3d528b; font-weight:700; text-transform:uppercase;
height:38px; line-height:38px; border-radius:4px; cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover 
{background-color:#1f2946; color:#fff;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#f2f2f2; border-radius:3px; -webkit-appearance: none; box-shadow:none !important;}
input[type="text"]:focus {box-shadow:none !important;}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 
select {height:40px; border:1px solid #e3e3e3; background-color:#E8E8E8;}

/* LOGIN
----------------------------------------------- */
.login-box {padding:20px; background-color:#fff; display:none;}
.login-input {margin-bottom:20px;}
.login-button button {display:block; text-align:center; width:100%;}
.login-button button:hover {}
.login-checkbox {font-size:12px; margin:10px 0; color:#888;}
.login-checkbox input {display:none;}
.login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:2px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#c9282d;}
.login-links {text-align:center; line-height:30px;}
.login-links a {float:left; text-decoration:underline;}
.login-links a:last-child {float:right;}
.login-links a:hover {text-decoration:none;}
.login-social {text-align:center;}
.login-social:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;}
.login-social a {display:inline-block; margin:0 3px 10px 3px;}
.login-social img {display:block; width:30px;}
.login-social a:hover img {transform:scale(1.1);}
.login-avatar {text-align:center;}
.avatar-box {display:inline-block; width:80px; height:80px; border-radius:0; overflow:hidden;}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {display:block; margin-top:5px; text-decoration:underline;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; background-color:#f6f6f6; margin-bottom:5px; border-radius:3px;}
.login-menu a:hover {color:#fff; background-color:#3d528b;}







/*short-info*/
.short-info {font-size:12px; height:34px;}
.short-info li {
	float:left; text-align:center; overflow:hidden; height:32px; line-height:32px;
	border:1px solid #304156; margin-right:4px;}
.short-info li.short-info-li {background:#1F2935; padding:0 10px; border-radius:3px;}
.short-info li:last-child {margin-right:0}
.short-info li.short-info-li:hover {background:#526480; color:#a5bbdc}
.short-info li.short-info-btn {float:right; border:none;}
.short-info li.short-info-btn .btn i {margin-left:5px; font-size:12px; margin-right:0}
.short-info li.short-info-btn a {display:block; padding-top:7px; padding-bottom:6px;}
@media (max-width: 767px) {
	.short-info li.short-info-li {width:15%; margin:0; border-right:0; border-radius:0}
	.short-info li.short-info-btn {width:40%;}
	.short-info li.short-info-btn .btn {border-top-left-radius:0; border-bottom-left-radius:0;}
	.short-info li:first-child {border-top-left-radius:3px; border-bottom-left-radius:3px;}