@charset "utf-8";
/* LESS Document */

@import "mixins.less";

@blue: #2e6ea4;
@beige1: #f8f3ec;
@beige2: #f6f2e8;
@beige3: #d8c4a3;
@brown1: #5d3411;
@brown2: #a88352;
@green: #73a434;
@red: #f43e14;
@gray: #313131;

@link: @blue;
@hover: @green;
@visited: #6600cc;
@text: @gray;
@mw: 980px;

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff') format('woff'),
    url('../fonts/fontawesome-webfont.ttf') format('truetype'),
    url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
    }

* { margin: 0; padding: 0; }
a { color: @link; text-decoration: underline; cursor: pointer; .transition(0.3s, ease-out); }
a:visited { color: @link; }
a:hover { text-decoration: none; color: @hover; .transition(0.3s, ease-out); }
a img { border: none; }
input[type='text']:focus, textarea:focus { outline: none; }
input[type='submit'] { cursor: pointer; }
textarea { resize: vertical; }

h1 { margin-bottom: 10px; font-size: 2.23em; }
h2 { margin-bottom: 5px; font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }

#content {
ul li, ol li {list-style-position:inside !important; list-style-type:none !important;}
ul li:before, ol li:before{ content:"—"; color:#666; position:relative; left:-5px;}
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hidden { display: none; .transition(0.3s, ease-out); }

.contacts_href {color:#000; text-decoration:none;}
.contacts_href:hover {text-decoration:underline; color:#000;}

html { min-width: 100%; height: 100%; }
body { position: relative; width: 100%; min-height: 100%; background: @beige1; font-family: 'Istok Web', sans-serif; font-size: 73.3%; }

#page { position: relative; margin: 0 auto; width: 92%; min-width: @mw; padding-bottom: 222px; z-index: 10;
	.inner { margin: 0 auto; width: @mw; height: 100%; }
}

/*** TOP ***/
#top { margin: 0 auto; width: 100%; height: 50px; border-top: 1px solid @brown2; background: @beige2; display:none;
	.formsearch { margin-top: 10px; 
		form {
			input[type='text'] { height: 25px; border: 1px solid @beige2; padding: 0 3px; background: @beige2; }
			input[type='text']:active, input[type='text']:focus { border-color: @beige1; background: #ffffff; }
		}
	}
}

/*** HEADER ***/
#header { margin: 0 auto; width: 100%; height: 75px; border-bottom: 1px solid @brown2; background: #ffffff; z-index:10000;
	.logo { display: block; margin-top: 14px; width: 233px; height: 40px; }
	.menu { float: right; height: 100%; list-style: none;
		li { float: left; margin-right: 32px; height: 100%; position:relative;
			a { display: block; height: 38px; border-top: 2px solid #ffffff; text-transform: lowercase; font-size: 1.53em; line-height: 4.4em; color: #6b6b6b; }
			a:hover { border-top: 2px solid @red; }
			ul {display:none;}
		}
		li.current-menu-item{
			a { border-top: 2px solid @red; text-decoration:none;}
			a:hover {text-decoration:none;}
		}
		li:hover {
			ul {display:block; position:absolute; top:75px; left:-47px; background:#fff; width:373px; z-index:1111111; height:161px;
				li {list-style-type:none; height:33px;
					a {text-decoration:none; line-height:18px !important; left:26px; position:relative;}
					a:hover {border-top: 2px solid @red !important; }
				}
				li.menu-item {
					a{border-top:none;}
				}	
				li:nth-child(3) {height:50px;}
				li.current-menu-item{
					a { border-top: 2px solid @red; text-decoration:none;}
					a:hover {text-decoration:none; cursor:default;}
				}
			}
		}
		li.current-menu-parent {
			a { border-top: 2px solid @red; text-decoration:none;}
			a:hover {text-decoration:none;}
		}
	}
}

/*** SLIDER ***/
#slider { margin: 0 auto; width: 100%; min-width: @mw; padding-bottom: 20px; overflow: hidden; 
	.item { position: relative;
		.inner { position: absolute; top: 0; left: 50%; margin-left: -373px; z-index: 100;
			.about { position: relative; margin-top: 60px; width: 660px; padding: 40px 45px; background: rgba(255, 255, 255, 0.9); 
				.close { display: block; position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; }
				.datetime { margin-bottom: 25px; font-size: 1.07em; color: #187995; }
				h2 { margin-bottom: 25px; font-size: 2.84em; }
				div.address, div.client, div.content { margin-bottom: 25px; min-height: 32px; padding-left: 50px; font-size: 1.38em; }
				div.address, div.client { line-height: 2em; }
				div.content {
					p, ul, ol { margin-bottom: 20px; }
				}
			}
		}
		.inner_mini {position: absolute; bottom: 0; left: 50%; margin-left: -373px; z-index: 100;
			.about {position: relative; margin-top: 60px; width: 660px; padding: 20px 16px; background: rgba(255, 255, 255, 0.9); text-align:center;
				h2 {}
				div.address {}
			}
		}
	}
}
@media screen and (max-width: 1980px) {
   #main_slider_desc {
		display:none;
   }
   #main_slider_desc_mini {
		display:block;
   }
}
/*@media screen and (min-width: 980px) {
   #main_slider_desc {
		display:block;
   }
   #main_slider_desc_mini {
		display:none;
   }
}  */
#slider.default > .item:first-child { display: block; }
#slider.default > .item { display: none; }

