/*CUSTOM CSS HERE*/

.sticky-media a{width:60px;height:60px;font-size: 0px;}
.sticky-media a img{width:30px;}

.ftbox3{max-width: 500px;}
.ftbox2 .contact-list li a.pb20{padding-bottom:0 !important;}
.video-wrap.cover-video {padding-bottom: 40%;}

/*03-11-2025*/

.sticky-media .shareBtn-box .stickyText-ov {
    position: absolute;
    top: 50%;
    width: 0px;
    opacity: 0;
    right: 0px;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 5px;
    background: #000000;
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    }
    
.sticky-media .shareBtn-box {
    position: relative;
    display: block;
    }
    
.sticky-media .shareBtn-box a {
    z-index: 3;
    }

.sticky-media .shareBtn-box:hover .stickyText-ov {
    opacity: 1;
    width: auto;
    right: 70px;
    }

.video-wrap iframe {
    width: 100%;
    height: 550px;
    margin: auto;
    display: block;
    position: relative;
    margin-bottom: -10px;
    }


/* CALCULATOR CSS */

.space-cal-sec{ font-family: "Blogger Sans", sans-serif;}
.space-cal-sec .title-pageheader {border:0;}
#calculator_information #sizeContent .tab-pane{padding: 15px 20px 30px;}
#calculator_information #sizeTabs{min-width:220px;}
#calculator_information #sizeTabs ul{border: 1px solid #E75524;}
#calculator_information #sizeTabs ul li {border-bottom: 1px solid #ffffff;}
#calculator_information #sizeTabs ul li:last-child{border-bottom:0;}
#calculator_information #sizeTabs ul li a{
    font-weight: 500;
    padding: 15px 20px 15px 50px;
    justify-content: start;
    width: 100% !important;
    color: #ffffff;
    font-size: 16px !important;
    text-align: left !important;
    border-radius: 0px !important;
    background-color: #E75524;
    font-family: "Blogger Sans", sans-serif;
    border:0 !important;
    margin-right:0;
    background-position: left 14px center;
}
#calculator_information #sizeTabs li:hover a,
#calculator_information #sizeTabs .active a{color: #e65631;background-color: #fff;}
#calculator_information{width:calc(100% - 300px);display:flex;}
#calculator_information #sizeContent{border:1px solid #e75524;width:100%;margin:0 20px;}
.widget-summary .qty-row{display:flex;align-items:center;}

