@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(http://fonts.googleapis.com/css?family=Lato:300);
@import url(http://fonts.googleapis.com/css?family=Lato:700);
@import url(http://fonts.googleapis.com/css?family=Lato:900);
@import url(http://fonts.googleapis.com/css?family=Lato:400);
body{background:#129793;font:medium Arial, Helvetica, sans-serif;color:#454545;position:relative;min-width:310px;}
html,body{height:100%;}
p{padding:4px 0 12px 0}
a{color:#129793;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;padding:8px 0 12px 0;color:#2e2220;font-weight:normal; font-weight:400; font-family:'Lato', sans-serif;}
h1{font-size:34px;}
h2{font-size:26px;}
h3{font-size:24px;} 
h4{font-size:20px;}  
h5{font-size:18px;text-transform:uppercase; font-weight:700;}
h6{font-size:16px; padding-bottom:22px;}
/* Global Structure---------------------------------------- */
.bg-header{ width:100%; background:#505050; position:relative; z-index:99;}
.bg{ width:100%; background:url(../images/bg.png) 50% 0 repeat-x; position:relative; overflow:hidden; z-index:1; text-align:center;}
.pad-main{ padding-top:24px;}
.bg2{ background:#fff;padding:2px 15px 0 15px; max-width:940px; position:relative; margin:0 auto;display:inline-block;}
/*----- 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:#036991;}
.title2{ font:11px/18px Arial, Helvetica, sans-serif; color:#777e83; text-transform:uppercase;}
.title-2{ color:#2e2220; font:400 16px/24px 'Lato', sans-serif;}
	.title-2 a{color:#2e2220;}
	.title-2 a span{ display:block;}
	.title-2 a:hover{color:#036991; text-decoration:none;}
/*********************************header*************************************/
header{position:relative;z-index:99;padding:15px 15px 1px 15px; background:#fff; max-width:940px; display:block; margin:0 auto;}
.marg{width:100%; text-align:center;}
.logo{ float:left;}
	.logo a{ position:relative;text-align:left;padding:35px 0 0 0; display:block; background:#352824; border-bottom:3px solid #120c0b;min-width:237px;height:79px;}
	.logo img{ max-width:100%; height:auto; margin-left:40px;}
/********************** Content ************************/
section#content{overflow:hidden; position:relative; z-index:1; text-align:left;}
.padcontent{padding:3px 0 18px 0;}
.padcontent2{padding:52px 0 15px 0;}
.padcontent3{padding:52px 0 44px 0;}
.list1{ padding:15px 0 22px 0;}
	.list1 li{ padding:5px 0 7px 15px; background:url(../images/marker.png) 0 11px no-repeat;}
	.list1 li a{color:#036991;-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{color:#000; text-decoration:none;}
.col1{ width:235px; float:left; text-align:left;font:12px/18px Arial, Helvetica, sans-serif;}
	.col1 a{color:#fff; display:block; position:relative; overflow:hidden; padding:38px 20px 42px 17px;}
.title{ font:400 20px/24px 'Lato', sans-serif; letter-spacing:-1px; position:relative; z-index:3;}
	.title span{ display:block; text-transform:uppercase; font-size:24px; font-weight:700; margin-top:-2px; letter-spacing:normal;}
.bgcolor4 .title span{ font-size:20px;}
.col1, .col1 a {
    height:200px;
}
.col1 p { padding:10px 0 0 2px; position:relative; z-index:3;}
.col1 a .mask{ width:235px; height:320px; overflow:hidden; position:absolute; top:0; left:0; z-index:2; opacity:0;
	transform: translate(0, 320px) rotate(-80deg);
	-webkit-transform: translate(0, 320px) rotate(-80deg);
	-moz-transform: translate(0, 320px) rotate(-80deg);
	-o-transform: translate(0, 320px) rotate(-80deg);
	transition: all 0.2s 0.4s ease-in-out;
	-webkit-transition: all 0.2s 0.4s ease-in-out;
	-moz-transition: all 0.2s 0.4s ease-in-out;
	-o-transition: all 0.2s 0.4s ease-in-out;}
.bgcolor1{ background:#03668e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#129793), to(#0f8783));
	background: -webkit-linear-gradient(#129793, #0f8783);
	background: -moz-linear-gradient(#129793, #0f8783);
	background: -ms-linear-gradient(#129793, #0f8783);
	background: -o-linear-gradient(#129793, #0f8783);
	background: linear-gradient(#129793, #0f8783);
	-pie-background: linear-gradient(#129793, #0f8783);
	border-bottom:3px solid #107d7a;}
.bgcolor2{ background:#ffbb14; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb85e), to(#EEA344));
	background: -webkit-linear-gradient(#ffb85e, #EEA344);
	background: -moz-linear-gradient(#ffb85e, #EEA344);
	background: -ms-linear-gradient(#ffb85e, #EEA344);
	background: -o-linear-gradient(#ffb85e, #EEA344);
	background: linear-gradient(#ffb85e, #EEA344);
	-pie-background: linear-gradient(#ffb85e, #EEA344);
	border-bottom:3px solid #E49C41;}
.bgcolor3{ background:#352724; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#505050), to(#474747));
	background: -webkit-linear-gradient(#505050, #474747);
	background: -moz-linear-gradient(#505050, #474747);
	background: -ms-linear-gradient(#505050, #474747);
	background: -o-linear-gradient(#505050, #474747);
	background: linear-gradient(#505050, #474747);
	-pie-background: linear-gradient(#505050, #474747);
	border-bottom:3px solid #444343;}
.bgcolor4{ background:#ff7260; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff7260), to(#e26c5d));
	background: -webkit-linear-gradient(#ff7260, #e26c5d);
	background: -moz-linear-gradient(#ff7260, #e26c5d);
	background: -ms-linear-gradient(#ff7260, #e26c5d);
	background: -o-linear-gradient(#ff7260, #e26c5d);
	background: linear-gradient(#ff7260, #e26c5d);
	-pie-background: linear-gradient(#ff7260, #e26c5d);
	border-bottom:3px solid #DF6455;}
	.col1.bgcolor1 .mask{ background:#107d7a;}
	.col1.bgcolor2 .mask{ background:#E49C41;}
	.col1.bgcolor3 .mask{ background:#120c0b;}
	.col1.bgcolor4 .mask{ background:#DF6455;}
	.col1 a:hover{ text-decoration:none;}
	.col1 a:hover .mask{ opacity:.7; 
		transition-delay: 0s; 
		-webkit-transition-delay: 0s; 
		-moz-transition-delay: 0s; 
		-o-transition-delay: 0s; 
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);}
.col2{ float:left; width: 300px; margin:0 10px;}
.col2.col3{width:300px;}
.quotes{ background:#129793; position:relative; padding:13px 20px 14px; margin-top:5px;}
	.quotes span{ display:block; background: url(../images/quotes.png) 100% 0 no-repeat; width:23px; height:11px; position:absolute; bottom:-11px; left:46%;}
blockquote{ font:400 16px/24px 'Lato', sans-serif; color:#2e2220;}
.quotes-link{ text-align:center; padding:27px 0 0 0;}
.box2 img{ float:left; margin:6px 11px 0 0;}
	.box2 img.imgindent2{  margin:6px 6px 0 0;}
	.box2 p{ padding-bottom:25px;}
.box-product{ background:#129793; padding:20px 20px 12px 20px;border-bottom:3px solid #129793;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.box-product .lightbox-image{ display:block;}
.box-product .title-2{ padding:13px 0 3px 0;}
.box-product .title-2 a{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.box-product .title-2 a:hover{ text-decoration:underline;}
	.box-product:hover{ background:#d2371c; color:#fff;border-bottom:3px solid #ac1308;}
	.box-product:hover .title-2 a{color:#fff;}
.map{ float:left; margin:5px 21px 0 0;}
	.map iframe{ width:430px; height:317px;}
.contacts{ display:block; overflow:hidden; font-style:normal;}
	.contacts span{ display:inline-block; width:58px;}
/* Elastislide Style */
.es-carousel-wrapper{background: #129793;padding:30px 30px 25px;position:relative; margin:5px 0 0 0; z-index:99}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a.button1{ margin-top:20px; display:inline-block;}
.es-carousel ul li a.lightbox-image{ display:inline;}
.es-carousel ul li span{ display:block;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; top:-49px; line-height:0; font-size:0; width:19px; text-indent:-5000px; height:19px; z-index:99; cursor:pointer; background-position:0 0;}
.es-nav span.es-nav-next{right:0px; background-image:url(../images/carousel-arrow.png);}
.es-nav span.es-nav-prev{right:24px; background-image:url(../images/carousel-arrow2.png);}
.es-nav span:hover{background-position:0 -19px;}
.dropcap{ display:block; float:left; text-transform:uppercase; font:400 60px/1.2em 'Lato', sans-serif; color:#fff; width:76px; height:76px; text-align:center; border-radius:40px; margin:8px 19px 9px 1px;}
	.dropcap span{ display:block; margin-top:-2px;}
.bgcolor2-1{ background:#03688f;}
.bgcolor2-2{ background:#ffb85e;}
.bgcolor2-3{ background:#352824;}
.bgcolor2-4{ background:#d1371b;}
/*  Buttons */
.button{display:inline-block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; font:12px/20px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/button.jpg) 0 0 repeat-x; padding:2px 9px 3px 11px; border-radius:5px;}
	.button span{ background:url(../images/button-arrow.png) 0 0 no-repeat; width:5px; height:8px; display:inline-block; margin:7px 0 0 18px;}
	.button:hover{ text-decoration:none; background:url(../images/button.jpg) 0 -25px repeat-x;}
.button1{ text-transform:uppercase; color:#777e83;}
/******************** Footer ******************/
footer{width:100%;position:relative;overflow:hidden; font:11px/20px Arial, Helvetica, sans-serif; color:#fff5c3;}
	footer .container_12{ padding:14px 0 50px;}
footer a{color:#fff5c3;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
footer a:hover{color:#DAD4B9;}
footer h1{ padding:6px 0 15px 0;}
	footer h1 a{ display:block; background: url(../images/logo-footer.png) 0 0 no-repeat; width:130px; height:43px; text-indent:-5000px;}
.copyright{color:#4e4e4e; margin-top:-21px;}
.tooltips{ position:relative; padding:5px 0 0 0;}
	.tooltips li{ display:inline-block; width:102px; padding-bottom:10px; padding-left:1px;}
	.tooltips li a{ color:#fff5c3;}
	.tooltips li strong{ display:inline-block; position:relative; margin:1px 11px 0 0; width:16px; height:16px;}
	.tooltips li strong img{ position:relative; z-index:2;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
	.tooltips li strong span{ position:absolute; top:0; z-index:1; left:0; right:0; bottom:0;}
	.tooltips li a:hover{ color:#DAD4B9; text-decoration:none;} 
	.tooltips li a:hover img{-webkit-transform: rotate(360deg) scale(1.2);-moz-transform: rotate(360deg) scale(1.2);-o-ttransform: rotate(360deg) scale(1.2);transform: rotate(360deg) scale(1.2);}
/* padding */
.padtop{ padding:44px 0 0 0;}
.padtop2{ padding-top:52px;}
.padtop3{ padding-top:39px;}
.padtop62{ padding-top:32px;}
.padtop6{ padding-top:26px;}
.padtop5{ padding-top:21px;}
.padtop52{ padding-top:20px;}
.padtop7{ padding-top:17px;}
.padtop4{ padding-top:13px;}
.padtop10 { padding-top:10px; }
.padbot4{ padding-bottom:20px;}
.padbot{ padding-bottom:21px;}
.padbot2{ padding-bottom:23px;}
.padbot32{ padding-bottom:7px;}
.padbot3{ padding-bottom:28px;}
.padbot00{ padding-bottom:0 !important;}
.z1{ position:relative; z-index:2}
.z2{ position:relative; z-index:3;}
.imgindent{ float:left; margin:5px 21px 0 0;}
/* Lightbox image */
.lightbox-image{display:inline-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;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.logo a{min-width:179px;text-align:center;}
	.logo a img{ margin:0;}
	header{ width:748px;}
	.bg2{ width:748px;}
	.col1{ width:187px !important;}
	.col1 a .mask{ width:187px; height:190px;}
	.title,.title span{ font-size:18px !important;}
	.col2{ width: 172px !important;}
	.col2.col3{ width:236px !important;}
	.copyright{margin-top:-40px !important;}
	.tooltips li{width:80px;}
	header{padding:10px 10px 1px 10px;}
	.bg2{padding:2px 10px 0 10px;}
	.indent{ overflow:auto; float:left;}
	.dropcap{margin:8px 5px 9px 1px;}
	.map{ margin-right:15px;}
	.map iframe{ width:330px; height:260px;}
}
@media only screen and (max-width: 767px) {
	footer h1{ display:none;}
	.logo{ float:none;}
	.logo a{ position:relative;text-align:left; padding-left:18px;}
	.logo a img{ margin:0;}
	.col1{ width:260px !important;}
	.col1 a{padding:18px 20px 15px 17px;}
	.col1 a .mask{ width:260px; height:172px;}
	.col2{ width:260px !important; margin:0;}
	.col2.col3.space{ margin-right:20px;}
	.copyright{margin-top:0px !important; padding-top:15px;}
	.tooltips li{padding-left:0;padding-bottom:5px;}
	.tooltips{ position:relative; padding:10px 0 0 0;}
	.es-carousel ul li a.button1,.es-carousel ul li span{ display:none;}
	.imgindent{ float:none; margin:5px 0 20px 0;}
	.imgindent img{ width:300px;}
	.padbot0{ padding-bottom:0 !important;}
	.title-2 a span{ display:inline;}
	.title-2{ padding:30px 0 0 0;}
	.col4{ width:200px !important; float:left;}
	.box-product .lightbox-image img{ width:220px}
	.map{ margin:0; float:none;}
	.map iframe{ width:260px; height:160px;}
	.col5{ float:left; margin-right:30px;}
	.contacts{ padding-top:20px; padding-bottom:20px;}
	header{ width:260px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.col1{ width:420px !important;}
	.col1 a{padding:25px 20px 22px 17px;}
	.col1 a .mask{ width:420px; height:154px;}
	.col2{ width:200px !important;}
	.imgindent img{ width:420px;}
	.box-product .lightbox-image img{ width:380px}
	.map iframe{ width:420px; height:160px;}
	header{ width:420px;}
}

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

#logo {
    display: block;
    width: 240px;
    height: 117px;
    float: left;
    background: #000;
    padding:0;
    margin:0;
    overflow:hidden;
}
#logo * {
    max-width:100%;
    max-height:100%;
    padding:0;
    margin:0;
}
#logo img {
    width:100%;
    height:auto;
}

div.footermenu {
    display:block;
    position:relative;
    margin:0 0 12px 0;

}


.fmblock {
display:block;
background:none;
width:180px;
  float:left;
  margin:5px ;
}

.fmblock ul li {
display:block;
width:180px;
  clear:both;
background: url('/templates/default/images/marker.png') no-repeat 0 10px;
padding: 4px 0 8px 12px;  
margin:0 0 0 6px;

}

#content li {
display:block;
width:auto;
clear:both;
background: url('/templates/default/images/marker.png') no-repeat 0 9px;
padding: 4px 0 8px 18px;  
margin:0 0 0 12px;
}

#content ul {
    margin:5px 0 15px;
}

.fmblock li a {
    font-size:12px;
}


 label.lblsmallcheck {
     display:block;
     position:relative; 
    font-size:12px;
    color:#777;
 clear: left;
padding:12px 0 0 0 !important;
}
label.lblsmallcheck input, label.lblsmallcheck input {
   
    float:left !important;
    width:auto !important;
    clear:none !important;
    margin:0 5px 0 0 !important;
}

.clear {
    display:block;
    position:relative;
    clear:both;
    
}

footer p {
  
    padding:4px 0;
        font-size:12px;
}

table.contactform {
    width:100%;
    margin:12px 0 12px 0;   
}
table.contactform td {
    position:relative;
    width:100%;
}


.map {
display:block;
clear:both;
margin:0 0 20px 0;
height:480px;
width:100%;
}

.grid_4 .map {
    height:280px;
}

#cont_d9ccc5e532b3c1dd927e4a0ccaf3e49c {
width:190px !important;
margin:0 0 0 -4px !important;
border:none !important;
background:#f2f2f2 !important;
}

#cont_d9ccc5e532b3c1dd927e4a0ccaf3e49c a {
display:block;
color:#000;
text-decoration:none;
margin-bottom:10px !important;
font-size:15px !important;
}

img {
    margin:0 10px 5px 5px;
}

.numslist{
}
.numslist li
{
list-style-type:decimal !important;
display: list-item !important;
background-image:none !important;
margin-left:32px !important;
padding: 4px 0 8px 4px !important;
}
.telno{
position: absolute;
z-index: 999;
font-size: 23px;
width: 200px;
padding: 8px;
background-color: rgba(0, 0, 0, 0.16);}
#compondinterestcal{
padding:10px!important;
border:1px solid #d2371c!important;
background:#fff!important;
width:350px;
 
}
#compondinterestcal input{
width:auto!important;
}
#compondinterestcal td{
 vertical-align:middle;
 }
#compondinterestcal .button{
float:none!important;
margin-bottom:15px;
 }
 
#compondinterestcal .cal_heading{
background:#d2371c!important;
}

a#captrldbtn {font-size: 13px;background: url("../images/reload.png") no-repeat;color: #646262;padding-left: 20px;line-height: 26px;text-decoration: none;}