@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#333;
	background:#828EAA;
	}	

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

a {color:#3A85AD; text-decoration:none;}
a:hover {color:#3A85AD;}

#wrapper {width:100%; margin:0 auto;background:#FFF; }
.mid { margin:0 auto; position:relative; width:100%; max-width:964px; }

header {position:fixed;width:100%;height:106px; z-index:5000;background:#FFF; }
#headerfix {height:106px;}
#header {}

#logo {position:absolute;  top:14px; left:6px;}
#logo img {}

.slidewrap {box-shadow: 0px 4px 14px 0px rgba(20,20,20,0.30);
-webkit-box-shadow: 0px 4px 14px 0px rgba(20,20,20,0.30);
-moz-box-shadow: 0px 4px 14px 0px rgba(20,20,20,0.30);
margin-bottom: 14px;
}

#slideshow { position: relative; }
.pagination-area {position:absolute; top:6px;	right:0px; width:200px;  Xbackground:url(../images/overlays/bgb60.png);	z-index:25;	text-align:right;z-index:999; padding-right:10px; height:30px; padding-top:6px; }
.pagination-area span {     font-family: arial; font-size: 50px; width: 16px; height: 16px;     display: inline-block; color: #ddd; cursor: pointer; 	background:url(../images/bg-pagination.png) no-repeat;	width:16px;	height:16px;	overflow:hidden;	margin:0 4px;	text-indent:-9999px;}
.pagination-area span.cycle-pager-active, .pagination-area span:hover{ background:url(../images/bg-pagination.png) no-repeat -16px 0;}
.pagination-area > * { cursor: pointer;}

.cycle-prev {position:absolute;top:232px;left:-42px; z-index:999; }
.cycle-next {position:absolute;top:232px;right:-42px;z-index:999;}

.slider {height:427px; position:relative;}
.slide {height:427px; width:100%; position:relative;}
.ss_small {height:160px !important;}
.ss_small .slide {height:160px !important;} 

.slidecaption {position:absolute; bottom:0px; left:0px;color:#FFF; text-align:left; padding: 6px 16px 6px 6px;z-index:999;   background-color: rgba(85, 15, 26, 0.8); width:94%; margin-left:3%; font-size:13px; text-shadow:1px 2px #333;}
.slidetitle {font-size:34px;font-weight:400;text-transform:uppercase}
.slidesubtitle {font-size:20px;font-weight:300;}

.resp {width:100%; max-width:100%; height:auto;}
#main2 img, #content_left img {width:100%; max-width:100%; height:auto;}

#navwrap {position:absolute; top:45px; right:0px; width:740px ;}
#nav{}
#nav ul { list-style: none; position: relative; text-align:right;  }
#nav ul li { position: relative; display:inline-block; margin:0 20px;}
#nav ul li a {font-family: 'Dosis', sans-serif;color:#032047; font-size:20px; font-weight:400; display:block; padding:18px 0px;transition: color 0.5s ease;
}
#nav ul li:hover a   {color:#8B96B0;background:url(../images/navbg.png) no-repeat bottom center;transition: color 0.5s ease;  }
#nav ul li.active a {}

/*header_menu_second*/
#nav ul li ul {position:absolute;width:250%;display:none; top:45px; left:-75%;  margin:0;padding:0;;list-style:none;z-index:9999999  !important;padding-top:16px;}
#nav ul li ul li {margin:0;z-index:99;  display:block;  height:auto; padding:0; }
#nav ul li ul li a{text-align:center; font-size:16px; color:#FFF !important; font-weight:normal; border:none !important; padding:8px 10px  !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background:#8B96B0 !important;
text-shadow:1px 1px #666;
}
XX#nav ul li ul li:last-child a {
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

#nav ul li ul li a:hover{color:#FFF  !important;border:none;background:#6F7C9D !important;}
#nav ul li:hover  ul{display:block;z-index:999999;list-style:none; } 

/*header_menu_third*/
#nav ul li ul li ul {position:relative;width:100%;display:inline-block; top:0px; left:0;  margin:0;padding:0;list-style:none;z-index:9999999  !important;padding-top:0px;text-align: left !important ;}

#nav ul li ul#fly   {width: 840px;left:-320px;text-align: left !important ; }
#nav ul li ul#fly li   {float:left; width: 280px;  Xletter-spacing: -0.01em}
#nav ul li ul#fly li a {pointer-events: none;}
#nav ul li ul#fly li:nth-child(1) { width: 230px;}
#nav ul li ul#fly li:nth-child(3) { width: 180px;}

#nav ul li ul#fly li ul   {width: 100%; text-align: left !important ; }
#nav ul li ul#fly li ul li  {display: block;text-align: left !important; width: 100% !important}
#nav ul li ul#fly  li ul a {background: #DDE0E8 !important; display: block;font-size:14px;color:#535E79 !important;text-shadow: none;text-align: left !important;padding:4px 10px  !important; pointer-events: all}
#nav ul li ul#fly li a{text-align:left;}
#nav ul li ul#fly li a:hover {text-decoration: underline}
/*header_menu_third*/


#home {position:relative; }
#main {padding-top:0px; padding-bottom:40px;}


#content_left {float:left; width:58%;}
#content_right {float:right; width:38%;}

#content {font-size:14px;  line-height:1.6;  font-weight:400; min-height:300px; }
#content p {margin-bottom:20px; text-align:left; color:#000;}
#content ul {margin-left:24px;}

#content .contentpad {vertical-align:top;}
.colwrap {text-align:center; margin-bottom:30px;}
#content .contentcol2 {width:40%; display:inline-block; text-align:center !important; vertical-align:top; margin:0 4% 20px 4%;}
#content .contentcol3 {width:30%; display:inline-block; text-align:center !important; vertical-align:top; margin:0 1% 20px 1%;}
.contentcol2 p, .contentcol3 p  { text-align:center !important;}

#content .contentcol2 img, #content .contentcol3 img {max-width:100%;height:auto;}

.subtitle {color:#1160AD !important;}
/* editor*/
.cfl {float: left; width:38%;}
.cfr {float:right; width:58%}

.col_l {float: left; width:32%;}
.col_r {float:right; width:64%}

.imgleft {float: left; margin-right: 30px;}
.imgleft2 {float: left; margin-right: 30px; width:35%; max-width:300px;}
.imgright {float: right; margin-left: 30px;}

.projectlist {text-align:center;}

.listpad {margin-bottom:6px;}
.listpad a {font-size:16px !important;}
.listpad a:hover {color:#0D59A7}
.listpaddesc {font-size:13px;margin:-4px 0 6px 12px;}

.listrow {margin-bottom:16px; border: 1px solid #DDD;  background:#F2F2F2; padding:6px; }

.social {float:none; width:100%; text-align:center;padding-top:20px;}
.social a {margin:0 4px;transition: opacity 0.7s;opacity:1;}
.social a:hover {opacity:0.8;transition: opacity 0.7s;}
.contactinfo {float:none; width:100%;padding-top:35px; text-align:center;}
.copyright {float:none; width:100%;padding-top:35px;padding-bottom:25px; text-align:center;}


@media screen and (max-width: 580px) {
.imgleft {float: none; margin: 0 auto;width:90% !important; max-width:90% !important; height:auto; text-align:center; display:block; margin-bottom:14px;}
.imgright {float: none; margin: 0 auto;width:90% !important; max-width:90% !important; height:auto; text-align:center; display:block;}
#main2 { padding-top:18px;padding-bottom:4px;}
}

#content p.quote {width:90%; text-align:center; color:#e7472a;  font-size:20px; margin:20px auto;font-weight:400; line-height:1.4; }
#content p.quote:before{ height: 20px; 
    display: block;
    width: 40%;
	margin:0 auto;
    border-top: 1px solid #e7472a;
    content: '';}
#content p.quote:after{ height: 20px;
    display: block;
    width: 40%;
	margin:0 auto;
    border-bottom: 1px solid #e7472a;
    content: '';}	
/* */



.sechead {padding:8px 0px 0px 0px; vertical-align:text-bottom; text-align:center;}
.seccontent {padding:10px 0px; min-height:150px;}

h1 { font-size:30px; margin-top:10px;  margin-bottom:18px; font-weight:400;color:#032047; Xline-height:44px;  border-bottom:1px dotted #CCC ; }
h1 span {color:#3A85AD; }

v1h2 { font-size:40px;  margin:0; font-weight:600;  margin-bottom:14px; color:#000; text-shadow:1px 1px #FFF; background:url(../images/h2bg.jpg) 50% 50%; background-size:cover; width:100%; padding:4px 0; text-align:center; font-family:'Julius Sans One',sans-serif; margin-top:50px; } 

h2 { font-size:36px;  margin:0; font-weight:900;  margin-bottom:14px; color:#000; text-shadow:1px 1px #000; background:url(../images/h2bg.jpg) 50% 50%; background-size:cover; width:100%; padding:4px 0; text-align:center; font-family:'Julius Sans One',sans-serif; margin-top:50px; } 


V2h2 { font-size:32px;  margin:0; font-weight:600;  margin-bottom:14px; color:#2C436B; background:rgba(130,142,170,0.1); width:100%; padding:4px 0; text-align:center; font-family:'Julius Sans One',sans-serif; margin-top:50px; 
Xbackground: rgb(255,255,255);
Xbackground: linear-gradient(180deg, rgba(255,255,255,1) 28%, rgba(132,140,170,1) 96%);
	border-bottom:1px solid rgba(130,142,170,0.2);;
} 

h3 {font-size:22px; color:#333; font-weight:400;  text-transform:uppercase; text-align:left; margin-bottom:10px; border-bottom:1px dotted #CCC}

h4 {font-size:14px;color:#3A85AD; font-weight:400;  text-transform:uppercase; text-align:left; margin-bottom:10px; border-bottom:1px dotted #CCC}

h5 {font-size:18px;color:#D45500; font-weight:500;  text-transform:uppercase; text-align:left; margin-bottom:10px; font-family:'Julius Sans One',sans-serif; line-height: 1.2}
.clipic {display: inline-block; height: 50px; width: auto; margin: 0 16px 16px 16px;}
#aff .clipic {display: inline-block; height: 74px; width: auto; margin: 0 30px 36px 30px;}

footer {min-height:36px; padding:10px 0; color:#FFF; text-align:center;font-size:12px; font-family:Tahoma, Geneva, sans-serif; }
footer .mid {}
footer a  {color:#FFF;}
footer a:hover {color:#FFF; text-decoration:underline;}


.projectlisttxt {width:93%; margin:0 auto;}
.photolist {text-align:center;}
/* .photo:first-child {margin-left:0px}*/
.photo {display:inline-block; width:200px;margin:0 15px 30px 15px;background:#333333;transition: background-color 0.5s ease; height:224px;}
.photo a {color:#FFF;}
.photo:hover {background:#3A85AD;transition: background-color 0.5s ease;}
.photo:hover a {color: #FFF}
.photo:hover .pprice span {color:#FFF;transition: color 0.5s ease;}
.pic  {width:100%;height:130px;}
.pic  img {width:100%;height:130px}
.ptitle {font-size:16px; text-align:left; line-height:1.3; height:50px; overflow:hidden;   padding:10px; }
.s2 .ptitle {font-size:15px; text-align:left; line-height:1.3; height:50px; overflow:hidden;   padding:10px 15px 0px 15px; }
.pcat {font-size:11px; text-align:left;  overflow:hidden;   padding:0px 15px; padding-bottom:4px; margin-top:-4px; color:#666666 !important;}
.pdesc {font-size:12px; text-align:left; height:80px;  line-height:1.2; overflow:hidden;   padding:0px 14px; color:#666666 !important;}
.pdesc span {color:#3A85AD; }
.ptitle a {}
.ptitle a:hover { color: #FFF;}
.pprice {color:#FFF; font-size:11px; padding:0px 10px;  text-align:left; overflow:hidden;height:20px;}
.pprice span {color:#3A85AD; font-size:14px;transition: color 0.5s ease;}
.nmr {margin-right:0px;}
.stars {text-align:left;margin-left:10px;}
/* style 2*/
.photo.s2 {background:#fff;transition: background-color 0.5s ease; height:204px; border:1px solid #CCC; position:relative}
.photo.s2:hover {background:#fff;transition: background-color 0.5s ease;}
.photo.s2 a {color:#3A85AD; height:308px;}
.photo.s2 .pprice {color:#666;padding:0px 15px;}
.photo.s2:hover .pprice span {color:#3A85AD;}

#exc_left {float:left; width:46%; text-align:justify; color:#666; font-size:12px;}
#exc_right {float:right; width:48%; color:#666; font-size:14px;}



.galphoto {display:inline-block; width:66px; border:1px solid #CCC; margin-right:10px;margin-bottom:10px;}
.galphoto a {color:#FFF;}
.galpic  {width:100%;height:61px;}
.galpic  img {width:100%;height:61px}

.exmainmic {margin-bottom:8px;}
.excphotoscroll {position:relative; width:92%; margin:0 auto;}
.rpprev {position:absolute; top:20px; left:-20px; z-index:99;}
.rpnext {position:absolute;top:20px; right:-20px;z-index:99;}


.excback {float:right;}

#navmobile {display:none;}
#navmobile ul {display:none;}
a.menutoggle {color:#FFF; padding:10px 0; background:url(../images/menu.png) no-repeat left 10px; padding-left:34px; margin-left:10px;font-size:16px;width:100%; display:block; }
@media screen and (max-width: 840px) {
header {position:fixed;width:100%;height:128px; z-index:5000; background:#fff; }
#headerfix {height:128px; background:#FFF}
#logo {position:absolute;  top:14px; left:8px;}
#logo img {height:54px; width:auto;}

#nav {display:none;}
#navmobile {display:block;}

#navmobile {display:block;background:#8B96B0;  text-align:left; position:absolute; top:86px;left:0px; width:100%; opacity:0.95;}
	
#navmobilewrap {height: 340px; overflow-y: scroll;display:none;  }
#navmobile ul {margin:0;padding:0;list-style:none; text-align:left; display:block;  }
#navmobile ul li{display:block; }
#navmobile ul li a{display:block;margin:0px;font-size:13px;  font-weight:400; color:#FFF; text-decoration:none;padding:6px 14px;}
#navmobile ul li ul li  a{display:block; margin:0px;font-size:13px; margin-left:24px;  font-weight:400; color:#FFF; text-decoration:none;padding:4px 14px; }
}


/*form contact */
form.mainform > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.mainform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.mainform > div > label,
legend {
	width: 35%;
  float: left;
  padding-right: 10px;
}
form.mainform > div > div,
form.mainform > div > fieldset > div {
  width: 65%;
  float: right;
}
form.mainform > div > fieldset label {
  /* font-size: 90%; */
}
fieldset {
	border: 0;
  padding: 0;
}

form.mainform input[type=text],
form.mainform input[type=email],
form.mainform input[type=url],
form.mainform input[type=password],
form.mainform textarea, form.mainform select {
  width: 100%;
  border: 1px solid #B2B2B2;
  padding:4px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
}

form.mainform input[type=submit] {cursor:pointer; background:#FF6633; color:#FFF; text-transform:uppercase; padding:6px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;}
form.mainform input[type=submit]:hover { background:#3A85AD;transition: background 0.85s ease; -webkit-appearance: none;}

.tar {text-align:right;}
form.mainform label.error {background:#FF6633;padding:3px; color:#FFF; font-size:11px;}

form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}

form.mainform select {
	  padding:3px;
	width:100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #FFF;

}

form.mainform select::-ms-expand {
    display: none;
}
form.mainform .calicon {background:url(../images/calicon.png) no-repeat right center #FFF; cursor:pointer;}

@media (max-width: 600px) {
  form.mainform  > div {
    margin: 0 0 15px 0; 
  }
  form.mainform  > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form.mainform  > div > div,
  form.mainform  > div > fieldset > div {
    width: 100%;
    float: none;
  }
  form.mainform input[type=text],
  form.mainform input[type=email],
  form.mainform input[type=url],
  form.mainform input[type=password],
  form.mainform textarea,
  form.mainform select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form.mainform form > div > label,
	legend {
  	text-align: left;
  }
}

/* sideform*/
.booktitle { color:#333 !important; font-size:26px; margin:0px 0px 14px 0 !important;}
.booktitle span {color:#3A85AD; text-transform:uppercase;}

form.sideform > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.sideform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.sideform > div > label,
legend {
text-transform:uppercase; font-size:12px; color:#333;
padding-bottom:5px;
display:block;
}
form.sideform > div > div,
form.sideform > div > fieldset > div {

}

form.sideform  div.halfrow {
 font-size:12px; color:#333;	
text-transform:uppercase;	
display:inline-block;
width:49%;
margin:0px !important;
text-align:right;
}
form.sideform  div.halfrow label {float:left; padding-top:5px; padding-right:4px;text-align:right;  width:46%;}
form.sideform  div.halfrow select {width:64px;}


form.mainform > div > fieldset label {

}
.hrpad {padding-left:2px;}

form.sideform input[type=text],
form.sideform input[type=email],
form.sideform input[type=url],
form.sideform input[type=password],
form.sideform textarea, form.sideform select {
  width: 100%;
  border: 1px solid #EFEEEC;
  padding:4px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
}

form.sideform select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #EFEEEC;
  border: none;
}

form.sideform select::-ms-expand {
    display: none;
}
form.sideform .calicon {background:url(../images/calicon.png) no-repeat right center #EFEEEC;}

form.sideform input[type=submit] {cursor:pointer; background:#FF6633; color:#FFF; text-transform:uppercase; padding:11px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;}
form.sideform input[type=submit]:hover { background:#3A85AD;transition: background 0.85s ease; -webkit-appearance: none;}
form.sideform label.error {background:#FF6633;padding:3px; color:#FFF; font-size:11px;}
form.sideform .halfrow label.error {background:#FF6633;padding:2px; color:#FFF; font-size:9px;}

form.sideform input[type=text]:focus,
form.sideform input[type=email]:focus,
form.sideform input[type=url]:focus,
form.sideform input[type=password]:focus,
form.sideform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}




@media (max-width: 825px) {
#content_left {float:none; width:100%;}
#content_right {float:none; width:100%;}
.col_l {float: none; width:100%;margin-bottom: 30px;}
.col_r {float:none; width:100%}
	
.contentpad {padding:20px;}
}

@media screen and (max-width: 700px) {
#content .contentcol2 {width:100%; display:inline-block; text-align:center !important; vertical-align:top; margin:0; margin-bottom:30px;}
#content .contentcol3 {width:100%; display:inline-block; text-align:center !important; vertical-align:top; margin:0; margin-bottom:30px;}
#content .contentcol2 p {margin-bottom:4px;}
#content .contentcol3 p {margin-bottom:4px;}
}


@media (max-width: 540px) {
.slider {height:300px; position:relative;}
.slide {height:300px; width:100%; position:relative;}
}

@media (max-width: 400px) {

#main img:not(.noresp) {float:none !important;max-width:100% !important; height:auto !important; margin:0 !important;margin-bottom:20px !important;}
.slider {height:160px; position:relative;}
.slide {height:160px; width:100%; position:relative;}
}