@charset "UTF-8";

:root{
--font-theme: "Lato", sans-serif;
--font-theme-2: "Karla", sans-serif;
--green: #3DB028;
--green-light: #D3FCD9;
--theme-black: #363636;
--black: #000000;
--white: #FFFFFF;
--gray-dark: #525254;
}
#secondary.widget-area{display:none;} body,h1,h2,h3,h4,h5,h6{margin:0}
*, ::after, ::before {box-sizing: border-box; }
a,a:focus,button,button:focus{outline:none;}
.post, .page {margin:0}
fieldset {border: 0; padding: 0; }
input[type="submit"],input[type="button"],button {cursor:pointer;background:var(--green-light);color:var(--white);border:0;padding:0 20px;width:100%;min-height:46px;line-height:46px;border-radius:6px;transition:0.5s all}
input[type="submit"]:hover,input[type="button"]:hover,button:hover{background:var(--green-dark);}
input[type="text"],
input[type="phone"],
input[type="number"],
input[type="email"],
input[type="datetime-local"],
input[type="tel"],
select,
textarea{
font-size: 14px;
line-height: 18px;
font-weight: 400;
box-shadow: none;
color:var(--theme-black);
background:var(--white);
width: 100%;
display: inline-block;
vertical-align: middle;
border: 1px solid #D0D0D0;
text-align: left;
padding: 14px 14px 16px;
border-radius: 10px;
font-family: 'Lato', sans-serif;
height: auto;
outline:none;
appearance:none;
-webkit-appearance:none;
}
textarea{height:149px; resize: none; line-height: 1.5; padding: 0 0 5px 0; margin: 10px 0 0 0;}
input::placeholder,textarea::placeholder{color:#BBB;opacity:1}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #BDC0C6;opacity:1}
textarea,button,input{font-family:var(--font-theme);}
.page-blocks{display: flex;flex-wrap: wrap;margin:0 -15px}
.page-blocks>*{padding:0 15px;vertical-align:center}
.input-blk{margin-bottom:30px}
.input-blk > label{font-size:14px} @media(min-width:768px){
.block-1{width:8.33%;}
.block-2{width:16.66%;}
.block-3{width:25%;}
.block-4{width:25%;}
.block-5{width:41.66%;}
.block-6{width:50%;}
.block-7{width:58.33%;}
.block-8{width:74%;}
.block-9{width:75%;}
.block-10{width:83.33%;}
.block-11{width:91.66%;}
.block-12{width:100%;}
}
@media(max-width:767px){
.page-blocks [class*="block-"]{width:100%;}
.input-field{margin-bottom:20px}
}
@media(max-width:480px){
.file-upload-button{width:100%}
} .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; margin-left: auto; margin-right: auto; } .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; } [dir='rtl'] .slick-slide {float: right; } .slick-slide img {display: block; } .slick-slide.slick-loading img {display: none; } .slick-slide.dragging img {pointer-events: none; } .slick-initialized .slick-slide {display: block; } .slick-loading .slick-slide {visibility: hidden; } .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none;}
button.slick-arrow:focus{border-color:var(--white);}
.mfp-arrow,.mfp-close{opacity:1}
.mfp-arrow-left:before,.mfp-arrow-right:before{display:none;}
.mfp-arrow-left:after, .mfp-arrow-right:after{border: 0; transform: rotate(-135deg); width: 15px; height: 15px; border-left: solid 2px var(--white); border-bottom: solid 2px var(--white)}
.mfp-arrow-left:after{transform:rotate(45deg)} figure{margin:0;line-height:0;}
img{max-width:100%;}
body{font-family:var(--font-theme);font-weight:400;font-size:16px;line-height:1.8;color:var(--theme-black);}
p{font-family: var(--font-theme);font-weight:400;font-size:16px;line-height:1.8;color:var(--theme-black);margin:0 0 25px 0}
p:last-child{margin:0;}
h1,h2,h3,h4,h5,h6{color:var(--green);font-weight:700}
h1{font-size:62px;line-height:1.1}
h2{font-size:32px;line-height:1.24}
h3{font-size:24px;line-height:1.24}
h4{font-size:20px;line-height:1.32;}
h5{font-size:18px;line-height:1.32;}
h6{font-size:16px}
.container{max-width:1360px;margin:auto;padding:0 30px}
.wrapper {position: relative;padding-top:165px}
a{transition:0.5s all;text-decoration:none;color:var(--purple-dark);}
a:hover{color:var(--theme-black);}
.default-pg{padding:0 0 100px}
.default-pg .content h2{margin-bottom: 15px; margin-top: 50px; font-weight: 700;}
.default-pg .content p a{text-decoration:underline;color:var(--theme-black);}
.default-pg .content p a:hover{color:var(--green);}
.cta-button{font-size:14px;background:transparent;color:var(--green);font-weight:500;padding: 0 20px;min-width:190px;min-height:60px; line-height:60px;display: inline-block; text-align: center; outline: none; border:solid 2px var(--green); transition: 0.5s all;border-radius:60px;letter-spacing:0.7px}
.cta-button:hover{background:var(--green);color:var(--white);}
.cta-button.white{border-color:var(--white);color:var(--white);}
.cta-button.white:hover{background:var(--white);color:var(--green);border-color:var(--white);}
.slick-slider .item{cursor: move; cursor: grab;cursor: -moz-grab; cursor: -webkit-grab; }
.slick-slider .item:active{cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.single-item .slick-dots{display:none;}
.single-item .slick-slider .item{cursor:default;}
.single-item .slide-controls{display:none;}
.slick-dots,.custom-dots{display:flex;align-items:center;justify-content: center;padding:0;margin:0}
.slick-dots li,.custom-dots li{list-style-type:none;margin:0 4px;}
.slick-dots li button,.custom-dots li a{height:12px;width:12px;border-radius:100%;background:var(--white);border:0;font-size:0;padding:0;opacity:0.25;display:inline-block;cursor:pointer;}
.slick-dots li.slick-active button,.custom-dots li.slick-active a{opacity:1}
.slick-slide{outline:none !important;}
.centerbtn{text-align:center;margin-top:30px;}
.ratio-img{position:relative;overflow:hidden;padding-bottom:73%;}
.ratio-img img{height:100%;width:100%;left:0;top:0;object-fit:cover;position:absolute;}
.nav-btn{display:flex;margin:0 -7px}
.slick-arrow{font-size:0;z-index:1;display:flex;align-items:center;justify-content:center;transition:0.5s all;border:0;background:none;padding:0 7px}
.slick-arrow:before {height:10px;width:10px; content: ""; border-left: solid 2px var(--green-light); border-bottom: solid 2px var(--green-light); transform: rotate(45deg);transition:0.5s all;margin:0 0 0 4px;transition:0.5s all}
.slick-arrow:after{height:2px;width:29px;background:var(--green-light);display:inline-block;vertical-align:middle;content:"";margin-left:-9px;transition:0.5s all}
.slick-arrow.next-arrow:before{transform:rotate(-135deg);margin:0 4px 0 -9px}
.slick-arrow:hover:before{border-color:var(--purple-light);}
.slick-arrow:hover:after{background:var(--purple-light);}
.slick-arrow.next-arrow:before{order:2}
.slick-arrow.next-arrow:after{margin-left:auto;}
.inputbox input[type="email"],
.inputbox input[type="text"],
.inputbox input[type="phone"]{background: none; border: 0; border-bottom: solid 1px #1E1E1C;;width:100%;padding:0 40px 0 0;outline:none;color:#1E1E1C;font-size:20px;min-height: 48px;line-height: 48px;}
.inputbox i{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.inputbox input[type="email"]::focus,
.inputbox input[type="text"]::focus,
.inputbox input[type="phone"]::focus{border:0;box-shadow:none;}
.inputbox input[type="text"]::placeholder,
.inputbox input[type="phone"]::placeholder,
.inputbox input[type="email"]::placeholder{font-size:20px;opacity:1;color:#1E1E1C;}
.center-btn{text-align:center;margin-top:18px}
.flex {display: flex; flex-wrap: wrap; }
.global-heading{margin-bottom:30px}
.global-heading h2{margin-bottom:40px}
.global-heading ul{padding: 0 0 0 20px;margin:0}
.global-heading ul li{margin-bottom:15px}
.global-heading ul li h3{margin-bottom:5px} .rev-select {position: relative;}
.sf_field .select.w2linput,.sf_field select { display: none; }
.select-styled {font-size: 14px;line-height: 18px;font-weight: 400;box-shadow: none;color:var(--theme-black);background:var(--white);width: 100%;display: inline-block;vertical-align: middle;border: 1px solid #D0D0D0;text-align: left;padding: 14px 14px 16px;border-radius: 10px;height: auto;position: relative;cursor: pointer;}
.select-styled:before {content: "";position: absolute;top: 0;bottom: 0;right:15px;width:7px;height: 7px;margin: auto 0;border-left: solid 2px var(--theme-black);border-bottom: solid 2px var(--theme-black);transform: rotate(-45deg)}
.sf_field .select2-container { border: 1px solid #D0D0D0; border-radius: 10px; margin-top: 10px; }
.select-options {display: none;margin: 0;list-style: none;border: 1px solid #D0D0D0;border-radius: 10px;margin-top: 10px;font-size: 14px;font-weight: 400;line-height: 1.2;position: absolute;top: 100%;left: 0;right: 0;background:var(--white);z-index: 11;max-height: 200px;overflow: auto;padding:0} 
.select-options li { padding: 15px 20px 17px; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;cursor: pointer;} 
.select-options li:hover { background: #F4F4F4; } .single-case-studies-page{padding:100px 0 0}
@media(max-width:1440px){
body{font-size:15px}
h1{font-size:50px}
h2{font-size:32px}
p{font-size:15px}
.wrapper{padding-top:105px}
.slick-dots li button,.custom-dots li a{width:12px;height:12px}
.cta-button{min-width: 150px; min-height: 45px; line-height: 45px;}
.global-heading h2{margin-bottom:20px}
}
@media(max-width:1199px){
h1{font-size:40px}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:20px}
.container,.container.sml{padding:0 20px}
.center-btn{margin-top:15px}
.default-pg{padding:0 0 80px}
.single-case-studies-page{padding:80px 0 0}
}
@media(max-width: 991px){
p{font-size:14px;margin:0 0 20px 0;line-height:1.7}
.wrapper{padding-top:85px}
.slick-dots li button,.custom-dots li a{height:8px;width:8px;}
.cta-button{min-width:125px; min-height:38px; line-height:38px;font-size:12px}
}
@media(max-width:767px){
h1{font-size:30px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
.wrapper{padding-top:75px}
.default-pg{padding:0 0 60px}
.default-pg .content h2{margin-top:30px}
.nav-btn{justify-content:flex-end;margin:20px -7px 0}
textarea{height:120px}
.global-heading h2{margin-bottom:15px}
.single-case-studies-page{padding:60px 0 0}
} .site-header { padding:40px 0; position: fixed; top: 0; left: 0; width: 100%;background:var(--white);z-index: 111;transition:0.5s all}
.site-header.fixed-header { box-shadow: 0px 0px 4px rgb(0 0 0 / 29%); border-bottom: none !important; padding:15px 0}
.site-header .header-main{flex-wrap: nowrap;}
.logo-left { width: 225px; }
.logo-left a { display: inline-block; vertical-align: middle; width: 100%}
.logo-left img { display: block; max-width:217px; max-height:86px;}
.nav-right {width:100%;display: flex;align-items: center;justify-content: flex-end;}
.site-header ul { margin: 0;padding:0;list-style: none; }
.site-menu { width:82%; padding-left: 40px; padding-right: 40px; }
.menu-icon {display: none;}
.enumenu_ul { margin: 0; display: flex; flex-wrap: wrap; align-items: center; list-style: none;}
.enumenu_ul li { font-weight: 700; padding-left:25px; position: relative;text-transform:uppercase;}
.enumenu_ul li > ul {display:none;position:absolute;top:100%; left:-20px; width: 170px; background:var(--green);padding: 15px; margin-left: 20px; }
.enumenu_ul li > a{color:var(--gray-dark);position:relative;display:inline-block;}
.enumenu_ul li > a:after {content: ""; position: absolute; bottom: 0; right: 0; left: auto; transition: 0.5s all;height:4px; width: 0; background: var(--green); }
.enumenu_ul.desk li.hover > a:after {width: 100%; left: 0; right: auto; }
.enumenu_ul > li.current_page_item > a:after,
.enumenu_ul > li.current-menu-item > a:after,
.archive .enumenu_ul > li.news-menu > a:after,
.single-post .enumenu_ul > li.news-menu > a:after,
.single-product_range .enumenu_ul > li.our-range-menu > a:after{width: 100%;}
.enumenu_ul ul li > a{color:var(--white);}
.enumenu_ul ul li > a:hover{color:var(--theme-black);}
@media (min-width: 768px) {
.enumenu_ul > li:hover > ul { display: block; border-radius: 12px; }
}
.enumenu_ul li > ul > li { color:var(--white);margin-bottom: 5px; padding: 0; font-size: 13px; } 
.enumenu_ul li > ul > li:last-child { margin-bottom:0}
.site-search {width:17.12%;}
.search-col input[type="text"] { font-size:16px; font-weight: 400;line-height: 16px;border:0;border-radius:0;border-bottom: 1px solid var(--green);padding:10px 40px 10px 0}
.search-col { position: relative; }
.search-col:after {content: "\f002"; font-family: "Font Awesome 6 Free"; position: absolute; color: #000; font-weight: 900; right: 5px; top: 8px; opacity: 0.5; pointer-events: none; font-size: 14px; }
.search-col input::-moz-placeholder {opacity: 1 !important;color: #D0D0D0 !important;}
.search-col input:-moz-placeholder {opacity: 1 !important;color: #D0D0D0 !important;}
.search-col input::-webkit-input-placeholder {color: #D0D0D0 !important;}
.search-col input:-ms-input-placeholder {opacity: 1 !important;color: #D0D0D0 !important;}
.search-col input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; font-size: 0; padding: 0; width: 40px;height:40px; background: transparent; border: none; min-width:initial;min-height:initial;outline:none;}
.search-col input:focus {border-color: #2C3440;}
.header-image { width: 132px; }
.header-image img { width: 100%; display: block; }
.nav-right { position: relative; } 
.header__btn { padding-left: 15px; }
.header-lang {position: absolute; top: 0; bottom: 0; right: -73px; height: 25px; margin: auto;}
.enumenu_ul li.mobile-li { display: none; } .footer-gtranslate{text-align:right; }
.footer-gtranslate .gt_float_switcher .gt_options{position:absolute !important;background:var(--green);min-width:100px;box-shadow:0 0 10px rgba(0,0,0,0.4);top:100%;margin: 0px 0 0;padding:0;overflow:hidden;overflow-y:auto;max-height:122px;border: solid 1px var(--white);border-right: 0;right:0;min-width:190px}
.footer-gtranslate .gt_container-rufvec .gt_switcher{width:130px !important;font-size:15px}
.footer-gtranslate .gt_float_switcher .gt_options a{font-size:15px;padding:5px 10px;display:flex;text-align:left;color:var(--white);transition:none}
.footer-gtranslate .gt_float_switcher img{margin:auto 8px auto 0;border-radius:0;width:20px;border:solid 1px var(--white);}
.footer-gtranslate .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{font-size: 0px !important;vertical-align:middle;top:0;display: none;}
.footer-gtranslate .gt_float_switcher .gt-selected .gt-current-lang{padding: 0;font-weight:400}
.footer-gtranslate .gt_float_switcher .gt-selected{min-width: 1px;background: transparent;}
.footer-gtranslate .gt_float_switcher .gt_options a:hover {background:var(--white); color: var(--theme-black); opacity: 1; text-decoration: none; }
.footer-gtranslate .gt_float_switcher .gt-selected img{margin: 0;width: 25px;height: 25px;border-radius: 100%;padding: 0;border: none;object-fit: cover;}
.footer-gtranslate .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{margin-left: 7px;transform:rotate(0deg);width: 9px;}
.gt_float_switcher {box-shadow: none !important;} .contact-footer-main.inquiry-form { padding: 100px 0;}
.contact-footer-main.inquiry-form h2 {padding-bottom:30px; } 
.contact-footer-main.inquiry-form .w2llead { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.contact-footer-main.inquiry-form .w2llead .sf_field { width: 50%; padding: 0 20px;margin-bottom:35px}
.contact-footer-main.inquiry-form .w2llead .sf_field.sf_type_checkbox { width: 100%;}
.contact-footer-main.inquiry-form .w2llead .w2lsubmit {width: 100%; }
.contact-footer-main.inquiry-form .w2llead .sf_field.sf_type_textarea { width: 100%; }
.contact-footer-main.inquiry-form .salesforce_w2l_lead .sf_required_fields_msg { padding:10px 0 0}
.salesforce_w2l_lead .success_message {width: 100%; display: block; color: green; font-size: 18px; }
.salesforce_w2l_lead form .sf_type_text .w2linput{width: 100%; margin: 0;}
.contact-footer-main.inquiry-form .w2llead .w2lsubmit{padding:0 20px}
.salesforce_w2l_lead .top-aligned .w2linput.submit{width: auto; font-size: 14px;margin:0; background: transparent; color: var(--green); padding: 0 20px; min-width: 190px; min-height: 60px; line-height: 60px; display: inline-block; text-align: center; outline: none; border: solid 2px var(--green); transition: 0.5s all; border-radius: 60px; text-transform: uppercase;letter-spacing:0.7px}
.salesforce_w2l_lead .top-aligned .w2linput.submit:hover{background:var(--green);border-color:var(--green);color:var(--white);}
.salesforce_w2l_lead .top-aligned .w2llabel{margin:0 0 6px 0;font-weight:700}
.contact-footer-main.inquiry-form .salesforce_w2l_lead .w2linput.textarea{margin:0;padding:15px}
@media(min-width:1920px){
.header-lang{right:-220px}
}
@media(max-width:1550px){
.footer-gtranslate{position:static;min-width:60px}
}
@media(max-width:1440px){
.site-header {padding: 20px 0;}
.logo-left img { max-width: 150px;max-height:70px;}
.enumenu_ul li { font-size: 14px;}
.enumenu_ul li > ul {margin-left: 15px;}
.footer-gtranslate .gt_float_switcher .gt_options a{font-size:14px}
.footer-gtranslate .gt_float_switcher .gt-selected img{height:20px;width:20px}
.footer-gtranslate .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{margin-left:3px}
}
@media(max-width:1199px){
.contact-footer-main.inquiry-form{padding:80px 0}
.site-menu{padding:0 20px}
.enumenu_ul li > a:after{height:2px}
.contact-footer-main.inquiry-form .w2llead .sf_field{margin-bottom:20px}
.salesforce_w2l_lead .top-aligned .w2linput.submit{min-width:150px;min-height:50px;line-height:50px}
}
@media(max-width:991px){
.search-col input[type="text"]{font-size:11px;line-height: 16px;padding:5px 25px 5px 0;min-height:30px;}
.search-col input[type="submit"]{height:25px;width:25px;min-height: inherit; top: auto;}
.search-col:after{font-size:10px;top:9px;right:2px}
.logo-left{width:auto;}
.logo-left img{max-height: 46px;max-width:104px}
.enumenu_ul li{font-size:11px;padding-left:15px}
}
@media(max-width:767px){
.contact-footer-main.inquiry-form{padding:60px 0}
.site-header{padding: 15px 0;}
.logo-left{width:115px}
.site-menu{width: 20px;padding:0;margin:3px 10px 0 15px;height:17px}
.menu-open,.menu-open .site{overflow:hidden}
.menu-icon {display:block;line-height:0}
.menu-box {height: 17px;border-radius: 100%;background:var(--white);margin-left: auto;display: inline-block;cursor: pointer;}
.menu-box span { display: block; width: 20px; height:2px; background:var(--green); margin-bottom: 4px; } 
.menu-box span:last-child { margin-bottom: 0; }
.menu-icon.active span:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(4px);-webkit-transform: rotate(45deg) translateY(6px) translateX(4px);}
.menu-icon.active span:nth-child(2){opacity:0;}
.menu-icon.active span:nth-child(3){transform: rotate(-45deg) translateY(-6.5px) translateX(4px);-webkit-transform: rotate(-45deg) translateY(-6.5px) translateX(4px);width: 20px;margin-top:6px}
.site-header ul{padding:20px}
.enumenu_ul {display: none;position: fixed;top:65px;left: 0;right: 0;bottom: 0;height: calc(100vh - 65px);overflow: auto;background:var(--green);padding: 20px 20px;}
.enumenu_ul li { color:var(--white); padding: 0; margin-bottom: 10px; font-size: 14px; }
.enumenu_ul li a{color:var(--white);}
.enumenu_ul li.current-menu-item a,
.single-product_range .enumenu_ul li.our-range-menu a,
.single-post .enumenu_ul li.news-menu a{color:var(--theme-black);}
.enumenu_ul li a:hover,.enumenu_ul li a:focus {color: #2C3440;}
.enumenu_ul li:last-child { margin-bottom: 0; }
.arrow {position: absolute;top: 0;right: 5px;width: 20px;height: 20px;cursor: pointer;} 
.arrow:after {content: "";display: inline-block;border-left: 2px solid var(--white);border-bottom: 2px solid var(--white);width: 8px;height: 8px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;top: -5px;bottom: 0;text-align: center;margin: auto;line-height: 0px;transform-origin: center;}
.arrow.up:after { transform: rotate(135deg); top: 1px;}
.enumenu_ul li > ul { position: static; margin: 0; width: 100%; transform: none; background: transparent; padding: 10px 0 0 10px; }
.enumenu_ul > li.current_page_item > a {color: #2C3440;}
.site-search {width:120px;order: -1;padding-right: 0;} 
.enumenu_ul li.mobile-li { display: block; }
.nav-right > .header__btn { display: none; }
.footer-gtranslate{min-width:40px} 
.site-header .header-main{justify-content:space-between;}
.nav-right{max-width:180px}
.search-col{line-height:0}
.search-col input[type="text"]{padding:0 20px 0 0;min-height:25px}
.search-col:after{top:13px}
.footer-gtranslate .gt_float_switcher .gt_options a{font-size:12px}
.footer-gtranslate .gt_float_switcher .gt_options a{padding:2px 5px}
.footer-gtranslate .gt_float_switcher .gt_options{max-height:98px}
.site-header.fixed-header{padding:10px 0}
.contact-footer-main.inquiry-form .w2llead .sf_field{width:100%}
}  .site-footer {background:var(--green);color:var(--white);padding: 35px 0 40px;} 
.site-footer ul { margin: 0;padding:0}
.site-footer ul li { list-style: none; }
.site-footer a{color:var(--white);}
.site-footer a:hover{text-decoration:underline;}
.footer-1 {border-bottom: 1px solid var(--white);padding-bottom: 30px;margin-bottom: 40px;} 
.footer-1-left { display: flex; flex-wrap: wrap; width: 52%; font-size: 12px;line-height: 2.5;font-weight:700}
.footer-col {width: 33.33%;}
.footer-1-left p { font-size: 12px; font-weight: 700; line-height: 2.5;color:var(--white);} 
.footer-menu li { text-transform: uppercase; }
.footer-1-right { width: 40%; margin-left: auto; margin-top: auto; margin-bottom: auto; } 
.footer-logo ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; margin: 0 -5px; margin-left: auto; }
.footer-logo ul li { width: 66px; height: 66px; background: var(--white); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 5px; padding: 11px; }
.footer-logo ul li a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.footer-logo ul li img { max-height: 100%; }
.footer-2-left { width: 54%; } 
.footer-2-left p { font-size: 10px;color:var(--white);}
.footer-2-left p a { color:var(--white); text-decoration: none; }
.footer-2-left p a:hover,.footer-2-left p a:focus {color:var(--black);}
.footer-2-right {margin-left: auto;width: 46%;margin-top: auto;padding-bottom: 10px;}
.follow-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; }
.follow-wrap h6 { color:var(--white);font-size: 10px; margin: 0; } 
.follow-right { padding-left: 22px; } 
.follow-right ul { display: flex; flex-wrap: wrap; margin: 0 -15px; justify-content: start;padding:0 0 0 15px} 
.follow-right ul li { padding: 5px 15px; font-size: 14px; }
.follow-right ul li a:hover,.follow-right ul li a:focus {color:var(--black);}
@media(max-width:1400px){
.site-footer .footer-top{padding-bottom:50px}
.site-footer .social-links ul{margin-bottom:20px}
}
@media(max-width:991px){
.site-footer{padding-bottom:20px}
.footer-1{padding-bottom:20px;margin-bottom:20px}
.footer-logo ul li{height:45px;width:45px}
}
@media(max-width: 767px){
.site-footer .footer-top{padding-bottom:30px}
.site-footer .ftr-contact{padding:50px 15px 0}
.site-footer .footer-top .page-blocks [class*="block-"]:last-child{justify-content:flex-start;}
.site-footer .footer-bottom .website-by{text-align:left;margin:15px 0 0}
.site-footer .social-links ul{margin:28px 0 30px -5px}
.site-footer .ftr-logos{padding:45px 15px 0}
.footer-1-left{width:100%}
.footer-1-left .footer-col{width:100%;margin-bottom:15px}
.footer-1-right{width:100%;margin-top:15px;margin-left:-5px}
.footer-logo ul{justify-content:flex-start;}
.follow-right{padding-left:10px}
.follow-right ul li{padding:5px 10px}
.footer-2-left{width:100%}
.footer-2-right{width:100%;padding:0}
.footer-2-right .follow-wrap{justify-content:flex-start;}
}  .main-banner{height:calc(80vh - 165px)}
.main-banner .banner{height:100%}
.main-banner .item{background-size:cover;height:100%;background-color:#fff;background-position:center center;position:relative;overflow:hidden;}
.main-banner .item .container{margin:0 auto;height:100%}
.main-banner .banner-caption{margin:0;position:relative;width:50%;display:flex;align-items: center;height:100%}
.main-banner .banner-caption:after{content:"";position:absolute;height:100%;width:100%;background:var(--theme-black);opacity:0.75;mix-blend-mode:multiply;left:0;top:0}
.main-banner .banner-caption:before{content:"";position:absolute;height:100%;width:100vw;background:var(--theme-black);opacity:0.75;mix-blend-mode:multiply;right:100%;top:0}
.main-banner .banner-caption .desc{position:relative;z-index:1;max-width:540px}
.main-banner .banner-caption .desc *{color:var(--white);}
.main-banner .banner-caption .desc h1{margin-bottom:45px}
.main-banner .banner-caption .desc p{font-size:24px;}
.main-banner .banner-caption .desc .cta-button{margin:10px 0}
.main-banner .banner-caption .desc .cta-button.white:hover{color:var(--green)}
.main-banner .banner-video {position: absolute; z-index: 0; left: 0; top: 0;height:100%;width:100%}
.main-banner .banner-video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main-banner .banner-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media(max-width:1440px){
.main-banner{height:calc(100vh - 105px)}
.main-banner .banner-caption .desc h1{margin-bottom:25px}
.main-banner .banner-caption .desc p{font-size:18px;line-height:1.5}
}
@media(max-width:1199px){
.main-banner .banner-caption .desc{max-width:100%;padding-right:30px}
.main-banner .banner-caption .desc h1{margin-bottom:15px;}
}
@media(max-width:991px){
.main-banner .banner-caption .desc p{font-size:15px}
}
@media(max-width: 767px){
.main-banner{height:auto;}
.main-banner .item{height: auto; padding: 60px 0; min-height: calc(100vh - 76px); display: flex; align-items: center;}
.main-banner .banner-caption{text-align:center;padding:30px;width:100%}
.main-banner .banner-caption:before{display:none;}
.main-banner .banner-caption .desc{padding-right:0}
.main-banner .banner-caption .desc .cta-button{margin:5px 0}
}   .contain-box-with-img{padding:40px 0}
.contain-box-with-img .container{position:relative;}
.contain-box-with-img .page-blocks{align-items:center;position:relative;z-index:1}
.contain-box-with-img .desk-blk .heading{margin-bottom:20px}
.contain-box-with-img .desk-blk .heading h2{padding-bottom:25px}
.contain-box-with-img .desk-blk{padding:0 50px 0 10px}
.contain-box-with-img .img-blk figure{position:relative;overflow:hidden;z-index:1;background:var(--white);padding:0}
.contain-box-with-img .img-blk figure img{width:100%;position:initial;}
.contain-box-with-img .desk-blk ul{margin:0 0 25px 0;padding:0 0 0 25px}
@media(max-width:1440px){
.contain-box-with-img .desk-blk .heading h2{padding-bottom:0}
}
@media(max-width:1199px){
.contain-box-with-img{padding:40px 0}
.contain-box-with-img .desk-blk{padding:0 15px}
}
@media(max-width:991px){
.contain-box-with-img .container:before{top: auto; height: 400px; width: 400px; bottom: -16%;}
.contain-box-with-img .container:after{height:150px;width:150px}
}
@media(max-width:767px){
.contain-box-with-img{padding:40px 0}
.contain-box-with-img .desk-blk .heading{margin-bottom:20px}
.contain-box-with-img .desk-blk .heading h2{padding-bottom:0}
.contain-box-with-img .img-blk{order:-1;margin-bottom:30px}
.contain-box-with-img .desk-blk{padding:0 15px 0}
}  .numbers-contain-box{padding:60px 0;background:var(--green-light);}
.numbers-contain-box .page-blocks{align-items:center;}
.numbers-contain-box .desk-blk h2{margin-bottom:30px}
.numbers-contain-box .numBox{display:flex;align-items:center;padding:0 0 0 50px;margin:0 -15px 30px}
.numbers-contain-box .numBox .counter{font-size:30px;color:var(--green);font-weight:900;line-height:1.3;width:30%;word-wrap:break-word;padding:0 15px}
.numbers-contain-box .numBox .desc{text-transform: uppercase; line-height: 1.5;font-family:var(--font-theme-2);width:70%; padding:0 15px}
.numbers-contain-box .numBox:last-child{margin-bottom:0}
@media(max-width:1400px){
.numbers-contain-box .desk-blk h2{margin-bottom:20px}
}
@media(max-width:1199px){
.numbers-contain-box{padding:60px 0}
}
@media(max-width:767px){
.numbers-contain-box{padding:60px 0}
.numbers-contain-box .numBox{margin:0;justify-content:flex-start;padding:30px 0 0;flex-wrap:wrap}
.numbers-contain-box .numBox .counter{width:100%;margin:0 0 10px 0;padding:0}
.numbers-contain-box .numBox .desc{width:100%;max-width:100%;padding:0}
}  .wide-three-grid{padding:15px}
.wide-three-grid .gridWrap{display:flex;flex-wrap:wrap;}
.wide-three-grid .gridWrap .item{padding:15px;width:50%}
.wide-three-grid .gridWrap .item:last-child{width:100%}
.wide-three-grid .gridWrap .item:last-child .ratio-img{padding-bottom:41.4%}
@media(max-width:991px){
.wide-three-grid{padding:10px}
.wide-three-grid .gridWrap .item{padding:10px}
}  .our-range-main{padding:60px 0 60px}
.our-range-main .global-heading{margin-bottom:60px}
.our-range-main .page-blocks{margin:0 -20px}
.our-range-main .page-blocks>*{padding:0 20px;margin-bottom:40px}
.rangeBox .ratio-img{padding-bottom:54.5%}
.rangeBox .ratio-img img{transition:0.5s all; border-radius: 10px 10px 0 0;}
.rangeBox{height: 100%; display: flex; flex-flow: column; box-shadow:0 2px 8px rgba(0,0,0,0.2); border-radius: 10px; transition: 0.3s ease-in-out;}
.rangeBox .range-info{padding:28px 34px;border:solid 1px #EBEBEB;height: 100%; display: flex; flex-flow: column; border-radius: 0 0 10px 10px;}
.rangeBox .range-info h4{margin-bottom:13px}
.rangeBox .range-info p{margin-bottom:10px}
.rangeBox .range-info .view-link{font-size:14px;color:var(--green);margin-top:auto;letter-spacing:0.5px}
.rangeBox .range-info .view-link i{margin-left:6px;transition:0.5s all;}
.rangeBox .range-info .view-link:hover{color:var(--theme-black);}
.rangeBox .range-info .view-link:hover i{margin-left:12px}
.rangeBox:hover {transition: 0.3s ease-in-out; box-shadow:0 4px 12px rgba(0,0,0,0.3);}
@media(max-width:1440px){
.our-range-main .global-heading{margin-bottom:60px}
.rangeBox .range-info{padding:25px}
}
@media(max-width:1199px){
.four-column-boxes{padding:60px 0}
}
@media(max-width:991px){
.our-range-main{padding:60px 0 40px}
.our-range-main .page-blocks{margin:0 -15px}
.our-range-main .page-blocks>*{width:50%;padding:0 15px;margin-bottom:30px}
.rangeBox .range-info .view-link{font-size:13px}
}
@media(max-width:767px){
.our-range-main{padding:60px 0 30px}
.our-range-main .global-heading{margin-bottom:40px}
.four-column-boxes{padding:50px 0}
.our-range-main .item{width:50%}
.rangeBox .range-info{padding:25px 20px}
.rangeBox .range-info h4{margin-bottom:10px}
}
@media(max-width:480px){
.our-range-main .item{width:100%;}
}  .back-link{color: var(--green); margin-top:15px;letter-spacing:2px}
.back-link i{margin-right:10px; transition: 0.5s all; }
.back-link:hover {color: var(--theme-black); }  .two-contain-box-main{padding:60px 0}
.two-contain-box-main .global-heading{margin-bottom:0}
.two-contain-box-main .global-heading .pdf-link{margin-top:55px}
.pdf-link a{display:inline-flex;align-items:center;font-size:24px;color:var(--green);line-height:1.5}
.pdf-link a:hover{color:var(--theme-black);}
.pdf-link a img{margin-right:30px}
.two-contain-box-main .rightpart{padding:0 0 0 130px}
.two-contain-box-main .rightpart ul{margin:0;padding:0}
.two-contain-box-main .rightpart ul li{margin-bottom:30px; position: relative; list-style: none; padding-left: 40px;}
.two-contain-box-main .rightpart ul li:before {content: ""; height: 23px; width: 11px; position: absolute; background:var(--green); border-radius: 10px; left: 0; top: 5px; }
.two-contain-box-main .rightpart ul li:last-child{margin-bottom:0}
.two-contain-box-main .rightpart ul li h3{margin-bottom:8px;font-weight:400}
.two-contain-box-main.light-green{background:var(--green-light);}
@media(max-width:1400px){
.two-contain-box-main .rightpart ul{padding:0 0 0 15px}
.two-contain-box-main .rightpart{padding:0 0 0 15px}
.pdf-link a{font-size:20px}
}
@media(max-width:1199px){
.two-contain-box-main{padding:60px 0}
.pdf-link a{font-size:18px}
.pdf-link a img {margin-right: 20px; max-width: 40px;}
.two-contain-box-main .rightpart ul{padding-left:30px}
.two-contain-box-main .rightpart ul li:before{width:9px;height:20px}
}
@media(max-width:767px){
.two-contain-box-main{padding:60px 0}
.pdf-link a{font-size:16px}
.two-contain-box-main .global-heading .pdf-link{margin-top:30px}
.two-contain-box-main .leftpart{margin-bottom:40px}
.two-contain-box-main .rightpart ul{padding:0}
.two-contain-box-main .rightpart ul li{padding-left:25px}
.two-contain-box-main .rightpart ul li:before{height:18px;width:8px}
}  .video-sec { padding: 0 0 230px;background:var(--green-light); }
.video-mp4 video {width: 100%;height: auto;opacity: 0;transition: all 0.5s ease-in-out;position: absolute;top: 0;left: 0;right: 0;bottom: auto;width: 100%;height: 100%;object-fit: cover;}
.video-mp4.active video {opacity: 1;}
.action-button {cursor: pointer;position: relative;z-index: 1;padding-bottom:56.3%;width: 100%;margin: 0 auto;background-size:cover;background-position:center center;}
.video-play-icon{width:80px;height:80px;background:var(--green);border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;transition: all 0.5s ease-in-out;opacity: 1;    display: flex; align-items: center; justify-content: center;pointer-events:none;z-index:-1}
.video-play-icon:after {content: "";background:url(//hatcrete.com/wp-content/themes/hatcrete/assets/images/play.svg);width:16px;height:20px;}
.video-play-icon:hover{background:var(--theme-black);}
.video-main.video-open .video-play-icon{opacity: 0;}
.video-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s ease-in-out; z-index: -11; display: none;}
.video-open iframe { opacity: 1;display: block;}
.video-open .action-button:after {opacity: 0;}
.video-ic { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.video-open .video-ic { display: none; }
@media(max-width:1440px){
.video-sec{padding:0 0 100px}
}
@media(max-width:1199px){
.video-sec{padding:0 0 80px}
}
@media(max-width:767px){
.video-sec{padding:0 0 60px}
.video-play-icon{height:60px;width:60px}
.video-play-icon:after{background-size: 12px; background-repeat: no-repeat; background-position: center;}
}  .vertical-tabbing-sec { padding:50px 0 50px 0 } 
.vertical-tab-wrap { display: flex; flex-wrap: wrap;}
.tab-content-main { display: flex; flex-wrap: wrap; margin: 0 -20px; justify-content: center; }
.tabing-listing > h2,.tabing-listing > h3 { border-bottom: 1px solid #D0D0D0; padding-bottom: 39px; } 
.tabing-listing ul { margin: 38px 0 0; padding:0} 
.tabing-listing ul li { list-style: none; margin-bottom:10px; transition: all 0.5s ease-in-out;cursor:pointer;}
.tabing-listing ul li:hover{color:var(--green);}
.tabing-listing ul li.current{ color:var(--green)}
.tabing-listing ul li:hover,.tabing-listing ul li:focus {color: var(--green)}
.tabing-listing ul li:last-child { margin-bottom: 0; }
.news-date-listing ul ul {margin:10px 0 30px 0}
.tabing-listing ul ul li{line-height:1.5}
.tabing-listing ul ul li a{color:var(--green);text-decoration:underline; }
.tabing-listing ul ul li a:hover{color:var(--theme-black);}
.tabing-content {margin-left: auto; position: relative; }
.ajax-loader-img{text-align: center; line-height: 0; margin: 0 0 30px 0; position: fixed; top: 0; z-index: 999; left: 0; background-color: rgba(255, 255, 255, 0.7); width: 100%; height: 100%;}
.ajax-loader-img img{max-width:50px; margin: 0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.tab-content {display: none;}
.tab-content.current { display: block; }
.tab-content-col { width: 50%; padding: 0 20px; margin-bottom:53px; } 
.tab-content-inner { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 100%; background:#fff; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.2); padding:20px; transition:box-shadow 0.3s ease; }
.tab-content-inner:hover { box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.content--img { background-color: #EBEBEB; width: 100%; margin-bottom: 25px; display:flex;align-items:center;justify-content:center;min-height:236px;background-size:cover;background-position:center center;} 
.tab-content-inner h3 { margin-bottom:20px;width: 100%; }
.tab-content-inner p { width: 100%; }
.tab-content-inner .cta-button{min-width:120px;min-height:40px;line-height:40px;font-size:12px;font-weight:700}
.more-link{text-align:center;}
.load-more-link{color:var(--green);background:none;font-size:16px;text-transform:uppercase;border-bottom:solid 1px var(--green);width: auto;min-height:initial;padding:0 0 3px;line-height:initial;border-radius:0}
.load-more-link:hover{color:var(--theme-black);border-color:var(--theme-black);}
.tab-content-inner .btn-wrap {display: flex; flex-wrap: wrap; padding-top: 3px; align-items: center; margin-top: auto; width: 100%; }
.tab-content-inner .status-right{margin-left:auto;}
.tab-content-inner .status-right p{color:var(--green);}
.tab-content-inner .status-right i{margin-right:10px}
.tab-content-inner h4{margin-bottom:15px}
.vertical-tabbing-sec .global-heading{margin-bottom:80px}
.vertical-tabbing-sec .global-heading h2{margin-bottom:25px}
.case-study-main .tab-content-inner{display:flex;flex-flow:initial;}
.case-study-main .tab-content-inner .img-blk{width:45%}
.case-study-main .tab-content-inner .desc-blk{width:65%; padding: 0 0 0 24px; display: inline-flex; flex-flow: column; height: 100%;}
.case-study-main .tab-content-inner .content--img{width:100%;padding-bottom:138.45%;margin:0;position:relative;overflow: hidden;}
.case-study-main .tab-content-inner .content--img img{position:absolute;height:100%;width:100%;left:0;top:0;object-fit:cover;max-width:initial;max-height:initial;}
.case-study-main .tab-content-inner .c-btn{margin-top:auto;}
@media(max-width:1440px){
.vertical-tabbing-sec{padding:50px 0 100px 0 }
.case-study-main .tabing-listing{width:25%}
.case-study-main .tabing-content{width:75%}
.tab-content-inner{padding:20px;}
}
@media(max-width:1199px){
.tab-content-main{margin:0 -10px}
.tab-content-col{padding:0 10px}
.case-study-main .tab-content-inner .desc-blk{padding-left:15px;}
}
@media(max-width:991px){
.vertical-tabbing-sec{padding:40px 0 80px 0}
.tabing-listing > h2,.tabing-listing > h3{padding-bottom:20px}
.tabing-listing ul{margin:20px 0 0 }
.content--img{min-height:150px;margin-bottom:15px}
.content--img img{max-width:100px;max-height:100px}
.tab-content-inner h3{margin-bottom:15px;font-size:16px}
.tab-content-inner .cta-button {min-width: 100px; min-height: 30px; line-height: 30px; font-size: 10px; }
.vertical-tabbing-sec .load-more-link{font-size:15px}
.case-study-main .tabing-listing{width:22%}
.case-study-main .tabing-content{width:78%}
.ajax-loader-img img{max-width:30px}
.tab-content-inner{padding:18px;border-radius:10px;}
}
@media(max-width:767px){
.vertical-tabbing-sec{padding:30px 0 7px}
.tabing-listing ul{margin-bottom:30px}
.tabing-listing ul li{line-height:1.5}
.vertical-tabbing-sec .load-more-link{font-size:14px}
.case-study-main .tabing-listing{width:100%}
.case-study-main .tabing-content{width:100%}
.tab-content-inner{padding:16px;border-radius:8px;}
}
@media(max-width:575px){
.vertical-tabbing-sec{padding:30px 0 60px 0}
.tab-content-col{width:100%;margin-bottom:30px}
}  .all-img-grids{padding:0 0 193px}
.img-grid .page-blocks{height:592px}
.img-grid .page-blocks>*{padding:15px}
.img-grid .ratio-img{padding-bottom:0;height:100%}
.img-grid.single-grid .page-blocks{height:auto;}
.img-grid.single-grid .ratio-img{padding-bottom:initial;height:auto;}
.img-grid.single-grid .ratio-img img{position:initial;}
@media(max-width:1400px){
.all-img-grids{padding:0 0 100px}
.img-grid .page-blocks{height:480px}
}
@media(max-width:1199px){
.all-img-grids{padding:0 0 80px}
.img-grid .page-blocks{height:400px}
}
@media(max-width:991px){
.all-img-grids{padding:0 0 60px}
.img-grid .page-blocks{height:320px;margin:0 -10px}
.img-grid .page-blocks>*{padding:10px}
}
@media(max-width:767px){
.img-grid .page-blocks .block-4{width:33.33%}
.img-grid .page-blocks .block-8{width:66.66%}
}
@media(max-width:575px){
.img-grid .page-blocks .block-4,.img-grid .page-blocks .block-8{width:100%}
.img-grid .page-blocks{height:auto;}
.img-grid .ratio-img{padding-bottom:100%;height:initial;padding:0}
.img-grid .ratio-img img{position:initial;}
}  .range-tabs-main{background:#F2FAF1;padding:100px 0 200px}
.range-tabs-main .section-title{text-align:center;margin-bottom:40px}
.range-tabs-main .short-desc {max-width: 778px; text-align: center; margin: auto auto 35px; }
.detailTab{display:flex;flex-wrap:wrap;padding:0;margin:0 -10px 30px;justify-content:center;}
.detailTab li {list-style:none;padding:0 5px;margin-bottom:10px}
.detailTab li .tab-button{cursor: pointer; background-color: rgba(3,181,27,0.2); padding: 0 25px; line-height: 59px;border-radius:3px; transition: 0.5s all; font-size: 12px;text-transform:uppercase;color:var(--white);font-weight:700;position:relative;overflow:hidden;}
.detailTab li:hover .tab-button,.detailTab li.current .tab-button {color:var(--white);background:var(--green)}
.accoContain { width: 100%; margin: 0 0 10px; display: none; opacity: 0; transition: opacity 0.5s linear; visibility: hidden; }
.accoContain.in {opacity: 1; visibility: visible; }
.accoContain.current {display: block; }
.mainTabing h2{display: none;}
.range-tabs-main .tab-imgGrid-blk .all-img-grids{padding-bottom:0}
.range-tabs-main .img-grid .page-blocks{height:322px;margin:0 -8px}
.range-tabs-main .img-grid .page-blocks>*{padding:8px}
.range-tabs-main .img-grid.single-grid .page-blocks{height:initial;}
.tab-desc-blk h3{margin:10px 0 30px}
.tab-desc-blk ul{margin:0;padding:0 0 20px 18px}
@media(max-width:1199px){
.range-tabs-main{padding:80px 0}
.range-tabs-main .img-grid .page-blocks{height:250px}
.detailTab li .tab-button{line-height:48px}
}
@media(max-width:991px){
.tab-desc-blk{width:100%;margin-bottom:30px}
.tab-imgGrid-blk{width:100%}
.tab-imgGrid-blk .all-img-grids .img-grid .container{padding:0}
.range-tabs-main .img-grid .page-blocks{height:300px}
.tab-desc-blk ul li{font-size:14px;line-height:1.7}
}
@media(max-width: 767px){
.range-tabs-main{padding:60px 0} .accoContain{opacity: 1;visibility: visible;}
.range-tabs-main .img-grid .page-blocks{height:auto;}
}
@media(max-width:575px) {
.detailTab li{width:50%;}
.detailTab li .tab-button{line-height:45px;padding:0 15px;font-size:10px;text-align:center;}
}  .contact-form-sec { padding: 60px 0 0}
.contact-form-sec .contat-left{padding:0 30px 0 0}
.contact-form-sec .contat-left h2{margin-bottom:30px}
.contact-form-sec .contat-left h3{margin-bottom:20px}
.opening-hours { margin-bottom: 34px; }
.opening-hours p { margin-bottom: 0; }
.head-office ul { margin: 0;padding:0} 
.head-office ul li { list-style: none; display: block;}
.head-office ul li a:hover{color:var(--green);}
.head-office { margin-bottom: 40px; } .contact-form-sec .page-blocks{margin:0}
.contact-form-sec .contat-right{padding:0 0 0 92px}
.contact-form-sec .contat-right iframe{width:100%;height:100%;min-height:580px; }
.salesforce-contact-form {margin-top: 0;}
.salesforce_w2l_lead form .sf_field label { color: #2C3440; font-size: 14px; font-weight: 700; text-transform: capitalize; line-height: 1.2; display: block; margin-bottom: 9px; margin-top: 0; }
.salesforce_w2l_lead .w2llabel.checkbox {cursor: pointer;}
.salesforce_w2l_lead form .sf_type_text .w2linput { width: 100%; margin: 0; }
form .sf_field {margin-bottom: 35px;}
.salesforce-contact-form .salesforce_w2l_lead { margin-top: 36px; }
.salesforce_w2l_lead .sf_field  textarea.textarea { height: 147px; margin: 0; }
.salesforce_w2l_lead form .sf_field { padding: 0; }
.checkbox { position: relative; }
.checkbox input.checkbox { width: 23px; height: 23px; border: 1px solid #D0D0D0; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -2px; cursor: pointer;}
.salesforce_w2l_lead form .w2lsubmit { padding: 0; }
.salesforce_w2l_lead form .w2lsubmit .submit { margin-top: 0; }
.sf_required_fields_msg { margin-top: 10px; }
.contact-info-sec {border-bottom: 1px solid #D0D0D0;padding: 100px 0} 
.contact-info-main {display: flex;flex-wrap: wrap;margin: 0 -20px;align-items: flex-start;}
.contat-info-wrap {width: 50%;display: flex;flex-wrap: wrap;padding: 0 20px;margin-top: 30px;}
.info-left { width: 47%; align-items: flex-start; }
.info-left h4,.info-left h3 { color:var(--green); margin-bottom: 16px; }
.info-left ul { margin: 0; padding: 7px 0 0; }
.info-left ul li { list-style: none;}
.info-left ul li a:hover{color:var(--green);}
.info-right { width: 47%; margin-left: auto; position: relative; padding-bottom: 46%; } 
.info-right iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;} 
.contact-info-sec h2{margin-bottom:20px}
@media(max-width:767px){
.contact-info-sec h2{margin-bottom:30px}
}  .portfolio-main {padding: 50px 0 100px 0 }
.portfolio-heading { text-align: center; max-width: 641px; margin: 0 auto; }
.portfolio-filter {margin-bottom:50px;}
.portfolio-filter ul { margin: 0; list-style: none; display: flex; flex-wrap: wrap; padding:0 0 30px 0;border-bottom:solid 1px #525254}
.portfolio-filter ul li:first-child{padding-left:0}
.portfolio-filter ul li:first-child::after{left:0}
.portfolio-filter ul li {padding: 4px 19px;color:#525254;font-size: 14px;text-transform: uppercase;letter-spacing: 0.4px; cursor: pointer;position: relative;}
.portfolio-filter ul li::after {content: '';position: absolute;bottom: -4px;left: 19px;right: 19px;height: 1px;background-color: #525254;transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;}
.portfolio-filter ul li:hover::after {transform: scaleX(1);}
.portfolio-filter ul li.current.category-button {font-weight: 700;color:var(--green); position: relative;}
.portfolio-filter ul li.current.category-button::before {content: '';position: absolute;bottom: -4px;left: 19px;right: 19px;height: 1px;background-color: var(--green);}
.portfolio-filter ul li:first-child.current.category-button::before{left:0}
.portfolio-filter ul li.current.category-button::after, .portfolio-filter ul li input[type="radio"]:checked + label::after {transform: scaleX(0);}
.portfolio-filter ul li input[type="radio"] { position: absolute; top: 0; left: -999999999px; z-index: -1; } 
.portfolio-filter ul li input[type="radio"]:checked + label {font-weight: 700;color: #FF293A;text-decoration: underline;letter-spacing: 0.4px;text-transform: uppercase;}
.portfolio-image-wrap { display: flex; flex-wrap: wrap; margin: 0-21px; justify-content: center; }
.portfolio-img { width: 33.33%; padding: 0 21px; margin-bottom: 40px; }
.portfolio-inner { width: 100%; padding-bottom: 79.5%;background-size: cover; background-position: center center;}
.portfolio-wrap { position: relative; } 
.portfolio-img__content { position: relative;text-align:center;}
.porfolio-hover-content {display: flex; align-items: center; justify-content: center; padding: 20px 70px; opacity: 0; transition: all 0.5s ease-in-out; cursor: pointer;height:100%;width:100%;left:0;top:0;position:absolute;} 
.porfolio-hover-content:before{content:"";background-color:rgba(10, 180, 10, 0.4);height:100%;width:100%;left:0;top:0;position:absolute;}
.porfolio-hover-content * { color:var(--white); position:relative; font-size: 18px; font-weight: 700px;!important} 
.portfolio-img__content:hover .porfolio-hover-content { opacity: 1; }
@media(max-width:1199px){
.portfolio-main{padding:40px 0 80px 0}
.porfolio-hover-content{padding:20px 30px}
.portfolio-image-wrap{margin:0 -20px}
.portfolio-img{padding:0 20px}
.portfolio-filter {margin-bottom: 60px; }
}
@media(max-width:991px){
.portfolio-img{width:50%}
.portfolio-filter ul{padding:0 0 20px 0}
}
@media(max-width:767px){
.portfolio-main{padding:30px 0 60px 0}
.portfolio-filter{margin-bottom:50px}
}
@media(max-width:575px){
.portfolio-img{width:100%}
}  .single-banner {background: #2C3440;color:var(--white);padding: 74px 0;position: relative;z-index: 1;}
.single-banner .banner-main { align-items: flex-start; }
.single-banner .banner-text {width: 51.5%;padding-right: 130px;padding-top: 8px;margin: auto 0;}
.single-banner .banner-text h2{color:var(--white);}
.single-banner .banner-text h1 { margin-bottom: 38px; }
.single-banner .banner-text p {font-size: 24px;line-height: 1.93;}
.single-banner .banner-image { width: 48.5%; box-shadow: 1px 10px 21px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 1px 10px 21px 0px rgba(0,0,0,0.16); -moz-box-shadow: 1px 10px 21px 0px rgba(0,0,0,0.16); }
.single-banner .banner-content-img { width: 100%; padding-bottom: 82.5%;background-size:cover; }
.single-banner .banner-bg-img { position: absolute; top: 0; bottom: 0; right: 0; width: 37.3%; z-index: -1;background:#CCC}
.follow-right.top-post-social { padding: 0; margin-top: -40px; }
.follow-right.top-post-social ul {justify-content: flex-start;}
.follow-right.top-post-social ul li { list-style: none; font-size: 15px; }
.follow-right.top-post-social ul li a{color:var(--green);}
.follow-right.top-post-social ul li a:hover{color:var(--white);} .blog-banner-text .profile-wrap{ align-items: center; }
.blog-banner-text .profile-info{ padding-top:0; }
.blog-content h2{font-size:40px; line-height:1.25; margin-bottom:46px; font-weight: bold; color: var(--black-color); }
.blog-content h3{ font-size:30px; line-height:1.35; font-weight: bold; color: var(--black-color); }
.blog-content h4{ font-size:26px; line-height:1.5;font-weight: bold; color: var(--black-color); }
.blog-content h5{ font-size:20px; line-height:1.5; font-weight: bold; color: var(--black-color); }
.blog-content h6{ font-size:14px; line-height:1.5; font-weight: bold; color: var(--black-color); }
.blog-content p{ margin-bottom:32px; color: var(--black-color); }
.blog-content ul, .blog-content ol{ margin-bottom:32px; color: var(--black-color); }
.blog-content ul li, .blog-content ol li{ margin-bottom: 16px; line-height:1.98; }
.blog-content h2:last-child, .blog-content h3:last-child, .blog-content h4:last-child, .blog-content h5:last-child,
.blog-content h6:last-child, .blog-content p:last-child{ margin-bottom:0;}
.blog-content p + h2, .blog-content p + h3, .blog-content p + h4, .blog-content p + h5,
.blog-content p + h6{ margin-top: 2em;}
.blog-content a:not(.cta-button){text-decoration: underline;}
.blog-content a:not(.cta-button):hover{ color: var(--green);}
.blog-content .video-sec {padding:100px 0;}
.flexi-block{margin:100px 0}
.single .centerbtn{margin-bottom:100px} .full-width-image img{width: 100%; display: block;}  .right-image-content .content-main{display:flex;}
.right-image-content .content{flex: 0 0 50%; max-width: 50%; padding-right: 20px;}
.right-image-content figure{padding-left:20px; padding-top: 10px;}  .left-image-content .content-inner{display:flex;}
.left-image-content .content{flex: 0 0 50%; max-width: 50%; padding-left: 20px;}
.left-image-content figure{padding-right:20px; padding-top: 10px;} @media (max-width: 1199px) {
.blog-content{margin:80px 0;}
.blog-content ul li, 
.blog-content ol li{margin-bottom:12px;}
.blog-content p{ margin-bottom:20px;}
.flexi-block{margin:80px 0}
.blog-content .video-sec{padding:80px 0}
.single .centerbtn{margin-bottom:80px}
}
@media (max-width: 767px){
.blog-content{margin:60px 0;}
.blog-content .video-sec{padding:60px 0}
.flexi-block.video-sec,
.flexi-block{margin:60px 0}
.blog-content h2 {font-size: 24px; margin-bottom: 20px;}
.blog-content h3 {font-size: 22px; }
.blog-content h4 {font-size: 17px; }
.blog-content h5 {font-size: 16px; }
.left-image-content .content-inner,
.right-image-content .content-main{flex-wrap: wrap; }
.left-image-content .content,
.right-image-content .content{ flex: 0 0 100%; max-width:100%; padding: 0; }
.left-image-content figure{ flex: 0 0 100%; max-width:100%; padding: 0 0 20px 0; }
.right-image-content figure{ flex: 0 0 100%; max-width:100%; padding: 20px 0 0; }
.left-image-content figure img,
.right-image-content figure img{display: inline-block; width: 100%;}
.blog-content .btn{margin-top: 15px;}
.single-banner .follow-right.top-post-social{margin-top: 20px;}
.single .centerbtn{margin-bottom:60px}
.single-banner .banner-text{width:100%;margin-bottom:30px;padding:0}
.single-banner .banner-image{width:100%}
.single-banner .banner-bg-img{display:none;}
}  .main-con-sec.error-main {padding: 50px 20px 100px; text-align: center; min-height: calc(65vh - 166px); display: flex; align-items: center; flex-flow: column; justify-content: center; }
.error-main h1{margin-bottom:10px}
.content-404 h3{margin-bottom:30px}
@media(max-width:1440px){
.contact-form-sec .contat-right iframe{min-height:initial;}
} @media(max-width:1199px){
.contact-form-sec{padding:80px 0 0} .main-con-sec.error-main {padding:30px 20px 80px;}
}
@media(max-width:991px){
.contact-info-sec{padding:80px 0}
.contat-info-wrap > div{width:100%}
.contat-info-wrap .info-right{order:-1;margin:0 0 20px 0;padding-bottom:60%}
}
@media(max-width:767px){
.contact-form-sec{padding:60px 0 0}
.contact-info-sec{padding:60px 0}
.contact-form-sec .container{padding:0 20px}
.main-con-sec.error-main {padding:20px 20px 60px;}
.content-404 h3{margin-bottom:20px}
.contact-form-sec .contat-right{padding:0}
.contact-form-sec .contat-right iframe{min-height:300px}
}
@media(max-width:575px){
.contat-info-wrap{width:100%;margin:0}
.contat-info-wrap:not(:first-child){margin-top:40px}
}  .searchListing article{width:33.33%;display:flex;flex-flow:column;margin:0 0 50px}
.searchListing .post-thumbnail{order: -1; margin-bottom: 30px; line-height: 0; position: relative; padding-bottom: 67%;}
.searchListing .post-thumbnail img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;}
.searchListing .search-content--img.bg-cover{padding-bottom: 67%; order: -1;background-size:cover;background-position:center center;margin-bottom: 30px;}
.searchListing .entry-meta{color:#999}
.searchListing .entry-summary{margin:10px 0 0}
.no-results.not-found{ padding: 100px 0; }
.no-results.not-found .page-header { margin-bottom: 50px; border-bottom: 1px solid #2C3440; padding-bottom: 30px; text-align: center; }
.no-results.not-found .page-header .page-title { margin-bottom: 0; }
.no-results.not-found form.search-form { display: flex; justify-content: space-between; margin: 0 auto; max-width: 700px; } 
.no-results.not-found .page-content > p { text-align: center; }
.no-results.not-found form.search-form > label { width: 100%; }
.no-results.not-found form.search-form .search-submit { width: 30%; margin-left: 2%;background:transparent;border:solid 2px var(--green);color:var(--green);transition:0.5s all} 
.no-results.not-found form.search-form input[type="search"]{width: 100%; min-height: 50px; padding: 0 15px;}
.no-results.not-found form.search-form .search-submit:hover{background:var(--green);color:var(--white);}
.searchListing .navigation{width:100%}
@media(max-width:1199px){
.no-results.not-found{padding:80px 0}
}
@media(max-width:991px){
.searchListing article{width:50%}
}
@media(max-width:767px){
.no-results.not-found{padding:60px 0}
.searchListing article{width:100%}
}