@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:20px;
	font-family: 'Roboto Slab', serif;
	color:#333;
	background:#FFF;
    overflow-x: hidden;	
	}

/*
font-family: 'Caveat Brush', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;
*/

.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 */

/* color vars */
:root {
  --color-1: #2C436B;
  --color-1-rgb: 44,67,107;	
  --color-2: #828EAA;
  --color-2-rgb: 192,202,215;	
  --color-3: #D45500;
  --color-3-rgb: 212,85,0;	
  --color-4: #FCF4C5;
  --color-4-rgb: 252,244,197;
}

* {
-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; }

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

#wrapper {width:100%; margin:0 auto;background:#FFFFFF; }
.mid { margin:0 auto; position:relative; width:96%; XXmax-width:960px }


header {position:fixed; width:100%; z-index:5000;
	background: var(--color-2) ; 
	height:68px;
	font-family: 'Roboto', serif; }
#headerfix {Xdisplay:none;height:68px}
#header {height:68px;}

#mobileicons {position:absolute; top:-10px; right:12px;z-index: 999; width:52px;}
#close {display:none}

.bfw {width: 100%; }

#logo {position:absolute;  top:5px; left:14px; text-align:center;z-index: 999}
#logo img {height:94px; }
#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: var(--color-1); height:4px; 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:280px !important;}
.ss_small .slide {height:280px !important;}
.ss_med {height:160px !important;}
.ss_med .slide {height:160px !important;}
.topnoslide {Xheight:94px;}

.slidecaption {position:absolute; top:28%; right:0px;color:#FFF; text-align:left; padding: 0;z-index:999; ; width:100%; font-size:50px; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 300 
}
.slidelogo {position:relative; margin: 0 auto; max-width: 100%; max-width: 960px; text-align: center; }
.slidelogo img {height: 54px; width: auto; margin-top: 4px;}

XX.slidecaption span {background: url("../images/logond.png") no-repeat 0px 6px; background-size:72px auto; padding: 6px 0 4px 90px; }
.slidecaption span { background-size:72px auto; padding: 6px 0 4px 0px; }

@media screen and (max-width: 540px) {
	.slidecaption {font-size: 38px;}
XXXX.slidecaption span {background: url("../images/logond.png") no-repeat 0px 6px; background-size:60px auto; padding: 6px 0 8px 80px; }	
.slidecaption span {background-size:60px auto; padding: 6px 0 8px 0px; }		
}

.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: absolute;top:22px; right:0px;  width:180px;text-align: right;z-index: 99; padding-left: 0px;
background: var(--color-2) ;  border-radius: 10px;
}
#nav {font-family: 'Roboto Condensed', sans-serif; display: none;}
#nav ul { list-style: none; position: relative; text-align:right; margin-right:0px; padding-top: 50px; }
#nav ul li { position: relative; display: 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:400;  display:block; padding:4px 6px;transition: background 0.5s ease; text-transform: uppercase; border-radius:4px; margin-bottom: 6px;
}

#nav ul li a.cart {background:url(../images/cart2.png) no-repeat 4px 0px;  background-size:28px 28px;padding:4px 8px 4px 36px;}

#nav ul li:hover a   {color:#FFF; background: var(--color-1) ; transition: background 0.5s ease;  }
#nav ul li:hover a.cart   {color:#FFF; background:url(../images/cart2.png) no-repeat 4px 0px var(--color-1) ; transition: background 0.5s ease;  background-size:28px 28px;}
#nav ul li.active a.cart   {color:#FFF; background:url(../images/cart2.png) no-repeat 4px 0px var(--color-1) ; transition: background 0.5s ease;  background-size:28px 28px;}
#nav ul li.active a { background: var(--color-1) ;color:var(--color-4);text-shadow:none;}

/*header_menu_second*/
#nav ul li ul {position:absolute; min-width:240px;display:none; top:20px;   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: var(--color-1); !important;
margin-bottom: 0px;	
color:#FFF !important;
text-shadow:none !important;
text-align:left;
text-transform:none;
}
#nav ul li ul li:last-child  a { border-bottom-left-radius:4px; border-bottom-right-radius:4px }

#nav ul li ul li a:hover{border:none;Xopacity:0.85; background: var(--color-3) !important;}
#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 - 230px); ;}


#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; background: url("../images/pagebg.png") repeat center}
#content p {margin-bottom:20px; 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;}

#homeprods {vertical-align: top;}
.homeprod {display: inline-block; width: 24%; margin:0px; padding: 0 2%; vertical-align: top; position: relative}
.dot {position: absolute; z-index: 999; bottom:-20px; right:-20px;}
.padhp {padding:10px;}

