html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}audio,canvas,img,video {vertical-align: middle;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}fieldset {border: 0;margin: 0;padding: 0;}::-moz-selection {background: #b3d4fc;text-shadow: none;}::selection {background: #b3d4fc;text-shadow: none;}.browsehappy {margin: 0.5em;background: #ccc;color: #000;padding: 1em;}.hidden {display: none !important;visibility: hidden}.show {display: block !important;visibility: visible}.clear {clear:both}

html, body{font-family:Geneva, Arial, Helvetica, sans-serif;}
a {text-decoration:none;}

p, h1, h2 { padding-bottom:10px;}
p {line-height:135%;}
h2 {font-weight:bold; font-size:110%;}
h3 {font-weight:bold; font-size:140%;}
.acenter {text-align:center!important;}
.aleft {text-align:left!important;}
.aright {text-align:right!important;}

.fright {float:right;}
.fleft {float:left;}
.tred {color:#ab0000; }
.red {background:#ab0000; color:#FFF;}
.underline {text-decoration:underline;}
.img100 {width:100%; height:auto;}
strong {font-weight:bold;}
.button {padding:8px; border:1px #540004 solid; margin:0.4%; white-space:nowrap; border-radius:6px; background:#730006; color:#FFF; display:inline-block;text-align:center; }
.button:hover {background:#8d030b}
.page-heading {font-size:160%; padding:20px 0 14px 0; font-family: "Open Sans",sans-serif;}
.page-heading-top {font-size:230%; padding:10px 20px 30px 20px; font-family: "Open Sans",sans-serif; text-align:center; line-height:70px}
.page-heading-center {font-size:190%; padding:20px 20px 40px 20px; font-family: "Open Sans",sans-serif; text-align:center; line-height:50px}
.excerpt{font-size:120%; padding:20px;margin:25px 0 25px 0;}
.excerpt p:before { 
     content: open-quote; font-size:180%;
 } 
 .excerpt p:after { 
     content: close-quote; font-size:180%;
 } 

/* MARGIN AUTO */
header, .inner-wrapper {margin:0 auto;}

/* POSITION RELATIVE */
.header, .inner-wrapper {position:relative;}

/* WRAPPERS */
.wrapper { border:0px #FF0000 solid;}
.inner-wrapper{width:96%; border:0px #CCCCCC dashed; padding:0px; }
.cookie-bar {background:#333333; color:#FFFFFF; padding:0.8%; display:none;}
.info-bar {background:#001538; color:#FFFFFF; border-bottom:5px #61779b solid;}
.top-bar-content{padding:16px; height:150px; margin-top:-150px; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
  }
.top-bar-content a {color:#FFFFFF;}
.top-bar-open {margin-top:0;}  


/* HEADER */
.header { border-bottom:2px #00235e solid; text-align:center; height:120px;}
.lower-head {position:relative;height:90px; overflow:hidden; color:#FFFFFF; } 
.h-links { position:absolute; right:0; top:0px;}
.h-links a {padding:8px; display:inline-block;}
.h-links a:hover {text-decoration:underline; color:#000000;}
.h-logo { position:absolute; left:0; bottom:20px;}
.h-strap {position:absolute; right:0; top:30px; font-size:160%;}
.h-tel{display:block;  text-align:right; color:#303030; position:absolute; right:0; bottom:10px; font-size:1.7em; font-family: "Open Sans",sans-serif;  letter-spacing:0.1em;
text-shadow:1px 1px #f9f9f9; background:url(../images/tel-icon.png) left no-repeat; background-size: 32px; padding:4px 0 6px 0;text-indent:45px; border:0px #333333 solid}
.h-tel a, .h-links a {text-decoration:none; color:#303030;}
.link-contact {background:#61779b; border-radius:0 0 6px 6px; color:#FFFFFF!important; padding: 8px 15px 8px 15px!important;}

a.link-contact:hover .top-bar-content{margin-top:0}


/* MENUS */
nav li {text-align:center; float:left;}
nav a {display:block; width:100%;}

.top-wrapper {width:100%; background:#122310; border-bottom:0px #333333 solid;} 
.top-menu {background:#122310; height:36px;  font-family: "Open Sans",sans-serif; letter-spacing:0.2em; font-weight: lighter; overflow:hidden;}

.top-menu li{border-left:1px #333333 solid;  width:14.27%; }
.top-menu li:last-child{border-right:1px #333333 solid; }
.top-menu li a{ font-size:0.86em;   color:#f9f9f9;  line-height:36px; } 
.top-menu li a:hover{background:#1c3818} 

.lower-menu {  width:100%; border:0px #333333 solid; overflow:hidden; height:45px; border-top:0px #11230f solid;font-family: "Open Sans",sans-serif; letter-spacing:0.2em;
background:#1c3818 url(../images/menu-bg-grad.png); /* Old browsers */
 }

.lower-menu li {width:19.86%; text-align:left; /*background:#7fb676;*/ background:url(../images/link-bg-trans.png); /*border-left:1px #84bd7b solid;*/ line-height:45px; text-transform: uppercase; margin-left:1px;}

.lower-menu li:first-child {border-radius:8px 0 0 0; margin-left:0;}
.lower-menu li:last-child {border-radius:0 8px 0 0}
.lower-menu li a {display:block; color:#FFF; font-size:1em; text-align:center; font-weight: bold; text-shadow:1px 1px #333 }
.lower-menu li:hover {background:#70a368;}





/* CONTENT */
.fp-content {border-top:6px #b2c4af solid;}
.content {clear:both;  padding-bottom:50px; margin-top:10px; }

.sub-text {font-size:120%; padding: 0 0 20px 0; }
.google-map {border:2px #b2c4af solid; border-radius:6px; overflow:hidden; margin-bottom:25px;  margin-top:25px; }

.product-image {float:left; margin-right:25px;}
.product-image img {max-width:300px; border-radius:6px;}
.price {font-size:120%;}
.select-option {padding:8px; border-radius:6px; border:1px #666666 solid; font-size:110%; }
.contrast-copy {background:#001538; color:#FFFFFF; font-family: "Open Sans",sans-serif; margin-bottom:25px;}
.contrast-copy p {line-height:1.6em; font-size:92%;}
.contrast-copy a {color:#fff; text-decoration:underline; font-weight:bold}
.contrast-copy .inner-wrapper {padding:30px 0 40px 0;}

.full-image img {width:100%; height:auto; margin:10px 0 10px 0;}



.sale-box, .prod-box  {border:1px #333 solid; border-radius:6px; width:80%; max-width:1000px;
min-height:150px; margin:0 auto; overflow:hidden; position:relative; text-align:center; margin-bottom:15px;}
.sale-box h2, .prod-box h3 {padding:10px; line-height:40px}
.sales-images {float:left;}
.sales-images-center {text-align:center; clear:both; display:block; margin-bottom:1em;}
.sales-images-center img {padding:0.5em;}


a.show-specs {border:2px  #006 solid; background:#173582; color:#FFF; border-radius:6px; padding:6px; display:inline-block;}
a.show-specs:hover { background:#2346a0; color:#FFF;}

.spec-table {border-collapse:collapse; width:100%; display:none;}
.spec-table th,  .spec-table td {padding:6px; font-size:90%; border:1px #FFF solid;}
.spec-table th {background: #000066; color:#FFFFFF; text-align:right; font-weight:normal; width:25%;}
.spec-table td {background:#C0C0C0; color:#000000; width:75%; text-align:left;}



/* POP OVER */
.popover {display:none; text-align:center; background:#f1f1f1; border:12px #999999 solid; border-radius:6px; padding:20px; position:fixed; top:40%; left:50%; width:70%; margin-left:-35%;}

/* GRIDS */
.grid-wrapper {position:relative; clear:both; overflow:hidden;}
.grid-25, .grid-75 {border:0px #333333 dashed; overflow:hidden;}

.grid-25 {width:25%; float:left; margin-right:2%;}

.grid-6, .grid-5, .grid-4, .grid-2, .grid-3 {float:left; margin:0.5%; border:0px #CCCCCC dashed; text-align:center;}
.grid-6 {width:15.6%;}
.grid-5 {width:19%; }
.grid-4 {width:24%; }
.grid-3 {width:32.3%; }
.grid-2 {width:49%;}



.gallery {border:1px #1c3818 solid; border-radius:4px; text-align:center; height:150px; overflow:hidden;}
.gallery img {height:100%; width:auto;}

.grid-pc {position:relative; background:#70a368; color:#FFFFFF; border:1px #1c3818 solid; border-radius:4px;   height:60px;  text-align:center;}
.grid-pc a{color:#FFFFFF; text-shadow:1px 1px #1c3818; display:block; padding:8px; line-height:1.3em;  position: absolute; top: 50%; transform: translate(0, -50%); width:100%;   }
.grid-pc:hover {background:#1c3818;}

.cta {margin-top:20px; margin-bottom:50px; }
.cta .grid-4 {margin:0; width:25%; text-align:center; min-height:220px; position:relative; border:1px #fff solid; border-radius:16px; padding:8px;}
.cta .grid-4 .headline {color:#000; font-size:1.3em; padding:0.5em; font-family: "Open Sans",sans-serif; height:60px;}
.cta .grid-4 .copy {color:#333333; font-size:1em; display:block; font-family: "Open Sans",sans-serif; padding:4%;  height:50px; vertical-align:top;} 
.cta .grid-4 a {color:#333333}

.cta .grid-4 img {margin-bottom:-10px; border-radius:6px;}
.cta-button {padding:6px; background:#61779b; border-radius:16px; color:#FFFFFF!important; margin-top:10px; width:50%; margin:0 auto; min-width:120px; max-width:320px;}
.cta-button:hover {background:#00235e;}

.cta .grid-4:hover .cta-button {background:#00235e;}
.cta .grid-4:hover {border:1px #00235e solid; border-radius:16px; background:#f9f9f9;}

 /* FORMS */
.form {border:1px #333333 solid; padding:8px; margin-bottom:25px; border-radius:6px;}
.form label{display:inline-block; width:20%; text-align:right; padding:6px 12px 6px 6px; color:#000000; vertical-align:top; }
.form p {padding:6px 2px 6px 2px; background:#f1f1f1; margin:1%; border-radius:8px; text-align:left;}
.form input, .form textarea{ padding:10px; width:75%; border:2px #666666 solid; border-radius:8px; margin:2px 0 2px 10px}
.form textarea{height:150px; }
.form .send{ font-size:110%; width:96%; background:#e29a00; border:1px #000 solid; cursor:pointer;}
.form .sbt{display:none;}
.error {border:2px #FF0000 dashed; padding:12px; font-size:106%; text-align:center!important; background:#f9f9f9; margin-top:15px; margin-bottom:15px;}
.g-recaptcha {text-align:center; padding:2%; width:304px; margin:0 auto;}

/* FOOTER */
footer {background:#001538; padding:30px 7px 30px 7px; color:#FFFFFF; overflow:hidden; clear:both; font-size:80%;}
footer h4 {color: #CCCCCC; font-weight:bold; padding-bottom:10px; font-size:150%;}
.f-links {font-size:110%;}
footer a {color:#ffffff; padding:6px 0 6px 0; display:inline-block;}
footer a:hover {text-decoration:underline; color:#FFFFFF;}
footer p {font-size:76%;}
footer .grid-wrapper {margin-bottom:25px;}
.footer-logos {text-align:center;}
.footer-logos img {border-radius:4px; height:70px; width:auto; margin:1%;}
.footer-logos a{display:inline-block; padding:1em;}
.top-button{
	width:50px; 
	height:50px;
	padding:10px; 
	text-align:center; 	
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	opacity: .5;
}
.top-button:hover{opacity: 1;}


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


.grid-5 { width:24%; }
.grid-6 {width:19%;}


}
@media screen and (max-width: 950px) {
.cta .grid-4 { width:50%;  min-height:200px; margin-bottom:40px;}
.contrast-copy .inner-wrapper {padding:25px 40px 40px 40px;}
.white-copy  {padding:25px 30px 40px 30px;}
.page-heading-top {font-size:210%; line-height:50px}
.form label{display:block; width:100%;  text-align:left; padding:8px }
.form input, .form textarea{ width:94%;}
}

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

.grid-3 { width:49%;}
.grid-5{ width:32.3%; }
.grid-6 {width:24%;}

/*.cta .grid-4:nth-child(n+3) { display:none;}*/


}
@media screen and (max-width: 600px) {
.inner-wrapper{width:98%;  }
.header {height:160px;}
.h-logo {position:relative; left:auto; top:auto; bottom:auto; margin-top:40px; margin-bottom:20px; }
.h-tel {position:relative; left:auto;top:auto;width:280px; margin:0 auto;  letter-spacing:0.06em;  text-align:left;  }
.h-links {font-size: 90%;}
.link-home {background:url(../images/images/link-home.png) center no-repeat; background-size: 20px; text-indent:-999em}

.grid-2 {float:none; width:99%;}
.grid-3 {float:none; width:100%;}
.grid-5 { width:49%; }
.grid-6 {width:32.3%;}

.cta .grid-4 img {width:100%; height:auto; max-width:150px;margin-top:10px;}
.cta .grid-4 .copy {display:none;}
}