.white-bg{background: #ffffff;}
.appIcon{padding: 0px; margin: 0px 0px 30px;}
.appIcon li{display: inline-block; vertical-align: top;}
.letter-space{letter-spacing: 1px;}
.footer-bottom {background: #000000;font-size: 15px;color: #575757;font-weight: 400;}
.bottom-footer{padding: 0px; margin: 0px; text-align: right;}
.bottom-footer li{display: inline-block; vertical-align: top}
.bottom-footer li a {display: block;margin: 5px 0px 5px 10px;padding: 0px 0px 0px 10px;border-left: 1px solid #cdcccc;line-height: 14px;}
.bottom-footer li:first-child a {border-left: none;}

.mobile-menu .cc-color {color: #ed3237;font-size: 20px;font-weight: 800;border-top: 1px solid #242527;   margin-top: 20px;}

.main-heading h2 {color: #e4bc70;font-size: 35px;}
/* .main-heading h2:before {position: absolute;bottom: -6px;left: 0;right: 0;width: 45px;height: 3px;  background: #ed3237;content: '';margin: 0px auto;} */
.main-heading p {font-size: 16px;color: #636363;line-height: 24px;margin-top: 30px;}
.para-padd p { padding: 0px 260px;}

.home-about {
    background: black;
    /* background: url(../../assets/images/aboutbanner.jpg) no-repeat; */
    text-align: left;color: #fff;padding: 50px 0px;background-size: cover;background-position: center bottom;background-attachment: fixed;position: relative;overflow: hidden;}
/* .shape {position: absolute;bottom: 220px;left: -130px;width: 150%;height: 150%;background: #000000c9;-webkit-transform: rotate(160deg); */
    /* transform: rotate(160deg);} */
.home-about .main-heading h2{ color: #ffffff;}
.home-about .main-heading h2:before{background: #ffffff;margin: 0px;}
.home-about .main-heading p{color: #ffffff;}
.home-about .main-heading a {color: #fff;display: inline-block;border: 1px solid #fff;padding: 5px 15px;border-radius: 3px;}
.home-about img{
    /* border: 8px solid #fff; */
    height: 100%;}

.new-arrivals{background: black; padding:50px 0px;}
.new-arrivals .creative-grid{padding-top: 40px;}

.germfree {background: #373737;padding: 10px;text-align: center;border-radius: 4px;height: 100%;display: table;}
.germfree a {display: table-cell;vertical-align: middle;color: #fff;font-size: 24px;font-weight: 400;line-height: 28px;}
.germfree b {text-transform: uppercase;font-style: italic;font-weight: 700;}
.germfree:hover{background: #ed3237;}

.locateus{
    background-color:  #e4bc70;
    /* background: url(../../assets/images/locateus-bg.jpg) no-repeat; */
     background-size: cover; padding: 40px 20px;}
.locateus .main-heading h2{ color: black;}
.locateus .main-heading h2:before{background: #ffffff;margin: 0px auto;}
.locateus form{margin: 0px;}
.locateus label{font-size: 18px; color: black !important; margin: 0px; padding: 0px; font-weight: 500;display: block;}
.locateus select.form-control:not([size]):not([multiple]) {height: 5rem;border-radius: 4px;border: none;width: 100%;margin: 0;  font-size: 15px;font-style: italic;}
.locateus button{width: 100%;border-radius: 4px;border: none; background: #ed3237;}

.knowledgesupport .blackstrip{}
.knowledgesupport-box {position: relative;margin-top: 30px;}
.knowledgesupport .blackstrip {position: absolute;bottom: 0;width: 100%;left: 0;right: 0;background: #000000cf;padding: 10px 20px;}
.knowledgesupport .blackstrip h2 {color: #fff;margin: 0px;padding: 12px 0px;}
.knowledgesupport .blackstrip a {display: block;color: #fff;font-size: 22px;line-height: 34px;}
.knowledgesupport .blackstrip a.explorebutton {position: relative;top: 20px;}

.brandsection{padding: 40px 0px;}
/* .brandsection .owl-carousel .owl-item {background: #fff;} */
.brandsection .owl-carousel.show-nav-hover .owl-nav{opacity: 1;position: relative; width: 100%;}
.brandsection .owl-carousel .owl-nav .owl-prev {left: -2vw;position: absolute;top: -100px;  background: none !important;}
.brandsection .owl-carousel .owl-nav .owl-next {right: -2vw;position: absolute;top: -100px; background: none !important;}

.brandsection h2:before{margin: 0px;}

.loyalty{padding: 50px 0px;}
.loyalty h2:before{margin: 0px;}
.loyalty ul {padding: 0px;margin: 40px 0px 0px;}
.loyalty ul li {display: inline-block;vertical-align: top;width: 48%;margin-right: 12px;}
.loyalty a.downloadapp {margin: 40px 0px 0px;display: block;}


/**************************************/

/*Category page*/

.banner{position:relative;}
.breadscrumb{position: absolute;right: 100px;bottom: 80px; background: #000;color: #fff;}
ul.bradscrumb-nav{list-style:none; margin: 0;}
ul.bradscrumb-nav li{display:inline-block;padding: 10px 0 10px 10px}/* [Media Query] */
ul.bradscrumb-nav li a {color:#cbcaca;}
ul.bradscrumb-nav li a.active {color:#ffffff;}
ul.bradscrumb-nav li:after {content:'|'; margin-left: 10px;}
ul.bradscrumb-nav li:last-child:after{content:''; margin-left: 10px;}

.bodybg{background:#f5f5f5;}
.page-heading{}
.page-heading::after{ position: absolute;content: '';width: 20%;width: 20%; top: 67px;border-bottom: 4px solid #ed3237;left: 1%;}
.product-box{background:#fff; border:1px solid #e7e7e7; border-radius:8px; position: relative;}
.product-box:hover{border-color: #ed3237;}
.product-box span .fa{position: absolute; top: 15px; right: 15px; padding: 6px 13px; text-align: center; font-size: 20px; color: #646363; background: #f5f5f5; border-radius: 50%;}
.product-box:hover span .fa{background:#ed3237;color: #ffffff;}
.product-img{text-align:center;}
.product-img img{display: inline-block;}
.cat-product-title{background:#f5f5f5; color:#646363; text-transform:uppercase; text-align:center; padding: 10px;    margin: 5px 15px;}
.product-box:hover .cat-product-title{background:#ed3237; color:#fff;}
.cat-product-box:hover{border:1px solid #ed3237; text-decoration:none;}

ul.availablecolor{margin:0; color:#636363;}
ul.availablecolor li:first-child{border:0px;}
ul.availablecolor li{display:inline-block;border-radius: 50%;padding: 2px;border: 1px solid #cdcccc;}
ul.availablecolor li div{width: 10px;height: 10px;border-radius: 50%;}

.button-box{border: 1px solid #dddddd;    padding: 3px 8px;    background: #fff;}
.product-default:hover{border:1px solid #ed3237;}
.button-box:hover {background: #ed3237; color:#fff;}

.listing .main-heading h2:before{margin: 0;}
.sidebar-shop .main-heading h2:before{margin: 0;}
/*********************** END ***********************/



/***************** Categories Listing *****************/
.sidebar-wrapper {background: #ffffff; position: relative;}
.sidebar-wrapper:before{position: absolute; top: 0px; left: 0px; background: url(../../assets/images/siderbar-top-zigzag.png) no-repeat; content: ''; width: 100%; height: 9px; z-index: 9;}
.sidebar-wrapper:after{position: absolute; bottom: -1px; left: 0px; background: url(../../assets/images/siderbar-bottom-zigzag.png) no-repeat; content: ''; width: 100%; height: 9px; z-index: 9;}
.sidebar-shop .pin-wrapper .widget {border: none;}
.sidebar-shop input[type=checkbox], .sidebar-shop input[type=radio] {vertical-align: middle;position: absolute;top: 4px;left: 0;}
.sidebar-shop .custom-control{margin: 0px;}
.sidebar-shop .cat-list li a input[type="radio"] { }
.listingpage h2:before{margin: 0px;}

.categorylisting .product-default { border: 1px solid #e7e7e7; padding: 10px; background: #fff; border-radius: 4px;box-shadow: 3px 4px 3px #e5e5e5;}
.categorylisting .product-details{padding: 10px !important; background: #f5f5f5;}
.categorylisting .inner-icon figure .btn-icon-group {position: absolute;top: 0.2rem;right: 0.2rem;}
.categorylisting .product-default:hover{border:1px solid #ed3237;}
.categorylisting .product-default:hover .button-box {background: #ed3237;color: #fff;border-color: #ed3237;}
.categorylisting .product-default .btn-icon{border-radius: 4px !important;background-color: #e13b3f;border-color: #e13b3f;color: #fff;}
.categorylisting .product-default .product-title a {color: #373435;font-size: 15px;font-weight: 500; text-transform: uppercase;}
.extraspace{height: 100px;}
/*********************** END ***********************/


/***************** Product Detail *****************/
.product-detail-gallery .owl-carousel.show-nav-hover:hover .owl-nav{opacity: 0}
.product-detail-gallery .prod-thumbnail {background: #fff;}
.product-detail-gallery .prod-thumbnail .owl-dot.active img, .prod-thumbnail img:hover {border: 1px solid #d9d7d7;}
.product-detail-gallery .prod-thumbnail .owl-item {padding: 8px;}


.product-detail-gallery .prod-full-screen {opacity: 1;background: #f5f5f5;width: 40px;height: 40px;text-align: center;line-height: 46px;border-radius: 50%;}
.product-detail-gallery .prod-full-screen i {color: #7c7777;font-size: 18px;}
.product-detail-gallery .product-label.label-hot{background: #ffffff}
.product-single-gallery .label-group{top: inherit; bottom: 0px;}

.product-details{ padding: 0px 20px }
.product-details .main-heading h2:before{margin: 0px;}
.product-details ul.availablecolor{margin-top: 20px;}

.product-details .product-nav{}
.product-details .product-nav li{list-style:none; vertical-align:top; display:inline-block; font-size:25px;padding-left: 5px;}
.product-details .product-nav li .icon-heart{color: #ed3237;}
.product-details .product-nav li .fa-print{color: #93784e;}
.product-details .product-nav li .fa-share-alt{color: #0f9e13;}
.product-details h3 {color: #373435;font-size: 16px;font-weight: 500;margin: 0px;padding: 0px;text-transform: capitalize;}

.product-details .single-info-list{color: #373435; font-size: 16px; font-weight: 500;margin-bottom: 5px;}
.product-details .single-info-list li{margin-bottom: 0px;}
.product-details .product-desc{font-size: 16px; color: #636363; line-height: normal;}
.product-details .product-desc-content ul{margin: 12px 0px 0px;padding: 0px;}
.product-details .product-desc-content li {margin-top: 6px;padding-left: 25px;}
.product-details .product-desc-content li:before{left: 0px;margin: 0px;}

.product-details .product-action h3{ float: left; margin-right: 15px; }
.product-details .product-action select {height: 46px;background: #f5f5f5;border-color: #dae2e6;}
.product-details .product-price{color: #ed3237; font-size: 35px;font-weight: 800;}

.product-details .product-action{border-top: none; padding-top: 0px;}
.product-details .button-box {display:inline-block;border:1px solid #dddddd;padding:6px 12px;color:#373435;}
.product-details .button-box .fa-map-marker-alt{color: #2e67da;}
.product-details .button-box .fa-info-circle{color: #00b286;}
.product-details .button-box .fa-heart{color: #ed3237;}
.product-details .button-box:hover{color: #fff; border-color: #ed3237}

.product-details .button-box:hover .fa-map-marker-alt, .product-details .button-box:hover .fa-info-circle, .product-details .button-box:hover .fa-heart{color: #ffffff}

.product-details .product-single-collapse .collapse-body-wrapper{padding: 15px; background: #ffffff}
.product-details .product-single-collapse .collapse-body-wrapper p{margin: 0px;}
.product-details .product-size-content {padding-top: 0px;margin: 0;padding-bottom: 0;}
.products-section .owl-nav {opacity: 0;}
.products-section .main-heading h2:before{margin: 0px;}
.products-section h2{border-bottom: none;}
/*********************** END ***********************/


/***************** Login Page *****************/
.offerbanner {padding: 100px 20px 0px 20px;}
.hr-form form{margin: 0px;}
.hr-form {background: #ffffff;position: relative;padding: 30px;border-radius: 8px;margin-top: -80px;box-shadow: 2px 3px 6px #c5bebe;  margin-bottom: 50px;}
.hr-form:before{position: absolute; top: 0px; right: 0px; content: ""; background: url(../../assets/images/form-shape.png) no-repeat; background-position: top right; width: 267px; height: 70px;border-top-right-radius: 8px;}
.hr-form .main-heading h2:before{right: inherit;bottom: -16px;}
.hr-form h1 {font-size: 45px;color: #ed3237;font-weight: 300;text-transform: uppercase;line-height: 42px;margin: 40px 0px 35px;}
.hr-form h1 strong{color: #373435; font-weight: 800; display: block;}
.hr-form .form-group {position: relative;margin-bottom: 2rem;}
.hr-form .form-group .fa {position: absolute;top: 16px;left: 14px;font-size: 16px;}
.hr-form .form-control {border: none;background: #fafafa;box-shadow: 0px 1px 1px #bbbbbb;border-radius: 4px;padding: 10px  40px;
    font-size: 15px;height: 50px;}
.hr-form input[type="submit"] {border: none;border-radius: 4px;background: #ed3237;color: #fff;padding: 10px 0px;margin: 30px auto 10px; text-align: center;font-weight: 600;font-size: 22px;width: 160px;cursor: pointer; display: block;}
.hr-form input[type="submit"]:hover{background: #0a0707;} 
.hr-form .form-control:focus {background: #ededed;}
/*********************** END ***********************/


/***************** About Us *****************/
.aboutpage h2:before{right: inherit;}
.page_container, .other {margin: 50px auto;padding-left: 180px;}
.jumpto-block {background: #fff;padding: 20px;position: relative;}
.jumpto-block:before {position: absolute;bottom: 0;left: 0;right: 0;width: 45px;height: 4px;background: #b2b2b2;content: ''; margin: 0px auto;}
.jumpto-cotainer {position: relative;}
.jumpto-subnav {position: absolute;top: 0;left: 0px;width: 180px;}
.jumpto-subnav .jumpto-second {display: none;}
.jumpto-subnav.fixed {position: fixed !important;left: auto;top: 75px;margin-left: -180px;}
.jumpto-subnav.fixed.bottom {top: auto;bottom: 0;position: absolute !important;}
.jumpto-subnav ul{list-style: none;padding: 0;margin: 0;background: #ed3237;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.jumpto-subnav ul li{list-style: none;padding: 0;margin: 0;}
.jumpto-subnav ul li a {padding:15px 10px;display: block;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
 color: white;font-size: 18px;font-weight: 400;}
.jumpto-subnav ul li a:hover, .jumpto-subnav ul li a.active {background: #ffffff;color: #ed3237;border-left: 8px solid #ed3237;}
.jumpto-subnav ul > li > ul > li > a{ padding-left: 15px;}
.jumpto-title, .jumpto-close a{background: #ed3237;color: #FFF;text-align: center;text-transform: uppercase;font-size: 15px;font-weight: 500;padding: 5px 10px; display: none;}
.jumpto-title{border-top-left-radius: 4px;}
.jumpto-close a{border-bottom-left-radius: 4px;}
.jumpto-block h2 {font-size: 30px;font-weight: 500;color: #373435;position: relative;}
.jumpto-block h2:before {position: absolute;bottom: -6px;left: 0;width: 45px;height: 3px;background: #ed3237;content: '';margin: 0px auto;}
.jumpto-block p{color: #636363;font-size: 16px;font-weight: 400;line-height: 24px;}
.jumpto-block b{font-weight: 500; font-style: italic; }
.jumpto-close{}
/******************* END *******************/


/***************** Bathroom Concepts *****************/
.bathroom-concepts h2:before{right: inherit;}

/* Masonry grid */
.masonry {transition: all .5s ease-in-out;column-gap: 30px;column-fill: initial;    margin-top: 50px;}

/* Masonry item */
.masonry .brick {margin-bottom: 30px;display: inline-block; vertical-align: top; position: relative;}
.masonry .brick .theme-title {position: absolute;bottom: 20px;font-size: 18px;font-weight: 300;color: #ffffff;left: 12px;right: 12px;background: #000;padding: 12px 18px;border-radius: 4px;}

/* Masonry image effects */
.masonry .brick img {transition: all .5s ease-in-out; backface-visibility: hidden;}
.masonry .brick:hover img {opacity: .75;}

.masonry .brick:hover .theme-title{display: none;}
.masonry .brick:hover .hoverBox{display: block;}

.hoverBox {position: absolute;top: 10px;left: 10px;right: 10px;background: #000000e6;bottom: 20px;padding: 20px;text-align: center;
    color: #fff;border-radius: 4px;display: none;transition: all .5s ease-in-out;}
.hoverBox h2 {color: #fff;position: relative;margin-bottom: 20px;font-weight: 400;font-size: 24px;}
.hoverBox h2:before {width: 40px;height: 4px;background: #fff;margin: 0px auto;position: absolute;bottom: -10px;left: 0;right: 0;
    content: '';}
.hoverBox p{font-size: 15px;line-height: 22px;margin: 0px;}

/* Bordered masonry */
.masonry.bordered {column-rule: 1px solid #cdcdcd;column-gap: 20px;}
.masonry.bordered .brick {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #cdcdcd;}

/* Gutterless masonry */
.masonry.gutterless {column-gap: 0;}
.masonry.gutterless .brick {margin-bottom: 0;}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.masonry {column-count: 2;}
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
.desc {font-size: 1.25em;}
.intro {letter-spacing: 1px;}
.masonry {column-count: 3;}
}

.bor-btn{display: inline-block; color: #ffffff; font-size: 16px; font-weight: 600; text-transform: capitalize; border: 1px solid #ffffff; margin-top: 20px;padding: 4px 12px;}
.bor-btn:hover{background: #373435;color: #ffffff; border-color: #373435;}
/******************* END *******************/



/***************** Catalgoue *****************/
.catalogue-box{background:#fff; border:1px solid #e7e7e7; border-radius:8px; position: relative;}
.catalogue-box:hover{border-color: #ed3237;}
.catalogue-box:hover span .fa{background:#ed3237;color: #ffffff;}
.catalogue-img{text-align:center;}
.catalogue-img img{display: inline-block;}
.catalogue-title{position: absolute;left: 7%;width: 85%;bottom: 20px;color: #fff;background: rgba(0, 0, 0, .8);}
.catalogue-title h4{color:#fff; margin:0; padding:5px;}
.catalogue-title a{color:#fff; }
ul.catalogue-icn{margin:0; padding:5px;} 
ul.catalogue-icn li{list-style:none;padding: 0 10px;display:inline-block;}
ul.catalogue-icn li:after{content:"|"; margin-left: 12px;}
ul.catalogue-icn li:after:last-child{content:"";}
ul.catalogue-icn-detail{margin:0; padding:5px;} 
ul.catalogue-icn-detail li{list-style:none;padding: 5px;}
.catalogue-detail-overlay{position: absolute;height: 0%;width: 0%;left: 0;top: 0;background: rgba(0, 0, 0, .8);right: 0;bottom: 0;margin: auto;overflow: hidden;}
.catalogue-box:hover .catalogue-detail-overlay {top: 0;height: 100%;width: 100%;}
.catalogue-detail{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;color:#fff;width: auto;text-align: left;padding: 10px;font-size: 17px;}
.catalogue-detail a{color:#bcbcbc; }
.catalogue-detail a:hover{color:#fff; text-decoration:underline;}
.catalogue-box:hover .catalogue-title{display:none;}
.tabs { max-width: 100%;/* margin: 0 auto; */padding: 0 20px;}
#tab-button {display: table;table-layout: fixed;width: 100%;margin: 0;padding: 0;list-style: none;}
#tab-button li {display: table-cell;width: 20%;}
#tab-button li a {display: block;padding: .5em;background: #fff;border: 0px solid #ddd;text-align: center;color: #000;text-decoration: none;}
#tab-button li:not(:first-child) a {border-left: none;}
#tab-button li a:hover,
#tab-button .is-active a {border-bottom-color: transparent;border-bottom:2px solid #ed3237;/* background: #ed3237; *//* color:#fff; */}
.tab-contents {padding: .5em 2em 1em;/* border: 1px solid #ddd; */}
.tab-select-outer{font-size: 15px;font-weight: 600;}
#tab-select{color: #ffffff;background: #ed3237;padding: 8px 16px;/* font-size: 15px; */border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;user-select: none;}
.tab-button-outer {display: none;}
.tab-contents {margin-top: 20px;}
@media screen and (min-width: 768px) {
.tab-button-outer {width:50%;position: relative;z-index: 2;display: block;}
.tab-select-outer {display: none;}
.tab-contents {position: relative;top: -1px;margin-top: 0;}
}
/******************* END *******************/


/***************** Solution *****************/
.solutionpage h2:before{right: inherit;}
.tab-select-outer{font-size: 15px;font-weight: 600;}
#tab-select{color: #ffffff;background: #ed3237;padding: 8px 16px; border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;user-select: none;}
.tab-button-outer {display: none;}
.solutionpage .tab-contents {margin-top: 20px;padding: 0px !important;}
.solutionpage-listing{margin-top: 40px;}
.solutionpage-listing .tab-button-outer {width: 100%;background: #fff;padding: 0px 15px;box-shadow: -1px 2px 3px #cfcfcf; border-radius: 5px; margin-bottom: 30px;}
.solutionpage-listing .tab-button-outer ul {padding: 0;margin: 0;text-align: center;}
.solutionpage-listing .tab-button-outer ul li {display: inline-block !important;width: auto !important;}
.solutionpage-listing .tab-button-outer ul li a {display: block !important;margin: 0px 45px;color: #473a1c !important;font-weight: 400 !important;font-size: 18px; padding: 15px 0px !important;}
.solutionpage-listing .tab-button-outer ul li a:hover{color: #ed3237;border-bottom: 2px solid #ed3237;}
.solutionpage-listing .tab-button-outer ul li.is-active a{color: #ed3237 !important; font-weight: 600 !important; border-bottom: 2px solid #ed3237;}
.solutionsBox { position: relative;margin-bottom: 120px;}
.solutionsBox-detail {width: 250px;background: #fff;padding: 25px;border-radius: 4px;position: absolute;bottom: -65px;left: 70px;box-shadow: 0px 0px 5px #7a7a7a;}
.solutionsBox-detail h3 {color: #373435;font-size: 26px;position: relative;font-weight: 700;}
.solutionsBox-detail h3:before {position: absolute;bottom: -8px;left: 0;background: #ed3237;height: 4px;width: 44px;content: '';}
.solutionsBox-detail p {color: #2b2a29;font-size: 16px;font-weight: 500;line-height: 24px;}
.solutionsBox-detail a {border: 1px solid #2b2a29;color: #2b2a29;font-size: 16px;font-weight: 400;display: inline-block;padding: 4px 12px;border-radius: 2px;}
.solutionsBox-detail a:hover{background: #ed3237; border-color: #ed3237;color: #ffffff;}
.solutionsBox-right{right: 70px; left: inherit;}

.solutionpage-sidemenu .cat-list li a{color: #636363; position: relative;font-weight: 400;}
.solutionpage-sidemenu .cat-list li a:hover{color: #ed3237;}
.solutionpage-sidemenu .cat-list li a:before {content: "\f101"; position: absolute;top: 3px;left: 0;font: normal normal normal 14px/1 FontAwesome;}
.solutionpage-sidemenu .cat-list li.sidemenu-active a{color: #ed3237;}

@media screen and (min-width: 768px) {
.tab-button-outer {width:50%;position: relative;z-index: 2;display: block;}
.tab-select-outer {display: none;  }
.tab-contents {position: relative;top: -1px;margin-top: 0;}
}
/******************* END *******************/


/***************** Solution Details *****************/
.bathroom-cost-box{position: relative;}
.bathroom-cost-box .blackstrip {position: absolute;bottom: 0;width: 100%;left: 0;right: 0;background: #000000cf;padding: 10px 20px;}
.bathroom-cost-box .blackstrip h2 {color: #fff;margin: 0px;padding: 8px 0px;position: relative;}
.bathroom-cost-box .blackstrip h2:before{position: absolute;bottom: 3px;left: 0;background: #ffffff;height: 4px;width: 44px;content: '';}
.bathroom-cost-box .blackstrip a {display: block;color: #fff;font-size: 22px;line-height: 34px;}
.bathroom-cost-box img {width: 100%;}
.bathroom-cost-box .blackstrip a.explorebutton {position: relative;top: 15px;}

.whitesolutionBox{padding: 25px;box-shadow: 0px 0px 4px #d3d3d3; background: #fff; margin-top: 30px;border-radius: 4px;}
.whitesolutionBox .solutionsBox-detail{width: auto; padding: 0px; box-shadow: none; position: inherit;left: inherit; bottom: inherit;}

.solutionsBox-detail .card.card-accordion .card-header {border: none;border-bottom: 1px solid #d2d2d2;color: #373435;}
.solutionsBox-detail .card.card-accordion p {font-size: 15px;font-weight: 400;color: #837e78;line-height: 22px;}

.testimonials-big-type .testimonial {display: flex;margin-top: 30px;}
.testimonials-big-type .testimonial figure {margin-right: 3rem;width: 120px;}
.testimonials-big-type .testimonial img {min-width: 80px;border-radius: 50%;}
.testimonials-big-type .testimonial .testimonial-owner {max-width: 930px;}
.testimonials-big-type .testimonial .meta {padding-top: 0;}
.testimonials-big-type .testimonial .testimonial-title {margin-bottom: 3px;font-size: 16px;font-weight: 600;text-transform: unset; color: #2b2a29;margin-top: 6px;position: relative;}
.testimonials-big-type .testimonial .testimonial-title:before {width: 50px;height: 1px;content: '';background: #ed3237;position: absolute;top: 0;}
.testimonial blockquote{margin-left: 0px;padding: 0px;}
.testimonial blockquote:before{display: none;}
.testimonials-big-type .testimonial span{font-weight: 400; font-style: italic;color: #2b2a29;text-transform: capitalize;}
.solutionsBox-detail .testimonial blockquote p{color: #2b2a29;font-weight: 400;}
.solutionsBox-detail .owl-theme .owl-nav[class*=owl-]{display: none;}
.solutionsBox-detail .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0;position: absolute;top: 120px;left: 20px;}

.experience-center{margin-top: 30px;position: relative;}
.experience-center img {width: 100%;}
.experience-center-detail {position: absolute;top: 40px;right: 30px;background: #000000de;padding: 20px;width: 300px;color: #fff;}
.experience-center-detail h2{font-size: 26px; line-height: 52px; color: #fff;position: relative; font-weight: 700;}
.experience-center-detail h2:before{position: absolute;bottom: -8px;left: 0;background: #ffffff;height: 4px;width: 44px;content: '';}
.experience-center-detail a{color: #ffffff;}

.tablink{text-align: center;padding-top: 20px;}
.tablink ul{padding: 0px; margin: 0px;}
.tablink li{display: inline-block; vertical-align: top;width: 31%;}
.tablink li a {color: #5a5959;font-size: 18px;font-weight: 700;display: block;background: #fff;box-shadow: 0px 0px 4px #d3d3d3;border-radius: 4px;margin: 0px 10px;padding: 12px 0px;position: relative;}
.tablink li a:hover{background: #ed3237; color: #fff;}
.tablink li a .fa {position: absolute;top: 0;left: 0px;background: #ed3237;width: 22%;height: 100%;line-height: 50px;color: #fff;border-bottom-right-radius: 50px;border-top-right-radius: 50px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
/******************* END *******************/



/***************** Custom Responsive *****************/
@media (max-width: 767px) {
.home-slide {min-height: 150px}
.main-heading h2 {font-size: 25px;}
.para-padd p {padding: 0px 20px;}
.home-about img{width: 100%;}
.home-about .main-heading a {margin-bottom: 30px;}
.germfree {padding: 20px;height: auto;margin: 40px 0px;}
.locateus {margin-bottom: 20px;}
.knowledgesupport .blackstrip a{text-align: left;}
.loyalty h2{margin-bottom: 30px;}
.loyalty ul li {width: auto;margin-right: 0;margin-bottom: 10px;}
.breadscrumb {position: inherit;right: 0;bottom: 0;padding: 10px;}
ul.bradscrumb-nav li{padding: 0px;}

/* Homepage Product Categories 01-12-2021 */
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{color: white !important; padding: 10px !important; margin-top: -6% !important;}
.owl-theme .owl-nav[class*=owl-]{width: 100%;}
.owl-carousel .owl-nav .owl-prev {position: absolute;left: 0;}
.owl-carousel .owl-nav .owl-next {position: absolute;right: 0;}
figure.effect-moses p{line-height: 18px !important; padding: 10px !important;}
figure.effect-moses h2{padding: 60px 8px !important; font-size: 18px !important;}
.new-arrivals .creative-grid {padding-top: 10px;}
.new-arrivals {padding: 30px 0px;}
/*Homepage End*/

/*Login Page*/
.offerbanner {padding: 20px 0;}
.hr-form {margin-top: 0px;}
.hr-form h1{font-size: 36px;line-height: 35px; margin: 40px 0px 10px;}
/*Login Page End*/

/*About Page*/
.jumpto-subnav {position:  inherit !important;top: 0;left: 0;width: 100%;right: 0; display: none;}
.jumpto-subnav.fixed {position: inherit !important;left: inherit;top: inherit;margin-left: 0; display: none;}
.page_container, .other{padding-left: 0px;}
/*About Page End*/

/*Solution Page*/
.solutionpage {padding-top: 20px;}
.solutionsBox{margin-bottom: 0px;}
.solutionpage-listing{margin-top: 0px;}
.solutionsBox-detail{position: inherit; bottom: 40px; left: 10px; right: 10px; width: 95%; padding: 20px;box-shadow: none;}
.solutionsBox-right{position: inherit; bottom: 40px; left: 10px; right: 10px;}
#tab-select{width: 100%;}
.solutionpage{margin-top: 0px !important;}

/*Solution Detail*/
.bathroom-cost-box .blackstrip{position: relative;}
.bathroom-cost-box .blackstrip h2{font-weight: 400; font-size: 20px;}
.bathroom-cost-box .blackstrip a.explorebutton {top: 5px;text-align: left;}
.whitesolutionBox .solutionsBox-detail{right: inherit;margin-top: 10px;}
.testimonials-big-type .testimonial{display: block; text-align: center;}
.solutionsBox-detail .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0;position: inherit;top: 20px;left: 0;}
.testimonials-big-type .testimonial figure {margin: 0px auto 20px;}
.experience-center-detail {position: inherit;top: 0;right: 0;width: auto;}
.tablink li {display: block;width: auto;}
.tablink li a{margin: 0px 0px 10px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.para-padd p {padding: 0px 20px;}
figure.effect-moses h2{padding: 10px !important;font-size: 11px !important;}
.grid figure h2 span{font-size: 14px !important;}
.solutionpage-listing{margin-top: 0px;}
.solutionpage-listing .tab-button-outer ul li a{margin: 0px 30px;}
}













