/*General*/
body { background-color: #eeeeee; color: #9a9a9a;overflow-x: hidden;}
i.icon-hstar { width: 25px; height: 18px; background-position: -256px -793px; }
i.icon-green-tick { width: 18px; height: 13px; background-position: -335px -457px; }
i.icon-testimonial { width: 22px; height: 17px; background-position: -259px -742px; }
i.icon-blue-rounded-gray-tick { width: 22px; height: 22px; background-position: -285px -742px; }
i.icon-left-angle-xs { width: 7px; height: 11px; background-position: -63px -229px; }
i.icon-right-angle-xs { width: 7px; height: 11px; background-position: -69px -229px; }
i.icon-video-play-btn { width: 41px; height: 41px; background-position: -2px -778px; }
i.icon-doller-white { width: 11px; height: 18px; background-position: -70px -801px; }
i.icon-user-white { width: 16px; height: 16px; background-position: -102px -801px; }
i.icon-piracy-white { width: 17px; height: 21px; background-position: -83px -801px; }
i.icon-truck-white { width: 20px; height: 15px; background-position: -47px -801px; }
i.icon-blue-tick { width: 18px; height: 13px; background-position: -120px -801px; }
i.icon-round-tick-transparent-blue { width: 16px; height: 16px; background-position: -139px -801px; }
i.icon-left-angle-md { width: 19px; height: 32px; background-position: -129px -765px; }
i.icon-right-angle-md { width: 19px; height: 32px; background-position: -150px -765px; }

i.hl.rag-lazy-img {
    background-image: url(https://super.homelane.com/sprite+desktop+icon-3000_new.png);
    background-repeat: no-repeat;
    display: inline-block;
}
i.wh.rag-lazy-img {
    background-image: url(https://super.homelane.com/rtb4500.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: cover;
}
.wh.hl-projects-1700 {
    width: 250px;
    height: 200px;
    background-position: -482px 0px;
}
.wh.hl-days-45 {
    width: 236px;
    height: 200px;
    background-position: -137px 0px;
}
.wh.hl-expert-designers {
       width: 232px;
    height: 200px;
    background-position: 37px 0px;
}
.wh.hl-year-warenty {
    width: 212px;
    height: 200px;
    background-position: -322px 0px;
}
.hl.hl-discover {
    width: 71px;
    height: 71px;
    background-position: -1px -74px;
}
.hl.hl-design {
    width: 71px;
    height: 71px;
    background-position: -77px -74px;
}
.hl.hl-move-in {
    width: 71px;
    height: 71px;
    background-position: -155px -74px;
}
.hl.hl-modular-kitchens {
    width: 48px;
    height: 50px;
    background-position: -297px -75px;
}
.hl.hl-wardrobes-storage-units {
    width: 53px;
    height: 50px;
    background-position: -358px -74px;
}
.hl.hl-crockery-units {
    width: 50px;
    height: 50px;
    background-position: -421px -76px;
}
.hl.hl-entertainment-units {
    width: 50px;
    height: 50px;
    background-position: -236px -75px;
}
.hl.hl-study-tables {
    background-position: -98px -152px;
    width: 63px;
    height: 50px;
}
.hl.hl-paintings-wallpapers {
    background-position: -166px -154px;
    width: 50px;
    height: 50px;
}
.hl.hl-false-ceiling {
    background-position: -231px -143px;
    width: 76px;
    height: 50px;
}
.hl.hl-loose-furnitures {
    background-position: 0px -145px;
    width: 88px;
    height: 50px;
}
/*home-banner*/
.home-banner { color: #fff; height: 550px; position: relative; overflow: hidden;  background-size: cover; background-position: 0% 50%; background-repeat: no-repeat; width: 100%;}
.home-banner:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;   }
.home-banner .home-banner-content {    color: #000; padding: 81px 0px 60px 0px; position: relative; height: 100%; width: 100%; }
.home-banner .title { font-size: 32px; font-weight: 500; margin: 0px 0px 10px; line-height: 1.4;}
.home-banner .description { font-size: 27px; margin: 0px 0px 30px; font-weight: 400; line-height: 35px;}
.home-banner .hash-tag { font-size: 26px; font-weight: 500; text-align: left; margin-bottom: 60px; }
.home-banner .estimate-btn { padding: 10px 40px; font-weight: 400; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); letter-spacing: 1px; border-radius: 3px; font-size: 16px; }
.home-banner .estimate-btn img { width: 35px; height: auto; margin-top: -3px; }
@media (min-width: 768px) and (max-width: 991px) {
  .home-banner .home-banner-content { padding: 40px 0px 15px; }
  .home-banner .banner { bottom: -270px; }
}
@media (min-width: 1367px) {
  .home-banner .banner { width: 100%; bottom: auto; top: -70px; }
}

.banner-form { position: absolute; background-color: #fff; padding: 30px 17px; width: 325px; margin-top: 80px;min-height: 400px;top:42px;right:54px; border-radius:8px }
.closeMeetUp_popUp{display: none;}
.banner-form.nudgecard{min-height:auto;}
.banner-form .img-heading { margin-bottom: 15px; text-align: center; }
.banner-form .img-heading img{ height: 28px; width: auto; }
.banner-form .form-group { position: relative; margin-bottom: 10px; }
.banner-form .form-control { font-weight: 500; color: #212121; height: 36px; border-color: #cacaca; box-shadow: none; }
.banner-form .form-control::-moz-placeholder { color: #212121; opacity: 1; font-weight: 400; }
.banner-form .form-control:-ms-input-placeholder { color: #212121; font-weight: 400; }
.banner-form .form-control::-webkit-input-placeholder { color: #212121; font-weight: 400; }
.banner-form .form-control:focus { border-color: #E71C24; }
.banner-form .form-control.error { border-color: #ff6666; }
.banner-form .form-control option.top-city{ background-color: #f2f2f2; font-weight: 500; }
.banner-form .form-group label.error { color: #ff6666; font-weight: 400; font-size: 11px; margin: 0; line-height: 16px; }
.banner-form .form-group .alert-success{padding:5px;line-height: 16px;}
.banner-form .form-group svg { display: none; position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 18px; height: 18px; fill: #4caf50; }
.banner-form .form-control.valid { padding-right: 32px; }
.banner-form .form-control.valid ~ svg { display: inline-block; }
.banner-form .content-banner p { color: #222; font-size: 16px; text-align: center; padding: 10px 10px; /*margin-top: 60px*/ }
.banner-form .btn-block { padding-top: 10px; }
.banner-form .btn-block .btn { width: 100%; padding-top: 14px; padding-bottom: 14px; font-size: 17px; line-height: 1; font-weight: 500; margin-bottom: 0; padding: 10px 17px; }
.banner-form .fixed-btn-section { position: absolute; right: 0; left: 0; padding-left: 30px; padding-right: 30px; bottom: 30px; }
.registration-form.banner-form{    padding: 0;
  margin-top: 0;
  min-height: auto;}
  .residenceBook{color:#FFF !important;}
.we-carefully { background-color: #eeeeee; padding: 50px 0px; }
.we-carefully .all-partners { margin-bottom: 0px; color: #333; font-size: 20px; }
.we-carefully .partner-content { position: relative; font-size: 16px; color: #fbfbfb; font-weight: 300;
/* padding-left: 72px;*/ 
 line-height: 61px; }
.we-carefully .partner-content span { vertical-align: middle; display: inline-block; line-height: 20px; }
.we-carefully i.hl { position: absolute; left: 0; }
@media (min-width: 768px) and (max-width: 991px) {
  .we-carefully .bottom-section { padding: 30px 0px; }
  .we-carefully .partner-content { padding-left: 50px; padding-top: 0;}
}
@media (min-width: 768px) and (max-width: 1300px) {
  .we-carefully img{width: 40%;}
  /*#offerimg{
    position: absolute;
    width: 27%;
    left: 20px;
    bottom: 35%;
  }*/
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .we-carefully img{width: 44%;}
  /*.home-banner{background-position: 65% 11% !important;}*/
 /* #offerimg{
    position: absolute;
    width: 28%;
    left: 20px;
    bottom: 35%;
  }*/
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .we-carefully img{width: 49%;}
  /*#offerimg{
    position: absolute;
    width: 29%;
    left: 20px;
    bottom: 35%;
  }*/
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .we-carefully img{width: 60%;}
  /*#offerimg{
    position: absolute;
    width: 32%;
    left: 20px;
    bottom: 29%;
  }*/
}
@media (min-width: 1800px) and (max-width: 1930px) {
  .we-carefully img{width: 70%;}
  /*#offerimg{
    position: absolute;
    width:34%;
    left:20px;
    bottom: 26%;
  }*/
}
/*general page style*/
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb64{margin-bottom: 64px;}
.section { background-color: #fff;}
.section.padding-0 { padding: 0px;}
.heading { font-size: 19px; color: #333; font-weight: 500; margin: 0px 0px 15px; line-height: 1.2; }
.sub-heading { font-size: 22px; font-weight: 500; color: #767676; line-height: 1; margin: 0 0 15px; }
.btn { font-weight: 400; }
.btn-blue { background-color: #E71C24; color: #fff; border-radius: 3px; text-transform: uppercase; font-size: 17px; padding: 10px 15px; }
.btn-blue:hover, .btn-blue:focus { color: #fff; }
.btn-purple { background-color: transparent; color: #009688; border: 1px solid #009688; text-transform: uppercase; font-size: 14px; padding: 10px 50px; border-radius: 2px; font-weight: 500; }
.btn-purple:hover, .btn-purple:focus { color: #007b76; }
.btn-eee { background-color: #f7f5ee; color: #555451; border: 1px solid #eee; text-transform: uppercase; font-size: 14px; padding: 10px 50px; border-radius: 2px; font-weight: 500; }
.btn-eee:hover, .btn-eee:focus { color: #56544e; }
@media (min-width: 768px) and (max-width: 991px) {

}

.fafafa-bg { background-color: #fafafa; }
.eeeeee-bg { background-color: #f5f5f5; }
.fff-bg { background-color: #fff; }

/*Our mission*/
.our-mission { font-size: 17px; }
.our-mission .content { padding: 40px 45px 40px 45px; color: #5b5b5b; line-height: 1.4;text-align: center; }
.our-mission .content a{ color: #e5a22a;}
.our-mission .sub-heading { font-size: 24px; }
.our-mission .sub-heading span { color: #1c89e0; }
@media (min-width:992px) and (max-width:1199px) {

}
@media (min-width:768px) and (max-width:991px) {

}

/*with-cap*/
.with-cap { padding: 40px 45px 20px 45px; }
.with-cap .content { font-size: 16px; color: #404040; margin-bottom: 30px;}
.with-cap h2{ margin-bottom: 30px;}

@media (min-width:768px) and (max-width:991px){
  .with-cap .content {
      padding-left: 30px;
  }
}
/*cap-status*/
.cap-status { background-color: #363636; color: #d1d1d1; line-height: 1; }
.cap-status .content { position: relative; padding: 20px 5px; }
.cap-status .content i { margin-right: 5px; }
.cap-status .content span { font-size: 16px; font-weight: 500; }

/*general slider design*/
.slider-design .carousel-control {
  background-image: none;
  top: 42%;
  bottom: auto;
  left: -60px;
  margin-top: -20px;
  line-height: 40px;
  opacity: 1;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
  border-radius: 50%;
  line-height: 36px;
  color: #484848;
}

.slider-design .carousel-control i {
  line-height: 1;
  background: none;
  text-shadow: none;
}
.slider-design .carousel-control.left { left: -20px; right: auto; }
.slider-design .carousel-control.right { right: -20px; left: auto; }
.slider-design .carousel-control.left, .slider-design .carousel-control.right { background-image: none; }
.slider-design .carousel-control svg{ width:20px; height: 20px; vertical-align: middle; fill: #484848; }
.slider-design .carousel-indicators li { width: 8px; height: 8px; background-color: #9cbef6; border: 1px solid #9cbef6; border-radius: 4px; }
.slider-design .carousel-indicators .active { width: 8px; height: 8px; background-color: #3a7eee; margin: 0 5px; }
.slider-design .carousel-inner { min-height: 200px; }
.slider-design .loader { position: absolute; top: 50%; left: 50%; margin-left: -22px; margin-top: -6px; }
@media (max-width:1260px) {
    .slider-design .carousel-control.left { left: 0px; }
    .slider-design .carousel-control.right { right: 0px; }
}
/* CHECKED */
input[type=radio]:checked + label:before{
  box-shadow: inset 0 -1px 3px #e4e4e4, inset 0 0 1px #222, inset 0 0 0 3px rgba(185, 55, 6, 0.84);
}

/* easy-steps */
/*.easy-steps { border-top: 1px solid #bbbbbb; }*/
.easy-steps .heading { margin-bottom: 30px; }
.easy-steps .steps { margin-bottom: 30px; }
.easy-steps .step { color: #666666; font-size: 15px; text-align: center; }
.easy-steps .step h3 { color: #454545; text-align: center; font-size: 18px; margin-top: 0; margin-bottom: 5px; font-weight: 400; }
.easy-steps .step p{font-weight: 300;}
.easy-steps .get-started .btn { min-width: 300px; font-size: 14px; font-weight: 500; padding: 15px 30px; line-height: 1; }
/* End easy-steps */

/*Contact Supplier Popup Start*/
.contact-supplier-signup .cs-modal-content { margin-top: 0; background-color: #f4f4f4; padding: 30px; }
.contact-supplier-signup .cs-close { background-image: none; background-color: rgba(0, 0, 0, 0.5); color: #fff; width: 40px; height: 40px; display: block; position: absolute; top: 0; right: -40px; font-size: 36px; text-align: center; cursor: pointer; line-height: 33px; font-weight: 300; }
.contact-supplier-signup .cs-close:hover, .contact-supplier-signup .cs-close:focus { background-color: rgba(0, 0, 0, 0.6); text-decoration: none}
.contact-supplier-signup .cs-modal-content h4 { font-size: 26px; font-weight: 500; color: #404040; }
.contact-supplier-signup .cs-modal-content p { margin-bottom: 25px; font-size: 16px; }
.contact-supplier-signup .form-group { position: relative; }
.contact-supplier-signup .form-group input { border-radius: 0px; height: 42px; }
.contact-supplier-signup .form-group select { border-radius: 0px; height: 42px; color:#7b7b7b; }
i.icon-tick-green { background-position: -335px -457px; width: 18px; height: 13px; }

.contact-supplier-signup .form-group input:focus { border-color: #605cf7; }
.contact-supplier-signup .form-group input.error:focus { border-color: #e1adad; }
.contact-supplier-signup .form-group label { font-size: 12px; color: #888; font-weight: 300; }
.contact-supplier-signup .form-group label.error { color: #ff6666; margin: 0; }
.contact-supplier-signup .existing-user { font-size: 12px; color: #888; font-weight: 300; margin-top: -10px; line-height: 1; }
.contact-supplier-signup .btn-submit { text-align : center;background-color: #605cf7; color: #fff; width: 100%; border: none; padding: 12px 15px; margin-top: 15px; display: block;}
.contact-supplier-signup .loading { display: none; min-height: 47px;}
.contact-supplier-signup .loading img{ display: inline-block; }
.contact-supplier-signup .icon-tick-green { display: none; position: absolute; top: 50%; margin-top: -6px; right: 10px; }
.contact-supplier-signup input.valid { padding-right: 32px; }
.contact-supplier-signup input.valid ~ .icon-tick-green { display: inline-block; }
.contact-supplier-signup .label.error{color: #f95656}
/*Contact Supplier Popup End*/

/*trending*/
.trending { padding: 0px 0px 64px; }
.trending .heading { margin-top: 0; margin-bottom: 30px; }
.trending .tab { list-style-type: none; margin: 0; padding: 0; color: #9a9a9a; font-size: 18px; }
.trending .tab li { list-style-type: none; float: left; width: 33.333%; border-bottom: 2px solid #f3f3f3; padding: 15px 0; margin-bottom: 30px; cursor: pointer; }
.trending .tab li:hover { border-bottom: 2px solid #43aafb; color: #404040; }
.trending .tab li.active { border-bottom: 2px solid #43aafb; color: #404040; }
.trending .carousel { margin-bottom: 0px; }
.trending .carousel-inner { min-height: 205px; }
.trending .product { position: relative; overflow: hidden; cursor: pointer;background: #eee; }
.trending .product img { width: 100%;}
.trending .product .price { position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.9); width: 146px; left: 50%; margin-left: -73px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #ff7065; padding: 8px 15px; font-size: 18px; text-align: center; line-height: 1.2; font-weight: 400; }
.trending .product .detail { opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; position: absolute; bottom: 0; color: #fff; left: 0; right: 0; padding: 15px; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); }
.trending .product .detail p { margin: 0; }
.trending .product .detail .name { margin-bottom: 0px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; width: 98%; overflow: hidden; }
.trending .product .detail .size { font-size: 13px; }
.trending .product:hover .detail, .trending .product:focus .detail{opacity: 1;}
.trending .load-more-btn-section { }
.trending .load-more-btn-section .btn { display: none; }
.trending .load-more-btn-section .btn.active-btn { display: inline-block; }
@media (min-width:768px) and (max-width:991px) {
  .trending.slider-design .carousel-inner { min-height: 140px; }
  .trending .product .detail { padding: 10px; }
  .trending .product .price { margin-left: -25%; padding: 5px 15px; font-size: 16px; line-height: 1; }
  .trending .product .detail .name { font-size: 15px; }
}

.trending .recent-projects .product { padding-top: 75.2%; }
.trending .recent-projects .product .img-block { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.trending .recent-projects .product .img-block>img { width: 150%; height: auto; margin-left: -25%; margin-top: -12.5%; }

/*customers-stories*/
.customers-stories { }
.customers-stories .heading { margin-bottom: 30px; }

.customers-stories .slider { position: relative; margin-right: -15px; margin-left: -15px;}
.customers-stories .slider>.carousel-inner { white-space: nowrap;}
.customers-stories .slider>.carousel-inner>.c-item { white-space: normal; float: none; display: inline-block; vertical-align: top; }
.customers-stories .slider .left.carousel-control { margin-left: 15px; }
.customers-stories .slider .right.carousel-control { margin-right: 15px; }

.customers-stories .col-content { position: relative; background-color: #fff; cursor: pointer;}
.customers-stories .user { position: relative; padding: 0px 15px 15px; color: #979797; }
.customers-stories .user .name { color: #3f3f3f; font-weight: 500; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; width: 98%; overflow: hidden; }

.customers-stories .media{ margin: 0; position: relative; overflow: hidden; max-height: 183px;}
.customers-stories .media svg { position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; width: 40px; fill: rgba(250, 250, 250, 0.8); border: 1px solid #fff; border-radius: 50%; }
.customers-stories .media img{ width: 100%; }
.customers-stories .detail { padding: 15px 15px 10px; }
.customers-stories .detail p{ margin: 0; }

.customers-stories .detail .more { display: none; }
.customers-stories .detail.active .more{ display: block; }
.customers-stories .detail.active .less{ display: none; }
.customers-stories .btn-link { display: inline-block; color: #484848; }
.customers-stories .btn-link:hover, .customers-stories .btn-link:focus { color: #484848; }

.customers-stories .name{ color: #3f3f3f; font-size: 16px; margin-bottom: 5px; font-weight: 400;}
.customers-stories .address{ color: #979797; font-size: 14px; font-weight: 400;}
.customers-stories .content .testimonial-icon { background-color: #ff754a; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; margin: 0 auto; position: absolute; left: 50%; margin-left: -25px; margin-top: -25px; top: 0; box-shadow: 0px 1px 5px #fff, 0px 6px 10px #b9b9b9;}
.customers-stories .testimonial-icon i { vertical-align: middle; }

/*What the Press is Saying*/
.press-say { min-height: 375px;}
.press-say .heading { margin-top:0; margin-bottom: 30px;}
.press-say span.btn-link { display: inline-block; color: #484848; }
.press-say span.btn-link:hover, .press-say span.btn-link:focus { color: #484848; }
.press-say p { margin-bottom: 5px; }
.press-say .content { cursor:pointer; background-color: #fafafa; padding: 30px; min-height: 160px; }
.press-say .video-banner { }
.press-say img.press { margin-top: 20px; width: auto; height: 50px; display: inline-block; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.press-say .content:hover img.press { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.press-say .media-content { position: relative; margin: -30px; margin-bottom: 30px; }
.press-say .media-content img { width: 100%; }
.press-say .media-content i { position: absolute; top: 50%; left: 50%; margin: -20px; opacity: 0.8 }
.press-say .media-content:hover i { opacity: 1 }
@media (min-width:992px) and (max-width:1199px) {
  .press-say .content { cursor: pointer; background-color: #fff; padding: 30px 10px; }
  .press-say .media-content { position: relative; margin: -10px; margin-top: -30px; margin-bottom: 30px; }
}
@media (min-width:768px) and (max-width:991px) {
  .press-say .content { padding: 30px 5px; height: auto; min-height: 240px; margin-bottom: 0;}
  .press-say a { margin-bottom: 15px; }
  .press-say .media-content { position: relative; margin: -5px; margin-bottom: 30px; margin-top: -30px; }
  .press-say { min-height: 300px; }
}

.press-say .content .more { display: none; }
.press-say .content.active .more{ display: block; }
.press-say .content.active .less{ display: none; }

/*general video modal*/
.video-modal { background-color: rgba(0, 0, 0, 0.4); }
.video-modal iframe, .video-modal video { border: 0; height: 450px; width: 100%; margin-top: 50px; }
.video-modal .c-close { position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 1024; background-color: #fff; padding: 3px 10px;
    font-size: 30px;
    line-height: 1; }
.video-modal .carousel { width: 100%; }
.video-modal .carousel img{ width: 100%;}
.video-modal .carousel .carousel-control { width: 60px; height: 80px; background-image: none; top: 50%; margin-top: -40px; line-height: 80px; background: rgba(255, 255, 255, 0.9); }
.video-modal .loader {position: absolute;top: 50%;right: 50%;}
@media (min-width:768px) and (max-width:991px) {
 .video-modal iframe { border: 0; height: 350px; width: 100%; margin-top: 50px; }
}

/*on refer*/
.refral-block-popup { position: fixed; z-index: 1024; left: 30px; bottom: 30px; background-color: #E71C24; border-radius: 5px; width: 200px; color: #fff; padding: 15px; font-size: 14px; box-shadow: 0px 0px 10px #525252; }
.refral-block-popup strong { font-size: 18px; font-weight: 500; }
.refral-block-popup p { margin-bottom: 5px; color: #ececec; font-size: 12px; }
.refral-block-popup .referal-close { display: inline-block; position: absolute; right: 15px; background-color: #fff; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; text-align: center; color: #E71C24; }
.refral-block-popup .referal-signup { color: #fff; text-decoration: underline; font-size: 14px; font-weight: 500; }

.book-free-consultation-modal { }
.book-free-consultation-modal .modal-body { padding-top: 40px; }
.book-free-consultation-modal .modal-content { min-height: auto; }
.book-free-consultation-modal .modal-footer { text-align: center; }
.book-free-consultation-modal .check-all { display: inline-block; background-color: #fff; width: 90px; height: 90px; border-radius: 50%; line-height: 85px; }
.book-free-consultation-modal .check-all svg{ width: 40px; height: 40px; fill: #7db980; vertical-align: middle;}
.book-free-consultation-modal .close { margin-right: 40px; margin-top: 32px; color: #757575; opacity: 1; line-height: 1; font-size: 28px; outline: none; font-weight: 500; position: relative; z-index: 10; }
.book-free-consultation-modal.fail { }
.book-free-consultation-modal.fail .check-all { color: #fa5252; }

#offerimg {
       position: absolute;
    width:36%;
    left: 4.2%;
    bottom: 9.1%;
}

#offerimg img {
    width: 100%;
}
/*#offerimg a {
    position: absolute;
    left: 56%;
    bottom: 18%;
    font-weight: bold;
    font-size: 13px;
    color: #FFF;
    border: 1px solid #fff;
    padding: 5px 10px;
    background: #00000038;
}*/
#offerimg a:hover{color:#FFF;cursor: pointer;}
#nudgecard{text-align:center;}
#nudgecard .content{padding:20px 10px;margin-bottom:0px;text-align:center;font-size:14px;}
#nudgecard .btn-block{padding:0;    margin-bottom: 0;}
.nudge-heading{
  margin-top: 0px;
  font-size: 19px;
}
.image-row img {
    max-width: 128px;
    text-align: center;
    margin-right: 60px;
    margin-bottom: 60px;
}
.desktop-nav{
  border-bottom: 2px solid #eee !important;
}
.container-22{
  padding-left: 22px;
  padding-right: 28px;
}
.pt32{
  padding-top: 32px;
}
@media (min-width: 1280px) and (max-width:1360px) {
  .home-banner .title{
    font-size: 28px;
  }
  .home-banner .description{
    font-size: 19px;
  }
}
.why-container{
  padding:0 15%;
  display: flex;
  justify-content: center;
}

.adfilm-container{
  position: relative;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  cursor: pointer;
}

.adfilm-container img {
  width: 100%;
  height: auto;
}

.adfilm-container #ad-film-playbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-size: 65px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  opacity: 0.6;
}

#ad-film-head {
  color: #fff;
  position: absolute;
  text-align: left;
  width: 100%;
  padding-left: 25px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4588235294117647), rgba(255, 255, 255, 0));
  margin: 0;
  height: 55px;
  line-height: 55px;
  text-shadow: 0px 0px 5px #000000;
}
.faq .accordion-container { clear: both; margin: 0; width: 100% }
.faq .accordion-content li { color: #1f1f1f;  font-size: 15px }
.faq .accordion-toggle { background: #fff; border: 1px solid #D9D9D9; color: #4A4A4A; display: block; font-size: 24px; font-weight: 300; padding: 15px 25px; position: relative; text-decoration: none;border-bottom-width: 0px}
.faq .accordion-toggle h3 { font-size: 16px; color: #454545; line-height: 1;  margin: 10px 0px;font-weight: 300; }
.faq .accordion-toggle.open { background: #f0efef; color: #5d5d5d }
.faq .accordion-toggle:active, .faq .accordion-toggle:focus, .faq .accordion-toggle:hover { background: #ffffff; }
.faq .toggle-icon { text-align: center; background: 0 0; height: 40px; right: 15px; position: absolute; top: 50%; margin-top: -20px; width: 40px; line-height: 40px; }
.faq .toggle-icon .mdi { color: #4A4A4A; }
.faq .accordion-toggle.open .toggle-icon { background: #f0efef }
.faq .accordion-content { background: #ffffff; padding: 15px 25px 15px 25px; border: 1px solid #DADADA;}
.faq .accordion-content>p { color: #1f1f1f; font-size: 16px }
.faq .accordion-container .accordion-toggle[aria-expanded="true"] .mdi-plus:before { content: "\F374"; }
.faq .accordion-content img { display: block; float: left; margin: 0 15px 10px 0; max-width: 100%; height: auto }
.accordion-container:last-child{border-bottom: 1px solid #D9D9D9;}

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 100px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: 95%;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
    height: 4px;
    width: 34px;
    border-radius: 2px;
    background-color: #D8D8D8;
    border: 0px;
    margin: 0px;
}
#quote-carousel .carousel-indicators .active 
{
    background-color: #4A4A4A;
    margin:0px;
}
/*.rectangle {
  height: 269px;
  width: 269px;
  border-radius: 10px;
  background-color: #D5D5D5;
}*/

.disp-flex{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.how-it-works {
  margin-top: 50px;
  margin-bottom: 40px;
}
.disp-flex h6{
  margin-top: 17px; 
  color: #E71C24;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.disp-flex p {
  color: #4A4A4A;
 font-size: 14px;
  font-weight: 300;
  line-height: 17px;
  margin-bottom: 0px;
  padding: 0px 0px;
}
.rect{
  width: 269px;
  text-align: center;
  margin: 0px 40px;
}
.res-heading{
  color: #4A4A4A;
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  margin:0px;
  padding-bottom: 40px;
}
.faq-container{
  width: 662px;
  margin: 0 auto;
  line-height: 28px;
}
.partner-container{
  width: 960px;
  margin:0 auto;
}
.our-designer {
  height: 393px;
  width: 610px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background-color: #D3D3D3;
}
.designer-text{
    display: flex;
    justify-content: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #4a4a4a;
    margin-top: 10px;
}
.item blockquote{
  border: 0px;
}
/*.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #717171;
   font-size: 20px;
   font-style: oblique;
}*/
i.hl.rag-lazy-img {
    background-image: url(https://super.homelane.com/residence_visit/Schedule-01.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
i.hd.rag-lazy-img {
    background-image: url(https://super.homelane.com/residence_visit/Meet-01.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
i.hde.rag-lazy-img {
    background-image: url(https://super.homelane.com/residence_visit/Design-01.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
.hl.hl-schedule{
  width: 150px;
  height: 150px;
  background-position: 0px 0px;
}
.hd-design{
  width: 150px;
  height: 150px;
  background-position: 0px 0px;
}
.hde.hde-deliver{
  width: 150px;
  height: 150px;
  background-position: 0px 0px;
}
.featured-project{
  height: 540px;
  width: 960px;
 /* opacity: 0.5;*/
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 18.78%, rgba(0,0,0,0) 82.3%,rgba(0,0,0,0.5) 100%)
}

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}


#featured-proj  .carousel-control
{
    background: none;
    color: #222;
    font-size: 24px;
    text-shadow: none;
    /* margin-top: 100px; */
    padding: 7px 0px;
}
#featured-proj  .carousel-control.left 
{
    left: 16%;
    top:45%;
    opacity: 0.4;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    line-height: 22px;
    color: #484848;
}
/* Next button  */
#featured-proj  .carousel-control.right 
{
    right: 16%;
    top:45%;
    background-image: none;
    opacity:0.4;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    line-height: 23px;
    color: #484848;
}
#featured-proj  .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 36px;
  margin-right: -19px;
}
#featured-proj .carousel-indicators li 
{
    height: 4px;
    width: 34px;
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    opacity: 0.3;
}
#featured-proj .carousel-indicators .active 
{
    background-color: #ffffff;
    margin:1px;
    opacity: 1;
}
.featured-project img{
  width: 960px;
  height: 540px;
  z-index: -1;
  position: relative;
  border-radius:4px;
}
.detail{
  position: absolute;
  left:15.9%;
  top: 22px;
}
.detail .name{
  color: #ffffff;
  font-size: 20px;
  text-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
.rectangle-copy-5 {
  height: 393px;
  width: 610px;
 border: 1px solid #E0E0E0;
  border-radius: 4px;
  background-color: #D3D3D3;
  margin-left: 21px;
}
.rectangle-copy-5 img{
  height:  100%;
  width: 100%;
  border-radius: 4px;
}
.rectangle-copy-7 {
  height: 98px;
  width: 330px;
  cursor: pointer;
  list-style: none;
  background: #ffffff;
  position: relative;
}
li.rectangle-copy-7::after {
  content: "";
  display: block;
  margin: 0;
  position: relative;
  top: -94px;
  z-index: -1;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
li.rectangle-copy-7:first-child:after {
  top: -94px;
}
/*.icon{
  height: 58px;
  width: 58px;
  background-color: #D8D8D8;
  margin: 20px;
  position: absolute;
}*/
.text .orange{
  color: #E71C24;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
}
.text span{
  color: #4A4A4A;
  font-size: 14px;
  font-weight:300;
  line-height: 17px;
}
.features{
  border: 1px solid #E0E0E0;
  height: 394px;
  border-radius: 4px;
}
.features ul{
  padding: 0px;
}
.mb0{
  margin-bottom: 0px;
}
#home-signup-section .signin-signup{
  padding: 30px;
}
.heading-home{
  margin-top: 0px;
    color: #333;
    font-weight: 500;
    margin: 0px 0px 15px;
    line-height: 1.2;
    font-size: 21px;
}
#bookConsulation .modal-dialog{
      width: 375px;
    margin-top: 90px;
}
#bookConsulation .close-link{
  color: red;
    text-decoration: underline;
    display: block;
    padding-top: 20px;
}
.home-signin-signup .form-group span{
    color: #E71C24;
    text-align: right;
    font-size: 12px;
}
.fp .carousel-control svg{
  width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: #484848;
}
@media (min-width: 768px) and(max-width: 1368px){
  #featured-proj .carousel-control.right{
    right:26%;
  }
  #featured-proj .carousel-control.left{
    left:26%;
  }
  .detail{
    left: 26%;
  }
}

@media (min-width: 1680px){
  #featured-proj .carousel-control.right{
    right:22.5%;
  }
  #featured-proj .carousel-control.left{
    left:22.5%;
  }
  .detail{
    left: 22.5%;
  }
}
@media (min-width: 1500px) and (max-width: 1570px){
  #featured-proj .carousel-control.right{
    right:20%;
  }
  #featured-proj .carousel-control.left{
    left:20%;
  }
  .detail{
    left: 20%;
  }
}
@media (min-width: 1600px){
  #featured-proj .carousel-control.right{
    right:21%;
  }
  #featured-proj .carousel-control.left{
    left:21%;
  }
  .detail{
    left: 21%;
  }
}
@media (min-width: 1663px){
  #featured-proj .carousel-control.right{
    right:26%;
  }
  #featured-proj .carousel-control.left{
    left:26%;
  }
  .detail{
    left: 26%;
  }
}
@media (min-width: 1920px){
  #featured-proj .carousel-control.right{
    right:28%;
  }
  #featured-proj .carousel-control.left{
    left:28%;
  }
  .detail{
    left: 28%;
  }
}
.mtop50{
  margin-top: 30px;
}

.media-body:before{
  content: "";
    width: 28px;
    height: 2px;
    background: #9B9B9B;
    display: inline-block;
    position: absolute;
    margin: 0 30px;
    top:45%;
    left: -63px;
}
.happy-cust-quote{
    color: #717171;
    font-family: Lato;
    font-size: 40px;
    font-style: oblique;
    font-weight: 300;
    line-height: 48px;
    text-align: left;
}
.happy-cust-name{
  color: #4A4A4A;
  font-size: 32px;
  font-style: oblique;
  font-weight: bold;
}
.happy-cust-place{
color: #4A4A4A;
font-size: 28px;
font-style: oblique;
font-weight: 300;
line-height: 34px;
}
.pb78{
  padding-bottom: 78px;
}
.accordion-toggle.collapsed{
  font-weight: 600 !important;
}

li.rectangle-copy-7.activeBox::after {
  /* box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
  margin-bottom: 2px; */
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
  z-index: 1000;
}

li.rectangle-copy-7:hover{
  /* box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
  margin-bottom: 2px; */
  z-index: 1000;
}
#featured-proj .carousel-control.left:hover{
  opacity: 0.8;
}
#featured-proj .carousel-control.right:hover{
  opacity: 0.8;
}

.our-designer  img{
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.happy-cust-quote{
  font-size: 2.1vw !important;
  line-height: 130%;
  width: 960px;
  margin:0 auto;
}

.media-heading.happy-cust-name{
  font-size: 1.5vw;
}
.happy-cust-place{
  font-size: 1.5vw;
  line-height: 130%;
}

#quote-carousel{
  min-height: 22vw;
}
.features > ul li:first-child{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.features > ul li:last-child{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ftrs-li-seperator{
  height: 1px;
  width: 85%;
  background-color: #EEEEEE;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 20px;
  z-index: 1000;
}

li.rectangle-copy-7.activeBox > .ftrs-li-seperator{
  background-color: transparent;
}

li.rectangle-copy-7.activeBox > .ftrs-li-seperator{
  background-color: transparent;
}

li.rectangle-copy-7:hover > .ftrs-li-seperator{
  background-color: transparent;
}

.carousel-inner>.item{
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}


#quote-carousel1 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel1 .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
}

/* Changes the position of the indicators */
#quote-carousel1 .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel1 .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel1 .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel1 img
{
    width: 200px;
    height: 175px;
}


#quote-carousel1  .carousel-control
{
    background: none;
    color: #222;
    font-size: 24px;
    text-shadow: none;
    /* margin-top: 100px; */
    padding: 7px 0px;
}
#quote-carousel1  .carousel-control.left 
{
    left: 50px;
    top:42%;
    opacity: 0.4;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    line-height: 22px;
    color: #484848;
}
/* Next button  */
#quote-carousel1  .carousel-control.right 
{
    right: 40px;
    top:42%;
    background-image: none;
    opacity:0.4;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    line-height: 23px;
    color: #484848;
}
#quote-carousel1  .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom:65px;
  margin-right: -19px;
}
#quote-carousel1 .carousel-indicators li 
{
    height: 4px;
    width: 34px;
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    opacity: 0.3;
}
#quote-carousel1 .carousel-indicators .active 
{
    background-color: #ffffff;
    margin:1px;
    opacity: 1;
}
#quote-carousel1 img{
  width: 960px;
  height: 540px;
  z-index: -1;
  position: relative;
  border-radius:4px;
}
#quote-carousel1 .carousel-control svg{
      width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: #484848;
}
#quote-carousel1 .detail{
  position: absolute;
  left:35px;
  top: 15px;
}
.signin-signup .form-control::-webkit-input-placeholder, .signin-signup .form-control{
  color: #212121;}
.whatsapp{
  color:#333;
  margin-top: 3px;
}
.whatsapp input{margin:0}
.check-label{
  font-size: 11px;
  display: inline;
  vertical-align: middle;
}
.rtb-container{
  padding:0 15%;
  display: flex;
  justify-content: center;
  margin:30px 0px;
}
.rtb-container svg{
  width: 250px;
  height: 110px;
}
.rtb-container .completed{
  width: 420px;
  height: 115px;
}
.rtb-container .designers{
  width: 428px;
  height: 110px;
}
#nudgecard .close-proceed,.close-proceed{
  text-align: end;
  padding: 0 10px;
  cursor: pointer;
  font-size: 16px;
  color: #9a9a9a;
}
#nudgecard .close-proceed:hover,.close-proceed:hover{
  color: #000;
}