@import url("font-awesome.min.css");
*{margin:0 auto;padding:0;outline:none;list-style:none;}
body{background:#000 url(../img/bg-body.jpg) no-repeat scroll center top;font-size:16px;line-height:22px;font-family: 'Open Sans', sans-serif;font-weight:400;}
p{font-size:16px;font-family: 'Open Sans', sans-serif;font-weight:400;line-height:22px;color:#262626;margin-bottom:20px}
p.lead{font-size:21px;color:#777;line-height:27px;font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;color:#B17E30;font-weight:400}
h1{ font-size: 46px; line-height:43px; margin-bottom:22px;}
h2{ color: #191919; font-size:35px; line-height:43px; margin-bottom:22px; }
h3{ color: #191919; font-size:28px; line-height:32px; margin-bottom:22px; }
h4{ font-size:21px; line-height:25px; margin-bottom: 18px; }
h5{ font-size: 17px; line-height:22px; margin-bottom: 13px; }
h6{ font-size: 14px; line-height: 18px; margin-bottom: 13px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;}

.none{display:none;}
.clear{clear:both}
.left{float:left}
.right{float:right}
.padding-none{padding:none;}

em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 65%; font-family: 'Open Sans', sans-serif; line-height: 18px; }
ul{margin:0px;}
a{color:#B17E30;}
a:hover, a:focus{color:#CD9846;}
a img { -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
a img:hover { opacity: .7;}

select{-moz-appearance:none;}
select,span{font-family: 'Open Sans', sans-serif;}
select:hover{}
input[type="text"],form input[type="password"]{width:100%;font-size:14px;color:#777;background:#fff;border:1px solid;height:34px;margin: 0 0 10px;padding:6px 4px;box-shadow:none; font-family: 'Open Sans', sans-serif;border-color: #999999 #E0E0E0 #E0E0E0 #999999;}
/*a*/.button,input[type="submit"]{font-family: 'Open Sans', sans-serif;background:#204609;border:none;height:auto;padding:7px 35px;font-size:13px;color:#FFF;font-weight:600;margin-bottom:0;}
form input[type="text"]:focus,form input[type="password"]:focus,textarea:focus{background: rgba(239, 239, 239, 1);border-color: #999999 #E0E0E0 #E0E0E0 #999999;border:1px solid;color: #444; }
textarea{font-size:14px;height:138px;background:#fff;border-color: #999999 #E0E0E0 #E0E0E0 #999999;box-shadow:none;font-family: 'Open Sans', sans-serif; min-height:60px;}
label{font-size: 11px;font-weight:700;margin: 0 0 4px;cursor:auto; color:#000}
[class*="column"]+[class*="column"]:last-child{float:left}
.button:hover, input[type="submit"]:hover{background-color:#162F06; color: #fff;}
input[type="placeholder"]{color:#a9a9a9;}
.button:focus{background:#204609;}
input[type="file"], input[type="checkbox"], input[type="radio"], select{margin-bottom:0;}
.row{width:100%;max-width:990px;padding:0px;}
.row .row{padding:0 0px;}
form{margin:0px}

#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;height: 100%;z-index: 9999;overflow: hidden;}
#status {width: 391px;height: 220px;position: absolute;left: 50%;top: 50%;background-image: url(../img/ajax-loader.png);background-repeat: no-repeat;background-position: center;margin: -110px 0 0 -190px;z-index: 9999;}

.list_style {list-style: none;margin:16px 5px;}
.list_style li {background: url(../img/bullet_item.png) 0 5px no-repeat;padding-left: 22px;margin: 10px 0;font-size: 14px;font-weight: 400;line-height: 18.01px; color: #6b6c6c;}

/*=*=*=*=*=*= 	HEADER 	*=*=*=*=*=*=*/

header{width:100%; height: 186px;  float:left;background:url(../img/bg-nav.png) no-repeat scroll center bottom;  position: relative; z-index:999;}
.header-top{width:100%;float:left; padding-top: 10px;}
.header-top h1.logo{width:auto; float:left;font-size:0px;line-height:0px;margin:13px 0 21px 10px;}
.header-top h1.logo a:hover{opacity: 0.7;}
.utility-nav{width:auto; float:right;}
.utility-nav ul{width:auto; float:right;line-height:17px;margin-right: 15px;}
.utility-nav ul li{padding: 0 3px; display:inline-block}
.utility-nav ul li a{color:#999;font-size:11px;}
.utility-nav ul li a:hover{color:#ddd;}
.tagline{width:auto;text-align: right;}
.tagline h6{color: #fff; float: right; font-size:14px; margin: 16px 10px 0 0;}
.tagline h6 span{border-left: 1px solid #4e4e4e;color: #CD9846; font-size: 1.4em; margin: 0 0 0 15px; padding: 0 0 0 15px;vertical-align: -2px;}


#catCartSummary{width: auto;float: right;margin-right: 6px;}
.cartSummary.notEmpty1, .cartSummary.empty0{display:none;}
.cartSummary a.cartSummaryLink{color:#fff;}
.cartSummary {width: auto;float: right; font-size: 11px;}
.cartSummaryItem a, .cartSummaryLink{font-size:11px;color: #999999;}
.cartSummaryItem a:hover, .cartSummaryLink:hover{color:#999999;}
.cartSummaryLink{float:right;padding-left:5px;}
.cartSummaryItem{float:left;color:#fff;}

.primary_navigation{width:100%; float:left;}
.top-bar-section ul{width:100%;float:none; margin:0 auto;display:block;max-width:940px;}
.top-bar-section ul li{background:none;display:inline-block;padding:22px 30px 18px 25px}
.top-bar-section ul li:hover{background: #040404; color: #CD9846;}
.top-bar-section .dropdown li{padding:0px; border-top:1px solid #ccc;}
.top-bar{background:inherit;}

.top-bar-section li:not(.has-form) a:not(.button){font-size:15px; background:none;padding:0px !important;line-height:19px ;color:#ededed;text-decoration:none;font-family: 'Open Sans', sans-serif; }
.top-bar-section ul li:hover:not(.has-form)>a { background:none;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){background-color:#FFF;color:#524846}
.top-bar-section ul li ul.dropdown li a{background-color:#fff;}
.top-bar-section .has-dropdown>a:after{display:none}
.top-bar-section li:not(.has-form) a:not(.button):hover{background: #040404; color: #bea572;}
.top-bar-section ul li ul.dropdown{position:absolute; display:none;min-width:100%;background-color:#f5f5f5;top:59px;padding:0;left:0px;}
.top-bar-section ul li:first-child ul.dropdown{left:0px;}
.top-bar-section ul li ul li {width:100%; float:left;margin:0px ;border:none;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){line-height:36px; background:#204609;color:#fff;padding:5px 35px 5px 25px !important;font-size:13px}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover{background:#162F06;color: #fff;}


.home-slider{width:100%;min-height:500px; float:left;background:#f4f4f4 url(../img/bg-hero-lrg.jpg) repeat-x scroll center top; margin: -9px 0 0;}
.slider-image{width:100%;max-width:960px; height: 325px; margin: 0; padding: 0; position: relative; z-index: 0;}
.slick-slide img { margin: 0; }
.hero-img{width:100%; float:left}
.heading-title{width:100%; float:left;max-width:670px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);padding:20px 16px;position: absolute;top: 258px; z-index: 45;}
.heading-title h1{color: #FFFFFF;line-height: 16px; margin-bottom: 8px;}
.offer{width:100%; float:left; max-width:280px;background: none repeat scroll 0 0 #000;color: #fff; position: absolute; right:35px; top: 75px;z-index: 99;}
.awesome-box{width:100%; float:left;background: url(../img/bg-carbonfiber.png) repeat scroll 0 0; padding: 15px 25px;}
.awesome-box h2{color: #fff;font-size:54px;font-weight: 300;line-height: 64px;margin-bottom:20px;margin-top: 0px; text-transform: uppercase;}
.awesome-box p{font-size:10px; color: #fff;font-family: 'Open Sans', sans-serif; line-height: 18px;margin-bottom:10px;}
.boxen{width:100%; float:left;padding: 23px 25px}
.boxen p{font-weight: 400; color:#fff; font-size:14px; margin: 15px 0;}
.service-area{width:100%; float:left; margin-top:-64px;}
.service-block{width:100%; float:left;background: #fff;box-shadow: -3px 2px 14px rgba(0,0,0,0.2);display: block;overflow: hidden;padding:25px 20px;max-width: 340px;}
.service-desc{width:100%; float:left; max-width:180px;}
.service-desc h3{color: #545454; font-size:25px; line-height: 31px; margin: 0 0 5px;}
.service-desc h3 span{color: #bea572; display: block;}
.service-desc p{color: #717171;font-size:11px;line-height:13px;}
.service-img{width:auto; float:left}
.service-content{width:100%; float:left; max-width:680px;}

footer{width:100%; float:left;background: #f4f4f4;}
.footer-top{width:100%; float:left;margin:25px;}
.micro-section{width:100%; float:left;}
.micro-section h5{color: #2F1A06;display: block; font-size:13px;font-weight: 700;margin: 0 0 3px;}
.micro-section ul{width:100%; float:left;}
.micro-section ul li{width:auto;}
.micro-section ul li a{font-size:14px; color:#B17E30;font-weight:500}
.micro-section ul li a:hover{color:#B17E30;} 
.address-content{width:100%; float:left; padding: 0 0 0 20px;}
.address-content p strong{color: #2F1A06;display: block;font-size:14px; font-weight: 700;margin: 0 0 3px;}
.address-content p{color: #B17E30; line-height: 18px; margin: 0 0 10px;font-size: 11px;}
.address-content ul{width:100%; float:left;}
.address-content ul li{width: auto; float: left;padding-right:5px}
.address-content ul li a{width: 23px; height: 23px; color: #fff; background-color:#204609; text-align: center;font-size:12px; line-height: 24px; border-radius: 18px; display: inline-block;}
.address-content ul li a:hover{opacity: 0.8;}
.footer-nav { width: 100%; float: left; padding: 15px 0px;background:#000;}
.footer-nav ul { width: auto; float: left; display: inline-block;padding-left:30px}
.footer-nav ul li { width: auto; float: left; padding: 0px 10px;}
.footer-nav ul li a {font-size: 11px;color: #999;}
.footer-nav ul li a:hover{color:#ddd;}
.footer-nav p {width: auto;float: right;margin-bottom: 0px;margin-top:7px;}
.footer-nav p a {width: 129px;background: url(../img/sprite.png) no-repeat left top;display: block;font-size: 0px;height: 13px;margin: 0;text-indent: -9999px;}
.footer-nav p a:hover{opacity: 0.8;}
.inner-banner{width:100%; float:left;background:#f4f4f4 url(../img/bg-hero-sml.jpg) repeat-x scroll center top;margin: -9px 0 0;padding: 0 0 5px;height:auto;}
.account-block{width:100%; float:left;}
.page-content{width:100%;margin:0 auto; background: #fff;box-shadow: 0px 1px 8px #999;overflow: hidden;padding: 25px; position: relative;max-width:940px;}
.alert-box.success {font-size:14px;font-weight:500; height:34px;background-color: #e2f9e3;border: 1px solid #99cc99; padding: 5px; color: #336633; margin-bottom: 15px; text-align: center;}
.form-login{width:100%; float:left;}
.form-login h3{line-height: 35px; margin-bottom: 20px;}
.form-login .item{width:100%; float:left; margin-bottom:10px;}
.form-login .item label{vertical-align:3px;display: inline-block !important;}
.create_account{width:100%; float:left;}
.create_account p{font-size:15px;}
#hero{width:100%; margin:0 auto; max-width:940px;box-shadow: 0 9px 26px #000000;}

.main-content{width:100%;margin:0 auto; max-width:940px;}
.join-block{width:100%; float:left;}
ul.circle li{color:#262626;font-size: 15px; padding: 0 0 10px 20px; background:url(../img/bullet.gif) no-repeat left 10px;}
.create-form{width:100%; float:left;margin-top:10px;}
.create-form .item{margin:20px 0;}
.side-bar{width:100%; float:left;}
.offer-sidebar{width:100%; float:left;background: none repeat scroll 0 0 #000; color: #fff;}
.call-now{width:100%; float:left;padding:20px;}
.call-now p{color: #212121;font-size: 27px;line-height:38px; font-weight: 300;}
.call-now p span{color: #bea572;font-size: 29px;display: block;}
.call-now a.button{background:#bea572;}
.call-now a.button:hover{background:#a58e5e;}

.site-map{width:100%; height:330px; float:left;}
.site-map h1{border-bottom:1px solid #ddd;padding-bottom:20px}
.privacy{width:100%; float:left}
.shipping{width:100%; float:left}
.plumbing-block{width:100%; float:left}
.plumbing-block h1{font-size:43px;}
.commercial-block{width:100%; float:left}
.commercial-block h4{margin-bottom:22px;}
.commercial-block ol{ margin-left:40px;}
.commercial-block ol li{font-size: 15px; list-style:decimal;line-height: 18px; margin-bottom: 12px;}
blockquote {font-size: 15px; border-left: 1px solid #ddd;margin: 0 0 30px 20px; padding: 9px 20px 0; font-style:italic}
blockquote p{font-size: 15px;font-style: italic;margin-bottom:10px;}
.aside-nav{width:100%; float:left;}
.aside-nav ul{width:100%; float:left;background: #fff;border-left: 1px solid #eee;}
.aside-nav ul li{border-top: 1px solid #eee;}    
.aside-nav ul li a{font-size:16px;padding:11px 15px; display:block}
.aside-nav ul li:hover{background:#f0f0f0;}
.aside-nav ul li.selected a{color:#333; background:#f0f0f0; font-size:19px}
.aside-nav ul li.back {display: none !important;}
.aside-nav ul li.hide-for-medium-up {display: block !important;background: none !important;}


.view-overlay{width:100%;display:inline-block ;position:relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.view-overlay img{width:auto;display:block;}
.overlay-icon {position: absolute;background:rgba(53, 54, 54, 0.75);text-align: center;width: 100%;height: 100%;left: 0%;top: 0%; opacity: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);  transform: scale(0); -webkit-backface-visibility: hidden;}

.view-overlay:hover .overlay-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; cursor: pointer;}
.overlay-icon input[type="submit"]{font-size: 15px;color: #fff;line-height: 22px;padding:7px 15px; border-radius: 4px;border: 2px solid #fff;position:absolute;top:50%;left:50%;
-webkit-transform:translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform: translate(-50%, -50%);}
.overlay-icon input[type="submit"]:hover {    background: #373737; border: 2px solid #A2A2A2;}

.view-overlay{overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform: translateZ(0);
    -webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;-ms-transition: color 0.4s ease-in-out;transition: color 0.2s ease-in-out;text-decoration: none;
}
.view-overlay img{
    -webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;
    -webkit-transform: scale(1.0) translateZ(0) translateY(0);-moz-transform: scale(1.0) translateZ(0) translateY(0);-ms-transform: scale(1.0) translateZ(0) translateY(0);transform: scale(1.0) translateZ(0) translateY(0);-webkit-backface-visibility: hidden;
}
.view-overlay:hover img {
    -webkit-transform: scale(1.8) translateZ(0) translateY(5%);-moz-transform: scale(1.2) translateZ(0) translateY(5%);-ms-transform: scale(1.2) translateZ(0) translateY(5%);transform: scale(1.2) translateZ(0) translateY(5%);
}



.main_content{width:100%;float:left;min-height:525px;}
.store-block{width:100%; float:left;}
.store-block h2{border-bottom:1px solid #ddd; padding-bottom:18px; margin-bottom:30px;}
.shop-product-small{width: 100%;float: left;margin-bottom: 22px;}
.shop-product-small figure{border: 1px solid #eee;}
.shop-product-small figure image{width:100%;}
.product-content h5{ margin:5px 0px;text-align:center;}
.product-content h5 a{font-size:18px}
.product-content {width: 100%;float: left;padding: 4px 15px 15px;}
.price{width:100%; float:left;margin-bottom:5px;text-align:center;}
.product-content .price strong{font-size:15px; font-weight:400}
.qty { width: auto; float: left; font-size: 12px;}
.qty input { width:65px; height: 27px;font-size: 12px;  margin-bottom: 0px;margin-left: 5px; display: inline;}
.product-content input[type="submit"] {width: 100%; margin-top: 20px; font-size: 13px; font-weight: 400;}
.product-image{width:100%; float:left;text-align:center}
.product-desc{width:100%; float:left;margin-top: 50px;}
.price strong{font-size:36px; color:#020202; font-weight:400}
.stock{width:100%; float:left}
.qty-desc{ width: auto;float:left; font-size: 15px;margin: 15px 0px;}
.qty-desc input{ width:65px; height: 28px;font-size: 12px;  margin-bottom: 0px;margin-left: 5px; display: inline;}
.buy-now{width:100%; float:left}
.wish{width:100%; float:left;margin: 10px 0px;}
.pro-desc{width:100%; float:left}
.pro-desc p{line-height:21px;}
.comment-form{width:100%; float:left;margin: 20px 0px;}

.special-block-content{width:100%; float:left;}
.special-block{width:100%; float:left;background-color: #f9f9f9;background-image: -moz-linear-gradient(top, #fff, #f9f9f9);background-image: -ms-linear-gradient(top, #fff, #f9f9f9);background-image: -o-linear-gradient(top, #fff, #f9f9f9);background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);background-image: linear-gradient(top, #fff, #f9f9f9);
    border: 1px dashed #CCCCCC;margin-bottom: 30px;padding: 20px;}
.special-block h3{font-size:24px;line-height:31px}
.special-block p{font-size:14px;line-height:20px}
.special-form{width:100%; float:left;}
.special-form label{font-size:15px; font-weight:700}
.special-form form input[type="text"]{width:100%; max-width:250px;margin:10px 0 20px 0;background: none repeat scroll 0 0 #EDEDED;border: 1px solid #DDDDDD;}
.special-form form input[type="submit"]{width:100%;float:left;margin-right: 10px; max-width:113px;padding: 7px 22px;}
.print{width:100%; font-size:16px;}
.special-block figure img{width:100%;box-shadow: 0 5px 5px #CCCCCC;}

.faq-block{width:100%; float:left;}
.faq-form{width:100%;border-top: 1px solid #ddd;padding-top: 20px;}
.faq-form .item{ margin:15px 0}
.faq-form label{color:#666}
/*--------------------------------  FAQS ---------------------------------------*/

.faq{width:100%; height:auto; float:left; background-color:#FFF; padding:23px;border-bottom:1px solid #eaeaea;}
.faq h5{font-size:21px; color:#594f4d;border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;margin-bottom:20px; text-transform:uppercase;}
.feature-faqs{width:100%; float:left;margin-bottom:30px;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a{background:#119cdc}
.accordion .accordion-navigation > a, .accordion dd > a{font-size:14.58px; background:#709da5 ;color:#ffffff;margin-bottom:1px;font-weight:300}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover,.accordion .accordion-navigation.active > a{background:#518088; color:#fff}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active{color: #666; border:1px solid #eee; padding:20px 20px 2px 20px;background:#f9f9f9;padding-bottom: 25px;margin-bottom: 20px;}
.accordion-navigation > a:before{content: "+";display: inline-block;position: absolute;right: 18px;top: 15px;color: #fff;font-weight: bold;text-align: center;}
.accordion-navigation.active > a:before{content: "-";color: #fff;}

.faq-details .answer{border:1px solid #f6f6f0;border-top:0px;padding:30px 20px 18px 20px;background:#f6f6f0;}
.faq-question a:before, .faq-question a:hover:before{  content: "+";  display: table;  position: absolute;   right: 18px;  top: 15px; color:#fff;font-weight:bold;text-align: center}
.faq-question a.active:before, .faq-question a.active:hover:before{  content: "-"; background: #119cdc; width: 18px; z-index: 99; right:15px;font-weight:bold;text-align: center}
.accordion:after{ display:none;}
.faq-details a {background: none;box-shadow: none;border: none;	font-size: 13.6px;padding-left: 0px;color: #2c2c2c; padding:0px; display:inline-block;font-weight:400;} 
.accordion-navigation .accordion .accordion-navigation > a, .accordion dd > a{ position:relative;}
.feature-faqs, .faq-question {	width: 100%;	float: left}
.faq-question>.question>a { color: #fff;width: 100%;display: block;font-size: 16px;position:relative; background: #3f3f3f  right 17px center no-repeat;border-bottom: 1px solid #f6f6f0;font-family: 'Source Sans Pro', sans-serif;font-weight:300;	margin-bottom: 0px;	padding: 15px 18px;text-shadow:none}
.faq-question>.question>a.active {	background: #119CDC ;	color: #FFF;}


.blog-block{width:100%; float:left}
.blog-post {width: 100%;float: left;padding-right: 20px; margin-bottom:30px; border-bottom: 1px solid #e4e4e4;}
.blog-post figure{margin-bottom:15px;border: 1px solid #cccccc;padding: 4px;}
.blog-post h3.post-title {margin: 0; padding: 10px 0 15px; text-align: left;}
.blog-post h3.post-title a { color:#bea572; text-transform: capitalize;}
.blog-post h3.post-title a:hover{ color:#d2ac5e;}
.blog-post .post-details {color: #888; font-size: 11px; margin: 0 0 18px;}
.blog-post .post-body {margin: 0 0 15px;}
.post-body p{line-height:20px;}
.side-bar-tags{width:100%; height:auto; float:left;padding:15px;background: #F9F9F9;}
.side-bar-tags h5{font-size:16px;}
.side-bar-tags ul{width:100%; float:left;}
.side-bar-tags ul li{border-bottom: 1px solid #e4e4e4;padding: 8px 0 5px 0px;}
.side-bar-tags ul li a{color:#bea572;font-weight:600; font-size:13px; }
.side-bar-tags ul li a:hover{color:#d2ac5e;}
.comment-block{width:100%; float:left;}
.comment-block form label{padding-top:15px;}
.comment-block h4{margin-bottom:25px;}
.comment-block input[type="submit"]{font-size:16px;width: 100%; max-width: 161px;margin-top:20px;}
.comment-block form label{padding-top:0px;}
.fb-icon{width:100%; float:left;margin-bottom: 20px;}


.comment_listview {width: 100%; float: left; padding: 0px 0 15px 0;}
.comment_listview ul{width:100%; height:auto; float:left;padding-bottom:0px;}
.comment_listview ul li { width: 100%;height: auto; float: left; margin-bottom: 25px; padding: 15px 15px; border: 1px solid #E6E0D9; border-radius: 10px;}
.comment_listview ul li:nth-child(2n+2) { width: 85%;float:right}
.comment-item{width:100%; height:auto; float:left;}
.comment-image{width:70px; height:70px;border-radius:50%; float:left;border:2px solid #709DA5;}
.comment-image figure{padding:3px; width:auto; display:inline-block;border-radius:50%;}
.comment-image figure img{ width:100%; display:inline-block;border-radius:50%;}
.comment-content {width: auto;height: auto; padding: 0 0 0 90px;}
.comment-content h5{font-size:20px; color:#191919; display:inline-block; width:auto; margin:0px 22px 0px 0px; line-height:20px; float:left; font-weight:normal;text-transform:capitalize;}
.comment-content h5 a{font-size:20px; color:#191919; display:inline-block; width:auto;line-height:20px; float:left; font-weight:normal;}
.comment-content h5 a:hover{color:#60564D;}
.comment-content span {font-size: 12px;}
.comment-content a{float:right; color:#00CEF3; font-size:12px; font-weight:bold;}
.comment-content p{font-size:12px; margin-top:8px;margin-bottom:10px;line-height:18px;}
.comment_listview .block-title{margin-bottom:30PX;}

.about-main{width:100%; float:left;}
.staff-list {width: 100%;float: left;padding:25px 0px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom:20px;}
.staff-list h3{margin-bottom:20px;line-height:11px;}
.staff-list img {width: 100%;border: 3px solid #EEEEEE;float: left;}
.staff-list p.work{margin-bottom:10px;font-weight:400;}
.staff-list p { margin-bottom: 0;}
.staff-content .staff-list{border-top:0px;}
.testomonial {width: 100%; float: left;}
.testomonial blockquote span.author {color:#709da5;display: block;font-size: 14px;font-style: normal;font-weight: 600;}
.photo-block{width:100%; float:left;}

.contact-block{width:100%; float:left;}
.contact-section{width:100%; float:left;border-top:1px solid #ddd;padding:30px 0;}
.contact-detail{width:100%; float:left;}
.contact-detail p.box{width:100%; max-width:330px; background:#F5F5F5; padding:15px}
.contact-detail p.box strong{display:block; margin-bottom:10px;}
.contact-form .item {padding:9px 0;}
.contact-form{width:100%; float:left;}
.contact-form form input[type="text"]{width:100%;max-width:360px;}
.contact-form form textarea{width:100%;max-width:360px;}
.contact-form form input[type="radio"]{margin-right:5px}

/* ====================== Feature Page ====================== */
.our-menu-block{width:100% ;float:left;padding:0 35px;}
.interior_content{width:100% ;float:left;padding:50px 0 100px;}
.features_right_side{float:right;}
.features_right_panel{width:100%; float:left; background:transparent;}
.features_content_area{width:100%; float:left;}

.feature-menu{width: 100%;height: auto;float: left;margin-bottom:35px;}
.feature-menu p {font-size:15px;color: #fff;background:#204609; margin: 0px;text-transform:uppercase; padding: 11px 0px 11px 25px;font-weight:700;letter-spacing:1px;line-height:23px; }
.feature-menu ul {width: 100%;height: auto;float: left;margin: 0px;background:transparent;border-bottom:1px solid #cecece;}
.feature-menu ul li {width: 100%;height: auto;float: left;background:#F5F5F5; border-bottom:1px solid #ddd;}

.feature-menu ul li a {font-size:14px;display:block; padding: 14px 20px 14px 25px; font-weight:600;}
.feature-menu ul li a:hover{color:#d2ac5e;}
.feature-menu ul li.active a{color:#c76e38;}

.features_content_area h1{margin:10px 0 30px 0;letter-spacing:6px;}

/*--------------------------------  Event PAGE  ---------------------------------------*/
.event-list-items{width:100%; float:left;margin-bottom:30px;}
.event-list-items h2 a{    font-size: 30px;font-weight:600;}
.date-com a{color:#5f5f5f;}
button.large, .button.large{padding:10px;line-height: 14px; font-size:18px}

/*--------------------------------  NEWS PAGE  ---------------------------------------*/
.feature-news{width:100%; float:left; margin-bottom:40px;border-bottom:2px solid #cecece;}
.news-list {width: 100%;margin: 0px 0px 0px; float:left}
.news-items {width: 100%;height: auto;float: left; margin-bottom:30px}
.news-items h3 {display:inline-block;margin-bottom:10px;}
.news-items h3 a{    font-size: 30px;font-weight:600;display:inline-block}

.news-items span{font-size:14.58px;margin-left:4px; display:inline-block;font-weight:300;}
.news-items p{font-size:13.06px; font-weight:400}

/*--------------------------------  FORUM  ---------------------------------------*/
.feature-forum{width:100%; height:auto; float:left; margin-bottom:30px;padding-bottom:40px; border-bottom:2px solid #cecece; }
 .feature-forum .forum-name{width:40%; height:auto; float:left; padding:8px 0;}
 .feature-forum ul li .forum-name{ height:auto; float:left;  }
 .feature-forum .forum-topic{width:13%; height:auto; float:left; padding:8px 0 8px 12px;}
 .feature-forum .forum-post{width:13%; height:auto; float:left; padding:8px 0 8px 12px;}
 .feature-forum .forum-reply{width:34%; height:auto; float:left;padding:5px 0 5px 12px;}
 
 .feature-forum ul{width:100%; height:auto; float:left; margin:0px;}
 .feature-forum ul li{width:100%; height:auto; float:left; margin:0px;  padding:0px 15px; }

 .feature-forum ul li a{color:#524846; font-size:14.58px;font-weight:400;}
 .feature-forum ul li p{font-size:12.63px; padding-top:0px ;line-height: 15px;padding-left: 12px;}
 .feature-forum ul li .forum-topic, .feature-forum ul li .forum-post,.feature-forum ul li .forum-reply{padding:11px 0;}
 .feature-forum .forum-title{width:100%; height:auto; float:left; padding:0px 15px; }
 
 .feature-forum p{font-size:13.6px; margin:0px;font-weight:300;}
 .feature-forum .forum-but{width:100%; height:auto; float:left; padding:0px 0px 30px 0px;}
 .feature-forum .forum-but a.button{text-transform:uppercase;min-width:190px;margin-bottom:0px;padding:13px 25px;line-height: 10px;}
  .feature-forum .forum-but a.btn-topic{ margin-right:15px;padding:11px 25px}
.btn-topic{background:none;border:2px solid #3f3f3f;border-radius:0px;color:#3f3f3f;}

 .feature-forum .forum-but p a:hover{color:#c76e38;}
 .feature-forum .forum-but p a{ font-size:12.63px; color:#2c2c2c;padding-bottom:2px }
 .feature-forum .forum-but p{font-size:12.63px; width:auto; height:auto; float:left; display:inline-block;   margin:22px 0px 0px 0px;font-weight:300} 

/*--------------------------------  MEDIA  ---------------------------------------*/
.feature-media {width: 100%;height: auto;float: left;padding-bottom:40px;margin-bottom:30px; border-bottom:2px solid #cecece; }
p.literature-container {font-size:13.6px; margin: 10px 0px;padding:0px; font-weight:300; }
p.literature-container span.icon{margin: 0 5px 0 0;padding:0px}
p.literature-container span.name {margin: 0 3px 0 0;}
p.literature-container span.name a{text-decoration:underline; font-weight:400; }

/*--------------------------------  GALLERY  ---------------------------------------*/
.feature-gallery{width:100%; float:left ;height:auto;padding-bottom:40px;margin-bottom:30px; border-bottom:2px solid #cecece; }
#gallery {width: 100%;height: auto;float: left;margin: 0px;}
#photogalleryTable {width: 100%;height: auto;float: left;margin: 0px;}
#gallery #photogalleryTable .columns {margin-bottom:30px;}
.feature-gallery img {width: 100%;}
.feature-gallery div{padding:2px;}

.main-gallery #photogalleryTable .left{padding:5px;}
/*--------------------------------  BLOG  ---------------------------------------*/

.feature-blog{width: 100%;float:left;padding-top:20px;margin-bottom:0px; }
.feature-blog .blog-list {width: 100%;float:left;padding:0px ;border:none;background:none;margin-top:0px}
.blog-items {width: 100%;height: auto;float: left; margin-bottom:30px ;border-radius:2px ; border-bottom:1px solid #cecece;}
.blog-items figure {border: 1px solid #cccccc;padding: 4px;margin-bottom: 15px;}
.blog-item-image{width:100%; float:left;}
.blog-item-image figure{width:100%;border:none;padding:0;margin-bottom:0;}
.blog-item-image figure img{width:100%;}

.blog-items h2 a{font-size: 30px;font-weight:600;margin-bottom:8px;}
.blog-items span{font-size:13.6px;margin-bottom:18px;display:block;font-weight:300; }
.blog-items p{font-size:13.6px;}
.blog-items p a{font-size:12.63px;font-weight:400;}
.blog-items p.blog-comment span{display:inline-block}
.blog-items p.blog-comment span:before {content:'|';font-size:12.63px; margin:0 7px;text-decoration:none; color:#0091e4;}
.blog-items p.blog-comment span:first-child:before {content:'';margin:0px}
.blog-items:last-child{border-bottom:none;margin-bottom:0px}

/*--------------------------------  STORE  ---------------------------------------*/

.feature-store{width:100%; float:left; height:auto;margin:30px 0 0  0;padding:20px 0;  border-top:2px solid #cecece;}
.feature-store .view-cart {width: auto;height: auto;float: right;}
.feature-store .view-cart p {text-transform: uppercase;font-size: 13.63px; margin-bottom:15px; color:#2c2c2c;font-weight:400;}
.feature-store .view-cart p a{padding:0;width: auto;margin-left:8px ;font-weight:400;}
.feature-store .view-cart a i{font-size:21px; color:#fff;}

.feature-store ul{width:auto; float:left;margin:0px; padding-top:30px;}
.feature-store ul li {margin-bottom:30px;}
.shop-block{width:100%; float:left; border:2px solid #4e4e4e;border-radius: 0px;padding:15px;}
.feature-store ul li .shop-images{width:100%; float:left;}
.feature-store ul li .shop-images img{width:auto;height:auto;}
.feature-store ul li .shop-description{width:100%; float:left; padding:35px 0 15px 0;}
.feature-store ul li .shop-description h6{margin-bottom:8px;}
.feature-store ul li .shop-description h6 a{font-size:15.55px; display:block; text-align:center; text-transform:uppercase;font-weight:300;}
.feature-store ul li .shop-description p.new-price{width:auto; text-align:center; font-size:15.55px;margin-bottom:0px;font-weight:300;}

.button-scheme{width:100%; height:auto; float:left; padding:20px 0px 0px 0px;}
.button-class{width:100%; height:auto; float:left;}
.button-class ul{width:100%; height:auto; float:left; margin:0px;}
.button-class ul li{width:auto; height:auto; float:left;margin-bottom:12px;margin-right:25px;}
.shippingDiv { margin-top: 10px; }

/*--------------------------------  End Feature-page  ---------------------------------------*/
/*------------------------------  Riology Added Styles  -------------------------------------*/
ul#ssiService li {list-style: inside disc;}
ul#ssiService {margin-bottom: 1.5em;}

/*  media query meta tag  */

@media (max-width:1024px){
.footer-top{margin:25px 0;}	
.footer-nav ul{padding-left:0;}
.service-content { max-width: 640px; }  
.offer{right:2%;max-width:320px}    
}
@media (max-width:991px) {
.top-bar-section ul li {padding: 22px 14px 18px 14px;float: none;display: inline-block;}
.top-bar-section ul{text-align:center}
header{height:177px;}	
.header-top h1.logo {width: 355px;margin: 13px 0 21px 0px;}
.utility-nav ul{margin-right:0px;}
.tagline h6{margin: 16px 0px 0 0;}
.service-content { max-width: 600px; }    
.offer{right:2%;max-width:295px}    
}
@media (max-width: 867px) {
.header-top h1.logo{width:320px;margin:13px 0 21px 0px;}
.utility-nav ul{margin-right:0;}
.tagline h6{font-size: 12px;margin: 10px 0px 0 0;}
.tagline h6 span{margin: 0 0 0 5px; padding: 0 0 0 5px;}
.top-bar-section ul li{padding: 22px 10px 18px 10px;}
.top-bar-section ul li ul.dropdown{top:58px;}
header{height:170px;}
.heading-title{top:38%;padding: 16px 16px;}
h1 {font-size: 32px;}
.offer{right:2%;max-width:220px}
.awesome-box{padding: 10px 10px;}
.awesome-box h2{font-size:44px; line-height:54px;}
.awesome-box p{margin-bottom:10px;}
.boxen{padding: 15px 10px;}
.boxen form input[type="text"]{font-size:12px;}
.service-content{max-width:548px;}
.slider-image{height:auto;}
.service-desc{max-width:100%;}
.footer-top .medium-6{padding:0;}
.micro-section ul li a {font-size: 12px;}
.page-content{padding:10px;}
.call-now {padding: 10px;}
.call-now p {font-size: 22px;line-height: 34px;}
.call-now p span{font-size:24px;}
.side-bar-tags{padding: 15px 10px;}
.event-list-items h2 a {font-size: 26px;}
.news-items h3 a {font-size: 26px;}
.blog-items h2 a {font-size: 26px;}
.plumbing-block h1 {font-size: 32px;}
.special-block{padding: 20px 10px;}
.special-form form input[type="submit"]{padding: 5px 22px;}
.special-block h3 {font-size: 20px;}
.special-form label {font-size: 12px;}
/*.store-block .medium-4{width:50%;}*/
h3{font-size:22px;}
/* ============== feature-page ============== */
.feature-forum .forum-but a.button {min-width: inherit;}
p.literature-container {font-size: 12px;}
.button {font-size: 10px;}
}

@media (max-width:768px) {
.heading-title {top: 37%;}
.service-content {max-width: 510px;}	
.top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown{text-align:left}
.offer{max-width:96%;top:24%; right:14px;}
.service-content{margin-top:55%; max-width:100%;}
.service-block{max-width:100%;padding: 25px 25px;}
.service-desc{max-width:370px}
}
@media (max-width:767px) {
.tagline{display:none}
.top-bar-section ul li { padding: 22px 5px 18px 5px;}

/* ============== feature-page ============== */
.features_right_side{width: 100%;float: none !important;display: block; max-width: 320px; margin: 0 auto;}

}
@media (max-width:641px) {
header{height:140px;}
.header-top h1.logo{ margin:0;}
.utility-nav{float:none}
.tagline h6{margin:0;}
.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:inherit}
/* .top-bar .toggle-topbar.menu-icon{margin-top:-5px} */
.top-bar.expanded .title-area{background:inherit}
.top-bar-section ul{background:#000;margin-top:0px; text-align:left;}
.top-bar-section ul li{display:block; padding:10px;}
.top-bar-section ul li ul.dropdown{left:100%; top:0}
.top-bar-section ul li:hover{background-color:transparent;}
.top-bar-section .has-dropdown { background-image:url(../img/sub-menu-arrow.png) !important;background-repeat:no-repeat;background-position:right 15px top 15px;}
.top-bar-section ul li.has-dropdown:hover{background-image:url(../img/sub-menu-arrow.png) !important;background-repeat: no-repeat; background-position: right 15px top 15px;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background-color:inherit;}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a{background:#709DA5; padding:10px !important}
.heading-title{top:8%;max-width:610px}
.offer{max-width:96%;top:24%; right:14px;}
.service-content{margin-top:55%; max-width:100%;}
.service-block{max-width:100%;padding: 25px 25px;}
.service-desc{max-width:370px}
.address-content{padding:25px 0 0 0px;}
.footer-nav p {width: 100%; margin: 0 auto; display: block; max-width: 350px;}
.call-now{text-align:center}
.contact-form form input[type="text"]{max-width:100%;}
.contact-form form textarea{max-width:100%;}
.qty {float:none;text-align: center;}
.product-content{text-align:center;}
.footer-nav ul{margin-bottom:10px;}
h3 {font-size: 20px;}

/* ============== feature-page ============== */
.interior_content{padding: 70px 0 50px;}
.main_content{width:100%;float:left;min-height:inherit}

table.forum .icon{width:25px;margin-top:0px;}
table.forum td{padding:9px 5px !important}
table.forum .icon img{width:100%}
table.forum .forum{margin:0 0 0 30px;}
table.forum .forum h3 {font-size:20px;line-height:20px}
table.forum td.lastpost{width:20% !important ;}
table.forum td.posts{width:20% !important;}
table.forum td.topics{width:20% !important;}
table.forum td.name{width:40% !important ;}
}

@media (max-width:568px) {
#catCartSummary{display:none}
.heading-title{max-width:538px; top:8%;}
.offer{top:22%;}
.service-content{margin-top:56%;}
.service-desc {max-width: 280px;}
.footer-nav ul li {padding: 0px 5px;}
.heading-title{padding:10px;}
.heading-title h1{font-size:25px} 
.footer-nav p{max-width:320px;}
}
@media (max-width:567px) {
.header-top h1.logo{width:280px;}
header {height: 135px;}
.heading-title {max-width:450px;top:8%;}
.service-content {margin-top: 70%;}
.offer {top:20%;max-width: 94%;right: 15px;}
.service-block {max-width: 100%;padding: 15px 20px;}
.service-desc {max-width: 270px;}
.footer-nav p{max-width:275px;}
/*.staff-list .small-6{width:100%;}*/
.staff-list h3{line-height:26px;}
.create-form{margin-top:0;}
.page-content {padding: 10px 5px;}
.event-list-items h2 a {font-size: 20px;}
.news-items h3 a {font-size: 20px;}
.blog-items h2 a {font-size: 20px;}
.features_content_area h1 {margin: 10px 0 15px 0;}
.plumbing-block h1 {font-size: 28px;}
.print a.button{padding: 7px 35px;}
.tagline h6 {text-align: center; width: 100%;}
/*.shop-product-large .small-6{width:100%;}*/
.product-desc{margin-top:0; text-align:center}
.qty-desc{margin:0 auto; float:none; margin:10px 0}
h1 {font-size: 28px;}
/* ============== feature-page ============== */
.feature-forum .forum-but a.button {padding: 13px 15px;}
.button {padding:10px 5px;}
/*.photogalleryTable , .small-6{width:50%;}*/
}


@media (max-width:479px) {
.header-top h1.logo {width: 220px;float: none; margin: 0 auto;}
.tagline{display:none}
header {height: 140px;}
.heading-title {max-width:345px;padding: 5px; top:5%;}
.heading-title h1 {font-size: 15px;margin-bottom: 5px;}
.service-content { margin-top:90%;}
.awesome-box h2 {font-size: 30px;line-height: 35px;}
.offer {top: 13%;max-width: 92%;}
.utility-nav ul {text-align: center;float: none;}
.footer-nav ul li {padding: 0px 3px;}
.footer-nav p {max-width:225px;}
ul.circle{margin-left:5px}
ul.circle li{padding: 0 0 10px 10px;}
.commercial-block ol {margin-left: 25px;}
blockquote{padding:0; margin:0 0 15px 0px;border: none;}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active{padding: 20px 0px 2px 0px;}
.accordion .accordion-navigation > a, .accordion dd > a{font-size:12px}
.event-list-items h2 a {font-size:15px;}
.service-img {width: 100%;text-align: center;}
.news-items h3 a {font-size:15px;}
.blog-items h2 a {font-size:15px;}
.small-block-grid-2>li{width:100%;}
.plumbing-block h1 {font-size: 22px;}
.special-block {padding: 0px;border:none}
.micro-section{margin-bottom:10px;}
.footer-top .small-6{width:100%;}
.productList .small-6{width:100%;}
.alert-box.success{font-size:10px}
h1 {font-size: 20px;line-height:22px}
h2 {font-size: 18px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}

/* ============== feature-page ============== */
.our-menu-block{padding: 0 10px;}
.feature-forum .forum-but a.button{padding: 13px 26px;}
.feature-forum .forum-but p {margin: 22px 0px 18px 0px;}
.feature-forum p {font-size: 11px;}
.feature-forum .forum-name {width: 30%;padding: 8px 10px;}
.feature-forum .forum-topic{width:20%;}
.feature-forum .forum-post{width:15%;}
.feature-forum .forum-reply{width:23%;}
.feature-forum p{font-size:11px;}
.feature-store ul li {width: 100%;}
button.large, .button.large{padding:5px;}

.blog-items p a{font-size:11px;}
.button {padding: 10px 15px;}

}

@media (max-width:320px) {
.heading-title {max-width: 290px;top: 4%;}
.offer {top: 11%;}
.service-content {margin-top: 105%;}
.footer-nav p {max-width: 200px;}
}



.cart-opt.opt-btns{width:100%;max-width:280px;float:right}
a#catshopbuy, a#catshopclear {width:100%;float:right; color: #fff;text-transform: uppercase;font-weight: 400;border-radius: 5px; background: #709da5;text-decoration:none;padding:9px 15px !important;}
a#catshopbuy{font-size: 18px;  margin-bottom:20px;}
a#catshopbuy:hover {background: #bea572;color: #fff;border-color: #bea572;}
a#catshopclear{font-size:14px;max-width:150px; text-align: center;}
a#catshopclear:hover {background: #bea572;color: #fff;border-color: #bea572;}