body{  font-family: "Open Sans", serif;  color: #000000;}


a{ text-decoration: none; color: #ee6920;}
p{ font-weight: normal; font-size: 14px; }
figure { margin: 0px; }

ul{ padding-left:0px; list-style: none; margin-bottom: 0px; }
img{ max-width: 100%;}
.container{ padding-left: 15px; padding-right: 15px; }

.p-70{ padding:70px 0px;}
.p-60{ padding:60px 0px;}
.p-50{ padding:50px 0px;}
.p-40{ padding:40px 0px;}
.p-30{ padding:30px 0px;}   

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: "Roboto", serif; }

h2{ font-size: 42px; margin-bottom: 20px; font-family: "Playfair Display", serif;  }
h3{ font-size: 36px;  }
h4{ font-size:30px; }
h5{ font-size: 20px; }


.title {  margin-bottom: 45px;}
.title h2{ text-transform: capitalize; position: relative; padding-bottom: 20px;}
.title h2:after{ content: ""; position: absolute; left: 0; width: 100px; height: 4px; background: #ee6920; bottom: 0; margin: auto; }
.title h2:before{ content: ""; position: absolute; left: 48px;  width: 5px; height: 4px; background: #000; bottom: 0; margin: auto; z-index: 1; outline: 4px solid #fff;}
.title.text-center h2:before{ right: 0; left: 0; }
.title.text-center h2:after{ right: 0; }

.title h4{  }
/*.container{ max-width:1230px;}*/

@-webkit-keyframes navbarFixed {
    0% {
        opacity          : 0;
        -webkit-transform: translateY(-100%);
        transform        : translateY(-100%);
    }

    100% {
        opacity          : 1;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
    }
}

@keyframes navbarFixed {
    0% {
        opacity          : 0;
        -webkit-transform: translateY(-100%);
        transform        : translateY(-100%);
    }

    100% {
        opacity          : 1;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
    }
}


header {  position: relative;  top: 0px;  left: 0px;  width: 100%; z-index: 9; transition: all 0.4s ease-in-out 0s; padding: 0px; box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.06);}
/*.sticky {
    box-shadow: 0px 15px 10px -15px rgb(46 45 45);
    background-color: #fff;
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
    -webkit-animation: navbarFixed 0.8s;
    animation: navbarFixed 0.8s;
    position: fixed;
    z-index: 99; padding: 30px 0px; top: 0;
}*/

.main_header { display: flex;  flex-wrap: wrap;  align-items: center; padding: 10px 0;}
.login_box ul{ display: flex; flex-wrap: wrap; justify-content: flex-end;  }
.body_fixed{ position: fixed; top: 0px; left: 0px; width:100%;}
.logo { width: 15%; }
.logo img{ height: 80px; }
.menu_section { width: 70%; padding-left: 30px;}
.login_box {  width: 15%; text-align: center; padding-left: 15px;}
.login_box a{ color: #000; }
.login_box a:hover img{ filter: grayscale(1); }
.login_box a:hover{color: #d44b2b; transition: .3s;}
.login_box img{ display: block; margin:auto; }
.login_box li{ padding-right: 30px; }
.login_box li:last-child{ padding-right: 0px; }
.header_top{ background: #4a3b9f; padding: 12px 0; }
.header_top_in{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.header_top_in a{ color: #fff; }
header .contact_section{ display: flex; flex-wrap: wrap;  }
.contact_section li{ margin-right: 25px; }
.contact_section li {  position: relative; padding-left: 25px; }
.contact_section li i{ margin-right: 5px; position: absolute; top: 5px; left: 0;  }

/*header_navigation_desktop*/
.header{  justify-content: space-between; display: flex; flex-wrap: wrap; color: #343434; align-items: center; position: relative; transition: all 0.4s ease-in-out 0s;}

.header_navigation .menu{ display: flex; flex-wrap:wrap; list-style: none; align-items: center; justify-content: center; }
.header_navigation .menu > li{ margin-right: 60px; position: relative;}
.header_navigation .menu > li > a{ padding:10px 0px;}
.header_navigation .menu > li:last-child{ margin-right:0px;}
.header_navigation ul li a{ text-transform: capitalize; color:#000000; font-size:15px; text-decoration: none; text-transform: uppercase;  transition: .3s; }
.header_navigation ul li a:hover, .header_navigation ul li a.active { color: #d44b2b; transition: .3s; }
.header_navigation ul li a.active + span.arrow i { color: #d44b2b; transition: .3s; }
.mobile_header{ display:none;}

.header_navigation ul li .sub-menu {
    color: #fff;
    position: absolute;
    min-width: 245px;
    width: 100%;
    left: 0;
    top: calc(100% + 10px);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    transform-origin: 0 0 0;
    margin-left: 0;
    -webkit-box-shadow: 0px 4px 9px -2px rgb(0 0 0 / 45%);
    -moz-box-shadow: 0px 4px 9px -2px rgba(0,0,0,0.45);
    box-shadow: 0px 4px 9px -2px rgb(0 0 0 / 45%);
    background-color: #ed6a22;
    overflow: hidden;
}
/*.header_navigation ul li .sub-menu::before {   content: "";  background-color: #f000;  opacity: 0.9;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}*/
.header_navigation ul li:hover  .sub-menu, .header_navigation ul li:focus {  visibility: visible;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);
-o-transform: scale(1);  transform: scale(1);}
.header_navigation ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }
.header_navigation ul li .sub-menu li a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 12px 15px;
    margin-bottom: 1px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}
.header_navigation ul li .sub-menu li:last-child a{ border-bottom:none; }
.header_navigation ul li .sub-menu li a:hover{ color: #ffffff;  background-color: #973224;}
.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }
.menu_section .menu_bottom  .sub-menu{ display:block;}
.header_navigation .arrow{ position: absolute; right: -15px;}
.header_navigation .arrow i{ font-size: 14px; line-height: 14px;  margin-left: 0;}
.navbar-fostrap {  display: none; position: relative;}
.navbar-fostrap b{ font-size:8px; font-weight: 400; letter-spacing: 1px; position: absolute; bottom: -16px; left: -1px; width: 100%; text-align: center;}

/*banner*/
.banner{ max-width: 1920px; margin: auto; color: #fff; position: relative; }
.banner_caption {  position: absolute;  top: 50%; transform: translate(0 , -50%);  text-align: left;  width: 100%;
  right: 0; left: 0px; padding: 25px; }
.banner .banner_img{ position: relative; } 
.banner .banner_img:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(74,59,159,0.8)0%, rgba(74,59,159,0.0) 100%); }
.banner .banner_img img{ min-height: 700px; object-fit: cover; }
.banner_caption h1{ font-size: 56px;  margin-bottom: 35px; font-family: "Playfair Display", serif;}
.banner_caption p{ font-size: 22px; line-height: 30px; }
.banner_caption .text_in{ max-width: 60%; }
.banner_caption figure img{ z-index: 1; position: relative; }
.default_btn1{transition: 0.4s; border: 1px solid transparent; width: 100%; text-align: center; max-width: 278px; padding: 15px 20px; letter-spacing: 1px; border-radius: 0px;  display: inline-block; text-decoration: none; background-color: #ee6920; color: #fff; font-size:16px; }
.default_btn2{transition: 0.4s; border: 1px solid #f4991c;  text-align: center; padding: 5px 22px; letter-spacing: 1px; border-radius: 0px;  display: inline-block; text-decoration: none; background-color: #fff;  font-size:14px; }
.default_btn1:hover , .default_btn2:hover{ background-color: #f2b621 !important; border:1px solid #f2b621; color:#fff; }
.banner_caption .default_btn1{ margin-top: 50px; }
.banner .carousel-indicators button{ width: 12px; height: 12px; background-color: #fff; border-radius: 50%; margin:8px; opacity: 1; }
.banner .carousel-indicators button.active{ background-color: #f4991c; }
.banner .carousel-indicators { bottom: 25px; left: 0px; right: 0px; text-align: center;}
/*banner*/

/*shop_by_collection*/
.shop_by_collection .main_row{ margin:0px -10px; }
.shop_by_collection .main_row [class*="col"]{ padding:15px 10px;  margin-bottom: 15px;}
.shop_by_collection .design_item{ padding: 10px; margin: auto; padding-bottom:45px; height: 100%; position: relative; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);  }
.shop_by_collection .default_btn2{ position: absolute; left:10px; bottom: 10px; }
.design_item h5{ text-transform: capitalize; }
.design_item h5 a , .design_item h3 a{ color:#000000; transition: 0.4s; }
.design_item h5 a:hover , .design_item h3 a:hover{ color:#ee6920; }
.design_item figure{ margin-bottom: 15px; overflow: hidden; }
.design_item figure img { transition: 0.4s;}
.design_item figure:hover img { transform: scale(1.03);}
.shop_by_collection .container{ position: relative; }
.shop_by_collection .logo_flower { position: absolute; top: -110px; right: 20px; z-index: 1; max-width: 30%;}
/*shop_by_collection*/

/*feature_style*/
section.feature_style { background: #f2f1f7; padding: 70px 0;}
.feature-block-two .inner-box{  position: relative;  padding: 0px 0px 11px 125px;  min-height: 100px;}
.feature-block-two .inner-box .icon-box{  position: absolute;  left: 0px;  top: 0px;  width: 100px;  height: 100px;
  line-height: 100px;  font-size: 50px;  background: #fff;  text-align: center;  border-radius: 50%;  box-shadow: 0 0 0 4px rgba(74,59,159,0.1);
  transition: all 500ms ease;  z-index: 1;}
.feature-block-two .inner-box:hover .icon-box{  box-shadow: 0 0 0 4px rgba(74,59,159,0.8);}
.feature-block-two .inner-box .icon-box:before{  position: absolute;  content: '';  width: 100%;  height: 100%;  left: 0px;
  top: 0px;  transform: scale(0,0);  border-radius: 50%;  transition: all 500ms ease;  z-index: -1;}
.feature-block-two .inner-box:hover .icon-box:before{  transform: scale(1,1);}
.feature-block-two .inner-box h3{  font-size: 24px;  line-height: 32px;  margin-bottom: 7px;}
.feature-block-two .inner-box p{  line-height: 22px; margin-bottom: 0;}
.feature-style-two .shape-layer .shape-1{  position: absolute;  left: 0px;  bottom: 0px;  width: 530px;  height: 20px;  background: #fff;}
.feature-style-two .shape-layer .shape-2{  position: absolute;  left: 0px;  bottom: 20px;  width: 390px;  height: 20px;  background: #fff;}
.feature-style-two .shape-layer .shape-3{  position: absolute;  right: 0px;  bottom: 0px;  width: 390px;  height: 20px;  background: #fff;}
.feature-style-two .shape-layer .shape-4{  position: absolute;  right: 0px;  bottom: 20px;  width: 530px;  height: 20px;  background: #fff;}
/*feature_style*/

/*shop_by_collection*/
.shop_by_collection  .row [class*="col"] { padding-top: 15px;  padding-bottom: 15px;}
/*shop_by_collection*/

/*testimonial_sec*/
.testimonial_sec { background: #f2f1f7;  padding: 60px 0;}
.testimonial_sec .owl-carousel .owl-item img{ display: inline-block; width: auto; }
.testi_in {background: #fff; padding: 15px 30px; text-align: center; margin-top: 50px; position: relative; border: 1px solid #ccd;}
.testi_in:before , .testi_in:after{ position: absolute; top: 10px; left: 5px; content: ""; opacity: 0.4; width: 50px; height: 50px; background-size: 100%; background-image: url("../images/quote-top.png"); } 
.testi_in:after{ bottom: 10px; right: 5px; left: auto; top: auto; background-image: url("../images/quote-bottom.png"); }
.testi_in .profile_img{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin:-65px auto 15px; border: 5px solid #fff; }
.testi_in .profile_img img{ min-height: 100%; object-fit: cover; }
.testi_in p{ color: #656565; }
/*testimonial_sec*/

/*faq_sec*/
.faq_sec{ background: #fff; }
.accordion_sec .accordion-button::after { position: absolute; left: -39px;  top: 0px;}
.accordion_sec .accordion-button , .accordion_sec .sub_heding{ padding-left: 20px;}
.accordion_sec .accordion-item{ border: none; margin-bottom: 15px; box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13); padding:22px 22px 22px 60px; border-radius: 0px; } 
.accordion_sec .accordion-item p{ line-height: 25px;}
.accordion_sec .accordion-button , .accordion_sec .accordion-item:first-of-type .accordion-button {  border-radius: 0;  font-weight: 600;
  font-size: 18px;  padding:0; }
.accordion_sec .accordion-button:not(.collapsed){ background-color: transparent; color:#000; box-shadow: none;}
.accordion_sec .accordion-button:focus{ border: none; box-shadow: none; }
.accordion_sec .accordion-body p:last-of-type{ margin-bottom: 0px;}
.accordion_sec .accordion-body{ padding:0; padding-top: 10px;}
.accordion-header{ position: relative; font-family: "Roboto", serif; font-weight: 700;}
.accordion-header:before{ content: ""; position: absolute; top: 1px; left: -38px; width: 18px; height: 18px; border: 2px solid #000;}
.accordion-button::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E"); }
.accordion-body ul{ list-style: disc; padding-left: 20px; margin-top: 15px; margin-bottom: 15px;}
/*faq_sec*/


/*footer*/
footer:before{ content: ""; background: rgba(255,255,255,0.8); background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
footer .container{ position: relative; z-index: 1; }
footer a{ color:#000; }
.footer_logo img{ height: 100px; }
.footer_detail p a{ color:#ee6920; text-decoration: underline;  }
.footer_detail p:last-of-type{ margin-bottom: 0px; }
.footer_row{ display: flex; flex-wrap: wrap; margin: 0px -15px; padding: 60px 0;}
.footer_row .footer_detail{ width: 23%; padding:0px 15px; display: flex; flex-wrap: wrap;}
.footer_row .footer_link{ width: 26%; padding:0px 15px;}
.footer_row .footer_link.footer_about{ width: 23%; }
.footer_row .footer_contact{ width: 28%; padding:0px 15px; }
footer{max-width: 1920px; margin: auto; position: relative; position: relative; }
footer h5{ margin-bottom: 20px; font-weight: 700; font-size: 16px; color: #ee6920; letter-spacing: 1px; }
.footer_link ul li a { font-size:16px; font-weight: 400; }
.footer_link ul li a:hover{ color:#ee6920; }
.footer_link ul li{ margin-bottom: 12px; }
.footer_link ul li:last-child{ margin-bottom: 0px; }
footer .row [class*="col"]{ padding-top:20px; padding-bottom: 20px; }
.footer_form .btn_submit { position: absolute;  top: 10px; padding: 0px;  right: 0; background-color: transparent; border: none;}
.footer_content { padding-right:18%; }
.footer_logo { padding-bottom: 15px;}
footer .social_section { padding-top: 30px;}
.copyright{ padding: 25px 0; text-align: center; background-color: #4a3b9f; position: relative; z-index: 1; }
.copyright p{ margin-bottom: 0; color: #fff;}
/*footer*/
.social_section {display: flex; flex-wrap: wrap; align-items: center;}
.social_section li {margin-right: 25px;}
.social_section li:last-child{ margin-right: 0; }
.social_section a { transition: 0.4s; display: inline-block;}
footer .contact_section li{ margin-bottom: 5px; }
/*footer*/

/*contact-page*/
section.contact_form { padding-top: 5px;}
.main_row{ display: flex; flex-wrap: wrap; align-items: center; margin:0px -15px;}
.contact_form .main_row .col_left{ width:49%; }
.contact_form .main_row .col_right{ width:51%; }
.main_row .col_left , .main_row .col_right { padding:0px 15px; }
.error { display: none;  width: 100%;   font-size: 16px;  color: red;  text-align: left;}
.form_box { background-color: #f8f8f8;  padding: 10%; }
.form_box .form-group{ margin-bottom: 18px; }
.form_box .form-control{  height: 40px; border-radius: 0px; border: 1px solid #f3f3f3; border-radius: 0px; padding:15px 30px 15px 0px; padding:5px 15px; }
.form_box .form-control:focus{ box-shadow: none; }
.form_box .form-control::-webkit-input-placeholder { color: #7c7c7c;}
.form_box .form-control::-moz-placeholder { color: #7c7c7c;}
.form_box .form-control:-ms-input-placeholder { color: #7c7c7c;}
.form_box .form-control:-moz-placeholder { color: #7c7c7c;}
.form_box .form-control::placeholder{ font-size: 14px; font-weight: 500; color: #7c7c7c;} 
.form_box textarea.form-control{ height: 115px; resize: none; padding-top: 10px; }
.default_btn1{ text-transform: uppercase; }
.contact_form h3{ margin-bottom: 22px; letter-spacing: 2px; }
.form_box .btn1{ width:100%; max-width: 100%; margin-bottom: 25px; } 
.contact_form .content_box{ padding-right: 5%; }
.contact_form .content_box p a{ text-decoration: underline; }
.contact_form .content_box p a:hover{ color:#f4b922; }
.contact_form .content_box p{ font-size: 16px; line-height: 24px; margin-bottom: 25px; }
/*contact-page*/

/*product-detail-page*/
.main_row .col_left{ width:55%; }
.main_row .col_right{ width: 45%; }
.item_detail_box p{ font-size: 16px; line-height: 25px;}
.item_detail_box .price { color: #ee6920; margin-bottom: 20px; }
.item_detail_box .price span{ font-size: 16px; font-weight: 500; text-transform: initial; color: #7c7c7c; margin-left: 15px;}
.product_slider {padding-right: 10px;}
.prod-size-items{display: flex; flex-wrap: wrap; margin:0px -6px;}
.prod-size-itm{max-width: 90px; width: 100%; position: relative; padding: 10px 6px 0px; text-align: center;}
.prod-size-itm figure{ margin-bottom: 5px; border: 1px solid #fff; padding: 4px; text-align: center;}
.prod-size-itm figure img{ width: 100%; object-fit: cover; }
.prod-size-itm span{display: block; font-size: 10px; line-height: 10px; text-align: center; text-transform: uppercase; padding: 0px 6px;}
.prod-size-itm input {cursor: pointer; width: 100%; height: 100%; position: absolute; opacity: 0;}
.prod-size-itm input:checked+label{ color: #ee6920;}
.prod-size-itm input:checked+label figure{ border: 1px solid #ee6920; }

.product_item_section .main_row{ align-items: flex-start; }
.prod-size , .submit_detail{ padding:20px 0px; border-top: 1px solid #f2f1f7; }
.prod-size h5{ margin-bottom: 0px; }
.item_detail_box h5{ text-transform: uppercase; font-size: 13px;}

.slider-nav .item_list{ margin:5px; }
.slider-nav .item_list figure{ padding: 4px; border: 1px solid #fff;}
.slider-nav .item_list.slick-current figure{ border: 1px solid #ee6920; }
.slider-nav .slick-list{ padding: 0px !important; }
.slider-nav{ padding: 20px 30px; }

.slider-nav .slick-arrow{ position: absolute; top: 50%; transform: translate(0 , -50%); width: 12px; height: 20px;  }
.slider-nav .slick-next:before, .slider-nav .slick-prev:before{ content: ""; width:12px; background-repeat: no-repeat; background-size: 100%; position: absolute; top:0; height: 20px; }
.slider-nav .slick-prev {  left: 0; background-image: url("../images/arrow_left.png"); }
.slider-nav .slick-next{ right:0; background-image: url("../images/arrow_right.png");}


.slider-nav .slick-next:focus , .slider-nav .slick-next:hover{ background-image: url(../images/arrow_right.png); } 
.slider-nav .slick-prev:focus, .slider-nav .slick-prev:hover{ background-image: url(../images/arrow_left.png); }

.counter_box{ padding-left: 15px; }
.content_counter_size { background-color: #f2f1f7; padding: 20px; }
.counter_size .content_counter_size h5{ font-size: 14px; margin-bottom: 0px;  }
.counter_size .content_counter_size h5 span{ background-color: #fff; margin-bottom: 15px; display: block; padding: 10px; color:#ee6920; border-radius: 30px; }
.counter_size .row [class*="col"]{ padding-top: 10px; padding-bottom: 10px; }
.counter_size  h5{ margin-bottom: 15px; }
.porducts_detail_section .item_detail_box .default_btn1 { width: 100%; text-align: center; max-width: 100%; }

.quantity{display: flex; justify-content: space-between;  border: 1px solid #fff; margin-bottom: 15px; background-color: #f2f1f7; }
.quantity span {background: transparent; font-size: 30px; font-weight: normal; border: none; width: 30px; line-height: 30px;
 height: 35px;  color: #fff; text-align: center; background-color: #7c7c7c; display: flex; justify-content: center; align-items: center;}
.quantity input{width: 30px;text-align: center; border: 0px; font-size: 14px; color: #ee6920; }
.quantity input:focus{ border: none; outline: none; }
.quantity ::-webkit-inner-spin-button {display: none !important;-webkit-appearance: none;-moz-appearance: none; appearance: none;  margin: 0;}
.quantity input[type=number]{-moz-appearance: textfield;}

.item_detail_box .counter_box p{ font-size: 12px; line-height: 10px; margin-bottom: 8px; }

.calculate_project_detail{ padding-top:50px; }
.calculate_project_detail .heading{ text-align: center; margin-bottom: 30px; }
.calculate_project_detail .heading h3{ margin-bottom: 15px; }
.calculate_project_detail .heading p{ font-size:16px; }
.calculate_project_detail h5{ text-transform: uppercase; font-size: 12px; margin-bottom: 15px; }
.calculate_project_detail .wall_detail{ background-color: #f2f1f7; align-items: inherit; margin:0px;  }
.calculate_project_detail .col_left{ width:77%; padding: 0px 30px 10px 30px; }
.calculate_project_detail .col_left p a{ text-decoration: underline; }
.calculate_project_detail .col_left p a:hover{ color:#000; }
.calculate_project_detail .col_left .wall_size_top [class*="col"]{ padding-top: 20px; }
.calculate_project_detail .col_right{ width:23%; padding: 0px; }
.calculate_project_detail .col_right .content_box{ padding: 25px 15%; background-color: #7c7c7c; color: #fff; height: 100%;}
.calculate_project_detail .col_right .content_box p{ font-size: 13px; line-height: 16px;  }
.calculate_project_detail .col_right .content_box p a{ color: #fff; text-decoration: underline; }

.error_box{ position: relative; padding-left: 20px; }
.error_box img{ position: absolute; top: 4px; left: 0px; }
.product_item_section { padding-top: 40px;}

.design_item h5.price{ margin-bottom: 15px; font-weight: 700; } 
.design_item h5.price span{ font-size: 14px; color: #7c7c7c; }

.product_filter {  padding: 20px; margin-top: 15px; min-height: 100%; background-color: #f1f0f6; border-top:3px solid #4a3b9f;}
.product_filter .filter_box{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.product_filter .filter_box:last-of-type{ border-bottom: none; }
.product_filter h5{ margin-bottom: 20px; font-family: "Playfair Display", serif; }
.product_filter li a{ color: #4a3b9f; }
.filter_box ul li{ margin-bottom: 10px; }
.range-slider {  width: 100%;  text-align: center;  position: relative;  margin-top: 30px; height: 20px;}
input[type=range] {  -webkit-appearance: none;  width: 100%;  position: absolute;  left: 0;  border-radius: 10px;}
input[type=range]::-webkit-slider-runnable-track {  width: 100%;  height: 3px;  background: #4a3b9f;  border: none;
  border-radius: 10px;
}
input[type=range]::-webkit-slider-thumb {  -webkit-appearance: none;  border: none;  height: 18px;  width: 18px;
  border-radius: 50%;  background: #f18248;  margin-top: -7px;    cursor: pointer;  position: relative;  z-index: 1;}
input[type=range]:focus { outline: none;}
input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc;}
span.rangeValues {margin-top: 10px; display: inline-block;}

.tab_main .nav-tabs { justify-content: center; margin-bottom: 30px; border-bottom: none; }
.tab_main .nav-tabs .nav-item.show .nav-link, .tab_main .nav-tabs .nav-link.active{ background-color: #ef6923; color: #fff; border-color:#ef6923;  }
.tab_main .nav-tabs .nav-link{ border-radius: 0; border: 1px solid #ccc; color: #000; margin:0 5px; }
.worksite_img{ margin-bottom: 25px; }

/*product-detail-page*/


/*about-page*/

.working_process{ background: #f2f1f7;}
.working_box { color: #000000; display: inline-block; font-size: 16px;  margin: 8px;  max-width: 310px;  min-width: 162px;
    position: relative; text-align: left;    width: 100%; -webkit-box-sizing: border-box;    box-sizing: border-box;    background-color: transparent;
    box-shadow: none !important;  padding: 30px 40px 0 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.working_box:hover{
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.working_box:hover .step_number { background: #41484e ;}
.working_box:hover figcaption { background-color: #ee6920 ;}
.working_process_content figure figcaption{ background-color:#41484e; border-radius: 5px; 
    bottom: 30px;  left: 40px; position: absolute; right: 0; top: 0;}
.working_process_content .step_number {
    border-top-left-radius: 5px; background: #ee6920;
    border-bottom-right-radius: 50%; position: absolute; font-weight: 400;
    font-size: 20px; height: 41px;    width: 41px;    line-height: 41px; text-align: center;  margin-right: 0;
    margin-bottom: 0; left: 0; top: 0;  color: #fff;  z-index: 1; margin-top: 30px;}
.working_process_content img {
    box-shadow: 0 15px 35px 0 rgba(28,30,35,0.2);  max-width: 100%; position: relative; vertical-align: top; border-radius: 5px;}
.working_process_content h3 {    font-size: 15px; position: absolute;  -webkit-transform: rotate(90deg);  transform: rotate(90deg);
    -webkit-transform-origin: 0% 0%;  -ms-transform-origin: 0% 0%;    transform-origin: 0% 0%;    color: #fff;
    left: 100%;  letter-spacing: 1px;  margin: 29px 0; opacity: 0.8;  padding: 4px 40px 0 0; right: 0;  text-transform: uppercase;
    top: 0;    white-space: nowrap; font-weight: 400; line-height: 36px;}

.process_content h4 { font-weight: 500;  color: #2b2b2b; font-size: 18px; font-display: swap;  margin-top: 15px;}
.process_content{ text-align: right; }


/**about_bottom**/
.about_bottom { padding-top: 40px;}
.icon-holder { float: left;  position: relative;  z-index: 9;}
.text-holder { padding: 0 0 0 100px;  position: relative; text-align: left;}
.circle-text { width: 80px;  height: 80px;
    margin: 0 auto; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;
    font-size: 40px; line-height: 80px; text-align: center;  -webkit-transition: color 0.5s ease-in;
    -moz-transition: color 0.5s ease-in; -o-transition: color 0.5s ease-in; -ms-transition: color 0.5s ease-in;
    transition: color 0.5s ease-in; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);}
.text-holder h4 {  line-height: 28px;  font-style: normal;  font-size: 20px;  color: #000;}

.about_img { border: 1px solid #ccc;  padding: 5px;}
/**about_bottom**/

#counter{  text-align: center;  display: flex;  align-items: center;  justify-content: center;  background: #40474d;
  padding: 40px 0px;  width: 100%;}
#counter  .count{  color: #ee6920;  margin-bottom: 5px;  font-size: 40px;}
#counter  h3{  color: #fff;  text-transform: capitalize;  font-size: 25px;}

/*about-page*/


@media(max-width:991px){
.p-70{ padding:45px 0px;}  
.p-50{ padding:35px 0px;}     

/*nav_START*/
.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  {color: #fff;line-height: 45px;}
.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  i{ color: #000; }
.header_navigation ul li:hover > .sub-menu, .header_navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);
    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.header_navigation.visible {right: 0;-webkit-transition: right .4s ease;-moz-transition: right .4s ease;-ms-transition: right .4s ease;
-o-transition: right .4s ease;transition: right .4s ease;height: 100vh;}
.header_navigation {z-index: 999;background: #fff;width: 100%;display: block;bottom: 0;position: fixed; right: -100%; top: 0;
    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;
    -o-transition: all .4s ease;transition: all .4s ease;margin: 0;border: 0;border-radius: 0;
    overflow-y: auto;overflow-x: hidden;height: 100vh; }
.mobile_header {padding: 15px 15px; display: flex; justify-content: space-between;align-items: center; background-color: #fff; margin-bottom:10px;}
.mobile_header img {max-width:80px;}
.header_navigation ul li a {font-size: 14px;padding: 10px 15px;display: block;text-transform: uppercase;color: #fff;}
span.arrow {position: absolute;top: 0;bottom: 0;right: 0;width: 60px;height: auto;line-height: 24px;font-size: 13px;text-align: center;color: #424242;display: block;}
.header_navigation ul.menu li .sub-menu {border: none;box-shadow: none; top: 0px;opacity: 1;min-width: 100%;width: 100%;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: none;visibility: visible;left: 0px;z-index: 99; border-radius: 0px;
position: inherit;display: none;}
.header_navigation ul li:last-child, .menubar_logo {display: block;}
.header_navigation ul.menu li .sub-menu li a {font-size: 15px;background: #d44b2b; color:#fff;}
.header_navigation .menu > li > a{padding: 12px 15px; }    
.header_navigation ul li a {font-size: 15px;padding: 12px 15px;display: block;border-bottom: 1px solid #d44b2b;text-transform: uppercase;
color: #000;font-weight: 600;  text-align: left;}
.header_navigation ul li{ width:100%; display:block; }
.header_navigation ul li a:hover {    background-color: #d44b2b;    color: #fff;}
header .header_navigation  ul.menu li {    margin-right: 0px;    padding: 0px;}    
/*nav_end*/
.fixed{ position: fixed;}
.navbar-fostrap {display: inline-block;cursor: pointer;margin: 0px 0px 0px 0px;padding:0px 0 0px;z-index: 1; padding-top:2px;}
.navbar-fostrap span {height: 3px;background: #2b6bb3;margin: 2px 0;display: block;transition: 0.3s ease;width: 30px;}
header button.close {  font-size: 22px;  border-radius: 50%;  border: none;  width: 32px;  height: 32px;  display: flex; flex-wrap: wrap;  justify-content: center;  align-items: center;  background-color: #ed722e; color: #fff;}
   
.navbar-fostrap {    display: inline-block;    cursor: pointer;    z-index: 1;    border: 2px solid #ed6a20;    padding: 3px 4px;
     margin-top: 0px;}
.navbar-fostrap span { height: 2px; background: #ed6a20; margin: 2px 0; display: block; transition: 0.3s ease; width: 14px;}

}




@media(min-width:1500px){
.container { max-width: 1234px;}
}


@media(min-width: 1200px) and (max-width: 1499px){

.container { max-width: 1200px;}

.banner .banner_img img { min-height: 640px;}
.banner_caption h1{ font-size: 50px; }
.banner_caption .default_btn1 { margin-top: 40px;}

}


@media(min-width: 992px) and (max-width: 1199px){
.p-60 { padding: 50px 0px;}

.default_btn1{ font-size: 15px; padding: 12px 20px;} 
h2{ font-size: 35px; }
h3{ font-size: 30px; }

.header_navigation .menu > li { margin-right: 40px;}
.header_navigation ul li a{ font-size: 14px; }
.login_box li { padding-right: 20px;}
.header_navigation .menu{ justify-content: center; }
.menu_section { padding-left: 15px;}
.header_navigation .arrow {  right: -15px;}
.logo img{ max-width: 100px; }

.banner .banner_img img { min-height: 590px;}
.banner_caption h1{ font-size:45px; margin-bottom: 30px; }
.banner_caption p { font-size: 20px; line-height: 28px;}
.banner_caption .default_btn1 { margin-top: 35px;}

.shop_by_collection .main_row [class*="col"]{ width:25%; }
.title{ margin-bottom: 35px; }
.shop_by_collection .design_item{ padding-bottom: 35px; }
.design_item figure { margin-bottom: 15px;}

section.feature_style{ padding: 50px 0; }
.feature-block-two .inner-box h3{ font-size: 20px; }

.new_collection .design_item p{ font-size: 18px; }
.new_collection .design_item{ padding-bottom: 60px; }

.new_design { padding: 60px 0px 75px;}


.footer_content { padding-right: 0;}

/**********05-12-2022**********/

/*contact-page*/
.form_box .btn1{ margin-bottom: 0px; }
.contact_form .content_box p{ font-size: 15px; margin-bottom: 20px; }
/*contact-page*/


/*product-detail-page*/
.content_counter_size{ padding: 15px; }
.counter_size .content_counter_size h5{ font-size:13px; }
.counter_box {    padding-left: 0px;}
.prod-size-itm{ max-width: 80px; }
/*product-detail-page*/


/*about-us-page*/
.text-holder h4{ font-size: 18px; }
#counter .count{ font-size: 32px; }
#counter h3{ font-size: 20px; }
/*about-us-page*/
}


@media(min-width: 768px) and (max-width: 991px){     
.default_btn1 { max-width: 260px;  padding: 10px 15px; font-size: 15px; }
.default_btn2{ font-size: 13px; }
.p-60 { padding: 50px 0px;}
h2 {  font-size: 32px;  }
h3{ font-size: 28px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }

.login_box li {padding-right: 20px;}
.banner_caption h1{ font-size:60px; }

.banner .banner_img img { min-height: 500px;}
.banner_caption h1{ font-size:40px; margin-bottom: 20px; }
.banner_caption p { font-size: 18px; line-height: 25px;}
.banner_caption .default_btn1 { margin-top: 25px;}
.banner .carousel-indicators{ bottom: 15px; margin-bottom: 0;  }


.title{ margin-bottom: 25px; }
.shop_by_collection .design_item{ padding-bottom: 45px; }
.design_item figure { margin-bottom: 15px;}



.new_design {padding: 50px 0px 50px;}

.footer_row .footer_detail{ justify-content: center; width: 100%; max-width: 550px; margin: auto;}
.footer_row .footer_link , .footer_row .footer_link.footer_about , .footer_row .footer_contact { width: 33.33%; }
.footer_content { padding-right: 0; padding-bottom: 40px; text-align: center;}
.footer_link ul li a{ font-size: 15px; }
.footer_link ul li { margin-bottom: 10px;}

/*contact-page*/
.form_box .btn1{ margin-bottom: 0px; }
.contact_form .content_box p{ font-size: 15px; margin-bottom: 20px; }
.form_box .form-group { margin-bottom: 15px;}
.form_box .form-control{ height: 38px; }
.contact_form h3{ margin-bottom: 20px; }
.contact_form .content_box { padding-right: 0;}
/*contact-page*/

/*product-detail-page*/
.content_counter_size{ padding: 15px; }
.counter_size .content_counter_size h5{ font-size:13px; }
.counter_box {    padding-left: 0px;}
.prod-size-itm{ max-width: 65px; }
.prod-size-itm span{ padding: 0px; }
.product_slider { padding-right: 0px;}
.porducts_detail_section .main_row .col_left , .porducts_detail_section .main_row .col_right { width: 50%; }
.product_item_section { padding-top: 0;}
.product_slider .item-main figure{ text-align: center; }
.item_detail_box p { font-size: 15px; line-height: 20px;}
.calculate_project_detail { padding-top: 35px;}
.calculate_project_detail .col_right .content_box{ padding: 30px; }
.prod-size, .submit_detail{ padding: 15px 0px; }

.calculate_project_detail .main_row .col_left , .calculate_project_detail .main_row .col_right{ width: 100%; }
/*product-detail-page*/


}

@media(max-width:991px){ 
h3{ font-size: 28px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }

.header_navigation .arrow { right: 0;}
.menu_section { width: 25%;  order: -1; padding-left: 0px;}
.login_box{ width: 25%; }
.logo{ padding: 0px 15px; width:50%; text-align: center; }

section.feature_style{ padding: 50px 0; }
.feature-block-two .inner-box h3{ font-size: 20px; }
.feature-block-two .inner-box .icon-box{ position: relative; right: 0; margin: auto; margin-bottom: 15px; }
.feature-block-two .inner-box{ padding: 0; text-align: center; }

/*about-us-page*/
.text-holder{ padding: 0 0 0 70px; }
.text-holder h4{ font-size: 16px; line-height: 22px; }
#counter .count{ font-size: 30px; }
#counter h3{ font-size: 18px; }
.footer_row{ padding: 50px 0; }
.circle-text{ width: 60px; height: 60px; font-size: 30px; line-height: 60px; }
.about_content h5{ font-size: 16px; }

/*about-us-page*/

}

@media(max-width:767px){ 

.default_btn1{font-size: 14px; padding: 8px 15px;  max-width: 240px;}
.container{ max-width: 100%; }
.p-60 { padding: 40px 0px;}
h2{ font-size: 25px; }
h3{ font-size: 22px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }


.login_box img{ max-width: 80%; }
.login_box li { padding-right: 10px;}
.contact_section li{ margin-right: 20px; font-size: 14px; padding-left: 20px; }
.banner .banner_img img { min-height: 450px;}
.banner_caption{ margin-top: -10px; }
.banner_caption .text_in { max-width: 65%;}
.banner_caption h1 { font-size: 28px; line-height: 30px; margin-bottom: 20px;}
.banner_caption p { font-size: 16px; line-height: 20px;}
.banner_caption .default_btn1 { margin-top: 20px;}
.banner .carousel-indicators { bottom: 10px; margin-bottom: 0;}
.shop_by_collection .logo_flower{ top:-75px; max-width: 75px;}
.banner .carousel-indicators{ bottom: 0px; }

.shop_by_collection .main_row [class*="col"]{ width:33.33%; }
.title{ margin-bottom: 25px; }
.shop_by_collection .design_item{ padding-bottom: 40px; max-width: 320px;}
.design_item figure { margin-bottom: 15px;}

.new_collection h3{ font-size: 20px;  }
.new_collection .design_item p{ font-size: 16px; line-height: 18px; }
.new_collection .design_item{ padding-bottom: 45px; }

.new_design .main_row{ margin: 0px -6px; justify-content: center; }
.new_design .main_row [class*="col"] { padding: 10px 6px 6px; }
.new_design { padding: 45px 0px 50px;}

.shop_by_collection.installation_tip { padding: 45px 0px 35px;}
.home_visualizer .content_box:before { left: -95px; top: -95px;  width: 180px; height: 191px;}
.shop_by_collection .main_row [class*="col"]{ padding: 10px 6px; }

.feature-block-two .inner-box .icon-box{ width: 80px; height: 80px; font-size: 35px; line-height: 80px; }

.accordion_sec .accordion-item{ padding: 15px 15px 15px 50px; }
.accordion_sec .accordion-button, .accordion_sec .accordion-item:first-of-type .accordion-button{ font-size: 16px; }
.accordion-header:before{ left: -32px; }
.accordion_sec .accordion-button::after{ left: -33px; }

.footer_row .footer_detail{ justify-content: center; width: 100%; max-width: 550px; margin: auto;}
.footer_row .footer_link , .footer_row .footer_link.footer_about , .footer_row .footer_contact { width: 33.33%; }
.footer_content { padding-right: 0; padding-bottom: 40px; text-align: center;}

.footer_link ul li a{ font-size: 15px; }
.footer_link ul li { margin-bottom: 10px;}

/*contact-page*/
.form_box .btn1{ margin-bottom: 0px; }
.contact_form .content_box p{ font-size: 14px; margin-bottom: 15px; line-height: 20px; }
.form_box .form-group { margin-bottom: 15px;}
.form_box .form-control{ height: 38px; }
.contact_form h3{ margin-bottom: 15px; }
.contact_form .content_box { padding-right: 0;}
.form_box textarea.form-control{ height: 90px; }

/*contact-page*/


/*product-detail-page*/
.content_counter_size{ padding: 15px; }
.counter_size .content_counter_size h5{ font-size:13px; }
.counter_box {    padding-left: 0px;}
.prod-size-itm{ max-width: 65px; }
.product_slider { padding-right: 0px;}
.porducts_detail_section .main_row{ margin:0px -10px; }
.porducts_detail_section .main_row .col_left , .porducts_detail_section .main_row .col_right { width: 50%; padding: 0px 10px;}
.product_item_section { padding-top: 0;}
.wall_size_btm [class*="col"]:last-of-type{ order: -1;  }
.product_slider .item-main figure{ text-align: center; }
.product_slider .item-main figure img{ max-height: 500px; object-fit: cover; object-position: center; display: inline-block;}
.calculate_project_detail { padding-top: 20px;}
.calculate_project_detail .col_right .content_box{ padding: 20px; }
.calculate_project_detail .col_left .wall_size_top [class*="col"]{ width: 50%; padding-top: 15px; }
.prod-size-itm span{ padding: 0px; }
.calculate_project_detail .main_row .col_left , .calculate_project_detail .main_row .col_right{ width: 100%; }
.item_detail_box p { font-size: 14px; line-height: 20px;}
.prod-size, .submit_detail{ padding: 15px 0px; }
.item_detail_box h5{ font-size: 12px;  }
.counter_size  h5 {margin-bottom: 10px;}
.calculate_project_detail .wall_detail{ margin: 0px; }
.calculate_project_detail .wall_detail .col_left{ padding: 0px 20px 10px 20px; }
.calculate_project_detail .wall_detail .col_right{ padding: 0px; }
.counter_size .row [class*="col"]{ padding: 10px; }
/*product-detail-page*/

.tab_main .nav-tabs .nav-link{ font-size: 14px; }

}


@media(max-width:574px){ 
    
.logo{ width:40%; }
.menu_section{ width: 30%; }
.login_box { width: 30%; padding-left: 0px;}
.login_box li { padding-right: 5px;}
.header_top_in{ justify-content: center; }
.header_top{ padding: 8px 0; }
header .contact_section{ padding-bottom: 10px; }

.default_btn2 { font-size: 13px; padding: 5px 15px; }
.banner_caption { padding: 15px; }
.banner_caption .text_in { max-width: 100%;}


.feature-block-two { padding: 25px 15px; }

.footer_row .footer_link , .footer_row .footer_link.footer_about{ width: 50%; }
.footer_row .footer_contact{ width: 100%; padding-top: 35px; }


/*contact-page*/
.form_box{ padding: 30px; margin-top: 15px; }
.contact_form .main_row .col_left, .contact_form .main_row .col_right{ width: 100%; }
section.contact_form { padding-top: 15px;}
/*contact-page*/

.calculate_project_detail .col_left{ padding: 10px 20px; }
.calculate_project_detail .col_right .content_box {  padding: 20px;}
.slider-nav .item_list { margin: 2px;}


.porducts_detail_section .main_row .col_left, .porducts_detail_section .main_row .col_right{ width: 100%; }

.process_content{ text-align: center; }
.about_img{ margin-bottom: 20px; }
.about_bottom {padding-top: 20px;}
.count_in { margin-bottom: 25px;}
}