@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	color:#333;
	background:#6F7F9D;
	}

.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: borders-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}
.tpdl {padding-left: 24px;}


.rel {position:relative;}
aOLD {color:#3A85AD; text-decoration:none;}
a {color:#FF8A2B; text-decoration:none; transition: color  0.3s;}
a:hover {color:#495D83; transition: color 0.3s}

a.button1 {padding:4px 6px; background: #FF8A2B;border-radius:4px; color:#FFF !important;transition: background 240ms ease;font-size: 13px; margin: 0 4px }
a.button1:hover { background:#FFA127;transition: background 240ms ease; }



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


header {position:relative;width:100%; z-index:5000;background:#FFF;border-bottom: 1px solid #CCC; }
#headerfix {display:none;}
#header {height:98px;}

#logo {position:relative;  top:8px; text-align:left;}
#logo img {height:82px; width:auto;}
#slogan {position:absolute; bottom:26px;line-height:1.33; color:#FFF; Xtext-shadow:1px 1px 2px #666;;text-align:right; width:100%;; z-index:99999;}
.sl1 {display:block;font-size:40px; XXtext-shadow:3px 3px 0px #CC0000;color:#D44534;}
.sl2 {display:block;font-size:24px;color:#4998D8;}



#slideshow { position: relative; }
.divline {background:#FFF; height:2px; clear:both;}

.pagination-area {position:absolute; top:6px;	right:0px; width:400px;  Xbackground:url(../images/overlays/bgb60.png);	z-index:25;	text-align:right;z-index:999; padding-right:10px; height:30px; padding-top:6px;display:none; }
.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:auto; position:relative;box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.85);}
.slide {height:auto; width:100%; position:relative; Xborder:1px solid #666; overflow:hidden;}
.slide img {width:100%; height:auto;}
.ss_small {height:160px !important;}
.ss_small .slide {height:160px !important;}

.slidecaption {position:absolute; width:90%; max-width: 340px;  bottom:0px; color:#FFF; text-align:center; padding: 6px 16px 6px 16px;z-index:999; background:rgba(27,53,100,0.8); width:100%; font-size:18px; text-shadow:1px 1px #333;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}
.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 !important;}


.rcl {float:left; width:110px; padding: 4px;text-align: right; font-weight: 600; Xbackground: #EEE;clear: both; Xmargin-bottom: 2px; border-bottom:1px solid #333;}
.rcr {float:left; width:calc(100% - 114px); padding: 4px; border-bottom:1px solid #333;}
.nobd {border:none;}

#sponsortop {position: absolute;top:34px;right:0px; z-index: 999;text-align: center; font-size:13px;font-weight: 600;}
#sponsortop img {height:44px; width:auto; }


#navwrap {background:#1B3564; margin-bottom:0px;box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.75);}
#nav {}
#nav ul { list-style: none; position: relative; text-align:right; }
#nav ul li { position: relative; display:inline-block; margin:0 2px;}
#nav > ul > li:last-child {margin-right:4px;}
#nav ul li a {color:#FFF; font-size:14px; xtext-shadow:1px 1px 2px rgba(255,255,255,0.8); font-weight:400; text-transform:uppercase; display:block; padding:7px 9px;transition: color 0.5s ease; 
}
#nav ul li:hover a   {color:#FFF;Xbackground:url(../images/navbg2.png) no-repeat bottom center;background: #F17C35;transition: color 0.5s ease;  }
#nav ul li.active a {Xbackground:url(../images/navbg2.png) no-repeat bottom center; background: #F17C35;}

/*header_menu_second*/
#nav ul li ul {position:absolute; min-width:180px;display:none; right:0; top:31px;   margin:0;padding:0;list-style:none;z-index:9999999  !important;padding-top:0px; background:none !important;}
#nav ul li ul li {margin:0;z-index:99;  display:block;  height:auto; padding:0; border-bottom:1px solid #677796;  }
#nav ul li ul li a{text-align:center; font-size:13px;  font-weight:normal; border:none !important; padding:6px 8px  !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background:#1B3564 !important;
color:#FFF !important;
text-shadow:none !important;
text-align:left;
text-transform:none;
}

#nav ul li ul li a:hover{border:none;opacity:0.85;}
#nav ul li:hover  ul{display:block;z-index:999999;list-style:none; }

#sec_nav {position: absolute;top:17px; right:0px; padding:0px 0px;  width: 90%; max-width: 680px; line-height: 1; }
#sec_nav ul { list-style: none; text-align:right;  }
#sec_nav ul li { display:inline-block; margin:0 2px;}
#sec_nav ul li a {color:#193364; font-size:13px; font-weight: 500; padding:0 10px;border-right:1px solid #193364; }
#sec_nav ul li:last-child a {border-right:none;padding-right:0px;}

#home {position:relative; }
#main {padding-top:20px; padding-bottom:40px; min-height:400px;}


#content_left {float:left; width:38%;}
#content_right {float:right; width:58%; padding-top:84px;}

#content {font-size:15px; line-height:1.4;  font-weight:400; min-height:300px; }
#content p {margin-bottom:16px; text-align:left; color:#000;}
#content ul {margin-left:30px; margin-bottom:30px;}
#content ul li {margin-bottom:12px;}

#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 !important;}

.homeboxes {text-align:center}
.homeboxes img {margin: 0 10px;}



.boxpos {width:95%; max-width:440px; margin:0 auto;}

 .msgbox, .msg  {
text-align:left;
padding: 10px;
background:#999;
color:#FFF;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxok, .msgok {
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#6fb22c;
color:#FFF; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxnotok {border: 1px solid #999;
text-align:left;
padding: 10px;
background:#CC0000;
color:#FFF; text-align: center;
}

.photogal {float:left; margin-right:10px;margin-bottom:10px;}

.photogalsp {float:left; margin-right:60px;margin-bottom:40px; vertical-align:middle; text-align:center;}

.pspo {margin-bottom: 30px; background: #F8F8F8; padding:14px; border-radius:6px; }
.pspo .cstit {font-weight: 600; font-size: 22px;}
.pspo .csinfodesc {font-size:14px; background: none;}
.sp_left {float:left; width:38%;text-align: center;}
.sp_left img {width: 100%; height: auto; max-width: 100%;  }
.sp_right  {float:right; width:58%; padding-top:0px;}


.ctit {font-weight: bold; margin-bottom: 24px; background: #FAFAFA; border: 1px solid #DDD; border-radius: 4px; padding: 4px 2px; font-size: 13px;}
.splg {height:84px; }
.spt { background:#FFA127; border-radius:4px; padding:4px 10px; font-size:15px;}
.spt a {color:#000 !important;}
.splg img {height:54px; width:auto;}

.photogalsp2 {float:left; margin-right:40px;margin-bottom:40px; vertical-align:middle; text-align:center; width: 278px; padding: 0 10px;}
.photogalsp2 .splg {height:94px;}
.photogalsp2 .splg img {height:70px; width:auto;}
.cstit {font-weight: 600; font-size: 18px;}
.csinfo {font-weight: 400; font-size: 14px;}
.csinfodesc {font-weight: 400; font-size: 13px; line-height: 1.3; margin:10px 0; padding: 6px; background: #FFF}

.picgal  {width:104px;height:104px;border:1px solid #EDEDED;}
.picgal:hover {opacity:0.80;}
.picgal  img {width:100%;height:100%; border:1px solid #CCC;}

.faq_gallery {vertical-align:top;}
.faqgal {display:inline-block;; margin-right:10px;margin-bottom:10px;}
.picgalfaq  {width:104px;height:104px;border:1px solid #EDEDED;}
.picgalfaq:hover {opacity:0.80;}
.picgalfaq  img {width:100%;height:100%; border:1px solid #CCC;}

.fopt { text-align:left;}
.fopt label { margin-bottom:21px !important; cursor:pointer; display:block;}


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

.imgleft {float: left; margin-right: 30px; padding:10px; border:1px solid #EEE;}
.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; margin-bottom:30px;}
.social img {width:32px; height:auto;}
.social a {margin:0 4px;transition: opacity 0.7s;opacity:1;}
.social a:hover {opacity:0.8;transition: opacity 0.7s;}
.partners {margin-bottom:30px;}

.social_top {position:absolute; top:55px; right:0px; font-size: 15px}
.social_top img {vertical-align: middle}
a.phic {background: url("../uploads/images/phone.jpg") no-repeat right; padding: 8px 32px 8px 0px; color: #1B3564;transition: opacity 0.5s; margin-left: 15px;}
a.phic:hover {opacity: 0.77; transition: opacity 0.5s;}

#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: '';}
/* */


XX.editor img {width:100%;max-width:100%; height:auto !important;}

.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-bottom:12px; font-weight:500; line-height:1.1;  }
h1 span {color:#3A85AD; }
h2 {font-size:28px; margin-bottom:10px; font-weight:300;line-height:1.1; color:#D44534; }
h3 {font-size:24px; margin-bottom:10px; font-weight:400;line-height:1.1; color:#FF8A2B; }
h4 {font-size:20px; margin-bottom:10px; font-weight:400; color:#D44534;}

.small {font-size:13px; color:#666 !important; }


footer {min-height:250px; padding:10px 0; color:#FFF; text-align:center;font-size:13px; Xbackground: linear-gradient(180deg, rgba(51,72,110,1) 2%, rgba(111,127,157,1) 100%); padding-top: 20px; line-height: 1.33; background: #1B3564;}
footer p {font-size:15px;}
footer .mid {}
footer a  {color:#FFF;}
footer a:hover {color:inherit; text-decoration:underline;}

.footh1 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 4px;
}

#foot_nav ul {list-style:none; margin-top:5px;}
#foot_nav ul li {display:inline-block; border-right:1px solid #CCC;}
#foot_nav ul li:last-child {border:none;}
#foot_nav ul li a {padding:0 12px; font-size:14px;}

.footcol {display: inline-block; vertical-align: top;font-size: 14px;}
.fc1 {width:32%;margin-right: 1%;text-align: center}
.fc2 {width:33%; margin-right: 1%;text-align: center;}
.fc3 {width:32%;text-align: right;}
.fc3 p {font-size: 16px;line-height: 1.6}

#sec_nav_boxes {vertical-align:top; text-align:left;}

.projectlisttxt {width:93%; margin:0 auto;}
.photolist {text-align:left;}
/* .photo:first-child {margin-left:0px}*/
.photo {display:inline-block; width:30.8%;  height:auto;margin:0 3% 18px 0%;background:#FFF;transition: background-color 0.5s ease;background:#4998D8;}
.photo:first-child  {margin-left:0px;}
.photo:last-child  {margin-right:0%;}
.photo a {color:#FFF;}
.photo:hover {background:#9DC8EA;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:20px; text-align:center; color:#FFF; line-height:1.3; height:auto; overflow:auto;   padding:10px 0px; }

.ptitle a:hover { color: #FFF;}
.nmr {margin-right:0px;}


.pic2  {width:100%;height:auto;}
.pic2  img {width:100%;height:auto; max-width:100%; }


.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}

/*faq*/
.faq { margin-bottom:24px;}

.faq_title {color:#333; background:url(../images/plusb.png) no-repeat right #FFF; line-height:42px; display:block; padding-left:20px;border:1px solid #E5E5E5;}
.faq_title:hover {color:#FFF; background:url(../images/plus.png) no-repeat right #FC9803;transition: color 1s ease; transition: background-image 1s ease;border:1px solid #CCC;transition: border-color 1s ease; }
.faq_answer {Xborder:1px solid #CCC;  border-top:none;display:none; padding:10px 50px 10px 24px;color:#666; background:#FFF; }

.minus {background:url(../images/minusb.png) no-repeat right #FC9803;color:#FFF;}
.minus:hover {background:url(../images/minus.png) no-repeat right #FC9803;color:#FFF;}
/*faq */


.carriercat {margin-bottom: 50px;}
.carrow:nth-child(even) td {background: #ECECEC;}
.carriercat h3 {margin-bottom: 0px;}
.ptgrid td {padding:6px 6px;}
.pthead {text-align: right}
.ptbox {background:#FF8A2B; color:#FFF; font-size:12px; font-weight: 500; width: 154px; padding: 6px 4px;text-align:center; display: inline-block;}
.ptic {font-size:12px; font-weight: 500; width: 154px; padding: 0px 4px;text-align:center; display: inline-block;}
.ptic img {height: 20px; width:auto;}
.ptc {width: 150px; padding: 6px 6px;text-align:center; }
.carlogo {height:40px; width:auto;}


a.menutoggle, a.menutoggleclose {display:none;}
#mobmenu {display:none;}

@media screen and (max-width: 1100px) {
XX#header {height:130px;}
X#logo img {height:104px; width:auto;}
#slogan .sl1 {font-size:50px !important;}
#slogan .sl2 {font-size:20px !important;}
}

@media screen and (max-width: 960px) {
XX#header {height:120px;}
#logo img {height:92px; width:auto;}
#slogan .sl1 {font-size:45px !important;}
#slogan .sl2 {font-size:18px !important;}
#nav ul li { margin:0 10px;}
}


@media screen and (max-width: 840px) {

h1 {font-size:30px; margin-bottom:16px;  }
h2 {font-size:26px; margin-bottom:16px; }
h3 {font-size:22px; margin-bottom:16px; }
h4 {font-size:18px; margin-bottom:16px; }

.race {margin-bottom:30px;overflow: auto; }
.race h1 a {color:#C74E31;font-size:34px;font-weight:600;}
.rcl {float:none; width:100%; padding: 4px;text-align: left; font-weight: 600; clear: both; margin-bottom: 2px; border-bottom:none;}
.rcr {float:none; width:100%; padding: 4px;margin-bottom: 10px; }

#sponsortop {position: absolute;top:4px;right:2px; z-index: 999;text-align: center; font-size:13px;font-weight: 600;}
#sponsortop img {height:30px; width:auto; }


.photo {display:block; width:100%; max-width:300px;  height:auto;margin:0 auto}
.photo:first-child  {margin:0 auto;}
.photo:last-child  {margin:0 auto;}

#wrapper {width:100%; margin:0 auto;background:#FFFFFF; }
.mid { margin:0 auto; position:relative; width:100%;}
#main {padding:14px 20px 40px 20px}
header {height:60px;width:100%;position:fixed;z-index:99999;}
#headerfix {display:block; height:96px;}
#logo {top:2px; left:2px;}
#logo img {height:48px; width:auto;}
#slogan {top:10px; right:6px; }
#slogan .sl1 {font-size:24px !important;}
#slogan .sl2 {font-size:12px !important;}

#topline {position:fixed;top:96px; z-index:9999}
#navwrap {width:100%; height:36px; position:fixed;top:60px;z-index:99999;}
#mobmenu {position:fixed; z-index:99999;top:62px; left:4px; background:url(../images/menu.png) no-repeat 7px 6px ; padding: 5px 18px 7px 40px; display:block; color:#FFF; font-size:14px;  font-weight:600; background-size:20px 20px; }

.social_top {right:8px; top:4px;width:	200px; text-align:right; zoom:0.85;}
	.social_top a {display:block}
.social_top img {Xheight: 30px; width: auto;}
#sec_nav {display:none;}	


.footcol {display: block; vertical-align: top;font-size: 14px;}
.fc1 {width:100%;margin-right: 0%;margin-bottom: 30px;}
.fc2 {width:100%;margin-bottom: 30px;}
.fc3 {width:100%; text-align: center;}
.fc3 p {font-size:12px;}	


.photo {margin:0 auto; margin-bottom:40px !important; max-width:234px;}
#nav {position:absolute;top:36px; width:100%; display:none; z-index:999999999; overflow-y: scroll;
overflow-x: hidden; height:calc(100vh - 200px);  }
#nav ul#navul {width:100%;text-align:center;background:rgba(80,80,80,0.90) !important; }
#nav ul#navul li a {color:#FFF !important; text-shadow:none; padding:4px 0; }
#nav ul li {display:block; margin:0 16px;text-align:center}
#nav ul li:hover a   {color:#FFF;background:none; }
/*header_menu_second*/
#nav ul li ul {position:relative;width:100%;top:-20px;left:0px; display:block;}
#nav ul li ul li a  { text-align:center; }
#nav ul li.active a {background:none;}
.faq_title {line-height:1; padding:20px 60px 20px 20px}
.slidewrap {height:auto;}
.imgleft {float: none; margin:0 auto; margin-bottom:20px; width:100% !important; max-width:100% !important;height:auto;}
.imgright {float: none; margin:0 auto;margin-bottom:20px;width:100%; max-width:100%;height:auto;}
footer { padding:10px 18px;}
footer img {max-width:100%; height:auto;}
#foot_nav ul li {display:block; border-right:none; margin-bottom:6px;}
#foot_nav ul li a {padding:0 12px; font-size:14px;}
}

@media screen and (max-width: 640px) {
#content_left {float:none; width:100%;}
#content_right {float:none; width:100%; padding-top:24px;}
.pagination-area {display:none;}

.homeboxes {text-align:center}
.homeboxes img {margin: 0px 0px 20px 0px; width: 90%; max-width: 100%; height: auto;}
	
	.photogalsp {float:none; margin-right:0px;margin-bottom:70px; vertical-align:middle; text-align:center; width: 100%; padding: 0 10px;}
	.photogalsp2 {float:none; margin-right:0px;margin-bottom:40px; vertical-align:middle; text-align:center; width: 100%; padding: 0 10px;}

	.photogalsp2 .splg img {max-height:70px; width:auto; height: auto; max-width: 240px;}


	.sp_left {float:none; width:100%;text-align: center; margin-bottom: 12px;}
.sp_left img {width: 100%; height: auto; max-width: 100%;  }
.sp_right  {float:none; width:100%; padding-top:0px;}

}

@media screen and (max-width: 440px) {

header {height:60px;}
#navwrap {top:60px;}
#mobmenu {top:62px}
#headerfix {height:96px;}
#topline {top:86px;}
#logo img {height:44px; width:auto;}
#slogan { }
#slogan .sl1 {font-size:17px !important;}
#slogan .sl2 {font-size:9px !important;}



}


#ppBody
{
    font-size:11pt;
    width:100%;
    margin:0 auto;
    text-align:justify;
}

#ppHeader
{
    font-family:verdana;
    font-size:21pt;
    width:100%;
    margin:0 auto;
}



.ppConsistencies
{
    display:none;
}

.vcb {margin-right:10px; }
.fopt label {margin-bottom:14px !important; }