/*** SERVICES ***/
#services { margin-top: -22px !important; overflow: hidden; width:1024px !important; 
	.item { margin-right: 40px; width: 300px; text-align: center; 
		img { margin-bottom: 10px; }
		p { font-size: 1.23em; 
			strong { display: block; margin-bottom: 25px; height: 90px; font-size: 1.25em; }	
		}
	}
	.item:nth-child(3) {position:relative; top:25px;
		p {margin-top:10px;}
	}
	.item:nth-child(5) {position:relative; top:37px;
	}	
	.item:last-child { margin-right: 0; }
}
.current_carousel_slide {border-top:4px #ee3b36 solid;}
/*** PROJECTS ***/
#projects { margin: 0 auto; width: @mw; min-width: @mw; padding: 20px 0; overflow: hidden;
	.items { margin: 0 auto; width: 100%; overflow: inherit;
		.item { position: relative; margin-right: 10px; width: 320px; height: 158px; overflow: inherit; padding-top:8px;
			.thumb { position: relative; width: inherit; height: inherit; overflow: inherit; z-index: 0;
				img { width: inherit; height: inherit; -moz-transition: all 2s ease-out;
						-o-transition: all 2s ease-out;
						-webkit-transition: all 2s ease-out;}
			}
			.info { position: absolute; top: 8px; left: 0; width: inherit; height: inherit; background: rgba(red(@blue), green(@blue), blue(@blue), 0.6); .transition(0.3s, ease-out); cursor: pointer;
				.name { margin: 33px 20px 20px;
					span { font-size: 1.60em; color: #f3f3f3; }
					a { color: #ffffff; text-decoration:none;}
				}
			}
		}
		.item:hover {
			img {border-radius: 6px;
				-webkit-transform: scale(1.1);
				-moz-transform: scale(1.1);
				-o-transform: scale(1.1);}
			.info { background: rgba(0, 0, 0, 0.6); .transition(0.3s, ease-out); }
		}
		.item:last-child {margin-right: 0;}
	}
	.bx-wrapper { margin: 0 auto; z-index:1; width:100%;
		.bx-viewport { left: 0; .box-shadow(0, 0, 0, 0); border: none; background: none; }
		.bx-controls {
			.bx-controls-direction {
				a { top: 0; margin-top: 0; width: 60px; height: 100%; display:block;}
				.bx-prev { left: -33px;  background: url('../images/left_arrow_fa.png') center no-repeat; z-index:1000; opacity:0.5;}
				.bx-prev:hover {opacity:1;} 
				.bx-next:hover {opacity:1;}
				.bx-next { right: -33px; background: url('../images/right_arrow_fa.png') center no-repeat; z-index:1000; opacity:0.5;}
			}
			.bx-pager { display: none; }
		}
	}
	.bx-wrapper:hover {
		.bx-controls {
			.bx-controls-direction {
				a { display: block; }
			}
		}
	}
}

#projects.default { width: 100%; overflow:visible; z-index:1; position:relative; top:-77px;}
#projects.category {
	.items {
		.item1 {width:444px;}
		.item { margin-bottom: 10px; }
		.item:nth-child(3n) { margin-right: 0; }
	}
}

/*** ABOUT ***/
#about { margin: 80px auto 0 !important; overflow: hidden; 
	.thumb { width: 200px; margin-right: 60px; }
	.text { width: 720px; position:relative; top:35px;
		p { font-size: 1.3em; line-height: 20px; }
		p.title { margin-bottom: 15px; text-transform: uppercase; font-size: 1.91em; line-height: 1.0em; font-weight:bold;}
	}
}

