/* Container Start */
.top-slide .slick-slide{margin: 0 !important;}
.top-slide .slick-slide img{width: 100%; box-shadow:none !important; height: 100%;}
.top-slide .slick-dots li button:before{font-size: 16px !important; color: #fff; opacity: 1; width: 15px; height: 15px; border-radius: 50%; line-height: 15px;}
.top-slide .slick-dots{bottom: 15px !important;}
.top-slide .slick-dots li.slick-active button:before{opacity: 1 !important; color: #555555 !important;}
.top-slide{margin-bottom: 0 !important; margin-top: 120px !important;}
.top-slide .slick-list, .top-slide .slick-track, .top-slide .slick-initialized .slick-slide{height: 100%;}

.four-points{background: #f9f9f9; padding: 25px 0; margin-bottom: 60px;}
.four-points ul{margin: 0; padding: 0; list-style: none;}
.four-points ul li{display: inline-block; vertical-align: middle; font-size: 16px; color: #000000; padding: 0 31px; position: relative; font-weight: 400;}
.four-points ul li:after{content: ''; background: #bcbcbc; width: 1px; height: 34px; top: 0; bottom: 0; right: 0; margin: auto; position: absolute;}
.four-points ul li:last-child:after{display: none;}
.four-points ul li img{margin-right: 10px; width: 36px;}
/* Container Finish */

/* Featured Project Start */
.featured-project h2{font-size: 21px; font-weight: 400; color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 20px; position: relative;}
.featured-project h2:before{content: ''; width: 102px; height: 4px; background: #2593d1; position: absolute; left: 0; bottom: 0;}
.featured-project .slick-track{margin-left: initial !important;   margin-right: initial !important;}
.featured-project .slick-initialized .slick-slide{margin: 0 43px !important;}
.featured-project-box{padding: 15px;}
.featured-project-box-img{height: 303px; background: #e8e8e8; position: relative;}
.featured-project-box-img img{box-shadow: none !important; width: 100%; cursor: pointer; z-index: 0; position: relative;}
.featured-project-box-img:before{content: ""; z-index: 0; background: url(../images/couch-no-img.png) no-repeat; width: 125px; height: 95px; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.project-detail{padding: 15px 0 0 0; position: relative;}
.project-detail h4 a{color: #000000;display: block; text-decoration: none; font-size: 15px; line-height: 21px; margin-bottom: 5px; font-weight: 400;}
.project-detail font{color: #666666; font-weight: 300; font-size: 12px; display: block; margin-bottom: 5px;}
.project-detail .finish-color{color: #777; font-size: 12px; margin-top: -3px; font-weight: 300; display: inline-block; vertical-align: middle;}
.project-detail p{color: #000; font-size: 18px; font-weight: 400; display: inline-block; margin-right: 7px; vertical-align: middle;}
.project-detail p i{vertical-align: middle; margin-top: -2px;}
.project-detail .cutting-price{color: #777; font-size: 12px; position: relative; margin-top: 1px; font-weight: 400; display: inline-block; padding-left: 8px; vertical-align: middle;}
.project-detail .cutting-price i{position: absolute; top: 4px; left: 0;}
.project-detail .cutting-price:before{content: ""; background: #909090; width: 100%; height: 1px; left: 0; top: 1px; bottom: 0; margin: auto; position: absolute;}
.project-detail label{color: #2593d1; font-size: 15px; font-weight: 400; text-align: right; float: right; display: inline-block; vertical-align: middle;}
.featured-project-box-img .quick-view{position: absolute; z-index: 2; opacity: 0; text-align: center; color: #000; text-decoration: none !important; line-height: 40px; bottom:0; width: 100%; height: 40px; left: 0; background: rgba(255,255,255,0.75);}
.featured-project-box .wishlist{position: absolute; z-index: 2; opacity: 0; text-align: center; top: 25px; right: 25px; width: 35px; height: 35px; border-radius: 2px; background: #fff; border: 1px solid #ddd;}
.featured-project-box .wishlist.active{opacity: 1;}
.featured-project-box .wishlist i{color: #2894d1; line-height: 35px; font-size: 18px; cursor: pointer;}


.featured-project-box:hover .quick-view{opacity: 1;}
.featured-project-box:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);}
.featured-project-box:hover .project-detail h4 a{color: #2593d1;}
.featured-project-box:hover .wishlist{opacity: 1;}


.featured-project .slick-prev, .featured-project .slick-next{width: 50px; z-index: 99; height: 50px; background: #fff !important; border: 1px solid #d7d7d7; border-radius: 50%;}
.featured-project .slick-prev:before, .featured-project .slick-next:before{opacity: 1; color: #666; font-size: 27px; line-height: 48px;}
.featured-project .slick-prev{left: -20px !important;}
.featured-project .slick-next{right: -20px !important;}
.featured-project .slick-list{padding: 20px 0;}
/* Featured Project Finish  */


/* New Arrivals Start */
.newarrival-project h2{font-size: 21px; font-weight: 400; color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 20px; position: relative;}
.newarrival-project h2:before{content: ''; width: 102px; height: 4px; background: #2593d1; position: absolute; left: 0; bottom: 0;}
.newarrival-project .slick-track{margin-left: initial !important;   margin-right: initial !important;}
.newarrival-project .slick-initialized .slick-slide{margin: 0 43px !important;}
.newarrival-project-box{padding: 15px;}
.newarrival-project-box img{box-shadow: none !important; width: 100%; cursor: pointer;}
.newarrival-project-box .wishlist{position: absolute; z-index: 2; opacity: 0; text-align: center; top: 25px; right: 25px; width: 35px; height: 35px; border-radius: 2px; background: #fff; border: 1px solid #ddd;}
.newarrival-project-box .wishlist.active{opacity: 1;}
.newarrival-project-box .wishlist i{color: #2894d1; line-height: 35px; font-size: 18px; cursor: pointer;}

.newarrival-project-box:hover .quick-view{opacity: 1;}
.newarrival-project-box:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);}
.newarrival-project-box:hover h4{color: #2593d1;}
.newarrival-project-box:hover .wishlist{opacity: 1;}


.newarrival-project .slick-prev, .newarrival-project .slick-next{width: 50px; z-index: 99; height: 50px; background: #fff !important; border: 1px solid #d7d7d7; border-radius: 50%;}
.newarrival-project .slick-prev:before, .newarrival-project .slick-next:before{opacity: 1; color: #666; font-size: 27px; line-height: 48px;}
.newarrival-project .slick-prev{left: -20px !important;}
.newarrival-project .slick-next{right: -20px !important;}
.newarrival-project .slick-list{padding: 20px 0;}
/* New Arrivals Finish  */


/* Product Categories */
.popularcat-project h2{font-size: 21px; font-weight: 400; color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 20px; position: relative;}
.popularcat-project h2:before{content: ''; width: 102px; height: 4px; background: #2593d1; position: absolute; left: 0; bottom: 0;}
.popularcat-project-box{background: #ececec; position: relative; height: 125px; margin-bottom: 30px;  padding: 20px;}
.popularcat-project-box-height-big{height: 280px !important; margin-bottom: 0 !important;}
.popularcat-project .slick-initialized .slick-slide{margin: 0 15px !important;}
.popularcat-project-box:nth-of-type(2){margin-bottom: 0 !important;}
.popularcat-project-box .popular-pro-img-link{position: absolute; bottom: 5px; right: 5px;}
.popularcat-project-box h4{text-transform: uppercase; font-size: 18px; font-weight: 400; color: #000; margin-bottom: 1px; position: relative; z-index: 1;}
.popularcat-project-box a{font-size: 12px; font-weight: 300; color: #444444; text-decoration: none !important; position: relative; z-index: 1;}

.popularcat-project .slick-prev, .popularcat-project .slick-next{width: 50px; z-index: 99; height: 50px; background: #fff !important; border: 1px solid #d7d7d7; border-radius: 50%;}
.popularcat-project .slick-prev:before, .popularcat-project .slick-next:before{opacity: 1; color: #666; font-size: 27px; line-height: 48px;}
.popularcat-project .slick-prev{left: -10px !important;}
.popularcat-project .slick-next{right: -10px !important;}
.popularcat-project .slick-list{padding: 20px 0;}

/* Product Categories */

.top-slide{overflow: hidden; height: 524px; width: 100%;}
.four-points ul li br{display: none;}
.home-section-3{bottom: initial; top: 0; right: 10px !important;}

@media (max-width: 1299px) {
.four-points ul{font-size: 0;}
.four-points ul li{text-align: center; font-size: 15px; padding: 0 45px;}
.four-points ul li img{display: block; margin: 0 auto 10px;}
.featured-project-box-img{height: 264px;}
}

@media (max-width: 1199px) {
.top-slide{margin-top: 0px !important;}
.four-points ul li{padding: 0 25px;}
.featured-project-box-img{height: 198px;}
}



@media (max-width: 991px) {
.project-detail .quick-view, .featured-project-box .wishlist, .newarrival-project-box .wishlist{opacity: 1;}
.featured-project-box, .newarrival-project-box{box-shadow: none; border: 1px solid #eee;}
.featured-project h2, .newarrival-project h2, .popularcat-project h2{font-size: 18px;}
.featured-project h2:before, .newarrival-project h2:before, .popularcat-project h2:before{height: 3px;}
.four-points ul li{width: 33.33%; margin-bottom: 20px;}
.four-points ul li:nth-of-type(3):after{display: none;}
.four-points ul li:nth-of-type(4), .four-points ul li:nth-of-type(5){width: 50%;}
.featured-project-box-img{height: 242px;}
}

@media (max-width: 767px) {
.four-points{padding: 15px 0 5px 0; margin-bottom: 40px;}
.four-points ul{white-space: nowrap; overflow-x: auto;}
.four-points ul li{width: 33.33%; margin-bottom: 10px; font-size: 14px;}
.featured-project .slick-list, .newarrival-project .slick-list, .popularcat-project .slick-list{padding: 0 0 20px 0;}
.featured-project .slick-prev, .newarrival-project .slick-prev, .popularcat-project .slick-prev{left: initial !important; top: -43px; right: 36px;}
.featured-project .slick-next, .newarrival-project .slick-next, .popularcat-project .slick-next{right: 0px !important; top: -43px;}
.featured-project .slick-prev, .featured-project .slick-next, .newarrival-project .slick-prev, .newarrival-project .slick-next, .popularcat-project .slick-prev, .popularcat-project .slick-next{width: 30px; height: 30px;}
.featured-project .slick-prev:before, .featured-project .slick-next:before, .newarrival-project .slick-prev:before, .newarrival-project .slick-next:before, .popularcat-project .slick-prev:before, .popularcat-project .slick-next:before {font-size: 20px; line-height: 28px;}
.featured-project .slick-initialized .slick-slide, .newarrival-project .slick-initialized .slick-slide, .popularcat-project .slick-initialized .slick-slide{margin: 0px 1px !important;}
.featured-project-box, .newarrival-project-box{padding: 0 !important;}
.top-slide{height: 200px; overflow: hidden;}
.top-slide .slick-slide img{height: 200px;}
.featured-project-box .wishlist, .newarrival-project-box .wishlist{right: 10px; top: 10px;}
.project-detail{padding: 15px;}
.four-points ul{margin: 0 -7px;}
.four-points ul li{padding: 0px 3px 0px 3px; font-size: 13px; white-space: initial; width: 170px; display: inline-block; float: none; vertical-align: top;}
.four-points ul li:nth-of-type(4), .four-points ul li:nth-of-type(5) {width: 170px;}
.four-points ul li img{width: 24px; margin: 0 auto 5px;}
.featured-project h2, .newarrival-project h2, .popularcat-project h2{margin-left: -7px; margin-right: -7px;}
.featured-project-slide, .newarrival-project-slide, .popularcat-project-slide{margin-left: -7px; margin-right: -7px;}
.featured-project, .newarrival-project{margin-bottom: 40px;}
.four-points ul li:nth-of-type(3):after{display: initial !important;}
.featured-project-box-img{height: auto; min-height: 330px;}
}

@media (max-width: 540px){
.four-points{padding: 10px 0 5px 0;}
.four-points ul li br{display: initial;}
.four-points ul li{width: 29%; padding: 0px 3px 0px 3px; font-size: 12px; margin-bottom: 5px;}
.four-points ul li:nth-of-type(4), .four-points ul li:nth-of-type(5) {width: 30%;}
}