@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/slider.css";@import"../css/forms.css";@import"../css/prettyPhoto.css";
@import url(https://fonts.googleapis.com/css?family=Lato:900);
body{background:#e9e9e9;font:12px/18px Verdana, Geneva, sans-serif;color:#7c7c7c;position:relative;min-width:1028px;}
html,body{height:100%;}
p{padding-bottom:18px}
a{color:#ef4f33;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#212121;font-family: 'Lato', sans-serif; text-transform:uppercase; font-weight:900;}
h1{font-size:30px;}
h2{font-size:27px;}
h3{font-size:24px; padding-bottom:16px;} 
h4{font-size:20px;}  
h5{font-size:18px;}
h6{font-size:14px;}
/* Global Structure---------------------------------------- */
.bg{ width:100%;  background:url(../images/bg-light.png) center 0 no-repeat; min-height:100%;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fleft2{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#ef4f33;}
.color2{color:#000;}
/*********************************header*************************************/
header{position:relative;z-index:99; width:100%; padding:29px 0 0 0; border-top:7px solid #3c3c3c;}
header h1 a{ display:block; max-width:261px; height:auto;}
header h1 a img{ max-width:100%; height:auto;}
/********************** Content ************************/
section#content{overflow:hidden; position:relative; z-index:1; width:100%;}
.padcontent{ padding:20px 0 0 0;}
aside{position:relative; z-index:1; width:100%;}
.col1{ float:left; width:220px;}
.box{ background:url(../images/box.png) 0 0 repeat-x #f5f5f5; position:relative; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,.1); padding:27px 18px 3px 18px; margin-top:15px;}
	.box .fleft{ width:62px;}
	.box .fleft2{ width:462px;}
	.box h6{ padding:12px 0 0 18px;}
	.box h6 a,.box2 h6 a,.p2 h6 a,.box-product h6 a,.col4 h6 a{color:#212121;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.box h6 a:hover,.box2 h6 a:hover,.p2 h6 a:hover,.box-product h6 a:hover,.col4 h6 a:hover{color:#ef4f33; text-decoration:none;}
.box2{ background:#f5f5f5; margin:7px 0 0 0; padding:24px 20px 23px 18px;box-shadow:0px 1px 1px rgba(0,0,0,.2), inset 0 0 1px 1px #fff;}
	.box2 h6 span{ display:block;}
	.box2 h6{ padding:13px 0 0 18px;}
	.box2 p{ margin-top:-10px; padding:0 0 0 3px;}
.box-product{background:#f5f5f5;box-shadow:0px 1px 1px rgba(0,0,0,.2), inset 0 0 1px 1px #fff; padding:19px 19px 16px 20px; margin:6px 0 0 2px;}
	.box-product h6{ padding:16px 0 7px 0;}
	.box-product p{ padding-bottom:0;}
.dropcap{ float:left; width:59px; height:54px; background:#f5f5f5; font:900 40px/48px 'Lato', sans-serif; text-transform:uppercase; color:#212121; box-shadow:0px 1px 1px rgba(0,0,0,.2), inset 0 0 2px 2px #fff; text-align:center; padding:5px 0 0 0; margin:2px 20px 5px 2px;}
.p2 h6{ padding-bottom:8px;}
.p2 h6 span{ display:block;}
.p2 p{ padding-bottom:5px;}
.list2{background:#f5f5f5;box-shadow:0px 1px 1px rgba(0,0,0,.2), inset 0 0 1px 1px #fff; margin:6px 0 0 0; padding:11px 0 8px;}
	.list2 li a{ display:block; font:900 14px/17px 'Lato', sans-serif; text-transform:uppercase;color:#212121;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; padding:7px 10px 8px 22px;}
	.list2 li a:hover{ color:#fff; text-decoration:none; background:#ef4f33;}
.list3{ padding-top:13px;}
	.list3 li{ border-top:1px solid #e8e8e8; padding:6px 0 9px 0;}
	.list3 li:first-child{ border-top:none;}
	.list3 li a:hover{ text-decoration:none; color:#000;}
.col3{ float:left; width:222px; background:url(../images/arrow2.png) 100% 50% no-repeat; padding:1px 40px 0 0;}
.col4{ width:99px; float:left; padding-top:52px; padding-left:16px;}
	.col4 h6{ line-height:24px;}
.map{ float:left; padding:5px 20px 0 1px;}
	.map iframe{ width:390px; height:316px;}
.contacts{ display:block; font-style:normal; overflow:hidden; padding-top:1px;}
	.contacts span{ display:inline-block; width:77px;}
/*  Twitter */
.twitter{ color:#939393; padding:37px 0 0 0; position:relative; overflow:hidden; margin:0; height:162px;}
	.twitter a{ color:#000;}
	.twitter span{ display:block; padding-bottom:1px;}
	.twitter span a{ color:#ef4f33;}
	.twitter ul li{ padding-bottom:20px;}
/*  Buttons */
.button{display:inline-block; color:#fff; background:#717171; padding:4px 15px 6px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{text-decoration:none;background:#ef4f33;}
.line{ position:relative; overflow:hidden; width:940px; height:2px; background:url(../images/menu-lineH.png) 0 0 repeat-x; margin:0 auto;}
/* Lightbox image */
.lightbox-image{display:block;position:relative;}
.lightbox-image img{position:relative;z-index:2; max-width:100%; height:auto;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/magnify.png) 50% 50% no-repeat #fff;}
/* Elastislide Style */
.es-carousel-wrapper{padding:29px 15px 30px 30px;position:relative; margin:20px 0 2px 2px; z-index:99;background:#f5f5f5;box-shadow:0px 1px 1px rgba(0,0,0,.2), inset 0 0 1px 1px #fff;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.es-carousel ul li a img:hover{opacity:.8}
.es-carousel ul li .button{ margin-top:24px;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; top:-66px; line-height:0; font-size:0; width:17px; text-indent:-5000px; height:27px; z-index:99; cursor:pointer; background-position:0 0; background-color:#e9e9e9}
.es-nav span.es-nav-next{right:20px; background-image:url(../images/button-next.png);}
.es-nav span.es-nav-prev{right:49px; background-image:url(../images/button-prev.png);}
/******************** Footer ******************/
footer{ padding:53px 0 50px;color:#161616; width:100%;}
footer a{ color:#606060;}
footer .aligncenter{ padding-left:309px;}
.tooltips{ position:relative; overflow:hidden; padding-right:25px;}
	.tooltips li{ float:left; color:#a8a7a6; font-size:13px; padding:1px 0 0 5px;}
	.tooltips li.tooltip-text{ padding:0 3px 0 0;}
	.tooltips li a{ position:relative; display:block;}
	.tooltips li a img{ position:relative;}
	.tooltips li a span{ display:block; width:16px; height:16px; top:0; left:0; position:absolute; opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.tooltips li a:hover span{ opacity:1;}
/* padding */
.padtop4{ padding-top:15px;}
.padtop32{ padding-top:17px;}
.padtop3{ padding-top:20px;}
.padtop33{ padding-top:25px;}
.padtop22{ padding-top:33px;}
.padtop2{ padding-top:34px;}
.padtop{ padding-top:45px;}
.padtop5{ padding-top:51px;}
.padtop54{ padding-top:56px;}
.padtop53{ padding-top:59px;}
.padtop52{ padding-top:62px;}
.padbot{ padding-bottom:20px;}
.padbot3{ padding-bottom:23px;}
.padbot4{ padding-bottom:32px;}
.padbot2{ padding-bottom:49px;}
.pad{ padding:1px 0 0 0;}
	.pad p{ padding-bottom:21px;}
.z1{ position:relative; z-index:2}
.z2{ position:relative; z-index:3;}
.marg{ margin-top:-1px;}
.space2{ margin-right:19px;}
.space{ margin-right:20px;}
.imgindent{ margin:5px 0 15px 0;}
.image{ max-width:100%; height:auto;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	header .container_12 .grid_5{ width:300px;}
	section .container_12 .grid_6{ width: 748px; }
	.space{ margin-right:0px;}
	.box{ float:left;margin-right:5px; width:145px; padding-bottom:25px;}
	.box .fleft{ float:none; text-align:center; width:100%;}
	.box .fleft2{ float:none; text-align:center; width:100%;}
	.box h6{ text-align:center;padding:12px 0 0 0;}
	.col1{ width:auto;}
	.col2{ width:210px !important; padding-right:26px !important;}
	.line{ width:748px;}
	footer .aligncenter{ padding-left:209px;}
	body{min-width:750px;}
	.col3{width:150px;}
	.col4{padding-top:115px;}
	.map iframe{ width:270px;}
}
@media only screen and (max-width: 767px) {
	.col1,.box-product img,.line,.image{ width:300px;}
	.box{ width:244px; margin-left:10px;}
	.box h6{padding-top:20px; padding-left:25px;}
	.space{ margin-right:0px;}
	.padtop3{ padding-top:0;}
	.padtop{ padding-bottom:20px;}
	footer .aligncenter{ padding-left:50px;}
	.tooltips{ padding-left:30px;}
	body{min-width:310px;}
	.p2 h6 span{ display:inline-block;}
	.es-carousel ul li .button{ display:none;}
	.padmob{ padding-top:40px;}
	.col2{ width:200px !important; padding-right:10px !important;}
	.col3{width:100%; background: url(../images/aroow3.png) 50% 100% no-repeat; float:none; padding:10px 0 50px;}
	.col4{width:100%;float:none; padding:10px 0 0 0; text-align:center;}
	.map{ float:none; padding-right:0;}
	.map iframe{ width:300px; height:200px;}
	.contacts{ padding-top:20px; padding-bottom:20px}
	.padtop42{ padding-top:15px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.col1,.box-product img,.line,.image{ width:420px;}
	.box{ width:342px; margin-left:10px; padding-left:40px;}
	footer .aligncenter{ padding-left:30px;}
	.tooltips{ padding-left:0px;}
	.map iframe{ width:420px; height:200px;}
	.col5{ float:left; width:200px;}
	.space3{ margin-right:20px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

img.imgBorderNo { margin: 0px 10px 10px 0px; float: left; }