#calculator_information .type-dimensions .h3{font-size:25px;color:#E75524;text-transform: uppercase !important;padding-left: 30px;font-family: "Blogger Sans", sans-serif;}
.calculation-fields .title-widget{padding-bottom:0;margin-bottom:30px;margin-top:30px;}
.size-module{padding:25px;}
#calculator_information .type-dimensions .dimen-square,#calculator_information .type-dimensions .meta-data,
.size-module .title-widget,.size-module .meta-data{font-family: "Blogger Sans", sans-serif;}
.size-module .title-widget{font-size:20px;}
.size-module .title-widget i,.size-module .title-widget {color:#fff;}
.size-module .title-widget i{display:none;}
.size-module .title-widget{padding:0;}
.total-overall ul{padding-left:0;padding-top:10px;}
.estimated-size{text-align:left;}
.widget-summary .title-widget{font-size:20px;padding-left:25px;color:#fff;font-weight: 400;}
.widget-summary .widget-content{padding:10px 25px;}
.spinner-big .ui-spinner-input{padding:2px 15px;border-radius:0;border-right:0;}
#calculator_information .type-dimensions .dimen-square{font-weight:600;border:0;}
#calculator_information .spinner-big .ui-spinner{padding:0;border:0;}
#calculator_information .spinner-big .ui-spinner-input{border:1px solid #ddd;padding-right: 40px;}
#calculator_information .spinner-big .ui-spinner-input:hover,#calculator_information .spinner-big .ui-spinner-input:focus{border-color:#e75524;}
.calculation-fields label{padding: 10px 0 0;}
.calculation-fields label ~ span{margin-top: 5px;}

#calculator_information input[type=number]::-webkit-inner-spin-button, 
#calculator_information input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

#calculator_information .ui-spinner .ui-spinner-button .ui-icon{display:block;color: #e75524;}
#calculator_information .spinner-big .ui-spinner{position:relative;}
#calculator_information .spinner-big .ui-spinner::after{content:'';right:38px;top:5px;width:1px;background:#ddd;bottom:5px;position:absolute;}


.spinner-big .ui-spinner-button{background-color: #fff;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 20px;
    z-index: 2;}
    .spinner-big .ui-spinner-up {
  line-height: 1;
  top: 10px;
}
.spinner-big .ui-spinner-down {
  line-height: 1;
  bottom: 10px;
}    

.calculation-fields button.clearSpinner{display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-transform: uppercase;
  border: 1px solid transparent;
  padding: 0px 30px 0 50px !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-decoration: none;
  background-color: #E75524;
  color: #ffffff;
  transition: all 0.2s linear;
  font-family: "Blogger Sans", sans-serif;
  border-radius: 50px !important;border:0;height:50px;
  border: 1px solid #e65631;
    
}
  .calculation-fields .clearSpinner .fa{top: 50%;
  transform: translateY(-50%);left:20px;}
  
 #calculator_information #sizeTabs li:hover a.carton{background-image: url(../img/content/calculator/box.png) !important;} 
 #calculator_information #sizeTabs li:hover a.bedroom{background-image: url(../img/content/calculator/bed.png) !important;} 
 #calculator_information #sizeTabs li:hover a.livingrm{background-image: url(../img/content/calculator/cube.png) !important;} 
 #calculator_information #sizeTabs li:hover a.kitchen{background-image: url(../img/content/calculator/pot.png) !important;} 
 #calculator_information #sizeTabs li:hover a.others{background-image: url(../img/content/calculator/gear.png) !important;} 
 .widget-summary .dismiss:hover{color: #E75524;}



.homeVideo-section .video-wrap{max-width:1050px;margin:0 auto;border-radius:20px;overflow:hidden;}
.homeVideo-section .video-wrap iframe{border-radius: 20px;}

.homeSection6 .homeClient-box,.homeSection6 .homeClient-box .clientInfo, .review-slider .slick-slide{height:auto;max-height:100%;}
.homeSection6 .homeClient-box p{line-height:1.5 !important;}

.review-slider .slick-slide .clientPic img {
    height: auto !important;
    min-height: unset !important;
    max-height:74px !important;
    max-width:74px !important;
}

#cookie-notice{display:none !important;}


@media only screen and (max-width: 1799.98px) {
.top-link{width:50px; height:50px;}
/* .nav > ul > li {margin: 0px 0px 0px 12px;}
.nav > ul > li > a{font-size:14px;} */
}
@media only screen and (max-width: 1699.98px) {
/* .logo-holder .logo{width:210px;}
.nav > ul > li {margin: 0px 0px 0px 20px;}
.nav > ul > li > a,.nav > ul ul a, .nav > ul ul ul a{font-size:12px;}
.top-right .custom-button{font-size:12px;} 
.margin-container {margin-top: 115px;}*/
}
@media only screen and (max-width: 1599.98px) {
.ftbox3{max-width: 396px;}
.ftbox3 div.mt30{margin-top:0 !important;}
/* .nav > ul > li {margin: 0px 0px 0px 12px;} */
}

@media only screen and (max-width: 1399.98px) {
/* .logo-holder .logo{width:180px;} */
.top-link{width:40px; height:40px;}
/* .nav > ul > li {margin: 0px 0px 0px 18px;}
.nav > ul > li > a{font-size:11px;} */
.video-wrap iframe { height: 600px; }
.spinner-big .ui-spinner-up{top: 6px;}
.spinner-big .ui-spinner-down{bottom: 6px;}
#calculator_information .type-dimensions .h3{font-size: 18px;}
 #calculator_information{width: calc(100% - 250px);}
 #sideWidgets{width: 250px;}
}


@media only screen and (max-width: 1199.98px) {

.sticky-media a{width:50px;height:50px;font-size: 0;}
.sticky-media a img{width:20px;}
.main-slider .slick-arrow{top: 150px;}
.sidebar{width:100%;}
.sticky-media .shareBtn-box:hover .stickyText-ov { right: 60px; }
.video-wrap iframe { height: 400px; }

#calculator_information #sizeContent .tab-pane{padding: 15px 10px 20px;}
#calculator_information .type-dimensions .h3{font-size: 14px;}
#calculator_information .type-dimensions .meta-data{font-size: 20px;}
#calculator_information .type-dimensions .dimen-square{width: 50px;height: 50px;padding: 12px 5px;}
#calculator_information .type-dimensions .dimensions{padding-left: 60px;}
#calculator_information .type-dimensions .dimen-square sup {font-size: 14px;}
.size-module .meta-data,.estimated-size .meta-data{font-size:22px;}
.widget-summary .title-widget{font-size: 16px;padding-left: 15px;}
.size-module{padding:20px 15px;}
.widget-summary .widget-content{padding: 10px 15px;}
}

@media only screen and (max-width: 1024.98px) {
    .main-slider .slick-slide .item.video, .main-slider .slick-slide .item.image{min-height:auto;}
    .main-slider .slick-slide{height:auto;}
}
@media only screen and (max-width: 991.98px) {
.ftbox3{max-width: 100%;}
.footer-nav{-moz-column-gap: 15px;
    column-gap: 15px;}
    


#calculator_information{flex-wrap: wrap;width:100%;margin-top:10px;}
#calculator_information #sizeContent{margin-left:0;margin-right:0;margin-top:20px;}
#calculator_information #sizeTabs ul li{border-bottom:0;}
.spinner-big .ui-spinner-button{font-size:10px}
#sideWidgets{width:100%;}

#sideWidgets .widget{max-width:100%;width:100%;}
.page-id-350 .main-content-wrapper{overflow-x: hidden;}

    
    
}




@media only screen and (max-width: 768.98px) {
    .awf-preset-wrapper.awf-preset-1-wrapper{ display:block; }
    .video-wrap iframe { height: 300px; }
}
@media only screen and (max-width: 575.98px) {
     body{font-size:16px;}
     .custom-button{font-size:14px;}
    .footer-nav li{width:100% !important;}
    .bottom.size-16{font-size:16px !important;}
    .main-slider .slick-arrow{top: 100px;}
    .homeVideo-section .video-wrap.cover-video {padding-bottom: 350px;}
    .homeVideo-section .video-wrap .video-toggle{width:120px; height:120px;}
    .homeVideo-section .video-wrap .video-toggle i{width:90px; height:90px;}
    /* .top-right{margin-right:30px;} */
    .top-link img{max-width:16px;}
    .top-right .woocoo-icons .custom-button{height:30px;padding: 0px 10px;font-size:10px;}
    .top-right .woocoo-icons .custom-button::after{ margin-left: 7px;}
    .top-link.search{width:30px;height:30px;}
    .sticky-media{bottom: 70px;}
    .sticky-media .shareBtn-box:hover .stickyText-ov { opacity: 0; display: none; }
    #calculator_information #sizeTabs ul li a{width: 50px !important;
  height: 40px;padding:0;}
    
    
}

@media only screen and (max-width: 375.98px) {
    .logo-holder .logo { width: 100px; padding: 14px 0px; }
    }