/*
Theme Name: Country Blinds Desktop 2023
Theme URI: https://virtualadagency.com.au
Author: Virtual Ad Agency
Author URI: https://virtualadagency.com.au
Description: Wordpress theme designed for Country Blinds.
Version: 1.3.56
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: countryblinds
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary-color:#3DAE2B;
  --primary-dark-color:#2e911f;
  --blue:#3B4D96;
  --blue-dark:#25408F;
  --secondary-color:#3D4543;
  --secondary-dark-color:#2c3835;
  --white:#fff;
}
html, body {overflow-x: hidden; scroll-behavior: smooth;}
body {font-family: 'Lato', sans-serif; }
img {max-width:100%; height:auto;}
a {color:#000; transition:all linear 0.2s; text-decoration: none;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}
.btn:focus, .form-control:focus, .form-select:focus {box-shadow: none;}

.btn, .form-control {border-radius: 0;}
.text-success {color: var(--primary-color) !important;}
.text-dark {color: #3D4543 !important;}
.btn-success {background: var(--primary-color); border-color: var(--primary-color);}
.btn-success:hover, .btn-success:focus {background: var(--primary-dark-color); border-color: var(--primary-dark-color);}


.btn-success2 {background: #288d18; border-color:#288d18; color: #fff;}
.btn-success2:hover, .btn-success2:focus {background: #1d820d; border-color:#1d820d; color: #fff;}

.btn-primary {background: var(--blue-dark); border-color: var(--blue-dark);}
.btn-primary:hover, .btn-primary:focus {background: var(--blue); border-color: var(--blue);}
.btn-primary2 {
  background: linear-gradient(to bottom, var(--blue-dark) 0%,var(--blue-dark) 49%,var(--blue) 50%,var(--blue) 100%); color:var(--white);

/*
  background: var(--blue-dark); border-color: var(--blue-dark); */}
.btn-primary2:hover, .btn-primary2:focus { background: linear-gradient(to bottom, var(--blue) 0%,var(--blue) 49%,var(--blue-dark) 50%,var(--blue-dark) 100%);color:var(--white);}
.form-select {padding-right: 32px !important;}

