/* Fonts */
@font-face {
    font-family: 'proximanova';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular.woff') format('woff'),
         url('../fonts/proximanova-regular.ttf') format('truetype'),
         url('../fonts/proximanova-regular.svg#proximanova') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@font-face {
    font-family: 'proximanova';
    src: url('../fonts/proximanova-semibold.eot');
    src: url('../fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold.woff') format('woff'),
         url('../fonts/proximanova-semibold.ttf') format('truetype'),
         url('../fonts/proximanova-semibold.svg#proximanovasemibold') format('svg');
    font-weight: bold;
    font-style: normal;}

@font-face {
    font-family: 'proximanovaextrabold';
    src: url('../fonts/proximanova-extrabold.eot');
    src: url('../fonts/proximanova-extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-extrabold.woff') format('woff'),
         url('../fonts/proximanova-extrabold.ttf') format('truetype'),
         url('../fonts/proximanova-extrabold.svg#proximanovaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@font-face {
    font-family: 'proximanovalight';
    src: url('../fonts/proximanova-light.eot');
    src: url('../fonts/proximanova-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light.woff') format('woff'),
         url('../fonts/proximanova-light.ttf') format('truetype'),
         url('../fonts/proximanova-light.svg#proximanovalight') format('svg');
    font-weight: normal;
    font-style: normal;}
    

/* base styles */
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
body{background:#f5f6f7;color:#666;font-family:'proximanova','Open Sans',arial,sans-serif;font-weight:100;font-size:16px;height:100%;line-height:1.6em;margin:0;padding:0;position:relative;text-transform:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html{height:100%;margin:0;padding:0}
section{clear:both;display:block;height:auto;margin:0;overflow:auto}
::selection{background:#e1f2ff;color:#02477b}
::-moz-selection{background:#e1f2ff;color:#02477b}
img{display:block;height:auto;max-width:100%;width:auto}
a{color:#02477b;text-decoration:none}


/*============================================================================== 
Structure
================================================================================ */
.wrapper, .inner{margin:0 auto;max-width:1190px;}
.container{margin:0 auto;max-width:1190px;padding:20px 0}
.cms-page-view .container.cms{margin:20px auto;max-width:1100px;padding:20px 30px}
.col2-left-layout .col-main{float:right; width:77%}
.col2-left-layout aside{float:left;width:20%}


/*============================================================================== 
Global
================================================================================ */
.block,
.home-brands-block li a,
section.homepage-posts .post-container,
.products-grid li,
.cms-page-view .container.cms,
.is-blog article.post-preview,
.is-blog article.post-full,
.sub-cat-list li,
.product-left,.product-right
{background-color:#fff;border:1px solid #e7e7e7;box-shadow:0 0 2px rgba(194,194,194,0.6);}

/*============================================================================== 
Owl SLider
================================================================================ */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
/* display none until init */
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/* mouse grab icon */
.grabbing{cursor:url(../images/grabbing.png) 8 8,move}
/* fix */
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../images/loader.gif) no-repeat center center
}

/*============================================================================== 
Header
================================================================================ */
header{background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:0 0 2px rgba(194,194,194,0.6);color:#333;padding:1em 0;margin-bottom:20px}
header .inner{text-align:center;padding-top:2px;padding-bottom:0}
.logo{display:inline-block;float:left;text-align:center;background-color:#014878;color:#fff;padding:14px 30px 10px;}
.logo span{text-transform:uppercase;font-family:'montserrat',sans-serif;font-size:2.3em;display:block;padding-bottom:8px}
.logo-tagline{display:block;margin:10px 0 0;text-transform:uppercase}


/*============================================================================== 
Nav
================================================================================ */
nav{margin:1.5em 0 0;text-align:center}
nav ul{list-style:none}
nav ul li{display:inline-block;font-size:.9em;font-weight:600;margin:0 0.9em;position:relative;text-transform:uppercase}
nav ul li:hover ul{display:block}
nav ul ul{background:#fff;border:1px solid #999;display:none;left:0;padding:10px;position:absolute;text-align:left;top:25px;z-index:100;-webkit-box-shadow:3px 3px 3px 0 rgba(50,50,50,0.5);-moz-box-shadow:3px 3px 3px 0 rgba(50,50,50,0.5);box-shadow:3px 3px 3px 0 rgba(50,50,50,0.5)}
nav ul ul li{line-height:1.5em;margin:.2em .5em;white-space:nowrap;display:block}
nav ul ul ul.level1{display:none}
nav ul li a,nav ul li a:visited{color:#333}
nav ul li a:hover{color:#02477b!important}
nav ul li.active > a,.cms-contact-us .menu-item-contact a,.cms-service .menu-item-service a,.cms-where-to-buy .menu-item-where-buy a,.is-blog .menu-item-news a,.cms-home .menu-item-home a,.cms-price-lists .menu-item-price-list a{color:#02477b!important;text-decoration:underline}





/*============================================================================== 
Homepage
================================================================================ */
.home-left,.home-right{width:49.5%}
.home-left{float:left}
.home-right{float:right}
.home-brands-block li,.home-banner,section.homepage-posts .post-container{background-color:#fff;overflow:hidden}
.home-banner{margin-bottom:2%}
.home-brands-block{margin:0;padding:0}
.home-brands-block li{float:left;list-style:none;margin-right:2%;margin-bottom:2%;width:32%;}
.home-brands-block li:nth-child(3n+3){margin-right:0}
.home-brands-block li a{display:block;overflow:hidden;text-align:center}
.home-brands-block li img{width:100%;display:inline-block;vertical-align:middle}
.home-brands-block li a:hover{border:1px solid #02477b}
.home-brands-block li a.where-to-buy{background-color:#02477b;color:#fff;text-align:center}
section.homepage-posts .post-container{margin-bottom:2%}
section.homepage-posts .post{padding:10px}
section.homepage-posts .post h3.title{margin:0}
.owl-controls .owl-prev{float:left}
.owl-controls .owl-next{float:right}


/*============================================================================== 
Product grid
================================================================================ */
.products-grid{clear:both;margin-bottom:2%;list-style:none}
.products-grid li{width:32%; float:left;margin-right:2%}
.products-grid li.last{margin-right:0}
.products-grid h2.product-name{font-size:1em;padding:1px 15px;line-height:1.5;min-height:51px;margin-bottom:0}
.products-grid .product-desc{clear:both;padding:1px 15px 10px; font-size:0.8em}
.products-grid .product-desc p{margin:0 0 1em}


/*============================================================================== 
Aside
================================================================================ */
.block{margin-bottom:20px}
.block-title{border-bottom:1px solid #f2f5f8;font-size:20px;line-height:30px;padding:10px 20px;font-size:1em;font-weight:700}
.block-content{padding:10px 20px}
.block-layered-nav dt{font-weight:700;text-transform:uppercase}
.block-layered-nav dd{margin-bottom:20px;padding-left:10px;font-size:.9em}
.block-layered-nav .block-subtitle{display:none}
.block ol,.block ul{list-style:none}
.block-blog li{border-bottom:1px solid #f2f5f8;font-size:.9em;line-height:1.5;margin-bottom:6px;padding-bottom:6px}
.block-blog li:last-child{border-bottom:0;margin-bottom:0}


/*============================================================================== 
BreadCrumbs
================================================================================ */
.breadcrumbs{padding:0px 0 15px;font-size:0.9em}
.breadcrumbs a,.breadcrumbs li strong{color:inherit;font-weight:normal}
.breadcrumbs li{display:inline}
.breadcrumbs .fa{font-size:0.7em;color:#999}
.breadcrumbs a{text-decoration:underline;color:#999}


/*============================================================================== 
Category Products
================================================================================ */
.category-products .toolbar{display:none}
.category-products .product{background:#fff;box-shadow:0 1px 2px #d9dadb;clear:both;display:block;margin:1em 0;padding:20px;overflow:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.category-products .product .product-image{display:inline-block;float:left;width:25%}
.category-products .product .product-details{display:inline-block;float:left;width:75%}
.category-products .product .product-details-inner{padding-left:2em}
.category-products .product .product-details h2.product-name{color:#333;font-size:1.2em}
.category-products .product .product-details p.product-desc{color:#333;font-size:.9em;line-height:1.5em}
.sub-cat-list{margin:0;padding:0}
.sub-cat-list li{list-style:none;display:block;float:left;width:32%;margin:0 2% 2% 0;text-align:center}
.sub-cat-list li a{display:block}
.sub-cat-list li img{display:inline-block}
.sub-cat-list li:nth-child(3n+3){margin-right:0}
.sub-cat-list h3{margin:0;padding:0}
.sub-cat-list h3 a{color:#333;font-size:.9em;font-weight:600;padding:1em 0}
.category-top{margin-bottom:1em}
.category-top .category-image{float:right;margin:0 0 20px 20px;display:inline-block;max-height:200px;max-width:300px}
.category-description p{margin:0 0 1.1em}



/*============================================================================== 
Blog
================================================================================ */
.featured-image{float:left;margin:0 20px 20px 0;border:1px solid #eee}
.post-meta{font-size:.9em}
.is-blog article.post-full{padding:1em 2em}
.wordpress-index-index .post-list li:first-child article.post-preview{margin-top:0}
.blog-search button.button{background-color:#014878;border:0 none;color:#fff;font-size:.9em;line-height:1;margin-top:6px;padding:5px 8px}
.blog-search .input-text{color:#999; font-size:0.9em;width:100%}


/*============================================================================== 
Page titles
================================================================================ */
.category-products .page-title{display:none}
.wordpress-index-index .page-title{display:none}


/*============================================================================== 
Product View
================================================================================ */
.product-left{float:left;width:38%;padding:1.5%}
.product-right{float:right;width:60%;padding:1.5%;font-size:.9em}
.data-table td,.data-table th{border:1px solid #e7e7e7;padding:6px}
.product-collateral h2{background-color:#014878;color:#fff;font-size:.9em;font-weight:400;line-height:1;margin-bottom:0;padding:6px 6px 4px;text-transform:uppercase}
.product-right h1{margin:0;font-size:1.8em}
.product-right li{list-style:disc inside}
.long-description{margin-bottom:20px}
.product-right table{width:100%}
.more-views h2{font-size:.7em}
.more-views li{list-style:none;float:left;margin-right:1%}
.more-views li a{display:block;border:1px solid #e7e7e7}


/*============================================================================== 
Footer
================================================================================ */
footer{clear:both;display:block;margin:0 auto;padding:1em 2em 0}
footer small{display:block;margin:0 auto;text-align:center}
footer small a{color:#666}
footer small a:hover{color:#02477b}
.newsletter-subscribe{background:#fff;border:1px solid #e7e7e7;box-shadow:0 0 2px rgba(194,194,194,0.6);margin:1em auto 0;max-width:800px;padding:40px;text-align:center}
.newsletter-subscribe h3.section-title{margin-top:0!important}
.newsletter-subscribe p{margin:1em 0 1.5em}
.newsletter-subscribe .input-box{margin:0 auto;position:relative;width:415px}
.newsletter-subscribe .fa{color:#999;font-size:.9em;font-weight:100}
.newsletter-subscribe input.input-text{border:2px solid #ccc;font-size:.9em;font-weight:100;outline:none;padding:.75em 1em;width:250px}


/*============================================================================== 
Site messages
================================================================================ */
ul.messages{margin:2em 0 0;text-align:center}
ul.messages li.success-msg{color:green;font-weight:600}
ul.messages li.success-msg span:before{content:'\f00c';font-family:'fontawesome';font-size:.9em;font-weight:100;margin-right:1em}
p.error-no-categories,p.note-msg{margin:2em auto;text-align:center;background-color:#fceec1;padding:10px;clear:both}

.cms-where-to-buy hr{background-color:#fff;border:medium double #bbb;box-sizing:content-box;clear:both;height:0;margin:2.5em 0}
.cms-where-to-buy table.address-table td{padding:10px;background-color:#fff;border:1px solid #eee}



/*============================================================================== 
Global Enhancements
================================================================================ */
.home-brands-block li a{
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.sub-cat-list li{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}







.read-more{font-size:.9em}
.read-more:after{content:'\f0da';font-family:'fontawesome';font-size:.9em;margin-left:.5em}
.read-more:hover{border-bottom:1px solid #02477b}
.btn{background:#02477b;border:none;color:#fff;font-size:.8em;font-weight:100;outline:none;text-shadow:none;-webkit-transition:all .25 ease-in-out;-moz-transition:all .25 ease-in-out;-o-transition:all .25 ease-in-out;transition:all .25 ease-in-out}
.btn:hover{background:#333}
.btn-subscribe{padding:1em}
section.top-bar{background:#02477b;color:#fff;padding:.5em;text-align:center}
section.top-bar span{font-size:.8em;font-weight:600}
section.top-bar a{color:#fff}
section.top-bar a:hover{color:#77B3E0}
.mobile-toggle{background:#333;color:#fff;cursor:pointer;display:none;left:0;padding:7px 20px;position:absolute;right:0;top:0}
.mobile-active{display:block!important}
form#search_mini_form{position:absolute;right:50px;top:30px}
.form-search{position:relative;width:220px}
.form-search input{border:1px solid #eaeaea;box-shadow:none;color:#999;font-size:.8em;padding:10px 30px 10px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:180px;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}
.form-search input:focus{border:1px solid #666;outline:none}
.form-search button{background:transparent;border:0;cursor:pointer;height:37px;position:absolute;right:0;top:0;width:37px}
.form-search button i{cursor:pointer}
.form-search button:focus{outline:none}
.page-title h1{font-size:1.17em;margin:1em auto;text-align:left;text-transform:uppercase}
h3.section-title{margin:1em auto;text-align:center;text-transform:uppercase}
.post h1.title,.post h2.title,.post h3.title{text-transform:uppercase}
.post h1.title{}
.post h2.title{}
.post h3.title{font-size:1em}
.post a h1.title,.post a h2.title,.post a h3.title{color:#333;display:inline-block}
.post a h1.title:hover,.post a h2.title:hover,.post a h3.title:hover{color:#666}
.post-meta{color:#333;font-size:.9em}
.post-meta a{color:#02477b}
.post-meta a:hover{border-bottom:1px solid #77B3E0;color:#77B3E0}
ul#post-list{list-style:none}
section.blog .page-desc{text-align:center}
article.post-preview{margin:2em 0;padding:1em 2em}
article .post-entry-full a:hover{border-bottom:1px solid #77B3E0;color:#77B3E0}
article.post-preview h2 a{color:#333;font-family:'montserrat',sans-serif;font-size:.9em;margin:1em auto;text-align:left;text-transform:uppercase}
article.post-preview h2 a:hover{color:#666}
article.post-preview .post-entry-preview a:hover{border-bottom:1px dotted #02477b}
article.post-preview img,article.post-full img{display:block;height:auto;margin:1em 0;max-width:100%;width:auto}
article.post-preview .wp-caption,article.post-full .wp-caption{font-size:.8em;margin:1em 0;text-align:center;width:100%!important}
article.post-full h1{color:#333;font-family:'montserrat',sans-serif;font-size:1.5em;margin:1em auto;text-align:left;text-transform:uppercase}
article ul,article ol{margin:1em 0 0 1.5em}
blockquote{border-left:3px solid #666;font-size:1.2em;font-style:italic;line-height:1.5em;margin:2em 0!important;padding:0 0 0 2em}
.post-skips{margin:2em auto 0;text-align:center}
a.post-prev,a.post-next{color:#666;font-size:1.2em;font-weight:600;margin:0 2em}
a.post-prev:hover,a.post-next:hover{border:0;color:#02477b;text-decoration:none}
a.post-prev:before{content:'\f0d9';font-family:'fontawesome';font-size:.9em;margin-right:.5em}
a.post-next:after{content:'\f0da';font-family:'fontawesome';font-size:.9em;margin-left:.5em}
.post-full .featured-image{display:none}
/* tabular data on 'where to buy' page */
table.address-table{display:block;font-size:.9em;line-height:1.5em;width:100%}
table.address-table td{padding:10px 10px 10px 0;text-align:left;vertical-align:top}
table.address-table a{color:#333}
table.address-table a:hover{color:#02477b}
/* toolbar */
aside.toolbar{clear:both;display:block;margin:0 auto 2em;text-align:center}
aside.toolbar p.amount{font-weight:600}
.validation-advice{background:#333;color:#fff;font-size:.9em;font-weight:600;line-height:1.5em;padding:10px;position:absolute;right:-100px;top:-80px;width:300px}
.validation-advice:after{content:"";position:absolute;bottom:-15px;left:50px;border-width:15px 15px 0;border-style:solid;border-color:#333 transparent;display:block;width:0}
.social-links{display:block;margin:1em 0;text-align:center}
.social-links ul{list-style:none}
.social-links ul li{display:inline-block;margin:0 1em}
.social-links ul li i{font-size:1.2em}
.social-links ul li i span{font-family:'open sans',sans-serif;font-size:.8em;font-weight:600;margin-left:.5em}
.social-links ul li a{color:#333}
.social-links ul li a:hover{color:#02477b}
section.error404{margin:0 auto;max-width:800px;text-align:center}



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

.wrapper, .inner{padding:0 3%}

}

/* responsive styles (850px) */
@media only screen and (max-width : 850px) {

/* 	aside{display:none} */
	.home-left, .home-right,.product-left,.product-right,.col2-left-layout .col-main,.col2-left-layout aside{float:none;width:100%}
	.product-left{margin-bottom:20px}
	nav ul li{font-size:.8em;margin:0 .5em}
	.logo{float:none;}
	.logo-tagline{clear:both;font-size:0.85em}
	.container{padding:20px}
	section.featured-products .product{width:33.33%}
	form#search_mini_form{position:relative;right:auto;top:auto}
	.form-search{margin:1em auto 0}
	section.blog-posts .post-container{width:50%}
	table.address-table td{display:block}
	.sub-category-container .sub-category-smaller{width:50%}
	.category-products .product .product-image{display:block;float:none;margin:0 auto;width:50%}
	.category-products .product .product-details{display:block;float:none;width:100%}
	.category-products .product .product-details-inner{padding:20px}
	section.featured-brands .sub-category{width:50%}
	section.newsletter-subscribe .input-box{width:100%}
	section.newsletter-subscribe .input-box:after{content:'';display:none;visibility:hidden}
	section.newsletter-subscribe input.input-text{padding:.75em 1em;max-width:250px;width:auto}
	section.newsletter-subscribe .btn-subscribe{display:block;margin:1em auto 0}
	.validation-advice{left:0;margin:0 auto;right:0;top:-80px}
  
}

/* responsive styles (480px) */

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

	.sub-cat-list li{width:48%}
	.sub-cat-list li:nth-child(3n+3){margin-right:2%}

}

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

	.container.cms{padding:20px}
	section.top-bar,.newsletter-subscribe .fa{display:none}
	.mobile-toggle{display:block;text-transform:uppercase}
	nav{background:#fff;display:none!important;margin:0;left:0;position:absolute;right:0;top:45px;width:100%;z-index:100}
	nav ul li{border-bottom:1px solid #ccc;display:block;margin:0;text-align:left}
	nav ul li a{display:block;padding:10px 20px}
	nav ul li a:hover{background:#fafafa}
	nav ul ul,nav ul li:hover ul{display:none!important/* temporary */}
	header{padding-top:45px}
	section.featured-products .product{width:100%}
	section.featured-products .product a{padding:10px 0}
	section.blog-posts .post-container{width:100%}
	section.blog-posts .post-container .post{padding:10px 0}
	.social-links,.social-links ul li{text-align:left}
	.category-description{text-align:left}
	p.category-image img{max-height:200px;max-width:200px}
	.sub-category-container .sub-category{display:block;float:none;width:100%}
	.sub-category-container .sub-category .sub-category-box{padding:20px 0}
	.sub-category-container .sub-category a{margin:10px 0}
	.sub-category-container .sub-category-smaller{width:100%}
	.sub-category-container .sub-category-smaller a{margin:10px 0}
	.category-products .product .product-image{display:block;float:none;width:100%}
	.category-products .product .product-details{display:block;float:none;width:100%}
	article.post-preview .wp-caption{text-align:left}
	a.post-prev,a.post-next{display:block;margin:1em auto}
	section.featured-brands .sub-category{display:block;float:none;width:100%}
	footer{padding:1em .5em 2em}
	footer small{margin:0 1em 1em;text-align:left}
	footer small span{display:block}
	footer small span.divider{display:none;visibility:hidden}
	.validation-advice{top:-120px;width:150px}
  
  .category-top {text-align:center}
  .category-top .category-image{float:none}
  
  .sub-cat-list li,.products-grid li{float:none;width:100%;margin:0 0 2.5%}
  
}