/* general */
.wrap { padding:0 5% 0 5%;  }

.woocommerce p a { color: #005695; font-weight: bold; }
.woocommerce p a:hover { text-decoration: underline; }


/*  GRID OF THREE  */
.text-image .span_3_of_3 { width: 100%; }
.text-image .span_2_of_3 { width: 66.13%; }
.text-image .span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 800px) {
	.text-image .col {  margin: 1% 0 1% 0%; }
	.text-image .span_3_of_3, .text-image .span_2_of_3, .text-image .span_1_of_3 { width: 100%; }
}

/*  GRID OF FOUR  */
.news-section .span_4_of_4 {
	width: 100%;
}
.news-section .span_3_of_4 {
	width: 74.6%;
}
.news-section .span_2_of_4 {
	width: 49.2%;
}
.news-section .span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 450px) {
	.news-section .col {  margin: 1% 0 1% 0%; }
	.news-section .span_1_of_4, .news-section .span_2_of_4, .news-section .span_3_of_4, .news-section .span_4_of_4 { width: 100%; }
}

@media only screen and (max-width: 1000px) {
	.news-section .col {  margin: 1% 1% 1% 0%; }
	.news-section .span_1_of_4 { width: 49%; }
}


/* internal banner */
.internal-banner { position: relative; background: none; overflow: hidden; min-height: auto; background: #1b1b1b; }
.internal-banner img { position: absolute; z-index: 0; top:0; width: 100%; opacity: 0.6;}
.internal-banner-title { color: #FFF; font-size: 24px; padding: 4% 0 0 4%; }

/* breadcrumbs */
.breadcrumbs p { color: #404040; font-size: 14px; }
.breadcrumbs a { font-weight: bold; text-decoration: underline; color: #005695; font-size: 14px; }
.breadcrumbs a:hover { text-decoration: none; }


/* newsletter */
.newsletter-wrap { padding-top: 75px; padding-right:5%; padding-left:5%;   }
.newsletter-wrap .title { color: #FFF; font-size:30px; float: left; width: 100%; text-align: center; padding-bottom: 20px;}
.newsletter-wrap .intro-text {font-size: 13px; float: left; width:100%; text-align: center; color: #FFF; }


/* Social */
.social {background: none;}
.social ul { float: left; width: 100%; margin: 0; }
.social ul li { float: left; width: 33.3%; padding:10px;  }
.social ul li a {float: left; width: 70%; font-size: 14px; color: #404040; line-height: 1em; }
.social ul li:nth-child(1) i { color: #55acee; position: static; float: left; width: auto; text-align: left; padding-right: 6px;}
.social ul li:nth-child(2) i { color: #3b5998; position: static; float: left; width: auto; text-align: left; padding-right: 6px;}
.social ul li:nth-child(3) i { color: #dd4b39; position: static; float: left;  width: auto; text-align: left; padding-right: 6px;}

/* contact */
.page-template-page-contact .col { margin: 1% 0.5% 1% 0%; }
.page-template-page-contact .entry-content { margin: 0 0 0 0;  }
.page-template-page-contact .entry-content h1 {margin-top: 0;  }
.page-template-page-contact .contact-content .span_1_of_3 { padding-left: 3%; float: right; margin-right: 0; }
.fifty-form-message { max-width:538px; }
.page-template-page-contact .fifty-form-message { max-width:777px; }
.address-area { padding: 5%; background: #f0f0f0; float: left; width: 100%; margin-bottom: 30px; }
.address-area p {margin-bottom: 7px; line-height:19px; }
.address-area a { color: #005695; font-weight: bold;  }
.address-area a:hover {text-decoration: underline;}
.map-area {float: left; width: 100%; margin-top: 2%;}
.map-area iframe {width: 100%; min-height:400px; border: none; }

/* footer*/
footer ul li, footer ul li a { font-size: 12px; }
footer ul li {list-style-type: none;}
footer ul {padding-bottom: 30px;}
.bottom-footer {float: left; width: 100%; background: #333; padding: 30px 0 30px 0;}
.bottom-footer p {float: left; width: 100%; text-align: center; color: #FFF; font-size: 12px;}
.bottom-footer ul {float: left; width: 100%;}
.bottom-footer ul li {float: left; width: 50%;}
.bottom-footer ul li a { float: left; width: 100%; color: #FFF; font-size: 12px; text-align: center; }



/* cookies */
.policy-wrap {float: left; width: 100%;}
.policy-wrap .buttons-policy {float: left; width: 100%; margin: 2% 0 2% 0;}
.policy-wrap .buttons-policy {float: left; width: 100%; list-style-type: none;}
.policy-wrap .buttons-policy li a {padding: 1% 0 1% 0; float: left; width: 100%; color: #005695;}
.policy-wrap a {font-weight: bold; color: #005695;}
.policy-wrap a:hover {text-decoration: underline;}
.policy-wrap ul li {list-style-type: none;}
.policy-wrap .external-list, .policy-wrap .policy-small-list {float: left; width: 100%; margin: 1% 0 1% 0; padding-left: 5%;}
.policy-wrap .external-list li, .policy-wrap .policy-small-list li {font-size: 14px; float: left; width: 100%; padding: 0.5% 0 0.5% 0; line-height: 1.6em; font-weight: 600; list-style-type: disc;}
#cookies-table { border-left:1px solid #143a6e; margin-bottom:2%; }
#cookies-table th {  background:#005695; color: #FFF; border-right: 1px solid #005695; border-bottom: 1px solid #005695; border-top: 1px solid #005695; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; font-weight:bold; font-size:13px; }
#cookies-table td {  border-right: 1px solid #005695; border-bottom: 1px solid #005695; padding: 6px 6px 6px 12px; font-size:13px; }

article img {
	width: auto!important;
}
/* News Area */
.news-area article {float: left; width: 100%; background: #f0f0f0; margin: 0; border-bottom: 3px solid #005695;}
.single-post .news-area article { border-bottom: none; }
.news-area .feat-image, .news-area .entry-header {float: left; width: 100%;}
.news-area .feat-image { overflow: hidden;}
.news-area .feat-image img {float: left; width:100%!important; height: auto;
}
.news-area .entry-header {padding: 5%;}
.single-post .news-area .feat-image, .single-post .news-area .entry-header {float: left; width: 100%;}
.single-post .news-area .feat-image img {float: left; width:100%;}
.news-area .entry-header img { float: left; width: 100%; }
.news-area .entry-header a {color: #005695;}
.news-area .entry-header .entry-meta, .news-area .entry-header .entry-footer {font-size: 13px; font-weight: bold;}
.nav-links, .post-navigation { float: left; width: 100%; }
.post-navigation .nav-links, .nav-links {float: left; width: 100%; background: #005695; padding: 20px 0 20px 0;}
.post-navigation .nav-links a, .nav-links a { color:#FFF; }
.post-navigation .nav-links a:hover, .nav-links a:hover {text-decoration: underline;}
.post-navigation .nav-links .nav-previous, .nav-links .nav-previous { float: left; width: 100%; padding: 1% 0 1% 0; text-align: center; color: #FFF;}
.post-navigation .nav-links .nav-next, .nav-links .nav-next { float: left; width: 100%; padding: 1% 0 1% 0; text-align: center; color: #FFF;}
.comments-link {display: none;}
.news-area article h2 a:hover {text-decoration: underline;}
.news-area .entry-header a:hover .feat-image img {opacity: 0.5;}
.news-button {float: right; background: #22b10a; padding: 12px; color: #FFF !important; font-size: 13px;}
.news-button:hover {background: #005695;}
.news-area .entry-content {margin-top: 1%;}



/* 404 */
.error404 .trio-ctas .foot-title, .page-template-page-template-sitemap .trio-ctas .foot-title {font-size: 15px; padding: 3%; text-transform: uppercase; float: left; width: 100%; background:#D2D2D2; }
.error404 #menu-footer-menu, .error404 #menu-products, .page-template-page-template-sitemap #menu-footer-menu, .page-template-page-template-sitemap #menu-products {float: left; width: 100%; background: #f0f0f0; padding: 2%;}
.error404 #menu-footer-menu li, .error404 #menu-products li, .page-template-page-template-sitemap #menu-footer-menu li, .page-template-page-template-sitemap #menu-products li {list-style-type: none; float: left;width:100%;}
.error404 #menu-footer-menu li a, .error404 #menu-products li a, .page-template-page-template-sitemap #menu-footer-menu li a, .page-template-page-template-sitemap #menu-products li a { color: #444; font-size: 13px; padding: 1% 0 1% 0; float: left; width:100%;}
.error404 #menu-footer-menu li a:hover, .error404 #menu-products li a:hover, .page-template-page-template-sitemap #menu-footer-menu li a:hover, .page-template-page-template-sitemap #menu-products li a:hover { text-decoration: underline; }

/* About Slidehsow */
.page-template-page-about .side-slideshow { background: none; min-height: auto; }


.news-button, .slide-excerpt .button, .wcps-items-excerpt a, .home-featured-product .button, .wpcf7-submit, .cta, .read-more, .es_textbox_button, footer ul li a, .dwn-link {
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;

}



/* Button Hover */
.slide-excerpt .button:hover, .wcps-items-excerpt a:hover, .home-featured-product .button:hover, .read-more:hover, .es_textbox_button:hover {background: #013f6d;}
.wpcf7-submit:hover, .dwn-link:hover {background:#22b10a; }
footer ul li a:hover {text-decoration: underline;}


.catalog-carousel-desc {max-height: 125px; overflow: hidden;}

.home-featured-product .feat-info {min-height: 290px;}

.view-all-wrap a {width: 70px;}




.woocommerce  .products li.product {
    border: 1px solid #dadada;
}

/*///////////////////////////////////////////////////////////////////////////*/
/* 450 */
/*///////////////////////////////////////////////////////////////////////////*/


@media only screen and (min-width: 450px) {
	.carousel-image-wrap {max-height: 300px; overflow: hidden;}
	.cat-products .item .read-more {width: 63%;}
}




/*///////////////////////////////////////////////////////////////////////////*/
/* 500 */
/*///////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 500px) {
/* homepage */
.carousel-image-wrap {max-height: 146px; overflow: hidden;}

/* internal banner */
.internal-banner-title { padding-top:7%; padding-bottom: 7%; }


/* footer */

.bottom-footer p {float: left; width: 62%; text-align: left; }
.bottom-footer ul {float: right; width: 32%; text-align: left; }


/* news */
.post-navigation .nav-links .nav-previous, .nav-links .nav-previous {width: 50%; text-align: left; padding-left: 5%;}
.post-navigation .nav-links .nav-next, .nav-links .nav-next {width: 50%; text-align: right; padding-right: 5%;}

}


/*///////////////////////////////////////////////////////////////////////////*/
/* 600 */
/*///////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 600px) {

.carousel-image-wrap {max-height: 300px; overflow: hidden;}
.cat-products .item .read-more {width: 57%; font-size: 12px;}
.home-featured-product .feat-info {min-height: 268px;}
.view-all-wrap a {
    width: 100px;
}

/* news */
.news-area .feat-image {float: left; width: 44%;}
.news-area .entry-header {float: left; width: 56%;}
.single-post .news-area .feat-image, .single-post .news-area .entry-header {float: left; width: 100%;}


}










/*///////////////////////////////////////////////////////////////////////////*/
/* 761 */
/*///////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 761px) {


.carousel-image-wrap {max-height: 300px; overflow: hidden;}
.cat-products .item .read-more { font-size: initial;}


/* internal banner */
.internal-banner-title { font-size: 30px; }


/* footer */
.bottom-footer ul {float: right; width: 25%; text-align: right; }


/* contact */
.page-template-page-contact .span_1_of_3 { padding-left: 3%; }


}



/*///////////////////////////////////////////////////////////////////////////*/
/* 800 */
/*///////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 800px) {

/* social */
.social ul li:nth-child(3) {margin-right: 0px;}
.social ul li {float: left; width: 30.4%; padding:0px; margin-right: 5px;  }

}







/*///////////////////////////////////////////////////////////////////////////*/
/* 1200 */
/*///////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 1200px) {

/* geneeral */
.wrap {padding: 0 0% 0 0%;}
.view-all-wrap a {width: 150px;}
.featured-product-image {width: 35%;}

.carousel-image-wrap {max-height: 300px; overflow: hidden;}
.cat-products .item .read-more { width: 100%; max-width: 174px;}

/* internal banner */
.internal-banner {min-height: auto;}
.internal-banner-title { font-size: 30px; padding-left:0; }


/* newsletter */
.newsletter-wrap { padding:75px 0 0 0;  }
.newsletter-wrap .intro-text {font-size: 16px;  }

/* footer */
.bottom-footer p {margin-bottom: 0;}

.bottom-footer ul {float: right; width: 13%; text-align: right; padding-bottom: 0; }

}













.customer-area .news-area .entry-header {
    padding: 0px 0 0 20px!important;
    width: 100%;
    color: #fff;
    overflow: hidden;
    float: none;
}.customer-area  .news-area .feat-image, .single-post .news-area .entry-header {float: left; width: 100%;}
.customer-area  .news-area .feat-image img {float: left; width:100%;}
.customer-area .news-area .entry-header img { float: left; width: 100%; }
.customer-area .news-area .entry-header a {color: #005695;}
.customer-area .news-area .entry-header .entry-meta, .customer-area .news-area .entry-header .entry-footer {font-size: 13px; font-weight: bold;}


body.customer-area-active .cuar-css-wrapper .nav>li>a:hover {
	background: #005695; color: #fff;
}


body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav>li.current-menu-item>a {
	

    background: #22b10a
    
    }
    
    
    body.customer-area-active .cuar-css-wrapper .cuar-menu-container .nav-container>ul>li {
    	float: left!important;
    }
    
    .cuar-toolbar {
    	display: none	;
    }
    
    
    #mega-menu-wrap-primary {
    	float: left!important;
    }
    
    
    
    
    #customer_login .lost_password {
    	display: none;
    }