@import url('https://doorsystems.com/hubfs/Font-Awsome/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); 

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.doorsystems.com/hubfs/Font-Awsome/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://www.doorsystems.com/hubfs/Font-Awsome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.doorsystems.com/hubfs/Font-Awsome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.doorsystems.com/hubfs/Font-Awsome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.doorsystems.com/hubfs/Font-Awsome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.doorsystems.com/hubfs/Font-Awsome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
a {box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important;}

body { font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:16px; line-height:26px;  overflow-x:hidden;}

h1 {font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:35px; line-height:40px; color: #0b2d43; margin-bottom: 5px; font-weight:600; }
h2 {font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:32px; line-height:36px; font-weight:600;}
h3 {font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:25px; line-height:32px; font-weight:600;}
h4 {font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:22px; line-height:28px; font-weight:600;}
h5 {font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:18px; line-height:24px; font-weight:600;}
h6 {font-family: "Plus Jakarta Sans", sans-serif; color:#0B2D43; padding:0; margin:0; font-size:16px; line-height:18px; font-weight:600;}

img { border:0; vertical-align: top; height:auto; max-width:100%; }
hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } 
.clear { clear:both }
p { padding:10px 0; margin:0; }
a { text-decoration:none; outline:none; color:#EB4310 ; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
a:hover { color:#0B2D43; }

input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; margin-top: 6px; border:1px solid #ccc; background:#fff; height:50px; padding:0 20px; font-family:Plus Jakarta Sans,sans-serif; font-size:16px; width:100%;     color: #4d5d6b; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:100px; }
input[type=submit] , form button { width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #0b2d43; font-size:17px; line-height:24px; font-weight:700; padding:8px 20px; color:#fff; display:inline-block; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; }
input[type=submit]:hover , form button:hover { background-color:#00658b; }

h1 span, h1 strong, h2 span, h2 strong, h3 span, h3 strong, h4 span, h4 strong, h5 span, h5 strong, h6 span, h6 strong { font-family: "Plus Jakarta Sans", sans-serif; }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-family: Plus Jakarta Sans,sans-serif; }

.category-item .category-wrapper{
    -webkit-box-shadow: -2px -6px 23px 3px rgba(212,212,212,1);
    -moz-box-shadow: -2px -6px 23px 3px rgba(212,212,212,1);
    box-shadow: -2px -6px 23px 3px rgba(212,212,212,1);
}
/* .subcategories-box .subcategories-col .category-title{
-webkit-box-shadow: -1px -31px 49px -1px rgba(211,231,242,1);
-moz-box-shadow: -1px -31px 49px -1px rgba(211,231,242,1);
box-shadow: -1px -31px 49px -1px rgba(211,231,242,1);
position: relative;
}   */
.subcategories-inner .subcategories-boxwrap .subcategories-box .both-cats{
    padding-right: 10px !important;
}
.location-contact-form-section .location-contact-form-inner .hs-error-msg{
    font-size: 12px;
    color: red;
}
.location-contact-form-section .location-contact-form-inner .row-fluid {
    max-width: 620px;
    width: 100%;
    margin: auto;
}
.home-heroright .hero-sliderwrap{
    position: relative;
}
.homebody .home-heroright .hero-sliderwrap::before{
    position: absolute;
    content: "";
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    left: 0;
    top: 0;
    width: 100%;
    height: 88%;
}
.home-slider-section .slick-initialized .slick-slide{
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
}
.service-textbox-content .service-textbox-inner{
    position: relative;
}
.product-inner-slider .slick-slider{
    margin-bottom: 0;
}
.location-contact-form-section .hs-submit{
    width: 100%;
}

/* Menu */
.hs-menu-flow-horizontal a .sec-child-menu{
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}
.hs-menu-flow-horizontal .main-nav-menu-item{
    position: relative;
    background: #73c6e7 !important;
}
.hs-menu-flow-horizontal .main-nav-menu-item::after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    bottom: -15px;
    z-index: 99;
    right: 80px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #73c6e7;
}
.hs-menu-flow-horizontal .main-nav-menu-item a::after, .hs-menu-flow-horizontal .main-nav-menu-item img{
    display: none;
}
.hs-menu-flow-horizontal .child-menu-sub-item{
    padding-left: 15px;
}
body .hs-menu-flow-horizontal .main-nav-menu-direct-link a{
    font-size: 13px !important;
    line-height: 18px !important;
    color: #0B2D43 !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    position: relative !important;
    padding: 6px 15px !important;
    border: 0px !important;
    margin-bottom: 0px;
}
body .hs-menu-flow-horizontal .main-nav-menu-direct-link:hover{
    background-color: #415e73;
}
.service-textbox .service-textbox-content{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.location-contact-form-section .hs-submit .hs-button{
    background: #EB4310;
    width: 100%;
    font-family:Plus Jakarta Sans,sans-serif;
}
.location-contact-form-section .hs-submit .hs-button:hover{
    background: #0b2d43;
}
.location-contact-form-section .location-contact-form-inner .hs-form-field input{
    border: 0;
}
.row-fluid .home-heroleft h1{
    display: inline;
}
.location-contact-form-section .form-content{
    background-position: 0% 45% !important;
}
.rp-details-breadcrumbs ul{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    padding-right: 5% !important;
    text-align: left !important;
}
.rp-details-breadcrumbs ul a {
    color:#a7a4a4;
}
.select-product-downloads-wrapper {
    padding: 15px 30px;
}
.select-product-downloads-wrapper ul li{
    display: block;
    padding: 15px 0!important;
    border-bottom: 1px solid #0b2d43;
    position: relative;
    padding-left: 15px!important;
}
.select-product-downloads-wrapper ul li::after{
    position: absolute;
    content: ""; 
    height: 5px;
    width: 5px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #0b2d43;
    border-radius: 50%;
}

.select-product-downloads-wrapper ul li:last-child{
    border-bottom: none;
}
.location-contact-form-section .widget-type-cell{
    padding-bottom: 50px;
}
.location-contact-form-section span.hs-form-required{
    display: none;
}

.select-product-downloads-wrapper p{
    padding-top: 0;
}
.select-product-downloads-wrapper{
    top: 100% !important;
}
.rp-details-breadcrumbs ul li{
    padding-left: 20px;
    position: relative;
    display: inline-block;
    font-size: 12px;
}

.product_content a{
    color: #fff;
    font-weight: bold;
}
.product_content{
    margin-bottom: 10px;
}
.site-search-section{
    padding: 30px 0;
}
.rp-details-breadcrumbs ul li::after{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    border-radius: 50%;
}
.rp-details-breadcrumbs ul li:first-child::after{
    display: none;
}
.rp-details-breadcrumbs ul li:first-child{
    padding-left: 0;
}
.rp-details-breadcrumbs ul li:last-child{
    color: #EB4310;
}
/* .request-quote-section{
background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/new-bg.png')no-repeat;
background-size: cover;
} */
.row-fluid .hs-form fieldset .hs-input{
    font-weight: 400;
}
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 small{
    border: none !important;
}
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 small, .row-fluid .subcategory_area .subcategory_right .subcategories-box .category-title{
    display: block !important;
}
.category-group .content-group{
    background: #d3e7f2;
    -webkit-box-shadow: -1px -31px 49px -1px rgba(211,231,242,1);
    -moz-box-shadow: -1px -31px 49px -1px rgba(211,231,242,1);
    box-shadow: -1px -31px 49px -1px rgba(211,231,242,1);
    position: relative;
}
.category-group .content-group .category-link{
    color:#0b2d43;
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
  font-weight:700;
}
.category-group .content-group .category-link::after{
    position: absolute;
    content: "";
    height: 25px;
    width: 30px;
    right: 5px;
    top: 50%;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/categorybtn.png) no-repeat center / cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.subcategory_right .subcategories-boxwrap{
    display: flex;
    flex-wrap: wrap;
}
.subcategory_right .subcategories-boxwrap .subcategories-box{
    margin-bottom: 30px;
    padding-bottom: 0 !important;
}
.subcategory_right .subcategories-boxwrap .subcategories-box .subcategories-col{
    height: 100%;  
    overflow: hidden;
}

.row-fluid .res-herobottom .span6 .res-productdownload, .row-fluid .commercial-product-details .res-herobottom .res-productdownload{
    position: relative;
}
.subcategory_right .subcategories-boxwrap .subcategories-box .subcategories-col .image-location-wrapper{
    position: relative;
    float: left;
    width: 100%;
}
.subcategory_right .subcategories-boxwrap .subcategories-box .subcategories-col .image-location-wrapper p{
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    z-index: 9;
}
.row-fluid .res-herobottom .span6 .res-productdownload::after, .row-fluid .commercial-product-details .res-herobottom .res-productdownload::after{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    bottom: -5px;
    background: #415e73;
}
.row-fluid .res-herobottom .span6 .res-productdownload:last-child::after, .row-fluid .commercial-product-details .res-herobottom .res-productdownload:last-child::after{
    display: none;
}
.back-to-main a{
    font-size: 14px;
    color: #EB4310;
}
/* .resident-bookmark-wrapper .span6{
padding: 0 15px;
} */
/* .resident-bookmark-wrapper .breadcumb.span6{
margin-left: 0;
} */
.back-to-main{
    position: relative;
    padding-left: 60px !important;
}
.resident-bookmark-wrapper{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.back-to-main::after{
    position: absolute;
    content: "";
    background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/backblog.png')no-repeat;
    left: 38px;
    height: 7px;
    width: 19px;
    top: 50%;
    transform: translateY(-50%);
}
.back-to-main::before{
    position: absolute;
    content: "";
    background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/ingshadowcolor.png')no-repeat;
    left: 12px;
    height: 18px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
}
.additional_product_information{
    float: left;
    width: 100%;
    margin-top: 20px;
    background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/need-additional-info.jpg')no-repeat;
    background-size: cover;
    color: #fff;
    padding: 50px 30px;
    position: relative;
}
.additional_product_information .additional-info-form-content{
    position: absolute;
    background: #EB4310;
    width: calc(100% - 60px);
    padding: 18px 20px;
    z-index: 99;
}
.additional_product_information h2{
    font-size: 24px;
    color: #fff;
}
.additional_information_btn a{
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    background: #EB4310;
    color: #fff;
    position: relative;
    min-width: 1px;
    padding: 11px 86px 11px 64px;
    width: 100%;
    text-align: center;
    display: block;
}
.additional_information_btn a::after{
    position: absolute;
    content: "";
    height: 13px;
    width: 14px;
    right: 16px;
    top: 14px;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/first-tab.png) no-repeat center / cover;
}
p.product_content{
    padding-right: 35px;
    position: relative;
    display: inline-block;
}
.res-herobottom .span6 .inquiry-raw .inquiry-left::before{
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: 100% !important;
}
.product-features-benefits-content ul{
    padding: 0;
    margin: 5px 0 0;
    list-style-type: none !important;
}
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 small:after{
    display: none !important;
}
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 a:after{
    position: absolute;
    content: "";
    height: 25px;
    width: 30px;
    right: 5px;
    top: 50%;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/categorybtn.png) no-repeat center / cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.row-fluid .service-section .service-headingbox p a{
    color: #0b2d43;
    position: relative;
}
.row-fluid .service-section .service-headingbox p a::after{
    background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/locbtn.png')no-repeat;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
}
.row-fluid .service-section .service-headingbox p a::before{
    position: absolute;
    content: "";
    background: #0b2d43;
    height: 1px;
    width: 48%;
    bottom: -8px;
    right: -15px;
}
.res-herobottom.quote_chat{
    margin-top: 50px;
}
.product-features-benefits-content ul li{
    padding: 5px 0px 5px 20px;
    position: relative;
    margin-top: 3px;
    font-size: 15px;
    font-weight: 600;
}
.product-features-benefits-content ul li::before{
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    left: 0;
    top: 15px;
    background: #0D89D3;
}
p.product_content::after{
    position: absolute;
    content: "";
    height: 7px;
    width: 27px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/arrow.png') no-repeat center / cover;
    transition: all ease-in-out .5s;
}
.res-productdownload_last::after, .additional_product_information .additional-info-form-content .hs-form-required{
    display: none;
}
.additional_product_information .additional-info-form-content input[type=submit]{
    width: 100%;
    background: #0b2d43;
    font-weight: normal;
}
.additional_product_information .additional-info-form-content .hs-error-msgs{
    color:red;
}
.row-fluid .form_wrapper .res-housecol{
    width: 50%;
}
.subcategory_right .subcategories-boxwrap .subcategories-box .subcategories-col {
    display: none;
}

@media  (max-width: 770px), (max-device-width: 480px) and (min-device-width: 320px){
    .row-fluid .form_wrapper .res-housecol{
        width:100%;
    }
}

.row-fluid .other_data_content .res-housesection{
    padding-top: 0;
}
.subcategory_right .subcategories-boxwrap .subcategories-box .subcategories-col .image-location-wrapper p::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 58px solid transparent;
    border-left: 520px solid rgb(120 131 114 / 69%);
    border-bottom: 0px solid transparent;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.header-container-wrapper {
    position: relative;
    z-index: 99;
    min-height: 54px;
}

.header-container-wrapper {
    min-height: auto;
}


.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch > a{
    color: #0b2d43;
    background-color: #d3e7f2;
}
.row-fluid .quote_chat .inquiry-raw{
    display: block;
}
.row-fluid .quote_chat .wrapper{
    padding: 0;
    width: 100%;
}
.quote_chat .inquiry-raw{
    background: #f4f4f6;
    padding: 30px 15px;
}
.row-fluid  .home-slider-section .hero-sliderwrap .hero-sliderimg{
    height: 570px;
    box-shadow: none;
}
.home-slider-section .hero-sliderwrap .slick-list{
    margin-bottom: 30px;
    padding-bottom: 40px !important;
}
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 a:hover:after {
    background-color: #EB4310;
    background-blend-mode: difference;
}
.category-group .content-group .category-link:hover:after {
    background-color: #EB4310;
    background-blend-mode: difference;
}
.row-fluid .home-heroleft h5 .services{
    float: right;
    /*   margin-right: 50px; */
    font-size: 50px;
    color: #0b2d43;
    
    display: inline-block;
}
.visual-designer-section iframe{
    width: 100%;
    max-width: 1280px;
    height: 1100px;
}
.product_content a:hover{
    color: #fff;
}
.warehouse-section .dj_brand_image{
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
}
.row-fluid-wrapper .warehouse-section{
    position: relative;
}
.row-fluid-wrapper .warehouse-section::before{
    position: absolute;
    content: "";
    background: #0b2d43;
    height: 85%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.warehouse-section .point-arrow span.tooltiptext{
    background: #fff;
    color: #0b2d43;
    font-weight: 800;
    border-radius: 0;
    border: 2px solid #c3bebe;
    padding: 0;
    display: none;
}
.warehouse-section  .point-arrow:hover  span.tooltiptext{
    display: inline-block;
}
.warehouse-section .point-arrow a:hover .img_plus{
    transform: scale(1.5);
}
.warehouse-section .point-arrow span.tooltiptext p{
    display: inline-block;
    padding: 10px;
}
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }

.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }

.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }
.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { margin:0; padding:0; list-style:none; }

.slick-arrow { position:absolute; top:50%; padding:0; border:1px solid #011E24; font-size:0; min-width:auto;  width:40px; height:40px; line-height:0; outline:none; background:transparent; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#011E24; }
.slick-arrow:hover { background:#011E24; color:#fff; }
.slick-arrow:hover:before { color:#fff; }
.slick-prev { left:0; color:#011E24; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:24px; color:#011E24;  }
.slick-prev:before { content: "\f104"; left:-1px; position: relative; top: 3px; }
.slick-next { right:0;}
.slick-next:before { content: "\f105"; right: -2px; position: relative; top: 3px }


ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#a1a1a1;  min-width:auto; padding:0; border:0;width:15px; height:15px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#fbb314; }

::-webkit-input-placeholder { color: #000; font-family: "Plus Jakarta Sans", sans-serif; opacity:1; font-size:16px; }
::-moz-placeholder { color: #000; font-family: "Plus Jakarta Sans", sans-serif; opacity:1; font-size:16px; }
:-ms-input-placeholder { color: #000; font-family: "Plus Jakarta Sans", sans-serif; opacity:1; font-size:16px; }
:-moz-placeholder { color: #000; font-family: "Plus Jakarta Sans", sans-serif; opacity:1; font-size:16px; }
@media(max-width: 1240px){
    .row-fluid .home-heroleft h5 .services{
        float: none;
        padding-top: 10px;
    }
}
@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {

    .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
    .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
    .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }

}

.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    z-index: 99;
}

@media (min-width: 992px) {
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children a::after{
        display: none;
    }

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper{
        padding: 0 !important;
    }
    .hs-menu-flow-horizontal ul li ul li ul li a, .hs-menu-flow-horizontal ul li ul li ul li a span.right-arrow{
        border-bottom: none !important;
        position: relative;
    }
    .hs-menu-flow-horizontal ul li ul li ul li a::after, .hs-menu-flow-horizontal ul li ul li ul li a span.right-arrow::after{
        position: absolute;
        content: "";
        right: auto;
        top: 50%;
        transform: translateY(-50%);    
        background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/right_def.svg') no-repeat center center !important;
        background-size: 100% 100%;
        width: 7px !important;
        height: 10px !important;
        margin-left: 10px;
    }
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children{
        position: relative;
        background: rgb(115, 198, 231);      
    }  
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children:hover{
        background: rgb(115, 198, 231);  
    }
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children > a{
        color: #fff !important;
    }
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children::after{
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        bottom: -15px;
        z-index: 99;
        right: 80px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 17px solid #73c6e7;
    }
    .header-container .header_section.sticky{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2);
    }

    .quote_chat .inquiry-raw .inquiry-right div:last-child a{
        margin-right: 0;
    }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 + h3 a {
        right: 50px;
    }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .category-title {
        position: relative;
        min-height: 70px;
    }
    .row-fluid .mainmenu { margin-left:0; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal { width:100%; float:left; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul { margin:0; padding:0; width:100%; float:left; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li { padding:0; list-style:none; position:relative; width:auto; float:left; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a { position:relative; }
/*     .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after { position:relative; margin-left:5px; float:none; display:inline-block; vertical-align:middle; content:""; left:0; top:0; width:8px; height:8px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/pluse.png') no-repeat center center;  } */
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover a:after {    background: #fff;    width: 8px;    height: 2px;    display: block !important;    float: right;    top: 9px;}

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size:16px; line-height:22px;  padding:35px 8px;  color:#0b2d43; text-align:center; position:relative; white-space: normal; width:100% !important; float:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit; font-weight: 400; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color:#0b2d43; background-color: #d3e7f2;  }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover>a, .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
        color: #fff !important;
    }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a { color:#0b2d43; }

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top:100%; transition:all .4s ease;  opacity: 1; visibility: visible; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top:150%; background: #d3e7f2; width:250px; position:absolute; left:0; padding:0; line-height:0; transition:all .4s ease; opacity: 0; visibility: hidden; box-shadow: 0 0 12px 0px #ccc; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; float:left; padding:0 20px; transition:all .4s ease; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover { background-color: #415e73;  } 
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover > a { color:#fff; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { color: #0b2d43;text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); text-transform: capitalize;padding:18px 15px; font-size:14px; line-height:22px; white-space: normal; width:100% !important; float:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }   
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {  color:#fff; background-color: transparent;  }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:0; } 

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children > a  { }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { position:absolute;  content:""; right:5px; top:50%; transform:translateY(-50%); background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/right_def.svg') no-repeat center center; width: 7px; height: 10px; background-size: 100% 100%; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover > a:after { background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/right.svg') no-repeat center center;  background-size: 100% 100%;  } 

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { top:0; left:100%; background:#e0edf1; padding:20px; }   
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li { padding:0; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a { padding:10px 20px; }

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:0; }

    /* Megamenu Header */
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover, .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:hover a { background: transparent; font-weight: 700 !important; }
    .mega_menu + ul.hs-menu-children-wrapper { display: none !important; }
    .mega_menu { opacity: 0; position: absolute; width: calc(100% - 70px); z-index: 2; left: 0; top: calc(100% - 20px); background: #FFF; pointer-events: none; transition: all ease-in-out .4s; border-radius: 6px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.55); }
    .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu:hover .mega_menu { pointer-events: auto; left: 0; opacity: 1; }
    .mega_header.header_section.headernew_sc .rightmenu_list { position: relative; } 
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.megamenu { position: static; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title span { font-weight: 900; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu>.menu_wrap>.right .right_raw .wrap .left_in .hs-menu-wrapper>ul>li>a:hover { background: #0D89D3; color: #fff; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu>.menu_wrap>.right .right_raw .wrap .left_in .hs-menu-wrapper>ul>li>a:hover:after { filter: brightness(0) invert(1); }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap { display: flex; flex-wrap: wrap; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap > .left { width: 19%; display: flex; flex-wrap: wrap; flex-flow: column; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap > .right { width: 81%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul { display: inline-block; vertical-align: top; width: 100%; float: none; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li a { display: inline-block; vertical-align: top; width: 100%; padding: 20px 35px 20px 20px; font-size: 17px; font-weight: 700 !important; text-align: left; border-bottom: 1px solid rgb(0 0 0 / 50%); border-right: 1px solid rgba(0,0,0,.5) !important; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li:last-child a { border: 0; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li a:after { position: absolute; content: ""; height: 12px; width: 11px; top: 25px; right: 20px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/orange-arrow.svg) no-repeat center / cover; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li a:hover, .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li.active a { background: rgba(112, 184, 218, 0.12); border-right: 1px solid rgb(0 0 0 / 50%); }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .menu_right_title { display: inline-block; vertical-align: top; width: 100%; padding: 18px 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; border-bottom: 1px solid rgba(0,0,0,.5); background: rgba(112, 184, 218, 0.12); }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap { display: flex; flex-wrap: wrap; width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap > left { width: 50%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap > .left { width: 28%; background: rgb(112 184 218 / 12%); border-right: 1px solid rgb(11 45 67 / 50%);padding-bottom: 120px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.left.submenu_disable { background: transparent; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap > .right { width: 72%; position: relative; z-index: 1; }
    .row-fluid .mega_header .mainmenu .right_in:after { position: absolute; content: ""; height: 350px; width: 361px; bottom: 0; right: 100px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/menu-circle-effect.png) no-repeat center / cover; z-index: -1; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap .hs-menu-wrapper > ul > li, .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap > .right .wrap .hs-menu-wrapper > ul > li > a { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap .hs-menu-wrapper > ul > li > a { text-align: left; font-size: 17px; font-weight: 700 !important; position: relative; padding: 18px 35px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap .hs-menu-wrapper > ul > li > a:after { position: absolute; content: ""; height: 12px; width: 11px; top: 25px; right: 20px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/menu-right-arrow.svg) no-repeat center / cover; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap > .right .link { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap > .right .link a { display: inline-block; vertical-align: top; width: auto !important; text-align: left; padding: 18px 55px 18px 35px; border-radius: 0px 0px 2px 0px; border: 1px solid rgb(11 45 67 / 50%); border-top: .0; border-left: 0; font-size: 17px; font-weight: 800 !important; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap > .right .link a:after { position: absolute; content: ""; height: 11px; width: 11px; top: 4px; bottom: 0; margin: auto 0; right: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.34353 10.6705C5.45045 10.7916 5.58118 10.8522 5.73572 10.8524C5.89027 10.8522 6.02334 10.7916 6.13492 10.6705L10.337 6.12451C10.4442 6.00884 10.4979 5.86741 10.498 5.70021C10.4979 5.53301 10.4442 5.38905 10.337 5.26834L6.13492 0.722294C6.02334 0.606295 5.89028 0.548207 5.73573 0.548029C5.58118 0.548206 5.45045 0.606294 5.34354 0.722293C5.23165 0.843008 5.17562 0.986965 5.17545 1.15417C5.17562 1.32137 5.23165 1.4628 5.34354 1.57846L8.58611 5.09407L1.53368 5.09406C1.37913 5.09424 1.2484 5.15233 1.14149 5.26833C1.0296 5.38904 0.973571 5.533 0.973407 5.7002C0.973571 5.8674 1.0296 6.00883 1.14149 6.1245C1.2484 6.24555 1.37913 6.30616 1.53368 6.30634L8.58611 6.30635L5.34353 9.81437C5.23164 9.93508 5.17562 10.079 5.17545 10.2462C5.17562 10.4134 5.23164 10.5549 5.34353 10.6705Z' fill='%230B2D43'/%3E%3C/svg%3E"); }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap>.right .wrap>.right .menu_list_wrap { display: flex; flex-wrap: wrap; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap>.right .wrap>.right .menu_list_wrap > div { width: 50%; }  
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap .menu_list_wrap .hs-menu-wrapper > ul > li > a:after { display: none; }  
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .right_raw { display: none; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .right_raw:first-child { display: block; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul { padding: 15px 0 50px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul>li>a:after { display: none !important; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul>li>a { font-size: 16px; font-weight: 600!important; padding: 8px 35px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul>li>a:hover { color: #0d89d3; }
    
    .tab_nav_wrap { display: inline-block; vertical-align: top; width: 100%; }
    
    .tab_nav_wrap { display: inline-block; vertical-align: top; width: 100%; }
    .tab_nav_wrap ul li:first-child a { border-right: 1px solid rgb(11 45 67 / 50%); }
    .menu_imgbox { width: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; position: relative; z-index: 1; padding-bottom: 13px; height: 100%; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .menu_link_box ul li { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .menu_link_box ul li a { display: inline-block !important; vertical-align: top; width: auto !important; padding: 6px 20px !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; text-align: left; }
    .menu_imgbox:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.65; background: #0B2D43; mix-blend-mode: multiply; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .menu_link_box ul li a:after { display: inline-block !important; vertical-align: middle; content: ""; height: 9px; width: 8px; top: 8px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/imgbox-arrow.svg) no-repeat center / cover; position: relative; margin-left: 11px; transition: all ease-in-out .4s; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .menu_link_box ul li a:hover:after { margin-left: 15px; }
    
    .lang_btn_wrap.mbl, .backMenu { display: none; }
    
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li a { display: inline-block; vertical-align: top; width: 100% !important; font-size: 17px; font-weight: 700 !important; color: #0B2D43; text-align: left; padding: 17px 22px !important; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li.hs_submenu a:hover, .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li.active.hs_submenu a { background: #0D89D3; color: #fff; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li.hs_submenu a:after { position: absolute; content: ""; height: 12px; width: 11px; right: 15px; top: 2px; bottom: 0; margin: auto 0; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/orange-arrow.svg) no-repeat center / cover; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li a:hover:after, .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li.active a:after { filter: brightness(0) invert(1); }
    
    .right_side_menu_list { display: none; }
    .right_side_menu_list#sub-menu0 { display: block; }
    
    
}

.row-fluid .fl100 { width:100%; float:left; }
.row-fluid .fl50 { width:50%; float:left; }
.row-fluid .fl70 { width:70%; float:left; }
.row-fluid .fl30 { width:30%; float:left; }
.row-fluid .fl25 { width:25%; float:left; }
.row-fluid .fl20 { width:20%; float:left; }

.row-fluid  .wrapper { max-width:1170px; float:none; margin:0 auto !important; padding:0 15px;}

.row-fluid .bgimg-main { background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; }
.row-fluid .bg-img { display:none; }

.row-fluid .btn_style a { background:#EB4310; padding:10px 20px; color:#fff; font-size:16px; line-height:24px; text-align:center; float:left; width:auto; min-width:200px; }
.row-fluid .btn_style a:hover { background:#0b2d43; color:#fff; }

.row-fluid .arrow_btn a { background:#EB4310; padding:10px 20px; font-weight: 500; color:#fff; font-size:16px; line-height:24px; text-align:center; float:left; width:auto; min-width:200px; }
.row-fluid .arrow_btn a:after { position:relative; float:none; display:inline-block; margin-right:-4px; content:""; margin-left: 14px;  width: 7px; height: 10px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/right-btn.png') no-repeat center / cover; background-size: 100% 100%; }
.row-fluid .arrow_btn a:hover { background:#0b2d43; color:#fff; }


.row-fluid .header_section { position:relative; } 
.row-fluid .header_section .top_logo { margin-left:0; width:auto; padding:14px 20px; max-width:195px}
.row-fluid .header_section .header_btns { margin:0; float: none; margin-right:-6px; cursor:pointer; display: inline-block; vertical-align: middle;  width: auto; }
.row-fluid .header_section .header_btns a { padding:20px 20px 20px 12px; color:#fff; position:relative; font-size:14px; line-height:22px; float:left; width:100%; min-width:218px; text-align:center; }
.row-fluid .header_section .header_btns a:hover { background:#0b2d43; }   
.row-fluid .header_section .header_btns a:after { position:absolute; content:""; right:15px; top:50%; width:8px; height:8px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/white-pluse.png') no-repeat center center; transform: translateY(-50%); }

.row-fluid .header_section .location_btn a { background:#EB4310; }
.row-fluid .header_section .location_btn a:before { position:relative; content:""; float: none; display: inline-block; vertical-align: middle;  margin-right: 10px;  margin-top: -2px;  width: 12px; height: 16px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Location.svg') no-repeat 100% 100%; }

.row-fluid .header_section .support_btn a { background:#0B2D43; }
.row-fluid .header_section .support_btn a:before { position:relative; content:""; float: none; display: inline-block; vertical-align: middle;  margin-right: 10px;  margin-top: -2px;   left: 0; top: 0; width: 12px; height: 16px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Support.svg') no-repeat 100% 100%; }
.row-fluid .header_section .support_btn.active a:after { width:6px; height:2px; background:#fff; }

.row-fluid .header_section .call_btn a { background:#415E73; min-width:151px; }
.row-fluid .header_section .call_btn a:after { display:none; }

.row-fluid .header_section .search_bar .search_icon { padding:20px; min-width:96px; font-size:22px; line-height:22px; color:#fff; float:left; width:auto; text-align:center; background:#687F93; }
.row-fluid .header_section .search_bar .search_icon i { display:none; }
.row-fluid .header_section .search_bar .search_icon i svg { max-width:18px; }
.row-fluid .header_section .search_bar .search_icon.active i { display:block; }
.row-fluid .header_section .search_bar .search_icon.active img { display:none; }
.row-fluid .header_section .search_bar .search_icon img { max-width:16px; margin-top: 4px; }
.row-fluid .header_section .search_bar .search_icon.active,.row-fluid .header_section .search_bar .search_icon:hover { background:#0b2d43; }   

.row-fluid .search_bar .hs-search-field { position:absolute; max-width:500px; right:0; top:100%; display:none; padding:15px; background-color: #d3e7f2;  }
.row-fluid .search_bar .hs-search-field form { width:100%; float:left; }
.row-fluid .search_bar .hs-search-field form input { padding:12px 10px; height:40px; float:left; margin:0; width:calc(100% - 50px); }
.row-fluid .search_bar .hs-search-field form .sub_btn { padding:10px; height:40px; margin:0; width:50px; float:left; }
.row-fluid .search_bar .hs-search-field form  button svg { height: 15px; color:#fff; fill:#fff; }

.row-fluid .header_section .wrapper2 > div > div { display:flex; align-items:center; }
.row-fluid .header_section .wrapper2 > div > div > div { margin:0; }
.row-fluid .header_section .header_left { width:55%; float:left; }
.row-fluid .header_section .header_right { width:45%; float:left; }
.row-fluid .header_section .header_right > div { width:auto; float:right; }

/*----*/    
.row-fluid .footer_section .footer_main { position:relative; background-color: #d3e7f2; padding:50px 20px 30px; color: #0b2d43; font-size:14px; line-height:24px; }
.row-fluid .footer_section .footer_main:before { position:absolute; content:""; right:0; top:0; width:40%; height:90%; float:left; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/footer-sp.png') no-repeat center / cover; background-size:100% 100%; mix-blend-mode: multiply; }

.row-fluid .footer_section .footer_title { color: #0b2d43; font-family: "Plus Jakarta Sans", sans-serif;font-weight:700; }

.row-fluid .footer_section a {  color: #415e73;  }
.row-fluid .footer_section ul { list-style:none; padding:0; margin:0; width:100%; float:left; } 
.row-fluid .footer_section .footer_box { position:relative; }
.row-fluid .footer_section .footer_box ul li { list-style:none; width:100%; float:left; }
.row-fluid .footer_section .footer_box ul li a { color:#415e73; margin-bottom:3px; width:100%; float:left; font-size:14px; line-height:24px; } 
.row-fluid .footer_section .footer_box ul li a:hover { color:#EB4310; }
.row-fluid .footer_section .footer_follow ul li { width:auto; float:left; }
.row-fluid .footer_section .footer_box ul li.hs-item-has-children > a { margin-bottom:10px; }

.row-fluid .footer_section .footer_box1 { text-align:center; } 
.row-fluid .footer_section .logosub_title { margin-top:30px; font-weight: bold; font-style:italic; color: #0b2d43; }
.row-fluid .footer_section .footer_btn a { background-color: #EB4310; min-width:200px; font-weight: 500; padding:10px 20px; text-align:center; float:right; width:auto; color:#fff; }
.row-fluid .footer_section .footer_btn a:hover { background: #0b2d43; color:#fff; }

.row-fluid .footer_section .footer_box .footer_menu:nth-child(2) { padding-left:30px; }

.row-fluid .footer_section .footer_btns { margin:20px 0 10px; }
.row-fluid .footer_section .footer_btn.footer_btn1 a { margin-top:5px; }
.row-fluid .footer_section .footer_box.footer_box3 { text-align:right; }  
.row-fluid .footer_section .footer_box .corporate_text img { position: relative; left: -5px; top: 8px; }

.row-fluid .footer_copyright { padding:5px 30px; background: #0b2d43; color:#fff; font-size:14px; line-height:22px; }
.row-fluid .footer_copyright a { color:#fff; }
.row-fluid .footer_copyright a:hover { color:#EB4310; }
.row-fluid .footer_copyright .footer_menu ul li { width:auto; float:left; padding:10px; }
.row-fluid .footer_copyright .footer_follow ul { width:auto; margin-left:20px; }
.row-fluid .footer_copyright .footer_follow { display:flex; align-items:center; }
.row-fluid .footer_copyright .footer_follow ul li a { width:20px; height:20px; text-align: center; font-size:14px; line-height:22px; float:left; margin-right:5px; color:#fff; background-color: #0D89D3; }
.row-fluid .footer_copyright .footer_follow ul li a:hover { background-color: #EB4310; }

.row-fluid .footer_box .footer_menu ul li.hs-menu-depth-1 > a { color: #0b2d43; font-family: "Plus Jakarta Sans", sans-serif; font-weight:600; }
.row-fluid .corporate_text a:hover { color: #EB4310; }

/*--*/
.row-fluid .support_menuarea { width:100%; float:left; display:none; position:absolute; right:0; top:61px; padding:15px 20px; max-width:500px; background-image: linear-gradient(-34deg, #0D89D3 0%, #0D89D3 2.9218100000000002%, #0b2d43 89.17780000000002%, #0b2d43 100%); z-index:2; } 
.row-fluid .support_menuarea h3 { width:100%; float:left; margin-bottom:10px; color: #EB4310; font-size:16px; line-height:24px; }
.row-fluid .support_menuarea .support_box { width:50%; float:left; } 
.row-fluid .support_menuarea .support_box:first-child { padding-right:30px; }
.row-fluid .support_menuarea .support_box:last-child { padding-left:30px; }
.row-fluid .support_menuarea .support_close { position:absolute; right:10px; top:10px; cursor:pointer; }
.row-fluid .support_menuarea .support_box ul { list-style:none; margin:0; padding:0; }
.row-fluid .support_menuarea .support_menu ul li a { color: #fff; width:100%; float:left; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2); }
.row-fluid .support_menuarea .support_menu ul li a:hover { color: #EB4310; }
.row-fluid .support_menuarea .support_menu ul li:last-child a { border:none; }

.row-fluid .support_menuarea .menusub_text { color: #d3e7f2; font-size:13px; padding-left:12px; width:100%; float:left; }

/*-des-hide-*/
.row-fluid .icontitle_area { display:none; }
.row-fluid .close_menu { display:none; }
.row-fluid .backmenu_btn { display:none; } 
.row-fluid .mainmenu.js-enabled .hs-menu-flow-horizontal .top_logo { display:none; } 

/**/
.row-fluid .innerhero_area .innerhero_cover { display:flex; }
.row-fluid .innerhero_area .innerhero_left {  width:50%; float:left; padding:180px 30px 50px 0; }
.row-fluid .innerhero_area .innerhero_left .innerhero_subtitle { color: #0D89D3; margin-bottom:5px; font-size:20px; line-height:28px; font-family: "Plus Jakarta Sans", sans-serif; font-weight:500; }
.row-fluid .innerhero_area .innerhero_left h2 { width:100%; float:left; color: #0b2d43; font-size:35px; line-height:45px; }
.row-fluid .innerhero_area .innerhero_img {  width:50%; float:left; box-shadow: 0px 0px 15px rgba(0,0,0,0.4); }

/**/
.row-fluid .tabfaq_section { padding:70px 0; background-color: #d3e7f2; }
.row-fluid .tabfaq_section .tabfaq_left { width:30%; float:left; }
.row-fluid .tabfaq_section .tabfaq_right { width:70%; float:left; padding-left:30px; }

.row-fluid .tabfaq_cover { margin-bottom:50px; } 
.row-fluid .tabfaq_cover .tabfaq_box { float:left; width:100%; margin-bottom:5px; color:#4d5d6b; font-size:14px; line-height:22px; } 
.row-fluid .tabfaq_cover .tabfaq_box a { color:#8b9da7; position:relative; padding:35px 70px 35px 20px; background:#fff; } 
.row-fluid .tabfaq_cover .tabfaq_box a:after { position:absolute; content:""; right:10px; bottom:10px; width:52px; height:52px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/tab-arrow.png') no-repeat center / cover; transition:all .4s ease; }
.row-fluid .tabfaq_cover .tabfaq_box.current a:after { opacity:0; }

.row-fluid .tabfaq_cover .tabfaq_box h3 { font-size:18px; line-height:24px; color:#0B2D43; margin-bottom:5px; }

.row-fluid .faqbtm_text h3 { font-size:20px; line-height:24px; width:100%; float:left; color:#0D89D3; }
.row-fluid .faqbtm_text .faqbtm_menu { width:100%; float:left; margin-top:15px; } 
.row-fluid .faqbtm_text .faqbtm_menu .hs-menu-wrapper ul { width:100%; float:left; list-style:none; padding:0; margin:0; }
.row-fluid .faqbtm_text .faqbtm_menu .hs-menu-wrapper ul li { width:100%; float:left; }
.row-fluid .faqbtm_text .faqbtm_menu .hs-menu-wrapper ul li a { width:100%; float:left; color: #0b2d43; font-weight:bold; padding:5px 10px 5px 20px; position:relative; }
.row-fluid .faqbtm_text .faqbtm_menu .hs-menu-wrapper ul li a:before { position:absolute; content:""; left:0; top:11px; border:6px solid transparent; border-left-color:#82C5E1; }
.row-fluid .faqbtm_text .faqbtm_menu .hs-menu-wrapper ul li a:hover { color:#0D89D3; }

.row-fluid .accordion_box { width:100%; float:left; display:none; }
.row-fluid #lightning1.accordion_box { display:block; }
.row-fluid .accordion_box .accordion_top { padding-left:40px; }  
.row-fluid .accordion_box .accordion_top h2 { width:100%; float:left; color:#0b2d43; margin-bottom:5px; }
.row-fluid .accordion_box .accordion_top .accordion_subtext { color:#0D89D3; }
.row-fluid .accordion_box .accordion_box_cover { margin-top:50px; }

.row-fluid .accordion_box_item { margin-bottom:5px; background:rgba(255, 255, 255, 0.7); padding:20px; }
.row-fluid .accordion_box_item h4 { color:#181717; font-size:18px; line-height:24px; cursor:pointer; padding-right:20px; position:relative; }
.row-fluid .accordion_box_item h4:before { position:absolute; content:""; right:0; top:50%; transform:translateY(-50%); border-radius:5px; background:#EB4310; width:14px; height:3px; }
.row-fluid .accordion_box_item h4:after { position:absolute; content:""; right:5px; top:50%; transform:translateY(-50%); border-radius:5px; background:#EB4310; width:3px; height:14px; transition:all .4s ease; }
.row-fluid .accordion_box_item h4.active:after { opacity:0; }
.row-fluid .accordion_box_item .accordion_box_text { display:none; padding-top:5px; color:#415E73; font-size:16px; line-height:24px; }
.row-fluid .accordion_box_item .accordion_box_text p:last-child { padding-bottom:0; }      

.row-fluid .request_area { display:flex; }
.row-fluid .request_area .request_box1 { width:30%; position:relative; float:left; text-align:center; color:#fff; font-size:18px; line-height:28px; font-weight:bold; padding:30px; border:15px solid #071B28; }
.row-fluid .request_area .request_box1 .arrow_btn a { float:none; display:inline-block; margin-top:15px; }
.row-fluid .request_area .request_box2 { width:70%; float:left; padding:50px 30px 30px; color:#fff; background:#092639; }
.row-fluid .request_area .request_quote_text { padding:10px 0; }

.row-fluid .request_quote { width:50%; position:relative; text-align:left; max-width:400px; float:none; display:inline-block; margin-right:-4px; padding:0 30px; }
.row-fluid .request_quote:first-child:before { position:absolute; content:""; right:0; top:10px; width:1px; height:calc(100% - 10px); background:rgba(255, 255, 255, 0.2); }
.row-fluid .request_quote:nth-child(2) { padding-left:120px; }
.row-fluid .request_quote:first-child:after { position:absolute; content:""; right:-12px; top:-25px; width:25px; height:28px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/i-btn.png') no-repeat center / cover; background-size:100% 100%; }

.row-fluid .request_quote h3 { width:100%; float:left; color:#fff; }
.row-fluid .request_btmtext { font-weight:bold; position:relative; text-align:center; padding-top: 20px; margin-top:30px; color:#fff; font-size:16px; line-height:24px; }
.row-fluid .request_btmtext:before { position:absolute; content:""; left:50%; top:0; width:22px; height:22px; transform: translateX(-50%); background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/call-icon.png') no-repeat center center; background-size:100% 100%; }
.row-fluid .request_btmtext a:hover { color:#EB4310; }

.row-fluid .request_quote .arrow_btn a { background:#0D89D3; }
.row-fluid .request_quote .arrow_btn a:hover { background:#EB4310; }
.row-fluid .request_box_quote { text-align:center; }

/**/
.row-fluid .brandlogo_area { padding:70px 0; background-color: #d3e7f2;}
.row-fluid .brandlogo_area h2 { width:100%; float:left; text-align:center; font-weight: 400; color:#0B2D43; font-size:24px; line-height:30px; }  
.row-fluid .brandlogo_area .brandlogo_cover { margin-top:50px; }
.row-fluid .brandlogo_cover .brandlogo_box { width:25%; float:left; padding:0 15px; margin-bottom:30px; }  
.row-fluid .brandlogo_cover .brandlogo_box .brandlogo_logo { background:#fff; padding:30px; text-align:center;box-shadow: 0px 0px 15px rgba(0,0,0,0.4); position: relative; }
.row-fluid .brandlogo_cover .brandlogo_box .sameheight { display:flex; align-items:center; justify-content: center; }
.row-fluid .brandlogo_cover .brandlogo_box .brandlogo_logo .brandlogo_hover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(11 45 67 / 90%); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.4s ease all; }
.row-fluid .brandlogo_cover .brandlogo_box .brandlogo_logo:hover .brandlogo_hover{ opacity: 1; visibility: visible; }
.row-fluid .brandlogo_cover .brandlogo_box .brandlogo_logo .brandlogo_hover a { font-weight: 600; color: #FFF; }

/**/  
.row-fluid .brandrequest_area.request_area { display:block; padding:50px 0; }
.row-fluid .brandrequest_area.request_area .wrapper { display:flex; align-items:flex-end; }
.row-fluid .brandrequest_area.request_area .request_box2 { position:relative; padding-bottom: 10px; }
.row-fluid .brandrequest_area.request_area .request_box2:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background-color: #0b2d43; opacity:0.8; }
.row-fluid .brandrequest_area.request_area .request_quote:nth-child(2) { padding-left:50px; }  
.row-fluid .brandrequest_area.request_area .request_box1 { border:0; position:relative; padding:25px 20px; }  
.row-fluid .brandrequest_area.request_area .request_box1:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background-color: #415e73; opacity:0.6; }
.row-fluid .brandrequest_area.request_area .request_box1 > div { position:relative; z-index:1; }
.row-fluid .brandrequest_area.request_area .request_box1 h3 { color:#fff; position:relative; text-align:left; font-size:18px; line-height:24px; margin-bottom:20px; }   

.row-fluid .brandrequest_area.request_area .request_boxmenu ul { padding:0; margin:0 0 10px; list-style:none; width:100%; float:left; }
.row-fluid .brandrequest_area.request_area .request_boxmenu ul li { width:100%; float:left; }
.row-fluid .brandrequest_area.request_area .request_boxmenu ul li a { width:100%; float:left; position:relative; padding:10px 20px; position:relative; color:#fff; text-align:left; font-size:16px; font-weight:500; background:#0B2D43; margin-bottom:5px; }
.row-fluid .brandrequest_area.request_area .request_boxmenu ul li a:after { position:relative; content:""; width: 45px; height: 15px;  margin-left: 10px;  background-size: 100% 100% !important; float:none; display:inline-block; vertical-align:middle; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/right-arrow.png') no-repeat center / cover; }
.row-fluid .brandrequest_area.request_area .request_box_link { text-align:left; }
.row-fluid .brandrequest_area.request_area .request_box_link a { color:#fff; position:relative; font-size:16px; line-height:24px; font-weight:500; }  
.row-fluid .brandrequest_area.request_area .request_box_link a:after { position:relative; content:''; float:none; display:inline-block; margin-left:8px; vertical-align:middle; width:6px; height:10px; background:url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/right-short.png') no-repeat; background-size:100% 100%; transition:all .4s ease; }
.row-fluid .brandrequest_area.request_area .request_box_link a:hover:after { margin-left:14px; } 

/* Sub Category Page */
.row-fluid .subcategory_area { padding:50px 0; }
.row-fluid .subcategory_area .subcategory_left { width:18%; float:left; background:#0B2D43; padding:30px; }
.row-fluid .subcategory_area .subcategory_right { width:82%; float:left; padding-left:15px; }
.row-fluid .subcategories-inner { float: left; width: 100%; }
.row-fluid .category-raw { display: flex; } 
.row-fluid .subcategory_area .subcategory_right .subcategories-box {
    /* float: left; */
    width: 32.33%;
    padding-left: 15px;
    display: inline-block;
    vertical-align: top;
}
.row-fluid .subcategory_area .subcategory_left h3 { color: #fff; font-size: 23px; line-height: 27px; padding-right: 28px; position: relative; display: inline-block; }
.row-fluid .subcategory_area .subcategory_left h3:after { position: absolute; content: ""; top: 9px; right: 0; height: 13px; width: 15px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/filtericonnew.png') no-repeat center / cover; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location strong { background-color: rgb(104 127 147 / 0.75); font-size: 14px; line-height: 19px; color: #fff; font-weight: 400; cursor: pointer; float: left; width: 100%; padding: 18px 50px 18px 15px; position: relative; margin:0; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location strong:after { position: absolute; content: ""; height: 20px; width: 21px; right: 15px; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/locationbtn.png') no-repeat center / cover; transform: translateY(-50%); }
.row-fluid .subcategory_area .subcategory_left .dropdown.location { float: left; width: 100%; position: relative; margin-top: 0; border: 0; padding-bottom: 0; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location:after { position: absolute; content: ""; height: 2px; width: 100%; left: 0; bottom: -5px; background: #516a7f; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location ul.filter { position: absolute; top: 100%; left: 0; padding: 0; margin: 0; list-style-type: none; background: #fff; width: 100%; float: left; z-index: 1; height: 264px; overflow: auto !important; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location ul.filter li { float: left; width: 100%; padding:0; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location ul.filter li label { float: left; width: 100%; padding: 10px 10px 10px 30px; border-bottom: 1px solid; cursor: pointer; font-weight: 600; font-size: 14px; line-height: 18px; color: #0b2d43; }
.row-fluid .subcategory_area .subcategory_left .dropdown.location ul.filter li:last-child label { border: 0; }
.row-fluid .subcategory_area .subcategory_left ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 14px; line-height: 18px; color: #ffffff; }
.row-fluid .subcategory_area .subcategory_left .option-combo { float: left; width: 100%; padding: 35px 0; border-bottom: 1px solid #fff; }
.row-fluid .subcategory_area .subcategory_left .option-combo strong { float: left; width: 100%; color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 10px; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .subcategory_area .subcategory_left ul li { float: left; width: 100%; }
.row-fluid .subcategory_area .subcategory_left .option-combo.feature { padding-bottom: 0; border: 0; }
.row-fluid .subcategory_area .subcategory_left .option-combo ul li label { display:block; padding:0 0 8px 25px; position:relative; } 
.row-fluid .subcategory_area .subcategory_left .option-combo ul li label input[type="checkbox"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 18px; height: 18px; }
.row-fluid .subcategory_area .subcategory_left .option-combo ul li label input[type="checkbox"] + span { position:relative; display: block; }
.row-fluid .subcategory_area .subcategory_left .option-combo ul li label input[type="checkbox"] + span:before { position:absolute; left:-25px; top:0; content:''; width:17px; height:17px; border:1px solid #fff; color:#fafafa; background:#8596A1; }
.row-fluid .subcategory_area .subcategory_left .option-combo ul li label input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-23px; top:0;  content: "\f00c"; font-family:'FontAwesome'; font-size:13px; }
.row-fluid .category-imgbox { height: 240px; position: relative; }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 { font-size: 16px; line-height: 21px; font-weight:700; color: #0b2d43; padding: 11px 55px 11px 10px; position: absolute; width: 100%; display:inline-block; }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info a { position: absolute; top: 0; right: 0; height: 100%; width: 50px; z-index: 99; }  
.row-fluid .subcategory_area .subcategory_right .subcategories-box .category-title { background-color: #d3e7f2; display:flex; align-items:center; }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3:after { position: absolute; content: ""; height: 35px; width: 40px; right: 5px; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/categorybtn.png') no-repeat center / cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info { font-size: 12px; line-height: 16px; color: #4d5d6b; }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info ul { padding: 0; margin: 0; list-style-type: none; }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info ul li { margin-bottom:5px; }
.row-fluid .subcategory_area .subcategory_right .subcategories-box .category-title + div { padding: 10px; } 

.row-fluid .subcategory_area .subcategory_right .inner-pagi { text-align: center; padding-top: 40px; }
.row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager { float: none; display: inline-block; width: auto; border: 1px solid #999999; }
.row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a { float: none; display: inline-block; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #415e73; font-size: 13px; font-weight: 700; cursor:pointer; }
.row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a.arrow-paginate { background-color: #d3e7f2; color: #4d5d6b; font-size: 18px; }
.row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a.disabled.arrow-paginate { color: rgba(104, 127, 147, 0.5); cursor: no-drop; }
.row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a:hover { background-color: #d3e7f2; }
.row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a.active { font-weight:700; pointer-events:none; cursor:default; }

/* Blog Page */
.row-fluid .blog_heroarea { position:relative; }
.row-fluid .blog_heroarea:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background-color: #0b2d43; opacity:0.55; mix-blend-mode:darken; }
.row-fluid .blog_heroarea:after { position:absolute; content:""; height:100%; width:313px; top:0; right:0; background-color: #0b2d43; }
.row-fluid .bloghero-raw { position:relative; z-index:1; }

.row-fluid .blog-heroform { padding: 60px 60px 110px 0; text-align: right; font-size: 14px; line-height: 18px; color: #d3e7f2; font-weight: 400; }
.row-fluid .blog_heroarea .blog-herocaption { padding-top: 119px; font-size: 18px; line-height: 22px; color: #d3e7f2; font-weight: 600; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .blog_heroarea .blog-herocaption h1 { color: #fff; font-size: 35px; line-height: 40px; margin-bottom: 8px; }
.row-fluid .blog-heroform h3 { color: #fff; font-size: 19px; line-height: 24px; margin-bottom: 4px; }
.row-fluid .blog-heroform span.hs-form-required { display: none; }
.row-fluid .blog-heroform form { margin-top: 22px; float: right; width: 374px; max-width: 100%; padding-right: 76px; position: relative; }
.row-fluid .blog-heroform form .actions input[type="submit"] { }
.row-fluid .blog-heroform .hs-form .hs-form-field { padding: 0; }
.row-fluid .blog-heroform .hs-input { margin: 0; color: #4d5d6b; font-size: 14px; }
.row-fluid .blog-heroform form .actions input[type="submit"] { position: absolute; top: 0; right: -2px; margin: 0; padding: 0; font-size: 0; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnimgnew.png') no-repeat center / cover; height: 100%; width: 76px; }
.row-fluid .blog-heroform form .hs_error_rollup { display: none; }
.row-fluid .blog-heroform form ul.hs-error-msgs { position: absolute; left: 0; top: 100%; float: left; width: 100%; }
.row-fluid .blog-heroform form ::-webkit-input-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .blog-heroform form ::-moz-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .blog-heroform form :-ms-input-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .blog-heroform form :-moz-placeholder { color: #4d5d6b !important; font-size:14px !important; } 
.row-fluid .blog-herotextinner { position:relative; }
.row-fluid .bloghero-raw:before { position:absolute; content:""; height:258px; width:132px; left:calc((100% - 1185px) / 2); bottom:0; background-color:#0b2d43; opacity:0.6; }
.row-fluid .blog-herotextinner > div { position:relative; z-index:1; }

.row-fluid .recent-postitemwrap .recent-textbox { float: left; width: 67%; text-align: right; position: relative; margin-top: 13px; }
.row-fluid .recent-textboxinner { background: #fff; padding: 25px 30px 25px 70px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); font-size: 15px; color: #4d5d6b; position: relative; }
.row-fluid .recent-postitemwrap .recent-imgbox { float: left; width: calc(33% + 40px); margin-left: -40px; }
.row-fluid .recent-postitemwrap .recent-imgbox .recent-postimg { height: 300px; }
.row-fluid .recent-postitemwrap .post-item { position: relative; margin-top: -25px; z-index: 1; padding-left: 27px; }
.row-fluid .recent-postitemwrap .recent-textbox h2 { font-size: 18px; line-height: 24px; color: #0b2d43; margin-top: 4px; }
.row-fluid .recent-postitemwrap .recent-textbox h2 a { color: inherit; }
.row-fluid .recent-postitemwrap .recent-textbox h2 a:hover { color: #EB4310; }
.row-fluid .recent-postitemwrap .recent-textbox .date { font-size: 13px; line-height: 17px; color: #82c5e1; font-weight: 400; margin: 8px 0; }
.row-fluid .recent-postitemwrap .recent-textbox .topic a { font-size: 14px; line-height: 18px; font-weight: 700; color: #415e73; }
.row-fluid .recent-postitemwrap .recent-textbox .topic a:hover { color: #EB4310; }
.row-fluid .recent-postitemwrap .post-item:before { position: absolute; content: ""; height: 275px; width: 132px; left: -23px; top: 25px; background-color: #0b2d43; }
.row-fluid .recent-postitemwrap .recent-textbox .readmorebtn { padding-right: 50px; padding-top: 13px; }
.row-fluid .recent-postitemwrap .recent-textbox .readmorebtn a:hover { top: -5px; }
.row-fluid .recent-postitemwrap .recent-textbox .readmorebtn a { position: relative; top: 0; }
.row-fluid .post-filterbox { background: #D3E7F2; margin: 0; width: 35%; text-align: center; display: flex; align-items: center; justify-content: center; }
.row-fluid .recent-postleft { width: 65%; }
.row-fluid .post-filterbox h3 { font-size: 14px; line-height: 18px; color: #0b2d43; margin-bottom:8px; }
.row-fluid .post-filterbox .block { text-align: left; float: none; display: inline-block; vertical-align: top; width: 241px; max-width: 100%; }
.row-fluid .post-filterbox .block ul { padding: 0; margin: 0; list-style-type: none; float: left; width: 100%; z-index:10; position: absolute; top: 100%; left: 0; background: #fff; display:none; box-shadow:0px 10px 20px rgba(0,0,0,0.1); }
.row-fluid .post-filterbox .block ul li { float: left; width: 100%; }
.row-fluid .post-filterbox .block ul li a { font-size: 14px; line-height: 18px; color: #0b2d43; font-weight: 400; float:left; width:100%; padding:10px; border-bottom:1px solid rgba(0, 170, 211, 0.2); }
.row-fluid .post-filterbox .block ul li:last-child a { border-bottom:0; }
.row-fluid .post-filterbox .block ul li a span.filter-link-count { display: none; }
.row-fluid .post-filterbox .block ul li a:hover { color: #EB4310; }
.row-fluid .recent-postraw > div > div { display: flex; }
.row-fluid .post-filterbox .block span.topic-select { float: left; width: 100%; background: rgba(255, 255, 255, 0.7); position: relative; padding: 18px 40px 18px 15px; font-size: 14px; line-height: 19px; color: #0b2d43; font-weight: 400; cursor: pointer; }
.row-fluid .post-filterbox .block span.topic-select:after { position: absolute; content: ""; height: 28px; width: 28px; right: 10px; top: 13px; background: rgba(0, 170, 211, 0.2); }
.row-fluid .post-filterbox .block span.topic-select:before { position: absolute; content: "+"; right: 19px; top: 16px; font-size: 20px; font-weight: 700; color: #EB4310; z-index: 1; }
.row-fluid .post-filterbox .block .widget-module { float:left; width:100%; position:relative; } 
.row-fluid .post-filterbox .block span.topic-select.active:before { content:"-"; right: 18px; font-size: 46px; font-weight: 300; top: 12px; }

.hs-blog-listing .row-fluid .blog_left { width:100%; float:left; }
.row-fluid .blogpost_area { padding: 90px 0; }
.row-fluid .blogpost_area .wrapper { width: 1285px; max-width: 100%; }
.row-fluid .post-listing { float: none; display: block; width: auto; margin: 0 -14px; } 
.row-fluid .post_item { width:33.33%; float:left; padding:0 14px; margin-bottom:40px; }
.row-fluid .post_item .post_inner { position:relative; }
.row-fluid .post_item .post_innerbox { display:flex; align-items:center; }
.row-fluid .post_item .featured_image { height:220px; max-width:195px; }
.row-fluid .post_item .post-body { background:#fff; padding:15px; margin-left:-40px; border:1px solid #efefef; }
.row-fluid .post_item .post-body .post_title a { color:#0B2D43; font-size:17px; line-height:22px; font-weight:600; }
.row-fluid .post_item .post-body .post_title a:hover { color:#EB4310; }
.row-fluid .post_item .post-body .post_date { color:#0D89D3; font-size:12px; line-height:20px; font-weight:400; }  
.row-fluid .post_item .post_inner a.topic-link { font-size: 14px; line-height: 16px; color: #EB4310; font-weight: 600; }
.row-fluid .post_item .post_inner a.topic-link:hover { color: #0D89D3; }
.row-fluid .post_item .post_inner .post_title { font-size: 17px; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .date-linkwrap { display: flex; justify-content: space-between; margin-top: 5px; }
.row-fluid .post-morebtn { text-align: right; }
.row-fluid .post-hoverbox { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; background: #415E73; padding: 20px 80px 10px 50px; transition: all ease-in-out .5s; opacity: 0; visibility: hidden; }
.row-fluid .post_innerbox { display: flex; align-items: center; }
.row-fluid .post_item .post_inner .post-hoverbox a.topic-link { font-size: 14px; line-height: 18px; color: #fff; }
.row-fluid .post_item .post_inner .post-hoverbox .post_title a { color: #ffffff; font-weight: 700; }
.row-fluid .post_item .post_inner .post-hoverbox .post_date { font-size: 13px; line-height: 18px; color: #fff; }
.row-fluid .post_item .post_inner .post-hoverbox .post_title { margin: 5px 0 15px; }
.row-fluid .post_item .post_inner .post-hoverbox .post-morebtn { position: absolute; bottom: 0; right: 0; width: auto; padding-bottom: 10px; padding-right: 10px; }
.row-fluid .post_item .post_inner .post-hoverbox .post-morebtn a { position: relative; top: 0; }
.row-fluid .post_item .post_inner .post-hoverbox .post-morebtn a:hover { top: -5px; }
.row-fluid .post_item .post_inner:hover .post-hoverbox { opacity: 1; visibility: visible; }
.row-fluid .post_item .post_inner .post-hoverbox .post_title a:hover { color: #EB4310; }
.row-fluid .post_item .post_inner .post-hoverbox a.topic-link:hover { color: #EB4310; } 

.row-fluid .blog-pagination { text-align: center; padding-top: 40px; }
.row-fluid .blog-pagination nav { float: none; display: inline-block; width: auto; border: 1px solid #999999; }
.row-fluid .blog-pagination nav ul { padding: 0; margin: 0; list-style-type: none; }
.row-fluid .blog-pagination nav ul li { float: none; display: inline-block; vertical-align: middle; }
.row-fluid .blog-pagination nav ul li a { float: none; display: inline-block; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #415e73; font-size: 13px; font-weight: 700; }
.row-fluid .blog-pagination nav ul li.page-arrow a { background-color: #d3e7f2; color: #4d5d6b; font-size: 18px; }
.row-fluid .blog-pagination nav ul li.disabled.page-arrow a { color: rgba(104, 127, 147, 0.5); cursor: no-drop; }
.row-fluid .blog-pagination nav ul li a:hover { background-color: #d3e7f2; }

.row-fluid .newsletter-section { background-color: #0b2d43; padding: 50px 0; }
.row-fluid .newsletter-section .wrapper > div > div { display: flex; align-items: center; }
.row-fluid .newsletter-section h2 { font-size: 22px; line-height: 26px; color: #82c5e1; }
.row-fluid .newsletter-section h2 span { font-size: 14px; line-height: 18px; color: #fff; padding-left: 15px; position: relative; top: -1px; }
.row-fluid .newsletter-section span.hs-form-required { display: none; }
.row-fluid .newsletter-section form { margin-top: 22px; float: right; width: 374px; max-width: 100%; padding-right: 76px; position: relative; }
.row-fluid .newsletter-section form .actions input[type="submit"] { }
.row-fluid .newsletter-section .hs-form .hs-form-field { padding: 0; }
.row-fluid .newsletter-section .hs-input { margin: 0; color: #4d5d6b; font-size: 14px; }
.row-fluid .newsletter-section form .actions input[type="submit"] { position: absolute; top: 0; right: -2px; margin: 0; padding: 0; font-size: 0; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnimgnew.png') no-repeat center / cover; height: 100%; width: 76px; }
.row-fluid .newsletter-section form .hs_error_rollup { display: none; }
.row-fluid .newsletter-section form ul.hs-error-msgs { position: absolute; left: 0; top: 100%; float: left; width: 100%; color: #fff; font-size: 12px; line-height: 16px; }
.row-fluid .newsletter-section form ::-webkit-input-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .newsletter-section form ::-moz-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .newsletter-section form :-ms-input-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .newsletter-section form :-moz-placeholder { color: #4d5d6b !important; font-size:14px !important; } 

/* Blog Inner Page */
.row-fluid .blog-innerhero-left { float: left; width: 73%; padding: 20px 20px 0; background: rgba(255, 255, 255, 0.9); position: relative; z-index: 1; border-top: 1px solid #EB4310; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.row-fluid .blog-innerhero-right { float: left; width: calc(47% + 210px); height: 330px; margin-left: -210px; }
.row-fluid .blog-heroinnerleft { float: left; width:66%; }
.row-fluid .bloginner-herobox { display: flex; align-items: center; }
.row-fluid .blog-innerhero-left h4 { font-size: 17px; line-height: 20px; color: #0D89D3; margin-bottom:15px; }
.row-fluid .blog-innerhero-left h1 { font-size: 30px; line-height: 36px; color: #0b2d43; margin-bottom: 8px; }
.row-fluid .blog-innerhero-left .date-topicbox { display: flex; align-items: center; font-size: 13px; line-height: 17px; color: #415e73; font-weight: 400; }
.row-fluid .blog-innerhero-left .date-topicbox a { color: #eb4310; text-transform: capitalize; }
.row-fluid .blog-innerhero-left .date-topicbox a:hover { color: #EB4310; }
.row-fluid .blog-innerhero-left .date-topicbox .date { padding: 10px 10px 10px 0; border-right:1px solid #EBEEF1; }
.row-fluid .blog-innerhero-left .date-topicbox .topic { padding: 10px; }
.row-fluid .bloginner-herowrap { position: relative; }
.row-fluid .bloginner-herowrap .backblog-link { position: absolute; top: 0; left: 0; padding-left: 22px; }
.row-fluid .bloginner-herowrap .backblog-link img { position: relative; top: 10px; }
.row-fluid .bloginner-herowrap .backblog-link a { font-size: 13px; line-height: 18px; color: #EB4310; font-weight: 700; }
.row-fluid .bloginner-herowrap .backblog-link span { padding-left: 5px; }
.row-fluid .bloginner-herowrap .backblog-link a:hover { color: #0b2d43; }
.row-fluid .blog-innerhero { margin-top: 8px; position:relative; }

.row-fluid .blog-innerheroraw > div > div { display:flex; }
.row-fluid .blog-heroinnerright { padding-right: 60px; background-color: #0b2d43; margin: 0; float: left; width: 34%; text-align:right; font-size:14px; color: #d3e7f2; font-weight:400; display: flex; align-items: center; }
.row-fluid .blog-heroinnerright h3 { font-size:19px; line-height:24px; color:#fff; } 
.row-fluid .blog-heroinnerright span.hs-form-required { display: none; }
.row-fluid .blog-heroinnerright form { margin-top: 28px; float: right; width: 374px; max-width: 100%; padding-right: 76px; position: relative; }
.row-fluid .blog-heroinnerright form .actions input[type="submit"] { }
.row-fluid .blog-heroinnerright .hs-form .hs-form-field { padding: 0; }
.row-fluid .blog-heroinnerright .hs-input { margin: 0; color: #4d5d6b; font-size: 14px; }
.row-fluid .blog-heroinnerright form .actions input[type="submit"] { position: absolute; top: 0; right: -2px; margin: 0; padding: 0; font-size: 0; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnimgnew.png') no-repeat center / cover; height: 100%; width: 76px; }
.row-fluid .blog-heroinnerright form .hs_error_rollup { display: none; }
.row-fluid .blog-heroinnerright form ul.hs-error-msgs { position: absolute; left: 0; top: 100%; float: left; width: 100%; color: #fff; font-size: 12px; line-height: 16px; }
.row-fluid .blog-heroinnerright form ::-webkit-input-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .blog-heroinnerright form ::-moz-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .blog-heroinnerright form :-ms-input-placeholder { color: #4d5d6b !important; font-size:14px !important; }
.row-fluid .blog-heroinnerright form :-moz-placeholder { color: #4d5d6b !important; font-size:14px !important; } 
.row-fluid .blog-heroformcol { margin-left: 30px; position: relative; z-index: 1; width: calc(100% + 20px); }

body.hs-blog-post .row-fluid .blogpost_area { padding-top: 30px; }
body.hs-blog-post .row-fluid .blogpost_area .wrapper { width: 100%; padding: 0; }  
.row-fluid .blogin-postbody h2 { font-size: 26px; line-height: 32px; color: #0b2d43; text-transform: capitalize; margin-bottom: 10px; }
.row-fluid .blogin-postbody h3 { font-size: 22px; line-height: 27px; color: #0b2d43; text-transform: capitalize; margin-bottom: 10px; }
.blogin-postbody img { margin:12px; }
.row-fluid .blogin-postbody h4 { font-size: 18px; line-height: 24px; color: #0b2d43; text-transform: capitalize; margin-bottom: 10px; }
.row-fluid .blogin-postbody p { margin: 0 0 30px; padding: 0; }
body.hs-blog-post .row-fluid .blogpost_area .blog_left { padding-right: 30px; }
body.hs-blog-post .row-fluid .blogpost_area .blog_right h3 { font-size: 17px; line-height: 22px; color: #415e73; padding: 0 20px 10px 20px; }
.row-fluid .in-recentpostwrap { background-color: #e7e7e9; }
.row-fluid .in-recentpostwrap .in-recentpostcol { padding: 20px 20px; border-bottom: 1px solid #415e73; }
.row-fluid .in-recentpostwrap .in-recentpostcol h4 { font-size: 15px; line-height: 22px; color: #0b2d43; }
.row-fluid .in-recentpostwrap .in-recentpostcol h4 a { color: inherit; }
.row-fluid .in-recentpostwrap .in-recentpostcol h4 a:hover { color: #EB4310; }
.row-fluid .in-recentpostwrap .in-recentpostcol a.topic-link { font-size: 12px; line-height: 16px; color: #EB4310; font-weight: 600; }
.row-fluid .in-recentpostwrap .in-recentpostcol a.topic-link:hover { color: #0b2d43; }
.row-fluid .in-recentpostwrap .in-recentpostcol:last-child { border-bottom: 0; }

.row-fluid .related-post .wrapper { width: 1285px; max-width: 100%; }
.row-fluid .related-post h4 { font-size: 17px; line-height: 22px; color: #0D89D3; margin-bottom: 11px; }
.row-fluid .related-post { padding-bottom: 60px; }

/* Homepage */
.row-fluid .home-heroleft { float: left; max-width: calc(100% - 750px); width: 100%; color: #4d5d6b;   padding-right: 60px;}
.row-fluid .home-heroright { float: left; max-width: 750px; width: 100%; display: inline-block; align-items: flex-end; flex-wrap: wrap; padding-right: 35px; }
.row-fluid .home-heroleft em { color: #0D89D3; }
.row-fluid .home-heroleft h1 { font-size: 50px; line-height: 58px; color: #0b2d43; font-weight:600; }
.row-fluid .home-heroleft h1 span{font-weight:800;}
.row-fluid .home-heroleft h5 { font-size: 16px; line-height: 22px; color: #0D89D3; margin-bottom: 20px;margin-top:12px;}
.row-fluid .home-heroraw { float: left; width: 100%; display: flex; align-items: center; padding-top: 45px; }
.row-fluid .hero-sliderwrap .hero-sliderimg { height: 350px; position:relative; box-shadow:0px 0px 15px rgba(0,0,0,0.4); }
.row-fluid .hero-slidertitle { position: absolute; bottom: 10px; right: 10px; width: auto; background-color: #0D89D3; color: #fff; font-size: 13px; line-height: 16px; padding: 10px 55px; }
.row-fluid .slidernavimg { float: none; display: inline-block; vertical-align: top; height: 117px; width: 121px; margin-bottom:10px; cursor:pointer; }
.row-fluid .hero-sliderwrap { float: left; width: 75%; }
.row-fluid .hero-sliderwrap:after { position: absolute; content: ""; height: 440px; width: 45px; left: 100%; bottom: 30px;}
.row-fluid .hero-slider:after {background: #415E73;}
.row-fluid .hero-sliderwrap .slick-list { padding:0 0 30px 0px; overflow: hidden; }
.row-fluid .hero-sliderwrap .slick-list .right-small-text{position: absolute; bottom: -50px}
.row-fluid .hero-sliderwrap .slick-list .right-small-text a{color: #0b2d43; position: relative;}
.row-fluid .hero-sliderwrap .slick-list .right-small-text a::after{position: absolute; content: ""; background: #0b2d43; height: 1px; width: 42%; bottom: -8px; right: 7px;}
.row-fluid .hero-sliderwrap .slick-list img{display: inline-block; vertical-align: middle;}



.row-fluid .hero-slidernavwrap.slider-nav { padding-left:10px; padding-bottom:90px; display:flex; }
.row-fluid .hero-sliderwrap button.slick-prev.slick-arrow { display: none !important; }
.row-fluid .hero-sliderwrap button.slick-next.slick-arrow { width: 121px; height: 50px; margin: 0; border: 0; background-color: #0b2d43; top: auto; right: -136px; left: auto; transform: none; bottom: 30px; transition: all ease-in-out .5s; cursor: pointer; }
.row-fluid .hero-sliderwrap ul.slick-dots { position: absolute; padding: 5px 0 0; width: auto; bottom: 15px; right: -60px; z-index:1; }
.row-fluid .hero-sliderwrap ul.slick-dots li button { height: 4px; width: 4px; border-radius: 0; margin: 0; background-color: #0D89D3; }
.row-fluid .hero-sliderwrap ul.slick-dots li { margin: 0; line-height: 0; float: left; width: auto; padding:0 4px; }
.row-fluid .hero-sliderwrap button.slick-next.slick-arrow:before { content: ""; height: 9px; width: 27px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/nextarrow.png') no-repeat center / cover; position: absolute; }
.row-fluid .hero-sliderwrap button.slick-next.slick-arrow:hover { background: #EB4310; }
.row-fluid .home-heroleft .findlink a { font-size: 14px; line-height: 18px; color: #EB4310; font-weight: 400; text-transform: capitalize; position: relative; padding-right: 150px; float: left; padding-top: 5px; }
.row-fluid .home-heroleft .findlink a:after { position: absolute; content: ""; height: 26px; width: 137px; top: 0; right: 0; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/linkbtnatrrow.png') no-repeat center / cover; transition: all ease-in-out .5s; }
.row-fluid .home-heroleft .findlink { margin-top: 35px; }
.row-fluid .home-heroleft .findlink a:hover:after { right: -5px; }
.row-fluid .home-herosection, .row-fluid .service-section { position: relative; }
.row-fluid .home-herosection:before { position: absolute; content: ""; height: 601px; width: 471px; max-width:100%; right: 0; top: 70px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/heroshade.png') no-repeat center / cover; }
.row-fluid .home-herosection:after { position: absolute; content: ""; height: 519px; width: 513px; left: 0; bottom: -35px; z-index: -1; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/Home-element.png') no-repeat center / cover; }
.row-fluid .service-section:after{
    position: absolute;
    content: "";
    height: 651px;
    width: 564px;
    left: 0; 
    z-index: -1;
    bottom: -150px;
    background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/background-services.png') no-repeat center / cover;
}
.row-fluid .hero-mobiletitle { display:none; }
@media(min-width: 1401px){
    .row-fluid .home-heroleft{ padding-left: calc(100%/2 - 1140px/2); }
}


.row-fluid .service-section { padding: 20px 0 40px; }
.row-fluid .service-section .service-headingbox { font-size: 14px; line-height: 18px; color: #4d5d6b; }
.row-fluid .service-section .service-headingbox h2 { font-size: 35px; line-height: 35px; color: #0b2d43; margin-bottom: 10px; }
.row-fluid .service-section .service-headingbox h5 { font-size: 17px; line-height: 22px; color: #0D89D3; }
.row-fluid .service-col { float: left; width: 33.33%; padding: 30px 4px 0; }
.row-fluid .service-imgbox { height: 350px; }
.row-fluid .service-textbox { background: #fff; position: relative; top:0; margin-top: -40px; float: left; width: calc(100% - 55px); position: relative; margin-left: -15px; padding: 25px 0px 18px 16px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); font-size: 14px; line-height: 18px; color: #0b2d43; transition:all ease-in-out .5s; }
.row-fluid .service-textbox h3 { font-size: 16px; line-height: 22px; color: #0b2d43; }
.row-fluid .service-box:hover .service-textbox { top:-5px; }
.row-fluid .service-col .service-link { padding-top: 20px; }
.row-fluid .service-col .service-link a { color: #EB4310; font-size: 14px; line-height: 18px; font-weight: 400; float: left; width: 240px; position: relative; max-width: 100%; padding-right: 22px; }
.row-fluid .service-col .service-link a:after { position: absolute; content: ""; height: 7px; width: 19px; right: 0; top: 6px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/linkarrow.png') no-repeat center / cover; }
.row-fluid .service-col .service-link a:hover { color: #0b2d43; }
.row-fluid .service-linkarrow { position: absolute; bottom: 0; right: 0;}

.row-fluid .view-locationsection { padding: 40px 0; text-align: center; }
.row-fluid .view-locationtextbox h2 { font-size: 29px; line-height: 34px; color: #0b2d43; margin-top: 5px; }
.row-fluid .view-locationtextbox h5 { font-size: 19px; line-height: 25px; color: #0D89D3; margin: 5px 0 13px; }
.row-fluid .view-locationtextbox p { padding: 0; }
.row-fluid .view-locationtextbox { font-size: 16px; line-height: 20px; color: #415e73; font-weight: 300; }
.row-fluid .view-locationtextbox .arrow_btn a { float: none; display: inline-block; vertical-align: top; margin-top: 30px; background: #0D89D3; width: 440px; max-width: 100%; font-size: 15px; line-height: 20px; font-weight: 700; padding: 16px 20px; }
.row-fluid .view-locationtextbox .arrow_btn a:hover { background: #EB4310; }
.row-fluid .view-locationsection .view-locationicon { padding-bottom: 20px; position: relative; }
.row-fluid .view-locationsection .view-locationicon:after { position: absolute; content: ""; height: 20px; width: 43px; bottom: 0; left: 50%; transform: translateX(-50%); background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/iconshadow.png') no-repeat center / cover; opacity: 0.4; }

/* Service & Solution Page */
.row-fluid .sol-herosection { position: relative; }
.row-fluid .sol-herosection:after { position: absolute; content: ""; height: 293px; width: 30%; left: 0; bottom: -100px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/transparent-triangle.png') no-repeat bottom / cover;z-index: -1; }
.row-fluid .sol-heroraw { position:relative; z-index:1; } 
.row-fluid .sol-heroleft { float: left; width: 55%; padding: 158px 53px 30px; color: #0b2d43;} 
.row-fluid .sol-heroleft h5 { font-size: 20px; line-height: 28px; color: #0D89D3; margin-bottom: 25px; font-weight:600; }
.row-fluid .sol-heroleft h3 { padding-top:10px; padding-bottom:5px; }
.row-fluid .sol-heroleft h1 { font-size: 35px; line-height: 40px; color: #0b2d43; margin-bottom:5px; }
.row-fluid .sol-heroright { float: right; width: 45%; height: 420px; box-shadow: 0px 0px 15px rgba(0,0,0,0.4);}

.row-fluid .sol-introsection { padding: 60px 0; /*font-size: 15px; line-height: 24px;*/ color: #4d5d6b; }
.row-fluid .sol-introleft { float: left; width: 27%; }
.row-fluid .sol-introleft .sol-introimgbox { height: 465px; }
.row-fluid .sol-introright { float: left; width: 100%; padding-left: 20px; }
.row-fluid .sol-introright h2 { font-size: 30px; line-height: 36px; color: #0b2d43; }
.row-fluid .sol-introsection p + h2 { margin-top: 15px; } 

.row-fluid .sol-maintaneleft { float: left; width: 65%; padding-right: 50px; position:relative; }
.row-fluid .sol-maintaneleft:before { position: absolute; content: ""; height: 257px; width: calc(100% + 140px); left: 0; bottom: -10px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/blueshadow.png') no-repeat center / cover; opacity: 0.2; }
.row-fluid .sol-maintaneright { float: left; width: 35%; position:relative; }
.row-fluid .sol-maintanesection { padding: 98px 0 30px; }
.row-fluid .sol-maintanimgbox { float: left; width: 100%; height: 650px; }
.row-fluid .sol-maintaneleft .sol-doorbox { float: left; width: calc(100% + 110px); position: relative; z-index: 1; background: #fff; margin-top: -90px; padding: 50px 50px 30px 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /*font-size: 15px; line-height: 24px;*/ color: #4d5d6b; }
.row-fluid .sol-maintaneleft .sol-doorbox h2 { font-size: 28px; line-height: 32px; color: #0b2d43; padding-bottom: 7px; }
.row-fluid .sol-maintaneleft .sol-doorbox p { padding: 0; }
.row-fluid .sol-maintaneleft .sol-doorbox p + p { padding-top: 20px; }
.row-fluid .sol-maintaneleft .sol-doorbox .arrow_btn { margin-top: 25px; }
.row-fluid .sol-maintaneleft .sol-doorbox .arrow_btn a { background-color: #0D89D3; font-size: 15px; font-weight: 700; padding: 10px 28px; }
.row-fluid .sol-maintaneleft .sol-doorbox .arrow_btn a:hover { background: #EB4310; }
.row-fluid .sol-maintanlist { padding-top: 35px; font-size: 16px; line-height:25px; color: #4d5d6b; position: relative; z-index: 1;  }
.row-fluid .sol-maintanlist:before { position: absolute; content: ""; height: calc(100% + 20px); width: 74px; left: 0; top: 20px; background: #fff; }
.row-fluid .sol-maintanlist h3 { font-size: 22px; line-height: 26px; color: #0b2d43; padding-top: 15px; }
.row-fluid .sol-maintanefull { color: #4d5d6b; font-size: 15px; position:relative; z-index:2; }
.row-fluid .sol-maintanefull h2 { font-size: 28px; line-height: 32px; color: #0b2d43; padding-top:20px; }
.row-fluid .sol-maintanlistin { position:relative; }
/* .row-fluid .sol-maintanlistin li {padding:7px;} */


.row-fluid .sol-maintanlistin ul {list-style-type: none; padding: 0;}
.row-fluid .sol-maintanlistin ul li { padding: 0 0 0 20px; position: relative; }
.row-fluid .sol-maintanlistin ul li:before { background-color: #0D89D3; content: ""; height: 9px; left: 0; position: absolute; top: 8px; width: 9px; }
.row-fluid .sol-maintanlistin ul li+li { margin-top: 10px; }



.row-fluid .plan-section .plan-left { float: left; width: 25%; }
.row-fluid .plan-section .plan-middle { float: left; width: 50%; background-color: rgb(211 231 242 / 0.4); border-top: 10px solid #fff; border-bottom: 10px solid #fff; position:relative; }
.row-fluid .plan-section .plan-middle:before,.row-fluid .plan-section .plan-middle:after { position:absolute; content:""; height:100%; width:95px; top:0; background-color: rgb(211 231 242 / 0.4); }
.row-fluid .plan-section .plan-middle:before { right:100%; }
.row-fluid .plan-section .plan-middle:after { left:100%; }
.row-fluid .plan-section .plan-right { float: left; width: 25%; }
.row-fluid .plan-section .plan-left .plan-leftimg { float: left; width: 100%; height: 100%; }
.row-fluid .plan-section .plan-right .plan-rightimg { float: left; width: 100%; height: 100%; }
.row-fluid .plan-headsection { text-align: center; font-size: 18px; line-height: 22px; color: #415e73; font-weight: 300; padding: 30px 15px 40px; }
.row-fluid .plan-headsection h2 { font-size: 25px; line-height: 29px; color: #0b2d43; padding-bottom: 8px; }
.row-fluid .plan-wrap { float: none; display: block; width: auto; margin: 0 -70px; position: relative; z-index: 1; }
.row-fluid .plan-wrap .plan-col { float: left; width: 33.33%; padding: 0 10px; }
.row-fluid .plan-wrap .plan-col .plan-colinner { background: #fff; box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1); }
.row-fluid .plan-wrap .plan-col .plan-colinnerbox { padding: 110px 20px 130px; font-size: 14px; color: #415e73; }
.row-fluid .plan-wrap .plan-col .plan-colinnerbox .plan-title { position: relative; }
.row-fluid .plan-wrap .plan-col .plan-colinnerbox .plan-title:before { position: absolute; content: ""; height: 12px; width: 66px; left: -20px; top: 1px; background-image: linear-gradient(270deg, rgba(239, 243, 242, 0) 0%, #82c5e1 99.9463%, #82c5e1 100%); opacity: 0.5; }
.row-fluid .plan-wrap .plan-col .plan-colinnerbox h3 { color: #0b2d43; font-size: 20px; line-height: 24px; padding-bottom: 8px; position:relative; z-index:1; }
.row-fluid .plan-wrap .plan-col .plan-colinnerbox p { padding: 0; }
.row-fluid .plan-wrap .plan-col .plan-colinnerbox p + p { padding-top: 15px; }
.row-fluid .plan-section .plan-middle .plan-btnbox { text-align: center; margin-top: 40px; margin-bottom: 15px; }
.row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn a { float: none; display: inline-block; vertical-align: top; width: 307px; max-width: 100%; font-size: 15px; font-weight: 700; }
.row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn { float: none; display: inline-block; vertical-align: top; padding: 0 4px; }
.row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn.btn1 a { background-color: #0D89D3; }
.row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn.btn1 a:hover { background-color: #0b2d43; }

.row-fluid .sol-contentsection { padding: 50px 0 28px; color: #0b2d43; }
.row-fluid .sol-contentsection h2 { font-size: 30px; line-height: 36px; color: #181717; margin-bottom:10px;}
.row-fluid .sol-contentsection p { padding: 0 0 25px; }
.row-fluid .sol-contentsection ul { padding: 0; margin: 0; color: #181717; font-weight: 700; list-style-type: none; }
.row-fluid .sol-contentsection ul li { padding-left: 20px; position: relative; margin-bottom: 10px; }
.row-fluid .sol-contentsection ul li:before { position: absolute; content: ""; height: 9px; width: 9px; left: 0; top: 8px; background-color: #0D89D3; }

.row-fluid .sol-thirdcontent-section { background-color: rgb(211 231 242 / 0.4); padding: 60px 0 80px; }
.row-fluid .sol-thirdcontent-section .whitebox { float: left; width: 740px; max-width: 100%; background: #fff; padding: 60px 45px 50px 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-right: 2px solid #EB4310; position:relative; }
.row-fluid .sol-thirdcontent-section .whitebox h2 { font-size: 28px; line-height: 32px; color: #0b2d43; margin-bottom: 5px; }
.row-fluid .sol-thirdcontent-section .whitebox h5 { font-size: 18px; line-height: 24px; color: #0D89D3; } 
.row-fluid .con-leftimgbox { float: left; width: 25%; }
.row-fluid .con-leftimgbox .con-leftimg { float: left; width: 100%; height: 555px; }
.row-fluid .solcon-wrap { margin-top: -110px; color: #4d5d6b; font-size: 15px; } 
.row-fluid .con-righttextbox { float: left; width: 75%; padding: 120px 0 0 50px; }
.row-fluid .con-righttextbox .textbox { float: left; width: 50%; }
.row-fluid .con-righttextbox .textbox.textbox1 { padding-right: 18px; }
.row-fluid .con-righttextbox .textbox.textbox2 { padding-left: 18px; }
.row-fluid .solcon-wrap h2 { font-size: 28px; line-height: 32px; color: #181717; padding-top: 25px; }
.row-fluid .solcon-wrap p { padding: 0; }
.row-fluid .solcon-wrap p + p { padding-top: 25px; }

.row-fluid .sol-imgtext-section { padding: 70px 0 10px; font-size: 15px; color: #4d5d6b; }
.row-fluid .sol-imgtext-section .sol-imgtext-leftbox { float: left; width: 62%; padding-right: 60px; padding-top:20px; }
.row-fluid .sol-imgtext-section .sol-imgtext-rightbox { float: left; width: 38%; position: relative; }
.row-fluid .sol-imgtext-section .sol-imgtext-rightbox .sol-imgtext-rightimg { height: 458px; position: relative; z-index: 1; }
.row-fluid .sol-imgtext-section .sol-imgtext-leftbox h2 { font-size: 30px; line-height: 34px; color: #181717; }
.row-fluid .sol-imgtext-section .sol-imgtext-leftbox > div { font-size: 18px; line-height: 24px; color: #0D89D3; font-weight: 700; padding-bottom: 10px; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .sol-imgtext-section .sol-imgtext-rightbox:after { position: absolute; content: ""; right: -45px; bottom: -45px; height: 362px; width: 401px; background-color: rgb(130 197 225 / 0.5); }

.row-fluid .sol-zigzag-section { background-color: rgb(211 231 242 / 0.7); padding: 70px 0 50px; margin-bottom:15px; }
.row-fluid .sol-zigzag-imgbox { float: left; width: 27%; position: relative; }
.row-fluid .sol-zigzag-imgbox .sol-zigzag-img { height: 322px; position: relative; z-index: 1; }
.row-fluid .sol-zigzag-textbox { float: left; width: 73%; color: #415e73; font-size: 15px; padding: 70px 110px 35px 35px; background-image: linear-gradient(270deg, rgba(239, 243, 242, 0) 0%, #ffffff 33.15760000000001%, #ffffff 100%); }
.row-fluid .sol-zigzag-textbox h3 { font-size: 23px; line-height: 27px; color: #0b2d43; margin-bottom: 15px; }
.row-fluid .sol-zigzag-textbox p { padding: 0; }
.row-fluid .sol-zigzag-textbox p + p { padding-top: 20px; }
.row-fluid .sol-zigzag-textbox .arrow_btn a { background-color: #0D89D3; font-size: 15px; font-weight: 700; width: 391px; max-width: 100%; padding: 6px 20px; margin-top: 30px; }
.row-fluid .sol-zigzag-textbox .arrow_btn a:hover { background: #EB4310; }
.row-fluid .sol-zigzag-imgbox:after { position: absolute; content: ""; height: 63px; width: 62px; right: -10px; top: -10px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/imgoddshape.png') no-repeat center / cover; }
.row-fluid .sol-zigzag-col:nth-child(even) { text-align: right; }
.row-fluid .sol-zigzag-col:nth-child(even) .sol-zigzag-textbox .arrow_btn a { float: right; }
.row-fluid .sol-zigzag-col:nth-child(even) .sol-zigzag-textbox { background-image: linear-gradient(to right, rgba(239, 243, 242, 0) 0%, #ffffff 33.15760000000001%, #ffffff 100%); padding:70px 35px 35px 110px; }
.row-fluid .sol-zigzag-col:nth-child(even) .sol-zigzag-imgbox:after { right: auto; left: -10px; height: 62px; width: 63px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/imgevenshape.png') no-repeat center / cover; }
.row-fluid .sol-zigzag-col { margin-bottom: 25px; } 

/* Sub Category Page */
.row-fluid .category-hero { padding-top: 135px; font-size: 15px; color: #4d5d6b; position: relative; }
.row-fluid .innerhero_area.category-hero .innerhero_left { padding: 0 50px 0 0; width: 45%; }
.row-fluid .innerhero_area.category-hero .innerhero_left h1, .row-fluid .innerhero_area.category-hero .innerhero_left h2 { font-size: 32px; line-height: 36px; color: #0b2d43; margin-bottom: 5px; }
.row-fluid .innerhero_area.category-hero .innerhero_left .innerhero_subtitle { font-size: 18px; line-height: 22px; font-weight:600; color: #0D89D3; margin-bottom: 15px; }
.row-fluid .innerhero_area.category-hero .innerhero_left p { padding: 0; }
.row-fluid .innerhero_area.category-hero .innerhero_left p + p { padding-top: 15px; }
.row-fluid .innerhero_area.category-hero .innerhero_img { height: 251px; width: 55%; }
/*.row-fluid .category-hero:after { position: absolute; content: ""; height: 293px; width: 146px; left: 0; bottom: -20px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/leftshape.png') no-repeat center / cover; }*/
.row-fluid .innerhero_area.category-hero .innerhero_cover { position: relative; z-index: 1; }

/* Main Category Page */
.row-fluid .categories-listing-main { padding:55px 0; }
.row-fluid .categories-listing-main .category-box { float: left; width: 33.33%; padding: 13px; }
.row-fluid .categories-listing-main .category-box .main-catimgbox { height: 300px; background-color: #D3E7F2 !important; position: relative; border: 1px solid #D9DBDB; }
.row-fluid .categories-listing-main .category-box .main-catimgbox:after { position: absolute; content: ""; height: 101px; width: 100%; left: 0; bottom: -1px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/ingshadowcolor.png') no-repeat center / cover; }
.row-fluid .categories-listing-main .category-box .main-catimgbox .other-info { position: absolute; bottom: 0; left: 0; float: left; width: 100%; z-index:1; }
.row-fluid .categories-listing-main .category-box .main-catimgbox .other-info h3 { font-size: 16px; line-height: 20px; color: #0b2d43; padding: 20px; position: absolute; bottom: 0; left: 0; width: 100%; position:relative; }
.row-fluid .categories-listing-main .category-box .main-catimgbox .other-info h3:after { position: absolute; content: ""; height: 35px; width: 40px; right: 5px; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/categorybtn.png') no-repeat center / cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.row-fluid .categories-listing-main .category-box .main-catimgbox .other-info a.boxlink { position:absolute; top:0; left:0; height:100%; width:100%; }

.row-fluid .interested-section { padding: 30px 0; }
.row-fluid .interested-section .section- title h3 { }
.row-fluid .interested-section .section-title h3 { font-size: 18px; line-height: 22px; color: #0D89D3; margin-bottom: 15px; }
.row-fluid .interested-section .interested-col { float: left; width: 50%; }
.row-fluid .interested-section .interested-col:nth-child(odd) { border-right: 4px solid #fff; }
.row-fluid .interested-section .interested-col:nth-child(even) { border-left: 4px solid #fff; }
.row-fluid .interested-section .interested-col .interested-colinner { background-color: rgb(130 197 225 / 0.2); }
.row-fluid .interested-section .interested-col .interested-box { padding: 30px 30px 30px 10px; }
.row-fluid .interested-section .interested-col .interested-colleft { float: left; width: 180px; }
.row-fluid .interested-section .interested-col .interested-colright { float: left; width: calc(100% - 180px); color: #415e73; }
.row-fluid .interested-section .interested-col .interested-colright > div:first-child { font-size: 18px; line-height: 22px; color: #0b2d43; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .interested-section .interested-col .interested-colright ul { padding: 0; margin: 0; list-style-type: none; }
.row-fluid .interested-section .interested-col .interested-colright ul li a { font-size: 14px; line-height: 18px; color: #EB4310; font-weight: 700; position: relative; cursor: pointer; display: inline-block; vertical-align: top; padding-right: 35px; }
.row-fluid .interested-section .interested-col .interested-colright ul li a:after { position: absolute; content: ""; height: 7px; width: 27px; right: 0; top: 6px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnsarrow.png') no-repeat center / cover; transition:all ease-in-out .5s; }
.row-fluid .interested-section .interested-col .interested-colright ul li a:hover:after { right:-5px; }
.row-fluid .interested-section .interested-col .interested-contentbox p { padding: 0; }
.row-fluid .interested-section .interested-col .interested-contentbox p + p { padding-top: 15px; }
.row-fluid .interested-section .interested-col .interested-contentbox { margin: 14px 0 27px; }

.row-fluid .brandrequest_area.request_area.plan-requestsection .wrapper { display: block; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box { padding: 0 !important; background-color: #0b2d43; display: flex; align-items: center; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1:before { display: none; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner { padding: 15px 15px 0; font-size: 15px; line-height: 20px; letter-spacing: 0.41px; color: #fff; font-weight: 600; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 .request_boxinner { padding: 40px 30px 15px; font-size: 14px; line-height: 22px; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner a { color: #fff; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner ul { padding: 0; margin: 0; list-style-type: none; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner ul li { margin-bottom: 8px; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner ul li:last-child { margin-bottom: 0; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 .request_boxinner h3 { font-size: 17px; line-height: 22px; letter-spacing: 0.46px; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 .request_boxinner .request_quote_text { padding-bottom:20px; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 .request_boxinner .request_quote_text p { padding: 0; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 .request_boxinner .request_quote_text p + p { padding-top: 15px; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box { width: 35%; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 { border-left: 2px solid #334F62; width: 65%; } 
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1:after { position: absolute; content: ""; height: calc(100% - 15px); width: calc(100% - 40px); left: 50%; bottom: 0; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/borderimg.png') no-repeat center / cover; transform: translateX(-50%); opacity:0.5; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2:before { position: absolute; content: ""; height: 190px; width: 100%; top: 0; left: 0; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/rightshape.png') no-repeat center / cover; opacity: 0.3; }
.row-fluid .plan-requestsection .request_btmtext { font-size: 15px; }
.row-fluid .request_area.plan-requestsection .request_box1 .arrow_btn a { font-size: 13px; min-width: 220px; padding: 7px 2px; }
.row-fluid .request_area.plan-requestsection .request_box2 .arrow_btn a { font-size: 15px; min-width: 220px; padding: 9px 17px; }
.row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner > div:first-child ul li a { font-size: 18px; line-height: 22px; }

/* Location Page */
.row-fluid .find-location-section .location-search-box { text-align: center; padding: 60px 0 40px; color: #415e73; }
.row-fluid .find-location-section .location-filterwrap { position:relative; }
.row-fluid .find-location-section .location-search-box h1,
.row-fluid .find-location-section .location-search-box h3 { font-size: 32px; line-height: 36px; color: #0b2d43; margin-bottom: 10px; }
.row-fluid .find-location-section .location-search-box p { padding: 0; }
.row-fluid .find-location-section .location-search-box input.searchbox { display: none; }
.row-fluid .find-location-section .location-search-box .option-combo { float: none; display: inline-block; vertical-align: top; width: 510px; max-width: 100%; padding: 30px 15px 0 15px; position: relative; }
.row-fluid .find-location-section .location-search-box .option-combo span.label-span { float: left; width: 100%; background-color: #d3e7f2; padding: 11px 50px 11px 30px; cursor: pointer; color: #0b2d43; font-size: 14px; font-weight: 600; text-align: left; border: 1px solid rgb(32 38 38 / 0.2); position: relative; }
.row-fluid .find-location-section .location-search-box .option-combo span.label-span:before { position: absolute; content: ""; height: 32px; width: 33px; left: -17px; top: 7px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/location-round.png') no-repeat center / cover; }
.row-fluid .find-location-section .location-search-box .option-combo ul.filter { position: absolute; top: 100%; left: 0; background: #fff; padding: 0; margin: 0; list-style-type: none; text-align: left; z-index: 2; width: 100%; height: 315px; overflow: auto !important; }
.row-fluid .find-location-section .location-search-box .option-combo ul.filter li { float: left; width: 100%; }
.row-fluid .find-location-section .location-search-box .option-combo ul.filter li a { float: left; width: 100%; padding: 10px; color: #0b2d43; border-bottom: 1px solid #0b2d43; cursor: pointer; }
.row-fluid .find-location-section .location-search-box .option-combo ul.filter li:last-child a { border-bottom: 0; }
.row-fluid .find-location-section .location-search-box .option-combo ul.filter li a:hover { color: #EB4310; } 
.row-fluid .find-location-section .location-search-box .option-combo span.label-span span { position: absolute; right: 10px; top: 5px; height: 35px; width: 35px; background: rgba(255, 255, 255, 0.6); }
.row-fluid .find-location-section .location-search-box .option-combo span.label-span span:before { position: absolute; content: ""; height: 2px; width: 14px; left: 11px; top: 16px; background-color: #EB4310; }
.row-fluid .find-location-section .location-search-box .option-combo span.label-span span:after { position: absolute; content: ""; height: 13px; width: 2px; left: 17px; top: 11px; background-color: #EB4310; }
.row-fluid .find-location-section .location-search-box .option-combo span.label-span.active span:after { display:none; } 

.row-fluid .location-result { text-align: center; float: none; display: inline-block; vertical-align: top; width: 932px; padding: 0 15px; max-width: 100%; }
.row-fluid .find-location-section { text-align: center; }
.row-fluid .location-result .location-box .location-buttons { display: flex; width:100%; align-items: center; justify-content: center; }
.row-fluid .location-result .location-box .location-buttons a { float: none; display: inline-block; vertical-align: top; background-color: #0D89D3; color: #fff; padding: 10px 28px; font-size: 12px; line-height: 16px; font-weight: 700; }
.row-fluid .location-result .location-box .location-buttons a:nth-child(2) { color: #0b2d43; background: transparent; position: relative; }
.row-fluid .location-result .location-box .location-buttons a:nth-child(2):before { position: absolute; content: ""; height: 11px; width: 11px; left: 10px; top: 12px; background-color: #0D89D3; }
.row-fluid .location-result .location-box .location-buttons a:nth-child(2):after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-image: linear-gradient(270deg, rgba(239, 243, 242, 0) 0%, #82c5e1 68.19540000000002%, #82c5e1 100%); opacity: 0.3; }
.row-fluid .location-result .location-box .location-buttons a span { position: relative; z-index: 1; }
.row-fluid .location-result .location-box .location-buttons a:hover { background: #EB4310; }
.row-fluid .location-result .location-box .location-buttons a:nth-child(2):hover { color: #fff; background: #EB4310; }
.row-fluid .location-result .location-box .location-buttons a:nth-child(2):hover:after { display: none; }
.row-fluid .location-result .location-box .location-buttons a:nth-child(2):hover:before { background:#fff; }
.row-fluid .find-location-section .location-info { text-align: left; color: #0b2d43; font-size: 14px; float: left; width: 100%; padding: 40px 0; }
.row-fluid .find-location-section .location-info strong { font-size: 16px; line-height: 20px; font-weight: 900; color: #0b2d43; margin-bottom: 5px; float: left; width: 100%; }
.row-fluid .find-location-section .location-info > div { float: left; width: 33.33%; padding: 0 50px; border-right: 1px solid #415e73; min-height: 100px; }
.row-fluid .find-location-section .location-info p { padding: 0; float: left; width: 100%; }
.row-fluid .find-location-section .location-info p + p { padding: 15px 0 0; }
.row-fluid .find-location-section .location-info a { color: #EB4310; font-weight: 700; position: relative; padding-right: 30px; }
.row-fluid .find-location-section .location-info a:after { position: absolute; content: ""; height: 6px; width: 23px; right: 0; top: 8px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/msgarrow.png') no-repeat center / cover; }
.row-fluid .find-location-section .location-info > div:last-child { border: 0; } 
.row-fluid .find-location-section .location-info a.tel:after { display: none; }
.row-fluid .find-location-section .location-info a.tel { padding: 0 0 0 2px; color: #0b2d43; }

.row-fluid .find-location-section div#map { height: 820px !important; text-align: left; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c { padding: 0 !important; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c .popup_box { background-color: rgb(126 146 157 / 0.7); float: left; width: 205px !important; height: 100% !important; padding: 30px 10px 10px; color: #fff; font-size: 13px; line-height: 17px; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c div { float: left; width: 100% !important; height: 100% !important; overflow:auto !important; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c button { display: none !important; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c .popup_box strong { font-size: 18px; line-height: 22px; font-weight: 700; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c .popup_box a { float: left; width: 100%; background-color: #0b2d43; padding: 13px 10px; text-align: center; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; position: relative; margin-top:10px; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c .popup_box a:after { display: inline-block; vertical-align: middle; content: ">"; position: relative; top: -1px; left: 5px; }
.row-fluid .find-location-section div#map .gm-style .gm-style-iw-c .popup_box a:hover { background: #EB4310; } 
.row-fluid .locin-right .locin-addbox a.tel { color: #d3e7f2; }
.row-fluid .locin-right .locin-addbox a.tel:hover { color: #fff; }
.row-fluid .locin-right .locin-addbox a.message { font-size: 14px; line-height: 18px; color: #EB4310; font-weight: 700; padding-right: 30px; position: relative; }
.row-fluid .locin-right .locin-addbox a.message:after { position: absolute; content: ""; height: 6px; width: 23px; right: 0; top: 8px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/msgarrow.png') no-repeat center / cover; }

/* Location Inner Page */
.row-fluid .locin-left { float: left; width: 60%; font-size: 13px; }
.row-fluid .locin-left ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none;}
.row-fluid .locin-left > div > ul{background-color: rgb(211 231 242 / 0.8);}
.row-fluid .locin-left ul li { float: left; /*width: 30%;*/ display:flex; align-items:center; justify-content:center; text-align:center; }
.row-fluid .locin-right { float: left; width: 40%; }
.row-fluid .locin-right .locin-rightimgbox { position: relative; }
.row-fluid .locin-right .locin-addbox { float: right; right: 0; top: 0; width: 355px; max-width: 100%; background-color: rgb(11 45 67 / 0.7); color: #fff; font-size: 15px; padding: 50px 40px 40px; position: relative; }
.row-fluid .locin-top { padding-top: 8px; }
.row-fluid .locin-right .locin-addbox:before { position: absolute; content: ""; height: 160px; width: 13px; left: 13px; top: 45px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/addline.png') no-repeat center / cover; }
.row-fluid .locin-left ul li span.textwrap { padding: 15px; color: #fff; padding-left: 45px; text-align: left; }
.row-fluid .locin-left ul li a { float: left; width: 100%; padding:15px 30px; color: #fff; font-weight: 700; }
.row-fluid .locin-left ul li:first-child { background-color:#0b2d43; text-align: left; }
.row-fluid .locin-left .locin-leftnav ul li.active-section{ background-color: #0D89D3; } 
.row-fluid .locin-left .locin-leftnav ul li.active-section a{color: #fff;}
/* .row-fluid .locin-left ul li:nth-child(2){background-color: rgb(211 231 242 / 0.8);} */
.row-fluid .locin-left ul li:nth-child(3), .row-fluid .locin-left ul li:nth-child(4), .row-fluid .locin-left ul li:nth-child(5) { /*background-color: rgb(211 231 242 / 0.8); *width: calc(25% + 18px);*/ }
.row-fluid .locin-left ul li:nth-child(3) a, .row-fluid .locin-left ul li:nth-child(4) a,.row-fluid .locin-left ul li:nth-child(5) a, .row-fluid .locin-left ul li:nth-child(2) a  { color: #0b2d43; position: relative; }
.row-fluid .locin-left .locin-leftnav ul li.active-section a:after{display: none;}
.row-fluid .locin-left ul li:nth-child(2) a:after, 
.row-fluid .locin-left ul li:nth-child(3) a:after,
.row-fluid .locin-left ul li:nth-child(4) a:after{position: absolute; content: ""; right: 0px; top: 50%; height: 26px; width: 1px; background: #0b2d43; transform: translateY(-50%); } 
.row-fluid .locin-left ul li label { display:block; padding:0 0 8px 0; position:relative; } 
.row-fluid .locin-left ul li label:first-child { padding:0; }
.row-fluid .locin-left ul li label input[type="checkbox"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 18px; height: 18px; }
.row-fluid .locin-left ul li label input[type="checkbox"] + span { position:relative; display: block; }
.row-fluid .locin-left ul li label input[type="checkbox"] + span:before { position:absolute; left:-25px; top:7px; content:''; width:12px; height:12px; border:1px solid #fff; color:#fafafa; background:#8596A1; }
.row-fluid .locin-left ul li label input[type="checkbox"]:checked + span:after { text-align: center; color: #fff; position: absolute; left: -23px; top: 9px; content: ""; height: 8px; width: 8px; background: #fff; } 
.row-fluid .locin-left ul li label input[type="checkbox"]+span img { position: relative; top: 6px; right: -2px; }

.row-fluid .locin-left ul li label a.change-location-link img {
    vertical-align: middle;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}

.row-fluid .locin-left ul li .location-change a.change-location-link img { position: absolute; left: 0; top: 2px; }
.row-fluid .locin-left ul li a.change-location-link { padding-left: 20px !important; display: inline-block !important; width: 100% !important; text-align: left; }

.row-fluid .locin-lefttitlebox { padding-top: 0px; margin-top: -180px; }
.row-fluid .locin-lefttitlebox h1 { font-size: 32px; line-height: 36px; color: #0b2d43; margin-bottom: 5px; }
.row-fluid .locin-lefttitlebox h3 { font-size: 18px; line-height: 22px; color: #0D89D3; width:50%}

.row-fluid .locin-raw { padding: 0px 0 20px; }
.row-fluid .locin-raw .locin-headingbox { /*font-size: 15px; line-height: 24px;*/ color: #415e73; padding-bottom: 50px; }
.row-fluid .locin-raw .locin-headingbox h2 { font-size: 24px; line-height: 28px; color: #0b2d43; padding-bottom: 10px; }
.row-fluid .locin-raw .locin-headingbox p { padding: 0; }
.row-fluid .locin-raw .locin-headingbox p + p { padding-top: 15px; }
.row-fluid .locin-tabsection .locin-tabnav ul { padding: 0; margin: 0; list-style-type: none; float: left; width: 100%; text-align: center; }
.row-fluid .locin-tabsection .locin-tabnav ul li { float: left; width: 50%; position:relative; }
.row-fluid .locin-tabsection .locin-tabnav ul li:first-child { border-right: 5px solid #fff; }  
.row-fluid .locin-tabsection .locin-tabnav ul li.current:after{
    background: #d3e7f2;
}
.row-fluid .locin-tabsection .locin-tabnav ul li:after { position: absolute; content: ""; height: 5px; width: 100%; bottom: 0; left: 0; background: #fff; }
.row-fluid .locin-tabsection .locin-tabnav ul li a { float: left; width: 100%; color: #0b2d43; font-size: 17px; font-weight: 700; padding: 38px 15px 38px 40px; background: rgb(211 231 242 / 0.5); position:relative; text-align:left; }
.row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle { position: relative; padding-left: 50px; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle:before { position: absolute; content: ""; height: 38px; width: 38px; left: 0; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/commercial.png') no-repeat center / cover; transform: translateY(-50%); }
.row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle + span { position: absolute; top: 50%; right: 20px; height: 54px; width: 54px; background: rgba(255, 255, 255, 0.6); transform: translateY(-50%); }
.row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle + span:before { position: absolute; content: ""; left: 50%; top: 50%; height: 4px; width: 20px; background: #EB4310; transform: translate(-50%, -50%); }
.row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle + span:after { position: absolute; content: ""; left: 50%; top: 50%; height: 20px; width: 4px; background: #EB4310; transform: translate(-50%, -50%); }
.row-fluid .locin-raw .wrapper { width: 1080px; padding: 0 15px; max-width: 100%; }
.row-fluid .locin-tabprocoltitle { padding: 7px 15px 7px 0; display: flex; align-items: center; cursor:pointer; position:relative; }
.row-fluid .locin-tabprocoltitle .locin-proimg { height: 82px; width: 170px; float: left; }
.row-fluid .locin-tabprocoltitle .locin-protitle { float: left; width: calc(100% - 170px); padding-left: 45px; padding-right: 50px; font-size: 18px; line-height: 22px; color: #0b2d43; font-weight: 700; font-family: "Plus Jakarta Sans", sans-serif; }
.row-fluid .locin-tabprocolanswer { padding: 20px 0 0; background-color: rgb(130 197 225 / 0.4); display:none; }
.row-fluid .locin-tabprocolanswer .close-acc { text-align:right; }
.row-fluid .locin-tabprocolanswer .close-acc img { cursor:pointer; }
.row-fluid .locin-tabcontent { display:none; }
.row-fluid .locin-tabcontent#tab1 { display: block; }
.row-fluid .locin-tabprocolanswer .locin-proans { float: left; width: 50%; text-align: center; padding: 0 0 7px; }
.row-fluid .locin-proansinner a { color: #0b2d43; font-weight: 600; float: left; width: 100%; padding: 27px 50px; background: #fff; text-align:left; position:relative; }
.row-fluid .locin-proansinner a:after { position: absolute; content: ""; height: 10px; width: 7px; right: 50px; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/accboxlink.png') no-repeat center / cover; transform: translateY(-50%); }
.row-fluid .locin-tabprocolanswer .locin-proans:nth-child(odd) { padding-right: 6px; } 
.row-fluid .locin-tabcontentwrap .locin-tabcontent:first-child { background-color: #d3e7f2; }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:first-child .locin-tabcontentin { padding: 0 100px; }
.row-fluid .locin-tabcontentwrap .locin-tabcontentinres { padding: 0 100px; }

.row-fluid .locin-tabprocoltitle:after { position: absolute; content: ""; height: 13px; width: 14px; right: 30px; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/accIcon.png') no-repeat center / cover; transform: translateY(-50%); }
.row-fluid .locin-tabsection .locin-tabnav ul li:last-child a span.tabtitle:before { background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/residential.png') no-repeat center / cover; }
.row-fluid .locin-tabprocol { border-bottom: 1px solid #415e73; } 
.row-fluid .locin-tabprocol:last-child { border: 0; }
.row-fluid .locin-tabsection .locin-tabnav ul li:first-child.current:after { display:none; }
.row-fluid .locin-tabsection .locin-tabnav ul li.current a { background:rgb(211 231 242 / 1) }
.row-fluid .locin-tabsection .locin-tabnav ul li.current a span.tabtitle+span:after { display:none; }
.row-fluid .locin-tabprocoltitle.active:after { transform:rotate(180deg); }
.row-fluid .locin-tabprocol:first-child .locin-tabprocolanswer { display: block; }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) {  color: #415e73; font-size: 15px; line-height: 23px; background: #d3e7f2; position:relative; }
.row-fluid .go-firsttab { position: absolute; top: -5px; left: 0; } 
.row-fluid .go-firsttab a { float: left; width: calc(50% - 5px); padding: 15px; background-color: #82c5e1; color: #fff; font-weight: 700; text-align: center; position: relative; }
.row-fluid .go-firsttab a:after { position: absolute; content: ""; height: 13px; width: 14px; right: 30px; top: 50%; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/first-tab.png') no-repeat center / cover; transform: translateY(-50%); }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) h2 { font-size: 31px; line-height: 35px; color: #0b2d43; padding-bottom: 15px; }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) h3 { color: #0b2d43; font-size: 25px; line-height: 30px; margin: 10px 0 5px; }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) p { padding: 0 0 15px; }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) p + p { padding-top: 15px; }
.row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) .tabcontent-inner { float: left; width: 720px; max-width: 100%; }
.row-fluid .locin-tabcontentwrap .closeall-acc { text-align: right; padding-top:10px; }
.row-fluid .locin-tabcontentwrap .closeall-acc img { cursor:pointer; }
.row-fluid .locin-tabcontentwrap .view-rspro a { float: right; width: auto; color: #EB4310; font-size: 14px; padding: 0 30px 0 0; position: relative; margin: 10px; }
.row-fluid .locin-tabcontentwrap .view-rspro a:after { position: absolute; content: ""; height: 6px; width: 23px; right: 0; top: 9px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/msgarrow.png') no-repeat center / cover; }

/* Other Product Page */ 
.row-fluid .other-prohero { padding: 100px 0 50px; }
.row-fluid .other-proheroleft { float: left; width: 50%; color: #4d5d6b; font-size: 14px; padding-right: 34px; }
.row-fluid .other-proheroleft h1 { font-size: 35px; line-height: 40px; color: #0b2d43; margin-bottom: 5px; }
.row-fluid .other-proheroleft h3 { font-size: 18px; line-height: 22px; color: #0D89D3; margin-bottom: 18px; }
.row-fluid .other-proheroleft p { padding: 0; }
.row-fluid .other-proheroleft p + p { padding-top: 15px; }
.row-fluid .other-proheroright { float: left; width: 50%; height: 251px; }

.row-fluid .other-procategory-section { padding: 50px 0; }
.row-fluid .other-procategory-col { float: left; width: 33.33%; padding: 7px 7px 15px; }
.row-fluid .other-procategory-colinner { position: relative; border: 1px solid #C4C4C4; }
.row-fluid .other-procategory-wrap { float: none; display: block; margin: 0 -7px; width: auto; }
.row-fluid .other-procategory-box .other-procategory-imgbox { height: 190px; }
.row-fluid .other-procategory-textbox { background: #E5F1F7; padding: 30px 15px 45px; color: #415e73; font-size: 14px; position: relative; }
.row-fluid .other-readmorebox {font-size: 14px; color: #fff; background-color: #0b2d43; position: absolute; top: 0; left: 0; height: 100%; opacity: 0; visibility: hidden; transition: all ease-in-out .5s; }
.row-fluid .other-readmorebox h3 { font-size: 19px; line-height: 24px; color: #fff; }
.other-readmorebox .other-readmoreinner{
    overflow: auto;
    position: relative;
}
.row-fluid .other-readmorebox ul { padding: 0; margin: 0; list-style-type: none; }
.row-fluid .other-readmorebox ul li { padding-left: 15px; position: relative; } 
.row-fluid .other-readmorebox ul li:before { position: absolute; content: ""; height: 7px; width: 7px; left: 0; top: 8px; background: #0D89D3; }
.row-fluid .other-procategory-textbox h3 { color: #0b2d43; font-size: 19px; line-height: 24px; font-weight: 900; }
.row-fluid .other-procategory-textbox .detail-btn { position: absolute; bottom: 0; left: 0; text-align: center; float: left; width: 100%; padding:5px; }
.row-fluid .other-procategory-textbox .detail-btn a { float: left; width: 100%; background-color: rgb(0 170 211 / 0.75); color: #fff; font-size: 14px; line-height: 18px; font-weight: 700; padding: 8px 10px; position: relative; }
.row-fluid .other-procategory-textbox .detail-btn a:hover { background: #0b2d43; }
.row-fluid .other-procategory-textbox .detail-btn a:after { position: absolute; content: ""; height: 13px; width: 14px; right: 15px; top: 11px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/first-tab.png') no-repeat center/ cover; }
.row-fluid .read-btnbox { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; z-index: 1; overflow: hidden; display:none; }
.row-fluid .read-btnbox > div { float: left; width: 50%; padding: 3px 3px 10px; }
.row-fluid .read-btnbox .btn_style a { min-width: 1px; float: left; width: 100%; padding: 9px 20px; font-size: 14px; line-height: 19px; font-weight: 700; }
.row-fluid .read-btnbox .btn_style.btn2 a { background-color: #0D89D3; position: relative; }
.row-fluid .read-btnbox .btn_style.btn2 a:after { position: absolute; content: ""; right: 13px; top: 13px; height: 13px; width: 14px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/first-tab.png') no-repeat center / cover; }
.row-fluid .read-btnbox .btn_style.btn2 a:hover { background: #EB4310; }
.row-fluid .read-btnbox .btn_style.btn1 a:hover { background: #0D89D3; }
.row-fluid .readmore-imgbox { height: 190px; position: absolute; top: 0; left: 0; }
.row-fluid .readmore-imgbox:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background: rgb(11 45 67 / 0.7); }
.row-fluid .readmore-textbox { position: relative; padding: 15px; }
.mCSB_inside > .mCSB_container { margin: 0 !important; }
.row-fluid .other-procategory-colinner.active .other-readmorebox { opacity:1; visibility:visible; } 

.row-fluid .other-procategory-section div#pagination-container { text-align:center; padding-top:40px; }  
.row-fluid .other-procategory-section div#pagination-container ul { padding: 0; margin: 0; list-style-type: none; float: none; display: inline-block; width: auto; border: 1px solid #999999; }
.row-fluid .other-procategory-section div#pagination-container ul li { float: none; display: inline-block; vertical-align: middle; }
.row-fluid .other-procategory-section div#pagination-container ul li a, .row-fluid .other-procategory-section div#pagination-container ul li span { float: none; display: inline-block; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #415e73; font-size: 13px; font-weight: 700; }
.row-fluid .other-procategory-section div#pagination-container ul li:first-child span, .row-fluid .other-procategory-section div#pagination-container ul li:last-child a, .row-fluid .other-procategory-section div#pagination-container ul li .next, .row-fluid .other-procategory-section div#pagination-container ul li .prev { background-color: #d3e7f2; color: #4d5d6b; font-size: 18px; }
.row-fluid .other-procategory-section div#pagination-container ul li a:hover { background-color: #d3e7f2; }    

.row-fluid .other-prosection { padding: 50px 0; } 
.row-fluid .other-procol { float: left; width: 50%; background-color: #f4f4f5; border-right: 3px solid #fff; }
.row-fluid .other-procolinner { display: flex; align-items: center; }     
.row-fluid .other-procolinner .other-protextbox { padding: 30px 40px 40px 20px; float: left; width: calc(100% - 170px); color: #415e73; }
.row-fluid .other-procolinner .other-proimgbox { float: left; width: 170px; }
.row-fluid .other-procolinner .other-protextbox > div:first-child { color: #0b2d43; font-size: 18px; line-height: 22px; font-weight: 700; }
.row-fluid .other-procolinner .other-protextbox p { padding: 0; }
.row-fluid .other-procolinner .other-protextbox p + p { padding-top: 15px; }
.row-fluid .other-procolinner .other-protextbox .sameheight { margin: 15px 0 20px; }
.row-fluid .other-procolinner .other-protextbox a { font-size: 15px; line-height: 20px; color: #EB4310; font-weight: 700; position: relative; padding-right: 40px; }
.row-fluid .other-procolinner .other-protextbox a:after { position: absolute; content: ""; height: 7px; width: 27px; right: 0; top: 8px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/ot-prolink.png') no-repeat center / cover; }

/* Residential House Page */
.row-fluid .resident-hero { padding: 30px 0; position: relative; }
.row-fluid .resident-hero .wrapper { width:1190px; max-width:100%; }
.row-fluid .resident-heroleft { float: left; width: 50%;  font-size: 14px; color: #415e73; padding: 0 15px; }
.row-fluid .resident-heroright { float: left; width: 50%; position: relative; padding: 0 15px; z-index: 999; }
.row-fluid .resident-heroimg { height: 320px; }
.row-fluid .resident-heroleft h3 { font-size: 18px; line-height: 22px; color: #0D89D3; text-transform: uppercase; }
.row-fluid .resident-heroleft h1 { font-size: 28px; line-height: 32px; color: #0b2d43; margin: 4px 0 10px; }
.row-fluid .resident-heroleft .modelnumber { font-size: 15px; color: #999999; margin-bottom: 20px; }
.row-fluid .resident-heroleft .house-detail h4 { font-size: 18px; line-height: 22px; color: #0b2d43; padding-bottom: 5px; }
.row-fluid .resident-heroleft .house-detail p { padding: 0 0 20px; }
.row-fluid .resident-heroleft .house-detail h5 { font-size: 16px; line-height: 20px; color: #0b2d43; }
.row-fluid .resident-heroleft .house-detail ul { padding: 0; margin: 5px 0 0; list-style-type: none; }
.row-fluid .resident-heroleft .house-detail ul li { color: #415e73; font-weight: 600; line-height: 20px; letter-spacing: -0.01px; position: relative; margin-top: 3px; padding: 5px 0px 5px 20px;}
.row-fluid .resident-heroleft .house-detail ul li:before { position: absolute; content: ""; height: 5px; width: 5px; left: 0; top: 8px; background: #0D89D3; }
.row-fluid .resident-heroraw { padding-bottom: 3px; position: relative; }
.row-fluid .res-herobottom .res-herodesign { float: left; width: 60%; display: flex; align-items: center; padding-right: 35px; margin-top:23px; }
.row-fluid .res-herobottom .res-productdownload { float: left; width: 40%; position: relative; }
.row-fluid .res-herobottom .res-herodesign .design-label { font-size: 14px; line-height: 18px; color: #EB4310; font-weight: 700; }
.row-fluid .res-herobottom .res-herodesign .design-label:after {  }
.row-fluid .res-herobottom .res-herodesign .design-center a { float: left; padding: 6px 29px; color: #fff; background-color: #0D89D3; font-size: 14px; line-height: 18px; font-weight: 700; }
.row-fluid .res-herobottom .res-herodesign .design-center { margin-left: 20px; position: relative; padding-left: 60px;  }
.row-fluid .res-herobottom .res-herodesign .design-center::after{position: absolute; content: ""; height: 10px; width: 40px; left: 0; top: 50%; transform: translateY(-50%); background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/wonderarrow.png') no-repeat center / cover;}
.row-fluid .res-herobottom .res-productdownload span.select-product { background-color: rgb(211 231 242 / 0.6); padding: 26px 74px 26px 30px; font-size: 17px; color: #0b2d43; font-weight: 700; position: relative; cursor: pointer; }
.row-fluid .res-herobottom .res-productdownload span.select-product.active span:after { display:none; }
.row-fluid .res-herobottom .res-productdownload ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; background-color: #f4f4f5; position: absolute; top: calc(100% - 25px); left: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); display: none; z-index:2; }
.row-fluid .res-herobottom .res-productdownload ul li { float: left; width: 100%; padding: 7px 20px!important; }
.row-fluid .res-herobottom .res-productdownload ul li a { float: left; width: 100%; font-size: 16px; line-height: 20px; color: #0b2d43; font-weight: 600; padding: 15px 50px 15px 0; position: relative;  }
.row-fluid .res-herobottom .res-productdownload ul li:last-child a { border-bottom: 0; }
.row-fluid .res-herobottom .res-productdownload ul li a:after { position: absolute; content: ""; height: 40px; width: 41px; right: 0; top: 4px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/droplink-arrow.png') no-repeat center / cover; }
.row-fluid .res-herobottom .res-productdownload ul li a:hover { color: #EB4310; } 
.row-fluid .res-herobottom .res-productdownload label.text-center { text-align: center; font-size: 14px; line-height: 18px; color: #415e73; font-style: italic; margin-top: 10px; }
.row-fluid .res-herobottom .res-productdownload span.select-product span { position: absolute; top: 16px; right: 18px; height: 45px; width: 45px; background: rgba(255, 255, 255, 0.6); }
.row-fluid .res-herobottom .res-productdownload span.select-product span:before { position: absolute; content: ""; height: 3px; width: 16px; left: 50%; top: 50%; background-color: #EB4310; transform: translate(-50%, -50%); }
.row-fluid .res-herobottom .res-productdownload span.select-product span:after { position: absolute; content: ""; height: 16px; width: 3px; left: 50%; top: 50%; background-color: #EB4310; transform: translate(-50%, -50%); }

.row-fluid .greybg-section { background: #F4F4F5; }
.row-fluid .restech-tabsection { position: relative; }
.row-fluid .restech-tabsection:before { position: absolute; content: ""; height: 250px; width: 100%; top: 0; left: 0; background-color: #d3e7f2; }
.row-fluid .restech-tabsection .wrapper { position: relative; z-index: 1; width:1190px; max-width:100%; }
.row-fluid .restech-tabhead { text-align: center; font-size: 15px; line-height: 22px; color: #415e73; padding: 30px 0; }
.row-fluid .restech-tabhead h2 { font-size: 19px; line-height: 24px; color: #0b2d43; padding-bottom: 2px; }
.row-fluid .restech-tabhead p { padding: 0; }
.row-fluid .restech-tabnav ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; text-align: center; display: flex; flex-wrap: wrap;     justify-content: stretch; }
/* .row-fluid .restech-tabnav ul li { float: none; display: inline-block; vertical-align: top; width: 33.33%; margin: 0 -2px; } */
.row-fluid .restech-tabnav ul li { float: none; display: inline-block; vertical-align: top; flex: 1;}
.row-fluid .restech-tabnav ul li a { float: left; width: 100%; color: #fff; font-weight: 600; text-align: left; padding: 22px 50px 22px 26px; background-color: #415e73; position: relative; border-right: 3px solid #d3e7f2; }
.row-fluid .restech-tabnav ul li:last-child a { border-right: 0; }
.row-fluid .restech-tabinfowrap { background: #0B2D43; color: #fff; text-align: center; }
.row-fluid .restech-tabcontent { float: left; display: none; width: 100%; text-align: left; padding: 25px 104px; }
.row-fluid .restech-tableft { float: left; width: 57%; font-size: 15px; padding-right: 50px; }
.row-fluid .restech-tabright { float: left; width: 43%; }
.row-fluid .restech-tableft h3 { font-size: 20px; line-height: 24px; color: #fff; margin-bottom: 5px; }
.row-fluid .restech-tableft h3 + p { font-size: 14px; }
.row-fluid .restech-tableft p { padding: 0; }
.row-fluid .restech-tableft p + p { padding-top: 18px; }
.row-fluid .restech-tabsection .sheet-downloadbtn.btn_style { padding-top: 35px; width:346px; max-width:100%; position:relative; }
.row-fluid .restech-tabsection .sheet-downloadbtn.btn_style a.btn { font-size: 14px; line-height: 18px; font-weight: 700; position: relative; min-width: 1px; padding: 11px 86px 11px 64px; width:100%; }
.row-fluid .restech-tabsection .sheet-downloadbtn.btn_style a.btn:after { position: absolute; content: ""; height: 13px; width: 14px; right: 16px; top: 14px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/first-tab.png') no-repeat center / cover; }
.row-fluid .restech-tabsection .sheet-downloadbtn.btn_style a.btn:hover { background: #EB4310; }  
.row-fluid .sheet-downloadbtn ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; background: #f4f4f5; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); position: absolute; top: 100%; left: 0; display: none; }
.row-fluid .sheet-downloadbtn ul li { float: left; width: 100%; padding: 0 11px 0 10px; }
.row-fluid .sheet-downloadbtn ul li a { text-align: left; float: left; width: 100%; font-size: 16px; line-height: 20px; color: #0b2d43; font-weight: 600; padding: 15px 50px 15px 0; position: relative; border-bottom: 1px solid #0b2d43; background: transparent; }
.row-fluid .sheet-downloadbtn ul li a:hover { color:#EB4310; background:transparent; }
.row-fluid .sheet-downloadbtn ul li a:after { position: absolute; content: ""; height: 40px; width: 41px; right: 0; top: 4px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/droplink-arrow.png) no-repeat center / cover; }
.row-fluid .sheet-downloadbtn ul li:last-child a { border-bottom: 0; }
.row-fluid .restech-tabdetails { display: flex; align-items: center; position: relative; margin-bottom: 7px; padding: 5px 50px; justify-content: space-between; font-size: 14px; font-weight: 600; }
.row-fluid .restech-tabdetails:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-image: linear-gradient(to right, #ffffff 0%, #82c5e1 55.36150000000001%, #82c5e1 100%); opacity: 0.3; }
.row-fluid .restech-tabdetails:after { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -4px; background: #415e73; }
.row-fluid .restech-tabdetails:last-child:after { display: none; }
.row-fluid .restech-tabnav ul li a:after { position: absolute; content: ""; height: 34px; width: 34px; right: 15px; top: 18px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/tabicon.png') no-repeat center / cover; }
.row-fluid .restech-tabnav ul li.current a { background: #0b2d43; }
.row-fluid .restech-tabnav ul li.current a:after { display: none; }
.row-fluid .restech-tabcontent#tab1 { display: inline-block; }                  

.row-fluid .restab-slidersection { padding: 80px 0; }
.row-fluid .restab-slidersection .wrapper { width:1190px; max-width:100%; }
.row-fluid .restab-sliderraw { background: #fff; }
.row-fluid .restab-slidernav ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; text-align: center; }
.row-fluid .restab-slidernav ul li { float: none; display: inline-block; vertical-align: top; width: 33.33%; margin: 0 -2px; min-height:62px; }
.row-fluid .restab-slidernav ul li a { float: left; width: 100%; padding: 10px 40px 10px 15px; text-align:left; background-color: #0D89D3; color: #fff; font-weight: 700; border-right: 2px solid #fff; position:relative; }
.row-fluid .restab-slidernav ul li:last-child a { border-right: 0; }
.row-fluid .restab-slidernav ul li a:after { position: absolute; content: ""; height: 38px; width: 38px; right: 3px; top: 3px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/tabopenicon.png') no-repeat center / cover; }
.row-fluid .restab-slidernav ul li.current a:after { display: none; }
.row-fluid .restab-slidernav ul li.current a { padding: 19px 10px; background-color: #0b2d43; }
.row-fluid .restabslide-textwrap .text { padding:0 25px; }
.row-fluid .restabslide-textwrap { background: #fff; box-shadow: -5px 14px 10px 5px rgba(0, 0, 0, 0.01); padding: 30px 0 45px; font-size: 15px; font-weight: 600; color: #415e73; }
.row-fluid .tabslider-wrap { margin-top: 30px; padding:0 45px; }
.row-fluid .tabslider-wrap .tabslide-title { float: left; width: 100%; text-align: center; font-size: 14px; line-height: 18px; color: #0b2d43; font-weight: 700; margin-top: 10px; }
.row-fluid .tabslidecolinner { text-align: center; }
.row-fluid .restabslide-content#tabslide1 { display: block; }
.row-fluid .restabslide-content { display: none; }
.row-fluid .restabslide-textwrap .text { padding: 0 25px; }
.row-fluid .tabslider-wrap .slick-arrow { height: 50px; width: 28px; border: 0; background: #D3E7F2; margin: 0; padding: 0; margin-top: -15px; cursor: pointer; transition: all ease-in-out .5s; }
.row-fluid .tabslider-wrap .slick-arrow:before { font-size: 16px; color: #B3C8D5; }
.row-fluid .tabslider-wrap .slick-arrow:hover { background: #0b2d43; }
.row-fluid .tabslider-wrap .slick-arrow:hover:before { color: #fff; } 

.row-fluid .inquiry-section .wrapper { width: 870px; max-width: 100%; }
.row-fluid .inquiry-raw { display: flex; align-items: center; }
.row-fluid .inquiry-raw .inquiry-left { font-size: 15px; line-height: 22px; color: #0b2d43; position: relative; padding-left: 25px; float: none; text-align: center; width: 100%; padding: 30px 0 20px;position: relative;}
.res-inquiry .inquiry-raw .inquiry-left:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 60%;
    left: 10px;
    transform: translateY(-50%);
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/readyicon.png) no-repeat;
    background-size: contain;
}
.row-fluid .quote_chat .inquiry-raw .inquiry-left:before,  .res-inquiry .inquiry-raw .inquiry-left:before { position: absolute; content: ""; height: 19px; width: 17px; left: 50%; transform: translateX(-50%); top: 3px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/readyicon.png') no-repeat center / cover; }
.row-fluid .inquiry-raw .inquiry-right { float: left; width: 100%; display: flex; align-items: center; justify-content: center; }
.row-fluid .inquiry-raw .inquiry-right a { float: left; padding: 15px 10px; border: 1px solid #0b2d43; text-align: center; width: 250px; max-width: 100%; border-left: 2px solid #EB4310; margin-right: 15px; font-size: 14px; color: #0b2d43; font-weight: 600; }
.row-fluid .inquiry-raw .inquiry-right a:hover { background: #EB4310; color: #fff; border-color: #EB4310; }

.row-fluid .res-housesection { padding: 50px 0; text-align: center; color: #d3e7f2; line-height: 22px; }
.row-fluid .res-housecol { float: left; width: 25%; padding: 10px; }
.row-fluid .res-housebox { padding: 50px 5px; position:relative; box-shadow: 2px 3px 26px -1px rgb(140, 140, 140);}
.row-fluid .res-housebox:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgb(11 45 67 / 0.7); }
.row-fluid .res-housebox > div { position: relative; } 
.row-fluid .res-housebox h3 { font-size: 18px; line-height: 22px; color: #ffffff; margin: 25px 0 10px; }
.row-fluid .res-housebox p { padding: 0; }
.row-fluid .res-housebox p + p { padding-top: 15px; }

.row-fluid .other-prosection h4 { font-size:18px; line-height:22px; color: #0D89D3; margin-bottom:10px; }           
.row-fluid .greybg-section .other-procolinner { background:#fff; } 

.row-fluid .desk-hide { display:none; }  
.row-fluid .page-main-section { width: 100%; float: left; background-position: center 17% !important; }

/* -- Landing -- */

.row-fluid .lp-header-section { width: 100%; float: left; padding: 20px 20px; position: absolute; top: 0; left: 0; z-index: 99; }
.row-fluid .lp-banner-section { width: 100%; float: left; position: relative; background: #0B2D43; padding: 180px 0px 40px; }
.row-fluid .lp-banner-section h1 { font-size: 32px; color: #fff; padding-bottom: 10px; }
.row-fluid .lp-banner-section .subtitle span { color: #0D89D3; font-size: 18px; font-weight: 700; }
.row-fluid .lp-banner-section:before { content: ' '; top: 0; left: 0; position: absolute; z-index: 11; background-image: url("https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/hero-shape-cut.png"); width: 100%; height: 390px; background-repeat: no-repeat; background-size: 100% 100%; background-position: 0px -3px; }
.row-fluid  .lp-footer-section { width: 100%; float: left; background: #0B2D43; padding: 35px 0px; text-align: center; }
.row-fluid .lp-footer-section .top-title span { color: #82C5E1; font-size: 16px; font-weight: 700; font-style: italic; padding-bottom: 15px; display: inline-block; }
.row-fluid .lp-footer-section .bottom-title span { color: #fff; font-size: 17px; }


.dj_menu_wrapper > .mainmenu ~ .mainmenu {
    display: none !important;
}


/* 22-09-2022 */ 
.interested-colleft img {  width: 80%; object-fit: scale-down; }
.row-fluid .interested-section .interested-col .interested-colright {  padding-left: 15px; }


/* Header Top Strip */
.header_section.headernew_sc .top_strip { background: #0D89D3; padding: 10px 70px 10px 39px; width: 100% !important; display: inline-block !important; border-radius: 0px 0px 0px 5px; }
.header_section.headernew_sc .headtop_st .top_menu ul { padding: 0; margin: 0; display: flex; list-style: none; gap: 33px; }
.header_section.headernew_sc .headtop_st .top_menu ul li a { color: #fff; font-size: 14px; font-weight: 600; }
.row-fluid .header_section.headernew_sc .top_logo { width: 270px; text-align: center; max-width: 100%; padding: 10px 45px; }
.header_section.headernew_sc .rightmenu_list { width: calc(100% - 270px); margin: 0; }
.header_section.headernew_sc .headtop_st { display: flex; flex-flow: row wrap; justify-content: space-between; }
.header_section.headernew_sc .headtop_st .loctext_bx { display: flex; gap: 26px; }
.header_section.headernew_sc .headtop_st .loctext_bx a { color: #fff; font-size: 14px; font-weight: 600; }
.header_section.headernew_sc .headtop_st .location_text a img { width: 16px; margin: 5px 6px 0 0; }
.header_section.headernew_sc .top_strip .hs-search-field__bar .hs-search-field__input { max-width: 222px; height: 28px; color: #fff; font-size:14px; border: 0; margin: 0; border-radius: 35px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/search-door-icon.svg) no-repeat center right 15px hsla(0,0%,100%,.3); }
.header_section.headernew_sc .searchbox_sc .hs-search-field__bar .hs-search-field__input:focus { outline-style: none; }
.header_section.headernew_sc .searchbox_sc button.hs-search-field__button { display: none !important; }

.header_section.headernew_sc .top_strip .hs-search-field--open .hs-search-field__suggestions { display: none }

.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 30px 15px; font-weight: 600; }
.header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button { position: relative; background: #EB4310; color: #fff; max-width: 210px; font-weight: 600; width: 100%; display: inline-block; text-align: center; padding: 6px 15px; border-radius: 3px; margin: 24px 0; }
.header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button:hover { background: #0b2d43; }
.header_section.headernew_sc .ctabtn_sc { text-align: right; padding-right: 70px; }
.header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button:after { content:''; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat center / cover; width: 16px; height: 11px; display: inline-block; position: relative; left: 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button:hover:after { left: 15px; }

.lang_btn_wrap > div > div { display: flex; align-items: center; flex-flow: wrap; justify-content: flex-end; }
.row-fluid .lang_btn_wrap > div > div > div { width: auto; }
.header_section.headernew_sc .ctabtn_sc { padding-right: 0; padding-left: 10px; }
.header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button { box-sizing: border-box !important; min-width: 240px; }
.lang_btn_wrap { padding-right: 70px; }


.lang_list_class li a:hover { color: #0D89D3; }



@media (min-width: 1441px) and (max-width: 1510px){

    .row-fluid .header_section .header_btns a { min-width:180px; }
    .row-fluid .header_section .call_btn a { min-width:150px; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding:32px 10px;  font-size:14px; }
    .row-fluid .header_section .header_right > div { padding-right:5px; }
    .row-fluid .header_section .top_logo { padding:14px 20px; }


}

@media(min-width: 992px){
    .header_section.headernew_sc .searchbox_sc .hs-search-field__bar .hs-search-field__input::-webkit-input-placeholder { color: #fff !important; font-size:14px !important; }
    .header_section.headernew_sc .searchbox_sc .hs-search-field__bar .hs-search-field__input::-moz-placeholder { color: #fff !important; font-size:14px !important; }
    .header_section.headernew_sc .searchbox_sc .hs-search-field__bar .hs-search-field__input:-ms-input-placeholder { color: #fff !important; font-size:14px !important; }
    .header_section.headernew_sc .searchbox_sc .hs-search-field__bar .hs-search-field__input:-moz-placeholder { color: #fff !important; font-size:14px !important; } 
    .header_section.headernew_sc .searchbox_sc .hs-search-field__suggestions .results-for { font-weight: 700; color: #fff; font-size: 14px; display: none; }
    .header_section.headernew_sc .searchbox_sc .hs-search-field__bar button svg { height: 13px; }
    .header_section.headernew_sc .searchbox_sc .hs-search-field__bar button svg path { fill: #fff; }
    .header_section.headernew_sc .searchbox_sc button.hs-search-field__button { background: transparent; position: absolute; right: 12px; top: 2px; padding: 0; line-height: 0; height: auto; }
    .header_section.headernew_sc .searchbox_sc input[type="search"]::-webkit-search-decoration,
    .header_section.headernew_sc .searchbox_sc input[type="search"]::-webkit-search-cancel-button,
    .header_section.headernew_sc .searchbox_sc input[type="search"]::-webkit-search-results-button,
    .header_section.headernew_sc .searchbox_sc input[type="search"]::-webkit-search-results-decoration { display: none; }
    .header_section.headernew_sc .rightmenu_list .hs-search-field { display: block !important; }
    .header_section.headernew_sc .search_bar.mobheader_btns { display: none; }

    .row-fluid .header_section {
        position: fixed !important;
        top: 0;
        width: 100%;
    }
}

@media(max-width: 1750px){
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li a { font-size: 16px; padding: 20px 25px 20px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li a:after { right: 10px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .menu_right_title { padding: 18px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap .hs-menu-wrapper > ul > li > a { padding: 15px 15px; font-size: 15px; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .menu_link_box ul li a { padding: 6px 10px !important; font-size: 16px !important; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.left { width: 25%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right { width: 75%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.left { width: 35%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.right { width: 65%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.right .link a { font-size: 15px; padding: 18px 55px 18px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul>li>a { padding: 7px 15px; font-size: 16px; }
}
 
@media(max-width: 1599px){
    .row-fluid .locin-left ul li a{padding:15px 15px;}
}

@media(max-width: 1500px){
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .megamenu .tab_nav_wrap ul li a { font-size: 15px; padding: 20px 25px 20px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .menu_right_title { padding: 17px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .menu_wrap > .right .wrap .hs-menu-wrapper > ul > li > a { font-size: 14px; }
    .mega_menu { width: calc(100% - 20px); }
    
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li a { font-size: 15px; padding: 15px 30px 15px 15px !important }
    
    
}

@media(max-width: 1440px){ 
    .row-fluid .header_section.headernew_sc .header_left { max-width: 100%; width: 100%; }
    
    .row-fluid .header_section.headernew_sc .top_logo { padding: 10px 25px; width: 230px; }
    .header_section.headernew_sc .rightmenu_list { width: calc(100% - 230px); }
    .rightmenu_list .widget-span.widget-type-cell .widget-type-cell.lang_btn_wrap { padding-right: 20px; }
    .header_section.headernew_sc .top_strip { padding-right: 20px; } 
    .rightmenu_list .widget-type-cell.lang_btn_wrap { width: 33%; }
    .rightmenu_list .span12.widget-span .menulist_sc { width: 64%; }
}

@media(max-width: 1350px){
    .header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button { max-width: 160px; }
    .header_section.headernew_sc .ctabtn_sc { padding-right: 0; }
    .header_section.headernew_sc .top_strip { padding: 10px 20px 10px 39px; }
    .header_section.headernew_sc .ctabtn_sc { padding-right: 0; width: 20%; margin: 0; }
    .header_section.headernew_sc .menulist_sc { width: 70%; }
    .row-fluid .header_section.headernew_sc .top_logo { width: 190px; }
    .header_section.headernew_sc .rightmenu_list { width: calc(100% - 190px); }
    .header_section.headernew_sc .ctabtn_sc { width: auto; }
    .header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button { min-width: 170px; }
    .row-fluid .lang_btn_wrap { width: 27%; padding-right: 20px; }
    .row-fluid .header_section.headernew_sc .top_logo{padding:10px 20px;}

}

@media(max-width: 1249px){
    .header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button { max-width: 100px; }
    .header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 30px 10px; }
    .header_section.headernew_sc .headtop_st .top_menu ul { gap: 15px; }
    .header_section.headernew_sc .headtop_st .loctext_bx { gap: 15px; }
    .row-fluid .header_section.headernew_sc .mainmenu { float: left; }
    
    .rightmenu_list .widget-span.widget-type-cell .widget-type-cell.lang_btn_wrap { padding-right: 0; }
}

@media(max-width: 1200px){
    .mega_menu { width: calc(100% - 5%); }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .hs-menu-wrapper>ul>li>a { padding: 15px 25px 15px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .hs-menu-wrapper>ul>li>a:after { right: 10px; }
    
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_raw .left_in ul li a { font-size: 14px; }
    
}

@media(max-width: 1150px){
    .row-fluid .header_section.headernew_sc .top_logo { width: 170px; }
    .header_section.headernew_sc .rightmenu_list { width: calc(100% - 170px); }
}

@media(max-width: 991px){
    .header_section.headernew_sc .ctabtn_sc { display: none; }
    .header_section.headernew_sc .top_strip { display: none !important; }
    .row-fluid .header_section.headernew_sc .header_left { display: flex; justify-content: center; padding: 15px; }
    .row-fluid .header_section.headernew_sc .top_logo { padding: 0; }
    .row-fluid .header_section.headernew_sc a.mobile-trigger { top: 23px; left: 20px; }
    .row-fluid .header_section.headernew_sc a.mobile-trigger i,
    .row-fluid .header_section.headernew_sc a.mobile-trigger i:after,
    .row-fluid .header_section.headernew_sc a.mobile-trigger i:before { width: 36px; }
    
    .row-fluid .header_section.headernew_sc .search_bar .search_icon { background-color: transparent; position: absolute; right: 0; top: 16px; }
    .row-fluid .header_section.headernew_sc .search_bar .search_icon img { display: none; }
    .row-fluid .header_section.headernew_sc .search_bar .search_icon:after { content: ''; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/serach-icon-blue.svg); width: 17px; height: 17px; display: inline-block; }
    .row-fluid .header_section.headernew_sc .search_bar .search_icon i svg { fill: #0D89D3 !important; }
    .row-fluid .header_section.headernew_sc .search_bar .search_icon.active:after { display:none; }
    
    .header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 15px; }
    .header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a.child_triggerm { padding: 10px; }
    .row-fluid .header_section.headernew_sc .icontitle_box .icontitle_img { display: none; }
    .header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-weight: 500; }
    
    .row-fluid .header_section.headernew_sc .icontitle_area { padding-right: 5px; padding-left: 5px; }
    .row-fluid .lang_btn_wrap { display: none; }
    
/*     .row-fluid .header_section { position: relative !important; } */
    
    /**/
    body.mobile-open { overflow: hidden; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 15px 35px !important; font-size: 18px; font-weight: 700; color: #0B2D43; border: 0; }
    .row-fluid .mega_header.header_section.headernew_sc .mainmenu .hs-menu-flow-horizontal { max-width: 100%; padding-left: 0; top: 75px; height: calc(100% - 75px); padding-top: 30px; padding-bottom: 30px; }
    .row-fluid .mega_header.header_section.headernew_sc .icontitle_area { position: relative; width: 100%; height: auto; display: none; }
    
    .row-fluid .mega_header .close_menu, .row-fluid .mega_header .mainmenu.js-enabled .hs-menu-flow-horizontal .top_logo, .row-fluid .mega_header .mainmenu .hs-menu-flow-horizontal ul li a.child_triggerm img { display: none; } 
    .row-fluid .mega_header.header_section.headernew_sc .search_bar .search_icon { top: 7px; }
    .row-fluid .mega_header.header_section.headernew_sc a.mobile-trigger { top: 20px; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-flow-horizontal ul li a.child_triggerm:after { position: absolute; content: ""; height: 12px; width: 11px; top: 18px; right: 40px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/orange-arrow.svg) no-repeat center / cover; }
    .row-fluid .mega_header .mainmenu .hs-menu-flow-horizontal ul li a.child_triggerm { width: 100%; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a.child_triggerm { max-width: 100% !important; padding: 0; height: 48px; top: 0; left: 0; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a.child_triggerm:after { display: block !important; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-children-wrapper { max-width: 100%; padding-left: 0; top: 75px; height: calc(100% - 75px); padding-top: 90px; }
    .row-fluid .mega_header .backmenu_btn { left: 35px; top: 20px; }
    
    .row-fluid .mega_header .mega_menu + ul { display: none; }
    .row-fluid .mega_header.header_section.headernew_sc .search_bar .search_icon { right: 20px; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .right_raw { background: #fff; display: block; left: -100%; opacity: 0; padding-top: 20px; position: fixed; transition: all .4s ease; visibility: hidden; width: 100%; z-index: 9; height: calc(100% - 75px); max-width: 100%; padding-left: 0; top: 75px; overflow: auto; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.left { width: 100%; }
    .menu_wrap .menu_imgbox { display: none; }
    .menu_wrap, .menu_wrap * { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .tab_nav_wrap ul li a { display: flex; align-items: center; font-size: 18px; font-weight: 700; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .tab_nav_wrap ul li a span { width: auto; color: #0b2d43; font-weight: 700; padding-left: 5px; }
    .row-fluid .mega_header .backmenu_btn span { display: block; color: #70B8DA; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2.4px; margin-top: 20px; }
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .right_raw.active { left: 0; opacity: 1; visibility: visible; }  
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .right_raw .hs-menu-wrapper { position: relative; top: 0; height: auto; width: 100%; padding: 0; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title, .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title span { color: #70B8DA; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 2.4px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title { display: flex; flex-wrap: wrap; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title span { padding-left: 4px; width: auto; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .right_raw a.mobile-trigger { display: none !important; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.left { width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.right { width: 100%; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .hs-menu-wrapper>ul>li>a { font-size: 15px; padding: 8px 15px; } 
    .mainmenu .mega_header .hs-menu-children-wrapper { transition: all ease-in-out .4s; } 
    
    span.backMenu img { width: 11px; margin-right: 5px; position: relative; top: 1px; }
    span.backMenu { color: #0B2D43; font-size: 14px; font-weight: 500; display: flex; align-items: center; padding: 0 35px; margin-bottom: 5px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title { padding: 17px 35px; }

    .row-fluid .mega_header .rightmenu_list .widget-type-cell.lang_btn_wrap { display: inline-block; vertical-align: top; width: 100%; padding: 30px 35px 0; text-align: center; }
    .row-fluid .mega_header .header_left .row-fluid-wrapper>.row-fluid { display: inline-block; vertical-align: top; width: 100%; margin: 0; }
    .row-fluid .mega_header.header_section.headernew_sc .ctabtn_sc { display: inline-block; vertical-align: top; width: 100%; padding: 0; text-align: center; }
    .row-fluid .mega_header.header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button, .header_section.headernew_sc .lang_btn_wrap .ctabtn_sc.border-btn-wrap .hs_cos_wrapper a.cta_button { display: inline-block; vertical-align: top; width: 100%; text-align: left; min-width: 1px; max-width: 100%; }
    .row-fluid .mega_header .rightmenu_list .widget-span.widget-type-cell .widget-type-cell.lang_btn_wrap { padding-right: 35px; }
    .row-fluid .mega_header.header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button:after { position: absolute; right: 10px; top: 15px; left: auto !important; }
    .row-fluid .mega_header.header_section.headernew_sc .lang_btn_wrap script { line-height: 0; display: none; }
    .row-fluid .mega_header.header_section.headernew_sc .ctabtn_sc.border-btn-wrap { padding-top: 10px !important; }
    .row-fluid .mega_header.header_section.headernew_sc .lang_btn_wrap { display: none; }
    .row-fluid .mega_header.header_section.headernew_sc .lang_btn_wrap.mbl { display: inline-block; vertical-align: top; }
    
    .row-fluid .mega_header.header_section.headernew_sc .top_strip.mbl { display: inline-block !important; vertical-align: top; width: 100% !important; margin: 0; background: transparent; padding: 15px; }
    .row-fluid .mega_header.header_section.headernew_sc .top_strip.mbl .hs-menu-wrapper { position: static; height: auto; padding: 0; }
    .row-fluid .mega_header.header_section.headernew_sc .top_strip.mbl .span10, .header_section.headernew_sc .top_strip.mbl .span2 { margin: 0; width: 100%; }
    .row-fluid .mega_header.header_section.headernew_sc .top_strip.mbl .row-fluid-wrapper > .row-fluid { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
    .row-fluid .mega_header.header_section.headernew_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .top_strip.mbl .hs-menu-wrapper ul li a { font-size: 14px !important; color: #0D89D3 !important; font-weight: 600 !important; padding: 5px 10px !important; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .top_menu ul { gap: 0 !important; flex-wrap: wrap; justify-content: center; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .top_menu ul li { width: auto; }
    .row-fluid .mega_header.header_section.headernew_sc .top_strip.mbl .span2 { display: none; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st { flex-flow: unset; align-items: center; justify-content: center; flex-wrap: wrap; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .loctext_bx { justify-content: center; text-align: center; width: 100%; flex-wrap: wrap; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .loctext_bx a { font-size: 14px; color: #0D89D3; font-weight: 600; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .loctext_bx a span { font-size: 14px; color: #0D89D3; font-weight: 600; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .loctext_bx .location_text a { display: flex; align-items: center; }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .location_text a img { margin-top: 0; filter: brightness(0) saturate(100%) invert(43%) sepia(89%) saturate(676%) hue-rotate(163deg) brightness(88%) contrast(97%); }
    .row-fluid .mega_header.header_section.headernew_sc .headtop_st .loctext_bx > div { width: auto; padding: 0 10px; display: flex; align-items: center; }
    .row-fluid .mega_header .top_menu { width: 100%; padding-bottom: 8px; }
    .row-fluid .mega_header .backmenu_btn.new img { max-width: 11px; transform: rotate(180deg); }
    .row-fluid .mega_header span.backMenu img { transform: rotate(180deg); }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .tab_nav_wrap ul li a:after { position: absolute; content: ""; height: 12px; width: 11px; top: 0; right: 40px; bottom: 0; margin: auto 0; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/orange-arrow.svg) no-repeat center / cover; display: block !important; }
    .left_in ul li.hs_submenu a:after { position: absolute; content: ""; height: 12px; width: 11px; top: 0; right: 40px; display: block !important; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/orange-arrow.svg) no-repeat center / cover; bottom: 0; margin: auto 0; }
    
    .row-fluid .mega_header .header_left .row-fluid-wrapper { line-height: 0; }
    .row-fluid .mega_header .right_side_menu_list { background: #fff; display: block; left: -100%; opacity: 0; padding-top: 20px; position: fixed; transition: all .4s ease; visibility: hidden; width: 100%; z-index: 9999; height: calc(100% - 75px); max-width: 100%; padding-left: 0; top: 75px; overflow: auto; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper > ul > li.megamenu .mega_menu .right_side_menu_list .hs-menu-wrapper { position: relative; top: 0; height: auto; width: 100%; padding: 0; }
    .row-fluid .mega_header .right_side_menu_list.active { left: 0; opacity: 1; visibility: visible; } 
    
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.right .link a { width: calc(100% - 50px) !important; border-radius: 0px 2px 2px 0px; border: 1px solid rgb(11 45 67 / 50%); border-left: 0; font-size: 16px; font-weight: 800; color: #0B2D43; position: relative; margin: 10px 0; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.right .link a:after { position: absolute; content: ""; height: 12px; width: 11px; top: 0; right: 20px; bottom: 0; margin: auto 0; display: block !important; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/orange-arrow.svg) no-repeat center / cover; filter: brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(6392%) hue-rotate(169deg) brightness(100%) contrast(95%); }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul>li>a { font-size: 16px; line-height: 1.4; font-weight: 700; padding: 10px 35px !important; }
    .row-fluid .mega_header.header_section.headernew_sc .menu_list_wrap .left_list .mbl { display: none !important; }
    
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .mbl_wrap .lang_btn_wrap.mbl a { background: #EB4310; color: #fff; font-size: 14px; font-weight: 600; padding: 8px 15px !important; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .mbl_wrap .border-btn-wrap a { border: 1px solid #0B2D43; background: transparent !important; color: #0B2D43 !important; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .mbl_wrap .lang_btn_wrap.mbl a:after { display: block !important; top: 16px; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .top_strip ul li a:after { display: none !important; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .loctext_bx a { font-size: 14px; font-weight: 600; color: #0D89D3; padding: 5px 10px !important; } 
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .right_side_menu_list .top_strip.mbl .hs-menu-wrapper ul li a { padding: 5px 10px !important; }
    
    
}

@media(max-width: 400px){
    .row-fluid .header_section.headernew_sc .search_bar .search_icon { top: 8px; }
    .row-fluid .header_section.headernew_sc a.mobile-trigger { top: 18px; }
    .row-fluid .header_section.headernew_sc { padding-bottom: 0; }
    .row-fluid .search_bar .hs-search-field { top: 80%; }
    
    /**/
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 10px 15px !important; font-size: 16px; }
    .row-fluid .header_section.headernew_sc a.mobile-trigger { left: 5px; }
    .row-fluid .mega_header.header_section.headernew_sc .search_bar .search_icon { right: 0; }
    .row-fluid .mega_header .mainmenu .hs-menu-flow-horizontal ul li a.child_triggerm:after { right: 20px; }
    .row-fluid .mega_header .rightmenu_list .widget-span.widget-type-cell .widget-type-cell.lang_btn_wrap { padding-right: 20px; }
    .row-fluid .mega_header .rightmenu_list .widget-type-cell.lang_btn_wrap { padding: 30px 20px 0; }
    
    .row-fluid .mega_header .backmenu_btn { left: 15px; }
    .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .tab_nav_wrap ul li a { font-size: 15px; }
    .left_in ul li a:after, .row-fluid .mega_header.header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .tab_nav_wrap ul li a:after { right: 20px; }
    span.backMenu { padding: 0 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .menu_right_title { padding: 17px 15px; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap .right .hs-menu-wrapper>ul>li>a { font-size: 14px; padding: 7px 15px !important; }
    .row-fluid .mega_header .mainmenu .hs-menu-wrapper>ul>li.megamenu .mega_menu .menu_wrap>.right .wrap>.right .link a { font-size: 14px; }
    
}


@media (min-width: 1241px) and (max-width: 1440px){

    /*     .row-fluid .header_section .header_btns { margin-right:0; } */
    .row-fluid .header_section .header_btns a { padding:18px 20px 18px 12px; font-size: 12px; line-height: 20px; min-width: 176px; }
    .row-fluid .header_section .header_btns a:after { right:10px; }    
    .row-fluid .header_section .call_btn a { min-width:140px; }
    .row-fluid .header_section .search_bar .search_icon { min-width: 55px; padding:17px 20px 17px 20px; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size: 15px; line-height: 20px;  padding: 32px 5px; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:15px 12px; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li { padding:0 15px; } 

    .row-fluid .header_section .top_logo { max-width:150px; }
    .row-fluid .support_menuarea { top:52px; }
    .row-fluid .header_section .header_right > div { width:auto; float:right; overflow:hidden; }  

    .row-fluid .innerhero_area .innerhero_left { padding:110px 30px 50px 0; }

}

@media (min-width:1600px){ 
    body.homebody .row-fluid .header_section .wrapper2 { position: relative;  z-index: 1; background:#fff; }

    .row-fluid .home-heroleft h5{
        display: block !important;
    }
    .row-fluid .home-heroleft h5 .services{
        margin: 0;
    }
}


@media (min-width:1201px) and (max-width:1600px){
    .row-fluid .locin-left ul li label input[type="checkbox"] + span{
        padding-left: 0 !important;
    }
    /* Blog Page */
    .row-fluid .blog_heroarea .blog-herocaption { float: left; width: 50%; }
    .row-fluid .blog-heroform { float: left; width: 50%; margin: 0; padding: 60px 40px 110px 20px; }
    .row-fluid .recent-postitemwrap .recent-imgbox .recent-postimg { height:323px; } 

    /* Service And Solution Page */
    .row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn a { width:250px; }
    .row-fluid .plan-section{
        padding-top:50px;
    }

    /* Sub Category Page */
    .row-fluid .subcategory_area .subcategory_left { width:20%; } 
    .row-fluid .subcategory_area .subcategory_right { width:80%; } 

}

@media (min-width: 1401px) and (max-width: 1850px){
    .row-fluid .locin-left ul li label input[type="checkbox"]+span{
        padding-left: 25px !important;
    }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span:before{
        left: 0;
    }
    .row-fluid .locin-left ul li span.textwrap { padding-left: 10px; }
    .row-fluid .locin-left ul li:nth-child(2) { margin-left: 0; }   
    /*.row-fluid .locin-left ul li:nth-child(3), .row-fluid .locin-left ul li:nth-child(4) { width: 25%; }   */
}

@media (min-width: 1201px) and (max-width: 1400px){
    /* Location Inner Page */
    .row-fluid .locin-left ul{justify-content:center;display:flex;flex-wrap:wrap;}
    .row-fluid .locin-left ul li:nth-child(2) { margin: 0; }  
    /*.row-fluid .locin-left ul li:nth-child(3), 
    .row-fluid .locin-left ul li:nth-child(4) { width: 33.33%; }*/
    .row-fluid .locin-left ul li span.textwrap { padding: 10px; }
    .row-fluid .locin-left ul li a { padding: 20px 20px; font-size: 12px; line-height: 24px; }
    .row-fluid .locin-left ul li:first-child { width: 100%; }
    /*.row-fluid .locin-left ul li { width: 33.33%; } */
    .row-fluid .locin-left ul li label { float: left; width: 50%; padding: 0; font-size: 14px; }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span:before { top: 6px; }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span { padding-left: 25px; text-align: left; }
    .row-fluid .locin-left ul li label input[type="checkbox"]:checked+span:after { left: 10px; top: 8px; }

    .row-fluid .other-procolinner .other-protextbox { padding:30px 20px 40px 20px; }
}

@media (min-width: 1201px) and (max-width: 1245px){
    .row-fluid .bloghero-raw:before { left: calc((100% - 975px) / 2); } 
}

@media (min-width: 992px) and (max-width: 1200px){
    .location-home-section .wrapper>.title-section, .row-fluid .locin-lefttitlebox{
        margin-top: 0 !important;
    }
    /* Blog Page */
    .row-fluid .bloghero-raw:before { left: calc((100% - 920px) / 2); }
}

ul.hs-error-msgs{
    color:red;
}

@media (min-width: 1440px){
    .row-fluid .header_section .header_left { width: 100%;}
    .row-fluid .header_section .header_right { width: 100%; max-width: 580px;  }
    .row-fluid .header_section .header_btns a {
        min-width: 150px;
    }
}


@media (min-width: 1241px) and (max-width: 1440px){
    .row-fluid .header_section .header_left { width: 70%; max-width: 760px; }
    .row-fluid .header_section .header_right { min-width: 490px; }
    .row-fluid .header_section .header_btns a {
        min-width: 144px;
        padding: 18px 20px 18px 10px;
    }
    
}

@media (min-width: 992px) and (max-width: 1240px){

    .row-fluid .wrapper {  width:960px; } 

    .row-fluid .footer_copyright .footer_menu ul li { padding:10px 7px;  }
    .row-fluid .footer_copyright { font-size:14px; line-height:22px; }
    .row-fluid .footer_section .footer_btn a { min-width: 160px; }
    .row-fluid .footer_section .footer_box.footer_box3 p br { display:none; }

    .row-fluid .header_section .header_btns a { min-width: 100%; }
    .row-fluid .header_section .call_btn a {min-width: 175px;  }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding:15px 10px; font-size: 15px; }

    .row-fluid .header_section .wrapper2>div>div { display:block; }
    .row-fluid .header_section .header_left { width:100%; }
    .row-fluid .header_section .header_right { width:100%; }

    .row-fluid .header_section .search_bar .search_icon { min-width:100%; }
    .row-fluid .header_section .header_btns { width:25%; margin-right: -5px; }
    .row-fluid .header_section .mainmenu { float:right; padding-right:10px; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul { float:right; width:auto; } 

    .row-fluid .header_section .top_logo { padding:10px 20px; }
    .row-fluid .header_section .header_btns a { padding:15px 20px 15px 12px; }  
    .row-fluid .header_section .search_bar .search_icon { padding:15px 20px; }

    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { z-index:99; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper { left:auto; right:0; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper { left:auto; right:0; }
    .row-fluid .support_menuarea {  right: auto;  left: 25%;  margin-left: -1px;  top: 104px; }

    .row-fluid .request_area .request_box2 { padding:40px 20px 30px; } 
    .row-fluid .request_quote:nth-child(2) { padding-left: 50px; }  
    .row-fluid .request_area .request_box1 { padding:15px; }
    .row-fluid .request_area .request_box1 .arrow_btn a {  font-size: 14px; min-width: 190px;  }

    .row-fluid .innerhero_area .innerhero_left { padding:110px 30px 50px 0; }
    .row-fluid .header_section .header_right>div { width:100%; }  

    .row-fluid .brandrequest_area.request_area .request_quote:nth-child(2) { padding-left:40px; }  

    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box { width:30%; }
    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 { width:70%; } 
    
}

@media (min-width: 768px) and (max-width: 991px){
    .row-fluid .wrapper {  width:750px; } 

    .row-fluid .footer_section .footer_btn a { min-width: 140px; font-size: 12px; line-height: 22px; padding:8px 10px; }
    .row-fluid .footer_section .footer_box .footer_menu:nth-child(2) { padding-left:0; }
    .row-fluid .footer_section .footer_box .footer_menu { width:50%; float:left; margin:0 0 20px; }
    .row-fluid .footer_copyright { font-size:12px; line-height:22px; }
    .row-fluid .footer_copyright .footer_menu ul li { padding: 10px 5px; }
    .row-fluid .footer_copyright .footer_follow ul { margin-left:8px; }
    .row-fluid .footer_copyright .footer_follow ul li a { margin-right:3px; width: 18px;  height: 18px; font-size: 12px; line-height: 20px; }
    .row-fluid .footer_section .footer_main:before { width:65%; }

    .row-fluid .header_section a.mobile-trigger { top:13px; }
    .row-fluid .header_section .header_right > div { max-width: 279px !important; }  
    .row-fluid .header_section .search_bar .search_icon { padding:20px 10px 21px 10px !important; }  
    .row-fluid .header_section .support_menuarea { top:63px !important; }

    .row-fluid .request_quote { width:100%; padding:0; text-align:center; }
    .row-fluid .request_quote:nth-child(2) { padding:30px 0 0; }
    .row-fluid .request_area .request_box2 { padding:30px; width:50%; }
    .row-fluid .request_quote:first-child:after { display:none; }     
    .row-fluid .request_quote:first-child:before { display:none; }     
    .row-fluid .request_area .request_box1 { width:50%; }
    .row-fluid .request_quote .arrow_btn a { float:none; display:inline-block; }

    .row-fluid .tabfaq_section .tabfaq_right { width:60%; }
    .row-fluid .tabfaq_section .tabfaq_left { width:40%; }
    .row-fluid .accordion_box .accordion_top { padding-left:0; }

    .row-fluid .innerhero_area .innerhero_left { padding:50px 20px 30px; }  
    .row-fluid .innerhero_area .innerhero_left h2 { font-size: 30px; line-height: 40px; }

    .row-fluid .header_section .header_right .header_btns a { width:110px; }

    .row-fluid .brandrequest_area.request_area .wrapper { align-items:inherit; }
    .row-fluid .brandlogo_cover .brandlogo_box { width:33.33%; padding:0 10px; margin-bottom:20px; }
    .row-fluid .brandrequest_area.request_area .request_quote:nth-child(2) { padding-left:0; }

    /* Blog Page */
    .row-fluid .bloghero-raw:before { left: calc((100% - 720px) / 2); }
    .row-fluid .post_item { width: 50%; }
    .row-fluid .post-listing { margin: 0; }

    /* Main Category Page */
    .row-fluid .categories-listing-main .category-box { width:50%; }
    .row-fluid .interested-section .interested-col .interested-colleft { width: 100%; text-align: center; }
    .row-fluid .interested-section .interested-col .interested-colright { width: 100%; padding: 20px 0 0; }

    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box { width:50%; }
    .row-fluid .home-heroleft h5 {
        position: relative;
        padding-top: 40px;
    }
    .row-fluid .home-heroleft h5 .services {
        padding-top: 0;
        position: absolute;
        top: 0;
        font-size: 29px;
        right: 0;
        margin: 0;
    }
}

@media (min-width:768px) and (max-width:1200px){
    .home-heroright .hero-sliderwrap::before{
        width: 90%;
        left: 30px;
    }
    .home-slider-section .slick-initialized .slick-slide{
        box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    }
    .home-slider-section .hero-sliderwrap .slick-list{
        box-shadow: none;
    }
    /* Blog Page */
    .row-fluid .blog_heroarea .blog-herocaption { float: left; width: 50%; }
    .row-fluid .blog-heroform { float: left; width: 50%; margin: 0; padding: 60px 40px 110px 20px; }
    .row-fluid .recent-postitemwrap .post-item:before { display: none; }
    .row-fluid .recent-postitemwrap .post-item { padding-left: 0; }
    .row-fluid .recent-textboxinner { padding: 30px 20px; font-size: 14px; line-height: 22px; }
    .row-fluid .recent-postitemwrap .recent-textbox h2 { font-size: 16px; line-height: 22px; }
    .row-fluid .recent-postitemwrap .recent-imgbox .recent-postimg { height: 340px; }
    .row-fluid .post_item .post_inner .post_title { font-size: 14px; line-height: 20px; }
    .row-fluid .post_item .post-body .post_title a { font-size: 16px; line-height: 16px; }
    .row-fluid .newsletter-title { float: left; width: 55%; }
    .row-fluid .newsletter-form { float: left; width: 45%; margin: 0; padding-left: 15px; }

    /* Blog Inner */
    .row-fluid .blog-innerhero-left { padding: 20px 20px 0; }
    .row-fluid .blog-innerhero-left h1 { font-size: 17px; line-height: 21px; }
    .row-fluid .blog-innerhero-left h4 { font-size: 14px; }
    .row-fluid .bloginner-herowrap .backblog-link { position: relative; padding: 0 0 10px 15px; }
    body.hs-blog-post .row-fluid .blogpost_area .blog_left { float: left; width: 70%; }
    body.hs-blog-post .row-fluid .blogpost_area .blog_right { float: left; width: 30%; margin: 0; }
    .row-fluid .in-recentpostwrap .in-recentpostcol h4 { font-size: 14px; line-height: 20px; }
    .row-fluid .blogin-postbody { font-size: 13px; }
    body.hs-blog-post .row-fluid .blogpost_area { padding-bottom: 30px; }
    .row-fluid .related-post .post_item { width: 33.33%; padding: 0 8px; }
    .row-fluid .post_item .post-body { margin-left: -60px; }
    .row-fluid .related-post .post_item .post_inner .post_title a { font-size: 13px; line-height: 18px; }
    .row-fluid .related-post .post_item .post_inner .post_title { line-height: 18px; }
    .row-fluid .post_item .post-body .post_date { font-size: 11px; }
    .row-fluid .post-morebtn img { max-width: 50px; }
    .row-fluid .related-post .post_item { margin-bottom: 0; }
    .row-fluid .post-hoverbox { padding:20px 40px 10px 15px; }

    /* Homepage */
    .row-fluid .home-heroleft h1 { font-size: 35px; line-height: 45px; }
    .row-fluid .hero-sliderwrap .slick-list { padding-left: 30px; }
    .row-fluid .hero-sliderwrap .hero-sliderimg { height: 420px; }
    .row-fluid .hero-sliderwrap:after { height: 380px; }
    .row-fluid .service-textbox { padding: 20px 20px 32px; width: calc(100% - 40px); padding-right: 0; }
    .row-fluid .service-textbox h3 { font-size: 14px; line-height: 20px; padding-right: 40px; }
    .row-fluid .service-linkarrow { padding-bottom: 0; }
    .row-fluid .home-heroleft h5 .services{font-size: 35px;}

    /* Service & Solution Page */
    .row-fluid .sol-heroleft { padding: 50px; }
    .row-fluid .sol-introleft { width: 35%; }
    .row-fluid .sol-introright { width: 100%; }
    .row-fluid .plan-wrap .plan-col .plan-colinnerbox { padding: 30px 15px; }
    .row-fluid .plan-section .plan-left { width: 15%; }
    .row-fluid .plan-section .plan-right { width: 15%; }
    .row-fluid .plan-section .plan-middle { width: 70%; }
    .row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn a { width: 150px; max-width: 100%; }
    .row-fluid .sol-imgtext-section .sol-imgtext-rightbox:after { max-width: 100%; right: -18px; bottom: -18px; width: 200px; height: 200px; }
    .row-fluid .sol-imgtext-section { padding-bottom:50px; }

    /* Sub Category Page */
    .row-fluid .category-hero { padding-top: 60px; }
    .row-fluid .innerhero_area.category-hero .innerhero_left { width: 50%; padding-right: 30px; }
    .row-fluid .innerhero_area.category-hero .innerhero_img { width: 50%; }
    .row-fluid .innerhero_area.category-hero .innerhero_left h1,
    .row-fluid .innerhero_area.category-hero .innerhero_left h2 { font-size: 30px; line-height: 34px; }
    .row-fluid .subcategory_area .subcategory_left { width: 35%; }
    .row-fluid .subcategory_area .subcategory_right { width: 65%; }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box { width: 50%; }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 {  font-size: 16px;
        line-height: 21px;
        color: #0b2d43;
        padding: 11px 55px 11px 10px;
        width: 100%;
        position: absolute; }
    .row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a { height: 35px; width: 35px; line-height: 35px; } 

    /* Location Page */
    .row-fluid .find-location-section .location-info > div { padding: 0 15px; }

    /* Location Inner Page */
    .row-fluid .locin-left { width: 100%; }  
    .row-fluid .locin-right { width: 100%; }  
    .row-fluid .locin-left ul{justify-content:center;display:flex;flex-wrap:wrap;}
    .row-fluid .locin-left ul li:nth-child(2) { margin: 0; }
    /*.row-fluid .locin-left ul li:nth-child(3),
    .row-fluid .locin-left ul li:nth-child(4) { width: 33.33%; }*/
    .row-fluid .locin-left ul li span.textwrap { padding: 10px; }
    .row-fluid .locin-left ul li a { padding: 15px; font-size: 12px; line-height: 15px; }
    .row-fluid .locin-left ul li:first-child { width: 100%; }
    /*.row-fluid .locin-left ul li { width: 33.33%; }*/
    .row-fluid .locin-left ul li label { float: left; width: 50%; padding: 0; font-size: 14px; }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span:before { left: 8px; top: 6px; }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span { padding-left: 25px; text-align: left; }
    .row-fluid .locin-left ul li label input[type="checkbox"]:checked+span:after { left: 10px; top: 8px; }
    .row-fluid .locin-right .locin-addbox { width: 290px; padding: 30px 30px 30px 45px; }
    .row-fluid .locin-lefttitlebox { padding-top: 30px; padding-right: 20px; }
    .row-fluid .locin-lefttitlebox h1 { font-size: 24px; line-height: 28px; width:100%}
    .row-fluid .locin-lefttitlebox h3 { font-size: 16px; line-height: 20px; width:100% }
    .row-fluid .locin-raw { padding: 50px 0 20px; }
    .row-fluid .locin-raw .locin-headingbox { padding-bottom: 30px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a { padding: 30px 15px 30px 15px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle+span { height: 30px; width: 30px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle+span:before { height: 2px; width: 15px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle+span:after { height: 15px; width: 2px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle { padding-left: 50px; padding-right: 40px; }
    .row-fluid .locin-tabcontentwrap .locin-tabcontent:first-child .locin-tabcontentin { padding: 0 50px; }
    .row-fluid .locin-proansinner a { padding: 27px 20px; }
    .row-fluid .locin-proansinner a:after { right: 20px; }
    .row-fluid .locin-tabprocoltitle .locin-protitle { padding-left: 20px; }

    /* Other Product Page */
    .row-fluid .other-prohero { padding: 50px 0; }
    .row-fluid .other-proheroleft h1 { font-size: 28px; line-height: 32px; }
    .row-fluid .other-procategory-textbox { padding: 15px 10px 45px; font-size: 13px; line-height: 21px; }
    .row-fluid .readmore-textbox { padding: 15px 10px; font-size: 13px; line-height: 20px; }
    .row-fluid .other-procolinner .other-protextbox { padding: 30px 20px 30px 10px; font-size: 14px; line-height: 22px; }
    .row-fluid .other-procolinner .other-protextbox>div:first-child { font-size: 16px; line-height: 20px; }
    .row-fluid .other-procolinner .other-protextbox a { font-size: 11px; line-height: 16px; padding-right: 0; }
    .row-fluid .other-procolinner .other-protextbox a:after { right: auto; left: 100%; background-size: 15px; top: 5px; }
    .row-fluid .other-procolinner .other-protextbox .sameheight { margin: 10px 0 15px; }

    /* Residential House Page */
    .row-fluid .resident-hero { padding: 50px 0; }    
    .row-fluid .resident-heroleft { padding-right: 80px; }
    .row-fluid .res-herobottom .res-herodesign .design-center { float: left; width: 100%; margin-top: 10px;}
    .row-fluid .res-herobottom .res-herodesign { display: block; width: 50%; }
    .row-fluid .res-herobottom .res-herodesign .design-label { width: auto; float: left; font-size: 13px; }
    .row-fluid .res-herobottom .res-productdownload { width: 50%; }
    .row-fluid .restech-tabnav ul li a { font-size: 14px; line-height: 20px; }
    .row-fluid .restech-tabnav ul li a:after { top: 15px; right: 10px; }
    .row-fluid .restech-tabcontent { padding: 25px 30px; }
    .row-fluid .restech-tabsection .sheet-downloadbtn.btn_style a.btn { padding: 11px 66px 11px 44px; }
    .row-fluid .restech-tabdetails { padding: 5px 10px; }
    .row-fluid .restab-slidernav ul li a { font-size: 14px; }
    .row-fluid .tabslide-img img { float: none; display: inline-block; }
    .row-fluid .inquiry-raw .inquiry-left { font-size: 14px; padding-right: 10px; }
    .row-fluid .inquiry-raw .inquiry-right a { width: 220px; }
    .row-fluid .res-housebox { padding: 25px 15px; font-size: 13px; line-height: 18px; }
    .row-fluid .res-housebox h3 { font-size: 14px; line-height: 18px; margin: 15px 0 8px; }
    .row-fluid .res-housesection { padding-bottom: 0; }
    .row-fluid .tabslidecolinner { padding:0 10px; }
    .home-heroraw  .hero-sliderwrap .slick-list{
        padding-left: 0 !important;
    }

}

@media (max-width:991px){
    body .mainmenu .hs-menu-flow-horizontal .main-nav-menu-direct-link a{
        width: auto !important;
        overflow: visible !important;
    }
    .hs-menu-flow-horizontal .main-nav-menu-direct-link a:after {
        position: absolute !important;
        content: "" !important;
        height: 9px !important;
        width: 29px !important;
        top: 10px !important;
        right: -30px !important;
        background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnsarrow.png) no-repeat top right !important;
        transition: all ease-in-out .5s !important;
    }
    body .hs-menu-flow-horizontal .main-nav-menu-direct-link a span{
        color: #EB4310;
    }
    body .hs-menu-flow-horizontal .main-nav-menu-direct-link a:hover span{
        color: #fff;
    }
    .hs-menu-flow-horizontal .child-menu-sub-item{
        color: #0b2d43;
    }

    .row-fluid .header_section .header_left{
        width: 40%;
    }
    .row-fluid .header_section .header_right>div>div, .row-fluid .header_section .wrapper2>div>div{
        align-items: start !important;
    }
    .row-fluid .header_section .header_right>div{
        max-width: 100% !important;    
    }
    .row-fluid .header_section .header_right>div>div{
        justify-content: flex-end;
    }
    .header_section .location_btn a{
        white-space: unset;
    }
    .content-form-section .left-part { width: 100%; padding-right: 0; }
    .content-form-section .right-part { width: 100%; padding-left: 0; }
    .content-form-section .right-part .form-cover { margin-top: 40px; }
    .content-form-section .right-part h3 { color: #0B2D43; }
    .row-fluid .lp-banner-section:before { height: 350px; }
    .row-fluid .service-textbox{
        margin-left: 0;
    }
    .row-fluid .service-col .service-link a:after{
        right: 6px;
    }
    .row-fluid .service-col{
        padding: 30px 10px 0;
    }
}



@media (min-width: 30px) and (max-width: 767px){
    .home-heroright .hero-sliderwrap::before{
        display: none;
    }
    .row-fluid .service-section:after, .row-fluid .home-herosection:after{
        width: 300px;
    }
    .row-fluid .home-heroleft h5 .services{
        text-align: right;
    }
    .row-fluid .home-heroleft h5{
        margin-top:0px;
    }
    .row-fluid .service-section::after{
        top: 50%;
        transform: translateY(-50%);
        bottom: 100%;
    }
    /*   .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper{
    max-width: calc(100% - 15px) !important;
} */
    .resident-mobile-galley .slick-slider{
        margin-bottom: 10px;
    }
    .row-fluid .locin-left ul li label input[type="checkbox"] + span{
        padding-left: 0 !important;
        text-align: center !important;
    }
    .row-fluid .locin-left ul li a.change-location-link{
        color: #fff;
    }
    .row-fluid .restech-tabsection::before{
        height: 231px !important;
    }
    .interested-section.inner-related-products .image-location-wrapper .product-tag{
        font-size: 11px !important;
    }
    .rp-details-breadcrumbs{
        float: left;
        width: 100%;
        padding-left: 15px;
    }
    .interested-section .slick-list{
        max-width: calc(100% - 50px);
        margin: 0 auto;
    }
    .interested-section .slick-list .interested-colright{
        padding-left: 0 !important;
    }
    .interested-section .slick-slider .slick-arrow{
        background: #e6f4f9;
        width: 25px;
        height: 50px;
        border: none;
    }
    .interested-section .slick-slider .slick-next{
        right: 13px;
    }
    .interested-section .slick-slider .slick-arrow::before{
        color: #EB4310;
        top: 0 !important;
    }
    .breadcumb{
        padding: 0 15px;
    }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 a:after{
        display: none;
    }
    .row-fluid .other_data_content .res-housecol{
        width: 100%;
    }
    .product-features-benefits-content ul{
        text-align: left;
    }
    .category-item{
        width: 50%;
    }

    .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }  

    .row-fluid .footer_section .footer_box .footer_menu:nth-child(2) { padding-left:0; }
    .row-fluid .footer_section .footer_box .footer_menu { margin-bottom:30px; float:left; width:50%; }
    .row-fluid .footer_section .footer_box .footer_menu:last-child { margin-bottom:0; }
    .row-fluid .footer_section .footer_box:last-child { margin-bottom:0; }

    .row-fluid .footer_copyright { font-size: 14px; line-height: 24px; text-align:center; }
    .row-fluid .footer_copyright .footer_menu ul li { width:auto; float:none; display:inline-block; }
    .row-fluid .footer_copyright .footer_follow { justify-content:center; }

    .row-fluid .footer_section .footer_box { margin-bottom:30px; }  
    .row-fluid .footer_section .footer_box.footer_box3 { text-align:center; }
    .row-fluid .footer_section .footer_btn a { float:none; display:inline-block; } 

    .row-fluid .footer_section .footer_main:before { width:100%; height:300px; }

    .row-fluid .request_area { display:block; }  
    .row-fluid .request_area .request_box1 { width:100%; }
    .row-fluid .request_area .request_box2 { padding:20px; width:100%; }
    .row-fluid .request_quote:nth-child(2) { padding-left:0; margin-top:30px; }    
    .row-fluid .request_quote { width:100%; padding:0; text-align:center; }
    .row-fluid .request_quote .arrow_btn a { float:none; display:inline-block; }

    .row-fluid .innerhero_area .innerhero_left h2 { font-size: 28px; margin-bottom:10px; line-height: 40px; } 
    .row-fluid .innerhero_area .innerhero_cover { display:block; text-align:center; }
    .row-fluid .innerhero_area .innerhero_left { width:100%; padding:30px 20px; }
    .row-fluid .innerhero_area .innerhero_img { height:250px; width:100%; }  

    .row-fluid .tabfaq_section .tabfaq_left { width:100%;  }
    .row-fluid .tabfaq_section .tabfaq_right { width:100%; padding-left:0; }
    .row-fluid .tabfaq_section { padding:40px 0; }

    .row-fluid .request_quote:first-child:after { display:none; }
    .row-fluid .request_quote:first-child:before { display:none; }

    .row-fluid .tabfaq_section .tabfaq_left { margin-bottom:30px; }  
    .row-fluid .tabfaq_cover { display:none; }
    .row-fluid .accordion_box { display:block;  }
    .row-fluid .accordion_box .accordion_top h2 { font-size: 26px; line-height: 32px; }
    .row-fluid .accordion_box .accordion_top { padding:10px 30px 10px 20px; position:relative;  text-align:left; background:#fff; margin-bottom:10px; } 
    .row-fluid .accordion_box .accordion_top:before { position:absolute; content:"\f0dd"; font-family: 'FontAwesome'; font-size:18px; line-height:10px; right:10px; top: 50%; transform: translateY(-50%); margin-top:-4px; color:#3D4A52; transition:all .4s ease; }
    .row-fluid .accordion_box .accordion_top.active:before { transform:rotate(180deg) translateY(-50%); } 
    .row-fluid .accordion_box .accordion_box_cover { margin-top:0; display:none; }

    .row-fluid .brandrequest_area.request_area .wrapper { display:block; }
    .row-fluid .brandlogo_area { padding:40px 0; }    
    .row-fluid .brandlogo_cover .brandlogo_box { width:50%; padding:0 10px; margin-bottom:20px; }
    .row-fluid .brandlogo_cover .brandlogo_box .brandlogo_logo { padding:10px; }

    .row-fluid .brandrequest_area.request_area .request_box1 { margin-bottom:30px; }
    .row-fluid .brandrequest_area.request_area .request_quote:nth-child(2) { padding-left:0;}  
    .row-fluid .request_quote h3 {  font-size: 24px; line-height: 30px; }

    /* Blog Page */
    .row-fluid .search_bar .hs-search-field { z-index:1; }
    .row-fluid .blog_heroarea:after { display: none; }
    .row-fluid .blog_heroarea .blog-herocaption { padding: 55px 20px 35px; }
    .row-fluid .blog_heroarea .blog-herocaption h1 { font-size: 28px; line-height: 32px; }
    .row-fluid .blog_heroarea .blog-herocaption { font-size: 16px; line-height: 20px; }
    .row-fluid .blog-heroform { background-color: #0b2d43; padding: 25px 20px; text-align: left; font-size: 12px; line-height: 18px; }
    .row-fluid .blog-heroform h3 { font-size: 16px; line-height: 20px; }
    .row-fluid .blog-heroform .hs-input { height: 37px; }
    .row-fluid .blog-heroform form { margin-top: 15px; float:left; }

    .row-fluid .recent-postitemwrap .post-item { margin: 5px 0 0; padding: 0; }
    .row-fluid .recent-postitemwrap .post-item:before { display: none; }
    .row-fluid .recent-postleft { padding-left: 0 !important; width: 100%; }
    .row-fluid .recent-postraw>div>div { display: block; }
    .row-fluid .post-filterbox { width: 100%; background: transparent; padding-top: 30px; }
    .row-fluid .post-filterbox .block ul { z-index:1; }
    .row-fluid .recent-postitemwrap .recent-textbox { width: 100%; margin-top: -60px; padding:0 15px; }
    .row-fluid .recent-postitemwrap .recent-imgbox { width: 100%; margin: 0; }
    .row-fluid .recent-postitemwrap .recent-imgbox .recent-postimg { height:200px; }
    .row-fluid .recent-postitemwrap .recent-textbox .readmorebtn { position: absolute; bottom: -5px; right: 0; padding: 0 15px 0 0; }
    .row-fluid .recent-textboxinner { padding: 20px 20px 50px; }
    .row-fluid .post-filterbox h3 { text-align: center; }
    .row-fluid .post-filterbox .block span.topic-select { background-color: #d3e7f2; color: #0b2d43; }
    .row-fluid .post-filterbox .block span.topic-select:after { background: #fff; }

    .row-fluid .blogpost_area { padding: 40px 0 50px; }
    .row-fluid .blogpost_area .wrapper { padding: 0; }
    .row-fluid .post-listing { float: left; width: 100%; margin: 0; }
    .row-fluid .post_item { width: 100%; padding: 0; margin-bottom: 25px; }
    .row-fluid .post_item .post-body { margin-left: -80px; }
    .row-fluid .post_item .post-body .post_title a { font-size: 14px; }
    .row-fluid .post_item .post-body .post_title { line-height: 18px; }
    .row-fluid .post-morebtn { position: relative; right: -15px; }
    .row-fluid .post_item .post_inner .post-hoverbox .post-morebtn { display: none; }
    .row-fluid .post-hoverbox { padding: 20px 40px; }
    .row-fluid .blog-pagination { padding-top: 20px; }

    .row-fluid .newsletter-section .wrapper>div>div { display: block; }
    .row-fluid .newsletter-section h2 { font-size: 19px; line-height: 24px; }
    .row-fluid .newsletter-section h2 span { display: block; padding: 10px 0 0; }
    .row-fluid .newsletter-section .hs-input { height: 37px; }

    /* Blog Inner */
    .row-fluid .blog-innerheroraw>div>div { display: block; }
    .row-fluid .blog-heroinnerleft { width: 100%; }
    .row-fluid .blog-heroinnerright { width: 100%; display: none; }
    .row-fluid .blog-innerhero-left { float: right; width: calc(100% - 40px); padding: 30px 20px 0; position: relative; margin-top: -140px; }
    .row-fluid .blog-innerhero-right { width: 100%; margin: 0; height: 220px; }
    .row-fluid .blog-innerhero-right:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: #0b2d43;opacity: .25;}
    .row-fluid .bloginner-herobox { /*display: block;*/ display: flex; flex-direction: column-reverse; padding: 0 !important; }
    .row-fluid .blog-innerhero-left h4 { font-size: 14px; line-height: 18px; }
    .row-fluid .blog-innerhero-left h1 { font-size: 20px; line-height: 26px; }
    .row-fluid .blog-innerhero-left .date-topicbox { font-size: 12px; }
    .row-fluid .bloginner-herowrap .backblog-link { position: relative; padding-bottom: 10px; padding-left: 10px; }

    .row-fluid .blogin-postbody { font-size: 14px; line-height: 22px; }
    .row-fluid .blogin-postbody h2,
    .row-fluid .blogin-postbody h3 { font-size: 23px; line-height: 27px; }
    body.hs-blog-post .row-fluid .blogpost_area { padding-top: 40px; padding-bottom:10px; }
    body.hs-blog-post .row-fluid .blogpost_area .blog_left { padding: 0 20px !important; }
    .row-fluid .blogin-postbody img { width: 100% !important; margin: 0 0 30px !important; }

    .row-fluid .related-post h4 { text-align: center; font-size: 16px; margin-bottom: 22px; }
    .row-fluid .related-post .wrapper { padding: 0; }

    .row-fluid .blog_right { float: left; width: 100%; }
    .row-fluid .blog_right .in-recentpostraw h3 { font-size: 17px; line-height: 22px; color: #0D89D3; padding: 0 20px 11px; }
    .row-fluid .in-recentpostwrap .in-recentpostcol { padding: 20px 0; }
    .row-fluid .in-recentpostwrap { padding: 0 20px; }
    .row-fluid .in-recentpostwrap .in-recentpostcol h4 { font-size: 14px; line-height: 20px; }

    /* Homepage */
    .row-fluid .home-herosection:before { display: none; }
    .row-fluid .home-heroraw { display: block; padding:0; }
    .row-fluid .home-heroleft { width: 100%; display: block; padding:0px 15px; }
    .row-fluid .home-heroright { width: 100%; }
    .row-fluid .home-herosection .wrapper { position: relative; z-index: 1; padding: 0; }
    .row-fluid .hero-sliderwrap { width: 100%; }
    /*   .row-fluid .home-herosection  .hero-sliderwrap{overflow: hidden;} */
    .row-fluid .hero-slidernavwrap.slider-nav { width: 100%;}
    .row-fluid .hero-slidernavwrap.slider-nav .slick-list{height: 100% !important;}
    .row-fluid .hero-sliderwrap:after { display: none; }
    .row-fluid .hero-sliderwrap button.slick-next.slick-arrow { display: none !important; }
    .row-fluid .hero-sliderwrap ul.slick-dots { display: none !important; }
    .row-fluid .hero-sliderwrap .slick-list { padding: 0; }
    .row-fluid .hero-sliderwrap .hero-sliderimg { box-shadow: none; height: 170px; padding:0 20px; background-size: cover !important;}
    .row-fluid .hero-slidertitle { display: none; } 
    .row-fluid .hero-mobiletitle { display: block; position:absolute; bottom:0; left:0; padding:0 20px; text-align:center; } 
    .row-fluid .hero-mobiletitle h5 { color: #fff; background: rgb(11 45 67 / 0.6); padding: 30px 20px; font-size: 19px; line-height: 26px; font-style: italic; }
    .row-fluid .home-heroleft h1 { font-size: 30px; line-height: 38px; }
    .row-fluid .home-heroleft h5 { display: none; }
    .row-fluid .home-heroleft .findlink { text-align: center; }
    .row-fluid .home-heroleft .findlink a { float: none; display: inline-block; vertical-align: top; background-color: #EB4310; color: #fff; padding: 19px 72px 19px 32px; }
    .row-fluid .home-heroleft .findlink a:after { height: 6px; width: 23px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/locarrow.png') no-repeat center / cover; top: 26px; right:40px; }
    .row-fluid .hero-slidernavwrap.slider-nav { display:inline-block; }

    .row-fluid .service-section .service-headingbox h5 { font-size: 16px; }
    .row-fluid .service-col { width: 100%; padding: 30px 0 0; text-align: center; }
    .row-fluid .service-col .service-colinner { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; text-align: left; }
    .row-fluid .service-imgbox { height: 150px; }
    .row-fluid .service-textbox { margin-left: 10px; width: calc(100% - 45px); padding: 25px 0px 18px 16px; }

    .row-fluid .view-locationsection { padding:10px 0; }

    /* Service & Solution Page */
    .row-fluid .sol-heroleft { width: 100%; padding: 40px 20px 0 !important; position: relative;  font-size: 14px; }
    .row-fluid .sol-heroleft:before { position: absolute; content: ""; height: 170px; width: 310px; left: 0; top: 0; background: rgba(255,255,255,0.9); }
    .row-fluid .sol-heroleft h1 { font-size: 35px; line-height: 43px; padding-bottom: 5px; position:relative; z-index:1; } 
    .row-fluid .sol-heroleft h5 { font-size: 16px; line-height: 20px; position:relative; z-index:1; }  
    .row-fluid .sol-heroleft h3 { padding-bottom:5px; padding-top:10px}  
    .row-fluid .sol-heroleft p { position:relative; z-index:1; } 
    .row-fluid .sol-heroright { float: left; width: 100%; height: 170px; }
    .row-fluid .sol-introleft { width: 100%; position: relative; }
    .row-fluid .sol-introright { width: 100%; padding: 30px 0 0; }
    .row-fluid .sol-introright h2 { font-size: 30px; line-height: 40px; }
    .row-fluid .sol-maintaneleft { width: 100%; padding: 0 20px !important; margin-bottom: 50px; }
    .row-fluid .sol-maintaneleft .sol-doorbox { width: 100%; padding: 30px 15px; }
    .row-fluid .sol-maintaneleft .sol-doorbox h2 { font-size: 20px; line-height: 24px; }
    .row-fluid .sol-maintaneleft .sol-doorbox .arrow_btn a { padding: 10px 18px; font-size: 14px; }
    .row-fluid .sol-maintanlist h3 { font-size: 20px; line-height: 24px; padding-top: 20px; }
    .row-fluid .sol-maintanlist p { padding: 0; }
    .row-fluid .sol-maintaneleft:before { bottom: 0; max-width:100%; }
    .row-fluid .sol-maintaneright { width: 100%; }
    .row-fluid .sol-maintanimgbox { height: 400px; }
    .row-fluid .sol-maintanesection { padding-bottom: 40px; }
    .row-fluid .plan-section .plan-left { width: 100%; height: 250px !important; }
    .row-fluid .plan-section .plan-middle { width: 100%; height: auto !important; }
    .row-fluid .plan-section .plan-middle:before,
    .row-fluid .plan-section .plan-middle:after { display: none; }
    .row-fluid .plan-wrap { float: left; width: 100%; margin: 0; }
    .row-fluid .plan-wrap .plan-col { width: 100%; padding: 0 20px 30px; text-align: center; }
    .row-fluid .plan-wrap .plan-col .plan-colinner { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; text-align: left; height: auto !important; }
    .row-fluid .plan-wrap .plan-col .plan-colinnerbox { padding: 50px 20px; }
    .row-fluid .plan-section .plan-middle .plan-btnbox { padding: 0 15px; margin: 20px 0; }
    .row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn { float: left; width: 100%; padding: 0; }
    .row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn.btn1 a { margin-bottom: 15px; }
    .row-fluid .plan-section .plan-middle .plan-btnbox .arrow_btn a { width: 230px; max-width: 100%; }
    .row-fluid .plan-section .plan-right { width: 100%; height: 250px !important; }
    .row-fluid .sol-contentsection { padding: 50px 0; }
    .row-fluid .sol-thirdcontent-section .whitebox { padding: 30px 15px; }
    .row-fluid .sol-thirdcontent-section .whitebox h2 { font-size: 20px; line-height: 24px; }
    .row-fluid .sol-thirdcontent-section .whitebox h5 { font-size: 15px; line-height: 22px; }
    .row-fluid .solcon-wrap { margin: 30px 0 0; }
    .row-fluid .con-leftimgbox { width: 100%; }
    .row-fluid .con-leftimgbox .con-leftimg { height: 300px; }
    .row-fluid .con-righttextbox { width: 100%; padding: 30px 20px 0 !important; }
    .row-fluid .con-righttextbox .textbox { width: 100%; }
    .row-fluid .con-righttextbox .textbox.textbox1 { padding: 0 0 10px; }
    .row-fluid .con-righttextbox .textbox.textbox2 { padding-left: 0; }
    .row-fluid .solcon-wrap h2 { font-size: 22px; line-height: 26px; }
    .row-fluid .sol-imgtext-section .sol-imgtext-leftbox { width: 100%; padding: 0 0 30px; }
    .row-fluid .sol-imgtext-section { padding: 50px 0; }
    .row-fluid .sol-imgtext-section .sol-imgtext-rightbox { width: 100%; }
    .row-fluid .sol-imgtext-section .sol-imgtext-rightbox .sol-imgtext-rightimg { height: 380px; }
    .row-fluid .sol-imgtext-section .sol-imgtext-rightbox:after { display: none; }
    .row-fluid .sol-zigzag-imgbox { width: 100%; text-align: center; }
    .row-fluid .sol-zigzag-imgbox .sol-zigzag-img { width: 100%; max-width: 100%; }
    .row-fluid .sol-zigzag-imgbox:after { display: none; }
    .row-fluid .sol-zigzag-textbox { width: 100%; text-align: left !important; padding: 30px 15px !important; float: left !important; background: #fff !important; }
    .row-fluid .sol-zigzag-col:nth-child(even) .sol-zigzag-textbox .arrow_btn a { float:left; }

    /* Sub Category Page */
    .row-fluid .category-hero { padding-top: 0; }
    .row-fluid .innerhero_area.category-hero .innerhero_left { width: 100%; padding: 30px 20px 0; text-align: left; font-size: 14px; line-height: 23px; }
    .row-fluid .innerhero_area.category-hero .innerhero_left h1,
    .row-fluid .innerhero_area.category-hero .innerhero_left h2 { font-size: 26px; line-height: 30px; }
    .row-fluid .innerhero_area.category-hero .innerhero_left .innerhero_subtitle { font-size: 16px; line-height: 20px; }
    .row-fluid .innerhero_area.category-hero .innerhero_img { width: 100%; height: 170px; margin-bottom:20px; }
    .row-fluid .category-hero .wrapper { padding: 0; }      
    .row-fluid .subcategory_area .subcategory_left { width: 100%; } 
    .row-fluid .category-raw { display: block; } 
    .row-fluid .subcategory_area .subcategory_right { width: 100%; padding: 50px 0 0 !important; }   
    .row-fluid .subcategory_area .subcategory_right .subcategories-box { width: 50%; padding: 0 5px 30px; text-align:center; float: left;}
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .subcategories-col { float: none; display: inline-block; vertical-align: top; width: 400px; max-width: 100%; text-align: left; }
    .row-fluid .category-imgbox { height:170px; }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3 { float: left; width: 100%; padding:10px; font-size:14px; line-height:20px; }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3:after { display:none; }  
    /*   .row-fluid .subcategory_area .subcategory_right .subcategories-box .category-title { height: auto !important; } */
    .row-fluid .subcategory_area .subcategory_right .subcategories-box:last-child { padding-bottom: 0; } 
    .row-fluid .subcategory_area .subcategory_right .inner-pagi .isotope-pager a { height: 25px; width: 25px; line-height: 25px; }

    .row-fluid .inner-pagi { text-align: center; padding-top: 40px; }
    .row-fluid .inner-pagi .isotope-pager { float: none; display: inline-block; width: auto; border: 1px solid #999999; }
    .row-fluid .inner-pagi .isotope-pager a { float: none; display: inline-block; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #415e73; font-size: 13px; font-weight: 700; cursor:pointer; }
    .row-fluid .inner-pagi .isotope-pager a.arrow-paginate { background-color: #d3e7f2; color: #4d5d6b; font-size: 18px; }
    .row-fluid .inner-pagi .isotope-pager a.disabled.arrow-paginate { color: rgba(104, 127, 147, 0.5); cursor: no-drop; }
    .row-fluid .inner-pagi .isotope-pager a:hover { background-color: #d3e7f2; }
    .row-fluid .inner-pagi .isotope-pager a.active { font-weight:700; pointer-events:none; cursor:default; } 

    /* Main Category Page */
    .row-fluid .categories-listing-main { padding: 40px 0; }
    .row-fluid .categories-inner { float: left; width: 100%; }
    .row-fluid .categories-listing-main .category-box { width:50%; padding:5px 5px 13px; }  
    .row-fluid .category-innerbox { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; text-align: left; }
    .row-fluid .main-categorytitle { height: auto !important; }
    .row-fluid .interested-section .interested-col { width: 100%; border: 0 !important; margin-bottom: 30px; text-align:center; }   
    .row-fluid .interested-section .section-title h3 { margin-bottom: 15px; font-size: 16px; line-height: 20px; text-align:center; }
    .row-fluid .categories-listing-main .category-box .main-catimgbox .other-info h3 { padding:10px 5px; font-size:13px; line-height:18px; }
    .row-fluid .categories-listing-main .category-box .main-catimgbox .other-info h3:after { display:none; }
    .row-fluid .categories-listing-main .category-box .main-catimgbox { height:200px; }

    .row-fluid .interested-section .interested-col .interested-box { padding: 30px 20px 30px 0; }
    .row-fluid .interested-section .interested-col .interested-colleft { width: 100px; margin-left: -14px; }
    .row-fluid .interested-section .interested-col .interested-colright { width: calc(100% - 114px); padding-left: 15px; }
    .row-fluid .interested-section .interested-col .interested-colinner { height: auto !important; float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; text-align: left; }
    .row-fluid .interested-section .interested-col .interested-contentbox { margin: 15px 0; font-size: 14px; line-height: 22px; }
    /*     .row-fluid .interested-section .interested-col:last-child { margin-bottom: 0; } */
    .row-fluid .interested-section .interested-col .interested-colright ul li a { font-size: 13px; padding-right: 10px; }
    .row-fluid .interested-section .interested-col .interested-colright ul li a:after { right: auto; left: 100%; }
    .row-fluid .interested-section { padding-bottom: 0; }

    .row-fluid .sol-introleft .sol-introimgbox { display: none; } 
    .row-fluid .sol-introright { padding-top: 0; }

    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box { width: 100%; height: auto !important; }
    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner { padding: 30px 15px; }
    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box1 .request_boxinner .arrow_btn a { font-size: 14px; padding: 10px 15px; min-width: 180px; }
    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 { border-left: 0; }
    .row-fluid .brandrequest_area.request_area.plan-requestsection .request_box2 .request_boxinner { padding: 40px 15px 15px; }

    /* Location Page */
    .row-fluid .find-location-section .location-search-box { padding: 40px 0 20px; font-size: 14px; line-height: 185x; }
    .row-fluid .find-location-section .location-search-box h1,
    .row-fluid .find-location-section .location-search-box h3 { font-size: 20px; line-height: 24px; }
    .row-fluid .find-location-section .location-search-box .option-combo { padding-top: 15px; }
    .row-fluid .find-location-section .location-info>div { float: left; width: 100%; padding: 20px 0; text-align: center; border-right: 0; border-bottom: 1px solid #415e73; }
    .row-fluid .find-location-section div#map { height: 515px !important; }
    .row-fluid .find-location-section div#map .gm-style .gm-style-iw-c .popup_box { width: 100% !important; }
    .row-fluid .find-location-section .location-info { padding:0; }
    .row-fluid .location-result .location-box .location-buttons {/* display:block;*/ float:left; width:100%; padding-bottom:40px; } 

    /* Location Inner Page */
    .row-fluid .locin-left { width: 100%; }
    .row-fluid .locin-right { width: 100%; margin-bottom:15px; }
    .row-fluid .locin-top { padding: 0; } 
    .row-fluid .locin-left ul li:nth-child(1) { width: 100%; text-align: center; margin:0; }
    .row-fluid .locin-left ul li:nth-child(2) { margin: 0; background: rgb(211 231 242 / .8); margin-bottom: 5px; }
    .row-fluid .locin-left ul li {width:100%; margin-bottom: 0; background:rgb(211 231 242 / 0.8); text-align: left;}
    .row-fluid .locin-left ul li a { color:#0b2d43; line-height: 15px; padding: 10px; } 
    .row-fluid .locin-left ul li:nth-child(3), .row-fluid .locin-left ul li:nth-child(4) { width: 33.33%; border-right:5px solid #fff; }
    .row-fluid .locin-left ul li:nth-child(3) { border-left:5px solid #fff; }
    .row-fluid .locin-left ul li:nth-child(5) { border-right:5px solid #fff; }
    .row-fluid .locin-left ul li span.textwrap { text-align: center; padding: 15px 10px; }
    .row-fluid .locin-left ul li span.textwrap br { display: none; }
    .row-fluid .locin-left ul li label { float: left; width: 50%; padding: 0; font-size: 12px; }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span:before { left: 8px; top: 6px; }
    .row-fluid .locin-left ul li label input[type="checkbox"]+span { padding-left: 25px; text-align:left; }
    .row-fluid .locin-left ul li label input[type="checkbox"]:checked+span:after { left: 10px; top: 8px; }
    .row-fluid .locin-left ul li:nth-child(2) a { color: #0b2d43; line-height: 16px; }
    .row-fluid .locin-left ul li:nth-child(3) a:after { display: none; } 

    .row-fluid .locin-right .locin-addbox { padding: 20px; float: left; width: 100%; background: rgb(11 45 67 / .5); }
    .row-fluid .locin-right .locin-addbox:before { display: none; }
    .row-fluid .locin-right .locin-addbox a.message { display: none; }
    .row-fluid .locin-right .locin-addbox p:last-child { display: none; }
    .row-fluid .locin-right .locin-addbox p { float: none; display: inline-block; vertical-align: middle; margin: 0 -2px; width: 50%; }
    .row-fluid .locin-right .locin-addbox p:last-child { display: none; }
    .row-fluid .locin-lefttitlebox { padding: 35px 20px 0 !important; }
    .row-fluid .locin-lefttitlebox h3 { font-size: 16px; line-height: 22px; width:100%}
    .row-fluid .locin-lefttitlebox h1 { font-size: 35px; line-height: 40px; width:100%}
    .row-fluid .locin-lefttitlebox h1 br { display: none; }
    .row-fluid .locin-raw { padding: 50px 0 20px; }
    .row-fluid .locin-raw .locin-headingbox h2 { font-size: 21px; line-height: 25px; }
    .row-fluid .locin-tabcontentwrap .locin-tabcontent:first-child .locin-tabcontentin { padding: 0; }
    .row-fluid .locin-tabcontentwrap  .locin-tabcontentinres { padding: 0; }
    .row-fluid .locin-tabprocolanswer .locin-proans:nth-child(odd) { padding-right: 0; }
    .row-fluid .locin-tabprocolanswer .locin-proans { width: 100%; }
    .row-fluid .locin-proansinner a { padding: 25px; }

    .row-fluid .locin-tabsection .locin-tabnav ul li { width: 50%; text-align: center; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle { padding: 0; text-align: center; position: static; margin-bottom: 15px;}
    .row-fluid .locin-tabsection .locin-tabnav ul li a { padding: 35px 10px 35px 10px; text-align: center; position: relative; font-size: 15px; line-height: 20px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle:before { top: -18px; left: 50%; transform: translateX(-50%) translateY(0px); }
    .row-fluid .locin-tabsection .locin-tabnav ul li a span.tabtitle + span { display: none; }
    .row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) { padding: 30px 0; }
    .row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) h2 { font-size: 22px; line-height: 26px; }
    .row-fluid .locin-tabcontentwrap .locin-tabcontent:nth-child(2) h3 { font-size: 20px; line-height: 24px; }   
    .row-fluid .locin-tabsection .locin-tabnav ul li:after { display:none; }   
    .row-fluid .locin-tabprocoltitle .locin-protitle { padding-left: 15px; font-size: 14px; line-height: 18px; width: calc(100% - 150px); }
    .row-fluid .locin-tabprocoltitle .locin-proimg { width: 150px; }
    .row-fluid .go-firsttab { display:none; }

    .row-fluid .view-locsection { float:left; width:100%; padding-bottom:50px; }

    /* Other Product Page */ 
    .row-fluid .other-prohero { padding: 50px 0 0; }
    .row-fluid .other-proheroleft { float: left; width: 100%; padding: 0; }
    .row-fluid .other-proheroright { float: none; margin:0 auto 20px; width: 80%; height: 125px; }
    .row-fluid .other-proheroleft h1 { font-size: 25px; line-height: 30px; }
    .row-fluid .other-proheroleft h3 { font-size: 16px; line-height: 20px; }
    .row-fluid .other-procategory-wrap { float: left; width: 100%; margin: 0; }
    .row-fluid .other-procategory-col { width: 100%; margin-bottom: 20px; text-align: center; }
    .row-fluid .other-procategory-textbox .sameheight { height: auto !important; }
    .row-fluid .other-procategory-colinner { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; border: 0; text-align: left; padding: 10px 10px 15px; background: #e5f1f7; }
    .row-fluid .read-btnbox { display: block; background: #0b2d43; }
    .row-fluid .read-btnbox .btn_style a { padding: 9px 5px; font-size: 13px; }
    .row-fluid .readmore-textbox { line-height: 20px; padding-bottom:50px; } 
    .row-fluid .readmore-imgbox { height:150px; }
    .row-fluid .other-prosection { padding-bottom:0; }
    .row-fluid .other-procol { width: 100%; border: 0; margin-bottom: 25px; }
    .row-fluid .other-procolinner .other-proimgbox { width: 140px; }
    .row-fluid .other-procolinner .other-protextbox { width: calc(100% - 150px); padding: 15px 10px 15px 15px; font-size: 14px; line-height: 22px; }
    .row-fluid .other-procolinner .other-protextbox>div:first-child { font-size: 16px; line-height: 20px; }
    .row-fluid .other-procolinner .other-protextbox a { font-size: 13px; padding-right: 0; }
    .row-fluid .other-procolinner .other-protextbox a:after { display: none; }
    .row-fluid .other-procol:last-child { margin-bottom: 0; }
    .row-fluid .other-prosection .wrapper { padding: 0; }

    /* Residential House Page */
    .row-fluid .resident-hero { padding: 40px 0; }
    .row-fluid .resident-heroraw { padding-bottom:30px; } 
    .row-fluid .resident-heroleft { width: 100%; padding: 0; position: relative; z-index: 1; }
    .row-fluid .house-detail { padding-top:20px; }  
    .row-fluid .resident-heroright { width: 100%; text-align: center; }
    .row-fluid .resident-heroleft h3 { font-size: 14px; line-height: 18px; }
    .row-fluid .resident-heroleft h1 { font-size: 22px; line-height: 26px; margin-bottom: 5px; }
    .row-fluid .resident-heroleft .modelnumber { font-size: 14px; }
    .row-fluid .resident-heroimg { float: none; display: inline-block; vertical-align: top; height: 290px; width: 290px; max-width: 100%; }
    .row-fluid .res-herobottom .res-herodesign { width: 100%; display: block; padding: 0; margin: 0; }
    .row-fluid .res-herobottom .res-herodesign .design-label:after { background-size: 25px; width: 25px; }
    .row-fluid .res-herobottom .res-herodesign .design-label { padding-right: 30px; float: left; width: auto; }
    .row-fluid .res-herobottom .res-herodesign .design-center { float: left; width: 100%; margin-top: 10px;}
    .row-fluid .res-herobottom .res-productdownload { width: 100%;}
    .row-fluid .res-herobottom .res-productdownload span.select-product { font-size: 15px; padding: 20px 74px 20px 15px; }
    .row-fluid .res-herobottom .res-productdownload span.select-product span { height: 30px; width: 30px; top: 17px; right: 10px; }
    .row-fluid .res-herobottom .res-productdownload span.select-product span:before { width: 14px; height: 2px; }
    .row-fluid .res-herobottom .res-productdownload span.select-product span:after { height: 14px; width: 2px; }
    .row-fluid .res-herobottom .res-productdownload label.text-center { font-size: 13px; }
    .row-fluid .res-herobottom .res-productdownload ul li { padding: 0 10px; }
    .row-fluid .res-herobottom .res-productdownload ul li a { font-size: 14px; }

    .row-fluid .house-detail { padding-top: 20px; }
    .row-fluid .restech-tabnav ul li { float: left; width: 100%; margin: 0; }
    .row-fluid .restech-tabnav ul li a { border: 0; }
    .row-fluid .restech-tabcontent { padding: 25px 20px; }
    .row-fluid .restech-tableft { width: 100%; padding: 0; font-size: 14px; }
    .row-fluid .restech-tabright { width: 100%; margin:20px 0; }
    .row-fluid .restech-tabdetails { padding: 5px 10px; font-size: 13px; }
    .row-fluid .restech-tableft h3 { font-size: 16px; line-height: 20px; }
    .row-fluid .restech-tabsection .sheet-downloadbtn.btn_style { padding:0; }
    .row-fluid .restech-tabsection .sheet-downloadbtn.btn_style a.btn { padding: 10px 40px 10px 15px; font-weight: 600; }
    .row-fluid .restech-tabsection .sheet-downloadbtn.btn_style a.btn:after { right: 5px; top: 13px; }    

    .row-fluid .restab-slidernav ul li { float: left; width: 100%; margin: 0; min-height: 1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
    .row-fluid .restab-slidernav ul li.current a { padding: 10px 40px 10px 10px; background: #0D89D3; }
    .row-fluid .restab-slidersection { padding: 50px 0; }
    .row-fluid .restab-slidersection .wrapper { padding: 0; }
    .row-fluid .restab-slidernav ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
    .row-fluid .restab-slidernav ul li a { font-size: 14px; text-align: left; }
    .row-fluid .restab-slidernav ul li.current a:after { display: block; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/minusicon.png') no-repeat center / cover; }
    .row-fluid .restabslide-textwrap { padding: 30px 0; background:#f4f4f5; padding:0; }
    .row-fluid .restabslide-textwrap .text { padding: 0 15px; font-size: 14px; line-height: 20px; }
    .row-fluid .tabslider-wrap { margin-top: 20px; padding: 0 30px; }
    .row-fluid .inquiry-raw { display: block; text-align: center; }
    .row-fluid .inquiry-raw .inquiry-left { float: left; width: 100%; padding: 30px 0 20px; }
    .row-fluid .inquiry-raw .inquiry-right { float: left; width: 100%; display: block; }
    .row-fluid .inquiry-raw .inquiry-left:before { left: 50%; top: 0; transform: translateX(-50%); }
    .row-fluid .inquiry-section .wrapper { padding: 0 30px; }
    .row-fluid .inquiry-raw .inquiry-right > div { float: left; width: 100%; }
    .row-fluid .inquiry-raw .inquiry-right a { padding: 10px; float: none; display: inline-block; vertical-align: top; margin: 0 0 15px; font-weight: 700; }
    .row-fluid .res-housesection { padding: 40px 0 10px; }
    .row-fluid .res-housecol { width: 100%; padding: 0 0 30px; }
    .row-fluid .res-housecol:last-child { padding-bottom: 0; }
    .row-fluid .res-housecolinner { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; }
    .row-fluid .other-prosection h4 { font-size: 16px; padding: 0 15px; }    
    .row-fluid .tabslidecolinner { padding:0 8px; }
    .row-fluid .tabslidecolinner img { float:none; display:inline-block; }         

    .row-fluid .restech-tabinfowrap { background:transparent; }
    .row-fluid .restech-tabnav { display: none; }
    .row-fluid .desk-hide.tab-mnav { display: block; background-color: #415e73; padding: 15px; color: #fff; font-size: 14px; line-height: 22px; cursor: pointer; }
    .row-fluid .restech-tabcontent { display: block; padding: 0; margin-bottom:20px; }
    .row-fluid .desk-hide h3 { font-size: 18px; line-height: 22px; color: #fff; padding-bottom: 5px; }
    .row-fluid .desk-hide p { padding: 0; }
    .row-fluid .desk-hide p + p { padding-top: 15px; }
    .row-fluid .restech-tabtextinner { padding: 25px 20px 40px 20px; position:relative; display:none; background-color: #0b2d43; }
    .row-fluid .tech-detailbtn.btn_style a { float: left; width: 100%; text-align: center; margin-top: 10px; font-size: 14px; font-weight: 700; background: rgba(255, 255, 255, 0.4); position: relative; line-height: 18px; padding: 8px 25px 8px 10px; }
    .row-fluid .tech-detailbtn.btn_style a:after { position: absolute; content: ""; height: 13px; width: 14px; right: 8px; top: 11px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/first-tab.png) no-repeat center / cover; }
    .row-fluid .desk-hide { display: block; }
    .row-fluid .restech-tabtextinner .close-acc { position: absolute; right: 0; bottom: 0; text-align: right; padding: 0 10px 5px; }
    .row-fluid .restech-tabtextinner .close-acc a { font-size: 12px; }
    .row-fluid .restech-tabsection:before { height:230px; }

    .row-fluid .restab-mnav a { float: left; width: 100%; padding: 10px 40px 10px 30px; background-color: #0D89D3; color: #fff; font-weight: 700; position:relative; font-size:14px; text-align:left; }
    .row-fluid .restab-mnav a:after { position: absolute; content: ""; height: 38px; width: 38px; right: 3px; top: 3px; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/tabopenicon.png') no-repeat center / cover; }
    .row-fluid .restab-mnav.active a:after { display: block; background: url('https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/minusicon.png') no-repeat center / cover; } 
    .row-fluid .design-headsection { text-align: center; padding: 0 15px 25px; font-size: 15px; color: #415e73; }
    .row-fluid .design-headsection h2 { font-size: 19px; line-height: 25px; color: #0b2d43; }
    .row-fluid .restab-slidernav { display: none; }
    .row-fluid .restabslide-contentinner { padding: 15px 0 30px; display: none; position:relative; }
    .row-fluid .restabslide-content { display: block; }
    .row-fluid .restab-mnav { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
    .row-fluid .restabslide-content:last-child .restab-mnav { padding-bottom: 0; margin: 0; border: 0; }
    .row-fluid .restab-mnav.active { padding:0; margin:0; border:0; }
    .row-fluid .close-slider { position: absolute; bottom: 0; right: 0; padding: 0 10px; text-align: right; padding-bottom: 7px; }
    .row-fluid .close-slider a { font-size: 12px; line-height: 16px; color: #415e73; font-weight: 400; cursor: pointer; }
    .row-fluid .greybg-section .other-prosection { padding-bottom:70px; }

    .row-fluid .sheet-downloadbtn ul li a { font-size: 14px; }
    .row-fluid .sheet-downloadbtn ul li { padding: 0 10px; }

    .request-quote-section h1 { font-size: 28px; padding-bottom: 10px; }
    .request-quote-section h6 { font-size: 16px; }
    .request-quote-section { padding: 80px 0px 40px; }
    .explore-section .explore-box { width: calc(100% / 1 - 23px); }
    .explore-section .explore-box:last-child { margin-bottom: 0; }
    .explore-section { padding-bottom: 0; margin-bottom: -5px; }
    .location-finder-section { padding: 50px 0px; }
    .location-finder-section img { width: 101px; }

    .row-fluid .lp-banner-section:before { z-index: -1; background-size: cover; background-position: right -3px;height: 240px;}
    .row-fluid .lp-banner-section { z-index: 1; }
    .row-fluid .lp-header-section { text-align: center; padding: 51px 15px; }
    .row-fluid .lp-banner-section { padding: 175px 0px 60px; text-align: center; }
    .row-fluid .lp-banner-section h1 { font-size: 25px; }
    .row-fluid .lp-banner-section .subtitle span { font-size: 16px; }
    .content-form-section .left-part h2 { font-size: 21px; }
    .content-form-section .left-part .content { font-size: 14px; }
    .content-form-section .right-part h3 { display: none; }
    .content-form-section .right-part .form-cover { margin-top: 20px; }
    .content-form-section { padding: 32px 0px 50px; }
    .row-fluid .lp-footer-section .top-title span { font-size: 14px; padding-bottom: 10px; }
    .row-fluid .lp-footer-section .bottom-title span { font-size: 14px; }
    .row-fluid .lp-footer-section { padding: 28px 0px; }



}

@media(min-width: 420px) and (max-width: 767px){
    .row-fluid .home-heroleft h5 span{
        left: 0;
        right: 100%;
    }
}



@media (min-width: 992px){
    .header_left .hs-menu-flow-horizontal ul li ul li:nth-child(6) a, .header_left .hs-menu-flow-horizontal ul li ul li:nth-child() a{
        font-size: 16px !important;
        font-weight: bold !important;
    }
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children>a .sec-child-menu{
        font-size: 11px;
        font-weight: 700;
        color: #fff;
    }
    .hs-menu-flow-horizontal ul li ul li ul li.hs-item-has-children.title>a .sec-child-menu{
        cursor: default;
    }
    #topper-container  .hs-menu-flow-horizontal ul li ul li ul ul li a{
        padding-left: 35px !important;
    }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a{
        padding: 10px 20px !important;
    }
    .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3+h3 a{
        right: 40px;
    }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
        display: none;
    }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{
        display: block;
    }

    a.mobile-trigger, a.child_triggerm {
        display: none !important; /* Hide button on Desktop */
    }

    .row-fluid .mainmenu .hs-menu-wrapper { 
        display: block !important;
    }
    .lang-mobile { display:none !important; }

}

@media (max-width:991px){
    .row-fluid .header_section .header_left .top_logo img { max-width:110px !important; }
}

@media(max-width: 500px){
    .row-fluid .header_section .header_btns a{
        font-size: 8px !important;
    }
    
}

@media (max-width: 400px){ 

    
    .row-fluid .header_section .header_btns a { font-size:10px; line-height: 16px; }
    .row-fluid .header_section { padding-bottom:41px; }
    .row-fluid .header_section .header_right .header_btns.search_bar .search_icon { position:absolute; padding: 10px 10px;  min-width: 100%; left:0; bottom:0; width:100%; }
    .row-fluid .header_section div > .header_right > div { max-width:146px; }

    .row-fluid .categories-listing-main .category-box { width: 100%; padding: 0; margin-bottom: 30px; text-align:center; }
    .row-fluid .categories-listing-main .category-box:last-child { margin-bottom: 0; }

    .row-fluid .interested-section .interested-col .interested-box { padding: 30px 20px; }
    .row-fluid .interested-section .interested-col .interested-colleft { width: 100%; text-align: center; }
    .row-fluid .interested-section .interested-col .interested-colright { width: 100%; padding: 20px 0 0; }

    /* Location Inner Page */
    .row-fluid .locin-left ul li:nth-child(3), .row-fluid .locin-left ul li:nth-child(4), .row-fluid .locin-left ul li { width:100%; height:auto !important; margin-bottom:5px; border:0 !important; }
    .row-fluid .locin-right .locin-addbox p { float: none; display: inline-block; vertical-align: middle; margin: 0; width: 100%; }

    .row-fluid .locin-tabsection .locin-tabnav ul li { width:100%;  }
    .row-fluid .locin-tabprocoltitle .locin-proimg { display:none; }
    .row-fluid .locin-tabprocoltitle .locin-protitle { float: left; width: 100%; font-size: 14px; line-height: 18px; padding: 15px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li:first-child { border-right:0; margin-bottom:35px; }
    .row-fluid .locin-tabsection .locin-tabnav ul li:after { display:none; }
    .row-fluid .locin-tabsection .locin-tabnav ul li { margin-bottom:30px; }   
    .row-fluid .locin-tabprocoltitle { display: block; } 

    /* Other Product Page */
    .row-fluid .other-procolinner { display: block; }
    .row-fluid .other-procolinner .other-proimgbox { width: 100%; padding-top: 15px; }
    .row-fluid .other-procolinner .other-protextbox { width: 100%; padding: 20px 20px 30px; }
    .row-fluid .other-procol { width: 100%; text-align: center; padding: 0; border: 0; margin-bottom: 25px; }
    .row-fluid .other-prosection .wrapper { padding: 0; }
    .row-fluid .other-procol:last-child { margin-bottom: 0; } 

    .mobheader_btns .lang-mobile { top: 41px !important; }
    
}


@media (max-width:480px){

    .request-quote-section h6 { line-height: 24px; }
    .explore-section .explore-box .details-box h3 { font-size: 22px; }
    .explore-section .explore-box .explore-img { padding: 35px 20px; }
    .explore-section .explore-box .details-box .content { font-size: 15px; line-height: 26px; }
    .location-finder-section h6 { font-size: 17px; line-height: 22px; }
    .location-finder-section h2 span { width: 100%; float: left; }

    .request-quote-section .form-box .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
        font-size:12px; 
    }
    .request-quote-section .form-box .hs-form-field input:-moz-placeholder { /* Firefox 18- */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field textarea::-moz-placeholder { /* Firefox 19+ */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field textarea:-ms-input-placeholder { /* IE 10+ */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field textarea:-moz-placeholder { /* Firefox 18- */
        font-size:12px;
    }
    .request-quote-section .form-box .hs-form-field select{font-size: 12px;}
    .request-quote-section .form-box .hs-form-field select{padding-right: 55px;}


}

@media (max-width: 991px){
    .row-fluid .header_section .search_bar .search_icon{
        line-height: 23px;
    }

    .row-fluid .header_section .header_btns { margin-right:0; }
    .row-fluid .header_section .header_btns a { min-width: 100%; width:auto; padding:14px 10px 13px 10px; font-size: 10px;  line-height: 16px; }  
    .row-fluid .header_section .search_bar .search_icon { padding:20px 10px; min-width: 59px; }
    .row-fluid .header_section .header_right > div > div { display:flex; align-items:center; }
    .row-fluid .header_section .top_logo { padding:12px 14px 12px 50px; }
    /*     .row-fluid .header_section .top_logo img { max-width:112px !important; } */
    .row-fluid .header_section .call_btn { display:none; }
    .row-fluid .header_section .header_right { width:60%;  }
    .row-fluid .header_section .header_right > div { max-width:210px; float:right; width:100%; } 
    .row-fluid .header_section .location_btn a:before { margin-right:0; }


    .row-fluid .header_section .header_btns a:after { display:none; } 
    .row-fluid .header_section .support_btn a:before { width: 100%; background-position: center center; margin-bottom:6px; }
    .row-fluid .header_section .location_btn a:before { width: 100%; background-position: center center; margin-bottom:6px; }
    .row-fluid .header_section .search_bar .search_icon { background-color: #c2dee9; }  

    .row-fluid .support_menuarea .support_box:last-child { padding-left:20px; }
    .row-fluid .support_menuarea .support_box:first-child { padding-right:20px; }
    .row-fluid .support_menuarea .support_menu ul li a { font-size:14px; line-height:20px; }
    .row-fluid .support_menuarea h3 { font-size: 14px;  line-height: 22px; }
    .row-fluid .support_menuarea { top:79px; }

    .row-fluid .close_menu { display:block; cursor:pointer; position:absolute; right:15px; top:12px; color: #4d5d6b; z-index: 9999; font-size: 18px; line-height:24px; width: auto; font-weight: bold; }
    .row-fluid .icontitle_area { display:block; position:absolute; left:0; top:0; z-index:999; padding-top:30px; background-color: #d8e7f2; width:80px; height:100%; }
    .row-fluid .icontitle_box { text-align:center; padding:10px 0; }
    .row-fluid .icontitle_box .icontitle_img { text-align:center; margin-bottom:5px; }
    .row-fluid .icontitle_box .icontitle_img img { max-width:20px; float:none; display:inline-block; }
    .row-fluid .icontitle_box h4 { width:100%; float:left; font-size:12px; line-height:18px; color: #181717; text-align: center; }

    .row-fluid .backmenu_btn { display:block; cursor:pointer; color: #0b2d43; width:auto; font-size: 14px; line-height:22px; position:absolute; left:95px; top:15px; } 
    .row-fluid .backmenu_btn img { max-width: 6px; float: none; display: inline-block; vertical-align: middle;  margin-right: 3px; }
    .row-fluid .mainmenu.js-enabled .hs-menu-flow-horizontal .top_logo { display:block; margin:0; position:absolute; left:96px; top:15px; width:auto; padding:0; } 



    /* Variables
    ========================================================================== */

    /* Set Mobile Menu Background Color */
    /* Set Link Color */
    /* Set Link Hover Color */


    /* Menu Reset - Remove styling from desktop version of custom-menu-primary */
    /* Place any additional CSS you want removed from the mobile menu in this reset */
    .mainmenu, .mainmenu *{
        display: block;
        float: none;
        position: static;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 0px;
        margin: 0px;
        background-image: none;
        background-color: transparent;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none; 
        max-width: none;
        width: 100%;
        height: auto;
        line-height: 1;  
        font-weight: normal;
        text-decoration: none;
        text-indent: 0px;
        text-align: left;
        color: #fff;
    }


    /* Toggle Button
    ========================================================================== */

    a.mobile-trigger {
        display: inline-block !important; /* Hide button on Desktop */
        cursor: pointer; /* Mouse pointer type on hover */
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        cursor:pointer;
        position: absolute; /*******************************************/
        top: 10px;          /* Position Button at top right of screen  */
        left: 4px;        /*******************************************/
        width: 40px; /* Button width */
        height: 40px; /* Button height */      
        padding: 9px;
        background: transparent; /* Background color */
        z-index: 99; /* Z-index to keep button on top of other layers */
        -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
        border-radius: 50%;
        -webkit-transition:color .2s ease-in; 
        -moz-transition:color .2s ease-in; 
        transition:color .2s ease-in;
    }

    a.mobile-trigger:hover { text-decoration: none; color: #fff;  }
    a.mobile-trigger span { display: inline;}
    a.mobile-trigger span:before{  position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after{  position: relative; right: 2px; content: 'Close'; background-color: #455560; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out;   }


    .mobile-open a.mobile-trigger{-webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; }
    .mobile-open a.mobile-trigger span:after{   opacity: 1; }


    /* Toggle Button Icon & Animations
    ========================================================================== */

    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s;      transition-duration: 0s;      transition-delay: .2s;  }
    a.mobile-trigger  i:before, a.mobile-trigger i:after { position: absolute; content: '';  }
    a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {   width: 24px; /* Icon line width */     height: 3px; /* Icon line height */      background-color: #000; /* Icon color */      display: inline-block;  }
    a.mobile-trigger  i:before { margin-top: -8px;  -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;  }
    a.mobile-trigger  i:after { margin-top: 8px;  -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;  }
    .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);  }
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);  }
    .mobile-open a.mobile-trigger i:after {  margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);  }

    /* Child Toggle Button
    ========================================================================== */

    .mainmenu .hs-menu-flow-horizontal > ul > li a.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important;  min-width: 55px !important; height: 44px !important;   padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
    .mainmenu .hs-menu-flow-horizontal > ul > li a.child-triggerm:hover { text-decoration: none;}


    /* Child Toggle Button Icon & Animations
    ========================================================================== */

    .mainmenu .hs-menu-flow-horizontal ul li a.child_triggerm { max-width:28px !important; cursor:pointer; position:absolute; right:0; top:12px; background:transparent !important;  border:none; padding:10px; }

    /* Menu Styles on Mobile Devices
    ========================================================================== */  


    /* Hide menu on mobile */

    .mainmenu .hs-menu-children-wrapper { display: block; padding-top:50px; padding-left:80px; position: fixed; z-index: 9; left:-100%;  top: 0; max-width:500px; width: 100%; height: 100%; background: #fff; transition:all .4s ease; opacity: 0; visibility: hidden; }  
    .mainmenu .child_open > .hs-menu-children-wrapper { left:0; opacity: 1; visibility: visible; }

    /* Make child lists appear below parent items */
/*     .mainmenu ul.hs-menu-children-wrapper {visibility: visible !important; opacity: 1 !important;  position: static !important;   display: none; } */

    /* Mobile Menu Styles */
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { width:100%; float:left; }
    .mainmenu .hs-menu-flow-horizontal {  position: fixed; top: 0; left:-102%; overflow-y: auto; max-width: 500px; width: 100%; height:100%; transition:all .4s ease;  }
    .mainmenu .hs-menu-flow-horizontal { padding: 60px 0 0 80px; background-color:#fff;  width: 100%; z-index: 999; }
    .mobile-open .mainmenu.js-enabled .hs-menu-flow-horizontal { left:0 !important; }

    /* Level 1 Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; width:100%; float:left; }
    .mainmenu .hs-menu-flow-horizontal > ul > li a { font-size: 16px; line-height: 24px; padding:15px 15px; float:left; width:100% !important; max-width:100% !important; overflow: visible;  white-space: normal; width:100% !important; float:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit;  }

    /* Level 1 and Higher Menu List Styles */
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float:left; }
    .mainmenu .hs-menu-flow-horizontal ul li { width:100%; float:left; }
    .mainmenu .hs-menu-flow-horizontal ul li a { padding:15px 15px; border-bottom:1px solid #0b2d4378; color: #0b2d43; font-size:16px; line-height:24px; float:left; width:100%; }
    .mainmenu .hs-menu-flow-horizontal ul li a:hover{  color: #0D89D3; background:transparent; }

    /* Level 2 and Higher Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08); width:100%; float:left; position: relative; }
    .mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 0; font-size: 16px;  width:100%; float:left;}

    /* Level 3 and Higher Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{  text-indent: 0; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 0;  }


}
/* Menu Styles on Mobile Devices ========================================================================== */  
@media only screen and (max-width: 2600px) and (min-width:992px) {
    .hs-menu-flow-horizontal ul li ul li ul li ul  {
        left: 0px !important;
        top: 40px !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        box-shadow:  none !important;
    }
    .hs-menu-flow-horizontal ul li ul li ul  {
        background:#e8f1fb !important;
        width: 330px !important;
    }
    .hs-menu-flow-horizontal ul li ul li ul li a:hover {
        background:#73c6e7 !important;
    }
    /*   body .hs-menu-flow-horizontal ul li ul li.hs-menu-depth-2:nth-child(6) a {
    font-size: 13px !important;
    line-height: 22px !important;
    color: #EB4310 !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    position: relative !important;
    padding:6px 15px !important;
    border:0px !important;
} */
    .hs-menu-flow-horizontal .main-nav-menu-direct-link a:after {
        position: absolute !important;
        content: "" !important;
        height: 9px !important;
        width: 29px !important;
        top: 14px !important;
        right:29px !important;
        background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnsarrow.png) no-repeat top right !important;
        transition: all ease-in-out .5s !important;
    }

    /*   body .hs-menu-flow-horizontal ul li ul li.hs-menu-depth-2:nth-child(7) a {
    font-size: 13px !important;
    line-height: 18px !important;
    color: #EB4310 !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    position: relative !important;
    padding:6px 15px !important;
    border:0px !important;
    margin-bottom: 10px;
} */
    /*  .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:fisrt-childn > ul.hs-menu-children-wrapper > li:nth-child(7) a:after{
    position: absolute !important;
    content: "" !important;
    height: 9px !important;
    width: 29px !important;
    top: 14px !important;
    right:15px !important;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnsarrow.png) no-repeat top right !important;
    transition: all ease-in-out .5s !important;
}*/
    .hs-menu-flow-horizontal ul li ul li.hs-menu-depth-2:nth-child(7) a:after {
        position: absolute !important;
        content: "" !important;
        height: 9px !important;
        width: 29px !important;
        top: 14px !important;
        right:15px !important;
        background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/btnsarrow.png) no-repeat top right !important;
        transition: all ease-in-out .5s !important;
    }
    .row-fluid .hero-sliderwrap ul.slick-dots {
        bottom: 5px !important;
    }
}


/* Location new page */
.select-product-downloads-wrapper{
    width: 100%;
}
.location-home-section .title-section .location-headingbox{
    padding-top: 70px;
}
.location-home-section .title-section .location-headingbox h2 strong{
    font-size: 32px;
    line-height: 36px;
    color: #0b2d43;
   margin-bottom: 5px;
}
.location-home-section .title-section .location-headingbox p{
    font-size: 20px;
    line-height: 28px;
    color: #0D89D3;
    font-weight: 600;
    margin: 0;
    width:90%;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.location-home-section .location-information{
    display: flex;
    width: 100%;
    padding: 80px 0px 20px;
}
.location-home-section .location-information .location-left-details .header-value h4{
    font-size: 24px;
    line-height: 28px;
    color: #0b2d43;
    
    padding-bottom: 10px;
}
.location-home-section .location-information .location-left-details .header-value h4 strong{
    font-weight: 700;
}
.location-home-section .location-information .location-left-details .header-value  p{
    font-size: 18px;
    line-height: 22px;
    color: #0D89D3;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.location-home-section .location-information .location-left-details p{
    font-size: 14px;
    line-height: 24px;
    color: #415e73;
}
.location-home-section .location-information .location-right-details{
    margin: auto 0 0 auto;
    padding-top: 70px;
}
.location-home-section .location-information .location-right-details .contact-section .inner-box{
    background: #0b2d43;
    padding: 15px;
    width: calc(33.3% - 4px);
    margin: 4px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
    position: relative;
}
.location-home-section .location-information .location-right-details .contact-section .inner-box .inner-content{
    padding:70px 0px 70px;
}
.location-home-section .location-information .location-right-details .contact-section .inner-box .inner-content .content-section p{
    font-size: 15px;
    line-height: 24px;
    color: #fff;
}
.location-home-section .location-information .location-right-details .contact-section .inner-box .title-section{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.location-home-section .location-information .location-right-details .contact-section .inner-box > a{
    display: block;
    background: #415e73;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
}
.location-videosection{
    padding: 100px 0px;
}
.location-videosection .video-content{
    box-shadow: 0px 0px 20px rgba(0,0,0,0.4); 
    width: 80%;
    margin: 0 auto;
    position: relative;
}
.location-videosection .video-content:before{
    position: absolute;
    content: '';
    width: 400px;
    height: 400px;
    left: -60px;
    bottom: -60px;
    background: #0D89D3;
    opacity: 0.5;
    z-index: -1;
}
.location-videosection .video-content .hs-responsive-embed-wrapper{
    max-width: 100% !important;
    width: 100%;
}
.location-testimonial-section{
    padding: 100px 0px 0px;
}
.location-testimonial-section .testimonial-slider{
    width: 80%;
    margin: 0 auto;
}
.location-testimonial-section .testimonial-slider .testimonial-content{
    position: relative;
}
.location-testimonial-section .testimonial-slider .testimonial-content > span{
    position: absolute;
    top: 0;
    left: -30px;
    font-size: 50px;
    display: inline-block;
    font-weight: 700;
    color: #4d5d6b;
}
.location-testimonial-section .testimonial-slider .testimonial-content p{
    font-size: 20px;
    line-height: 28px;
    color: #0b2d43;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: center;
    font-style: normal;
    width:90%;
    margin:0 auto;
}
.location-testimonial-section .testimonial-slider ul.slick-dots li button:before {
    visibility: hidden;
}
.location-testimonial-section .testimonial-slider .content{
    padding: 0px 80px;
}
.location-testimonial-section .testimonial-slider .testimonial-inner-content{
    position: relative;
}
.location-testimonial-section .testimonial-slider .slick-prev{
    display: none !important;
}
.location-testimonial-section .testimonial-slider .slick-next{
    position: absolute;
    width: 80px;
    height: 50px;
    margin: 0;
    border: 0;
    background-color: #0b2d43;
    cursor: pointer;
    top: 25%;
    transform: translateY(-25%);
}
.location-testimonial-section .testimonial-slider .slick-next:before {
    content: "";
    height: 9px;
    width: 27px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/nextarrow.png) no-repeat center / cover;
    position: absolute;
}
.location-testimonial-section .testimonial-slider ul.slick-dots li button{
    height: 4px;
    width: 4px;
    border-radius: 0;
    margin: 0;
    background-color: #0D89D3;
}
.location-testimonial-section .testimonial-slider ul.slick-dots li{
    padding: 0px;
    width: 5px;
    height: 5px;
}
.location-testimonial-section .testimonial-slider ul.slick-dots{
    display: inline-block !important;
    position: absolute;
    top: 35%;
    right: 24px;
    left: unset;
    bottom: unset;
    width: auto;
}
.location-testimonial-section .testimonial-slider .testimonial-name-content{
    text-align: center;
    padding-top: 25px;
}

.loc-innersection .locin-raw .wrapper{
    width: 1170px;
}
.locin-tabsection .locin-tabnav ul li span.mob-btn{
    position: relative;
    display: block;
    background: rgb(0 170 211 / .5) !important;
    width: 100%;
    margin: 50px auto 0px;
    padding: 15px;
    color: #fff;
    float: none;
}

.locin-tabsection .locin-tabnav ul li span.mob-btn .icon{
    position: absolute;
    top: 50%;
    right: 3px;
    height: 44px;
    width: 44px;
    background: rgba(255,255,255,0.6);
    transform: translateY(-50%);
}
.locin-tabsection .locin-tabnav ul li span.mob-btn .icon:before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 2px;
    width: 20px;
    background: #EB4310;
    transform: translate(-50%,-50%);
}
.locin-tabsection .locin-tabnav ul li span.mob-btn .icon:after{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 20px;
    width: 2px;
    background: #EB4310;
    transform: translate(-50%,-50%);
}
.custom-breadcrumbs ul{
    display: flex;
    justify-content: flex-end;
    margin-right:  30px;
}
.location-home.custom-breadcrumbs .left-section ul{
    justify-content: flex-start;
}
.custom-breadcrumbs ul li a{
    display: inline-block;
    position: relative;
    color: #a7a4a4;
}
.custom-breadcrumbs ul li{
    position: relative;
    padding: 0px 10px;
}
.custom-breadcrumbs ul li:last-child{
    color: #EB4310;
}
.custom-breadcrumbs ul li:before{
    position: absolute;
    content: '';
    width: 5px;
    height:5px;
    background: #a7a4a4;
    border-radius: 50%;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.custom-breadcrumbs ul li:last-child:before{
    background: #EB4310;
}
.custom-breadcrumbs ul li{
    list-style: none;
}
/*.product-inner-slider.resident-hero:after{
display: none;
}*/
.video-content iframe {
    width: 100%;
    height: 300px;
}

.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2.hs-item-has-children.active-branch {
    background-color: #415e73;
}

.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-4.active > a {
    background: #73c6e7;
}

.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2.hs-item-has-children.active-branch > a {
    color:#fff !important;
}

.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-4.active > a {
    color: #fff !important;
}
p.text-success {
    color: green;
}
a.dj_enquiry_button {
    color: #EB4310;
    font-size: 1.1em;
    display: none;
}
.row-fluid .footer_section .footer_box ul li.hs-menu-item.active.active-branch > a {
    color: #EB4310;
}
.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 + .hs-menu-depth-1 + .hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2.active.active-branch > a {
    color: #fff !important;
}
.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 + .hs-menu-depth-1 + .hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2.active.active-branch {
    background-color: #415e73 !important;
}
.sheet-downloadbtn.btn_style.dj_no_txt {
    display: none;
}
@media (max-width: 1242px) and (min-width: 768px){
    .row-fluid .home-heroleft h5 {
        position: relative;
        padding-top: 40px;
    }
    .row-fluid .home-heroleft h5 .services{
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media(min-width: 768px){
    .row-fluid .hero-sliderwrap button.slick-next.slick-arrow, .row-fluid .hero-sliderwrap:after{
        bottom: 70px;
    }
    .row-fluid .hero-slidernavwrap.slider-nav.hero-slider-nav{
        bottom: 40px;
    }
    .row-fluid .hero-sliderwrap ul.slick-dots {
        bottom: 45px !important;
    }
    .other-procategory-section .other-procategory-wrap .other-procategory-colinner, .other-procategory-section .other-procategory-wrap .other-procategory-box{
        height: 100%;
    }
    .other-procategory-section .other-procategory-wrap .other-procategory-textbox{
        height: calc(100% - 190px);
    }
    .other-procategory-section .other-procategory-wrap{
        display: flex;
        flex-wrap: wrap;
    }
    .row-fluid .service-section .service-headingbox h2{
        width: 49%;
        display: inline-block;
    }
    .row-fluid .service-section .service-headingbox p{
        width: 50%;
        display: inline-block;
    }
    .locin-tabsection .locin-tabnav ul li span.mob-btn{
        display: none !important;
    }
}
@media(max-width: 1199px){
    .location-home-section .title-section .location-headingbox p{
        width: 100%;
    }
}
@media(max-width: 991px){
    .location-home-section .location-information .span4,.location-home-section .location-information .span8{
        width: 100%;
    }
    .location-home-section .location-information{
        flex-wrap: wrap;
    }

}
@media(max-width: 767px){
    .row-fluid .service-textbox h3{
        padding-right: 60px;
    }
    .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper{
        max-width: 100%;
    }
    .row-fluid .innerhero_area .innerhero_cover{
        margin-bottom: 30px;
    }
    .row-fluid .sol-heroleft::before{
        z-index: -1;
    }
    .warehouse-section .point-arrow span.tooltiptext p a{
        font-size: 12px;
    }
    .dj_brand_image .dj_plus_icon{
        white-space: nowrap;
    }
    .row-fluid .restab-mnav a::after{
        right: 20px;
    }

    .row-fluid .locin-tabsection .locin-tabnav ul li {
        background: rgb(211 231 242 / 1);
        display: flex;
        flex-direction: column;
    }
    .loc-innersection .locin-tabsection .locin-tabcontentwrap {
        display: none;
    }
    .loc-innersection .locin-tabsection.active .locin-tabcontentwrap{
        display: block;
    }
    .loc-innersection .locin-tabsection.active .locin-tabnav ul li.current a.mob-btn{
        display: none;
    }

    .location-home-section .location-information .location-right-details{
        padding-top: 30px;
    }
    .location-home-section .location-information {
        padding: 20px 0px 20px;
    }
    .location-videosection {
        padding: 50px 0px;
    }
    .location-testimonial-section {
        padding: 70px 0px 0px;
    }
    .location-home-section .wrapper{
        padding: 0;
        width: 100%;
    }
    .location-home-section .location-information .location-right-details .contact-section .inner-box{
        width: 100%;
        margin: 0px 0px 20px;
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0px 0px;
        align-items: center;
    }
    .location-home-section .location-information .location-right-details .contact-section .inner-box .icon{
        width: 20%;
        text-align: center;
    }
    .location-home-section .location-information .location-right-details .contact-section .inner-box .inner-content{
        width: 80%;
        padding: 0;
    }
    .location-home-section .location-information .location-right-details .contact-section .inner-box>a{
        width: 70%;
        margin: 0;
        position: relative;
        bottom: 0;
    }
    .location-home-section .location-information .location-right-details .contact-section .inner-box .title-section{
        margin: 0;
    }
    .contact-section{
        flex-wrap: wrap;
    }
    .location-home-section .location-information .span4{
        padding: 0px 20px;
    }
    .location-home-section .title-section .location-headingbox{
        padding: 50px 20px 0px;
    }
    .location-videosection .video-content{
        width: 100%;
    }
    .location-testimonial-section .testimonial-slider .content {
        padding: 0;
    }
    .location-testimonial-section .testimonial-slider .slick-next{
        top: 100%;
        transform: translateY(-100%);
    }
    .location-testimonial-section .testimonial-slider ul.slick-dots{
        top: unset;
        bottom: -25px;
    }
    .location-testimonial-section .testimonial-slider .testimonial-content>span{
        top: 0;
        left: 50%;
    }
    .loc-innersection .locin-tabsection .locin-tabnav ul li a{
        padding: 35px 10px 0px 10px;
    }
    .locin-tabsection .locin-tabnav ul li span.mob-btn{
        margin: 50px auto 0;
    }
    .locin-tabsection .locin-tabnav ul{
        display :flex;
    }
    
    .locationdata_wrap .location_close .close_link {
        padding: 7px 0 0;
    }
}


/* Iner related products */

.interested-section.inner-related-products .interested-wrap{ 
    display: flex;
    flex-wrap: wrap;
}
.interested-section.inner-related-products .interested-wrap .interested-col{
    width: calc(25% - 14px);
    margin: 0px 7px;
    border: none;
}
.interested-section.inner-related-products .interested-wrap .interested-col:first-child{
    margin-left: 0;
}
.interested-section.inner-related-products .interested-wrap .interested-col:last-child{
    margin-right: 0;
}
.interested-section.inner-related-products .interested-wrap .interested-col .interested-box{
    padding: 0;
}
.interested-section.inner-related-products .interested-wrap .interested-col .interested-colright{
    width: 100%;
}
.interested-section.inner-related-products .image-location-wrapper{
    position: relative;
    overflow: hidden;
}
.interested-section.inner-related-products .image-location-wrapper .product-tag{
    position: absolute;
    color: #fff;
    font-size: 14px;
    width: calc(100% - 20px);
    z-index: 9;
    bottom: 15px;
    left: 15px;
}
.interested-section.inner-related-products .image-location-wrapper .product-tag:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 58px solid transparent;
    border-left: 520px solid rgb(120 131 114 / 69%);
    border-bottom: 0px solid transparent;
    left: -20px;
    bottom: -20px;
    z-index: -1;
}
.interested-section.inner-related-products .interested-wrap .interested-col .interested-colright .product-title{
    display: inline-block;
    position: relative;
    float: none;
    font-size: 16px;
    line-height: 21px;
    color: #0b2d43;
    font-weight: 700;
    padding: 11px 55px 11px 10px;
    position: relative;
    width: 100%;
    display: inline-block;
    float: none;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.interested-section.inner-related-products .interested-wrap .interested-col .interested-colright .product-title:before{
    position: absolute;
    content: "";
    height: 25px;
    width: 30px;
    right: 5px;
    top: 50%;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/categorybtn.png) no-repeat center / cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.interested-section.inner-related-products .interested-wrap .interested-col .interested-colright .product-title a:before{
    position: absolute;
    content: "";
    height: 25px;
    width: 30px;
    right: 5px;
    top: 50%;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/categorybtn.png) no-repeat center / cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.interested-section.inner-related-products .interested-wrap .interested-col .interested-colright{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.location-contact{
    padding: 40px 0px 80px;
}
.row-fluid .accordion_box .accordion_top h2{
    color: #4d5d6b !important;
    font-family: Plus Jakarta Sans,sans-serif;
    font-size: 30px;
    line-height: 36px;
    
}
.innerhero_area .innerhero_text p{
    color: #4d5d6b !important;
    margin-bottom:10px;
}
.row-fluid .innerhero_area .innerhero_left h1{
    font-size: 35px;
    line-height: 40px;
}

.row-fluid .blog-innerhero-right{
    position: relative;
}
.row-fluid .blog-innerhero-right:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.25);
    z-index: 0;
}
.innerhero_area{
    position: relative;
}
.innerhero_area:before{
    position: absolute;
    content: '';
    width: 30%;
    height: 400px;
    bottom: -130px;
    left: 0;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/transparent-triangle.png) no-repeat;
    background-size: contain;
}
.view-more-box-section .button-link-data{
    display: inline-block;
    margin-top: 20px;
    position: relative;
}
.view-more-box-section .button-link-data:hover span.side-arrow{
    right: -60px;
}
.view-more-box-section .button-link-data span.side-arrow {
    position: absolute;
    content: '';
    width: 30px;
    height: 7px;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/arrow.png) no-repeat;
    background-size: contain;
    transition: all 0.3s ease;
}
.location-home-section .wrapper > .title-section{
    margin-top: -220px;
}
/*.loc-innersection{
position: relative;
}
.loc-innersection:before{
position: absolute;
content: '';
width: 30%;
height: 300px;
left: 0;
top: 111px;
background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/hero-shade.png) no-repeat;
background-size: contain;
transform: rotate(-180deg);
background-position: right;
}*/

.loc-toolbar-noimage .locin-right .locin-addbox{
    width: 100%;
    display: flex;
    padding: 0px;
    align-items: center;
    background: #0b2d43;
}
.loc-toolbar-noimage .locin-right .locin-addbox:before{
    display: none;
}
.loc-toolbar-noimage .locin-right .locin-addbox .address,.loc-toolbar-noimage .locin-right .locin-addbox .contact-detail{
    width: 50%;
    padding-left: 80px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
.loc-toolbar-noimage .locin-right .locin-addbox .contact-detail p{
    padding: 0;
}
.loc-toolbar-noimage .locin-right .locin-addbox .address:before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 50%;
    left: 40px;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/i-btn.png) no-repeat;
    transform: translateY(-50%);
    background-size: contain;
}
.loc-toolbar-noimage .locin-right .locin-addbox .contact-detail:before{

    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 50%;
    left: 40px;
    background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/call-icon.png) no-repeat;
    transform: translateY(-50%);
    background-size: contain; 
}

.loc-toolbar-noimage .locin-right .locin-addbox .address{
    border-right: 1px solid #fff;
}
@media(max-width: 1199px){
    .loc-toolbar-noimage .locin-right .locin-addbox .address, .loc-toolbar-noimage .locin-right .locin-addbox .contact-detail{
        padding-left: 50px;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox .contact-detail:before, .loc-toolbar-noimage .locin-right .locin-addbox .address:before{
        left: 25px;
    }

    .header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button { min-width: auto; max-width: max-content; }
    .row-fluid .lang_btn_wrap { margin-left: 0; width: 22%; }
    .header_section.headernew_sc .menulist_sc { width: 78%; }

}
@media(max-width: 991px){
    .location-home-section .wrapper>.title-section {
        margin-top: 0;
    }
    .row-fluid .locin-lefttitlebox{
        margin-top: 0;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox .address, .loc-toolbar-noimage .locin-right .locin-addbox .contact-detail{
        padding-left: 20px;
        padding-top: 20px;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox .contact-detail:before, .loc-toolbar-noimage .locin-right .locin-addbox .address:before{
        left: 15px;
        top: 14px;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox p, .loc-toolbar-noimage .locin-right .locin-addbox a{
        font-size: 14px;
        line-height: 18px;
    }
    
    .mobheader_btns .lang-mobile { position: absolute; top: 49px; transform: translateY(-50%); right: 62px; z-index: 2; }
    
}

@media(max-width: 767px){
    .location-videosection .video-content:before{
        width: 300px;
        height: 430px;
        left: unset;
        bottom: unset;
        top: -60px;
        right: 0px;
    }
    .custom-breadcrumbs ul li a, .custom-breadcrumbs ul li{
        font-size: 10px;
    }
    .request_box2 .request_box_quote  .request_quote:before{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        top: -10px;
        left: 0;
        background: rgba(255,255,255,0.2);
    }
    .footer_box.desktop-view{
        display: none;
    }
    .footer_box.mobile-view .row-fluid .span6{
        width: 50%;
    }
    .footer_box.mobile-view .row-fluid .span6 ul{
        padding-bottom: 14px;
    }
    .footer_box.mobile-view .row-fluid{
        display: flex;
    }
    .row-fluid .footer_section .footer_box.mobile-view .footer_menu{
        width: 100%;
    }
    .row-fluid .service-section .service-headingbox p{
        display: none;
    }
    .row-fluid .home-heroleft h5 {
        display: block !important;
        position: relative;
        padding-top: 46px;
        padding-right: 30px;
    }
    .row-fluid .home-heroleft h5 span{
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 !important;
        font-size: 30px !important;
    }
    .row-fluid .home-slider-section .hero-sliderwrap .hero-sliderimg {
        height: 250px;
    }
    .row-fluid .footer_section .footer_box.mobile-view{
        padding-left: 15px;
    }
    .product-features-benefits.desktop-view, .quote_chat.desktop-view{
        display: none;
    }
    .interested-section.inner-related-products .interested-wrap .interested-col .interested-colright .product-title{
        padding: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .interested-section.inner-related-products .interested-wrap .interested-col .interested-colright .product-title:before{
        display: none;
    }
    .interested-section.inner-related-products .interested-wrap .interested-col{
        margin: 0px 8px;
    }
    .row-fluid .other-prosection {
        text-align: center;
    }
    body .row-fluid .other-procolinner {
        display: flex;
    }
    .desktop-view{
        display: none !important;
    }
    .row-fluid .other-procolinner .other-protextbox {
        padding: 15px;
        text-align: left;
    }
    .custom-breadcrumbs.mb-view ul {
        justify-content: flex-start;
        margin-right: 0;
        padding-left: 15px;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    /*   .row-fluid .res-herobottom .res-herodesign .design-center a{
    float: right;
} */
    .row-fluid .res-herobottom .res-herodesign .design-label{
        padding-right: 0;
    }
    .row-fluid .res-herobottom .res-herodesign .design-label:after {
        width: 40px;
        right: unset;
        top: 36px;
        left: 0;
    }
    .res-inquiry .inquiry-raw .inquiry-left:before{
        top: 5px;
        left: 0px;
        right: 0;
        display: inline-block;
        margin: 0 auto;
    }
    .row-fluid .res-herobottom .res-herodesign{
        margin-bottom: 30px;
    }
    .res-herobottom .span6 .inquiry-raw .inquiry-left {
        margin-bottom: 10px;
    }
    .row-fluid .location-result{
        padding: 0px;
    }
    body .row-fluid .location-result .location-box .location-buttons a{
        padding: 10px 25px;
    }
    .location-home.mb-view ul{
        padding-left: 20px;
        padding-bottom: 0px;
    }
    .location-videosection .wrapper{
        padding: 0;
    }
    /*   .location-testimonial-section .testimonial-slider ul.slick-dots li button{
    display: none;
} */
    .location-testimonial-section .testimonial-slider{
        width: 100%;
    }
    .locin-tabsection .locin-tabnav ul li span.mob-btn .icon{
        height: 20px;
        width: 20px;
    }
    .locin-tabsection .locin-tabnav ul li span.mob-btn .icon:before{
        width: 14px;
    }
    .locin-tabsection .locin-tabnav ul li span.mob-btn .icon:after{
        height: 14px;
    }
    .locin-tabsection .locin-tabnav ul li span.mob-btn {
        margin: 0;
        padding: 10px;
        display: flex;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox .address, .loc-toolbar-noimage .locin-right .locin-addbox .contact-detail{
        padding-left: 30px;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox .contact-detail:before, .loc-toolbar-noimage .locin-right .locin-addbox .address:before{
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox p{
        display: block !important;  
        width: 100%;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox p{
        width: 100%;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox p a{
        display: inline-block !important;
    }
    .loc-toolbar-noimage .locin-right .locin-addbox p, .loc-toolbar-noimage .locin-right .locin-addbox a {
        font-size: 14px !important;
        line-height: 18px !important;
    }

}
@media(min-width: 768px){
    .footer_box.mobile-view{
        display: none;
    }
    .product-features-benefits.mb-view, .quote_chat.mb-view{
        display: none;
    }
    .mb-view{
        display: none !important;
    }
}

@media(min-width: 1200px){
    body .body-container-wrapper{
        position: relative;
    }
    body.homebody .body-container-wrapper:before { 
        position: absolute;
        content: "";
        height: 642px;
        width: 722px;
        top: 0px;
        right: 0px;
        display: block !important;
        z-index: -1;
    }
}
@media(min-width: 1242px){
    .home-herosection .wrapper{
        width: 100%;
        padding: 0;
    }
    .row-fluid .home-heroleft h5, .row-fluid .home-heroleft h5 p{
        display: inline-block;
    }
    .row-fluid .home-heroleft h5 span{
        display: inline-block;
        /*     margin-left: 63px; */
    }
}
@media(min-width: 1601px){
    body.homebody .body-container-wrapper:before {
        width: 34%  !important;
    }

}

.res-herobottom .span6 .select-product-downloads-wrapper { float: left; }
.select-product-downloads-wrapper {
    float: left;
}

.location-service .sub-content-data p{ font-size: 14px; line-height: 24px; color: #415e73;}

@media(max-width: 1500px){
    body.homebody .body-container-wrapper::before{
        width: 37.6%;
    }
}
@media(min-width: 1500px){
    body.homebody .body-container-wrapper::before{
        width: 40%;
    }
}
.resident-heroraw  .hero-sliderwrap .hero-sliderimg{
    width: 420px;
    overflow: hidden;
}
.resident-heroraw  .hero-sliderwrap .slick-list{
    width: 420px;
    overflow: hidden;
}
.resident-heroraw .hero-sliderwrap{
    overflow: hidden;
}

.resident-heroraw .home-heroright{
    width: 100% !important;
}
.resident-heroraw .slick_container .slick-next{
    bottom: 20px !important;
}
.resident-heroraw .hero-sliderwrap .slick-list{
    padding: 0 0 100px 0;
}

/* .resident-heroraw  .home-heroright, .resident-heroraw .hero-slidernavwrap.slider-nav, .resident-heroraw .hero-sliderwrap{
float: none !important;
clear: both !important;
}*/
.warehouse-section .mtkdevice img.img_plus{
    width: 27px;
    height: 27px;
}
@media(max-width: 767px){
    .row-fluid .home-heroleft h5{
        margin-bottom: 0;
    }
    .warehouse-section .point-arrow:hover span.tooltiptext, .row-fluid .home-heroleft h5 p, .right-small-text{
        display: none;
    }
    .warehouse-section .point-arrow a:hover .img_plus {
        transform: scale(1);
        border-radius: 30px !important;
    }

}

@media(max-width: 1400px) and (min-width: 1250px){
    /*   .homebody .row-fluid .home-heroright{
    width: 54% !important
} */
    .homebody .row-fluid .home-heroleft h5{
        display: flex;
        justify-content: space-between;
        width: unset !important;
    }
    .homebody .row-fluid .home-heroleft h1, .row-fluid .home-heroleft h5 .services{
        font-size: 42px;
    }
    .row-fluid .home-heroleft { max-width: calc(100% - 730px); padding-left: calc(100%/2 - 1170px/2); }
    .row-fluid .home-heroright { max-width: 730px; }
}

@media(max-width: 1249px) and (min-width: 992px){
    .row-fluid .home-heroleft { max-width: calc(100% - 50%); padding-left: 20px; }
/*     .row-fluid .home-heroright { max-width: 100%; } */
    .row-fluid .hero-sliderwrap{ width: calc(100% - 115px); }
    .row-fluid .hero-slidernavwrap.slider-nav.hero-slider-nav { width: 115px; }
    .row-fluid .hero-sliderwrap button.slick-next.slick-arrow { width: 98px; right: -114px; }
    .row-fluid .slidernavimg { height: 97px; width: 100px; }
    .row-fluid .home-slider-section .hero-sliderwrap .hero-sliderimg { height: 450px; }
}

@media(max-width: 991px){
    .row-fluid .home-heroraw{ flex-wrap: wrap; }
    .row-fluid .home-heroleft,
    .row-fluid .home-heroright{ max-width: 100%; padding: 0 20px; }
    .row-fluid .home-heroleft{ margin-bottom: 30px; }
}

.national-accounts-page .sol-imgtext-section .sol-imgtext-leftbox, .national-accounts-page .sol-imgtext-section .sol-imgtext-rightbox{
    width: 50%;
    padding-top:0;
}
.national-accounts-page .sol-imgtext-section .sol-imgtext-rightbox:after{
    display: none;
}
.locin-left ul li.non-active a:after{
    display: none;
}
@media(max-width: 991px){
    .linked-in-section{
        justify-content: center;
    }
    .mainmenu.js-enabled .hs-menu-children-wrapper{
        padding-top: 70px;
    }
    .safari-browser .row-fluid .close_menu{
        position: fixed;
        top: 20px;
        left: calc(500px - 30px);
        z-index: 9999;
        right: unset;
        opacity: 0;
        transition: all 0.3s ease;
    }
    .safari-browser .mainmenu.js-enabled .hs-menu-flow-horizontal{
        max-width: 500px;
    }
    .safari-browser.mobile-open .row-fluid .close_menu{
        opacity: 1;
    }
}
@media(max-width: 767px){
    .wrap-c-form{
        padding: 0 25px;
    }
    .national-accounts-page .sol-imgtext-section .sol-imgtext-leftbox, .national-accounts-page .sol-imgtext-section .sol-imgtext-rightbox{
        width: 100%;
    }
    .service-image-wrapper .hs_cos_wrapper_type_linked_image{
        display: flex;
        margin-bottom: 30px;
    }
  
    .service-image-wrapper .hs_cos_wrapper_type_linked_image img{
        width: 100%;
    }
    .safari-browser .row-fluid .close_menu{
        left: 90%;
    }
    .safari-browser .mainmenu.js-enabled .hs-menu-flow-horizontal{
        max-width: 100%;
    } 
    body .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info h3{
        padding-right: 0 !important
    }
    .category-group .category-item{
        padding: 0 4px;
    }
    .category-group .category-item .image-group img, .category-group .category-item .image-group{
        height: 150px;
    }
    .category-group .content-group .category-link::after{
        display: none !important;
    }
    .row-fluid .hero-slidernavwrap.slider-nav .slick-list .slick-track{
        height: 87px !important;
        display: inline-block;
    }
    .row-fluid .hero-slidernavwrap.slider-nav{
        padding-bottom: 0 !important;
        padding-left:0;
    }
    .resident-heroraw .hero-sliderwrap .slick-list{
        padding: 0;
    }
    .slick-vertical .slick-slide{
        width: unset !important;
        margin: 0px 2px;
    }
    .resident-heroraw .hero-sliderwrap .hero-sliderimg{
        width: 100% !important;
    }
    /*   .hero-sliderwrap > .slick-list > .slick-track > .slick-slide{
    width: 100% !important;
} */
}

@media(max-width: 540px){
    .linked-in-section {
        padding-bottom: 32px;
    }
}

/* .row-fluid .subcategory_area .subcategory_right .subcategories-box .other-info{
float: none !important;
} */
.row-fluid .subcategory_area .subcategory_right .subcategories-box .category-title{
    float: left;
    display: flex !important;
}
.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children:hover a:after{
    display: none;
}
.row-fluid .locin-left ul li label input[type="checkbox"]+span:after{
    display: none !important;
}
@media(min-width: 1800px){
    .locin-left .locin-leftnav ul li:last-child{
        /*width: 25%;*/
        height: unset;
    }
    .locin-left .locin-leftnav ul{
        display: flex;
    }
}

@media(min-width: 992px){
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-3 > a{
        position: relative;
    }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-3 > a:after {
        position: absolute;
        float: none;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

}
.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover  li.main-nav-menu-item a:after{
    display: none !important;
}
.row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(4) > ul >li:nth-child(7) > a:after{
    display: none !important;
}
.gm-style-moc {
    display: none !important;
    opacity: 0;
}


.btn_style2 a { font-size: 14px; line-height: 18px; color: #EB4310; font-weight: 400; text-transform: capitalize; position: relative; padding-right: 150px; float: left; padding-top: 5px; }
.btn_style2 a:after { position: absolute; content: ""; height: 26px; width: 137px; top: 0; right: 0; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/linkbtnatrrow.png) no-repeat 50%/cover; transition: all .5s ease-in-out; }
.btn_style2 a:hover:after { right: -5px; }

a.btn_style2 { font-size: 14px; line-height: 18px; color: #EB4310; font-weight: 400; text-transform: capitalize; position: relative; padding-right: 150px; float: left; padding-top: 5px; }
a.btn_style2:after { position: absolute; content: ""; height: 26px; width: 137px; top: 0; right: 0; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/linkbtnatrrow.png) no-repeat 50%/cover; transition: all .5s ease-in-out; }
a.btn_style2:hover:after { right: -5px; }

@media (max-width:767px){
    a.btn_style2 { float: none; display: inline-block; vertical-align: top; background-color: #EB4310; color: #fff; padding: 19px 72px 19px 32px; }
    a.btn_style2:after { height: 6px; width: 23px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/locarrow.png) no-repeat 50%/cover; top: 26px; right: 40px;; }
    .btn_style2 a { float: none; display: inline-block; vertical-align: top; background-color: #EB4310; color: #fff; padding: 19px 72px 19px 32px; }
    .btn_style2 a:after { height: 6px; width: 23px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/locarrow.png) no-repeat 50%/cover; top: 26px; right: 40px;; }
    
    .row-fluid .home-herosection:after, .row-fluid .service-section:after { display: none; }
}


.installation_seervicemanin .sol-maintanlist:before { display: none; }


/* 22-12-2022 */
.location-home-section .title-section .location-headingbox { width:60%; }

@media(max-width:1200px){
    .location-home-section .title-section .location-headingbox { width: 100%; }
    
}

/*  */
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper { display: none; }
.loc-new-innersection .locin-leftnav .location_menu { /*width: 70%; background-color: rgba(211,231,242,.8);*/ display: flex; align-items: center; }
.row-fluid .loc-new-innersection .locin-left ul .location_menu li:first-child { background: transparent !important; width: auto; }
.row-fluid .loc-new-innersection .locin-left ul .location_menu li a { color: #0B2D43;  font-size: 15px; padding: 10px 0; }
.row-fluid .loc-new-innersection .locin-left ul .location_menu li {  background: transparent !important; text-align: left;  padding: 0 35px; }
.row-fluid .loc-new-innersection .locin-left ul .location_menu li a:after {content: "";background: #0D89D3 !important;left: 0 !important;bottom: 0 !important;height: 1px !important;width: 20px !important;top: auto !important;transition: ease 0.5s; display: block; position: absolute; }
.row-fluid .loc-new-innersection .locin-left ul .location_menu li a { position: relative; display: block;  width: auto; text-wrap: nowrap; }
/* .locin-leftnav .location_menu .hs-menu-wrapper { margin-top: -8px; } */
.row-fluid .loc-new-innersection .locin-left ul .location_menu li a:hover { color: #2EAAD3; }
.row-fluid .loc-new-innersection .locin-left ul .location_menu li a:hover:after { background: #2EAAD3 !important; }

.locationdata_wrap { display: flex; }
.locationdata_wrap .location_close .close_link { padding: 2px 15px; font-weight: 500; color: #fff; position: relative; padding-left: 35px; }
.locationdata_wrap .location_close .close_link img { width: 10px; left: 20px; position: absolute; top: 10px; }

.row-fluid .loc-new-innersection .locin-left ul .location_menu li.hs-item-has-children { display: block;  position: relative; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper { position: absolute; left: 34px; top: 96%; z-index:2;  border: 0.5px solid #0B2D43; background: #FFF; width: 285px;  padding: 10px 0; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li { padding: 0 !important; width: 100%;  display: block !important; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li a { padding: 7px 13px !important;  width: 100% !important;  display: block !important;  text-wrap: wrap !important; font-style: normal;  font-weight: 400;  line-height: normal; font-size: 14px !important;  color: #000 !important; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li a:after { display: none !important; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li:last-child > a { color: #F16D5B !important;  font-style: normal; font-weight: 700; line-height: normal; position: relative;  padding-right: 40px !important;  width: auto !important; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li:last-child > a:after { content: "";  display: block !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg width='21' height='7' viewBox='0 0 21 7' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.77533' y='0.177673' width='19.5996' height='5.99518' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2_36' transform='scale(0.0117647 0.0384615)'/%3E%3C/pattern%3E%3Cimage id='image0_2_36' width='85' height='26' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAaCAYAAADG+xDjAAAAAXNSR0IArs4c6QAAAilJREFUaEPtmcFrE0EUh7+3EbzIbg5arYgeVFTwICoIXiTeFS/JthePYreo+RNqvXsyBrwKmrVHRUTxoF4UevOgiHgRRBSabG0DrUmepGxqUrtJ7G5pSmeOO+/99u03b2Zn3gimJU5AElc0ghio65AEBuoqUDWbTc3utF4hchS0Gpr8sH82zsrU1GKvcTBQIwjN3RjdXf/deAccWDIRFmngO0X/soHai0CX/rKXy1hQAhkKwc6A5J1C6X43WZOpPaAHYyO3EM0DO0LTbyJk7IL/KcrVQO0BVUF+ee5LhXOAFZp/nK9VT+2997i13naoGKh9LA8zV7JOaps1DRwKzWsoz+yif1FAV0oYqH1AbZqUvewJC3kKMhy6BKJM2kX/toHaJ8TVzIIx9xrCJJAO+7+rJRfSd0rNLF5uHZkaeO4HoB75XpF5p1A6094feO4LoDV6MULeNK77AKct2i+qqdPp4oNy61kH1Fkv91WRplNU++zc9Q+3d1Y8973A8U2DJPlAVeGNM3QsIxMTjaa8gRofcneozemvUIt6j4hU/53+uef6d/GOH+KAKwjsB+y+p/+Af8+GhxeMj1xH9eZ//ag2POoBDqAy7p4U1SdmS5XQIJXzl9LWwvZphIOhpNn8x2Frjqlx6EX4moJKwlArV0fPi1V/aEp/CYGd87J76lhvl4vUsIDyyBSp1wh46Tpll/Ua5Ii5TlkjxKTdTOkvaaIrz/7roL8lJf8A3pXEG58bUNwAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A")  !important; width: 20px !important;  height: 6px !important;   position: absolute;  right: 0 !important;   top: 0 !important;  left: auto !important;   bottom: -9px !important;   margin: auto; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li a:hover { color: #2eaad3 !important; }
.loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper li:last-child>a:hover:after { background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg width='21' height='7' viewBox='0 0 21 7' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.77533' y='0.177673' width='19.5996' height='5.99518' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2_36' transform='scale(0.0117647 0.0384615)'/%3E%3C/pattern%3E%3Cimage id='image0_2_36' width='85' height='26' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAaCAYAAADG+xDjAAAAAXNSR0IArs4c6QAAAilJREFUaEPtmcFrE0EUh7+3EbzIbg5arYgeVFTwICoIXiTeFS/JthePYreo+RNqvXsyBrwKmrVHRUTxoF4UevOgiHgRRBSabG0DrUmepGxqUrtJ7G5pSmeOO+/99u03b2Zn3gimJU5AElc0ghio65AEBuoqUDWbTc3utF4hchS0Gpr8sH82zsrU1GKvcTBQIwjN3RjdXf/deAccWDIRFmngO0X/soHai0CX/rKXy1hQAhkKwc6A5J1C6X43WZOpPaAHYyO3EM0DO0LTbyJk7IL/KcrVQO0BVUF+ee5LhXOAFZp/nK9VT+2997i13naoGKh9LA8zV7JOaps1DRwKzWsoz+yif1FAV0oYqH1AbZqUvewJC3kKMhy6BKJM2kX/toHaJ8TVzIIx9xrCJJAO+7+rJRfSd0rNLF5uHZkaeO4HoB75XpF5p1A6094feO4LoDV6MULeNK77AKct2i+qqdPp4oNy61kH1Fkv91WRplNU++zc9Q+3d1Y8973A8U2DJPlAVeGNM3QsIxMTjaa8gRofcneozemvUIt6j4hU/53+uef6d/GOH+KAKwjsB+y+p/+Af8+GhxeMj1xH9eZ//ag2POoBDqAy7p4U1SdmS5XQIJXzl9LWwvZphIOhpNn8x2Frjqlx6EX4moJKwlArV0fPi1V/aEp/CYGd87J76lhvl4vUsIDyyBSp1wh46Tpll/Ua5Ii5TlkjxKTdTOkvaaIrz/7roL8lJf8A3pXEG58bUNwAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A")  !important; } 
.loc-new-innersection .locin-leftnav .hs-item-has-children:hover ul.hs-menu-children-wrapper {  display: block; }

/* Door Careers Page */
.door_careers_body .wrapper {  max-width: 1350px; }
body.door_careers_body { background: #F8F8F9; }
.bg_title { color: #fff; left: -20px; font-size: 200px; font-style: normal; font-weight: 600;line-height: 164px; margin-bottom: -34px; position: relative; z-index: -1; }
.row-fluid .hero_careers .sol-heroleft h5 { margin-bottom: 20px; color: #0B2D43; font-size: 18px; line-height: normal; font-weight: 600; text-transform: uppercase; letter-spacing: 3.6px; font-family: Plus Jakarta Sans,sans-serif; }
.row-fluid .hero_careers .sol-heroleft h1 {font-size: 62px; line-height: 65px; margin-bottom: 20px; }
.row-fluid .hero_careers .sol-heroleft h1 span { color: #0D89D3;  }
.row-fluid .hero_careers .sol-heroright { box-shadow: none; height: 585px; width: calc(45% - 50px); margin-right: auto; float: left;  border-radius: 10px;  }
.hero_careers_text {  margin-bottom: 28px;}
.row-fluid .hero_careers .sol-heroleft { padding-bottom: 0; padding-top: 0; position: relative; z-index: 1; }
.row-fluid .sol-herosection.hero_careers::after { display: none; }
.row-fluid .hero_careers .arrow_btn a:after { background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.73919 10.5498C4.8503 10.6661 4.98617 10.7243 5.14679 10.7245C5.30741 10.7243 5.4457 10.6661 5.56167 10.5498L9.92879 6.18268C10.0402 6.07157 10.096 5.9357 10.0962 5.77508C10.096 5.61446 10.0402 5.47617 9.92879 5.36021L5.56167 0.993087C5.4457 0.881653 5.30741 0.825851 5.14679 0.82568C4.98617 0.825851 4.8503 0.881653 4.73919 0.993086C4.62291 1.10905 4.56468 1.24734 4.56451 1.40796C4.56468 1.56858 4.62291 1.70445 4.73919 1.81556L8.10915 5.1928L0.779673 5.1928C0.619052 5.19297 0.483186 5.24877 0.372074 5.3602C0.255789 5.47617 0.197561 5.61446 0.19739 5.77508C0.197561 5.9357 0.255789 6.07156 0.372074 6.18268C0.483186 6.29896 0.619052 6.35719 0.779673 6.35736L8.10915 6.35737L4.73919 9.72732C4.62291 9.84329 4.56468 9.98158 4.56451 10.1422C4.56468 10.3028 4.62291 10.4387 4.73919 10.5498Z' fill='white'/%3E%3C/svg%3E%0A"); width: 10px; height: 10px; }
.row-fluid .hero_careers .arrow_btn a {  padding-left: 35px;padding-right: 29px; padding-top: 12px; padding-bottom: 12px; border-radius: 3px; }

.row-fluid .door_careers .sol-heroleft { padding-top: 50px; padding-bottom: 30px; padding-right: 80px; }
.row-fluid .door_careers .sol-heroleft h2 {font-size: 30px;}
.row-fluid .door_careers .sol-heroleft h2 span { color: #0D89D3; }
.row-fluid .door_careers .sol-heroright { height: 266px; }
.row-fluid .sol-herosection.door_careers { padding: 40px 0; }

.job_opening_sec { min-height: 558px; padding: 80px 0 0; position: relative; z-index: 1; }
.job_opening_bgimg { position: absolute; right: 0; top: 0; bottom: 0; z-index: -2; width: 60%; }
.job_opening_sec:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -3; background: #0B2D43; }
.job_opening_bgimg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(84.94deg, #0B2D43 7.93%, rgba(11, 45, 67, 0.626756) 51.5%, rgba(11, 45, 67, 0) 99.21%); }

.job_opening_wrap h6 { color: #fff; margin-bottom: 20px; font-size: 18px; letter-spacing: 3.6px; font-family: Plus Jakarta Sans,sans-serif; font-weight: 600; }
.job_opening_title h2 { color: #fff; font-size: 90px; line-height: 1; }
.job_opening_title h2 span { color: #0D89D3; }
.job_opening_title { display: flex; align-items: flex-end; flex-wrap: wrap; color: #fff; font-size: 20px; }
.job_opening_title p { margin-bottom: 20px; margin-left: 15px; }
.job_opening_wrap { margin-bottom: 50px; }

.job_location_item { width: calc(100% / 3 - 14px); margin: 0 7px; }
.job_location_row { display: flex; flex-wrap: wrap; margin: 0 -7px; align-items: flex-start; height: 320px; position: relative; top: 40px; }
.job_location_item a { border-radius: 10px; border: 1px solid #fff; display: flex; width: 100%; text-align: center; position: relative; min-height: 241px; justify-content: center; align-items: center; }
.job_location_title { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 18px; letter-spacing: 2.5px; position: relative; z-index: 1; }
.job_opening_sec .map_image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0.5; transition: all .4s ease-in-out; }
.job_location_item a:hover , .job_location_item.active a {  background: #061F2E;  border-color: #061F2E;  min-height: 320px;  margin-bottom: -50px; }
.job_location_item a:hover .map_image , .job_location_item.active a .map_image { opacity: 1; }

.job_opening_sec.jobopen_height { min-height: 100%; padding: 80px 0 60px; }

.job_sec { padding: 120px 0 80px; background:#fff; }
.job_sec h6 { color: #0B2D43; font-size: 18px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.6px; font-family: Plus Jakarta Sans,sans-serif; text-transform: uppercase; }
.job_sec h2 { font-size: 60px; font-style: normal; font-weight: 600; line-height: normal; color: #0B2D43; }
.job_title { margin-bottom: 20px; }
.job_row { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.job_item { width: calc(100% / 3 - 20px); margin: 10px; }
.job_item .job_iteminer { border-radius: 8px; background: #F4F4F4; display: block; padding: 24px 20px; color: #0B2D43; font-style: normal; font-weight: 600; line-height: 30px; position: relative; z-index: 1; transition: all .4s ease-in-out; }
.job_loc { font-size: 14px; color: #747778; font-style: normal; font-weight: 600; line-height: 30px; margin-bottom: 15px; display: flex; align-items: center; line-height: normal; transition: all .4s ease-in-out; }
.job_item h3 { color: #0B2D43; font-size: 30px; font-style: normal; font-weight: 600; line-height: 35px; margin-bottom: 10px; transition: all .4s ease-in-out; }
.job_text { margin-bottom: 10px; font-weight:500; }
.job_loc svg { margin-right: 11px; }
.job_loc svg path {transition: all .4s ease-in-out;}
.job_iteminer a.bglink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.link_btn { display: none; margin-bottom: 30px; font-size: 16px; }
.link_btn a, .link_btn label span { color: #fff; display: flex; align-items: center; }
.link_btn label svg { margin-left: 0; }
.apply_btn { text-transform: uppercase; margin-bottom: 0; display: block; font-size: 0; }
.job_iteminer:hover .link_btn label svg { margin-left: 10px; }
.job_iteminer:hover .apply_btn { font-size: 16px; }
.job_iteminer:hover .link_btn { display: block; }

.filter_wrap { display: flex;  flex-wrap: wrap; margin-bottom: 40px; border-bottom: 1px solid #A0A1A2; padding-bottom: 28px; }
.filter_box { min-width: 354px; margin-right: 20px; }
.filter , .filter_wrap .dropdown { position: relative; }
.filter_wrap .filter label , .filter_wrap .dropdown dt > a { border-radius: 6px; display: block; padding: 18px 45px 18px 25px; color: #0B2D43; font-size: 16px; font-style: normal; font-weight: 600; line-height: 26px; position: relative; cursor: pointer; background:#F4F4F4; }
/* .filter label { font-weight: 500; } */
p.multiSel { margin: 0; padding: 0; }
.filter label svg , .filter_wrap .dropdown dt > a svg { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: all .4s ease-in-out; }
.filter ul , .filter_wrap .dropdown > ul { padding: 0; list-style: none; margin: 0; max-height: 300px; overflow: auto; display:none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; z-index:2; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 6px; }
.filter ul li a , .filter_wrap .dropdown > ul li label { background: #fff; color: #000; display:block; font-size: 16px; line-height: normal; padding: 16px 40px 14px 22px; position: relative; border-bottom: 1px solid #d8d8d8; cursor: pointer; }
.filter ul li a:hover , .filter_wrap .dropdown > ul li label:hover { background:#f9f9f9; text-decoration: underline; }
/* .filter ul li a:hover{ background:#EB4310; } */
.filter.active label svg , .filter_wrap.dropdown dt > a.active svg { transform: translateY(-50%) scaleY(-1); }
.results { color: #A0A1A2; font-size: 16px;font-style: normal; font-weight: 600; line-height: 26px; }
.filter ul li a:before , .filter_wrap .dropdown label input[type=checkbox] + span:before { content: ""; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; background-color: #EDEDED; background-size: 15px; background-position: center; background-repeat: no-repeat; }
.filter ul li.active a:before , .filter_wrap .dropdown label input[type=checkbox]:checked + span:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E"); }

.filter_wrap dl.dropdown { margin: 0; }
.filter_wrap .dropdown ul { list-style: none;padding: 0; }
.filter_wrap .dropdown ul ul li label { padding-left: 35px; }
.filter_wrap .dropdown label input[type=checkbox] { display:none; }

.fliter_results span { display: block; padding: 3px 15px; background: #EB4310; color: #fff; border-radius: 90px; margin: 5px; }
.fliter_results { display: flex; width: 100%;flex-wrap: wrap; margin: 12px -5px 0; }

.row-fluid .careers_door_systems .sol-heroright { height: 478px; }
.careers_door_systems h6 { color: #0B2D43; font-size: 17px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.4px; margin-bottom: 50px; position: relative; }
.door_systems_menu ul { margin: 0; list-style: none; padding: 0; }
.door_systems_menu ul li a { color: #0B2D43; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; position:relative; }
.door_systems_menu ul li { margin-bottom: 40px; }
.door_systems_inner { border-left: 1px solid #0B2D43; padding-left: 35px; }
.careers_door_systems h6:after { content: ""; background: #0b2d43; position: absolute;bottom: -10px; left: -100vh;height: 1px; right: 430px; }
.door_systems_menu ul li a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.610355 5.36493C0.49407 5.47604 0.435843 5.6119 0.435672 5.77252C0.435843 5.93314 0.49407 6.07144 0.610355 6.1874L4.97747 10.5545C5.08859 10.666 5.22445 10.7218 5.38507 10.7219C5.54569 10.7218 5.68398 10.666 5.79995 10.5545L10.1671 6.1874C10.2785 6.07144 10.3343 5.93314 10.3345 5.77252C10.3343 5.6119 10.2785 5.47604 10.1671 5.36493C10.0511 5.24864 9.91281 5.19041 9.75219 5.19024C9.59157 5.19041 9.4557 5.24864 9.34459 5.36493L5.96735 8.73488L5.96735 1.4054C5.96718 1.24478 5.91138 1.10892 5.79995 0.997806C5.68398 0.881521 5.54569 0.823293 5.38507 0.823123C5.22445 0.823293 5.08859 0.881521 4.97747 0.997806C4.86119 1.10892 4.80296 1.24478 4.80279 1.4054L4.80279 8.73488L1.43283 5.36493C1.31687 5.24864 1.17857 5.19041 1.01795 5.19024C0.857333 5.19041 0.721467 5.24864 0.610355 5.36493Z' fill='%2300AAD3'/%3E%3C/svg%3E%0A"); width: 11px;  height: 11px;  display: inline-block;position: absolute; top: 8px;  left: 0;  transform: rotate(86deg);  opacity: 0;  transition: all 500ms;  transition-delay: 0.1s; }
.door_systems_menu ul li a:hover, .door_systems_menu ul li a.active { padding-left: 20px; font-weight: 700; }
.door_systems_menu ul li a:hover:before , .door_systems_menu ul li a.active:before { opacity: 1;  transform: rotate(0deg); }

.benefits_sec { background: #0B2D43; color: #fff; position: relative; z-index: 3; }
.benefits_sec .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.benefits_sec .wrapper > div { width: calc(50% - 15px); margin-bottom: -110px; }
.benefits_bgimg { display: table; margin-left: auto; width: calc(100% - 119px); position: relative; z-index: 1; }
.benefits_bgimg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 0px 0px 10px 10px; background: linear-gradient(180deg, rgba(11, 45, 67, 0.00) 25.82%, rgba(10, 29, 41, 0.80) 54.42%, rgba(11, 45, 67, 0.00) 79.5%); mix-blend-mode: hard-light; opacity: 0.5; }
.benefits_bgimg:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #0B2D43; mix-blend-mode: hard-light; opacity: 0.8; }

.benefits_wrap { position: relative; }
.benefits_wrap .benefits_content { position: absolute; top: 0; z-index: 1; padding-top: 233px; padding-right: 35px; }
.benefits_content h2 { font-size: 90px; font-style: normal; font-weight: 600; line-height: 100px; color: #fff; }
.benefits_content h2 sapn { color: #0D89D3; }
.benefits_img { margin-top: 35px; }
.benefits_img img { border-radius: 10px; }
.benefits_right { padding-top: 70px; }
.benefits_text { font-size: 27px;  line-height: 35px; font-family: Plus Jakarta Sans,sans-serif; margin-top:40px}
.benefits_text p span { color:#0D89D3;font-weight:600; }
.benefits_left .benefits_img {  text-align: right; }

.accordion_item h3 { font-size: 28px; font-style: normal; font-weight: 400; line-height: 40px; color: #fff; position: relative; padding-right: 40px; cursor: pointer; } 
.accordion_text { display: none; }
.accordion_item { border-bottom: 1px solid rgb(255 255 255 / 20%); padding: 30px 0 30px 0; }
.accordion_row { padding-left: 30px; }
.benefits_right .benefits_img { margin-top: 50px; }

.plus:after, .plus:before { content: ""; background: #0D89D3; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; left: 0; }
.plus { position: absolute; right: 0; top: 0; bottom: 0; width: 20px; height: 20px; margin: auto; }
.plus:before { width: 100%; height: 1px; }
.plus:after { height: 100%; width: 1px; }
.active .plus:after { opacity:0; }

.row-fluid .careers_door_systems {  padding-bottom: 80px; }

.community_sec { padding: 290px 0 0 160px; overflow: hidden; }
.community_wrap { display: flex; flex-wrap: wrap; }
.community_left { width: 264px; }
.community_left img { border-radius: 10px; }
.community_right { width: calc(100% - 264px); padding-left: 40px; padding-top: 60px; position: relative; z-index: 1; }
.community_sec .bg_title { font-size: 150px;  line-height: 130px;  z-index: -1; margin-bottom: -60px; text-transform: uppercase;margin-left: -100px; position: relative; }

.community_sec h6 { color: #0B2D43; font-size: 18px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.6px; margin-bottom: 10px; }
.community_sec h2 { color: #0B2D43; font-weight:600; font-size: 56px; font-style: normal; line-height: 66px; width: 100%; max-width: 840px; }
.community_sec h2 span { color: #0D89D3; }
.community_text { margin-bottom: 20px; width: 100%; max-width: 820px; }
.community_img_row { align-items: flex-end;  display: flex;  justify-content: flex-start;  padding-left: 180px;  padding-top: 11px; width: 100%; }
.community_img_row > div { margin-left: 30px; }
.community_img_row > div img { border-radius: 10px; }

/* */
.testi_wrap { display: flex; align-items: center; }
.testi_img { width: 40%; }
.testi_content { width: 60%; padding-left: 40px; position: relative; z-index:1; }
.testi_text { color: #0B2D43; font-size: 50px; font-style: normal; font-weight: 500; line-height: 60px; margin-bottom: 20px; }
.testi_content h6 { color: #0B2D43; font-size: 18px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.6px; }
.testi_content h6 span { font-weight: 600; }
.testi_sec { padding: 130px 0; }
.testi_img img { border-radius: 100px; }

.testi_content:before , .testi_content:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='201' height='158' viewBox='0 0 201 158' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200.871 16.8056C200.871 16.8056 174.119 49.2897 174.119 107.888C174.119 141.009 179.215 157.57 179.215 157.57H116.795V155.659C116.795 100.882 122.527 79.226 130.807 58.8438C147.368 19.3534 184.311 0.245117 184.311 0.245117L200.871 16.8056ZM85.5845 16.8056C85.5845 16.8056 58.8329 49.2897 58.8329 107.888C58.8329 141.009 63.9284 157.57 63.9284 157.57H0.871094V155.659C0.871094 100.882 7.24052 79.226 15.5208 58.8438C32.0813 19.3534 68.387 0.245117 68.387 0.245117L85.5845 16.8056Z' fill='white'/%3E%3C/svg%3E%0A");width: 201px; height: 198px;  position: absolute; z-index: -1;  background-position: center;  background-repeat: no-repeat;  background-size: contain; }
.testi_content:before { top: -130px;  left: -39px; }
.testi_content:after { transform: scale(-1); right: -24px;   top: calc(100% - 37px); }

.slider_sec { padding: 40px 0 0; overflow: hidden; }
.slider_row .slick-list.draggable { overflow: visible; }
.slider_row .slick-slide { width: 768px; padding: 22px; border-radius: 10px; background: #fff; box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.10); margin-right: 28px; height: auto; display: flex !important; align-items: center; min-height: 344px;  position: relative; z-index: 1; transition: ease 0.5s; }
.slider_row .slick-track { display: flex; }
.slider_icon { width: 225px; text-align: center; display: flex; align-items: center; justify-content: center; height: 128px; position: relative; z-index: 1; border-radius: 10px; background: #fff; }
.slider_content { width: calc(100% - 225px); padding-left: 30px; padding-right: 20px; position: relative; z-index: 1; }
.slider_inner { display: flex; align-items: center; }

.slider_content h3 { color: #0B2D43; font-size: 30px; font-style: normal; font-weight: 400; line-height: 38px; padding-left: 20px; position: relative; transition: ease 0.5s; }
.slider_text { font-size: 14px; height: 0; overflow: hidden; transition: ease 0s; }
.slider_content h3:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background: #0B2D43; width: 2px; transition: ease 0.5s; }
.slider_row .slick-slide:before { content: ""; position: absolute; left: 0; right: 0; top: 20px; bottom: 20px; border-radius: 10px; opacity: 0.15; background: #CBCBCB; width: 415px; margin: auto; z-index: 1; transition: ease 0.5s; }

.slider_row .slick-slide:hover { background: #0D89D3; }
.slider_row .slick-slide:hover h3 { color: #fff; }
.slider_row .slick-slide:hover .slider_text { color: #fff; height: 100%; transition: ease 0.5s; }
.slider_row .slick-slide:hover h3:before { background: #fff; }
.arrow_slider {display: flex;justify-content: flex-end;margin-top: -35px;margin-bottom: 18px;margin-right: 0;}
.arrow_slider .prev {  margin-right: 20px; }  
.arrow_slider > div { cursor: pointer; }


.values_sec { padding: 0 0 140px; }
.title_sec { text-align: center; position: -webkit-sticky; position: sticky; top: 0; padding-bottom: 0; z-index: 1; padding-top:20px; height: 708px; }
.title_sec h6 { color: #0B2D43; font-size: 18px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.6px;  }
.title_sec h2 { color: #0B2D43; font-size: 60px; font-style: normal; font-weight: 600; line-height: 80px; }
.title_sec h2 span { color: #0D89D3; }
.tab_click ul { list-style: none; padding:0; }
.tab_click ul li { display: inline-block; margin: 0 5px; }
.tab_click ul li a { color: #0B2D43;   text-align: center;font-size: 15px;font-style: normal; font-weight: 600; line-height: 28px; border-radius: 20px; background: #E4EFF1; display: inline-block;padding: 7px 20px; }
.tab_click ul li a.active { color: #fff; background: #0D89D3; }
.values_row { position: relative; padding-top: 210px; margin-top: -680px; padding-bottom: 0 !important;   }
.js-stack-cards { --stack-cards-gap: calc(0.9 * 3.25em); }
.values_item {  border-radius: 35px; background: #fff; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.15); padding: 45px; margin-bottom: 50px; position: -webkit-sticky; position: sticky; top: 232px; height: 445px;    display: flex; align-items: center;  flex-wrap: wrap; }
.vlues_item_inner { display: flex;  flex-wrap: wrap; }
.values_img { width: 275px; }
.values_img img { border-radius: 10px; }
.values_content { width: calc(100% - 275px);  padding-right: 60px; }
.values_content h3 { color: #0B2D43; font-size: 65px; font-style: normal; font-weight: 600; line-height: 100px;}
.values_content h3 span { color:#0D89D3; }
.values_item_inner { display: flex; flex-wrap: wrap; }

.header-container .header_section.sticky.fixedtop { transform: translateY(-100%); }
.values_item:first-child { margin-bottom: 44px; }

.fliter_results span.clear-btn { cursor: pointer; background: #0D89D3; }

.fancybox-bg { background: rgb(11 45 67 / 80%) !important; } 
.fancybox-inner .popup_form_wrap { width: 100% !important; max-width: 1040px; background: #0B2D43; padding:60px 50px; }
.fancybox-inner .popup_form_wrap button.fancybox-close-small { background: #0D89D3; opacity: 1; padding: 9px; right: 10px; top: 10px; }
.fancybox-inner .popup_form_wrap button.fancybox-close-small svg { color: #fff; }
.popup_form_wrap form .hs-form-field .hs-input { background: transparent; color: #fff; border: none; border-bottom: 2px solid #fff; padding: 0; width: 100% !important; }
.popup_form_wrap form fieldset .hs-form-field { padding: 0 15px 25px; }
.popup_form_wrap form fieldset { max-width: none; margin: 0 -15px; }
.popup_form_wrap form fieldset .hs-form-field .input {margin-right: 0 !important;}

.popup_form_wrap form .hs-form-field .hs-input::placeholder { color: #fff; }
.popup_form_wrap h2 { color: #ffff;font-size: 35px;  font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 30px; }
.popup_form_wrap h2 span { color: #0D89D3; }
.popup_form_wrap input.hs-button { border-radius: 5px; background: #E15330; font-size: 16px; padding-right: 50px; margin-top: 0;font-family:"Plus Jakarta Sans", sans-serif }
.popup_form_wrap input.hs-button:hover {  background: #0D89D3; }
.popup_form_wrap .hs_submit .actions { display: inline-block; position: relative; }
.popup_form_wrap .hs_submit .actions:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.98382 10.3394C5.09493 10.4557 5.2308 10.5139 5.39142 10.5141C5.55204 10.5139 5.69033 10.4557 5.8063 10.3394L10.1734 5.97229C10.2848 5.86118 10.3406 5.72532 10.3408 5.5647C10.3406 5.40408 10.2848 5.26578 10.1734 5.14982L5.8063 0.782699C5.69033 0.671265 5.55204 0.615463 5.39142 0.615292C5.2308 0.615463 5.09493 0.671265 4.98382 0.782698C4.86754 0.898662 4.80931 1.03695 4.80914 1.19757C4.80931 1.35819 4.86754 1.49406 4.98382 1.60517L8.35378 4.98241L1.0243 4.98241C0.863681 4.98258 0.727815 5.03838 0.616703 5.14981C0.500418 5.26578 0.44219 5.40407 0.442019 5.56469C0.44219 5.72531 0.500418 5.86118 0.616703 5.97229C0.727815 6.08857 0.863681 6.1468 1.0243 6.14697L8.35378 6.14698L4.98382 9.51693C4.86754 9.6329 4.80931 9.77119 4.80914 9.93181C4.80931 10.0924 4.86754 10.2283 4.98382 10.3394Z' fill='white'/%3E%3C/svg%3E%0A"); width: 11px; height: 11px;  display: inline-block;  position: absolute;   right: 10px;   top: 0; bottom: 0;  margin: auto; pointer-events: none; }
.popup_form_wrap .submitted-message { text-align: center; color: #fff;  background: #0D89D3; padding: 9px 15px; }

.job_row .blank { text-align: center; width: 100%; font-size: 20px; line-height: normal; margin-top: 20px; }

/*  */
/* .job_loc { padding-right: 28px; display: table; position: relative; } */
.tooltip { margin-left: 8px; }
.tooltip-icon { width: 21px; height: 21px; border-radius: 100%; border: 1px solid #0D89D3; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.tooltip-icon svg { margin: auto !important;  position: relative; }
.job_iteminer:hover .tooltip-icon { background: #fff; border-color: #fff; }
.job_iteminer:hover .tooltip-icon svg path { fill: rgb(0, 170, 211); }
.tooltip-content { position: absolute; top: -20px; left: 30px; right: 0; background: #0B2D43; border-radius: 3px; color: #fff; font-size: 13px; padding: 10px 15px; opacity: 0; visibility: hidden; }

.tooltip:hover .tooltip-content { opacity: 1;  visibility: visible; }


.banner_section { width: 100%; vertical-align: top; padding: 40px 50px 100px; display: flex; margin-bottom:40px; align-items: flex-end; height: calc(100vh - 100px); position: relative; z-index: 1; overflow:hidden; }
.banner_section:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: hsl(204deg 72% 15% / 55%); mix-blend-mode: hard-light; z-index: 0; }
.banner_section .bottom_pattern { position: absolute; bottom: 0; left: 0; width: 100%; height: 242px; background: rgb(255 255 255 / 8%); backdrop-filter: blur(10px); z-index: 0; }
.banner_section:after { position: absolute; content: ""; bottom: 0; left: 0; width: 823px; height: 881px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/shadow-pattern.png)no-repeat center/cover; z-index: 1; mix-blend-mode: color-burn; }
.banner_section .section_wrap { max-width: 1475px; }
.banner_section .title_cont { position: relative; z-index: 2;}
.banner_section .title_cont h1 { color: #fff; font-size: 100px; font-weight: 600; margin-bottom:20px; line-height: 1.05; max-width: 100%; font-family: "Plus Jakarta Sans", sans-serif; }
.banner_section .title_cont h1 span { font-weight: 700; font-family: "Plus Jakarta Sans", sans-serif; }
.banner_section .cont_btn { display: flex; align-items: center; flex-wrap: wrap; }
.banner_section .cont_btn .content { font-size: 18px;line-height:28px; width: 60%; padding-right: 20px; padding-left:5px; color: #fff; font-family: "Plus Jakarta Sans", sans-serif; }
.banner_section .cont_btn .btn_wrap { width: 40%; display: flex; flex-wrap: wrap; align-items: center; }
.banner_section .btn_wrap .quote_btn.arrow_btn { margin-right: 15px; display: inline-block; }
.banner_section .btn_wrap .service_btn.arrow_btn a { min-width: 185px; border-radius: 3px; background: transparent; border: 1px solid #fff; font-family: "Plus Jakarta Sans", sans-serif; font-size:14px; line-height:1.2; padding:15px 15px 17px 10px; }
.banner_section .btn_wrap .service_btn.arrow_btn a:hover { background: #EB4310; border-color: #EB4310; }
.banner_section .btn_wrap .quote_btn.arrow_btn a { min-width: 185px; border-radius: 3px; background: #EB4310; border: 1px solid #EB4310; font-family: "Plus Jakarta Sans", sans-serif; font-size:15px; line-height:1.2; padding:15px 15px 17px 10px; }
.banner_section .btn_wrap .quote_btn.arrow_btn a:hover { border-color: #0b2d43; background: #0b2d43; }
.banner_section .btn_wrap .service_btn.arrow_btn a:after, .banner_section .btn_wrap .quote_btn.arrow_btn a:after  { margin-left: 24px; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat 50% / cover; height:11px; width: 12px; }
.banner_section .window_img { position: absolute; bottom: 65px; left: 50px; opacity: 80%; }
.banner_section .img_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:-1; }
.banner_section .img_wrap img { object-fit: cover; width: 100%; height: 100%; transform: translate3d(0,0,0); }
.banner_section .img_wrap .slick-track, .banner_section .img_wrap .slick-list, .banner_section .img_wrap .slick { height: 100%; }
.banner_section .img_wrap .slick .img_inner video { width: 100%; height: 100%; object-fit: cover; }
.banner_section .img_wrap .slick .img_inner { height: 100%; }

.header_section.headernew_sc .lang_btn_wrap .ctabtn_sc.border-btn-wrap .hs_cos_wrapper a.cta_button { min-width: auto; border: 1px solid; background-color: transparent; color: #0B2D43; font-size: 15px; line-height: 25px; }
.header_section.headernew_sc .lang_btn_wrap .border-btn-wrap .hs_cos_wrapper a.cta_button:after { background-image: url("data:image/svg+xml,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.93542 7.97833C4.01773 8.07152 4.11838 8.11819 4.23736 8.11833C4.35635 8.11819 4.45879 8.07152 4.54469 7.97833L7.77979 4.4784C7.86234 4.38935 7.90368 4.28046 7.90381 4.15174C7.90368 4.02301 7.86234 3.91218 7.77979 3.81925L4.5447 0.319313C4.45879 0.230007 4.35635 0.185285 4.23736 0.185148C4.11838 0.185285 4.01773 0.230006 3.93542 0.319312C3.84928 0.412249 3.80614 0.52308 3.80602 0.651806C3.80614 0.780531 3.84928 0.889418 3.93542 0.978466L6.43184 3.68508L1.00227 3.68508C0.88328 3.68521 0.782632 3.72994 0.700323 3.81924C0.614179 3.91218 0.571045 4.02301 0.570919 4.15174C0.571045 4.28046 0.614179 4.38935 0.700322 4.4784C0.782632 4.57159 0.88328 4.61826 1.00226 4.61839L6.43184 4.6184L3.93542 7.31917C3.84928 7.41211 3.80614 7.52294 3.80601 7.65167C3.80614 7.78039 3.84928 7.88928 3.93542 7.97833Z' fill='%230B2D43'/%3E%3C/svg%3E%0A"); width: 8px; height: 9px; left: 7px; }
.header_section.headernew_sc .lang_btn_wrap .border-btn-wrap .hs_cos_wrapper a.cta_button:hover { background: #0b2d43; color: #fff; }
.header_section.headernew_sc .lang_btn_wrap .border-btn-wrap .hs_cos_wrapper a.cta_button:hover:after { background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat 50% / cover; }
.header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button { min-width: auto; border: 1px solid #eb4310; font-size: 15px; line-height: 25px; padding: 6px 22px 6px 17px; }
.header_section.headernew_sc .ctabtn_sc .hs_cos_wrapper a.cta_button:after { left: 12px !important; width: 8px; height: 9px; }
.header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button:hover { border-color: #0b2d43; }
.header_section.headernew_sc .ctabtn_sc.border-btn-wrap { padding-left: 0; }

.header_left .row-fluid-wrapper>.row-fluid { display: flex; align-items: center; }


/* 14-08-24-59 */
.new-home-body .banner_section { margin-bottom: 0; }
.banner_section .title_cont h6 { font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 4px; color: #fff; }
.banner_section .cont_btn .content { font-size: 22px; font-style: normal; font-weight: 500; line-height: 32px; }
.banner_section .cont_btn .content strong { font-weight: 700; }
.offering-details-slider-text { font-size: 125px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; position: relative; padding: 0px 28px; color: rgb(255 255 255 / 50%); }
.offering-details-slider-text:after {content:'';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Ccircle opacity='0.5' cx='5.89014' cy='5.31738' r='5.10986' fill='white'/%3E%3C/svg%3E");width: 11px;height: 11px;position: absolute;right: -7px;top: 50%;transform: translateY(-50%);}
.offering-details-main-wrap { background: linear-gradient(180deg, rgb(112 184 218 / 30%) 80.33%, rgba(255, 255, 255, 0.00) 90.06%); padding-top: 75px; padding-bottom: 75px; }
.offering-details-row { padding-bottom: 0 !important; padding-top: 160px; position: relative; margin-top: -730px; z-index: 1; }
.offering-details-item { align-items: center; background: #0D89D3; border-radius: 10px; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .15); margin-bottom: 0; padding: 110px 0 0 45px; min-height: 500px; position: -webkit-sticky; position: sticky; top: 200px; }
.offering-details-item-inner { display: flex; }
body .offering-details-slider-wrap { height: 708px; padding-bottom: 0; padding-top: 20px; position: -webkit-sticky; position: sticky; text-align: center; top: 0; z-index: 1; }
.offering-details-item-inner .right img { border-radius: 10px 0px; vertical-align: top; width: 100%; }
.offering-details-item-inner .right { position: relative; }
.offering-details-item-inner .right:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px 0px; background: #0D89D3; mix-blend-mode: color; }
.offering-details-btn-wrap { position: absolute; bottom: 25px; z-index: 2; width: 100%; display: flex; justify-content: flex-end; gap: 17px; padding-right: 25px; }
.offering-details-product-list-nav ul { margin: 0; }
.offering-details-item:last-child { margin-bottom: 95px; }
.offering-details h2 { position: relative; }
.offering-details h2:after { content: ''; position: absolute; left: -45px; width: 34px; height: 2px; background-color: #fff; top: 50%; opacity: 0.7; }
.offering-details .content p { padding: 0; }
.offering-details .content { font-size: 28px; font-style: normal; font-weight: 600; line-height: 36px; }
.offering-details-item-inner .left { width: 70%; position: relative; z-index: 1; }
.offering-details-item-inner .right { width: 49%; margin-left: -13%; }
.offering-details-main-wrap .wrapper { max-width: 1277px; }
.offering-details-product-list-wrap { margin-top: 55px; }
.offering-details-product-list { display: flex; margin-bottom: 33px; align-items: center; }
.offering-details-product-list-nav ul { padding-left: 0; display: flex; flex-flow: wrap; }
.offering-details-product-list-heading h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.2px; }
.offering-details-product-list-nav { padding-left: 7px; }
.offering-details-product-list-nav ul li { display: inline-block; margin: 0px 4px; }
.offering-details-product-list-nav ul li a { border: 1px solid; border-radius: 22.936px; padding: 10px; display: inline-block; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; }
.offering-details-product-list:last-child { margin-bottom: 0; }
.row-fluid .offering-details-btn-wrap a { border-radius: 3px; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; min-width: 185px; padding: 15px 15px 17px 10px; }
.row-fluid .offering-details-btn-wrap a:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.59862 10.3532C4.70617 10.4749 4.83769 10.5359 4.99317 10.5361C5.14865 10.5359 5.28252 10.4749 5.39477 10.3532L9.62213 5.77974C9.73 5.66338 9.78401 5.5211 9.78418 5.35289C9.78401 5.18468 9.73 5.03985 9.62213 4.91841L5.39477 0.344987C5.28252 0.228289 5.14865 0.169851 4.99317 0.169672C4.83769 0.16985 4.70618 0.228288 4.59862 0.344986C4.48606 0.466427 4.42969 0.611252 4.42953 0.779461C4.42969 0.947669 4.48606 1.08995 4.59862 1.20631L7.86073 4.7431L0.765815 4.74309C0.610334 4.74327 0.478816 4.8017 0.37126 4.9184C0.258696 5.03984 0.202332 5.18467 0.202166 5.35288C0.202332 5.52108 0.258696 5.66337 0.37126 5.77973C0.478816 5.90151 0.610334 5.96249 0.765814 5.96267L7.86073 5.96268L4.59862 9.49183C4.48605 9.61327 4.42969 9.75809 4.42952 9.9263C4.42969 10.0945 4.48605 10.2368 4.59862 10.3532Z' fill='white'/%3E%3C/svg%3E"); width: 9px; margin-right: -10px; }
.section { flex-direction: column; align-items: center; padding-top: 7rem; padding-bottom: 7rem; display: flex; position: relative }
.section.about-us-hero { grid-row-gap: 5rem; padding-top: 12.125rem; overflow: hidden; }
.services-hero-trigger { z-index: -5; pointer-events: none; height: 100svh; position: absolute; top: -12%; left: 0; right: 0; }
.wrapper.grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; width: 100%; max-width: 84rem; padding-left: 2rem; padding-right: 2rem; }
.z2 { z-index: 2; position: relative; }
.column { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; }
.relative { position: relative; }
.first-box { grid-area: span 1 / span 5 / span 1 / span 5; }
.second-box { grid-area: span 1 / span 7 / span 1 / span 7; }
.third-box { grid-area: 1 / 5 / 2 / 13; }
.about-us-hero-images-holder { width: 100%; }
.about-us-hero-image-1 { border-radius: 10px; width: 14.5rem; max-width: 18vw; height: 18.75rem; max-height: 23vw; position: absolute; top: -21%; left: 10%; overflow: hidden; transform: rotate(3.129deg); width: 285.406px; height: 237.74px; }
.about-us-hero-image-2 { border-radius: 10px; width: 9.75rem; max-width: 12vw; height: 12.5rem; max-height: 15vw; position: absolute; top: 47%; left: 64%; overflow: hidden; transform: rotate(-5.431deg); width: 201.238px; height: 224.995px; }
.about-us-hero-image-3 { border-radius: 10px; width: 14.5rem; max-width: 18vw; height: 18.75rem; max-height: 23vw; position: absolute; top: 90%; left: 20%; overflow: hidden; transform: rotate(5.252deg); width: 204.093px; height: 289.905px; }
.cover-image { object-fit: cover; width: 100%; height: 100%; display: block; }
.full-width { width: 100%; }
.about-us-hero-deco { pointer-events: none; width: 31.625rem; max-width: 45vw; height: 31.625rem; max-height: 45vw; position: absolute; top: -5%; left: 63%; z-index: -1; }
.contain-image { object-fit: contain; width: 100%; height: 100%; display: block; }
.about-us-hero-block-1 { margin-left: 0; }
.about-us-hero-block-2 { margin-left: 16.3%; }
.about-us-hero-block-3 { margin-top: .5rem; margin-left: 19%; }

.left-details-wrap { padding-top: 90px; }
.about-us-hero-block-1 { font-size: 45px; font-style: normal; font-weight: 600; line-height: 50px; margin-left: -4%; }
.about-us-hero-block-2 { margin-left: 16px; font-size: 45px; font-style: normal; font-weight: 600; line-height: 50px; }
.about-us-hero-block-3 { margin-left: 10%; }
.about-us-hero-block-3 .main-title { font-size: 45px; font-style: normal; font-weight: 600; line-height: 50px; color: #0D89D3; }
.about-us-hero-block-3 .content { font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; color: #0B2D43; margin-top: 5px; margin-bottom: 5px; }
.about-us-hero-block-3 .btn-text-wrap { display: inline-flex; width: 100%; align-items: center; flex-flow: wrap; }
.row-fluid .btn-text-wrap .arrow_btn a { min-width: auto; border-radius: 3px; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; min-width: auto; padding: 14px 20px 15px 15px; }
.row-fluid .btn-text-wrap .arrow_btn a:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' fill='none' viewBox='0 0 10 11'%3E%3Cpath fill='%23fff' d='M4.599 10.353q.161.183.394.183a.53.53 0 0 0 .402-.183L9.622 5.78a.6.6 0 0 0 .162-.427.63.63 0 0 0-.162-.435L5.395.345a.54.54 0 0 0-.796 0 .62.62 0 0 0-.17.434q0 .252.17.427L7.86 4.743H.766a.52.52 0 0 0-.395.175.62.62 0 0 0-.169.435q0 .252.17.427.16.182.394.183H7.86L4.599 9.492a.62.62 0 0 0-.17.434q0 .252.17.427'/%3E%3C/svg%3E"); margin-right: -6px; width: 9px }
.about-us-hero-block-3 .btn-text-wrap .btn-text { font-size: 16px; font-style: normal; font-weight: 500; line-height: 30px; color: #0B2D43; padding-left: 23px; }
.about-us-hero-block-3 .btn-text-wrap .btn-text strong { color: #EB4310; }
.about-us-hero-images-holder .about-us-hero-image-4 { position: absolute; top: 40%; }
.about-back-slider-wrap .about-back-slider-text { font-size: 55px; font-style: normal; font-weight: 700; line-height: normal; color: rgb(112 184 218 / 20%); padding: 0 28px; position: relative; text-align: center; }
.about-back-slider-wrap .about-back-slider-text:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle opacity='0.2' cx='6.0498' cy='6.39185' r='5.50684' fill='%2370B8DA'/%3E%3C/svg%3E"); content: ""; height: 11px; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); width: 11px; }
body .about-back-slider-wrap { position: absolute; top: 67px; left: 0; right: 0; }

.about-icon-text-list { width: calc(100% / 2); padding: 0px 30px 50px; }
.about-icon-text-wrap { display: flex; flex-flow: wrap; margin: 0px -30px; }
.about-icon-text-list:nth-last-child(2), .about-icon-text-list:nth-last-child(1) { padding-bottom: 0; }
.about-icon { padding-bottom: 10px; }
.about-icon-text-details h3 { font-size: 24px; font-style: normal; font-weight: 700; line-height: 35px; }
.about-icon-text-details .content { font-size: 17px; font-style: normal; font-weight: 500; line-height: 27px; margin-top: 7px; }
.about-icon-text-details .content >*:first-child { margin-top: 0; padding-top: 0; }
.about-icon-text-details .content >*:last-child { margin-bottom: 0; padding-bottom: 0; }

/*  */
.clientdocsdoor-sc { padding: 50px 0 60px; position: relative; }
.client-docks-slider-wrap .splide__slide { padding: 10px; }
.client-docks-slider-info-wrap { transition: 0.4s; position: absolute; top: 0; z-index: 9; padding: 12px; height: 100%; }
.client-docks-slider { border-radius: 10px; position: relative; overflow: hidden; }
.clientdocks-overlay { height: 100%; }
.clientdocks-overlay:after { content: ''; background: rgb(11 45 67 / 55%); height: 100%; width: 100%; position: absolute; inset: 0; z-index: -1; }
.client-docks-slider-img img { height: 353px !important; object-fit: cover; width: 100%; }
.client-docks-slider-info-logo { width: 100%; }
.client-docks-slider-info-logo { background: #fff; padding: 20px; border-radius: 6px; display: inline-block; width: auto; }
.client-docks-slider-info { font-size: 18px; font-style: normal; font-weight: 500; line-height: 27px; color: #fff; }
.client-docks-slider-wrap.bottom_slider .client-docks-slider .clientdocks-overlay { display: flex; align-items: flex-start; flex-direction: column; width: auto; justify-content: end; }
.client-docks-slider-wrap.bottom_slider .client-docks-slider .clientdocks-overlay .client-docks-slider-info { padding-bottom: 40px; }
.client-docks-slider .arrowclick_bx { z-index: 99; position: absolute;top: 8px;right: 10px;background: #0D89D3;height: 42px;width: 42px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.client-docks-slider .arrowclick_bx img {width: 15px;}
/* .client-docks-slider .arrowclick_bx.active { top: 10px; } */
.client-docks-slider .arrowclick_bx.active img { transform: rotate(45deg); }
.client-docks-slider-wrap.bottom_slider .arrowclick_bx { bottom: 8px; top: auto; }
.striptext_bx { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.striptext_bx .strip_text { width: 1049px; border-radius: 0 10px 10px 0; background: #0B2D43; padding: 28px 30px; font-size: 19px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.8px; color: #fff; text-align: right; }
.striptext_bx .strip_text span { color: #0D89D3; font-weight: 800; }

/*  */
.testimonail_grup { padding: 80px 0 115px; position: relative; display: inline-block; width: 100%; }
.testimonail_grup .testimonailgrup_wrap { position: absolute; top: -90px; right: 46%; z-index: -1; }
.testimonail_grup .testimonailgrup_wrap.shadow_right { right: 24%; top: -130px; }
.testimonail_slider { padding-right: 14%; }
.testimonail_sc .testimonail_text { font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px; }
.testimonail_sc .testimonail_text span { color: #0D89D3; }
.testimonail_sc .user_name { font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.2px; color: #0D89D3; padding-top: 16px; }
.testimonail_slider .slick-arrow { top: 33%; background: #0D89D3; border: 0; width: 57px; height: 57px; border-radius: 50%; cursor: pointer; }
.testimonail_slider .slick-arrow:before { content: ''; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat 50% / 15px; height: 13px; width: 15px; display: inline-block; top: 0; right: 0; }
.testimonail_slider .slick-prev.slick-arrow { right: 70px; left: auto; }
.testimonail_slider .slick-arrow.slick-disabled { opacity: 0.3; cursor: no-drop; }
.testimonail_slider .slick-arrow.slick-disabled:hover { background: #0D89D3; }
.testimonail_slider .slick-prev:before { content: ''; transform: rotate(180deg); }
.testimonail_slider .slick-arrow:hover { background: #0D89D3; }

/*  */
.imgwithcon_sc { margin: 50px 30px 30px; overflow: hidden; padding: 76px 0 76px; border-radius: 10px; position: relative; z-index: 9; }
.imgwithconsc_wrap .main_title { font-size: 35px; font-style: normal; font-weight: 600; line-height: 43px; max-width: 724px; color: #fff; }
.imgwithconsc_wrap { display: flex; align-items: end; justify-content: space-between; flex-flow: row wrap; padding-bottom: 36px; }
.imgwithcon_sc:after { content: ''; display: inline-block; width: 100%; height: 100%; background: rgb(11 45 67 / 70%); position: absolute; inset: 0; z-index: -1; mix-blend-mode: multiply; }
.imgwithcon_sc .wrapper .arrow_btn a { font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; border-radius: 3px; border: 1px solid #FFF; background: transparent; padding: 13px 13px 13px 17px; text-align: left; min-width: 147px; }
.imgwithcon_sc .wrapper .arrow_btn a:hover { background: #0b2d43; border-color: #0b2d43; }
.imgwithcon_sc .wrapper .arrow_btn a:after { background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat 50% / cover; height: 13px; margin-left: 35px; width: 15px; }
.imgwithcon_sc .content_bx { display: flex; flex-flow: row wrap; color: #fff; padding-bottom: 36px; font-size: 17px; font-style: normal; font-weight: 500; line-height: 26px; }
.imgwithcon_sc .content_bx .left_content { width: 50%; padding-right: 15px; }
.imgwithcon_sc .content_bx .right_content { width: 50%; }
.imgwithcon_sc .bottom_text { font-size: 24px; font-style: italic; font-weight: 600; line-height: 26px; color: #fff; border-top: .5px solid #fff; border-bottom: .5px solid #fff; padding: 16px 0; }

/*  */
.imgcontentslie_sc { background: #0B2D43; padding: 160px 0 170px; position: relative; overflow: hidden; z-index: 9; }
.imgcontentslie_sc .gradiant_one { position: absolute; top: 0; left: 20%; z-index: -1; }
.imgcontentslie_sc .gradiant_two { position: absolute; bottom: 0; left: 0; z-index: -1; }
.imgcontentslie_in .list-wrapper { display: flex; }
.imgcontentslie_in .list-wrapper .imgcon_details { min-width: 875px; }
.imgcontentslie_in .list-wrapper .imgcon_details .inner { margin-right: 65px; }
.imgcontentslie_in .list-wrapper .imgcon_details:last-child .inner { margin-right: 0; }
.imgcontentslie_bx.growth-scoll-main { padding-left: calc((100% - 1170px) / 2); overflow: hidden; }
.imgcon_details .title { font-size: 55px; font-style: normal; font-weight: 600; line-height: normal; color: #fff; padding-bottom: 15px; }
.imgcon_details { color: #fff; }
.imgcon_details .btn_link a { position: relative; padding-right: 25px; color: #eb4310; font-weight: 600; }
.imgcon_details .btn_link a:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%23EB4310' d='M5.182 10.276q.161.183.394.183.234 0 .402-.183l4.227-4.573a.6.6 0 0 0 .162-.427.63.63 0 0 0-.162-.435L5.978.268a.54.54 0 0 0-.796 0 .62.62 0 0 0-.17.434q0 .253.17.427l3.262 3.537H1.349a.52.52 0 0 0-.395.175.62.62 0 0 0-.169.435q0 .252.17.427.16.181.394.183h7.095L5.182 9.415a.62.62 0 0 0-.17.434q0 .252.17.427'/%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; height: 11px; position: absolute; right: 0; top: 7px; width:12px }
.imgcon_details .imgcon_details:nth-child(odd) { text-align: right; }
.imgcon_details:nth-child(odd) .pretitle { margin-left: auto; }
.imgcon_details:nth-child(odd) { text-align: right; }
.imgcon_details .imgcon_top { padding-bottom: 27px; }
.imgcon_details .imgcon_top .pretitle { font-size: 17px; font-style: normal; font-weight: 500; line-height: 27px; max-width: 550px; padding-bottom: 15px; }
.imgcon_details .imgbx_bottom img { width: 100%; border-radius: 10px; height: 430px !important; object-fit: cover; }
.imgcon_details:nth-child(odd) .contdetail_bx { margin-left: auto; border-radius: 10px 0 10px 10px; }
.imgcon_details .contdetail_bx h5 { margin-bottom: 12px; font-size: 23px; font-style: normal; font-weight: 700; line-height: 31px; }
.imgcon_details .contdetail_bx h5 span { position: relative; top: -4px; padding-right: 5px; }
.imgcon_details .contdetail_bx p { padding: 0; font-size: 14px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 2.8px; color: #0D89D3; }
.imgcon_details .contdetail_bx { padding: 48px 52px 48px 32px; text-align: left; border-radius: 0 10px 10px 10px; background: #FFF; max-width: 647px; margin-top: -90px; position: relative; }
.imgcon_details .contdetail_bx:after { transform: translateY(-50%); background: url(https://www.doorsystems.com/hubfs/DoorSystems-2020/Images/right-arrow-orange.svg) no-repeat center / cover; content: ""; display: inline-block; height: 15px; position: absolute; right: 15px; top: 50%; width: 18px; }
.imgcon_details .contdetail_bx.arrow_hide:after { display: none; }
.imgcon_details .contdetail_bx .imgbx_link { position: absolute; inset: 0; }

/* footer 2024 */
.footernew_sc { margin-top: 50px; position: relative; overflow: hidden; padding-top: 80px; }
.footernew_sc .wrapper { padding-bottom: 89px !important; }
.footer_top .top_img { text-align: center; margin-top: -60px; }
.footer_top .top_img img { -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.footer_shape { transform-origin: 50% 100%; border-radius: 100%; width: 100%; height: 78vw; padding: 0; position: absolute; top: 14rem; z-index: -1; transform: scale(1.1); }
.footer_shape .elipse_bg { border-radius: 100%; width: 100%; height: 100%; background-color: #0B2D43; }
.footer_top { text-align: center; color: #fff; display: inline-block; width: 100%; position: relative; }
.footer_top .bggradiant_img { position: absolute; top: 30px; left: 110px; z-index: -1; }
.footer_top .bggradiant_img svg { width: 530px; height: 730px; }
.footer_top .title { font-size: 45px; font-style: normal; font-weight: 600; line-height: 53px; color: #fff; max-width: 780px; margin: 0 auto 37px; }
.footer_top .title span { color: #0D89D3; }
.footer_top .pretitle { font-size: 18px; font-style: normal; font-weight: 500; line-height: 27px; max-width: 420px; margin: 0 auto 30px; }
.footer_top .button_group { display: flex; flex-flow: row wrap; justify-content: center; gap: 36px; }
.footer_top .button_group .arrow_btn a { padding: 26px 25px 26px 29px; border-radius: 5px; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; min-width: 386px; text-align: left; border: 1px solid #eb4310; }
.footer_top .button_group .arrow_btn a:after { background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat 50% / cover; height: 17px; margin-left: 64px; width: 16px; }
.footer_top .button_group .arrow_btn:last-child a { background: transparent; border: 1px solid rgba(255, 255, 255, 0.40); }
.footer_top .button_group .arrow_btn:last-child a:hover { background: #eb4310; border-color: #eb4310; }
.footer_top .button_group .arrow_btn a:hover { background: transparent; border: 1px solid rgba(255, 255, 255, 0.40); }
.footer_top .pretext { font-size: 16px; font-style: normal; font-weight: 500; line-height: 30px; letter-spacing: 3.2px; padding-top: 30px; }
.footer_top .pretext a { color: #0D89D3; font-weight: 800; }
.footerbg_cover { background-color: #0B2D43; }
.footerbg_cover .text_slider { height: 90px; }
.text_slider .slidertext_bx { opacity: 0.5; font-size: 100px; font-style: normal; font-weight: 700; line-height: 90px; color: #304D5F; position: relative; padding: 0 28px; }
.text_slider .slidertext_bx:after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='6.05371' cy='5.90723' r='5.10986' fill='%23304D5F'/%3E%3C/svg%3E%0A"); content: ""; height: 11px; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); width: 11px; }
.footer_bottom { border-radius: 10px; background: #FFF; display: flex; flex-flow: row wrap; margin: 0 30px; padding: 50px 50px 33px 50px; }
.footer_bottom .logo_in img { width: 193px; }
.footer_bottom .logo_in { width: 25%; padding-top: 40px; }
.footer_bottom .footermenu_in { width: 15%; padding-right: 10px; }
.footer_bottom .socialbtn_in { width: 15%; }
.footer_bottom .menu_title a { width: 100%; display: inline-block; color: #0B2D43; font-size: 16px; font-style: normal; font-weight: 700; line-height: 27px; padding: 0 0 5px; }
.footerdet_bx { margin-top: -15px; z-index: 9; position: relative; }
.footer_bottom .footermenu_in .menulist_bx ul { margin: 0; padding: 0; list-style: none; }
.footer_bottom .footermenu_in .menulist_bx ul li a { font-weight: 500; color: #0B2D43; width: 100%; display: inline-block; }
.footer_bottom .footermenu_in .menulist_bx ul li a:hover,
.footer_bottom .socialbtn_in .btnlink_bx a:hover,
.copyright_bx a:hover { color: #eb4310; }
.footer_bottom .socialbtn_in .btnlink_bx a { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; position: relative; display: inline-block; width: 100%; border-bottom: 1px solid #0B2D43; padding: 8px 20px 8px 0; color: #0B2D43; }
.footer_bottom .socialbtn_in .btnlink_bx a:after { background-repeat: no-repeat; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18163 10.276C5.28918 10.3978 5.4207 10.4588 5.57618 10.4589C5.73166 10.4588 5.86553 10.3978 5.97778 10.276L10.2051 5.70259C10.313 5.58623 10.367 5.44395 10.3672 5.27574C10.367 5.10753 10.313 4.96271 10.2051 4.84126L5.97778 0.267838C5.86553 0.151141 5.73166 0.0927023 5.57618 0.0925235C5.4207 0.0927019 5.28918 0.15114 5.18163 0.267837C5.06906 0.389279 5.0127 0.534104 5.01253 0.702312C5.0127 0.87052 5.06906 1.0128 5.18163 1.12916L8.44374 4.66595L1.34882 4.66594C1.19334 4.66612 1.06182 4.72456 0.954268 4.84125C0.841704 4.96269 0.78534 5.10752 0.785174 5.27573C0.78534 5.44394 0.841704 5.58622 0.954268 5.70258C1.06182 5.82436 1.19334 5.88534 1.34882 5.88552L8.44374 5.88553L5.18163 9.41468C5.06906 9.53612 5.0127 9.68095 5.01253 9.84915C5.0127 10.0174 5.06906 10.1596 5.18163 10.276Z' fill='%23EB4310'/%3E%3C/svg%3E%0A"); width: 12px; height: 11px; display: inline-block; position: absolute; right: 0; top: 14px; }
.footer_bottom .socialbtn_in .btnlink_bx:last-child a { border-bottom: 0; }
.socialbtn_in .number_text { font-size: 15px; font-style: normal; font-weight: 700; line-height: 30px; padding-top: 10px; }
.socialbtn_in .social_group { display: flex; margin-top: 13px; gap: 19px; }
.copyright_bx { font-size: 16px; font-style: normal; font-weight: 500; line-height: 27px; color: #fff; display: flex; margin: 0 auto; justify-content: space-between; padding: 0 85px; }
.copyright_bx a { color: #fff; padding-left: 15px; }

/* search css */
.searchbg_main { background: #F8F8F9; }
.searchpage_sc { padding: 60px 0 160px; }
.search_title { text-align: center; }
.search_title .bg_title { left: 0; }
.search_title .main_title h1 { font-size: 50px; font-style: normal; font-weight: 600; line-height: 70px; position: absolute; bottom: 50%; width: 100%; left: 0; }
.search_title .main_title { position: relative; }
.site-search-section label.hs-search-field__label { display: none; }
.site-search-section input.hs-search-field__input { color: #0B2D43; border-radius: 36.979px; border: 1px solid #0B2D43; background: #fff; margin: 0; padding: 0 70px 0 25px; height: 73px; font-size: 27px; font-style: normal; font-weight: 600; line-height: 70px; }
.site-search-section input.hs-search-field__input::placeholder { color: #0B2D43; font-size: 27px; font-style: normal; font-weight: 600; line-height: 70px; }
.site-search-section input.hs-search-field__input:focus { outline-style: none; }
.site-search-section button.hs-search-field__button { position: absolute; right: 10px; background: #EB4310; border-radius: 50%; width: 55px; height: 55px; padding: 0; margin: 0; top: 50%; transform: translateY(-50%); }
.site-search-section button.hs-search-field__button svg { height: 15px; }
.site-search-section button.hs-search-field__button svg path { fill: #fff; }
.site-search-section .hs-search-field__suggestions-container { display: none; }
.searchpage_sc .site-search-section { margin: 0; padding: 15px 15px 0; }
.siteserach_sug .hs-search-results__listing li a.hs-search-results__link { font-size: 35px; font-style: normal; font-weight: 600; line-height: 40px; color: #0B2D43; }
.siteserach_sug .hs-search-results__listing li a.hs-search-results__link:hover { color: #eb4310; }
.siteserach_sug .hs-search-results__listing li p.hs-search-results__description { padding: 10px 0 0; font-size: 17px; font-style: normal; font-weight: 400; line-height: 27px; }
.siteserach_sug .hs-search-results__listing li { padding: 33px 0; border-top: 1px solid #0B2D43; }
.siteserach_sug .hs-search-results__listing li:last-child { border-bottom: 1px solid #0B2D43; }

.siteserach_sug { padding-top: 42px; }
.siteserach_sug ul.hs-search-results__listing { gap: 0; }
.siteserach_sug .hs-search-results__featured-image-wrapper { display: none; }
.siteserach_sug p.hs-search-results__message { font-size: 20px; font-style: normal; font-weight: 800; line-height: 40px; color: #0D89D3; padding: 0 0 15px; }
.siteserach_sug nav.hs-search-results__pagination { margin-top: 63px; }
.siteserach_sug .hs-search-results__pagination__link--first { display: none; }
.siteserach_sug .hs-search-results__pagination__link--last { display: none; }
.siteserach_sug a.hs-search-results__pagination__link .hs_cos_wrapper_type_icon { }
.siteserach_sug .hs-search-results__pagination__link--text-and-icon { font-size: 0; height: 37px; width: 37px; position: relative; background: #EB4310; align-items: center; justify-content: center; border-radius: 50%; }
.siteserach_sug .hs-search-results__pagination__link--number { font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; color: #0B2D43; width: 37px; height: 37px; border-radius: 50%; justify-content: center; }
.siteserach_sug a.hs-search-results__pagination__link.hs-search-results__pagination__link--number { }
.siteserach_sug a.hs-search-results__pagination__link.hs-search-results__pagination__link--number.hs-search-results__pagination__link--active { background: #0D89D3; border: 0; color: #fff; }
.siteserach_sug .hs-search-results__pagination__link--text-and-icon .hs_cos_wrapper_type_icon { display: none; }
.siteserach_sug .hs-search-results__pagination__link--text-and-icon:after { content: ''; background: url(https://www.doorsystems.com/hubfs/DoorSystems-2020/Images/right-arrow-white.svg) no-repeat center / cover; height: 12px; width: 12px; display: inline-block; }
.siteserach_sug .hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--prev:after { transform: rotate(180deg); }
.siteserach_sug .hs-search-results__pagination__link--disabled.disabled { display: none; }

/* 07-04-2025 */

.sr_innerhero { display: inline-block; width: 100%; vertical-align: top; background: #F8F8F9; padding: 133px 0 50px; border-bottom: 0.5px solid #0B2D43; border-top: 0.5px solid #0B2D43; }
.sr_innerhero .wrapper { max-width: 1404px; }
.sr_innerhero .title { position: relative; =:50px; z-index: 1; margin-bottom: 50px; }
.sr_innerhero .title .white_title { text-transform: uppercase; color: #fff; font-size: 200px; font-style: normal; font-weight: 600; left: -110px; line-height: 164px; margin-bottom: -104px; position: relative; z-index: -1; }
.sr_innerhero .title .sub_title { color: #0B2D43; font-size: 18px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.6px; }
.sr_innerhero .title h1 { color: #0B2D43; font-family: "Plus Jakarta Sans"; font-size: 65px; font-style: normal; font-weight: 600; line-height: 70px; }
.sr_innerhero .title h1 span { color: #0D89D3; }
.sr_innerhero .section_wrap { display: flex; flex-wrap: wrap; }
.sr_innerhero .section_wrap .left_part { padding-left: calc((100% - 1364px) / 2); width: 50%; padding-right: 50px; }
.sr_innerhero .section_wrap .right_part { width: calc(50% - 50px); padding-left: 50px; }
.sr_innerhero .section_wrap .right_part .img { width: 100%; height: 413px; border-radius: 10px; position:relative; }
.sr_innerhero .left_part .btn-text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding-top: 30px; }
.sr_innerhero .left_part .btn-text-wrap .btn-text { padding-left: 15px; }
.sr_innerhero .left_part .btn-text-wrap .btn-text strong { display: block; color: #0B2D43; }
.sr_innerhero .left_part .cont h3 { color: #0D89D3; font-size: 28px; font-weight: 600; line-height: 36px;margin-bottom: 30px; }
.sr_innerhero .left_part .cont a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.sr_innerhero .section_wrap .right_part .img .pattern { position: absolute; bottom: 0; right: 0; mix-blend-mode: hard-light;}

.title_content { display: inline-block; width: 100%; vertical-align: top; padding: 40px 0; }
.title_content .wrapper { max-width: 1454px; }
.title_content .section_main { background: #0D89D3; border-radius: 10px; padding: 70px 50px 40px 50px; position: relative; z-index: 1; display: inline-block; }
.title_content .section_main .cont_wrap { color: #fff; }
.title_content .section_main h5 { color: rgba(255, 255, 255, 0.65); font-size: 17px; font-weight: 600; line-height: 30px; /* 176.471% */ letter-spacing: 3.4px; }
.title_content .section_main .cont_wrap h2 { color: #FFF; font-size: 50px; font-weight: 600; line-height: 55px; /* 110% */ }
.title_content .section_main .cont_wrap .cont { padding: 30px 0; }
.title_content .section_main .icon { position: absolute; top: 37px; right: 20px; z-index: -1; }
.title_content .section_main .cont_wrap .cont a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color:#fff; }
.title_content .section_main .cont_wrap .arrow_btn a { background: transparent; border: 1px solid #fff; border-radius: 3px; }
.title_content .section_main .cont_wrap .arrow_btn a:hover { background: #eb4310; border-color: #eb4310; }

.how_itworks { display: inline-block; width: 100%; vertical-align: top; padding: 60px 0; }
.how_itworks .wrapper { max-width: 1404px; }
.how_itworks .section_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 60px; }
.how_itworks .section_wrap .left_part { position: sticky; top: 180px; width: 20%; padding-right: 20px; }
.how_itworks .title_part { display: flex; flex-wrap: wrap; align-items: center; }
.how_itworks .title_part h2 { width: 30%; font-size: 60px; font-weight: 600; line-height: 70px; display: flex; align-items: center; }
.how_itworks .title_part .top_cont { width: 70%; padding-left: 30px; }
.how_itworks .title_part h2 span { border: 1.5px solid #0D89D3; border-radius: 34.496px; padding: 0px 13px; color: #0D89D3; line-height: 70px; margin-left: 5px; font-size: 60px; display: flex; align-items: center; }
.how_itworks .section_wrap .right_part { width: 75%; padding-left: 40px; }
.how_itworks .left_part ul { margin: 0; padding: 0; list-style-type: none; }
.how_itworks .left_part ul li a { font-size: 150px; font-style: normal; font-weight: 800; line-height: 100px; color: #0B2D43; display: none; pointer-events: none; }
.how_itworks .left_part ul li.active a { display: inline-block; }
.how_itworks .left_part .btn-text-wrap { padding-top: 70px; display: inline-block; max-width: 187px; text-align: right; }
.how_itworks .left_part .btn-text-wrap .btn-text { display: block; width: 100%; padding-top: 5px; }
.how_itworks .left_part .btn-text-wrap .arrow_btn { display: inline-block; width: 187px; }
.how_itworks .left_part .btn-text-wrap strong { display: block; }
.how_itworks .left_part .btn-text-wrap a { width: 100%; min-width: 100%; }
.how_itworks .left_part .btn-text-wrap .btn-text a {  color: #0B2D43; }
.how_itworks .right_part .right_inner { border-top: .5px solid #0B2D43; padding: 40px 0; }
.how_itworks .right_part .right_inner:last-child { border-bottom: .5px solid #0B2D43; }
.how_itworks .right_part .right_inner .step { color: #0B2D43; font-size: 17px; font-weight: 600; line-height: 30px; letter-spacing: 3.4px; }
.how_itworks .right_part .right_inner h3 { color: #0B2D43; font-size: 40px; font-weight: 600; line-height: 36px; padding: 5px 0 23px; }
.how_itworks .right_part .right_inner.active { border-color: #0D89D3; }
.how_itworks .right_part .right_inner.active h3 { color: #0D89D3; }

.the_process { display: inline-block; width: 100%; vertical-align: top; padding: 30px 0; }
.the_process .wrapper { max-width: 1404px; }
.the_process .title_sub { padding-bottom: 21px; }
.the_process .title_sub h5 { color: #0B2D43; font-size: 17px; font-weight: 600; line-height: 30px; letter-spacing: 3.4px; }
.the_process .title_sub h2 { font-size: 60px; font-style: normal; font-weight: 600; line-height: 70px; display: flex; align-items: center; }
.the_process .title_sub h2 span { align-items: center; border: 1.5px solid #0d89d3; border-radius: 40px; color: #0d89d3; display: flex; font-size: 60px; line-height: 70px; margin-left: 5px; padding: 4px 13px 7px; }
.the_process .cont_btn { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.the_process .cont_btn .cont { width: 76%; padding-right: 30px; }
.the_process .cont_btn .btn-text-wrap { padding-left: 30px; text-align: right; width: 201px; display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; }
.the_process .cont_btn .btn-text-wrap .btn-text { display: block; width: 100%; padding-top: 10px; }
.the_process .cont_btn .btn-text-wrap .arrow_btn { display: flex; width: 100%; justify-content: end; }
.the_process .cont_btn .btn-text-wrap .btn-text strong { display: block; color: #0B2D43; }

.the_process .slider_wrap { border: .5px solid rgb(11 45 67 / 50%); border-right: 0; border-left: 0; margin-top:50px; }
.the_process .slider_wrap .inner { border-right: .5px solid rgb(11 45 67 / 50%); padding: 60px 30px 45px; }
.the_process .slider_wrap .inner .box_cont { padding-top: 21px; }
.the_process .slider_wrap .inner .number { color: rgba(112, 184, 218, 0.60); font-size: 40px; font-weight: 600; line-height: 30px; padding-bottom: 60px; }
.the_process .slider_wrap .inner .icon { padding-bottom: 55px; width: 60px; }
.the_process .slider_wrap .inner .icon img { width: 100%; }
.the_process .slider_wrap .slick-list.draggable { padding: 0 30px; }

.the_process.process_v2 .slider_wrap .titlecont_slider { display: flex; flex-flow: row wrap; justify-content: center; }
.the_process.process_v2 .slider_wrap .titlecont_slider .col { width: calc(100% / 4); }
.the_process.process_v2 .slider_wrap .inner { padding: 60px 37px 28px; }
.the_process.process_v2 .slider_wrap .col:not(:nth-child(5n)) .inner { border-bottom: .5px solid rgb(11 45 67 / 50%); }
.the_process.process_v2 .slider_wrap .col:nth-child(4n) .inner { border-right: none; }
.the_process.process_v2 .slider_wrap .col:nth-last-child(-n+1) .inner { border-bottom: none; }
.the_process.process_v2 .slider_wrap .col:nth-child(4n - 3) .inner { border-left: none; }
.the_process.process_v2 .slider_wrap .col:nth-child(5) .inner { border-left: 1px solid rgba(11, 45, 67, 0.5); }


.nr_titlecont { display: inline-block; width: 100%; vertical-align: top; padding: 40px 0; position:relative; }
.nr_titlecont .section_wrap { border-radius: 10px; border: 0.5px solid rgb(11 45 67 / 50%); background: #F8F8F9; padding: 78px 92px 65px; position: relative; z-index: 1; }
.nr_titlecont .wrapper { max-width: 1430px; }
.nr_titlecont .acc_cont { display: none; }
.nr_titlecont .section_wrap h5 { font-size: 17px; font-weight: 600; line-height: 30px; /* 176.471% */ letter-spacing: 3.4px; }
.nr_titlecont .section_wrap h2 { font-size: 50px; font-weight: 600; line-height: 70px; }
.nr_titlecont .acc_title { font-size: 13px; font-weight: 600; line-height: normal; letter-spacing: 2.6px; display: inline-block; width: auto; position: relative; padding-right: 30px; cursor:pointer; text-transform:uppercase; }
.nr_titlecont .section_wrap .accordian_box { padding: 15px 0 0; }
.nr_titlecont .section_wrap .accordian_box .col { border-bottom: .5px solid rgb(11 45 67); padding-bottom: 5px; }
.nr_titlecont .section_wrap .arrow_btn { margin-top: 20px; }
.nr_titlecont .acc_title:before { position: absolute;    /* content: ""; */ top: 0; right: 0; }
.nr_titlecont .acc_title span.icon { width: 18.854px; height: 18.854px; background: rgba(235, 67, 16, 0.10); display: flex; align-items: center; border-radius: 100%; position: absolute; top: -2px; right: 0; }
.nr_titlecont .acc_title span.icon:before { position: absolute; content: ""; top: 50%; left: 50%; width: 1px; height: 7px; background: #EB4310; transform: translate(-50%, -50%); transition: all .5s ease-in-out; }
.nr_titlecont .acc_title span.icon:after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #EB4310; height: 1px; width: 7px; }
.nr_titlecont .acc_title.active span.icon:before { opacity: 0; }
.nr_titlecont .section_wrap.without_background { background: transparent; border: none; display:inline-block; padding:20px 50px; }
.nr_titlecont .about-us-hero-deco { top: 40px; }

.img_content { display: inline-block; width: 100%; vertical-align: top; padding: 60px 0; }
.img_content .section_main { margin-left: 50px; padding: 203px 0 50px; position: relative; z-index: 1; border-radius: 10px 0 0 10px; display: inline-block; width: calc(100% - 50px); }
.img_content .section_main .wrapper { max-width: 1400px; }
.img_content .section_main h5 { color: #FFF; font-size: 17px; font-weight: 600; line-height: 30px; letter-spacing: 3.4px; padding-bottom: 15px; }
.img_content .section_main:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 0 0 10px; opacity: 0.7; background: var(--Midnight-Blue, #0B2D43); mix-blend-mode: multiply; z-index: -1; }
.img_content .section_main h2 { color: #fff; line-height: 50px; }
.img_content .section_main .title { padding-bottom: 130px; position: relative; }
.img_content .section_main .arrow_btn a { background: transparent; border: 1px solid #fff; }
.img_content .section_main .arrow_btn a:hover { background: #eb4310; border-color: #eb4310; }
.img_content .section_main .shape { position: absolute; top: 70px; right: 300px; }

.service_zigzag { display: inline-block; width: 100%; vertical-align: top; }
.service_zigzag .wrapper { max-width: 1400px; }
.service_zigzag .top_part { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-bottom: 40px; }
.service_zigzag .top_part .top_title { width: calc(100% - 500px); padding-right: 15px; }
.service_zigzag .top_part h2 { font-size: 60px; font-weight: 600; line-height: 70px; }
.service_zigzag .top_part .top_content { padding-left: 15px; max-width: 500px; }
.service_zigzag .section_wrap .col { display: flex; flex-wrap: wrap; }
.service_zigzag .section_wrap .col .left_part { width: 50%; padding-right: 12px; display: flex; align-items: center; }
.service_zigzag .section_wrap .col .right_part { width: 50%; padding-left: 12px; }
.service_zigzag .section_wrap .col .right_part .img { width: 100%; height: 100%; border-radius: 10px; }
.service_zigzag .section_wrap .col .left_part .left_inner { padding: 108px 60px; border-radius: 10px; color: #fff; min-height: 667px; }
.service_zigzag .section_wrap .col+.col { margin-top: 24px; }
.service_zigzag .section_wrap .col .left_part h5 { color: #FFF; font-size: 17px; font-weight: 600; line-height: 30px; /* 176.471% */ letter-spacing: 3.4px; padding-bottom: 10px; }
.service_zigzag .section_wrap .col .left_part h2 { color: #fff; font-size: 45px; font-weight: 600; line-height: 50px; /* 111.111% */ }
.service_zigzag .section_wrap .col .left_part .box_content { padding-top: 10px; }
.service_zigzag .section_wrap .col .right_part .video { width: 100%; height: 100%; position: relative; border-radius: 10px; overflow: hidden; }
.service_zigzag .section_wrap .col .right_part .video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service_zigzag .section_wrap .col:nth-child(even) { flex-direction: row-reverse; }
.service_zigzag .section_wrap .col:nth-child(even) .left_part { padding: 0 0 0 12px; }
.service_zigzag .section_wrap .col:nth-child(even) .right_part { padding: 0 12px 0 0; }

.sr_imgcont_sticky { display: inline-block; width: 100%; vertical-align: top; padding: 160px 0;    /* height: 100vh; */ }
.sr_imgcont_sticky .wrapper { max-width: 1400px; }
.sr_imgcont_sticky .title_part { padding-bottom: 15px; }
.sr_imgcont_sticky .title_part h5 { font-size: 17px; font-weight: 600; line-height: 30px; letter-spacing: 3.4px; }
.sr_imgcont_sticky .title_part h5 span { color: #e84315; padding-right: 10px; position: relative; top: -1px; }
.sr_imgcont_sticky h2 { font-size: 50px; font-style: normal; font-weight: 600; line-height: 70px; }
.sr_imgcont_sticky h2 span { color: #0d89d3; }
.sr_imgcont_sticky .section_wrap { border-bottom: .5px solid rgb(11 45 67 / 50%); }
.sr_imgcont_sticky .section_wrap .col { display: flex; flex-wrap: wrap; position: sticky; top: 160px; height: 680px; overflow: hidden; border-top:.5px solid rgb(11 45 67 / 50%); }
.sr_imgcont_sticky .section_wrap .col .left_part { width: 50%; padding-right: 15px; padding-top:25px; border-right: .5px solid rgb(11 45 67 / 50%); }
.sr_imgcont_sticky .section_wrap .col .right_part { width: 50%; padding-left: 15px; background: #fff; }
.sr_imgcont_sticky .section_wrap .col .left_part .img { width: 100%; height: 100%; max-height: 680px; }
.sr_imgcont_sticky .section_wrap .col .left_part .img img { height: 100% !important; object-fit: cover; }
.sr_imgcont_sticky .section_wrap .col .right_part .right_inner { padding: 110px 0 0 50px; }
.sr_imgcont_sticky .right_inner h3 { font-size: 45px; font-weight: 600; line-height: 70px; }
.sr_imgcont_sticky .right_inner h4 { color: #0D89D3; font-size: 25px; font-style: italic; font-weight: 700; line-height: 36px; /* 144% */ padding-bottom: 16px; }
.sr_imgcont_sticky .right_inner .exploure { font-family: "Plus Jakarta Sans"; font-size: 16px; font-weight: 600; line-height: 30px; /* 187.5% */ letter-spacing: 3.2px; padding: 21px 0px 15px; }
.sr_imgcont_sticky .right_inner .btn-text-wrap { display: flex; align-items: center; flex-flow: row wrap; gap: 15px; margin-top: 30px; }
.sr_imgcont_sticky .right_inner .btn-text-wrap .arrow_btn {display: inline-block; }
.sr_imgcont_sticky .right_inner .btn-text-wrap .btn_style a { background: transparent; border: .5px solid #0B2D43; border-radius: 50px; color: #0B2D43; font-size: 15px; font-style: normal; font-weight: 600; line-height: 30px; padding: 5px 13px; min-width: auto; }
.sr_imgcont_sticky .right_inner .btn-text-wrap .arrow_btn a { border-radius: 50px; padding: 5px 20px 5px 12px; font-size: 15px; font-style: normal; font-weight: 600; line-height: 30px; }
/* .sr_imgcont_sticky .right_inner .btn-text-wrap .btn_style a:hover { background: #0b2d43; border-color: #0b2d43; color: #fff; } */

.sr_imgcont_sticky .right_inner .btn-text-wrap .btn_style a:after {opacity:0;position: absolute;right: 14px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' fill='none' viewBox='0 0 10 11'%3E%3Cpath fill='%23fff' d='M4.599 10.353q.161.183.394.183a.53.53 0 0 0 .402-.183L9.622 5.78a.6.6 0 0 0 .162-.427.63.63 0 0 0-.162-.435L5.395.345a.54.54 0 0 0-.796 0 .62.62 0 0 0-.17.434q0 .252.17.427L7.86 4.743H.766a.52.52 0 0 0-.395.175.62.62 0 0 0-.169.435q0 .252.17.427.16.182.394.183H7.86L4.599 9.492a.62.62 0 0 0-.17.434q0 .252.17.427'/%3E%3C/svg%3E");margin-right: -6px;width: 9px;background-repeat: no-repeat;content: '';height: 10px;top: 15px;}
.sr_imgcont_sticky .right_inner .btn-text-wrap .btn_style a { position: relative; }
.sr_imgcont_sticky .right_inner .btn-text-wrap .btn_style a:hover { padding: 5px 30px 5px 12px; background-color: #EB4310; border-color: #EB4310; color: #fff; }
.sr_imgcont_sticky .right_inner .btn-text-wrap .btn_style a:hover:after { opacity: 1; }

.serivespadd_less .sr_imgcont_sticky { padding: 105px 0 67px; }
.sr_imgcont_sticky .full_wrapper { padding-left: 65px; }
.sr_imgcont_sticky .section_wrap.another_design .col:first-child { border-top: .5px solid rgba(11,45,67,.5); }
.sr_imgcont_sticky .section_wrap.another_design .col .left_part { width: 40%; padding-bottom: 20px; } 
.sr_imgcont_sticky .section_wrap.another_design .col .left_part .img img { width: 100%; border-radius: 10px; }
.sr_imgcont_sticky .section_wrap.another_design .col { border-top: 0; }
.sr_imgcont_sticky .section_wrap.another_design .col .right_part { width: 60%; padding: 0 15px; }
.sr_imgcont_sticky .section_wrap.another_design .col .right_part .right_inner { padding-left: 0; max-width: 650px; margin: 0 auto; }

.sr_recentpost { display: inline-block; width: 100%; vertical-align: top; }
.sr_recentpost .wrapper { max-width: 1400px; }
.sr_recentpost .blogpost_item { display: inline-block; width: 100%; border-radius: 10px; padding: 53px 28px 53px 46px; position: relative; z-index: 1; }
.sr_recentpost .blogpost_item:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 10px; background: rgba(11, 45, 67, 0.50); mix-blend-mode: multiply; }
.sr_recentpost .blogpost_item .topic_box .topic_link { color: #fff; font-size: 17px; font-weight: 600; line-height: 30px; /* 176.471% */ letter-spacing: 3.4px;text-transform:uppercase; }
.sr_recentpost .blogpost_item .blogpost_title { padding: 150px 0; text-align: center; max-width: 800px; margin: 0 auto; }
.sr_recentpost .blogpost_item .blogpost_title h2 { max-width: 665px; margin: 0 auto; color: #fff; font-size: 50px; font-weight: 600; line-height: 58px; }
.sr_recentpost .blogpost_item .btn-text-wrap { display: flex; justify-content: flex-end; }

.why_ds { display: inline-block; width: 100%; }
.why_ds { display: inline-block; width: 100%; vertical-align: top; margin: 120px 0; border: .5px solid rgb(11 45 67 / 50%); border-right: 0; border-left: 0; }
.why_ds  .wrapper { max-width: 1400px; }
.why_ds .section_wrap { display: flex; flex-wrap: wrap; align-items:flex-start; }
.why_ds .section_wrap .left_part { width: 50%; padding-right: 12px; padding: 53px 12px 53px 0; position:sticky; top:130px; }
.why_ds .section_wrap .right_part { width: 50%; padding: 53px 0 53px 70px; border-left: .5px solid rgb(11 45 67 / 50%); }
.why_ds .section_wrap .left_part h2 { font-size: 50px; font-weight: 600; line-height: 58px; /* 116% */ }
.why_ds .section_wrap .left_part .btn-text-wrap { padding-top: 50px; display: flex; align-items: center; }
.why_ds .section_wrap .left_part .btn-text-wrap .btn-text { padding-left: 25px; }
.why_ds .section_wrap .left_part .btn-text-wrap .btn-text strong { display: block; color: #0B2D43; }
.why_ds .section_wrap .right_part ul { list-style-type: none; padding: 25px 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; }
.why_ds .section_wrap .right_part ul li { margin: 0 0 5px 5px; }
.why_ds .section_wrap .right_part ul li a { display: inline-block; border-radius: 22.936px; border: .5px solid rgb(11 45 67 / 50%); text-align: center; font-size: 15px; font-weight: 600; line-height: 30px; /* 200% */ color: #0B2D43; padding: 5px 10px; }
.why_ds .section_wrap .right_part ul li a:hover { background: #0D89D3; color: #fff; border-color: #0D89D3; }

.service_video { width: 100%; vertical-align: top; height: 810px; position: relative; display: flex; align-items: center; justify-content: center; }
.service_video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service_video a#playButton { width: 210px; height: 210px; background: #0D89D3; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.service_video a#playButton:hover { background: #0B2D43; }

.servicevid_cap { padding: 98px 0 32px; text-align: center; display: inline-block; width: 100%; }
.servicevid_text .pretitle { font-size: 17px; font-style: normal; font-weight: 600; line-height: 30px; /* 176.471% */ letter-spacing: 3.4px; }
.servicevid_text .title { font-size: 50px; font-style: normal; font-weight: 600; line-height: 70px; }
.servicevid_text .title span { color: #0D89D3; }

.service_subscribe { display: inline-block; width: 100%; vertical-align: top; padding: 90px 0; }
.service_subscribe .section_wrap { display: flex; background: #0B2D43; align-items: center; justify-content: space-between; padding: 56px 75px; border-radius: 10px; flex-wrap: wrap; }
.service_subscribe .section_wrap .left_part { width: 70%; padding-right: 15px; }
.service_subscribe .section_wrap .left_part h2 { color: #fff; font-size: 40px; font-style: normal; font-weight: 600; line-height: 70px; }
.service_subscribe .section_wrap .left_part h2 span { color: #70B8DA; }
.service_subscribe .section_wrap .left_part .sub_title { color: #fff; }
.service_subscribe .section_wrap .right_part { width: 30%; }
.service_subscribe .section_wrap .right_part .btn-text-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; }
.service_subscribe .wrapper { max-width: 1400px; }
/* .service_subscribe .btn-text-wrap .arrow_btn.white_btn { margin-left: 15px; } */
.service_subscribe .btn-text-wrap .arrow_btn a:hover { background: #0d89d3; border-color: #0d89d3; }
.service_subscribe .btn-text-wrap .arrow_btn.white_btn a { background: transparent; border: .5px solid #fff; }
.service_subscribe .btn-text-wrap .arrow_btn.white_btn a:hover { background: #0d89d3; border-color: #0d89d3; }
.service_subscribe .btn-text-wrap .arrow_btn a { border: .5px solid transparent; }

.service_faq { display: inline-block; width: 100%; vertical-align: top; }
.service_faq .wrapper { max-width: 1400px; }
.service_faq .section_wrap { background: #F8F8F9; border-radius: 10px; border: .5px solid #0B2D43; padding: 57px; display: inline-block; width: 100%; }
.service_faq .section_wrap .title { max-width: 900px; text-align: center; margin: 0 auto; }
.service_faq .faq_wrap { max-width: 900px; margin: 70px auto 60px; }
.service_faq .faq_wrap .col+.col { margin-top: 12px; }
.service_faq .faq_wrap .inner { border-radius: 36.066px; background: #fff; padding: 23px 34px 23px 34px; }
.service_faq .faq_wrap .inner .faq_title { position: relative; padding-right: 50px; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; cursor: pointer; }
.service_faq .faq_wrap .inner .faq_content { display: none; padding-top: 25px; }
.service_faq .faq_wrap .inner .faq_title span { position: absolute; top: -15px; right: -20px; width: 56px; height: 56px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #0D89D3; }
.service_faq .faq_wrap .inner .faq_title span:before,
.service_faq .faq_wrap .inner .faq_title span:after { position: absolute; content: ""; top: 50%; left: 50%; background: #fff; width: 12px; height: 2px; transform: translate(-50%, -50%); }
.service_faq .faq_wrap .inner .faq_title span:after { width: 2px; height: 12px; transition:all .5s ease-in-out; }
.service_faq .btn-text-wrap { display: flex; align-items: center; justify-content: flex-end; max-width: 900px; margin: 0 auto; }
.service_faq .btn-text-wrap .have_que { padding-right: 20px; font-weight: 700; }
.service_faq .faq_wrap .inner .faq_title.active span:after { opacity: 0; }

.about-us-hero .small_title { font-size: 19px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 3.8px; padding-bottom: 7px; position: relative; margin-left: -80px; }

.scrolled-past-hero .remove-sticky { opacity: 0; visibility: hidden; height: 0; transition: 0.4s; }

/*  */
.nc_innerhero { display: inline-block; width: 100%; vertical-align: top; position:relative; z-index:2; }
.nc_innerhero .section_main { padding-left: 66px; }
.nc_innerhero .section_wrap { border-radius: 0 0 0 200px; padding: 5px 0 70px 50px; position: relative; z-index: 1; }
.nc_innerhero .section_wrap:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(70deg, rgba(235, 67, 16, 0.65) 9.24%, rgba(162, 46, 11, 0.48) 18.2%, rgba(0, 0, 0, 0.08) 35.68%); mix-blend-mode: hard-light; z-index: -1; border-radius: 0 0 0 200px; }
.nc_innerhero .section_wrap .top_part { display:flex; justify-content:flex-end; padding-right:70px; }
.nc_innerhero .section_wrap .top_part .earth_wrap { width: 284px; height: 272px; display: flex; justify-content: center; align-items: center; padding:15px 15px 15px 82px; }
.nc_innerhero .section_wrap .top_part .earth_wrap .celebration_text { color: #fff; font-size: 17px; line-height:24px font-weight: 500; }
.nc_innerhero .section_wrap .top_part .earth_wrap span { font-weight: 800; font-size: 18px; }
.nc_innerhero .section_wrap .highlight_stroy { position: absolute; bottom: 50px; left: 50px; }
.nc_innerhero .section_wrap .highlight_stroy a { text-align:center; display: flex; align-items: center; justify-content: center; width: 333px; height: 333px; border: .5px solid #F8F8F9; border-radius: 100%; background: transparent; letter-spacing: 3.2px; color: #fff; font-weight: 600; flex-wrap: wrap; }
.nc_innerhero .section_wrap .highlight_stroy a:hover { background: rgb(13 137 211 / 30%); }
.nc_innerhero .section_wrap .highlight_stroy a span { width: 100%; font-size: 30px; font-style: normal; letter-spacing:0; font-weight: 700; line-height: 40px; }
.nc_innerhero .section_wrap .highlight_stroy a .highlight_btn { margin: 0 0 25px; padding-top:35px; }
.nc_innerhero .section_wrap .center_part { max-width: 820px; margin: 0 auto; padding-left: 90px; }
.nc_innerhero .section_wrap .center_part ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; list-style-type: none; }
.nc_innerhero .section_wrap .center_part ul li { color: #fff; font-size: 18px; font-weight: 600; line-height: 30px; /* 166.667% */ letter-spacing: 3.6px; }
.nc_innerhero .section_wrap .center_part ul li+li { padding-left: 15px; margin-left: 15px; position: relative; }
.nc_innerhero .section_wrap .center_part ul li+li:before { position: absolute; content: ""; top: 8px; left: 0; width: 2px; height: 15px; background: #fff; line-height: 1; transform: rotate(16deg); }
.nc_innerhero .section_wrap .center_part h1 { font-size: 87px; font-style: normal; font-weight: 600; line-height: 87px; color: #fff; padding: 6px 0 20px; }
.nc_innerhero .section_wrap .center_part .btn_cont { display: flex; align-items: center; flex-wrap: wrap; }
.nc_innerhero .section_wrap .center_part .btn_cont .sub_title { width: calc(100% - 155px); padding-left: 30px; color: #fff; font-size: 19px; font-style: normal; font-weight: 500; line-height: 27px; }
.nc_innerhero .section_wrap .center_part .btn_cont .arrow_btn a { min-width: auto; }
.nc_innerhero .hero_menu_wrap { max-width: calc(100% - 576px); margin: 175px 0 0 auto; }
.nc_innerhero .hero_menu_wrap .menu_title { color: #fff; letter-spacing: 3.2px; padding-bottom: 10px; }
.nc_innerhero .hero_menu_wrap .hero_menu ul { list-style-type: none; padding: 10px 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; border: .5px solid #F8F8F9; border-radius: 5px 0px 0px 5px; border-right: 0; background: rgba(36, 63, 79, 0.20); backdrop-filter: blur(8.5px); }
.nc_innerhero .hero_menu_wrap .hero_menu ul li.nation_title { display: none; padding: 20px; color: #fff; font-weight: 500; }
.nc_innerhero .hero_menu_wrap .hero_menu ul li a { display: inline-block; padding: 20px; color: #fff; font-weight: 500; }
.nc_innerhero .hero_menu_wrap .hero_menu ul li { margin-right: 20px; }
body.scrolled-past-hero .hero_menu_wrap.heromenu_sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9; margin: 0 auto; max-width: 1360px; background: #0D89D3; backdrop-filter: blur(15px); border: none; transition: all 0.4s ease-in-out; opacity: 1; visibility: visible; height: auto; }
body.scrolled-past-hero .hero_menu_wrap .hero_menu ul li.nation_title { display: block !important; color: #fff; padding: 20px; position: relative; left: -40px; letter-spacing: 3.2px; }
body.scrolled-past-hero .hero_menu_wrap .hero_menu ul li.nation_title span { display: none; }
body.scrolled-past-hero .hero_menu_wrap .hero_menu ul { background: transparent; border: none; backdrop-filter: none; justify-content:center; }
.nc_innerhero .hero_menu_wrap.heromenu_sticky { opacity: 0; visibility: hidden; margin: 0; height: 0; border-radius: 0px 0px 40px 40px; width: calc(100% - 30px); }

/*  */
.why_doors { display: inline-block; width: 100%; vertical-align: top; margin-top: 197px; position: relative; overflow-x: clip; }
.why_doors .shadow_text { position: absolute; top: 0; left: 0; right: 0; font-size: 230px; font-style: normal; font-weight: 500; z-index: -1; color: #F8F8F9; line-height: 1; white-space: nowrap; }
.why_doors .section_wrap { display: flex; flex-wrap: wrap; }
.why_doors .section_wrap .left_part { padding-right: 65px; width: 69%; }
.why_doors .wrapper { max-width: 1476px; }
.why_doors .section_wrap .right_part { width: 31%; padding-left: 25px; padding-top: 136px; }
.why_doors .section_wrap .left_part .left_inner { display: flex; flex-wrap: wrap; }
.why_doors .section_wrap .left_part .left_inner .sub_title { letter-spacing: 3.6px; width: 150px; padding-top: 5px; font-size: 18px; font-weight: 600; }
.why_doors .section_wrap .left_part .left_inner .sub_title:before { position: absolute;    /* content: ""; */ top: 0; left: 0; width: 2px; height: 15px; background: #E84315; transform: rotate(14deg); }
.why_doors .section_wrap .left_part .left_inner .left_cont { width: calc(100% - 150px); padding-left: 115px; }
.why_doors .section_wrap .left_part h2 { font-size: 51px; font-style: normal; font-weight: 600; line-height: 59px; }
.why_doors .section_wrap .left_part h2 span { color: #0D89D3; }
.why_doors .section_wrap .left_part .cont { padding: 30px 0 80px; }
.why_doors .section_wrap .left_part .benifit_title { font-weight: 600; line-height: normal; letter-spacing: 3.6px; padding-bottom: 26px; }

.why_doors .accrodian_box .accrodain_inner+.accrodain_inner { margin-top: 34px; }
.why_doors .accrodian_box .accrodain_inner .box_title { color: #0B2D43; font-size: 32px; font-weight: 700; line-height: 36px; position: relative; padding-left: 20px; cursor: pointer; transition: all .5s ease-in-out; }
.why_doors .accrodian_box .accrodain_inner .box_contnent { display:none; }
.why_doors .accrodian_box .accrodain_inner .box_contnent .content_inner { padding-top: 16px; }
.why_doors .accrodian_box .accrodain_inner .box_title:before { position: absolute; content: ""; top: 11px; left: 0; background: url(https://www.doorsystems.com/hubfs/orange-arrow.svg)no-repeat center/cover; width: 11px; height: 12px; }
.why_doors .accrodian_box .accrodain_inner { transition: all .5s ease-in-out; display: inline-block; }
.why_doors .section_wrap .right_part .link { padding: 4px 0; border: .5px solid; border-left: 0; border-right: 0; margin-top: 16px; text-align: right; }
.why_doors .section_wrap .right_part .link a { color: #0B2D43; font-size: 15px; font-style: normal; font-weight: 600; line-height: 1; padding-right: 15px; position: relative; }
.why_doors .section_wrap .right_part .link a:before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.93542 7.97833C4.01773 8.07152 4.11838 8.11819 4.23736 8.11833C4.35635 8.11819 4.45879 8.07152 4.54469 7.97833L7.77979 4.4784C7.86234 4.38935 7.90368 4.28046 7.90381 4.15174C7.90368 4.02301 7.86234 3.91218 7.77979 3.81925L4.5447 0.319313C4.45879 0.230007 4.35635 0.185285 4.23736 0.185148C4.11838 0.185285 4.01773 0.230006 3.93542 0.319312C3.84928 0.412249 3.80614 0.52308 3.80602 0.651806C3.80614 0.780531 3.84928 0.889418 3.93542 0.978466L6.43184 3.68508L1.00227 3.68508C0.88328 3.68521 0.782632 3.72994 0.700323 3.81924C0.614179 3.91218 0.571045 4.02301 0.570919 4.15174C0.571045 4.28046 0.614179 4.38935 0.700322 4.4784C0.782632 4.57159 0.88328 4.61826 1.00226 4.61839L6.43184 4.6184L3.93542 7.31917C3.84928 7.41211 3.80614 7.52294 3.80601 7.65167C3.80614 7.78039 3.84928 7.88928 3.93542 7.97833Z' fill='%230B2D43'/%3E%3C/svg%3E%0A"); width: 8px; height: 9px; right: 0; top:7px;}
.why_doors .section_wrap .right_part .link a:hover { color:#E84315; } 
.why_doors .section_wrap .right_part .img { height: 802px; display: flex; align-items: center; justify-content: center; }
.why_doors .section_wrap .right_part .img img { object-fit: cover; height: 100% !important; }

/*  */
.key_milesstone { display: inline-block; width: 100%; vertical-align: top; padding: 70px 0; }
.key_milesstone .main_part { padding-left: 70px; }
.key_milesstone .section_wrap .left_inner h2 span { color: #0d89d3; }
.key_milesstone .section_wrap { border-radius: 10px 0 0 10px; border: 0.5px solid #0B2D43; border-right: 0; background: #F8F8F9; display: flex; flex-wrap: wrap; }
.key_milesstone .section_wrap .left_part { width: 20%; padding: 25px 15px 40px 25px; padding-bottom: 40px; }
.key_milesstone .section_wrap .right_part { width: 80%; padding-left: 15px; padding-bottom: 25px; }
.key_milesstone .section_wrap .left_part .sub_title { padding-top: 150px; font-size: 20px; font-weight: 500; }
.key_milesstone .section_wrap .left_part h2 span { color: #0D89D3; }
.key_milesstone .right_part .top_slider { max-width: 600px; overflow: hidden; padding: 25px 140px 25px 0; position: relative; }
.key_milesstone .right_part .top_slider .inner { padding: 0 15px; }
.key_milesstone .right_part .top_slider .slick-list.draggable { margin: 0 -15px; }
.key_milesstone .right_part .top_slider .inner .year { padding-left: 14px; font-weight: 500; position: relative; }
.key_milesstone .right_part .top_slider .inner .year span { position: absolute; left: 0; top: 2px; }
.key_milesstone .right_part .top_slider .slick-slide.slick-active { }
.key_milesstone .right_part .top_slider .slick-slide.slick-active.slick-current .year { color: #eb4310; }
.key_milesstone .right_part .top_slider .slick-arrow { position: absolute; right: 0; top: 37px; margin: 0; background: rgba(235, 67, 16, 0.10); width: 44px; height: 28px; border: none; cursor: pointer; }
.key_milesstone .right_part .top_slider .slick-arrow:before { background: url(https://www.doorsystems.com/hubfs/orange-arrow.svg) no-repeat 50% / cover; content: ""; height: 12px; left: 50%; position: absolute; top: 50%; width: 11px; transform: translate(-50%, -50%); }
.key_milesstone .right_part .top_slider .slick-prev.slick-arrow { right: 50px; left: auto; transform: rotate(180deg); top: 23px; }
.key_milesstone .right_part .btm_slider .slick-list.draggable { padding-right: 100px; padding-top: 70px; }
.key_milesstone .right_part .btm_slider .inner { padding: 0 15px; border-left: .5px solid rgb(11 45 67 / 50%); }
.key_milesstone .right_part .btm_slider .inner .title_cont { padding-top: 63px; max-width: 80%; }
.key_milesstone .right_part .btm_slider .inner .year { font-size: 60px; font-weight: 800; line-height: 36px; }
.key_milesstone .right_part .btm_slider .inner .box_title { font-size: 18px; font-weight: 700; color: #0d89d3; }

/*  */
.newarrow_btn a { min-width: 122px; border-radius: 3px; background: #E84315; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; color: #fff; padding: 9px 31px 9px 11px; display: inline-block; }
.newarrow_btn a:after { background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/right-arrow-svg-1.svg) no-repeat 50% / cover; content: ""; display: inline-block; height: 8px; left: 20px; position: relative; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; width: 10px; top: -1px; }
.newarrow_btn a:hover { background: #0b2d43; }

/*  */
.nc_service { display: inline-block; width: 100%; vertical-align: top; padding: 160px 0; position: relative; z-index: 1; }
.nc_service .wrapper { max-width: 1476px; }
.nc_service .sectoin_wrap { display: flex; flex-wrap: wrap; }
.nc_service .sectoin_wrap .left_part { width: 33%; padding-right: 15px; color: #fff; }
.nc_service .sectoin_wrap .left_part .left_inner { position: sticky; top: 120px; }
.nc_service .sectoin_wrap .right_part { width: 67%; padding-left: 50px; color: #fff; padding-top: 50px; }
.nc_service .left_part .sub_title { font-weight: 600; line-height: normal; letter-spacing: 3.6px; }
.nc_service .left_part .left_content { padding: 45px 0 21px; font-size: 18px; line-height:28px; }
.nc_service .left_part .list_box { display: block; width: 100%; padding-top: 55px; }
.nc_service .left_part .arrow_btn { display: inline-block; width: 100%; }
.nc_service .left_part .list_box ul { list-style-type: none; padding: 0; margin: 0; }
.nc_service .left_part .list_box ul li { position: relative; padding-left: 36px; font-size: 17px; font-style: normal; font-weight: 600; }
.nc_service .left_part .list_box ul li+li { margin-top: 24px; }
.nc_service .left_part .list_box ul li:before { position: absolute; content: ""; top: 0; left: 0; background: url(https://www.doorsystems.com/hubfs/DoorSystems-2020/Images/star-icon.svg)no-repeat center/cover; width: 21px; height: 26px; }
.nc_service .left_part .list_box ul li:nth-child(even):before { background: url(https://www.doorsystems.com/hubfs/DoorSystems-2020/Images/star-icon-o2.svg)no-repeat center/cover; }
.nc_service .right_part .right_top { position: relative; z-index: 1; border-radius: 10px; border: 0.5px solid #ACACAC; overflow: hidden; background-position: top center !important; }
.nc_service .right_part .right_top:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(11, 45, 67, 0.95); mix-blend-mode: hard-light; z-index: -1; }
.nc_service .rightcard_box { position: relative; border-radius: 10px; border: 0.5px solid #ACACAC; z-index: 1; padding: 55px 37px; position: sticky; top: 80px; overflow: hidden; }
.nc_service .rightcard_box:after { content: ''; background: rgba(11, 45, 67, 0.95); mix-blend-mode: hard-light; height: 100%; width: 100%; display: inline-block; position: absolute; inset: 0; z-index: -1; }
.nc_service .rightcard_cap .title { color: #fff; margin-bottom: 10px; }
.nc_service .rightcard_cap .content { max-width: 503px; }
.nc_service .rightcard_serv { margin: 73px 0 0 auto; max-width: 525px; }
.nc_service .rightcard_serv .box_title { text-transform: uppercase; font-weight: 600; line-height: normal; letter-spacing: 3.4px; padding-bottom: 12px; font-size: 17px; border-bottom: 1px solid rgb(255 255 255 / 50%); }
.nc_service .rightcard_serv .content { font-size: 17px; font-weight: 600; }
.nc_service .rightcard_serv .content ul { padding: 0; margin: 0; list-style: none; }
.nc_service .rightcard_serv .content ul li { padding: 8px 0; border-bottom: 1px solid rgb(255 255 255 / 50%); }
.nc_service .map_img { position: absolute; bottom: 0; left: 0; z-index: -1; }
.nc_service .map_img:after { content: ''; border-radius: 459.054px; background: var(--Blue, #0D89D3); mix-blend-mode: color-dodge; filter: blur(87.5px); width: 459.054px; height: 455.662px; display: inline-block; position: absolute; left: 0; bottom: 70px; }
.nc_service .bottomcon_box { display: inline-block; padding-top: 428px; width: 100%; }
.nc_service .bottomcon_box .btm_subtitle { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 3.6px; }
.nc_service .bottomcon_box .btm_subtitle span { color: #e84315; padding-right: 10px; position: relative; top: -1px; }
.nc_service .bottomcon_box .bottom_part { max-width: 780px; color: #fff; margin: 0 auto; }
.nc_service .bottomcon_box .bottom_part .bottom_title { font-size: 60px; line-height: 1.2; color: #fff; }
.nc_service .bottomcon_box .bottom_part .btm_subcontent { padding-bottom: 22px; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; }
.nc_service .bottomcon_box .bottom_part .btm_subcontent span { font-weight: 800; }
.nc_service .bottomcon_box .bottom_part .newarrow_btn { margin-top: 22px; }
.nc_service .bottomcon_box .bottom_part .newarrow_btn a { background: transparent; border: 1px solid #fff; }
.nc_service .bottomcon_box .bottom_part .newarrow_btn a:hover { background: #e84315; border-color: #e84315; }

/*  */
.markets_sc { padding: 100px 0 100px 74px; }
.markets_main .markets_cap { display: inline-block; font-size: 60px; font-style: normal; font-weight: 600; line-height: 70px; flex-flow: row wrap; align-items: center; max-width: 1370px; }
.markets_main .markets_cap span { color: #E84315; }
.markets_main .markets_cap .pretitle { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 3.6px; padding-right: 50px; position: relative; display: inline; vertical-align: middle; }
.markets_main .markets_cap .pretitle:before { content: '/'; color: #E84315; position: relative; top: -1px; }
.markets_wrap { display: flex; flex-flow: row wrap; justify-content: space-between; }
.markets_wrap .left_part { width: 345px; display: flex; flex-flow: column; justify-content: space-around; }
.markets_wrap .right_part { margin-top: -50px; width: calc(100% - 434px); border-width: 0 0 1px 1px; border-style: solid; border-color: #0B2D43; }
.markets_wrap .left_part .round_img { width: 319px; height: 319px; }
.markets_wrap .left_part .round_img img { width: 100%; height: 100% !important; border-radius: 50%; border: 1px solid #0B2D43; }
.markets_wrap .left_part .imgbottom_text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; margin-bottom: 16px; }
.markets_wrap .left_part .btnwithcall_text { display: flex; align-items: center; }
.markets_wrap .left_part .btnwithcall_text .newarrow_btn { width: 150px }
.markets_wrap .left_part .btnwithcall_text .call_text { width: calc(100% - 150px); display: flex; flex-direction: column; padding-left: 20px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 23px; }
.markets_wrap .left_part .btnwithcall_text .call_text a { color: #0B2D43; font-weight: 700; }
.markets_wrap .right_part .right_text { font-size: 19px; font-style: normal; font-weight: 400; line-height: 30px; max-width: 1130px; padding: 29px 0 60px 17px; }
.markets_wrap .right_part .titlecon_group { padding: 13px 28px; transition: all .5s ease-in-out; }
.markets_wrap .right_part .titlecon_group .title { line-height: 45px; }
.markets_wrap .right_part .titlecon_group .content { font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; max-width: 1130px; display: none; }
.markets_wrap .right_part .titlecon_group:not(:last-child) { border-bottom: 1px solid #0B2D43; border-radius: 0 0 0 5px; }

/*  */
.training_sc { padding: 50px 42px; display: inline-block; width: 100%; }
.training_main { padding: 78px 40px; position: relative; z-index: 1; border-radius: 10px; overflow: hidden; min-height: 767px; }
.training_main .training_box .vector_img { margin-bottom: -50px; }
.training_main .training_box .vector_img img { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
.training_main:after { content: ''; background: rgba(11, 45, 67, 0.80); mix-blend-mode: multiply; height: 100%; width: 100%; display: inline-block; position: absolute; inset: 0; z-index: -1; }
.training_main .pretitle { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 3.6px; color: #fff; padding-bottom: 35px; }
.training_main .pretitle span { color: #E84315; padding-right: 10px; }
.training_main .training_wrap { text-align: center; position: relative; }
.training_main .training_box { position: relative; z-index: 9; }
.training_main .training_wrap:after { border-radius: 50%; background: #0D89D3; mix-blend-mode: overlay; width: 624.887px; height: 620.27px; filter: blur(75px); position: absolute; top: -70px; display: inline-block; content: ''; left: 50%; transform: translateX(-50%); }
.training_main .training_wrap .title { font-size: 50px; font-style: normal; font-weight: 400; line-height: 70px; color: #fff; }
.training_main .training_wrap .content { max-width: 648px; font-size: 19px; font-style: normal; font-weight: 400; line-height: 30px; color: #fff; margin: 13px auto 0; }

/*  */
.leadership_sc { padding: 100px 0 100px 76px; }
.leadership_cap .pretitle { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 3.6px; padding: 0 0 5px; }
.leadership_cap .pretitle span { color: #E84315; padding-right: 10px; position: relative; top: -1px; }
.leadership_cap .title { font-size: 60px; font-style: normal; font-weight: 600; line-height: 70px; padding: 0 0 27px; }
.leadership_cap .title span { color: #0D89D3; }
.leadership_cap .sticky_text {display: inline-block;background-color: #e74119;color: white;font-style: italic;font-size: 23px;padding: 14px 20px;border-radius: 8px;position: relative;border: 2px solid #333;margin-bottom: 40px;}
.leadership_cap .sticky_text:after {content: "";position: absolute;bottom: -16px;right: 40px;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 16px solid #e74119;}
.leadership_cap .sticky_text:before {content: "";position: absolute;bottom: -18px;right: 38px;width: 0;height: 0;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 18px solid #333;z-index: -1;}
.leadership_mem { padding: 15px; }
.leadership_main .slick-list.draggable { margin-left: -15px; }
.leadership_in { display: flex; flex-flow: row wrap; width: 540px; }
.leadership_in .image { width: 301px; }
.leadership_in .image img { border-radius: 12px; width: 100%; height: 100% !important; object-fit: cover; }
.leadership_in .right_part { width: calc(100% - 301px); padding-left: 20px; }
.leadership_in .right_part .content { font-size: 16px; font-style: normal; font-weight: 600; line-height: 26px; }
.leadership_in .member_details { border-top: 1px solid #0B2D43; border-bottom: 1px solid #0B2D43; margin-top: 18px; padding: 7px 0; }
.leadership_in .member_details .member_name { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
.leadership_in .member_details .designation { font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; }
.leadership_main .slick-arrow { width: 64.433px; height: 45.662px; position: absolute; z-index: 1; top: -75px; margin: 0; cursor: pointer; background: #F8F8F9; border: 0; }
.leadership_main .slick-arrow.slick-prev { left: calc(100% - 300px); }
.leadership_main .slick-arrow.slick-next { left: calc(100% - 230px); }
.leadership_main .slick-prev:before { content: ''; background: url(https://www.doorsystems.com/hubfs/DoorSystems-2020/Images/slick-right-arrow.svg) no-repeat center / cover; height: 15px; width: 15px; display: inline-block; top: 0; transform: rotate(180deg); }
.leadership_main .slick-next:before { content: ''; background: url(https://www.doorsystems.com/hubfs/DoorSystems-2020/Images/slick-right-arrow.svg) no-repeat center / cover; height: 15px; width: 15px; display: inline-block; top: 0; }
.leadership_main .slick-arrow:hover { background: #011e24; }
.leadership_main .slick-arrow:hover:before { filter: invert(1) brightness(100); }

/*  */
.getintouch_sc { padding: 120px 0; display: inline-block; width: 100%; }
.getintouch_sc .wrapper { max-width: 1404px; }
.getintouch_sc .pretitle { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 3.6px; margin-bottom: 8px; }
.getintouch_sc .pretitle span { color: #E84315; padding-right: 10px; position: relative; top: -2px; }
.getintouch_main { display: flex; flex-flow: row wrap; }
.getintouch_main .left_part .title { font-size: 60px; font-style: normal; font-weight: 600; line-height: 70px; margin-bottom: 55px; }
.getintouch_main .left_part { width: 55%; padding-right: 45px; }
.getintouch_main .left_part .title span { color: #0D89D3; }
.getintouch_main .right_part { width: 45%; padding-top: 50px; }
.row-fluid .gettouch_form .hs-form fieldset .hs-input { border-width: 0 0 1px 1px; border-radius: 0 0 0 3px; border-color: #0B2D43; }
.row-fluid .gettouch_form .hs-form fieldset .hs-input { padding: 0 11px; }
.gettouch_form .hs-form input[type=submit],
.gettouch_form .hs-form form button { background: #E84315; border-radius: 3px; min-width: 136px; text-align: left; padding: 0 30px 0 11px; }
.gettouch_form .hs-form-3f9d39bc-a533-47f4-a012-c653ce90e531_d27a6853-a546-40fa-acf7-a13d646f5188 fieldset.form-columns-1 .input { margin-right: 0; }
.gettouch_form .hs-form input[type=submit]:hover { background-color: #00658b; }
.gettouch_form .hs_submit .actions { display: inline-block; position: relative; }
.gettouch_form .hs_submit .actions:after { content: ''; background: url(https://7014622.fs1.hubspotusercontent-na1.net/hubfs/7014622/DoorSystems-2020/Images/slick-right-arrow.svg) no-repeat center / cover; height: 11px; width: 11px; display: inline-block; top: 26px; right: 10px; position: absolute; filter: invert(1) brightness(100); }
.getintouch_main .right_content { padding-bottom: 47px; }
.getintouch_main .content_bx .headquarters_text { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; color: #0D89D3; padding: 6px 0; border-top: 1px solid #0B2D43; border-bottom: 1px solid #0B2D43; }
.getintouch_main .content_bx .address_text { padding: 19px 0 29px; }
.getintouch_main .map_emd { border-radius: 10px; border: 1px solid #0B2D43; overflow: hidden; }
.getintouch_main .map_emd iframe.hs-responsive-embed-iframe { border-radius: 10px; }
.getintouch_main .map_emd .hs-responsive-embed-wrapper { min-width: 100% !important; max-width: 100% !important; }

/* media query */

@media(max-height:768px){
    .offering-details-item {top: 20% !important; padding: 50px 0 0 45px !!important; min-height: 420px !important;}
}

@media(min-width:992px){
    .offering-details-btn-wrap.mobile_hide { display: none; }
    
    .why_doors .accrodian_box .accrodain_inner:hover .box_title { color: #E84315; }
    .why_doors .accrodian_box .accrodain_inner:hover { padding: 0 15px; }
    
    .markets_wrap .right_part .titlecon_group:hover { background: #0D89D3; color: #fff; }
    .markets_wrap .right_part .titlecon_group:hover .title { color: #fff; }
}

@media(min-width:768px){
    .job_item .job_iteminer:hover { background: #0D89D3; box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.30); color: #fff; transform: scale(1.01); }
    .job_item .job_iteminer:hover .job_loc { color: #fff; }
    .job_item .job_iteminer:hover h3 { color: #fff; }
    .job_item .job_iteminer:hover path { transition: all 0.5s; fill: #fff; }
    
    .client-docks-slider .arrowclick_bx { display: none; }
    .client-docks-slider-info-wrap { opacity: 0; visibility: hidden; }
    .client-docks-slider:hover .client-docks-slider-info-wrap { opacity: 1; visibility: visible; }
    
    .imgwithcon_sc .mobile_btn { display: none; }
    
    .mobileimgcon_slider { display: none; }
    
    .hero_menu_wrap .hero_menu_toggle { display: none; }
    
    body.scrolled-past-hero .nc_innerhero .hero_menu_wrap .menu_title { display: none; }
}

@media(max-width:1800px){
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li.hs-item-has-children { padding: 0 19px; }
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li { width: auto !important; padding: 0 21px; }
    .loc-new-innersection .locin-leftnav ul { display: flex; flex-wrap: wrap; }
}

@media(max-width:1646px){
    .nc_innerhero .hero_menu_wrap { max-width: calc(100% - 456px); }
}

@media(max-width: 1600px) and (min-width: 1400px) {
    .locationdata_wrap { flex-flow: row wrap; }
    .row-fluid .locin-left ul li .locationdata_wrap label { width: 100%; }
    .locationdata_wrap .location_close .close_link { padding: 2px 15px 2px 20px; }
    .locationdata_wrap .location_close .close_link img { left: 0; }
    
}

@media(max-width: 1550px){
    .footer_top .top_img { margin-top: -30px; }
    
    .nc_innerhero .hero_menu_wrap { max-width: calc(100% - 366px); }
    .nc_innerhero .hero_menu_wrap .hero_menu ul li { margin-right: 0; }
}

@media(max-width:1500px){
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li a { font-size: 13px; }
/*     .loc-new-innersection .locin-leftnav .hs-menu-wrapper ul { margin-top: -4px; } */
    
    .banner_section:after { height: 700px; width: 700px; }
    
    
}
@media (max-width:1450px){
    .sr_innerhero .wrapper { max-width: 1200px; }
    .sr_innerhero .section_wrap .left_part { padding-left: calc((100% - 1200px) / 2); padding-right: 30px; }
    .sr_innerhero .section_wrap .right_part { padding-left: 15px; width: calc(50% - 15px); }
    .sr_innerhero .title .white_title { left: 0; }
    .title_content .wrapper { max-width: 1200px; }
    .how_itworks .wrapper { max-width: 1200px; }
    .how_itworks .title_part h2 { width: 40%; }
    .how_itworks .title_part .top_cont { width: 60%; }
    .the_process .wrapper { max-width: 1200px; }
    .nr_titlecont .wrapper { max-width: 1200px; }
    .img_content .section_main .wrapper { max-width: 1200px; }
    .service_zigzag .wrapper { max-width: 1200px; }
    .sr_imgcont_sticky .wrapper { max-width: 1200px; }
    .sr_recentpost .wrapper { max-width: 1200px; }
    .why_ds .wrapper { max-width: 1200px; }
    .service_subscribe .wrapper { max-width: 1200px; }
    .service_faq .wrapper { max-width: 1200px; }
    .service_subscribe .section_wrap .left_part { width: 60%; }
    .service_subscribe .section_wrap .right_part { width: 40%; }
    .sr_innerhero .title .white_title { font-size: 100px; line-height: 64px; }
    .nr_titlecont .about-us-hero-deco { left: auto; right: 0; }
    
    .markets_wrap .right_part { margin-top: 0; }
    .markets_wrap { margin-top: 30px; }
}

@media(max-width:1400px){
    .loc-new-innersection .locin-leftnav .location_menu { width: 100%; }
    
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li a { padding: 6px 0; margin: 16px 8px; }
    .loc-new-innersection .locin-leftnav .location_menu { justify-content: center; }
    
    .values_content h3 { font-size: 45px; line-height: normal; margin-bottom: 0px; }
    
    .header_section.headernew_sc .lang_btn_wrap .ctabtn_sc .hs_cos_wrapper a.cta_button { min-width: 170px; margin: 0; }
    .header_section.headernew_sc .lang_btn_wrap .ctabtn_sc.border-btn-wrap .hs_cos_wrapper a.cta_button { min-width: 170px; margin: 0; }
    .lang_btn_wrap>div>div { margin: 15px 0; flex-flow: inherit; gap: 8px; }
    
    .offering-details-item { padding: 80px 0 0 45px; }

}

@media(max-width:1350px){
    .nc_innerhero .section_wrap { padding: 25px 0 30px 20px; }
    .nc_innerhero .section_wrap .highlight_stroy a { height: 250px; width: 250px; padding: 20px; }
    .nc_innerhero .hero_menu_wrap { margin: 100px 0 0 auto; max-width: calc(100% - 316px); }
    .nc_innerhero .section_wrap .top_part .earth_wrap { height: 212px; width: 221px; }
    .nc_innerhero .section_wrap .top_part .earth_wrap .celebration_text { font-size: 14px; line-height: normal; }
    .nc_innerhero .section_wrap .top_part { padding-right: 20px; }
    .nc_innerhero .section_wrap .center_part h1 { font-size: 70px; line-height: 1.2; }
    
    .why_doors { margin-top: 120px; }
    .why_doors .section_wrap .left_part .left_inner .left_cont { padding-left: 40px; }
    .why_doors .section_wrap .left_part h2 { font-size: 44px; line-height: 1.2; }
    .why_doors .section_wrap .left_part { padding-right: 40px; }
    .why_doors .shadow_text { font-size: 165px; }
    
    .key_milesstone .main_part { padding-left: 20px; }
    
    .markets_sc { padding: 80px 0 80px 20px; }
    .markets_main .markets_cap { font-size: 50px; line-height: 1.3; }
    .markets_main .markets_cap .pretitle { padding-right: 20px; }
    .markets_wrap .right_part { width: calc(100% - 384px); }
        
    .sr_imgcont_sticky .full_wrapper { padding-left: 20px; }
}

@media(max-width:1240px){
    .offering-details-item { padding: 52px 0 40px 45px; }
    .offering-details-item-inner .right { width: 50%; margin-left: 0; }
    .offering-details-product-list-nav ul { gap: 8px; }
    .offering-details-btn-wrap { flex-flow: row wrap; justify-content: center; }
    
    .imgcontentslie_bx.growth-scoll-main { padding-left: calc((100% - 960px)/2); }
    
    .why_doors .section_wrap .left_part .left_inner .sub_title { width: 100%; padding: 0 0 8px; }
    .why_doors .section_wrap .left_part .left_inner .left_cont { padding-left: 0; width: 100%; }
    .why_doors .section_wrap .left_part { padding: 0 30px 0 0; }
    .why_doors .section_wrap .left_part .cont { padding: 20px 0 40px; }
    .why_doors .section_wrap .left_part h2 { font-size: 40px; }
    .why_doors .accrodian_box .accrodain_inner .box_title { font-size: 25px; line-height: 1.3; }
    .why_doors .accrodian_box .accrodain_inner+.accrodain_inner { margin-top: 20px; }
    .why_doors .section_wrap .right_part .link a { display: inline-block; width: 100%; }
    .why_doors .section_wrap .right_part .link { text-align: left; }
    .why_doors .section_wrap .right_part { padding-left: 0; } 
    .why_doors .section_wrap .right_part .img { height: 530px; }
}

@media(max-width:1200px){
    .bg_title { font-size: 130px; }
    .row-fluid .hero_careers .sol-heroleft h1 { font-size: 50px; line-height: 50px; margin-top: 8px; }
    .row-fluid .door_careers .sol-heroleft { padding-top: 30px; }
    .row-fluid .careers_door_systems .sol-heroright { height: 330px; }
    .arrow_slider { margin-right: 0; }
    .testi_text { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
    .job_item h3 { font-size: 24px; line-height: 24px; }
    .job_text { font-size: 14px; line-height: 21px; }

    .testi_content:after, .testi_content:before {  width: 121px; height: 118px; }
    .testi_content:before { top: -60px; }
    
    .community_sec {  padding-top: 170px;  padding-left: 0;  padding-bottom: 20px; }
    
    .benefits_wrap .benefits_content { padding-top: 69px; }
    .benefits_text { font-size: 18px; margin-top: 0; line-height: 28px;}
    .benefits_right { padding-top: 50px; }
    
    .locationdata_wrap .location_close .close_link { padding: 8px 0; }
    
    .row-fluid .locin-left ul li .location-change a.change-location-link img { top: 1px; }
    .locationdata_wrap .location_close .close_link img { top: 4px; left: 0;  }
    .locationdata_wrap { align-items: center; }
    .locationdata_wrap .location_close .close_link { padding: 0 0 0 15px; line-height: normal; text-align: left; }
    .row-fluid .locin-left ul li label.location_close { padding-top: 2px; }
    
    .banner_section .cont_btn .content { width: 100%; padding:0; }
    .banner_section:after { height: 681px; width: 623px; }
    .banner_section .cont_btn .btn_wrap { width: 100%; padding-top: 25px; }
    .banner_section .title_cont h1 { font-size: 60px; line-height: 1.1; max-width:100%; }
    
    .banner_section .window_img { max-width: 40%; }
    .banner_section .window_img img { width: 100%; object-fit: cover; height: 100% !important; }
    
    .header_section.headernew_sc .menulist_sc .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 40px 10px; }
    
    .header_section.headernew_sc .ctabtn_sc.border-btn-wrap { padding-top: 8px; }
    .lang_btn_wrap>div>div { flex-flow: wrap; gap: 0; }
    .rightmenu_list .span12.widget-span .menulist_sc { width: 78%; }
    .rightmenu_list .widget-type-cell.lang_btn_wrap { width: 17%; }
    
    .testimonail_sc .testimonail_text { font-size: 30px; line-height: 40px; }
    
    .imgwithconsc_wrap .main_title { font-size: 30px; line-height: 38px; }
    .imgwithcon_sc .wrapper { width: 100% !important; }

    .footernew_sc { margin-top: 30px; }
    .footer_top .title { font-size: 38px; line-height: 48px; margin: 0 auto 20px; }
    .footer_top .button_group .arrow_btn a { padding: 18px 25px 18px 15px; min-width: 320px; font-size: 25px; }
    .footer_bottom { padding: 40px 30px 20px; margin: 0 15px; }
    .copyright_bx { padding: 0 65px; }
    
    .offering-details-main-wrap { padding: 40px 0; }
    .offering-details-slider-text { font-size: 100px; }
    .offering-details-row { padding-top: 135px; }
    
    body .about-back-slider-wrap { top: 37px; }
    .about-us-hero-block-1,
    .about-us-hero-block-2 { line-height: 45px; font-size: 40px; }
    .about-us-hero-block-3 .main-title { font-size: 40px; line-height: 45px; }
    
    .imgcon_details .title { font-size: 50px; }
    .imgcon_details .contdetail_bx { margin-top: -50px; padding: 20px 40px 20px 20px; }
    
    .striptext_bx .strip_text { width: 560px; }
    
    .imgcontentslie_in .list-wrapper .imgcon_details .inner { margin-right: 30px; }
    .imgcontentslie_in .list-wrapper .imgcon_details { min-width: 750px; }
    
    .sr_innerhero .wrapper { max-width: 950px; }
    .sr_innerhero .title h1 { font-size: 55px; line-height: 60px; }
    .sr_innerhero .section_wrap .left_part { padding-left: calc((100% - 950px) / 2); padding-right: 15px; }

    .title_content .wrapper { max-width: 950px; }
    .title_content .section_main { padding: 40px; }
    .title_content .section_main .cont_wrap h2 { font-size: 40px; line-height: 50px; }

    .how_itworks .title_part h2 { font-size: 50px; line-height: 55px; }
    .how_itworks .title_part h2 span { font-size: 50px; line-height: 55px; }
    .how_itworks .wrapper { max-width: 950px; }
    .how_itworks .section_wrap .left_part { width: 25%; top: 190px; }
    .how_itworks .section_wrap .right_part { width: 75%; padding-left: 15px; }
    .how_itworks .left_part ul li a { font-size: 100px; line-height: 70px; }
    .how_itworks .right_part .right_inner h3 { font-size: 32px; line-height: 28px; }

    .the_process .wrapper { max-width: 950px; }
    .the_process .title_sub h2 { font-size: 50px; line-height: 60px; }
    .the_process .slider_wrap .inner { padding: 40px 15px 40px; }
    .the_process .slider_wrap .inner .number { padding-bottom: 40px; }

    .nr_titlecont .wrapper { max-width: 950px; }
    .nr_titlecont .section_wrap { padding: 50px; display: inline-block; }
    .nr_titlecont .section_wrap h2 { font-size: 40px; line-height: 50px; }

    .img_content .section_main h2 { font-size: 30px; line-height: 1.5; }
    .img_content .section_main .title { padding-bottom: 70px; }
    .img_content .section_main .shape { top: 0; right: 50%; transform: translateX(50%); max-width: 50%; z-index: -1; }
    .img_content .section_main { margin-left: 15px; width: calc(100% - 15px); }

    .service_zigzag .wrapper { max-width: 950px; }
    .service_zigzag .top_part h2 { font-size: 40px; line-height: 50px; }
    .service_zigzag .section_wrap .col .left_part .left_inner { padding: 50px 15px; }
    .service_zigzag .section_wrap .col .left_part h2 { font-size: 40px; line-height: 45px; }

    .sr_imgcont_sticky { padding: 80px 0; }
    .sr_imgcont_sticky .wrapper { max-width: 950px; }
    .sr_imgcont_sticky h2 { font-size: 40px; line-height: 45px; }
    .sr_imgcont_sticky .section_wrap .col .right_part .right_inner { padding: 50px 0 0 15px; }
    .sr_imgcont_sticky .right_inner h3 { font-size: 35px; line-height: 40px; }
    .sr_imgcont_sticky .section_wrap .col .left_part .img { max-height: 500px; }

    .sr_recentpost .wrapper { max-width: 950px; }
    .sr_recentpost .blogpost_item { padding: 40px; }
    .sr_recentpost .blogpost_item .blogpost_title h2 { font-size: 40px; line-height: 45px; }

    .why_ds { margin: 80px 0; }
    .why_ds .wrapper { max-width: 950px; }
    .why_ds .section_wrap .left_part { padding: 30px 12px 30px 0; }
    .why_ds .section_wrap .left_part h2 { font-size: 40px; line-height: 45px; }
    .why_ds .section_wrap .right_part { padding: 30px 0 30px 50px; }

    .service_video { height: 600px; }
    .service_video a#playButton { width: 100px; height: 100px; }
    .service_video a#playButton svg { width: 30px; }

    .service_subscribe .wrapper { max-width: 950px; }
    .service_subscribe .section_wrap { padding: 30px; }
    .service_subscribe .section_wrap .left_part h2 { font-size: 28px; line-height: 38px; }
    .service_subscribe .section_wrap .left_part .sub_title { padding-top: 10px; }
    .service_subscribe .section_wrap .left_part { width: 55%; }
    .service_subscribe .section_wrap .right_part { width: 45%; }
    .service_subscribe { padding: 70px 0; }

    .service_faq .wrapper { max-width: 950px; }
    .service_faq .section_wrap { padding: 30px; }
    
    body.scrolled-past-hero .hero_menu_wrap .hero_menu ul li.nation_title { display: none !important; }
    .nc_innerhero .section_main { padding-left: 20px; }
    .nc_innerhero .hero_menu_wrap .hero_menu ul li a { padding: 15px; }
    .nc_innerhero .section_wrap .center_part { padding-left: 160px; }
    .nc_innerhero .section_wrap .center_part .btn_cont .sub_title { font-size: 17px; }
    .nc_innerhero .section_wrap .center_part h1 { font-size: 60px; }
    .nc_innerhero .section_wrap .center_part ul li { font-size: 16px; line-height: 1.2; }
    
    .key_milesstone .section_wrap .left_part { width: 25%; }
    .key_milesstone .section_wrap .right_part { width: 75%; }
    
    .nc_service { padding: 80px 0; }
    .nc_service .sectoin_wrap .right_part { padding-left: 20px; }
    .nc_service .bottomcon_box { padding-top: 130px; }
    .nc_service .left_part .left_content { padding: 25px 0 21px; }
    .nc_service .map_img { max-width: 500px; }
    .nc_service .map_img:after { height: 300px; width: 300px; bottom: 80px; }
    .nc_service .bottomcon_box .bottom_part .bottom_title { font-size: 50px; }
    .nc_innerhero .section_wrap .highlight_stroy a .highlight_btn { margin: 0 0 5px; }
    
    .markets_main .markets_cap { font-size: 42px; }
    .markets_main .markets_cap .pretitle { font-size: 16px; }

    .training_main { padding: 40px 20px; min-height: 550px; }
    .training_main .training_wrap .title { font-size: 40px; line-height: 1.5; }
    .training_main .training_wrap .content { font-size: 17px; line-height: 1.5; }
    .training_main .training_wrap:after { width: 500px; height: 500px; }
    .training_main .training_box .vector_img img { width: 190px; }
    .training_main .training_box .vector_img { margin-bottom: -20px; }
    
    .leadership_sc { padding: 80px 0 80px 20px; }
    .leadership_cap .title { font-size: 50px; line-height: 1.2; }
    .leadership_cap .pretitle { font-size: 16px; }
    .leadership_cap .sticky_text { font-size: 20px; }
    
    .servicevid_text .title { font-size: 46px; line-height: 1.3; }
    
    .getintouch_main .left_part .title { font-size: 50px; line-height: 1.3; }
    .getintouch_sc { padding: 80px 0; }
}

@media(max-width:991px){
    .bg_title { font-size: 100px; line-height: normal; }
    .row-fluid .hero_careers .sol-heroleft h1 { font-size: 40px; line-height: 40px; }
    .row-fluid .door_careers .sol-heroleft h2 { font-size: 22px; line-height: normal; }
    .benefits_content h2 { font-size: 45px; line-height: 45px; }
    .accordion_row { padding-left: 0; }
    .accordion_item { padding: 15px 0 15px 0; }
    .accordion_item h3 { font-size: 20px; }
    .community_sec h2 { font-size: 40px; line-height: 48px; }
    .community_sec .bg_title { font-size: 90px; }
    .job_opening_title h2 { font-size: 50px; display: block; width: 100%; }
    .job_location_title { font-size: 15px; }
    .job_location_item a:hover, .job_location_item.active a { min-height: 280px; }
    .job_location_row { height: 300px; }
    .job_opening_sec { min-height: 440px; }
    .job_opening_wrap { margin-bottom: 0; }
    
    .job_sec h2 {  font-size: 50px; }
    .filter_box {  margin-bottom: 19px; margin-right: 10px;  min-width: 350px; }
    .job_item h3 {  font-size: 18px; }
    
    .slider_row .slick-slide { width: 716px; }

    /* */
    .tab_click { display: none; }
    .values_item { position: static; transform: none !important; height: auto; }
    .title_sec { height: auto; position: static; }
    .values_row { margin-top: 0; padding-top: 30px; padding-bottom: 0 !important; }
    .values_text { font-size: 14px; line-height: 20px; }
    .values_content h3 { font-size: 45px; line-height: normal; margin-bottom: 0; }
    .values_content { padding-right: 40px; }
    .title_sec h2 { font-size: 40px; line-height: normal; }
    .values_item:last-child {  margin-bottom: 0; }
    
    .job_loc { font-size: 12px; line-height: normal; }
    .job_loc svg:first-child { width: 20px; }
    
    .link_btn { font-size: 0; margin-bottom: 0; }
    .job_iteminer:hover .link_btn { font-size: 12px; }

    .banner_section .title_cont h1 { max-width: 90%; }
    
    .testimonail_grup { padding: 60px 0 70px; }
    .testimonail_grup .testimonailgrup_wrap { top: -180px; right: 30%; }
    .testimonail_grup .testimonailgrup_wrap.shadow_right { top: -50px; right: 0; }
    .testimonail_slider { padding-right: 25%; }

    .footer_shape { height: 110%; }
    .footer_top .top_img { margin-top: 0; }
    .footer_top .title { font-size: 35px; line-height: 45px; }
    .text_slider .slidertext_bx { font-size: 70px; line-height: 60px; }
    .footer_bottom .logo_in { width: 100%; padding: 0 0 25px; text-align: center; }
    .footer_bottom .footermenu_in { width: 20%; }
    .footer_bottom .socialbtn_in { width: 20%; }
    .copyright_bx { padding: 0 20px; }
    
    .offering-details-main-wrap .wrapper { width: 100%; }
    .offering-details-item-inner .right .offering-details-btn-wrap { display: none; }
    .offering-details .content { font-size: 24px; }
    .offering-details-item-inner .right { position: absolute; right: 0; top: 0; }
    .offering-details-item-inner .right img { border-radius: 0; }
    .offering-details h2:after { display: none; } 
    .offering-details-item { padding: 50px 15px 20px; overflow: hidden; position: relative !important; top: 0 !important; }
    .offering-details-item-inner .left { width: 100%; }
    .offering-details-btn-wrap.mobile_hide { padding: 0; bottom: 0; left: 0; position: relative; padding-top: 25px; }
    .offering-details-item-inner .right:after { background: rgb(0 0 0 / 30%) !important; mix-blend-mode: darken; } 
    .offering-details-product-list .offering-details-product-list-nav { width: 100%; padding: 10px 0 0; }
    .offering-details-product-list { flex-flow: row wrap; }
    .offering-details h2 { font-size: 26px; }
    .offering-details-slider-text { font-size: 60px; }
    .offering-details-row { padding-top: 100px; }
    
    .imgcontentslie_sc { padding: 88px 0 114px; }
    .imgcontentslie_bx.growth-scoll-main { padding-left: 25px; }
    .imgcon_details .title { font-size: 45px; }
    .imgcon_details .imgbx_bottom img { height: 380px !important; }
    
    .section.about-us-hero { grid-row-gap: 2rem; justify-content: space-between; align-items: center; min-height: 100svh; padding-top: 8rem; padding-bottom: 3rem; }
    .about-us-hero-deco { width: 26rem; max-width: none; height: 26rem; max-height: none; top: -20%; left: auto; right: -60px; }
    .about-icon-text-list { font-size: 1.25rem; }
    .about-us-hero-block-1 { margin-left: 0; }
    .about-us-hero-block-2 { margin-left: 24px; }
    .about-us-hero-block-3 { margin-top: 0; }
    .wrapper.grid { padding-left: 1rem; padding-right: 1rem; }
    .column.first-box.relative { order: 9999; grid-column: span 12 / span 12; }
    .about-us-hero-images-holder { justify-content: space-around; align-items: center; margin-top: 1.5rem; display: flex; }
    .about-us-hero-image-1 { left: 0; top: 60px; width: 24vw; max-width: none; height: 31vw; max-height: none; position: relative; }
    .about-us-hero-image-2 { left: -30px; top: 50px; width: 19vw; max-width: none; height: 24vw; max-height: none; position: relative; }
    .about-us-hero-image-3 { left: -50px; top: 80px; width: 24vw; max-width: none; height: 31vw; max-height: none; position: relative; }
    .about-us-hero-images-holder .about-us-hero-image-4 { top: -50px; left: 40%; }
    .about-us-hero-images-holder .about-us-hero-image-4 img { width: 200px; }
    .left-details-wrap { padding: 0 0 50px 0; }
    .second-box { grid-area: span 2 /span 12 /span 2 /span 10; }
    .third-box { grid-area: 1 / 1 / 2 / 13; padding-top: 80px; }
    .about-us-hero-block-3 { margin-left: 0; }
    .about-us-hero-block-3 .main-title { margin-left: 48px; }
    .about-us-hero-block-3 .content { text-align: center; }
    .about-us-hero-block-3 .btn-text-wrap { justify-content: center; flex-direction: column; }
    .about-us-hero-block-3 .btn-text-wrap .btn-text { padding: 15px 0 0 0; text-align: center; }
    .about-icon-text-wrap { margin: 0 -15px;}
    
    .search_title .main_title h1 { font-size: 40px; line-height: 1.2; }
    .siteserach_sug .hs-search-results__listing li a.hs-search-results__link { font-size: 28px; line-height: 1.2; }
    .site-search-section input.hs-search-field__input { height: 60px; font-size: 20px; line-height: 1.5; }
    .site-search-section button.hs-search-field__button { width: 45px; height: 45px; }
    .site-search-section input.hs-search-field__input::placeholder { font-size: 20px; line-height: 1.5; }

    .sr_innerhero { padding: 100px 0 50px; }
    .sr_innerhero .title .white_title { margin-bottom: -100px; }
    .sr_innerhero .title h1 { font-size: 50px; line-height: 55px; }
    .sr_innerhero .section_wrap .left_part { width: 100%; padding: 0 15px 50px; max-width: 750px; margin: 0 auto; }
    .sr_innerhero .wrapper { max-width: 750px; }
    .sr_innerhero .title { margin-bottom: 30px; }
    .sr_innerhero .left_part .cont h3 { font-size: 20px; line-height: 26px; margin-bottom: 20px; }
    .sr_innerhero .section_wrap .right_part { width: 100%; padding: 0 15px; }
    .sr_innerhero .section_wrap .right_part .img { height: 300px; }

    .title_content .wrapper { max-width: 750px; }
    .title_content .section_main { padding: 20px; }
    .title_content .section_main .cont_wrap h2 { font-size: 32px; line-height: 36px; }
    .title_content .section_main .cont_wrap .cont { padding: 20px 0; }

    .how_itworks { padding: 50px 0; }
    .how_itworks .wrapper { max-width: 750px; }
    .how_itworks .title_part h2 { font-size: 32px; line-height: 36px; width: 35%; }
    .how_itworks .title_part h2 span { font-size: 32px; line-height: 36px; }
    .how_itworks .title_part .top_cont { width: 65%; padding-left: 15px; }
    .how_itworks .section_wrap .left_part { top: 50px; width: 30%; }
    .how_itworks .section_wrap .right_part { width: 70%; }
    .how_itworks .right_part .right_inner { padding: 30px 0; }
    .how_itworks .right_part .right_inner h3 { font-size: 30px; }

    .the_process .wrapper { max-width: 750px; }
    .the_process .title_sub h2 { font-size: 32px; line-height: 36px; }
    .the_process .title_sub h2 span { font-size: 32px; line-height: 36px; }
    .the_process .cont_btn .cont { width: calc(100% - 201px); }
    .the_process .slider_wrap .inner { padding: 30px 15px; }
    .the_process .slider_wrap .inner .number { font-size: 30px; line-height: 32px; padding-bottom: 20px; }
    .the_process .slider_wrap .inner h3 { font-size: 20px; line-height: 1.2; }
    .the_process .slider_wrap .inner .icon { padding-bottom: 25px; }

    .nr_titlecont .wrapper { max-width: 750px; }
    .nr_titlecont .section_wrap { padding: 30px; }
    .nr_titlecont .section_wrap h2 { font-size: 32px; line-height: 34px; }
    .nr_titlecont .section_wrap.without_background { padding: 20px 30px; }

    .img_content { padding: 50px 0; }
    .img_content .section_main { padding-top: 100px; }
    .img_content .section_main h2 { font-size: 26px; line-height: 1.3; }

    .service_zigzag .top_part h2 { font-size: 35px; line-height: 40px; }
    .service_zigzag .wrapper { max-width: 750px; }
    .service_zigzag .section_wrap .col .left_part .left_inner { padding: 20px 15px; }
    .service_zigzag .section_wrap .col .left_part h2 { font-size: 32px; line-height: 34px; }

    .serivespadd_less .sr_imgcont_sticky { padding: 60px 0; }
    .sr_imgcont_sticky { padding: 60px 0; }
    .sr_imgcont_sticky h2 { font-size: 32px; line-height: 36px; }
    .sr_imgcont_sticky .section_wrap .col .right_part .right_inner { padding: 25px 0 0 15px; }
    .sr_imgcont_sticky .right_inner h3 { font-size: 30px; line-height: 32px; }
    .sr_imgcont_sticky .section_wrap .col { height: 500px; }
    .sr_imgcont_sticky .wrapper { max-width: 750px; }

    .sr_recentpost .wrapper { max-width: 750px; }
    .sr_recentpost .blogpost_item { padding: 30px; }
    .sr_recentpost .blogpost_item .blogpost_title h2 { font-size: 30px; line-height: 32px; }

    .why_ds .wrapper { margin: 750px; }
    .why_ds .section_wrap .left_part { top: 10px; } 
    .why_ds .section_wrap .left_part h2 { font-size: 30px; line-height: 32px; }
    .why_ds .section_wrap .right_part { padding-left: 30px; }

    .service_video { height: 400px; }
    .service_subscribe .wrapper { max-width: 750px; }
    .service_subscribe .section_wrap .left_part { width: 100%; padding: 0 0 25px; }
    .service_subscribe .section_wrap .right_part { width: 100%; }
    .service_subscribe .section_wrap { padding: 20px; }
    .service_subscribe .section_wrap .left_part h2 { font-size: 29px; line-height:37px; }

    .service_faq .wrapper { max-width: 750px; }
    .service_faq .section_wrap { padding: 20px; }
    .service_faq .section_wrap .title { max-width: 100%; }
    .service_faq .faq_wrap .inner .faq_title span { width: 30px; height: 30px; top: 0; }
    
    .the_process.process_v2 .slider_wrap .titlecont_slider .col { width: calc(100% / 3); }
    .the_process.process_v2 .slider_wrap .col:nth-child(3) .inner,
    .the_process.process_v2 .slider_wrap .col:nth-child(6) .inner{ border-right: 0; }
    .the_process.process_v2 .slider_wrap .col:nth-child(4n) .inner { border-bottom: 0; }
    .the_process.process_v2 .slider_wrap .inner { padding: 40px 17px 20px; }
    
    body.scrolled-past-hero .hero_menu_wrap.heromenu_sticky { top: 0; border-radius: 0 0 15px 15px; }
    .nc_innerhero .hero_menu_wrap .menu_title { display: none; }
    .nc_innerhero .section_wrap .top_part { display: none; }
    .nc_innerhero .section_wrap .highlight_stroy { bottom: auto; top: 20px; }
    .nc_innerhero .section_wrap .center_part { padding: 0 20px 0; margin-right: 0; left: 0; width: calc(100% - 300px); }
    .nc_innerhero .section_wrap:before { border-radius: 0 0 0 80px; }
    .nc_innerhero .section_wrap { border-radius: 0 0 0 80px; padding: 40px 0 40px 20px; }
    .nc_innerhero .hero_menu_wrap { max-width: calc(100% - 36px); margin: 80px 0 0 auto; }
    .nc_innerhero .section_wrap .center_part h1 { font-size: 46px; padding: 10px 0 20px; }
    .nc_innerhero .section_wrap .center_part .btn_cont { flex-direction: column-reverse; align-items: start; gap: 20px; }
    .nc_innerhero .section_wrap .center_part .btn_cont .sub_title { padding-left: 0; width: 100%; }
    .nc_innerhero .section_wrap .highlight_stroy a { background: rgba(13,137,211,.3); }
    
    .why_doors { margin-top: 70px; }
    .why_doors .shadow_text { display: none; }
    .why_doors .section_wrap .right_part .link a:before { top: 4px; }
    .why_doors .section_wrap .left_part { width: 100%; padding: 0 0 40px; }
    .why_doors .section_wrap .right_part { padding: 0; width: 100%; max-width: 500px; }
    .why_doors .section_wrap .right_part .img img { width: 100%; }
    .why_doors .section_wrap .right_part .img { height: 400px; }
    .why_doors .section_wrap .left_part h2 { font-size: 35px; }
    .why_doors .section_wrap .left_part .cont { padding: 25px 0; } 
    
    .key_milesstone { padding: 50px 0; }
    .key_milesstone .section_wrap .left_part { width: 100%; padding: 0; }
    .key_milesstone .section_wrap .right_part { width: 100%; padding: 0; }
    .key_milesstone .section_wrap .left_part .sub_title { padding-top: 20px; }
    .key_milesstone .section_wrap { padding: 30px 0 30px 20px; }
    .key_milesstone .right_part .btm_slider .inner .year { font-size: 50px; }
    .key_milesstone .right_part .btm_slider .slick-list.draggable { padding-top: 30px; }
    .key_milesstone .right_part .btm_slider .inner .title_cont { padding-top: 40px; }
    
    .nc_service .sectoin_wrap .left_part { width: 100%; }
    .nc_service .sectoin_wrap .right_part { width: 100%; padding-left: 0; }
    .nc_service .rightcard_serv { margin: 30px 0 0; max-width: 100%; }
    .nc_service .rightcard_box { padding: 40px 20px; margin: 0 0 30px; }
    .nc_service .bottomcon_box .bottom_part .btm_subcontent { font-size: 18px; padding: 15px 0; }
    .nc_service .bottomcon_box .bottom_part .bottom_title { font-size: 40px; }
    .nc_service .bottomcon_box .btm_subtitle { font-size: 16px; }
    .nc_service .bottomcon_box { padding-top: 70px; }
    
    .markets_sc { padding: 80px 15px; }
    .markets_wrap .right_part { width: 100%; border-width: 0 1px 1px 1px; }
    .markets_wrap .right_part .right_text { font-size: 16px; line-height: 1.5; padding: 15px 15px 20px 15px; }
    .markets_wrap .right_part .titlecon_group .title { font-size: 26px; line-height: 1.5; }
    .markets_wrap .right_part .titlecon_group { padding: 18px 15px; }
    .markets_main .markets_cap { font-size: 35px; }
    .markets_wrap .left_part .imgcontent_bx { width: calc(100% - 280px); padding: 0 20px; } 
    .markets_wrap .left_part { flex-flow: row wrap; align-items: center; padding: 0 0 50px; width: 100%; }
    .markets_wrap .left_part .round_img { width: 280px; height: 280px; }
    .markets_wrap .right_part .titlecon_group:not(:last-child) { border-radius: 0 0 5px 5px; }
    
    .leadership_sc { padding: 80px 0; }
    .leadership_cap { padding: 0 15px; }
    .leadership_cap .title { font-size: 40px; }
    .leadership_cap .sticky_text { font-size: 16px; padding: 10px 15px; }
    .leadership_main .slick-arrow.slick-next { left: calc(100% - 100px); }
    .leadership_main .slick-arrow.slick-prev { left: calc(100% - 170px); }
    .leadership_in .image { width: 250px; }
    .leadership_main .slick-arrow { top: -70px; }
    .leadership_main .slick-list.draggable { margin-left: 0; }
    
    .servicevid_text .title { font-size: 40px; }
    
    .getintouch_main .left_part { width: 100%; padding: 0; }
    .getintouch_main .right_part { width: 100%; padding-top: 30px; }
    .getintouch_main .right_content { padding-bottom: 20px; }
    .getintouch_main .left_part .title { font-size: 40px; margin-bottom: 30px; }
    .getintouch_sc .pretitle { font-size: 16px; }
}

@media(max-width:767px){
    .nc_innerhero .section_wrap .highlight_stroy a .highlight_btn{font-size:11px;} 
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li { width: 100% !important; border-bottom: 5px solid #fff !important; border-left: none; border-right: none; margin: 0; }
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li a { width: 100%; padding: 12px 0; margin: 0; }
    .row-fluid .loc-new-innersection .locin-left ul .location_menu li a:after { display: none; }
    .loc-new-innersection .locin-leftnav .location_menu { margin-top: 5px; }
    span.mobile-toggle { width: 30px; height: 30px; position: absolute;  right: 5px;  top: 5px; cursor: pointer; }
    span.mobile-toggle:before , span.mobile-toggle:after {  content: "";  position: absolute;  left: 0;  right: 0; top: 0; bottom: 0; margin: auto;  background: #0B2D43; }
    span.mobile-toggle:after {  width: 2px;  height: 20px; }
    span.mobile-toggle:before { width: 20px;  height: 2px; }
    span.ebiz-subopen.mobile-toggle:after { background: transparent; }
    .loc-new-innersection .locin-leftnav ul.hs-menu-children-wrapper { position: relative;  top: 0; left:0; }
    .loc-new-innersection .locin-leftnav .hs-item-has-children:hover ul.hs-menu-children-wrapper { width: 100%;  border: none; margin-bottom: 10px; }
    .loc-new-innersection .locin-leftnav .hs-item-has-children:hover ul.hs-menu-children-wrapper {  display: none; }
    
/*     .row-fluid .hero_careers:before { opacity: 0; } */
    .bg_title { font-size: 70px; }
    .row-fluid .hero_careers .sol-heroleft h1 { font-size: 35px; }
    .row-fluid .hero_careers .sol-heroright { width: 100%; height: auto; padding-top: 70%; max-width: calc(100% - 30px); margin: 30px auto 0; float: none; display: table; }
    .row-fluid .hero_careers .sol-heroleft { margin-bottom: 30px; }
    .row-fluid .door_careers .sol-heroleft { padding-top: 0 !important; }
    .row-fluid .careers_door_systems  .sol-heroleft { padding-top: 0 !important; }
    .careers_door_systems h6 { margin-bottom: 20px; }
    .door_systems_inner { padding-left: 30px; }
    .door_systems_menu ul li { margin-bottom: 13px; }
    .row-fluid .hero_careers :before { display: none; }
    .offering-details-product-list-nav ul { gap: 15px; }
    .offering-details-product-list-nav ul li{margin:0px;}

    /*  */
    .benefits_sec { display: table; width: 100%; padding-bottom: 30px; }
    .benefits_sec .wrapper>div { width: 100%; margin: 0; }
    .benefits_wrap .benefits_content { padding: 50px 0 0; }
    .benefits_right { padding-top: 30px; }
    .community_sec { display: table; padding-top: 40px; width: 100%; overflow: hidden; }
    .community_left { width: 100%; text-align: center; }
    .community_right { width: 100%; padding: 0; }
    .community_sec .bg_title { font-size: 50px; margin: 0; line-height: 70px; }
    .slider_row .slick-slide { width: 293px; }
    .slider_inner { flex-wrap: wrap; }
    .slider_text { opacity: 1; height: auto; }
    .slider_content { width: 100%; padding: 30px 0 0; }
    .slider_content h3 { font-size: 22px; line-height: normal; }
    .slider_icon { margin: auto; margin-top: 20px; }
    .arrow_slider { justify-content: center; margin: 0 0 20px; }
    .arrow_slider>div { margin: 0 8px !important; }
    .community_sec h2 { font-size: 32px; line-height: 35px; }
    .community_img_row { padding: 0; flex-wrap: wrap; justify-content: center; }
    .community_img_row>div { margin: 0 0 20px; }
    .slider_sec { padding-top: 10px; padding-bottom: 60px; }
    .testi_sec { display: table; padding: 50px 0 50px; }
    .testi_img { width: 100%; max-width: 230px; margin: auto; }
    .testi_wrap { flex-wrap: wrap; }
    .testi_content { width: 100%; padding: 30px 0 0; font-size: 17px; }
    .testi_text { font-size: 24px; line-height: 34px; font-weight: 600; }
    .testi_content h6 { font-size: 18px; }
    .testi_content h6 span { display: inline !important; }
    .job_opening_title h2 { font-size: 34px; }
    .job_opening_title p { margin: 0 0 10px; }
    .job_location_item { width: calc(100% - 14px); }
    .job_opening_sec { display: table; height: auto; padding-bottom: 60px; width: 100%; }
    .job_location_row { height: auto; }
    .job_location_item a { min-height: 220px !important; margin: 0 0 20px !important; }
    .job_sec { display: table; padding-top: 50px; padding-bottom: 40px; }
    .filter_box { min-width: 100%; }
    .job_sec h2 { font-size: 35px; line-height: n; }
    .job_item { width: calc(100% - 20px); }

    .door_careers_body .body-container-wrapper {  overflow: hidden; }
    .row-fluid .hero_careers .sol-heroleft { padding-top: 0 !important; }
    
    /* */
    .values_item_inner { flex-direction: column-reverse; }
    .values_content { width: 100%; padding: 30px 0 0; }
    .values_img { width: 100%; }
    .values_item { padding: 22px; margin-bottom: 20px; border-radius: 15px; }
    .values_content h3 { font-size: 30px; line-height: 34px; }
    .title_sec h2 { font-size: 38px; line-height: 40px; margin-top: 20px; }
    .values_sec { display: table; padding-bottom: 20px; }
    
    .fancybox-inner .popup_form_wrap {padding: 60px 15px 30px;}

    .popup_form_wrap h2 {  font-size: 27px; }
    
    .testi_content:after, .testi_content:before { height: 68px; width: 71px; }
    .testi_content:before {  left: 0; top: 0px; }
    
    .benefits_text { font-size: 18px; line-height: 27px; }
    
    .row-fluid .careers_door_systems { padding-bottom: 40px; } 
    
    /* */
    .link_btn { display: block; font-size: 14px; margin-bottom: 6px; }
    .link_btn label svg { margin-left: 10px; width: 14px; height: 14px; }
    .link_btn a, .link_btn label span { color: #0b2d43; }
    .apply_btn { margin-bottom: 0; }
    .job_iteminer:hover .link_btn a, .job_iteminer:hover .link_btn label span { color: #fff; }
    
    .benefits_wrap .benefits_content {  position: relative; }
    .benefits_bgimg { position: absolute;  right: 0; height:100%; }
    .benefits_bgimg img { height: 200px !important; object-fit: contain; object-position: right top; }
    
    .job_iteminer:hover .link_btn a, .job_iteminer:hover .link_btn label span { color:#0b2d43; }

    .banner_section .title_cont h1 { max-width: 100%; }
    .banner_section:after { width: 100%; height: 500px; }
    .banner_section .title_cont h1 { font-size: 45px; line-height: 50px; }
    
    .banner_section { padding: 30px 15px; }
    .banner_section .window_img { max-width: 75%; }
    .banner_section .section_wrap { padding: 0; }
    .banner_section:before {mix-blend-mode:none;}
    
    .client-docks-slider-info-wrap { display: none; }
    .client-docks-slider-img img { height: 300px!important; }
    .client-docks-slider-wrap.bottom_slider .client-docks-slider-info-wrap { padding-top: 60px; }
    .client-docks-slider-info-logo { padding: 10px; }
    
    .testimonail_grup { padding: 90px 0 50px; }
    .testimonail_slider { padding-right: 0; }
    .testimonail_slider .slick-arrow { top: -50px; left: 50%; margin: 0; }
    .testimonail_slider .slick-arrow.slick-prev { left: calc(50% - 75px); }
    .testimonail_sc .testimonail_text { font-size: 25px; line-height: 35px; }

    .imgwithconsc_wrap .arrow_btn { display: none; }
    .imgwithconsc_wrap { padding-bottom: 20px; } 
    .imgwithcon_sc .arrow_btn.mobile_btn { margin-top: 28px; }
    .imgwithconsc_wrap .main_title { font-size: 26px; line-height: 34px; }
    .imgwithcon_sc { padding: 54px 0 24px; margin: 30px 20px; }
    .imgwithcon_sc .content_bx .left_content { width: 100%; padding: 0 0 22px; }
    .imgwithcon_sc .content_bx .right_content { width: 100%; }
    .imgwithcon_sc .bottom_text { font-size: 22px; }
    
    .footernew_sc { padding-top: 50px; margin-top: 0; }
    .footer_top .title { font-size: 30px; line-height: 38px; max-width: 600px; }
    .footer_top .top_img { margin-top: 30px; }
    .footernew_sc .wrapper { padding-bottom: 60px !important; }
    .text_slider .slidertext_bx { font-size: 50px; }
    .footer_bottom { padding: 30px 15px; }
    .footer_top .button_group { gap: 25px; }
    .footer_bottom .socialbtn_in { width: 66%; display: flex; }
    .footer_bottom .footermenu_in { width: 33%; padding-bottom: 15px; }
    .footer_bottom .socialbtn_in .socialbtnnum_set { width: 60%; }
    .socialbtn_in .social_group { width: 40%; text-align: center; }
    .socialbtn_in .social_group { flex-direction: column; margin: 0 0 0 60px; gap: 15px; }
    .copyright_bx { font-size: 14px; }
    .footer_shape .elipse_bg,
    .footer_shape { border-radius: 300px 300px 0 0; }
    .footer_top .pretext a { display: inline-block; width: 100%; }
    .footer_top .top_img img { width: 170px; }
    .footer_bottom .socialbtn_in .socialbtnnum_set .btnlink_set { max-width: 208px; }

    .imgcontentslie_sc .gradiant_one svg { width: 331.261px; height: 427.345px; }
    .imgcontentslie_sc .gradiant_two svg { width: 357.796px; height: 242.087px; }
    .imgcontentslie_sc .gradiant_two { left: -120px; }
    .imgcontentslie_sc .gradiant_one { left: 0; }
    .imgcon_details .imgcon_top .pretitle { font-size: 16px; }
    
    .about-us-hero-block-1,
    .about-us-hero-block-2,
    .about-us-hero-block-3 .main-title { font-size: 25px; line-height: 33px; }
    .about-us-hero-block-3 .content { font-size: 16px; }
    
    .imgcontentslie_bx.growth-scoll-main { display: none; }
    .imgcontentslie_bx.mobileimgcon_slider .slick-list.draggable { padding-right: 30px; }
    .imgcontentslie_bx.mobileimgcon_slider .imgcon_details { padding: 15px; }
    .imgcon_details .contdetail_bx h5 { font-size: 18px; line-height: 27px; }
    .imgcon_details .contdetail_bx p { font-size: 13px; line-height: 22px; }
    
    .searchpage_sc .site-search-section { padding: 20px 0 0; }
    .search_title .main_title h1 { position: relative; bottom: 0; font-size: 32px; }
    .siteserach_sug .hs-search-results__listing li { padding: 25px 0; }
    .siteserach_sug .hs-search-results__listing li a.hs-search-results__title { font-size: 22px; }
    .searchpage_sc { padding: 40px 0 70px; }
    
    .sr_innerhero .wrapper { max-width: 100%; }
    .sr_innerhero .section_wrap .left_part { max-width: 100%; display: inline-block; width: 100%; margin: 0; }
    .sr_innerhero .section_wrap { display: inline-block; }

    .title_content .wrapper { max-width: 100%; }

    .how_itworks .wrapper { max-width: 100%; }
    .how_itworks .title_part h2 { width: 100%; padding: 0; }
    .how_itworks .title_part .top_cont { width: 100%; padding: 15px 0 0; }
    .how_itworks .section_wrap .left_part { width: 100%; padding: 15px 0; background: #fff; top: 0px; }
    .how_itworks .section_wrap .right_part { width: 100%; padding: 0; }
    .how_itworks .left_part .btn-text-wrap { padding-top: 20px; }
    .how_itworks .left_part ul li a { font-size: 30px; line-height: 1; }
    .how_itworks .section_wrap { padding-top: 30px; }

    .the_process .cont_btn .cont { width: 100%; padding: 0; }
    .the_process .cont_btn .btn-text-wrap { padding: 25px 0 0; width:100%; }
    .the_process .cont_btn .btn-text-wrap .arrow_btn { text-align: center; display: flex; justify-content: center; }
    .the_process .cont_btn .btn-text-wrap .btn-text { text-align: center; }
    .the_process .title_btn { padding-bottom: 50px; }
    .the_process .slider_wrap { border: none; margin-top: 0 }
    .the_process .slider_wrap .inner { border: .5px solid rgb(11 45 67 / 50%); border-right: 0; }
    
    .the_process.process_v2 { display: flex; flex-direction: column; }
    .the_process.process_v2 .slider_wrap .col:nth-last-child(-n+1) .inner { border-bottom: .5px solid rgba(11, 45, 67, .5); }
    .the_process.process_v2 .slider_wrap .col:nth-child(3n - 2) .inner { border-bottom: .5px solid rgba(11, 45, 67, .5); }
 
    .nr_titlecont .wrapper { max-width: 100%; }
    .nr_titlecont .section_wrap { padding: 30px 15px; }
    .nr_titlecont .section_wrap .title { padding-bottom: 15px; }
    .nr_titlecont .section_wrap.without_background { padding: 0 15px; }

    .service_zigzag .top_part .top_title { width: 100%; padding: 0; }
    .service_zigzag .top_part .top_content { width: 100%; padding: 15px 0 0; max-width: 100%; }
    .service_zigzag .section_wrap .col .left_part { width: 100%; padding: 0 0 15px; }
    .service_zigzag .section_wrap .col .right_part { width: 100%; padding: 0; height: 300px; }
    .service_zigzag .section_wrap .col:nth-child(even) .left_part { padding-left: 0; }
    .service_zigzag .section_wrap .col:nth-child(even) { flex-direction: column; }
    .service_zigzag .section_wrap .col .left_part .left_inner { min-height: auto; }
    .service_zigzag .section_wrap .col:nth-child(even) .right_part { padding: 15px 0 0; }
    .service_zigzag .section_wrap .col+.col { margin-top: 15px; }

    .sr_imgcont_sticky .section_wrap .col .left_part { width: 100%; padding: 0; border-right: 0; }
    .sr_imgcont_sticky .section_wrap .col .left_part .img { max-width: 300px; max-width: 100%; margin: 0 auto; max-height: 300px; }
    .sr_imgcont_sticky .section_wrap .col .right_part { width: 100%; padding: 20px 0 0; }
    .sr_imgcont_sticky .section_wrap .col { position: static; height: auto; }
    .sr_imgcont_sticky .section_wrap .col .left_part .img img { width: 100%; }
    .sr_imgcont_sticky .section_wrap .col .right_part .right_inner { padding: 0; }
    .sr_imgcont_sticky .section_wrap .col+.col { margin-top: 50px; }
    .sr_imgcont_sticky .section_wrap { border: none; }

    .sr_recentpost .wrapper { max-width: 100%; }

    .sr_imgcont_sticky .wrapper { max-width: 100%; }
    .sr_recentpost .blogpost_item .blogpost_title { padding: 50px 0; }
    .sr_recentpost .blogpost_item .btn-text-wrap { justify-content: flex-start; }
    
    .sr_imgcont_sticky .section_wrap.another_design { border-top: 0; }
    .sr_imgcont_sticky .section_wrap.another_design .col .left_part { width: 100%; }
    .sr_imgcont_sticky .full_wrapper { padding: 0 15px; }
    .sr_imgcont_sticky .section_wrap.another_design .col .right_part { width: 100%; padding: 0; }
    .sr_imgcont_sticky .section_wrap.another_design .col .right_part .right_inner { max-width: 100%; }

    .why_ds .wrapper { max-width: 100%; }
    .why_ds .section_wrap .left_part { width: 100%; padding: 30px 0; border-right: 0; position:static; }
    .why_ds .section_wrap .right_part { width: 100%; padding: 0 0 30px; border:none; }
    .sr_innerhero .title .white_title { font-size: 50px; }
    .img_content .section_main .shape { display:none; }
    
    .why_ds .section_wrap .left_part .btn-text-wrap .btn-text { display: block; width: 100%; }
    
    .nc_innerhero .section_main { padding-left: 0; }
    .nc_innerhero .section_wrap .highlight_stroy { position: relative; top: 0; left: 0; margin: 30px 0; padding: 0 15px; }
    .nc_innerhero .section_wrap .center_part { width: 100%; padding: 0 15px; }
    .nc_innerhero .section_wrap .center_part ul li+li:before { top: 0; }
    .nc_innerhero .section_wrap .center_part ul li { font-size: 12px; letter-spacing: 1px; }
    .nc_innerhero .section_wrap .center_part ul li+li { margin-left: 5px; padding-left: 7px; }
    .nc_innerhero .section_wrap .center_part h1 { font-size: 40px; }
    .nc_innerhero .section_wrap .highlight_stroy a { height: 200px; width: 200px; font-size: 14px; line-height: 1.5; }
    .nc_innerhero .hero_menu_wrap { margin: 0; max-width: 100%; position: relative; border: .5px solid #F8F8F9; border-radius: 0; border-left: 0; border-right: 0; background: rgba(36, 63, 79, 0.20); backdrop-filter: blur(8.5px); display: flex; align-items: center; padding: 18px 15px; }
    .nc_innerhero .hero_menu_wrap .hero_menu ul li a { padding: 10px 15px; width: 100%; color: #000; }
    .nc_innerhero .section_wrap .highlight_stroy a span { font-size: 20px; }
    .nc_innerhero .hero_menu_wrap .menu_title { padding: 0 0 10px; letter-spacing: 1px; font-size: 14px; }
    .nc_innerhero .section_wrap:before { border-radius: 0 0 0 40px; }
    .nc_innerhero .section_wrap { border-radius: 0 0 0 40px; padding: 40px 0; }
    .hero_menu_toggle span { width: 40px; height: 3px; background: #fff; display: inline-block; position: absolute; transition: 0.4s; }
    .hero_menu_toggle { height: 20px; width: 40px; position: absolute; right: 15px; top: 50%; z-index: 1; transform: translateY(-50%); }
    .hero_menu_toggle span:nth-child(2) { top: 8px; }
    .hero_menu_toggle span:nth-child(3) { top: 16px; }
    .nc_innerhero .hero_menu_wrap .hero_menu ul { display: none; position: absolute; width: 100%; left: 0; top: 100%; border: 0; background: #fff; border-radius: 0; box-shadow: 0 0 5px; }
    .nc_innerhero .hero_menu_wrap .menu_title { display: block; padding: 0; }
    .hero_menu_toggle.active span:nth-child(2) { display: none; }
    .hero_menu_toggle.active span:nth-child(1) { transform: rotate(45deg); top: 8px; }
    .hero_menu_toggle.active span:nth-child(3) { transform: rotate(135deg); top: 7px; }
    body.scrolled-past-hero .hero_menu_wrap .hero_menu ul { background: #fff; z-index: 9; }
    body.scrolled-past-hero .hero_menu_wrap.heromenu_sticky { border-radius: 0; width: 100%; }
    
    .why_doors .accrodian_box .accrodain_inner .box_title { font-size: 20px; }
    .why_doors .accrodian_box .accrodain_inner .box_title:before { top: 8px; }
    .why_doors .section_wrap .left_part h2 { font-size: 28px; }
    
    .key_milesstone .right_part .btm_slider .slick-list.draggable { padding-right: 50px; }
    .key_milesstone .right_part .top_slider { margin-right: 15px; }
    .key_milesstone .right_part .btm_slider .inner .title_cont { max-width: 100%; }
    
    .nc_service { padding: 50px 0; }
    .nc_service .bottomcon_box .bottom_part .bottom_title { font-size: 35px; }
    .nc_service .left_part .left_content { font-size: 16px; }
    .nc_service .left_part .list_box { padding-top: 30px; }
    .nc_service .left_part .list_box ul li { font-size: 15px; }
    .nc_service .rightcard_serv .box_title { font-size: 15px; }
    .nc_service .map_img { position: relative; }
    .nc_service .rightcard_box { position: relative; top: 0; padding: 25px 15px; }
    .nc_service .bottomcon_box { padding-top: 0; }
    
    .training_sc { padding: 50px 15px; }
    .training_main { min-height: 480px; }
    .training_main .training_wrap .title { font-size: 35px; }
    .training_main .pretitle { font-size: 16px; }
    .training_main .training_box .vector_img img { width: 140px; }
    
    .leadership_main .slick-arrow { top: -135px; }
    .leadership_main .slick-arrow.slick-prev { left: calc(50% - 70px); }
    .leadership_main .slick-arrow.slick-next { left: calc(50% - -10px); }
    
    .markets_wrap .right_part .titlecon_group .title { font-size: 24px; }
    
    .leadership_sc { padding: 50px 0 80px; }
    .leadership_cap .title { font-size: 35px; padding: 0; }
    .leadership_in .image { width: 170px; height: 273px; margin-bottom:15px;}
    .leadership_in .right_part { padding: 0; width: 100%; }
    .leadership_in { width: 285px; }
    .leadership_cap .sticky_text { font-size: 14px; margin: 80px 0 40px; }
        
    .servicevid_cap { padding: 40px 0 20px; }
    .servicevid_text .title { font-size: 35px; }
    .servicevid_text .pretitle { font-size: 16px; line-height: 1.2; }
    
    .getintouch_sc { padding: 40px 0; }
    .getintouch_main .left_part .title { font-size: 35px; }
    .getintouch_main .content_bx .headquarters_text { font-size: 17px; }
}

@media(max-width:575px){
    .locationdata_wrap { width: 100%; }
    label.cur-location { width: 100% !important; }
    
    .banner_section .btn_wrap .quote_btn.arrow_btn { width: 100%; margin: 0 0 15px; }
        
    .testimonail_grup .testimonailgrup_wrap { right: 0; }
    
    .imgwithcon_sc .content_bx { font-size: 16px; line-height: 25px; padding-bottom: 20px; }
    .imgwithconsc_wrap .main_title { font-size: 21px; line-height: 30px; }
    .imgwithcon_sc .bottom_text { font-size: 18px; line-height: 28px; }
    
    .footer_top .bggradiant_img { left: -50px; }
    .footer_bottom .footermenu_in { width: 50%; }
    .footer_bottom .socialbtn_in { width: 100%; }
    .socialbtn_in .social_group { margin: 0; }
    .copyright_bx { display: flex; flex-direction: column; padding: 20px 20px 15px; }
    .copyright_bx p { padding: 0; }
    .copyright_bx a { padding: 0 15px 0 0; }
    .footer_bottom .footermenu_in .menulist_bx ul li a { font-size: 15px; }
    .footer_top .button_group .arrow_btn a:after { margin-left: 40px; }
    .footer_top .button_group .arrow_btn a { min-width: 280px; padding: 18px 10px 18px 15px; }
    
    .about-icon-text-list { width: 100%; text-align: center; padding: 15px; }
    .third-box { padding-top: 120px; }
    .about-us-hero-image-1 { width: 167.731px; height: 137.053px; top: -49%; left: 20px; }
    .about-us-hero-image-2 { width: 141.422px; height: 165.657px; top: 35%; left: 40px; }
    .about-us-hero-image-3 { width: 134.818px; height: 191.503px; right: auto; left: -60%; top: 53%; }
    .about-us-hero-images-holder .about-us-hero-image-4 { left: 27%; top: 30%; }
    .about-us-hero-images-holder .about-us-hero-image-4 img { width: 180px; }
    .about-us-hero-deco { height: 16rem; left: auto; right: -20%; top: 0; width: 16rem; }

    .striptext_bx { width: 100%; }
    .striptext_bx .strip_text { width: 100%; font-size: 13px; border-radius: 0; text-align: center; padding: 15px 7px; }
    .offering-details-item-inner .right { width: 75%; }
    .offering-details-item-inner .right img { height: 290px !important; }
    
    .siteserach_sug nav.hs-search-results__pagination { flex-flow: row wrap; gap: 15px; }
        
    .markets_wrap .left_part .imgcontent_bx { width: 100%; padding: 20px 0 0; }
    .markets_sc { padding: 50px 15px; }
    .markets_main .markets_cap { font-size: 32px; }
}

@media(max-height:660px){
    .banner_section { align-items: start; height: 100%; }
}

@media (min-width: 499px) and (max-width: 767px) {
    .the_process.process_v2 .slider_wrap .col:nth-child(3n - 2) .inner { border-left: 0; }
}

@media (max-width:500px){
    .sr_innerhero .title .white_title { font-size: 40px; }
    .sr_innerhero .title h1 { font-size: 40px; line-height: 45px; } 

    .nr_titlecont .section_wrap h2 { font-size: 32px; line-height: 36px; }

    .img_content .section_main .shape { display: none; }
    .img_content .section_main { padding-top: 50px; margin: 0 15px; width: calc(100% - 30px); }

    .service_zigzag .section_wrap .col .left_part h2 { font-size: 26px; }

    .sr_imgcont_sticky .right_inner h4 { font-size: 18px; line-height: 28px; }
    .sr_imgcont_sticky .right_inner h3 { font-size: 26px; padding-bottom: 10px; }
    .sr_imgcont_sticky .right_inner .btn-text-wrap { flex-wrap: wrap; }
    .sr_recentpost .blogpost_item .blogpost_title h2 { font-size: 26px; line-height:36px; }

    .title_content .section_main .cont_wrap h2 { font-size: 32px; }

    .how_itworks .right_part .right_inner h3 { font-size: 26px; }

    .sr_recentpost .blogpost_item { padding: 15px; }

    .why_ds { margin: 60px 0; }
    .why_ds .section_wrap .left_part h2 { font-size: 32px;line-height:38px; }
    .why_ds .section_wrap .left_part .btn-text-wrap { flex-wrap: wrap;padding-top:35px; }
    .why_ds .section_wrap .left_part .btn-text-wrap .btn-text { padding: 15px 0 0; }
    .why_ds .section_wrap .left_part { padding: 25px 0; }

    .service_subscribe .section_wrap { padding: 15px; }
/*     .service_subscribe .btn-text-wrap .arrow_btn.white_btn { margin: 15px 0 0; } */

    .service_faq .section_wrap { padding: 15px; }
    .service_faq .section_wrap .title h2 { font-size: 26px; }
    .service_faq .faq_wrap { margin: 20px 0px 40px 0; }
    .service_faq .faq_wrap .inner { padding: 15px; border-radius: 10px; }
    .service_faq .faq_wrap .inner .faq_title { font-size: 14px; line-height: 18px; }
    .service_faq .faq_wrap .inner .faq_title span { top: 0; right: -8px; }
    .service_faq .btn-text-wrap { flex-wrap: wrap; justify-content: flex-start; }
    .service_faq .btn-text-wrap .arrow_btn a {margin-left:10px;}
    .service_faq .btn-text-wrap .have_que { padding: 0 0 10px; }

    .about-us-hero .small_title { margin: 0; }
    
    .nc_innerhero .section_wrap:before { background: rgb(0 0 0 / 40%); }
    
    .the_process.process_v2 .slider_wrap .titlecont_slider .col { width: calc(100% / 2); }
    .the_process.process_v2 .slider_wrap .col:nth-child(2n - 1) .inner { border-left: 0; }
    
    .leadership_cap .sticky_text { margin: 110px 0 40px; }
    .leadership_main .slick-arrow { top: -165px; }
}