@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/flexslider.css";@import"../css/forms.css";@import"../css/prettyPhoto.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body{background:#161616;font:12px/21px Arial, Helvetica, sans-serif;color:#828282;position:relative;min-width:320px;}
html,body{height:100%;}
p{padding-bottom:21px}
a{color:#de7b27;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;text-transform:uppercase;color:#353535; font-family: "Open Sans", cursive; font-weight:bold;}
h1{font-size:25px;}
h2{font-size:18px; padding-bottom:19px;}
h3{font-size:18px;color:#de7b27;} 
h4{font-size:17px;color:#fff;}  
h5{font-size:16px;}
h6{font-size:15px;}
/* Global Structure---------------------------------------- */
.bg-light{ width:100%; background:url(../images/White.png) 50% 0 no-repeat;}
.bg-body{width:100%;background:#e6e5e5 url(../images/BGtexture.jpg) 50% 0  repeat;}
/*----- 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}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#de7b27;}
.color2{color:#828282;}
.z1{ position:relative; z-index:2;}
.z99{ position:relative; z-index:99;}
.maintext{text-transform: capitalize;}
strong{ color:#303030;}
.cont{ position:relative;}
/*********************************header*************************************/
header{ width:100%; position:relative; z-index:99;}
header h1{ padding:65px 0 44px 0; margin-left:-3px;}
	header h1 a{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:580px; height:80px; text-indent:-5000px;}
.top-menu{ position:relative; overflow:hidden; padding:115px 0 0 0;}
	.top-menu li{ float:left; padding:20px 9px 9px 1px;}
	.top-menu li:first-child{ background:none; padding-right:20px;}
	.top-menu li a{ display:inline-block; font-size:12px; color:#767676; font-weight:bold;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.top-menu li a:hover{ color:#000; text-decoration:none;}
/********************** Content ************************/
section{ width:100%; background:url(../images/lineH.png) 0 100% repeat-x;}
.padcontent{ padding:35px 0 56px 0;}
.padcontent2{ padding:48px 0 30px 0;}
.padcontent3{ padding:48px 0 72px 0; background:none;}
.padcontent4{ padding:48px 0 32px 0; background:none;}
aside{ padding:45px 0 39px;}
aside.padaside{ padding:45px 0 30px;background:url(../images/lineH.png) 0 100% repeat-x;}
.list1{ padding-bottom:21px;}
	.list1 li{ background:url(../images/list1-line.png) 0 0 repeat-x; padding:6px 0 3px 0;}
	.list1 li:first-child{ padding-top:2px; background:none;}
	.list1 li a{ display:inline-block; background:url(../images/marker.png) 2px 8px no-repeat; font-weight:bold; padding:0 0 0 18px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list1 li a:hover{ text-decoration:none; color:#353535;}
.twitter-box{ position:relative; overflow:hidden; background:url(../images/twitter-box.png) 0 0 repeat; border-radius:9px; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.twitter-title{ background:url(../images/lineV.jpg) 100% 0 repeat-y; padding:25px 36px 16px 30px;}
	.twitter-title h3{ background:url(../images/twitter.png) 0 0 no-repeat; padding:3px 0 10px 50px;}
.twitter-box .extra-wrap{ padding:18px 0 0 28px;}
.twitter-box .fright{ padding:19px;}
.twitter{ color:#fff; font-size:13px; font-style:italic;}
.hide{ display:none;}
.col3{ width:220px; float:left; margin:0 10px; padding:9px 0 0 0;}
.col3 a{ color:#000;}
.col3 .lightbox-image{ margin-bottom:14px;}
.box2{ padding:7px 0 6px 0;}
	.box2 .lightbox-image{ margin-bottom:20px;}
	.box2 .grid{ margin-bottom:20px;}
.map{  box-shadow:1px 1px 2px rgba(0,0,0,.2);width:350px;border-radius:10px; margin:7px 0 0 0;}
	.map iframe{ width:350px; height:234px;border-radius:10px;}
.contacts{ padding:24px 0 38px 0; font-style:normal;} 
	.contacts span{ display: inline-block; width:83px;}
	.contacts a{color:#828282;}
/*  Buttons */
.button{display:inline-block; background:#de7b27; font-family: "Open Sans"; text-transform:uppercase; font-weight:bold; color:#fff; padding:7px 15px; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.4);
	-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{ background:#262525; text-decoration:none;}
.button1{ font-weight:bold; color:#000;}
/******************** Footer ******************/
footer{ padding:12px 0 11px; font-weight:bold; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
footer a{ color:#000;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
footer .fleft{ padding-top:9px;}
.footer-menu{ position:relative; overflow:hidden; float:right;}
	.footer-menu li{ float:left;background:url(../images/top-menu-line.png) 0 7px no-repeat; padding:9px 18px 9px 21px;}
	.footer-menu li:first-child{ background:none; padding-right:20px;}
	.footer-menuli a{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.footer-menu li a:hover,footer a:hover{color:#767676; text-decoration:none;}
/* padding */
.padtop2{ padding-top:25px;}
.padtop{ padding-top:45px;}
.padbot3{ padding-bottom:26px;}
.padbot{ padding-bottom:24px;}
.padbot4{ padding-bottom:21px;}
.padbot5{ padding-bottom:22px;}
.padbot2{ padding-bottom:51px;}
.imgindent{ float:left; margin:7px 9px 0 1px;}
.imgindent2{ margin:5px 20px 0 0;}
.pad{ padding:8px 0 0 0;}
.pad .fleft{ margin:0 19px 0 0;}
.pad2{ padding:3px 0 0 0;}
.pad2 .fleft{ margin:5px 20px 0 0;}
.pad3{ padding:16px 50px 0 30px;}
.pad4{ padding:7px 0 25px 0;}
	.pad4 a img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; max-width:100%; height:auto;}
	.pad4 a:hover img{ opacity:.5}
.indent{ margin:4px 6px 0 0;}
.indent h2{ font-size:15px;}
/* Lightbox image */
.lightbox-image{display:inline-block;position:relative; box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:4px;}
.lightbox-image img{position:relative; max-width:100%; height:auto;}
.grid img{position:relative; max-width:100%; height:auto;}
.lightbox-image span{position:absolute; display:block;left:0;top:0; right:0; bottom:0; border:5px solid #fff; border-radius:4px;z-index:2;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.lightbox-image{display:block;}
	.col3{ width:172px; float:left;}	
	.pad3{ padding:16px 50px 0 0px;}
	.pad4 a{ display:block;}
	.pad4 .fleft{ width:50%;}
	.map,.map iframe{ width:300px;}
	.padRT4{ padding-bottom:20px;}
}
@media only screen and (max-width: 767px) {
	.top-menu{ padding:21px 0 0 0;}
	.top-menu li{padding:9px 9px 9px 11px;}
	.top-menu li:first-child{padding-right:10px;}
	header h1{padding:25px 0 44px 0;}
	.marg{ margin-right:20px;}
	.twitter-title{padding:25px 23px 24px 30px; background:none;}
	.twitter-title h3{ width:31px; height:23px; text-indent:-5000px; padding:0;}
	.twitter-box .fright{display:none;}
	.twitter-box .extra-wrap{ padding:18px 10px 0 5px;}
	.hide{ display:block; padding:10px 0 20px 20px;}
	.padRT{ padding-top:30px;}
	.padRT2{ padding-bottom:20px;}
	.list1{ padding-bottom:30px;}
	.footer-menu li,.footer-menu li:first-child{padding:9px 12px 9px 12px;}
	.box-img{ margin: 0 0 15px 0 !important;}
	.box-img img{ width:300px;}
	.footer-menu{ float:none;}
	.footer-menu li:first-child{padding-left:0px;}
	footer .fleft{float:none; padding:15px 0 15px 0;}
	.box-img2 img{ width:300px;}
	.padRT3{ padding-top:30px;}
	.pad3{ padding:16px 50px 0 0px;}
	.col3{ width:130px; float:left;}
	.col3 .lightbox-image,.col5 .lightbox-image{display:block;}
	.col5{ width:135px !important;}
	.padcontent4{ padding:48px 0 72px 0; background:none;}
	.pad4 .fleft{ width:50%;}
	.map,.map iframe{ width:300px;}
	.contacts{ padding:24px 0 50px 0;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	header h1{padding:5px 0 44px 0;}
	.hide2{ display:none;}
	.box .grid_3{ width:200px; float:left;}
	.col1{ width:200px !important;}
	.col2{ width:200px !important; position:absolute; top:0; right:0;}
	.padRT{ padding-top:0px;}
	.box-img{ margin-bottom:0px;}
	.box-img img{ width:auto;}
	.footer-menu{ float:right;}
	footer .fleft{float:left;padding:9px 0 0 0;}
	.box-img{ margin: 0 19px 0 0 !important;}
	.lightbox-image{display:block;}
	.box-img2{ width:200px; float:left; margin:0 20px 0 0;}
	.padtop2{ padding-top:0;}
	.col3{ width:190px; float:left;}
	.col4{ width:200px !important; float:left;}
	.pad3{ padding:16px 50px 0 30px;}
	.col5{ width:200px !important;}
	.pad4 .fleft{ width:auto;}
	.map,.map iframe{ width:420px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */