/* Site Colours */
.main-color,#main-menu ul li.current-menu-item a,.content-block .inner h3,.title,.home-box .more{color:#136EB2;}
.main-color-hover:hover{color:#136EB2 !important;}
.main-color-bg,.btn.red,#main-menu li.menu-item-has-children ul li a:hover,.static-banner{background:#136EB2;color:#fff;}
.main-color-border,#main-menu ul li.current-menu-item a{border-color:#136EB2 !important;}

/* Header */

#header{background:#fff;}
#logo{transition:all 0.3s ease-in-out;}
#main-menu{transition:all 0.3s ease-in-out;}
#main-menu ul li{transition:padding 0.3s ease-in-out;}
#main-menu ul li a:hover{color:#666;}
#main-menu li.menu-item-has-children ul{border-top:3px solid #136EB2;border-bottom:3px solid #136EB2;}
#main-menu li.menu-item-has-children ul:before{border-color:transparent transparent #136EB2 transparent;}
#menu-item-36 a{color:#136EB2 !important;font-weight:600 !important;}

/* Banner */
#banner .caption{}
#banner .caption{width:460px;padding:30px;opacity:0;float:left;position:absolute;left:25px;bottom:0;transition:all 0.6s 0.4s ease-in-out;background:#000;background:rgba(0,0,0,0.85);}
#banner .flex-active-slide .caption{opacity:1;bottom:35px;}
#banner .banner-slide-1.flex-active-slide .caption{opacity:0;bottom:0;}
#banner .banner-slide-1.flex-active-slide.active .caption{opacity:1;bottom:25px;}
#banner .caption h1{margin-bottom:5px;}
#banner .caption p{font-weight:100 !important;margin:0;}
#banner .caption .btn{margin:0 5px;}
/*.slides li:before{background:rgba(0, 0, 0, 0.3);}*/
.flex-direction-nav{top:41%;}
#banner.static-banner{min-height:0;}
#banner.static-banner .wrapper{height:auto;}
#banner.static-banner *{list-style:none;}
#banner.static-banner .caption{opacity:1;padding:40px 0 25px;}
#banner.page-banner li{display:block;}
#banner.page-banner .caption{opacity:1;}

/* Home Page */
.home-boxes .break{clear:both;float:left;width:100%;margin:25px 0 35px;border-top:1px dashed #ccc;}
.home-boxes h6{font-weight:600;text-align:center;font-size:22px;color:#333;}
.home-box{padding:15px;}
.home-box-1{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #999;}
.home-box-1 img{display:inline-block;max-width:400px;float:right;margin-left:40px;}
.home-box-1 h5{padding-top:25px;}
.home-box-2{display:none !important;}
.home-box img{display:block;width:100%;height:auto;padding:10px;border:1px solid #eaeaea;background:#fff;}
.home-box .inner h5{font-weight:600;font-size:17px;margin:10px 0 5px;}
.home-box .inner p{font-size:13px;margin:0 0 15px;}
.home-box .more{background:none;text-decoration:underline;font-weight:600;font-size:15px;}
.home-box .more:hover{text-decoration:none;color:#666;}

/* Explained Page */
span.buzz{font-weight:700;text-decoration:underline;color:#136EB2;cursor:pointer;}
#banner span.buzz{color:#fff;}
.buzz-pop,#vtip{display:none;border-radius:3px;position:absolute;width:240px;padding:10px 20px;background:#136EB2;color:#fff;text-decoration:none;text-align:center;font-weight:normal !important;left:50%;top:40px;margin-left:-120px;font-size:13px !important;z-index:20;}
.buzz-pop:before,#vtip:before{content:"\f052";font-family:FontAwesome;color:#136EB2;display:block;margin:-24px 0 -5px;font-size:28px;}
.buzz-pop img,#vtip img{width:100%;height:auto;padding:5px;background:#fff;border-radius:5px;}
.show-pop .buzz-pop{display:block;}

.cols-3.industries{padding:10px;text-align:center;}
.cols-3.industries a{text-decoration:none;}
.cols-3.industries img{width:100%;height:auto;}
.cols-3.industries h3{font-weight:700;font-size:18px;}
.cols-3.industries .more{margin-top:10px;padding:8px 16px;display:inline-block;}

/* Option Poll */
.page-id-18 .wrapper h2{font-weight:600;font-size:24px;color:#136EB2;margin-bottom:15px;}
.option-poll{margin-bottom:20px;}
.option-poll li{margin-bottom:10px;cursor:pointer;color:#888;}
.option-poll li.active,.option-poll li:hover{color:#333;}
.option-poll li span{display:inline-block;border:1px solid #E2E2E2;color:#136EB2;background:#eaeaea;width:26px;line-height:26px;height:26px;text-align:center;vertical-align:middle;margin-right:10px;font-size:30px;}
.option-poll li.active span:before,.option-poll li:hover span:before{content:"\f00c";font-family:FontAwesome;}
#option-poll{overflow:hidden;}
#option-poll input.text{width:100%;max-width:350px;}
#option-poll input.text.highlight{border:1px solid #f00;}
#option-poll input.submit{float:left;margin-top:20px;}
#option-poll .load{margin:4px 15px;}
#poll_title{display:none !important;}

/* Footer */
.footer-copyright .left p span{display:block;}

/* IE Hacks */
#ie-view #main-menu li.menu-item-has-children ul{top:30px;}
#ie-view .home-box{width:230px;}
#ie-view .home-box-1{width:auto;}
#ie-view .home-box img{width:205px;}
#ie-view .cols-3.industries{width:200px;}
#ie-view .option-poll li.active span,#ie-view .option-poll li:hover span{background:#EAEAEA url(images/assets/check.png) center no-repeat;}
#ie-view .option-poll li.active span,#ie-view .option-poll li:hover span{background:#EAEAEA url(images/assets/check.png) center no-repeat;}
#ie-view #contact-form .option-poll li{float:left;}

/* Responsive */
@media screen and (max-width:1120px) {

.tel-display,p.email-display{font-size:20px;}
.tel-display.fa:before,p.email-display:before{font-size:30px;}

}

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

#header .tel-display b{font-size:15px;}
#header a.email-display{font-size:13px;}

/*.head-mid{padding-left:40px;width:35%;}*/
#banner img{min-width:880px;}
.home-box{padding:10px 15px;overflow:hidden;width:100%;}
.home-box img{width:30%;display:inline-block;vertical-align:middle;}
.home-box-1 .inner.left{display:block;width:100%;padding:0 0 25px 0;}
.home-box-1 h5{padding-top:0;margin-top:0;}
.home-boxes h6{margin-bottom:25px;}
.inner.left,.inner.right{display:inline-block;width:67%;padding-left:20px;vertical-align:middle;}

}

@media screen and (max-width:890px){
  div.cart-products.cols.cols-2-wide{width:100%;padding-right:0;}
  div.cat-btm{width:100%;}
  div.cols.cart-right{width:100%;margin-bottom:20px;}
}

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

body{padding-top:65px;position:relative;}
input,button,/*textarea{-webkit-appearance:none;}*/
#option-poll input.text{padding:12px 18px;font-size:16px;}

  .compare-table{padding-top:60px;}
  .content-area{padding-top:40px;}
  #page-wrap .woocommerce{padding-top:40px;margin-top:40px;}
  #ttalogo{padding-top:4px;}
  .cart-products{width:90%;}
  .cat-btm{width:90%;}

#header{position:fixed;top:0;left:0;right:0;z-index:9999;box-shadow:0 0 6px rgba(0,0,0,0.1);}
#header .clear{display:none;}
#header .container{padding:12px 5px 12px 15px;overflow:hidden;}
#logo,.compact-menu #header #logo{width:30%;max-width:100%;}
#main-menu,.compact-menu #header #main-menu{width:50%;}
#logo img{content:url(images/logos/countermark-mob.png);max-width:150px;}
#main-menu{display:none;}
.menu-main-menu-container{display:block;border:0;}
#mob-menu{width:260px;margin-right:-260px;left:auto;right:0;position:fixed;display:block;top:0;bottom:0;z-index:999;background:#333;opacity:0;transition:all 0.3s ease-in-out;overflow:auto;padding-top:65px;}
#mob-menu.active{opacity:1;margin-right:0;}
#mob-menu.closed{opacity:0;z-index:2;}
#mob-menu.active:after{content:"";display:block;left:-30px;top:0;bottom:0;width:20px;box-shadow:0 0 30px rgba(0,0,0,0.7);}
#mob-menu li#menu-item-36{border:0;padding:0;}
#mob-menu li#menu-item-36 a{padding:0 15px !important;background:#136EB2;color:#fff !important;}
#mob-menu li{display:block;border-bottom:1px solid #444;}
#mob-menu li a{display:block;border-bottom:1px solid #111;line-height:50px;color:#fff;font-weight:500;text-transform:uppercase;padding:0 15px;font-size:15px;}
#mob-menu li.current_page_item a,#mob-menu li.current-menu-ancestor a{background:#222;font-weight:800;border-bottom:1px solid #111;}
#mob-menu .sub-menu{display:none;}
#mob-menu .sub-menu.sub-open{display:block;}
#mob-menu li a.sub-menu-open{color:#136EB2;}
#mob-menu li .sub-menu a{background:#222;}
.menu-btn{display:inline-block;text-align:right;vertical-align:middle;width:49%;}
.menu-btn span{vertical-align:middle;display:inline-block;margin-right:15px;color:#ccc;text-transform:uppercase;font-size:14px;}
.menu-btn:after{content:"\f0c9";color:#136EB2;font-size:35px;display:inline-block;font-weight:normal;vertical-align:middle;}
.menu-btn.active:after{opacity:0.6;}
.menu-active .menu-btn span{color:#fff;}
.menu-active .menu-btn:after{color:#136EB2;}
#admin-top.menu-active{display:none;}

#banner .caption{left:0;width:100%;}
#banner .banner-slide-1.flex-active-slide.active .caption,#banner .flex-active-slide .caption{bottom:0;padding:15px !important;}
#banner .caption h1{font-size:18px;}
#banner .caption p{font-size:12px;margin-bottom:0;}
.flexslider .slides > li{overflow:hidden;}

.col-2-wide,.col-2-thin,.contact-wrap .col-2-wide,.contact-wrap .container{width:100%;}
.col-2-wide{padding-bottom:25px;margin-bottom:25px;border-bottom:1px dashed #ccc;}
.side-box h4{padding:10px;background:#136EB2;margin-bottom:4px;color:#fff;}
.static-page{padding:0 15px;}
.static-page ul{list-style:none;padding:0;}
.static-page ul li{display:block;}
.static-page ul li a{display:block;padding:10px;background:#f7f7f7;text-decoration:none;margin-bottom:4px;}
.page-id-6 .col-2-wide ul{list-style-type:square;padding:0 0 0 40px;}
.page-id-6 .col-2-wide ul li{display:list-item;}

.page-id-18 .wrapper h2{font-size:1.5em;}
.option-wrap{text-align:center;}
.option-poll{list-style:none;display:block;width:100%;margin:0 auto 25px;max-width:340px;}
.option-poll li{position:relative;text-align:left;padding-left:34px;}
.option-poll li:before{position:absolute;left:0;top:50%;margin-top:-13px;}
#option-poll input.text{margin:0 auto 15px;}
#option-poll input.submit,#submit.btn{float:none;width:80%;max-width:260px;padding:12px 20px;margin-top:15px;border-radius:4px;display:inline-block;}

.contact-wrap .container{padding:15px;text-align:center;}
.title{font-size:1.6em;}
#contact-form .option-poll li{display:block;margin-bottom:10px;}
#contact-form h3{text-align:left;margin-bottom:10px;}

.footer-copyright .right{position:static;display:block;float:none;text-align:center;}
.footer-copyright .left{text-align:center;font-size:12px;padding-bottom:25px;}
.footer-copyright .left p{font-size:12px;}
.footer-copyright .left p span{display:block;padding-top:10px;}


.head-mid .mid-btn{margin-top:0;}

.cmp-tab{display:block;}
.cmp-tab .col-1{display:block;width:100%;clear:both;background:#f7f7f7;}
.cmp-tab .col-2{display:block;float:left;width:33.33%;border:0;}
.compare-row.odd{background:#fff;}

.compare-mid{display:none;}
}

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

.flex-control-nav.flex-control-paging,.flex-direction-nav{display:none !important;}
#banner{min-height:0;}
#banner .wrapper{height:auto;}
#banner img{min-width:740px;position:relative;}
#banner .caption{width:100%;padding:10px 0 !important;}
#banner .caption p{margin:0 !important}
.flexslider .slides > li{z-index:50;}
.slides li:before{height:900px;}

.home-box.home-box-1 img{width:40%;}

.buzz-pop,#vtip{left:10px !important;right:10px !important;margin-left:0;width:auto;}
.hide-vtip #vtip{display:none !important;}
.buzz-pop:before, #vtip:before{display:none;}

.product  .images{display:none;}
.product .type-product .summary{width:100% !important;text-align:center;padding-left:0 !important;}
.product .prod-secure{float:none;}
.variations_form .variations{width:100%;}
.variations_form .variations .label{text-align:right;}

.cols-2-wide.cart-products{width:100%;padding-right:0;}
.cart-right.cart-right{width:100%;padding-left:0;padding-right:0;}
  
  .cart-products{width:100%;}
  .cat-btm{width:100%;}
  .cat-btm .coupon .input-text{font-size:0.9em;width:25%;}
}

@media screen and (max-width:550px) {
  body{font-size:90%;}
  p{font-size:15px;}
  .cat-btm .coupon .input-text{font-size:0.8em;width:25%;}
}

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

body{font-size:80%;}
p{font-size:15px;}
.static-page h2,#success h6{font-size:1.5em;}
.tel-display,p.email-display{font-size:1.2em;}
p.email-display:before{display:none;}

.home-box{position:relative;padding:0;margin-bottom:35px;}
.home-box-1{padding-top:60px;}
.home-box-1 h5{position:absolute;top:0;left:0;right:0;}
.home-box img{vertical-align:top;}
.home-box .inner h5{margin-top:0;}
/*.home-box img,.home-box.home-box-1 img{width:100%;max-width:300px;display:block;margin:0 auto 20px;}
.home-box-1{display:table;}
.home-box.home-box-1 img{display:table-footer-group;float:none;margin-top:40px;}
.home-box-1 .inner.left{display:table-header-group;}*/

.cols-3{width:100%;}
.cols-3.industries{padding:20px;background:#f7f7f7;margin-bottom:15px;}
.cols-3.industries img{width:30%;display:block;margin:0 auto 15px;}
.cols-3.industries h3{}
.cols-3.industries .more{width:70%;margin-top:15px;padding:12px 16px;}

.option-poll li,#contact-form .option-poll li{margin-bottom:20px;}
#contact-form h3{margin-bottom:25px;font-size:1.2em;}
.contact-wrap .container{padding:0;}

.cart_item .product-thumbnail{display:none;}
.cart-item .product-name,.cart-item .product-quantity,.cart-item .product-subtotal{padding-left:0 !important;margin-left:0;height:auto !important;}
.cat-btm .coupon label{display:none;}
div.cat-btm .coupon .input-text,.cat-btm .button,div.cat-btm .coupon .update-cart{margin:0;}
div.cat-btm .coupon{display:flex;padding:8px;justify-content:space-evenly;}
div.cat-btm .coupon .input-text{width:50%;}
.cart-right .prod-secure{padding-top:20px;}
}

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

body{font-size:70%;}

.home-banner{margin-bottom:25px;}
#banner img{min-width:400px;}
#banner .caption{position:static;padding:15px !important;opacity:1 !important;text-align:center;bottom:0;height:120px;}

.container.home-boxes{padding:0;}
.home-box{text-align:center;}
.home-box .inner h5{font-size:15px;}
.home-box img{float:none !important;width:100% !important;max-width:250px;margin:0 0 25px !important;}
.inner.left,.inner.right{width:100%;padding:0;}

.static-page{padding:0;}

}

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

body{padding-top:59px;}
.tel-display, p.email-display{font-size:1em;}

}