.sec_heading {font-size: 60px; /* color: #45494A; */ text-transform: uppercase; margin: 0 0 45px;}
.sec_heading span {color: var(--primary-color);}
.sec_heading span a {color: var(--primary-dark-color); text-decoration: none;}
.sec_heading span a:hover {color: var(--primary-color); text-decoration: underline;}
.family_story_sec p a, .curtain_banner p a, .black_banner ul li a, .black_banner p a, .black_banner p b a, .inner_banner p a{color: black;}
.family_story_sec p a:hover, .curtain_banner p a:hover, .black_banner ul li a:hover, .black_banner p a:hover, .black_banner p b a:hover,.inner_banner p a:hover{color: black; text-decoration: underline;}
.text_block4 a, .text_block4 p a{color: #fff;}

.inner_banner.text-white p a, .grey_banner p a, .inner_banner.white_banner p a, .text_info_block.text-white p a, .text_info_block2.text-white p a{color: #fff;}
.text_block4 a:hover, .text_block4 p a:hover, .inner_banner.text-white p a:hover, .grey_banner p a:hover, .inner_banner.white_banner p a:hover, .text_info_block.text-white p a:hover, .text_info_block2.text-white p a:hover{color: #fff; text-decoration: underline;}

.wr_banner {color: #45494A;position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}

@media(min-width:1400px){
  .container {max-width: 1450px;}
}
section {padding: 85px 0;}

.topbar {background: #3D4543;}
.logo {padding:5px 70px 5px 50px; position: relative;}
.logo:before {background: var(--white); content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: skew(30deg);}
.logo img {position: relative; max-width: 220px;}
.top_text {color: var(--white); padding:18px 30px 17px 30px; position: relative; font-weight: 600; text-align: center; margin-left: -135px;}
.top_text::before{background: var(--primary-color); content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: skew(30deg);}
.top_text span {position: relative;}

ul.top_contact {padding:0 0 0 40px; margin:0; list-style: none;}
ul.top_contact li {display: inline-block; margin-right: 50px;}
ul.top_contact li img {width: 28px; margin-right: 10px; vertical-align: middle;}
ul.top_contact li:last-child {margin-right: 0;}
ul.top_contact li a {color: var(--white);}




.book_top_btn {background: linear-gradient(to bottom,  rgba(61,174,43,1) 0%,rgba(28,114,38,1) 40%,rgba(28,114,38,1) 59%,rgba(61,174,43,1) 100%);  display: inline-block; padding: 8px 20px; color: #fff; text-align: center; animation: bounce2 2s ease infinite;}

.book_link { animation: bounce2 2s ease infinite; display:inline-block;}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-3px);}
	60% {transform: translateY(-6px);}
}
.book_top_btn img {width: 21px !important; position: relative; top: -2px;}

#menu{position:relative;}
#menu ul{list-style:none;margin:0 0 15px 0 ;padding:0; text-align: center;}
#menu ul li{display:inline-block;position:relative;}
#menu ul li img {height: 40px; object-fit: scale-down; margin:-3px 10px 0 0; display: inline-block; vertical-align: middle;}
#menu ul li a{color:#000; padding:14px 30px 10px 15px; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;transition:all .3s linear; font-weight: 500; text-transform: uppercase; font-size: 17px;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--primary-color);}
#menu li.active ul li a{color:var(--white);background:#000}
#menu li.active ul li a:hover{color:var(--white);background:#333}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:var(--white); color:#333;}
#menu li>ul li{background:var(--white);border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li:hover{background:var(--primary-color);border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
#menu li>ul li a:hover{color:var(--white);text-decoration:none}
/* #menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff} */
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:var(--white);}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:#ff9e00;}
.mega_menu {position: absolute; left:0; top:100%; width: 1253px; background-color: #fff; padding:30px; z-index: 9;}
.mega_menu .menu_title {font-weight: bold; text-transform: uppercase; text-align: left!important; margin: 0; margin-bottom:15px; font-size:18px; font-weight: bold; display: block;}
.mega_menu .menu_title a {padding:0!important; font-weight: bold!important;}
.mega_menu ul {list-style: none; padding:0; margin:0;}
.mega_menu ul li {display: block!important; text-align: left; font-size:14px;}
.mega_menu ul li a {display: block; text-align: left; font-size:14px!important; padding:5px 10px 5px 0!important;}

@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
 header.sticky {  margin:0;  position: fixed;  background:rgba(255,255,255,1); top:0; left:0; width:100%; z-index:9;
  animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49);
  }
.inner_header {padding-bottom: 5px;}
.inner_header .menubar {-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49);}
header.sticky  .menubar {box-shadow:none;}
header.inner_header.sticky {padding-bottom: 0;}

.video_banner {line-height: 0;}
video {width: 100%; pointer-events: none;}

.featured_bar {background: var(--secondary-color); padding:45px 0;}


.form_sec {background-size:cover; background-position: center; background-repeat: no-repeat; padding: 100px 0;}
.measure_form_wrapper {max-width: 500px; background: rgba(61,174,43,0.7); padding: 20px; display: block; color: var(--white);
  border: #fff 1px solid; position: relative; /* height: 700px;  */overflow:hidden;}
.measure_form_wrapper h3 {color: var(--white); font-size:30px; font-weight: 600; margin: 0 0 20px; text-transform: uppercase; line-height: 1;}
.measure_form_wrapper .form-group {margin: 0 0 10px;}
.measure_form_wrapper .form-group label {margin:0 0 5px;}
.measure_form_wrapper .form-control,
.measure_form_wrapper .form-select,
.measure_form_wrapper .btn {border-radius: 0; padding:5px 15px; height: auto; min-height: 30px; height: auto;}

.scrollbar_track {display: none;}

/* .form_scroll {position:relative; width:95%; height: 700px;} */
.scrollbar_track {background:#E7E7E7; width:10px; height:678px; position: absolute; right:10px; top:10px;}
.scrollbar_track .scrollbar_thumb {height:50px; background:#B7D746; position:relative; border-radius:20px;}

.product_field_wrapper .btn {margin:28px 0 0; font-size: 14px; padding: 4px 20px; }
.measure_form_wrapper .submit_btn { padding: 6px 25px; margin-top: 5px;}

.measure_contents_wrap h1 {font-size:72px; text-transform: uppercase; color: #45494A; line-height: 1; margin: 0 0 40px; font-weight: 800;}
.measure_contents_wrap h1 span {display: block; color: var(--primary-color);}
.measure_contents_wrap p {font-size: 40px; font-weight: 800; color: #45494A; line-height: 1;  }
.measure_contents_wrap h1, .measure_contents_wrap p { text-shadow: rgba(255,255,255,0.5) 0 1px 1px;}

.measure_contents_wrap2 h1 {font-size:72px; text-transform: uppercase; color: var(--white); line-height: 1; margin: 0 0 40px;font-weight: 800;  }
.measure_contents_wrap2 h1 span {display: block; color: var(--primary-color);}
.measure_contents_wrap2 p {font-size: 40px; font-weight: 800; color: var(--white); line-height: 1;  }

.measure_contents_wrap2 h1, .measure_contents_wrap2 p { text-shadow: rgba(0,0,0,0.5) 0 1px 1px;}

.westand_contents {padding:0 20px 0 45px; font-size: 18px;}
.westand_contents h5 {font-size: 18px; font-weight: 600; margin: 0 0 20px; line-height: 1.6;}
.westand_contents p {margin: 0 0 20px;}

.book_btn { margin: 40px 0 0; width: 210px;}
.book_btn img {max-width: 210px;}
.wc_small_note {background:rgba(0,0,0,0.4); display: inline-block; color: var(--white); font-size: 14px; padding: 5px 7px;max-width: 210px; margin: 2px 0 0; line-height: 1;
   font-weight: 600; text-align: center; min-width: 210px;}
  /*  .wc_small_note div {display: block; background:#8f9192;} */
  .btn_right {float: right;}



.experience_sec {background-size:cover; background-position: center; background-repeat: no-repeat; padding: 140px 0; color: var(--white);}
.exp_contents {max-width: 400px;}
.exp_heading {font-size: 50px; line-height: 1.1 ; margin: 0 0 35px;}
.exp_heading span {color: var(--primary-color);}
.exp_contents p {font-size: 20px; margin: 0;}
.img_btn {text-align: right;}
.img_btn img {max-width: 280px;}

.reviews_sec {background: #f4f4f4; color: #45494A;}

.parallax_sec {min-height: 500px; background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment: fixed;}

.products_sec {position: relative;}
.products_sec:before {position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: #efeeea; clip-path: polygon(0 0, 83% 0, 34% 100%, 0% 100%);}
.products_sec .container {position: relative;}

ul.products_wrapper {padding:0; margin:0; list-style: none;}
ul.products_wrapper li {display: inline-block; width: calc(20% - 5px); margin: 0 0 40px; vertical-align: top; text-align: center;}
ul.products_wrapper li a {color: #000;}
ul.products_wrapper li .product_img {margin: 0 0 15px;}
ul.products_wrapper li .product_title {font-size:24px; line-height: 1; font-weight: 500;}
ul.products_wrapper li a:hover {color: var(--primary-dark-color);}

.no_matter_sec {background: var(--primary-color); position: relative; padding: 0; overflow: hidden;}
.no_matter_sec p a{color: white;}
.no_matter_sec p a:hover{color: white;text-decoration: underline;}
.matter_icon {position: relative; padding: 100px 0;}
.matter_icon:before{position: absolute; top: 0; bottom: 0; left: 0; right: 145px; content: ""; background: #96cf8b; transform: skew(-35deg);}
.matter_icon:after{position: absolute; top: 0; bottom: 0; right: 320px; width: 4000px; transform: skew(-35deg); content: ""; background: #96cf8b;}
.matter_icon img {max-width: 250px; position: relative; z-index: 1; left: 180px;}

.matter_contents {color: var(--white);}
.matter_contents h3 {margin: 0 0 30px;}
.matter_contents p {font-size: 18px; margin: 0;}

.confidence_sec .sec_heading {margin-right: -100px;}
.confidence_sec .sec_heading span {display: block;}
.confidence_contents_wrap { max-width: 550px; float: right;}

.confidence_contents {position: relative; padding-right: 70px;}
.confidence_contents .mb_logo {position: absolute; top: 0; right: -60px; width: 80px;}
.bold_text {font-weight: 700; margin: 0 0 25px; font-size: 18px;}
.bold_text p a{color: #333;}
.confidence_contents p {font-size: 18px;}

.confidence_contents .img_btn {margin: 35px 0 0; display: block; text-align: left;}

.confidence_img {position: relative;}
.confidence_img .year_badge {position: absolute; bottom: 40px; right: 80px;}
.confidence_img .year_badge img {width:250px; height:250px;}

.family_story_sec {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;color: #45494A; }
.family_story_sec:before {position: absolute; left: 0; top:0; right:0; bottom:0; content:""; background: rgba(255,255,255,0.60);}
.family_story_sec:after {position: absolute; left: 0; top:0; right:10%; bottom:0; content:""; background: rgba(255,255,255,0.75); clip-path: polygon(0 0, 79% 0, 34% 100%, 0% 100%);}
.family_story_sec .container {position: relative; z-index: 1;}

.family_story_sec .sec_heading {margin-right: -100px;}
.family_story_sec p {font-size: 18px; font-weight: 400;}

footer {background: var(--secondary-color); padding: 80px 0 0; color: var(--white);}
footer h6 {color: var(--primary-color); font-weight: 600; font-size: 18px; text-transform: uppercase;}
footer h6 a {color: var(--primary-color); text-decoration: none;}
footer h6 a:hover, footer h6 a:focus {color: #b9ffaf; text-decoration: none;}
footer h5 {font-weight: 700; font-size: 18px; line-height: 1.7;}
.footer_box {background: #505856; padding: 20px; margin: 0 0 30px; min-height: 630px;}
ul.footer_list {padding:0; margin:0 0 15px; list-style: none;}
ul.footer_list li {margin:0;}
ul.footer_list li a {color: var(--white);}
ul.footer_list li a:hover {color: #b9ffaf;}

ul.duo_list li {float: left; width: 50%;}

.showroom_contents {margin: 0 0 25px;}
.showroom_contents p {margin: 0 0 10px;}

.showroom_note {font-weight: 600; color: #ffff00;}
.social_footer a {display: inline-block;}
.social_footer .instagram_icon {padding:0 15px 0 0; }
.social_footer .instagram_icon img {height:70px; object-fit: scale-down;}
.social_footer .facebook_icon img{height:75px; object-fit: scale-down;}
.social_footer .youtube_icon {padding:40px 0 0;}
.social_footer .youtube_icon img{height:40px; object-fit: scale-down;}

.footer_bottom {padding: 30px 0 60px;}
.footer_bottom a {color: var(--white);}
.bottom_logos {text-align: right;}
.bottom_logos img {max-width: 200px; margin-right: 20px;}
.bottom_logos img:last-child {margin: 0;}

.about_banner1:before {display: none;}
.about_green_banner {color: var(--white);}
.about_green_banner {background: #5cbc4e; position: relative;}
.about_green_banner:after {position: absolute; left: 0; top:0; right:0; bottom:0; content:""; background: #4cb53d;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.about_green_banner .container {position: relative; z-index: 1;}
.about_green_banner p{font-size: 18px;}
.heading {margin-bottom: 30px;}
.about_banner2 {background-size: cover; background-position: center; min-height: 950px; background-repeat: no-repeat; position: relative; padding: 400px 0 100px; text-align: center; color: var(--white);}
.about_banner2 h2 span{display: block;  color: var(--primary-color);}
.about_banner_caption {position: absolute; width: 1000px; left: 50%; bottom: 80px; transform: translateX(-50%); z-index: 1;}
.about_banner2:before {left: 0; top:0; right:0; bottom:0;
     -webkit-clip-path: polygon(50% 68%, 100% 38%, 100% 100%, 0 100%, 0% 38%); clip-path: polygon(50% 68%, 100% 38%, 100% 100%, 0 100%, 0% 38%); background-color: #011635;
     opacity: 0.7;
  }
.about_banner2:after {position: absolute; left: 0; top:0; right:0; bottom:0; content:""; clip-path: polygon(38% 0, 62% 0, 79% 100%, 21% 100%); background-color: #fff; opacity: 0.15; }
.about_banner2:before, .about_banner2:after {position: absolute;content:"";   }


.font60 {font-size: 60px; }
.font55 {font-size: 55px; }
.font50 {font-size: 50px; }
.font45 {font-size: 45px; }
.font40 {font-size: 40px; }
.font36 {font-size: 36px; }
.testimonial_text { border-top: #000 1px solid; padding-top: 20px;}
.testimonial_text p{font-style: italic; font-size: 13px; line-height: 1.8; }
.testi_icon img {max-width: 30px; margin-bottom: 12px;}
.testimonial_block h4{font-size: 18px;}




.curtain_banner1:after, .curtain_banner1:before {display: none;}
.curtain_banner1 .sec_heading {font-size: 52px;}

.curtain_banner {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;  color: #45494A; }

.grey_bg {background: #f4f4f4;}
.green_bg { background: var(--primary-color);}
.img_btn_left img {max-width: 236px;}
.btn_margin_top_5 { margin-top: 3rem;}
.btn_margin_top_6 { margin-top: 6rem;}
.text_box_list img {margin-bottom: 30px;}
.text_box_list{ font-size: 17px;}
.text_box_list ul {padding-left: 20px;}
.info_section {color: #45494A; }


.text_box_list ul li+li{margin-top: 15px;}
.video_section {background: #000; height: 400px;}
.video_block_section {text-align: center; color: #fff; }
.video_block_section h3{font-size: 30px;}
.video_block_section p {text-align: justify; margin-bottom: 0;}
.video_frame {margin-bottom: 40px;}
.text_block_light {font-weight: 300;}
.text_block_light a {font-weight: 500; color: #000;}




.book_city_section{color: #45494A; }

.product_slider_section .swiper { width: 100%;}
.product_slider_section .swiper-slide { text-align: center;  display: block;justify-content: center; align-items: center; position: relative; width: 100%;}
.product_slider_section .swiper-slide img { display: block; width: 100%;  height: 520px; object-fit: cover; position: relative;}
.product_slider_section .swiper-slide:after {position: absolute; background: #3DAE2B; opacity: 0.25; left: 0; top: 0; right: 0; bottom: 0; content: "";}

.product_slider_section .swiper-slide.swiper-slide-active:after {display: none;}
.product_slider_section .swiper-button-prev {left: 18%;}
.product_slider_section .swiper-button-next {right: 18%;}
.product_slider_section .swiper-button-prev:after, .product_slider_section .swiper-rtl .swiper-button-next:after, .product_slider_section .swiper-button-next:after, .product_slider_section .swiper-rtl .swiper-button-prev:after {content: "";}

.year_badge2 {margin-bottom: 30px;}
.year_badge2 img {max-width:250px;}
.img_btn2 img {max-width: 236px;}
.See-also_banner {position: relative; color: var(--white); background-position: center; background-size: cover; text-align: center; }
.See-also_banner .sec_heading {color: var(--white);}

span.big_text {font-size: 70px; color:#333;}

.secc_btn .btn {min-width: 200px; padding: 10px 10px;}
.text_box_list2 h3 {font-size: 45px; margin-bottom: 25px; font-weight: 500;min-height: 160px;}

.curtain_banner4 {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 50px 0;}
.text_block4 {margin-top: 45%; color: #fff;}
.contact_banner1 {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 80px 0; color: #fff;}
.contact_banner1 .sec_heading {color: #fff;}
.more_white {font-weight: 600; color: white;}
.more_white:hover {color: white; text-decoration: underline;}

ul.enquiry_list {list-style: none; margin: 0; padding: 0;}
ul.enquiry_list li{display: block; font-size: 20px;}
ul.enquiry_list li+li{margin-top: 15px;}
ul.enquiry_list li b, ul.enquiry_list li strong{font-weight: 500;display: block;}
ul.enquiry_list li a{color: #fff;}
.request__banner {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; color: #45494A;}

.warranty_page {   font-size: 18px; background-repeat: no-repeat; background-position: right bottom; position: relative;}
.request_form { background-color: rgba(201,233,196,0.6); border: #d3d4d4 1px solid; padding: 25px;}
.request_form .form-group {margin-bottom: 15px;}
.request_form .form-group label {text-transform: uppercase; font-weight: 300;font-size: 20px;}
.request_form .form-control{border-color: #5f6263;}
.request_form .btn_submit {text-transform: uppercase; padding: 10px 35px;}
.request_form .input-group-text {background-color: transparent; font-size: 20px; font-weight: 700; color: #000 !important; border: 0; box-shadow: none; padding-left: 0 !important;}
.request_form h5 {font-size: 25px; font-weight: 500;}
.request_form h6 {font-size: 18px; font-weight: 500;}
.browse_btn {padding: 0;}
.contact_map_section{background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; color: #45494A;}
.map_info_box h4, .map_info_box h5, .map_info_box h6 { font-weight: 600;}
.map_info_box iframe {line-height: 0; width: 100%; height: 400px; margin-top: 20px;}
.submit img, .submit input {width: 110px;}
.products_sec_inner:before{display: none;}
.product_box{color: #000; margin-bottom: 50px;}
.products_sec_inner ul.products_wrapper li {width: calc(33.3% - 5px);}
.products_sec_inner ul.products_wrapper li .product_img img {width: 100%;}
.product_box{text-align: center; margin-bottom: 60px; display: block;}
/* .product_box img{width: 100%;} */
.product_box .product_title {font-size:24px; line-height: 1; font-weight: 500;}
.product_box:hover .product_title {color: var(--primary-dark-color);}
.product_box .product_img {margin-bottom: 15px;}
.promotion_banner{background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; color: #fff; min-height: 800px; padding-top: 10%;}
.promotion_banner  .sec_heading {font-size:72px; text-transform: uppercase; color: var(--white); line-height: 1; margin: 0 0 40px;font-weight: 800;  }
.promotion_banner p {font-size: 40px; font-weight: 800;  line-height: 1;  }
.promotion_banner .bold_text {font-size: 30px; font-weight: 800;  line-height: 1;  }





.promotion_wrapper ul {padding-left: 15px;}
.promotion_wrapper a {font-weight: bolder;color: #45494A;}
.faq_banner {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; color: #45494A; min-height: 800px; padding: 5% 0; color: #fff;}
.faq_banner .sec_heading {font-size: 72px; font-weight: 800;}
.faq_banner .guarantee_badge img {max-width: 200px;}

.faq_feature {position: relative; color: #fff; background-color: #D5622A;}
.faq_feature:before { position: absolute; top: 0; bottom: 0; left: 0; content: ""; background: #dc8052;clip-path: polygon(0 0, 49% 0, 6% 100%, 0% 100%); right: 49%; }
.faq_feature .container {position: relative; z-index: 1;}
.faq_feature h3 {font-size: 36px;}
.faq_feature p {font-size: 20px;}
.maintenance_icon {text-align: center;}
.maintenance_icon img {max-width: 120px;}
.faq_list {}
.faq_list article {padding-bottom: 5px; padding-top: 15px;}
.faq_list article+article { border-top: #000 1px solid;}
.faq_list ul{padding-left: 15px;}

.blog_section {color: #45494A}
.blog_hero_banner img {width: 100%;}
.blog_post {margin-bottom: 60px;}
.blog_date {color: #45494A; border: #45494A 1px solid; padding: 10px; font-size: 18px; display: inline-block; margin-bottom: 30px;}
.blog_thumb {margin-bottom: 10px;}
.blog_thumb img {height: 286px; object-fit: cover; width: 100%;}
.blog_content {padding: 15px; position: relative; background: #eaeaea;}
.blog_title {font-weight: 600; font-size: 30px; border-bottom: #45494A 1px solid;
  height: 160px;line-height: 1.1;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;
}

.blog_content .desc {min-height: 180px;}
.blog_content .desc p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;}
.btn-blog {color: #fff; background: var(--blue-dark); padding: 10px 16px; text-transform: uppercase;position: relative; left: -15px;}
.btn-blog:hover, .btn-blog:focus {color: #fff; background: var(--blue);}
.blog_content.featured{background: #55647b; color: #fff; }
.blog_content.featured .btn-blog{background: #fff; color:#55647b}
.blog_content.featured  .blog_title{border-color: #fff;}
.featured_text {color: #fff; position: absolute; background: #f05a22; clip-path: polygon(100% 0, 0% 100%, 100% 100%);right: -7px; bottom: -7px; left: 70%;
  top: 64%;}
  .featured_text h5 {position: absolute; text-align: right; font-size: 16px; font-weight: 500;  top: 70%; right: 16px; transform: translateY(-70%);}

  .motorisation_banner {color: #45494A;}

  .motorisation_banner3 {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;  color: #45494A; }
.img_box_1{height: 250px;}
.img_box_1 img{height: 230px; object-fit: scale-down;}
.motorisation_green_banner {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;  color: #fff;}
.volt_img_block {margin: 40px auto;}
.volt_img img {max-width: 400px;}

.motorisation_green_banner h3{font-size: 30px;}
.motorisation_green_banner p {font-size: 20px;}
.motorisation_banner33{background-size: 50%; background-position: center right; background-repeat: no-repeat; position: relative; background-color: #E2E3E3;color: #45494A; }

.motorisation_banner5{background-size: 50%; background-position: center left; background-repeat: no-repeat; position: relative; background-color: #f2f9f2;color: #45494A; }
.motorisation_banner7{background-size:cover; background-position: center left; background-repeat: no-repeat; position: relative; color: #45494A; }
.comunity_hero_banner{background-size:cover; background-position: center; background-repeat: no-repeat; position: relative;color: #fff; text-align: center;}
.comunity_hero_banner .bold_text {font-size: 25px;}
.comunity_hero_banner .sec_heading {font-weight: 800;font-size: 72px;}
.comunity_banner {background-size:cover; background-position: center; background-repeat: no-repeat; position: relative;}
.comunity_banner1 {color: #45494A; }
.comunity_logo img{max-width: 200px; margin-top: 60px;}
.comunity_banner .sec_heading {font-size: 50px; }


.comunity_banner h3.heading {font-size: 40px;}
.comunity_logo_small img{height: 100px; object-fit: scale-down;}
.comunity_banner3 {background:#d3d4d4; position: relative;}
.comunity_banner3:before {background: #f4f4f4; position: absolute;

  -webkit-clip-path: polygon(60% 0, 100% 0, 100% 100%, 50% 100%); clip-path: polygon(60% 0, 100% 0, 100% 100%, 50% 100%); left: 0; top:0; right:0; bottom:0; content: "";
   }

.comunity_banner3 .container {position: relative; z-index: 1;}

.big_row .row{margin: 0 -30px;}
.big_row .row [class*="col-"]{padding: 0 30px;}
.employment_banner {background-size:cover; background-position: center; background-repeat: no-repeat; position: relative;color: #fff;}
.employment_hero_banner {}
.employment_text {position: relative;height: 800px;}
.employment_text .employment_caption_text {position: absolute; left: 0; bottom: 50px; max-width: 75%;}
.employment_hero_banner .sec_heading {font-weight: 800;font-size: 72px;}

.employment_banner2 {padding: 180px 0; color: #45494A; }
.employment_banner2 .sec_heading {color: #fff;}
.employment_info_section{}
.em_info {margin-bottom: 40px;}
.em_thumb {margin-bottom: 40px;}
.em_info h4 {font-size: 23px; font-weight: 600;}
.em_info p span {color: #D5622A;}
.employment_banner3 {padding: 100px;}
.Safety_icon {text-align: center; padding-right: 40px;}
.safety_section {color: #fff;}
.safety_section h3 {font-size: 45px;}
.safety_section p {font-size: 20px; line-height: 1.2;}
.Safety_icon img {max-width: 250px;}

.employment_form_section {background:#ebf7ea; position: relative;}
.employment_form_section:before {background: #fff; position: absolute;

  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 35% 100%); clip-path: polygon(50% 0, 100% 0, 100% 100%, 35% 100%); left: 0; top:0; right:0; bottom:0; content: "";
   }

.employment_form_section .container {position: relative; z-index: 1;}
.em_right .form-group {margin-bottom: 30px;}

.request_form .form-control::-webkit-input-placeholder {  text-transform: uppercase; font-weight: 300;font-size: 18px;}
.request_form .form-control:-ms-input-placeholder { text-transform: uppercase; font-weight: 300;font-size: 18px;}
.request_form .form-control::placeholder { text-transform: uppercase; font-weight: 300;font-size: 18px;}
.em_right .em_right {}

.btn_styled2 {padding: 5px 12px; text-transform: uppercase; font-size: 14px; min-width: 125px;}
.btn-orange {background:#D5622A ; border-color:#D5622A ; color: #fff;}
.btn-orange:hover, .btn-orange:focus {background:#c25722 ; border-color:#c25722 ; color: #fff;}
.em_left h4{font-weight: 600; margin-bottom: 10px; font-size: 20px;}
.em_left p{margin-bottom: 12px;}
.em_left p a{color: #333;}
.em_left article+article{margin-top: 30px;}


.mission_banner {background-size:cover; background-position: center; background-repeat: no-repeat; position: relative; font-size: 20px; font-weight: 600;color: #fff;}

.mission_banner_hero_banner { padding: 300px 0; color: #fff;}
.mission_banner_hero_banner  h1 {font-size:72px; text-transform: uppercase; color: var(--white); line-height: 1; margin: 0 0 40px;font-weight: 800;  }


.measure_contents_wrap p {font-size: 40px; font-weight: 800;  line-height: 1;  }
.mission_banner_hero_banner .bold_text {font-size: 40px; font-weight: 800;  line-height: 1;  }

.mission_banner h2 { font-size: 50px; }



.mission_banner2 {position: relative; color: #fff; padding: 0 0;}
.mission_banner2_caption {position: absolute; left: 0; right: 0; bottom: 0; width: 100%;max-width: 2200px;margin-inline: auto;}
.mission_banner2 .text{position: absolute; bottom: 70px; width: 25%;}

.mission_banner2 .text_left_m {left: 40px; bottom: 175px;}
.mission_banner2 .text_riht_m {right: 40px}


.mission_banner3 {position: relative; color: #fff; padding: 0 0;}
.mission_banner3_caption {position: absolute; left: 0; right: 0; bottom: 0; width: 100%;}
.mission_banner3 .text{position: absolute; bottom: 70px; width: 41.66666667%; right: 40px;}


.mission_banner4 {position: relative; color: #fff; padding: 0 0;}
.mission_banner4_caption {position: absolute; left: 0; right: 0; bottom: 0; width: 100%;}
.mission_banner4 .text{position: absolute; bottom: 70px; width: 41.66666667%; left: 40px;}




.col2{margin-top: 20%;}
.mission_text_section {font-size: 20px;}
.mission_text_section h3{font-size: 50px;}
.mission_text_section h5{font-size: 24px;}

.request_form h6.heading {margin-bottom: 40px;}
.service_banner{background-size:cover; background-position: center; background-repeat: no-repeat; position: relative; ;color: #fff;}

 .service_hero_banner{}
 .service_hero_banner  .sec_heading {font-size:72px; text-transform: uppercase;  line-height: 1; margin: 0 0 40px;font-weight: 800;  }



a.click_more {font-weight: 500; color: #000; font-size: 18px;}



.service_banner2 {color: #fff; padding: 600px 0 80px;}


.humm_WordLogo {margin-bottom: 50px; margin-top: 60px; margin-bottom: 50px;}
.humm_WordLogo img {max-width: 350px;}
.services_textblock article+article{margin-top: 30px;}
.s_g_icon {margin-bottom: 20px;}
.s_g_icon img {height: 80px;}
.services_green_banner {color: #fff; font-size: 20px;}
ul.card_list{list-style: none; margin: 0; padding: 0;}
ul.card_list li {display: inline-block; margin-right: 5px;}
ul.card_list li img {height: 35px;}
.standard_hero_banner {background-size:cover; background-position: center; background-repeat: no-repeat; position: relative; ;color: #fff; }



.standard_banner_caption {position: relative; min-height: 650px;}

.standard_banner_caption h1 { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1;}
.standard_banner_caption .sec_heading {font-size:72px; text-transform: uppercase;  line-height: 1; margin: 0 0 40px;font-weight: 800;  }

.standard_block{ color: #000;}
.standard_block article{background-color: #f7f7f7; padding:20px 30px;}
.standard_block article+article{ margin-top: 20px;}
.standard_block  ul {list-style: none; margin: 0 ; padding: 0;}
.standard_block  ul li+li{margin-top: 15px;}

.st_left {position: relative; text-align: center;}
.st_caption {font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; line-height: 1.1; width: 100%;}
.st_big_text {font-size: 115px; color: #c6e2bf; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.inner_banner{background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0;}

.inner_hero_banner{background-size: cover; background-position: center; background-repeat: no-repeat; padding: 150px 0;position: relative;}

.blak_overlay_banner:after, .white_overlay_banner:after {position: absolute; left: 0 ; right: 0; top: 0; bottom: 0; content: "";}
.blak_overlay_banner:after {background: rgba(0,0,0,0.49); }
.white_overlay_banner:after {background: rgba(255,255,255,0.25);}
.blak_overlay_banner .container, .white_overlay_banner  .container {position: relative; z-index: 1;}
.black_banner{color: #45494A;}
.white_banner{ color: #fff;}

.inner_banner .sec_heading {font-size: 52px;}
.inner_banner .bold_text {font-size: 20px;}
.inner_banner h3 {font-size: 50px;}
.text_box_list h3.heading{font-size: 40px;}
.grey_banner {color: #fff; background: #46494a;}
.check_icon {padding-right: 30px;}
.check_icon img {height: 170px; object-fit: scale-down;}


.testimonial_hero {padding: 250px 0 60px;}
.testimonial_hero  h1 {font-size:72px; text-transform: uppercase; color: var(--white); line-height: 1; margin: 0 0 40px;font-weight: 800;  }
span.black_banner{color: #45494A;}
.font_light {font-weight: 300;}
.font_reg {font-weight: 400;}
.grey1_bg { background: #f6f6f6;}
.grey2_bg {background: #dadbdb;}
.grey3_bg {background: #dddede;}
.grey4_bg {background:#eceded}
.grey5_bg {background:#ebf5e9}
.grey6_bg {background:#f1f0f0}
.grey7_bg {background:#f2f9f3}
.grey8_bg {background:#ebf7ea}
.grey9_bg {background:#f3f3f3}
.white_bg {background: #fff;}
.grey10_bg {background:#e4e4e4}
.grey11_bg {background:#d9dada}
.grey12_bg {background:#f7fbf7}
.grey13_bg {background:#e3f3de}
.grey14_bg {background:#cec9c9}
.grey15_bg {background:#fafafa}
.grey16_bg {background:#efefee}




.warrant_wrapper { margin: 40px 0;}
.warrant_wrapper h3{font-size: 30px;font-weight: 600;text-align: left;}
.warranty_img {text-align: right;}
.warranty_img img {max-width: 200px;}

.font20 {font-size: 20px;}
.big_padding {clear: both; padding: 6rem;}


.heading_h {min-height: 150px;}

.grey_info .sec_heading, .text_info_block .sec_heading { margin-bottom: 0;}
.text_info_block2  h3.sec_heading {font-size: 40px;}

.text_info_block p, .text_info_block2 p {font-size: 23px; font-weight: 500; line-height: 1.2;}

.cellular_text h3.heading{font-size: 45px;}
.cellular_text p {line-height: 1.2;}


.img_btn_right_brousher img { max-width: 236px;}

.green_banner {background: var(--primary-color); color: #fff; }
.green_text_block {font-size: 23px; font-weight: 500;}

.pl_block_left_thumb {margin-bottom: 30px;}
.pl_block_left h3{font-size: 36px; font-weight: 600; line-height: 1;}

.roller_inner_banner {color: #fff; text-align: center; padding: 100px 0 50px; }
.roller_inner_banner p {font-size: 24px;}
.roller_inner_banner .top_btn {padding: 150px 0 200px;}
.border-img {border: #ddd 1px solid;}
.text_block_balack {margin-bottom: 40px; }
.text_block_balack h3, .text_block_balack p {font-weight: 600;}
.inner_banner ul {padding-left: 15px;}
.inner_big {padding: 300px 0;}
.inner_big .sec_heading {margin: 0;}

.center_hero_banner {background-size:cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 550px 0 50px;}
.center_hero_banner p {font-size: 18px;}
.wide_img {position: relative; margin-bottom: -50px;}

ul.enquiry_list2 {list-style: none; margin: 0; padding: 0;}
ul.enquiry_list2 li{display: block; font-size: 20px;}
ul.enquiry_list2 li+li{margin-top: 5px;}
ul.enquiry_list2 li b, ul.enquiry_list li strong{font-weight: 500;}
ul.enquiry_list2 li a{color: #fff;}
.position_banner h4 {font-size: 25px; font-weight: 600;}
.position_banner ul {padding-left: 15px;}
.position_banner ul li {margin-bottom: 5px;}

.position_form_banner {background-size:cover; background-position: center; background-repeat: no-repeat; position: relative; font-size: 11px; }
.position_form_banner h3 {font-size: 25px; font-weight: 600;}
.position_btn {text-align: center;}

.form_grey {background: rgba(72,75, 76, 0.2);}
.form_green{background: rgba(109,172, 59, 0.2)}

.form_grey, .form_green { padding: 10px; margin-bottom: 30px;}
.position_btn img, .position_btn input {
  width: 160px;
}


.form_grey .row, .form_green .row{margin: 0 -5px;}
.form_grey .row [class*="col-"], .form_green .row [class*="col-"]{padding: 0 5px;}


.position_form_banner .form-group {margin: 0 0 10px;}
.position_form_banner .form-group label {margin:0 0 2px; font-size: 11px;}
.position_form_banner .form-control, .position_form_banner .form-select {border-radius: 0; padding:2px 8px; height: auto; height: auto;}
.app_list_check ul {list-style: none;margin: 0;padding: 0; }
.app_list_check ul li{margin-bottom: 10px;}

/* .small_form_box {min-height: 200px;} */
/* .form_scroll {padding-right:20px;} */

ul.sticky_left_btn {list-style: none; margin: 0; padding: 0; position: fixed; left: 0; bottom: 20%; z-index: 1;}
ul.sticky_left_btn li {display: block; border-bottom: #fff 1px solid;}
ul.sticky_left_btn li img {max-width: 137px;}
ul.sticky_left_btn li:last-child{border-bottom: 0;}



/* .measure_contents_wrap3 h1 {text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 5px;}
.measure_contents_wrap3 p {text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 5px;} */
.measure_contents_wrap3 h1, .measure_contents_wrap3 p {text-shadow: rgba(255, 255, 255, 0.9) 2px 1px 12px; color: #333; }
.inner_top_banner {background-position: center top;}

.measure_contents_wrap {margin-top: 120px;}
.measure_contents_wrap2 {margin-top: 120px;}
.align-self-center .measure_contents_wrap, .align-self-center .measure_contents_wrap2, .align-self-center .measure_contents_wrap3 {margin-top: 0;}

.section_b_40{padding-bottom:40px;}

.feature_img {position: relative;}
.feature_img img {  height: 60px; width: auto; margin-right:5px;}
.feature_img h4 ,.feature_img .title_4{font-size:16px; font-weight: bold; line-height:19px; color: #fff; text-align: left; text-decoration: none; margin:0;}




.web_popup {position: fixed; top: 10%; left: 10%; right: 10%; bottom: 10%; z-index: 9999999999; max-width: 800px;
  margin: 0 auto; font-family: 'Lato', sans-serif; overflow: auto; height: 100%;}
.web_popup::-webkit-scrollbar, .web_popup::-moz-scrollbar, .web_popup::-o-scrollbar, .web_popup::-ms-scrollbar {display:none;}
.popup_right_img {position:absolute; right: -6px; top:19px; z-index:2;}
.popup_content_area {background:#4d453e; padding:35px 55px 35px; color:#fff; position:relative; max-width:640px; border-bottom:8px solid #6cbf51;}
.popup_content_area .popup_heading {font-size:24px; margin:0 0 10px; font-weight:700;}
.popup_content_area .desc_popup { margin:0 0 10px;}
.popup_content_area p {font-size:18px;}
.popup_phone {margin:0 0 10px;}
.popup_phone a {font-size:35px; color:#fff;}
.popup_phone a:hover, .popup_phone a:focus {text-decoration:none;}
.close_popup {position:absolute; right:15px; top:5px; font-size:40px; line-height:1; z-index:9;}
.close_popup a {color:#fff;}
.close_popup a:hover, .close_popup a:focus {text-decoration:none;}
.popup_btns {margin:0 0 15px;}
.popup_btns .green_btn {float:none; width:auto; padding:10px; box-shadow:3px 3px 5px rgba(51, 51, 51, 0.87); font-weight:400; font-size: 13px;}

.master_popup {margin-top:25px; max-width: 200px;}

@media(max-width:1280px){
  .feature_img img {height: 38px;}
  .feature_img h4 ,.feature_img .title_4 {font-size: 15px; line-height:1.2;}
}
@media(max-width:991px){


.top_right_btns {float:none; max-width:700px; margin:10px auto 0;}
.green_btn {float:none; width:100%; display:block; max-width:225px; margin:0 auto 10px;}
.popup_content_area{max-width:100%;}
.popup_right_img {display:none;}
.popup_btns .green_btn {float:none; width:auto; max-width:inherit; display:inline-block; margin:0 5px 0 0;}
.submit {float:left;}
.add_remove_btns{overflow:hidden; margin-bottom:5px;}
}
@media(max-width:767px){
.popup_content_area {padding:50px 30px}
.popup_btns .green_btn {padding:8px 6px; font-size:12px;}
}
@media(max-width:580px){
.portfolio-img .col-md-4, .col-sm-6 {padding-left:0; padding-right:0;}
.greycont {padding:10px 15px;}
.txt02 {margin:0;}
.greycont .g-recaptcha {transform:scale(0.7); transform-origin:left;}

.popup_content_area .popup_heading {font-size:20px;}
.popup_content_area  p {font-size:16px;}
.popup_phone a {font-size:25px;}
.popup_btns .green_btn {margin:0 0 10px;}
}
@media(max-width:480px){
.greycont h2 img {display:none;}
.web_popup {top:4%; left:4%; right:4%; bottom:4%;}
}

.green_btn{ border:#6cbf51 solid 2px; border-radius:6px; margin:4px 0 0 0; padding:2px 8px;
  background: rgba(108,191,81,1);
  background: -moz-linear-gradient(top, rgba(108,191,81,1) 0%, rgba(108,191,81,1) 57%, rgba(91,170,65,1) 58%, rgba(91,170,65,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,191,81,1)), color-stop(57%, rgba(108,191,81,1)), color-stop(58%, rgba(91,170,65,1)), color-stop(100%, rgba(91,170,65,1)));
  background: -webkit-linear-gradient(top, rgba(108,191,81,1) 0%, rgba(108,191,81,1) 57%, rgba(91,170,65,1) 58%, rgba(91,170,65,1) 100%);
  background: -o-linear-gradient(top, rgba(108,191,81,1) 0%, rgba(108,191,81,1) 57%, rgba(91,170,65,1) 58%, rgba(91,170,65,1) 100%);
  background: -ms-linear-gradient(top, rgba(108,191,81,1) 0%, rgba(108,191,81,1) 57%, rgba(91,170,65,1) 58%, rgba(91,170,65,1) 100%);
  background: linear-gradient(to bottom, rgba(108,191,81,1) 0%, rgba(108,191,81,1) 57%, rgba(91,170,65,1) 58%, rgba(91,170,65,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbf51', endColorstr='#5baa41', GradientType=0 );
  -webkit-box-shadow: 0px 5px 5px 0px rgba(145,145,145,1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(145,145,145,1);
  box-shadow: 0px 5px 5px 0px rgba(145,145,145,1);
  text-align:left; color:#fff; margin-right:10px; font-weight:600;}
.green_btn img {float:left; margin:5px 8px 0 0; max-width:28px;}
.green_btn {float:left; width:213px; display:inline-block; text-align:left;}
.green_btn.number { font-size:16px;}
.green_btn:hover, .green_btn:focus {color:#fff; text-decoration:none;}

.hidden {display: none;}

.blog_post_detail {margin-bottom: 10px;}
.blog_post_detail .blog_date {color: #45494A; border: #45494A 1px solid; padding: 7px; font-size: 18px; display: inline-block; margin-bottom: 30px;}
.blog_thumb_detail {margin-bottom: 10px;}
.blog_content_detail {padding: 15px; position: relative; background: #eaeaea;}
.blog_title_detail {font-weight: 600; font-size: 24px;line-height: 1.1;}

.blog_detail_wrapper h3, .blog_detail_wrapper h4 {font-weight: 600;}
.blog_detail_wrapper h4 {font-size: 24px;}
.modal_form {border-radius: 0;}

.modal_form .btn-close {position:absolute; right:-10px; top:-10px; width:35px; height:35px; line-height:35px; text-align:center; background:#6cbf51; border-radius:50%; color:#fff; opacity:1; z-index: 1;}
.modal_form .form_scroll {width: 100%; height: auto;}
.modal_form .measure_form_wrapper {background: #f5f5f5; color: #333;}
.modal_form  .measure_form_wrapper h3 {color: #333;}

label.error{color:red;font-style:italic;margin-top:2px;margin-bottom:0;}
input.error, textarea.error, select.error{border:1px solid red !important;}

.custom_pagination {text-align: center;}

.page-numbers{display:inline-block;padding-left:0;margin:0;border-radius:0px;margin-top:10px}
.page-numbers > li{display:inline}
.page-numbers > li > a,.page-numbers > li > span{position:relative;display: inline-block;padding:7px 12px;font-size:14px;color:#333;text-decoration:none;background-color:#fff;
  border:1px solid #3c4543;border-radius:0}
.page-numbers > li:first-child > a,.page-numbers > li:first-child > span{border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:1px solid #3c4543}
.page-numbers > li:last-child > a,.page-numbers > li:last-child > span{border-top-right-radius:0px;border-bottom-right-radius:0px}
.page-numbers > li > a:hover,.page-numbers > li > span:hover,.page-numbers > li > a:focus,.page-numbers > li > span:focus{color:#3c4543;background-color:#eee;border-color:#3c4543}
.page-numbers > .active > a,.page-numbers > .active > span,.page-numbers > .active > a:hover,.page-numbers > .active > span:hover,.page-numbers > .active > a:focus,.page-numbers > .active > span:focus{z-index:2;color:#fff;cursor:default;background-color:#3c4543;border-color:#3c4543}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:#3c4543;border-color:#3c4543}
.page-numbers > .disabled > span,.page-numbers > .disabled > span:hover,.page-numbers > .disabled > span:focus,.page-numbers > .disabled > a,.page-numbers > .disabled > a:hover,.page-numbers > .disabled > a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.warranty_banner{padding: 150px 0;}
.warranty_list_section ul li+li {margin-top: 15px;}

.product_tab .accordion-button { background-color:transparent;  font-size: 36px; font-weight: 600;
   color:  #333; padding-top: 10px; padding-bottom: 10px; border: #333 1px solid;}
.product_tab .accordion-button:after{ background-image: url(images/icons/acordian-down.png);}
.product_tab .accordion-button:not(.collapsed)  { box-shadow: none; outline: none;}
.product_tab .accordion-button:not(.collapsed):after{transform: var(--bs-accordion-btn-icon-transform); }



.product_tab .accordion-body {color:   var(--black); background-color: transparent;padding: 40px; }
.product_tab .accordion-item { margin-bottom: 0; }

.product_tab .accordion-button:focus {box-shadow: none;}





.product_tab .accordion-body {background: transparent;}
.product_tab .accordion-body h4, .product_tab .accordion-body h5 {font-weight: 600;}
.product_tab .accordion-flush .accordion-item {background: transparent;}
.product_tab .accordion-body ul li ul {list-style: none; margin-top: 15px; margin-bottom: 15px;}
.product_tab .accordion-body ul li+li{margin-top: 10px;}



.inspiration_banner_top{background-position: center; background-size: cover; background-repeat: no-repeat; padding: 80px 0; position: relative; }
.inspiration_top_caption{background: rgba(109,172,59,0.98); padding: 50px; text-align: center; position: relative; color: #fff; margin-bottom: 100px; }
.inspiration_top_caption:before{background: rgba(255,255,255,0.8);  right: 0;  bottom:-25px; content: ""; position: absolute; height: 25px; width: 70%;}
.inspiration_top_caption:after{background: rgba(255,255,255,0.8);  right: -25px;  bottom: -25px; content: ""; position: absolute; height: 70%; width: 25px;}
.inspiration_top_caption h1 {font-weight: normal; font-size:92px; margin-bottom: 10px; margin-top: 0;}
.inspiration_top_caption h2 {font-weight: 500; font-size: 43px;margin-bottom: 40px; margin-top: 0;}
.inspiration_top_caption ul {list-style: none; margin: 0; padding: 0; display: flex;margin: 0 auto;	max-width: 70%;}
.inspiration_top_caption ul li {font-size: 20px; font-weight: bold; position: relative; padding: 0 20px; flex: 1; text-align: left;}
.inspiration_top_caption ul li:after {background: #fff; width: 1px; height: 100%; right: 0; top: 0; bottom: 0; content: ""; position: absolute;}
.inspiration_top_caption ul li:last-child {padding-right: 0; }
.inspiration_top_caption ul li:last-child::after{display: none;}
.big_container{max-width: 80%; margin: 0 auto;}
.banner_left_btn{max-width: 180px;}
.banner_left_btn .wc_small_note {min-width: 178px;}

.banner_left_btn .wc_small_note {font-size: 12px;}

.banner_left_btn2{max-width: 270px;}
.banner_left_btn2 .wc_small_note {min-width: 268px;}



.banner_logo{text-align: right;}
.banner_logo img{ max-width: 250px;}


.insp_btn .btn_icon {display: inline-block; width: 28px; margin-right: 10px;}
.inspiration_banner2{background-position: center; background-size: cover; background-repeat: no-repeat;position: relative; color: #fff; }
.inspiration_banner2 h2, .inspiration_green h2, .insp_gallery h2, .inspiration_banner3 h2, .ins_big_text h2 {font-size: 50px; margin-top: 0; font-weight: normal; text-transform: uppercase;}
.inspiration_banner2 h2 {margin-bottom: 80px;}
.inspiration_banner2 .insp_text { padding-right: 40px;}
.insp_text h3 {font-size: 36px; font-weight: 500;}
.insp_text {margin-top: 50px;}
.insp_text .small_text { margin: 50px 0; font-size: 16px;}
.insp_text .small_text2 { margin: 50px 0; font-size: 18px;}
.inspiration_banner2 .insp_text {padding-right: 20px;}
.inspiration_banner2 .insp_btn {padding: 11px 29px;}
.insp_text .trs_btn {padding: 7px 11px; width: 100%;}
.inspiration_banner2 .insp_text .trs_btn {padding: 7px 5px;}



.blue_btn {	background-color: #2f4d9a;	background-image: linear-gradient(#2f4d9a 50%, #22428d 50%);	color: #fff; }
.blue_btn:hover, .blue_btn:focus {background-color: #22428d;background-image: linear-gradient(#22428d 50%, #2f4d9a 50%);color: #fff;	}



.text_block5 {}

.inspiration_green {padding: 80px 0; position: relative; background: #3aae2a; text-align: center; color: #45494a;}
.inspiration_parralax {min-height:500px !important; background-repeat: no-repeat; background-position: center center; background-size:cover; background-attachment: fixed; }
.text-green {color: #3aae2a;}
.text-white {color: #fff;}
ul.insp_list{list-style: none; margin: 40px auto 20px; padding: 0 10%;}
ul.insp_list li{display: inline-block; vertical-align: top; position: relative;   width: calc(18% - 10px);
  margin: 0 7px;}
ul.insp_list li i.counte{color: #fff; background: #454849; font-size: 20px; font-weight: 600; width:45px; height:45px; line-height: 45px; display: block;margin: 0 auto 10px; font-style: normal;}
.insp_list_text {background: rgba(255, 255, 255, 0.2);display: inline-block;	font-size: 14px;padding: 7px 25px; color: #000;font-weight: 700; }
.inn_btn {max-width: 200px; margin: 0 auto;}
.inn_btn .btn{margin-bottom: 2px;}

.inspiration_green .trs_btn {background: rgba(255, 255, 255, 0.2);padding: 7px 7px; width: 100%; margin: 0 auto; font-size: 11px;color: #fff;}

.thnkubanner {padding-top: 400px;}
.text_block5 {margin-top: 25%; color: #fff; font-size: 20px;}
.text_block5 p a{font-size: 25px; font-weight: 600;}
.text_block5 a, .text_block5 p a{color: #fff;}
.text_block5 a:hover, .text_block5 p a:hover{color: #fff; text-decoration: underline;}

.hedding_text h1 {font-weight: 800; font-size: 5.5rem; margin-bottom: 0; }
.hedding_text h2 {font-weight: 800; font-size: 2.65rem;}
.hedding_text h1, .hedding_text h2 {text-shadow: rgba(0,0,0,0.5) 0 1px 1px;}

.insp_gallery {background: #45494a; color: #fff; padding: 80px 0;}

.trs_btn { background: rgb(69,73,74,0.6); padding: 7px 26px; font-size: 11px; font-weight: bold; color: #fff; display: inline-block; text-align: center; line-height: 1; margin-top: 3px;
}
.gallery_btn {max-width: 361px; margin: 0 auto;}

.find_more_btn {max-width:225px; }

.insp_gallery{background: #45494a; color: #fff; padding: 80px 0;}
.ins_gallery_text {font-size: 24px; margin-bottom: 30px;}
.insp_gallery .insp_btn {padding: 11px 15px;}
.insp_gallery  .trs_btn {background: rgba(255, 255, 255, 0.2); padding: 7px 5px; font-size: 14px; margin-top: 2px;width: 100%;}
.inspiration_banner3 {background-position: center; background-size: cover; background-repeat: no-repeat; padding: 80px 0; position: relative; }
.inspiration_banner3 .insp_text { padding-left: 30px;padding-right: 20px}
.ins_gallery_col {position: relative; overflow: hidden; margin-bottom: 30px; text-align: center;}

.ins_gallery_col:before {content: "";	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);width: 100%;	height: 100%;opacity: 0;position: absolute;top: 100%;left: 0;z-index: 2;	transition-property: top, opacity;transition-duration: 0.3s;}
.ins_gallery_col .details {	padding: 20px;position: absolute;	bottom: 0;left: 50%;z-index: 3; transform: translateX(-50%); width: 92%; color: #ffffff;}
.ins_gallery_col a {color: #fff;}
.ins_gallery_col .details h4, 	.ins_gallery_col .details p{  display: block;	opacity: 0;	position: relative;
	top: 100px;	transition-property: top, opacity;transition-duration: 0.3s;	transition-delay: 0s; }

	.ins_gallery_col .details h4 {font-size: 24px; font-weight: bold;}

	.ins_gallery_col .details p {  line-height: 1.2; margin-top: 5px;   font-size: 12px;}



.ins_gallery_col:focus:before, .ins_gallery_col:hover:before {	top: 0%;}
.ins_gallery_col:focus:before, .ins_gallery_col:focus h4, .ins_gallery_col:hover:before, .ins_gallery_col:hover h4, .ins_gallery_col:focus p, .ins_gallery_col:hover p {	opacity: 1;}


.ins_gallery_col:focus h4, .ins_gallery_col:hover h4, .ins_gallery_col:focus p, .ins_gallery_col:hover p {top: 0;}

.vdeo_banner{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative; overflow: hidden; }
.vdeo_banner video { width: 100%; position: absolute; left: 0; top:0; right: 0; bottom: 0;
   transform: scale(1.3);}


.vdeo_banner .container { position: relative; z-index: 1;}


@media (max-width:1300px){
.vdeo_banner video { transform: scale(2.5);}
}



.vdeo_banner2{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative; overflow: hidden; padding: 0; }
.vdeo_banner2 video { width: 100%;  height: auto; }
.vdeo_banner2 .caption {position: absolute; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.vdeo_banner2 .measure_contents_wrap2 {margin-top: 55%;}
.vdeo_banner2 .container { position: relative; z-index: 1;}


.vdeo_banner3{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative; overflow: hidden; padding: 150px 0;}
.vdeo_banner3:after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: black;
   opacity: 0.3; content: "";}
.vdeo_banner3 video { position:absolute;z-index:0;object-fit:cover;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}

.vdeo_banner3 .container {z-index: 2; position: relative;}
/* .vdeo_banner3 .container { z-index: 1; position: absolute; width: 100%;
  max-width: 1450px; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%);} */

.vdeo_banner3 .measure_contents_wrap2, .vdeo_banner3 .measure_form_wrapper {text-align: left;}



.vdeo_banner_home{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative; overflow: hidden; padding: 0; }

.vdeo_banner_home video { width: 100%;  height: auto; }
.vdeo_banner_home .container { position: relative; z-index: 1; position: absolute; width: 100%;
  max-width: 1450px; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.vdeo_banner_home .measure_contents_wrap2, .vdeo_banner_home .measure_form_wrapper {text-align: left;}

.featured_bar2 {margin-top: -6px;}


body.overflow {overflow:auto;}
.mr-2 {margin-right:10px;}
.promotional_page section {padding:60px 0;}
.promotional_page h2 {text-align:center; font-size:36px; line-height:1.4; margin:0 0 40px;}
.promotional_page .container { position:relative; z-index: 2;}
.promotional_page .btn-success {	background:rgba(108, 191, 81, 1);
  background:-moz-linear-gradient(top, rgba(108, 191, 81, 1) 0, rgba(108, 191, 81, 1) 57%, rgba(91, 170, 65, 1) 58%, rgba(91, 170, 65, 1) 100%);
  background:-webkit-gradient(left top, left bottom, color-stop(0, rgba(108, 191, 81, 1)), color-stop(57%, rgba(108, 191, 81, 1)), color-stop(58%, rgba(91, 170, 65, 1)), color-stop(100%, rgba(91, 170, 65, 1)));
  background:-webkit-linear-gradient(top, rgba(108, 191, 81, 1) 0, rgba(108, 191, 81, 1) 57%, rgba(91, 170, 65, 1) 58%, rgba(91, 170, 65, 1) 100%);
  background:-o-linear-gradient(top, rgba(108, 191, 81, 1) 0, rgba(108, 191, 81, 1) 57%, rgba(91, 170, 65, 1) 58%, rgba(91, 170, 65, 1) 100%);
  background:-ms-linear-gradient(top, rgba(108, 191, 81, 1) 0, rgba(108, 191, 81, 1) 57%, rgba(91, 170, 65, 1) 58%, rgba(91, 170, 65, 1) 100%);
  background:linear-gradient(to bottom, rgba(108, 191, 81, 1) 0, rgba(108, 191, 81, 1) 57%, rgba(91, 170, 65, 1) 58%, rgba(91, 170, 65, 1) 100%);}
.pr_btn {padding:12px 40px; font-size:16px;}

.promotional_banner {min-height:650px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; flex-wrap:wrap; background-attachment:fixed; overflow: hidden;}
.promotional_banner:before {position:absolute; left:0; top:0; bottom:0; right:0; content:""; background:rgba(0,0,0,0.40);}
.promotional_banner:after {position:absolute; left:0; top:0; bottom:0; right:60%; content:""; clip-path: polygon(0 0, 60% 0, 100% 50%, 60% 100%, 0 100%, 0 50%); background:rgba(79,183,0,0.45);}

.promotional_banner video {width: 100%; transform:scale(1.4); }
.video_wrapper {position:relative;}
.video_wrapper:before {position:absolute; left:0; top:0; right:0; bottom:0; content:""; background:rgba(0,0,0,0.60); z-index: 1;}
.pb_contents_wrapper {position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center;}

.promotional_banner .container {position:relative; z-index: 2; max-width: 1450px;}
.promotional_banner_contents {color:#fff; padding:20px 0 0 50px;}
.pb_big_text {font-size:48px; margin:0 0 20px; line-height:1.3;}
.pb_small_text {font-size:26px; margin:0 0 20px; background:#6DBF50; display:inline-block; padding:4px 8px; line-height:1;}
/* ul.pb_banner_list {padding:0; margin:0; list-style:none;}
ul.pb_banner_list li {position:relative; margin:0 0 10px; padding:0 0 0 24px; font-size:18px;}
ul.pb_banner_list li:before {position:absolute; left:0; top:0; content:"✓"; color:#fff;} */

ul.pb_banner_list { counter-reset: section; list-style-type: none; padding:0; margin:0; color:#fff; font-size:18px;}
ul.pb_banner_list li {position: relative; text-align: left; color: #fff; margin-bottom: 20px; }
ul.pb_banner_list li:before {counter-increment: section; content: counters(section,".") " ";	display: inline-block;	color: #fff;	background: #484848;	border: 5px solid #484848;	margin-right: 15px; border-radius: 50%; font-size: 15px; width: 25px; text-align: center; height: 25px; line-height: 15px;}

.pb_banner_logos {background: #3dae2b; padding:15px 0;}
.pb_banner_logos ul {padding:0; margin:0; list-style: none; text-align:center;}
.pb_banner_logos ul li {display:inline-block; width:calc(20% - 5px);}
.pb_banner_logos ul li img {height:150px; object-fit:scale-down;}

.promotional_form {background:#fff; margin:30px 0 0; padding:30px; border:6px solid #6DBF50; border-radius:6px; font-size:16px;}
.promotional_form h4 {font-size:24px; text-transform:uppercase; text-align:center;}
.promotional_form p {font-size:16px; text-align:center; margin:0 0 20px;}
.promotional_form .form-control {font-size:16px; min-height:45px;}
.promotional_form .btn {padding:8px 30px; font-size:16px;}
.promotional_form label.error { display: block !important;}

.looking_sec img {width:100%}
.looking_sec p {font-size:18px; line-height:1.6;}
.looking_img img {height:290px; object-fit:cover; }
.looking_right_contents {padding-right:35px;}
.promotional_page .row {margin:0 -15px;}
.promotional_page .our_products {margin:20px 0;}
.promotional_page .our_products h4 {font-weight:bold; margin:0 0 15px;}
.promotional_page .product_name {background:#6DBF50; color:#fff; padding:10px; text-align:center; font-weight:600; font-size:16px;}

.promotional_page .product_box {margin:0 0 30px;}
.promotional_page .product_box a {text-decoration:none;}
.promotional_page .product_box a .product_name {background:#5da543;}
.discount_sec {position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.discount_sec:before {position:absolute; left:0; top:0; bottom:0; right:0; content:""; background:rgba(3,3,3,0.85);}
.discount_sec {color:#fff;}
.discount_sec .container{position:relative;}
.discount_contents_wrap {max-width:1000px; padding:0 60px; margin:0 auto; text-align:center; position:relative;}
.discount_big_text {font-size:37px; margin:0 0 40px}
.discount_contents_wrap .left_arrow {position:absolute; left:0; top:65px;}
.discount_contents_wrap .right_arrow {position:absolute; right:0; top:65px;}
.discount_contents_wrap h4 {font-size:25px; padding:0 70px; font-weight:bold; margin:0 0 50px;}
.discount_contents_wrap .btn {padding:15px 60px; font-size:16px;}

.why_box {font-size:16px; line-height:1.7; background:#fff; padding:20px; text-align:center; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.10);}
.why_box img {max-width:108px;}
.why_box h3 {font-weight:bold; font-size:23px;}


.promotional_parallax {position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; min-height:350px;}

/* .projects_sec {background:#222222; color:#fff;}
.pro_box {margin:0 0 30px; border-radius:10px; overflow: hidden;} */
.product_comercial_section {position: relative; overflow: hidden;}
.product_comercial_section:before {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #ddecdb; width: 100%;-webkit-clip-path: polygon(0 46%, 0 0, 100% 64%, 100% 100%); clip-path: polygon(0 46%, 0 0, 100% 64%, 100% 100%);}
.product_comercial_section .container {position: relative;}
.better_services_info p {font-size: 19px;}

.comercial_list {text-align: center; margin-top: 60px;}
.comercial_list_block {margin-bottom: 30px;}

.comercial_list_block_text {height: 50px; position: relative;}

.comercial_list_block  h3 {font-size: 17px; font-weight: bold; margin-top: 0; position: absolute;	top: 50%;	left: 50%;transform: translate(-50%, -50%);}
.comercial_list_block a {color: #2f3334;}
.comercial_list_block a:hover {color: #3dae2b;}
.comercial_list_block .comercial_list_thumb { position: relative; overflow: hidden; margin-bottom: 20px;}
.comercial_list_block .comercial_list_thumb img {width: 100%;transform: scale(1.01);transition: all 700ms ease; max-height: 250px;}
.comercial_list_block:hover .comercial_list_thumb img {transform: scale(1.15);}

.testimonials_sec {background:#fff; text-align:center;}

.sale_sec {position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.sale_sec:before {position:absolute; left:0; top:0; bottom:0; right:0; content:""; background:rgba(0,0,0,0.75);}
/* .sale_sec:after {position:absolute; right:0; top:0; bottom:0; left:40%; content:""; clip-path: polygon(20% 0, 100% 0, 100% 50%, 100% 100%, 20% 100%, 0 50%); background:rgba(79,183,0,0.45);} */

.sale_sec:after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background:rgba(79,183,0,0.45); width: 100%;clip-path: polygon(36% 0, 100% 0%, 100% 100%);}


.sale_sec h2 {text-align:left;}
.sale_sec {}
.sale_sec .container{position:relative; z-index: 2;}
.sale_sec .sale_small_text {font-size:25px; font-weight:bold; margin:0 0 30px;}
.sale_contents_wrap { position:relative;color:#fff;}
.sale_contents_wrap .btn {padding:15px 60px; font-size:16px;}


.total_reviews {padding:15px 0 0; text-align:center;}
.total_reviews h5 {font-size:16px; font-weight:600;}
.tr_rating {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; font-size:18px;}
.add_remove_btns a {margin:10px 0 25px;}

.comercial_step_section {padding: 60px 0; position: relative; background: #ddecdb;}
.comercial_step_section:before {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #fff; width: 100%;-webkit-clip-path: polygon(0 100%, 0 0, 100% 100%, 46% 100%); clip-path: polygon(0 100%, 0 0, 100% 100%, 46% 100%);}
.comercial_step_section .container {position: relative;}

ul.list_count { counter-reset: section; list-style-type: none; padding:0; margin:0; color:#fff;}
ul.list_count li {position: relative; text-align: left; color: #fff; font-size: 16px; margin-bottom: 20px; }
ul.list_count li:before {counter-increment: section; content: counters(section,".") " ";	display: inline-block;	color: #fff;	background: #3dae2b;	border: 5px solid #3dae2b;	margin-right: 15px; border-radius: 50%; font-size: 15px; width: 25px; text-align: center; height: 25px; line-height: 15px;}
.col_text_block {margin-bottom: 40px; padding: 0 15px;}

.promotional_cta {padding:0 !important;}
.cta_inner_wrap {background:#2a2a2a; padding:30px; border-radius:8px; color:#fff; text-align:center; max-width:1000px; margin:0 auto;}
.cta_inner_wrap h4 {font-size:24px; margin:0 0 25px; font-weight:700;}
.cta_inner_wrap .btn {padding:10px 30px; font-size:16px;}
.ob_awing_banner {padding-top: 150px;}
.ob_awing_banner .book_btn { margin: 30px auto 0;}
.ob_awing_banner .wc_small_note {background:rgba(255,255,255,0.4);}
.ob_awing_banner .text_block4 { margin-top: 55%;}


@media(max-width:1199px){
  .promotional_banner {overflow:initial; align-items:start;}
}
@media (max-width:667px){
.discount_contents_wrap .btn {padding: 15px 26px;}
}

.video_frame .wp-video {margin: 0 auto;}

/* warranty popup */
.warranty_popup_wrap {position:fixed; top:50%; transform:translate(-50%, -50%); left:50%; width: 100%; max-width:1200px; background:#fff; z-index: 10000000000;font-family: 'Lato', sans-serif; box-shadow:0 0 40px rgba(0,0,0,0.20);}
.main_row {margin:0; display:flex; flex-wrap:wrap;}
.main_row > [class*=col-] {padding:0; float:none;}
.warranty_contents_wrap {padding:40px; position:relative; color: #fff; background:url(images/bg-popup-warranty.png) no-repeat; background-size:cover; margin-right:-72%; z-index: 9;}
.warranty_inner_contents {padding-right:30%;}
.warranty_inner_contents .row {margin:0 -15px;}
.popup_img {background-size:cover; background-position:right; background-repeat:no-repeat; position: relative;}
.popup_img:before {clip-path: polygon(50% 0%, 100% 0, 100% 71%, 74% 35%); content:""; height:420px; width:500px; position:absolute; right:0; top:0; background:rgb(61,174,43,0.27);}
.popup_img:after {clip-path: polygon(50% 100%, 0 0, 100% 0); content:""; height:80px; width:130px; position:absolute; right:120px; top:0; background:rgb(61,174,43,0.45);}
.img_layer {position:absolute; left:100%; top:0; bottom:0;}
.warranty_popup_heading {font-size:35px; line-height:1.2; margin:0 0 20px;}
.warranty_popup_heading span {color:#3dae2b;}
.warranty_popup_info {font-size:20px; line-height:1.2; margin:0 0 25px; padding-right:50px;}
.warranty_popup_examples {font-size:16px; padding-right:35px;}
.green_heading {color:#3dae2b; margin:0 0 7px; font-size:18px; font-weight:500;}
.warranty_popup_examples ul {padding:0; margin:0 0 20px; list-style:none;}
.warranty_popup_examples ul li {margin:0 0 10px; position: relative; padding:0 0 0 15px;}
.warranty_popup_examples ul li:before {content:""; width:7px; height:7px; background:#fff; border-radius:50%; background:#fff; position:absolute; left:0; top:9px;}
.warranty_popup_examples a {color: #fff; text-decoration: none;}
.warranty_popup_examples a:hover, .warranty_popup_examples a:focus {color: #fff; text-decoration: none;}

.btn-examplebtn {background:#f06237; padding:10px 20px 10px 75px; font-size:18px; text-transform:uppercase; position:relative; color:#fff; text-align:left; line-height:1.2;}
.btn-examplebtn:before {content:""; position:absolute; top:50%; bottom:0; left:0; right:0; background:#f27641; transition:all linear 0.2s;}
.btn-examplebtn img {height:40px; object-fit:scale-down; position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.btn-examplebtn:hover {color:#fff;}
.btn-examplebtn:hover:before {top:0;}
.btn-examplebtn span {position:relative;}
.close_warranty_popup {position: absolute; right: 20px; top: 15px; color:#fff; font-size: 40px; line-height: 1; z-index:100;}
.close_warranty_popup:hover, .close_warranty_popup:focus {text-decoration:none; color:#f27641;}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
/*
.contact_page_banner {color: white; padding: 250px 0;} */
.banner_contact_info {color: white; font-size: 20px;}

.banner_contact_info h3, .banner_contact_info h4 {margin-bottom: 20px;}
.banner_contact_info h3 a {color: white;}
.banner_contact_info h4 a {color: white;}
.banner_contact_info ul {list-style: none; margin: 0; padding: 0;}
.banner_contact_info ul li {display: block;}
.banner_contact_info ul li+li {margin-top: 7px;}
.banner_contact_info ul li a{color: white;}
.video_btn {position: absolute; right: 109px; bottom: 39px;}
.video_btn a {display: block; width: 361px; height: 174px; }



#shadow-host-companion{ padding-top:0px !important; display:none !important;}
.heaven_logo img{ width: 60% !important; margin-top: -43px !important;}


.spinner_box { background:rgba(255,255,255,0.70);position: fixed;z-index: 9999; left:0; right:0; height: 100%;}
.spinner { width: 50px; height: 40px; text-align: center; font-size: 10px; position: absolute; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.my-design .wp-block-media-text__content{padding-left:0 !important;}
.notification {padding:13.5px 0;}
.notification p{color:white;text-align:center;margin-bottom:0;}
.notification p a{color:white;text-decoration:underline;}
.event-notification{max-width:500px;padding:10px 10px 0 20px ;border:1px solid #3dae2b;margin-bottom:5px;}
.event-notification p{color:#3DAE2B; font-weight:600;}
.event-notification p a{color:#3DAE2B;text-decoration:underline;}
.fringe_model .modal-content{background:#4d453e;text-align:center;font-family: 'Lato';}
/* .fringe_model  h2 span{    color: transparent;
    font-size: 70px;
    -webkit-text-stroke: 2px white;font-family: 'Lato';
    font-weight: 600;} */
.fringe_model  h2 span{color:var(--primary-color);}
.fringe_model  h2 em{font-size:40px;text-transform:capitalize;line-height: 51px;font-weight: 500;letter-spacing:normal;font-family: 'Lato';}
.fringe_model  h2{font-size:42px;text-transform:uppercase;color:white;line-height:51px;letter-spacing:1px;font-family: 'Lato';font-weight:600;}
.fringe_model  h4{color: white;margin-top: 0;text-transform: uppercase;font-size: 22px;font-weight: 400;font-family: 'Lato';}
.fringe_model  h3{ font-size: 24px;color: white;font-weight:400;}
.fringe_model  h3 a{color:white;font-family: 'Lato';}
.fringe_model  h3 a:hover{color:white;}
.fringe_model small{color:white;margin-bottom:1rem;display:block;}
.fringe_model p { margin-top: 15px;font-size: 18px;color: white;font-weight: 300; font-family: 'Lato';max-width: 590px;margin-inline: auto;}
.fringe_model .inner-btn {display:flex;gap:20px;justify-content:center;margin:25px 0;flex-wrap:wrap;}
.fringe_model .inner-btn .btn-success{border-radius:24px;padding: 6px 20px;font-size:17px;font-weight:300;}
.fringe_model .modal-body{padding: 0 85px !important;}
.fringe_model{--bs-modal-width: 820px;}
.fringe_model .modal-header {border-bottom:none;}
.fringe_model.show{display:flex !important;justify-content:center;align-items:center;}
.modal-logo-img {   max-width: 409px;   margin: auto;}
.btn-close{border:1px solid black;box-shadow:none;filter:invert(1);}
/* .partner-ship .comunity_banner:nth-last-child(even) .col-lg-6:last-child {
    order: -1;
}
.partner-ship .comunity_banner:nth-last-child(even){background:#edf5e8;}
.partner-ship .comunity_banner:nth-last-child{padding:20px;} */
.new-two:before{content:unset;}
.new-lab label{font-size: 13.5px;}
.notibar .btn-success{padding:12px 50px;}
.notibar{background: var(--secondary-color);padding: 35px 0;}
    .notibar h3{font-size: 28px;font-family: Lato;font-weight: 600;color: white;margin-bottom:0;}
 .cellular-blinds-content {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .cellular-blinds-content img {
    max-width: 100%;
    height: auto;
  }
  .cellular-blinds-content img.alignleft {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 40%;
  }
  .cellular-blinds-content img.alignright {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 40%;
  }
  .cellular-blinds-content::after {
    content: "";
    display: table;
    clear: both;
  }
.new-custom .modal-dialog { width: 90%;max-width: none;}
.new-custom.show{ display: flex !important;justify-content: center;align-items: center;}
.new-custom .btn-close{filter: unset !important;}
.new-custom iframe{height: 100vh;}
.new-custom#iframeModal2 iframe{height:100%;}
.inner_hero_banner .visula-box  .btn-secondary{padding: 12px 25px;margin-top: 20px;background-color: #25408F;color: white;border-radius: 0;font-size: 20px;}
.inner_hero_banner .visula-box .btn-secondary img{margin-right: 8px;}
.testimonial_banner img{width: 100%;}
.green-menu{    background: var(--primary-color); padding: 9px 43px 9px 16px; color: white; transform: skewX(28deg); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4); display: block;}
.green-menu span{display: block;transform: skew(-28deg);font-size: 15px;}
.green-menu span img{width: 26px;}