.homeprod {border:1px solid #9ED5D6; border-top:none;border-left:none; }
.homeprod:nth-child(1) {}
.homeprod:nth-child(2) {}
.homeprod:nth-child(4n +1) {border-right:none;}

/*
 .homeprod:nth-child(14), .homeprod:nth-child(15), .homeprod:nth-child(16), .homeprod:nth-child(17) {border-bottom:none;}
*/
.homeprod:nth-last-child(-n+4) {border-bottom:none;}


.hptit {position: absolute; bottom:0px; left:0px; width:100%; text-align: center; font-weight: 400;font-family: 'Roboto Condensed', serif; color:#666; }


#homecols {vertical-align: top;}
.hometricol {display: inline-block; width: 30%; margin: 0 1%; padding: 0 18px; vertical-align: top;text-align: center;}
.hometricol h2 {text-align:center; font-weight: 300; line-height: 1.2; min-height: 70px; }
#content   .htc1 p {text-align: center; font-weight: 400;font-family: 'Roboto Condensed', serif;  font-size: 26px; line-height: 1.2;}
.hometricol .readmorebot {text-align: center;}

.hometricol img {max-width: 140px !important; height: auto !important; margin:0 auto;} 
.hometricol p {text-align: center !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;}

.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-family: 'Roboto Slab', serif;font-size:38px; margin-bottom:20px; font-weight:500;color:var(--color-1); line-height:1;  }
h2 {font-family: 'Roboto Condensed', serif; font-size:32px; margin-bottom:20px; font-weight:400;Xline-height:1; color:var(--color-2); text-align: left}
h3 {font-family: 'Caveat Brush', cursive; font-size:26px; margin-bottom:20px; font-weight:400;line-height:1; color:var(--color-3); }
h4 {font-family: 'Caveat Brush', cursive; font-size:26px; margin-bottom:20px; font-weight:400; color:var(--color-3);}

h5 {font-size:26px; margin-bottom:26px; }

h6 {font-family: 'Roboto Slab', serif;font-size:32px; margin-top:30px; margin-bottom: -24px; font-weight:500;color:#000; line-height:1;  }

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

.maincol_wrap hr {color:var(--color-3); margin: -12px 0px 6px 0px}


#optin {text-align: center;  background: var(--color-1);  color: #FFF; padding: 14px; }
#optin img {vertical-align: middle; margin:0 10px;}


footer { padding:14px 0; color:#FFF; text-align:center;font-size:18px; background: var(--color-2) ; 
line-height: 2; font-weight: 400;}
footer .mid {}
footer a  {color:#FFF;}
footer a:hover {color:inherit; text-decoration:underline;}

#social_foot  {margin: 20px 0px;}
#social_foot a {padding: 0 7px;opacity:1; transition: 0.5s opacity;}
#social_foot a:hover {opacity:0.7;transition: 0.5s opacity;}

#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:14px;}

.faq_title {color:#333; background:url(../images/plusb.png) no-repeat right #EEE; line-height:32px; display:block; padding-left:8px;border:1px solid #E5E5E5;}
.faq_title:hover {color:#333; background:url(../images/plus.png) no-repeat right  var(--color-4);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 var(--color-4);color:#333;}
.minus:hover {background:url(../images/minus.png) no-repeat right var(--color-4);color:#333;}
/*faq */

.col_l {float: left; width:32%;}
.col_r {float:right; width:64%; padding-top: 50px;}

.col_l a {color:var(--color-1);transition: color 0.5s ease; }
.col_l a:hover {color:#4971B1; transition: color 0.5s ease;}

.clipic {display: inline-block; height: 60px; width: auto; margin: 0 36px 36px 36px;}

#aff .clipic {display: inline-block; height: 74px; width: auto; margin: 0 30px 36px 30px;}

.clipic_alt {display: block; height: 80px; width: auto; margin: 0 0px 8px 0px;opacity:1; transition: opacity ease 0.5s;}
.clia {display: inline-block; height: 120px; width: auto; margin: 0 36px 96px 36px;text-align: center; color:#666;font-size:15px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"}

.clia:hover .clipic_alt {opacity:0.7; transition: opacity ease 0.5s;}

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) {
	
.col_l {float: none; width:100%;margin-bottom: 30px;}
.col_r {float:none; width:100%}	
	
	
.hptit {font-size: 11px; }
.dot  {bottom:-10px; right:-10px;width: 20px; height: auto}

	
.ss_med {height:120px !important;}
.ss_med .slide {height:120px !important;}	
.slidelogo {position:relative; margin: 0 auto; max-width: 98%; max-width: 960px; }
.slidelogo img {height: 50px; width: auto; margin-top: 2px; margin-left: 6px;}
	
XX#logo img {height:92px; width:auto;}
h1 {font-size:28px; 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 {Xheight: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;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: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;}
	

	
#close {display:none;}

#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 #88CCCE; 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:#71B855 !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;}
	
.hometricol {display: block; width: 100%; margin: 0 0% 50px 0 ; padding: 0 8px; vertical-align: top;}	
}

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

.menuopen {cursor:pointer;}

.ppConsistencies
{
    display:none;
}

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


/* blocks */ 
.cbblock {margin-bottom:40px;}
.cbblock.btyp7 {margin-bottom:-10px;}
 .maincol_left {
     float: left;
     width: 46%;
}
 .maincol_right {
     float: right;
     width: 46%;
}
 .maincol_left2 {
     float: left;
     width: 35%;
     padding-right: 30px;
}
 .maincol_right2 {
     float: right;
     width: 62%;
}

 .maincol_left3 {
     float: left;
     width: 17%;
     padding-right: 1%;
}
 .maincol_right3 {
     float: right;
     width: 82%;
}

#ighome {margin: 30px 0}
#homesqs {margin-bottom: 30px; text-align: center;} 
#homeprods {margin: 40px 0px; padding-bottom: 50px; border-bottom: 20px solid #9ED5D6;}


 .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%;
}
	
	 .maincol_left3 {
    float: none;
     width: 100%;
	  margin-bottom: 20px;
		 padding:0px;
}
 .maincol_right3 {
 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 */