/*** CONTENT ***/
#content { padding: 25px 0;  font-size: 1.2em; 
	p, ul, ol { margin-bottom: 15px; }
}
#content.check {
	.items {
		.item { margin-bottom: 25px; overflow: hidden; padding-left:25px; height:333px;
			.thumb { width: 320px; height:282px; position:relative; top:50%; margin-top:-141px;}
			.text { width: 600px; color:#333333; padding-right:25px; position:relative;
				p:first-child {font-size:18px;}
				}			
		}
		.item:nth-child(1) {
			.text {top:40px;}
		}
		.item:nth-child(2) {
			.text {top:46px;}
			.thumb {position:relative; margin-top:-130px;}
		}	
		.item:nth-child(3) {
			.text {top:37px;}
		}
		.item:nth-child(4) {
			.text {top:46px;}
		}		
		.item.alignleft {  background-color:#fff; 
			.thumb { float: left;}
			.text { float: right; }
		}
		.item.alignright { background-color: #FFF0D7;
			.thumb { float: right; }
			.text { float: left;}
		}
	}
	.services {
		.service {width:480px; float:left; height:363px; text-align:center;}
		.service:nth-child(odd) {margin-right:20px;}
		.service:nth-child(2) {position:relative; top:50px;}
		.service:nth-child(2) a.aservice{position:relative; top:-10px;}
		a {color:#000; text-decoration:none; font-size:18px;}
		a:hover {color:#ee3b36;}
	}
	.service_single {
		h1 {text-align:center; margin-bottom:22px;}
	}
}
/*** FOOTER ***/
#footer { position: absolute; bottom: 0px; left: 4%; margin: 0 auto; width: 92%; min-width: @mw; height: 200px; background-color: @beige3; overflow: hidden; z-index: 20; 
	.inner { margin: 70px auto 50px; width: @mw; font-size: 1.3em; line-height: 2.5em; color: @brown1; 
		p { margin-bottom: 12px; padding-left: 40px; }
	}
}


#our_workers {width:@mw; margin:0 auto; height:640px; background:url(../images/team.jpg) no-repeat; margin-bottom:22px;
	div {float:left; width:220px; text-align:center; margin-right:22px; padding-bottom:30px;
		.name {font-weight:bold; font-size:20px;}
		.post {font-size:14px; color:#6d6d6d;}
		img {margin-bottom:11px;}
	}
}



#partners {width:100%; height:199px; margin:40px auto 0;}
			.list_carousel {
				width: 980px; margin:0 auto; height:199px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {			
				text-align: center;			
				width: 400px;
				height: 199px;
				padding: 0;
				display: block;
				float: left;
				position:relative; top:19px;
			}
			.list_carousel li.partner_mini {top:0px; width:151px; position:relative;}
.partners_title {text-align:center; font-size:26px; margin-bottom:16px;}