@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:26px;
	font-family: 'Work Sans', sans-serif;
	color:#FFF;
	background:#000;
    overflow-x: hidden;	
	}

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

.rel {position:relative;}
aOLD {color:#3A85AD; text-decoration:none;}
a {color:#D44534; text-decoration:none; }
a:hover {color:#DE7367;}

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

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


header {position:fixed; width:100%; z-index:5000;background:rgba(0,0,0,1);Xbackground:rgba(34,34,34,0.7);height:124px;font-family: 'Cabin', sans-serif; }
#headerfix {display:noneX;height: 124px;}
#header {height:100px;}

.bfw {width: 100%; }

#logo {position:relative;  top:12px; text-align:center;z-index: 999}
#logo img {height:74px; width:auto;}

#social {position:absolute;top:-54px; right:12px;z-index: 99999;}
#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;}

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

#slideshow { position: relative; }
.divline {background:#B51D22; height:3px; 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;}

.prd .cycle-prev {position:absolute;top:144px;left:5px; z-index:999; }
.prd .cycle-next {position:absolute;top:144px;right:5px;z-index:999;}

.slider {height:auto; position:relative;}
.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;}
.ss_med {height:320px !important;}
.ss_med .slide {height:320px !important;}
.topnoslide {height:94px;}

.slidecaption {position:absolute; bottom:0px; right:0px;color:#FFF; text-align:left; padding: 6px 16px 6px 16px;z-index:999; background:rgba(181,39,34,0.6); Xwidth:50%; font-size:18px; text-align:center;}
.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;}




#navwrap {position: relative;  max-width:96%; width: 100%;text-align: center;z-index: 99; top:-18px;margin-bottom:4px; border-bottom:2px solid #CC0000;}
#nav {}
#nav ul { list-style: none; position: relative; text-align:center; }
#nav ul li { position: relative; display:inline-block; margin:0 10px;}
#nav > ul > li:last-child {margin-right:4px;}
#nav ul li a {color:#FFF; font-size:17px; Xtext-shadow:1px 1px 2px rgba(0,0,0,0.8); font-weight:300;  display:block; padding:8px 0px;transition: color 0.5s ease; text-transform: uppercase;
}
#nav ul li:hover a   {color:#B51D22;Xbackground:url(../images/navbg2.png) no-repeat bottom center;transition: color 0.5s ease;  }
#nav ul li.active a {Xbackground:url(../images/navbg2.png) no-repeat bottom center;color:#B51D22;text-shadow:none;}

/*header_menu_second*/
#nav ul li ul {position:absolute; min-width:240px;display:none; top:26px;   margin:0;padding:0;;list-style:none;z-index:9999999  !important;padding-top:16px; background:none !important;}
#nav ul li ul li {margin:0;z-index:99;  display:block;  height:auto; padding:0; border-bottom:1px solid #FFF;  }
#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:rgba(181,29,34,0.89) !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:8px; right:0px; padding:6px 15px; background:rgba(255,255,255,0.25); border-radius:3px;}
#sec_nav ul { list-style: none; text-align:right;  }
#sec_nav ul li {margin-bottom:6px;}
#sec_nav ul li a {color:#FFF; font-size:12px; padding-right:26px;}

#home {position:relative; }
#main {padding-top:14px; padding-bottom:40px; min-height:calc(100vh - 244px); ;}


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

#content {font-size:16px; line-height:1.5;  font-weight:400; min-height:300px; }
#content p {margin-bottom:20px; text-align:left; color:#FFF;}
#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;}

.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;}
a.smallink {font-size:13px; color:#666;}

.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:5px; right:0px;}
.social_top img {width:25px; height:auto;}
.social_top a {margin:0 4px;transition: opacity 0.7s;opacity:1;}
.social_top a:hover {opacity:0.8;transition: opacity 0.7s;}

.productwrap2 {display:inline-block; vertical-align: top; width: 30%; margin: 0 1% 50px 1%;}
.mhp {min-height:85px;}

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


.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:34px; margin-bottom:20px; font-weight:500;color:#C74E31; line-height:1;  }
h2 {font-size:28px; margin-bottom:20px; font-weight:400;Xline-height:1; color:#990000; }
h3 {font-size:20px; margin-bottom:20px; font-weight:400;line-height:1; color:#990000; }
h4 {font-size:20px; margin-bottom:20px; font-weight:400; color:#990000;}
.highlight {color:#CC0000; background: #EEE; display: inline-block; padding:2px 5px; font-weight: 600;}
.note  {font-size:13px; color:#666 !important; }
.small {font-size:13px; color:#666 !important; }

#samplestyles2 {font-family: 'Cabin', sans-serif; }

footer {min-height:136px; padding:24px 0; color:#FFF; text-align:center;font-size:12px; background: linear-gradient(rgba(70,70,70,70.7),rgba(70,70,70,0.70)),url(../images/footer.jpg) no-repeat top center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
footer .mid {}
footer a  {color:#FFF;}
footer a:hover {color:inherit; text-decoration:underline;}

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

#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 #B51D22;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:#333 !important; background:#FFF; }
#content .faq_answer p {color:#333;}

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

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

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

@media screen and (max-width: 960px) {
#header {height:120px;}
XX#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) {
XX#logo img {height:92px; width:auto;}
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; }
.topnoslide {height:34px;}
.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; }
.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:60px;}
#logo {top:8px; left:6px;}
#logo img {height:42px; 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:13px; right:8px; background:url(../images/menu.png) no-repeat 7px 6px #C74E31; padding: 5px 18px 7px 18px; display:block; color:#FFF; font-size:14px;  font-weight:600; background-size:20px 20px; }

.social_top {right:8px;}


.photo {margin:0 auto; margin-bottom:40px !important; max-width:234px;}
#nav {position:absolute;top:0px; right:-14px; 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 13px;text-align:center}
#nav ul li:hover a   {color:#FFF;background:none; }
/*header_menu_second*/
#nav ul li ul {position:relative;width:100%;top:-15px;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) {
.productwrap2 {display:inline-block; vertical-align: top; width: 46%; margin: 0 1% 50px 1%;}	
#content_left {float:none; width:100%;}
#content_right {float:none; width:100%; padding-top:24px;}
.pagination-area {display:none;}


	.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) {

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

.productwrap2 {display:block; vertical-align: top; width: 100%; margin: 0 0% 50px 0%;}	

}


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


/* blocks */ 
.cbblock {margin-bottom:60px;}
 .maincol_left {
     float: left;
     width: 46%;
}
 .maincol_right {
     float: right;
     width: 46%;
}
 .maincol_left2 {
     float: left;
     width: 45%;
     padding-right: 30px;
}
 .maincol_right2 {
     float: right;
     width: 52%;
}

 .ytv {
     width: 100%;
     height: 460px;
}

 .ytv2 {
     width: 100%;
     height: 260px;
}

.cbpicwrap {text-align: center;}
 .cbpic {
     display: inline-block;
     width: 180px;
     height: 180px;
     margin: 0 4px 10px 0;
     vertical-align: top;
     border: 1px solid #CCC;
	 
}

@media screen and (max-width: 640px) {
 .maincol_left {
     float: none;
     width: 100%;
	 margin-bottom: 20px;
}
 .maincol_right {
  float: none;
     width: 100%;
}
 .maincol_left2 {
    float: none;
     width: 100%;
	  margin-bottom: 20px;
}
 .maincol_right2 {
 float: none;
     width: 100%;
}

    .ytv {
         width: 100%;
         height: 460px;
    }
	 .ytv2 {
     width: 100%;
     height: 260px;
}
	
	     .cbpic {
         display: block;
         width: 100%;
         height: 240px;
         margin: 0 0px 10px 0;
         vertical-align: top;
         border: 1px solid #CCC;
    }
	
}
/* end mobile nlock */