.mt-2{margin-top:10px}
.mb-2{margin-bottom:10px}
.pr-2{padding-right:10px}
.pt-2{padding-top:10px}
.p-0{padding:0}
.mt-0{margin-top:0}
.text-white{color:#fff}
.text-right{text-align:right}
.cursor-pointer{cursor:pointer}
.logo{-webkit-filter:none;filter:none}
.logo-hide{display:none}
#wf-form-Sign-Up-Form .error,.hero-download-form .error,.map-contact-form .error,.white-contact-form .error{color:#e42121}
.below-contact-form a,.small-paragraph a{text-decoration:none;color:#838383}
#wf-form-Sign-Up-Form button[disabled],.hero-download-form button[disabled],.map-contact-form button[disabled],.white-contact-form button[disabled]{cursor:not-allowed}
.w-button{text-align:center}
.f-feature-icon-wrapper{margin:0 auto 32px}
.f-margin-bottom-08 .feature-info-title{text-align:center}
.full-sign-up-block{position:relative}
.full-sign-up-block .loginButton{margin-top:0;position:absolute;top:25px;right:25px;z-index:1001}
.section-title.text-left{text-align:left}
.sticky{position:fixed;top:0;width:100%;background:rgba(255,255,255,1);border-bottom:1px solid #f3f3f3;z-index:1001;padding-top:10px;padding-bottom:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.sticky .nav-link.light{color:#000}
.sticky .logo-hide{display:block}
.sticky .logo-block{display:none}
.play-pause-button.transparent{margin-top:0;margin-left:0;position:absolute;text-align:center;margin:0 auto;left:0;right:0;display:block}
.video-lightbox-button.large-color{padding:20px;line-height:50px}
.video-lightbox-button.large-color .pause,.video-lightbox-button.large-color .play{max-width:100%}
.jobs-hero{background-color:#353942;background-image:linear-gradient(135deg,rgba(53,57,66,.8),#2a2e36),url(../../images/background/bg-jobs.jpg);background-size:auto,cover;padding-top:200px;padding-bottom:130px;overflow:hidden}
.jobs-description{color:#a3aab8}
.client-logo{opacity:1; image-rendering: -webkit-optimize-contrast;    image-rendering: crisp-edges;}
.f-feature-card-row{padding:30px 30px}
.f-feature-card-divider{margin-left:30px;margin-right:30px}
.full-sign-up-block .btn-social{width:45px;height:35px;padding-top:9px}
.btn-google-plus{background:#d64937;border:1px solid #d64937;color:#fff}
.btn-google-plus:hover{background:#fff;color:#d64937;border:1px solid #fff}
.btn-fb{background:#395796;border:1px solid #395796;color:#fff}
.btn-fb:hover{background:#fff;color:#395796;border:1px solid #fff}
.dark-field.sign-up.mb-0{margin-bottom:0}
.full-sign-up-block.right .intro-block-title{padding-top:60px;}
.full-sign-up-block.right{overflow: auto;}
.homepage-logo-marquee {display: flex;overflow: hidden;-webkit-mask-image: linear-gradient(to right,hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0));mask-image: linear-gradient(to right,hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0));}
.homepage-logo-marquee .marquee-group {display: flex;align-items: center;justify-content: space-around;animation: scroll-x 60s linear infinite;}
.homepage-logo-marquee .marquee-group .marquee-item {width: 230px;}
.homepage-logo-marquee .marquee-group .marquee-item img {height: 100px;}
.homepage-logo-marquee-reverse .marquee-group {animation-direction: reverse;animation-delay: -3s;}
.alert-success{background-color:#d4edda;color:#047109;border-color:#c3e6cb}
.gallery-lightbox .gallery-image-block {position: relative;width: 100%;background-color: #f0f0f0;background-size: cover;background-position: center;transition: opacity 0.3s ease-in-out;}
.gallery-lightbox .gallery-overlay-block {width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease-in-out;background-color: rgba(0, 0, 0, 0.5);}
.gallery-lightbox .gallery-image-block:hover .gallery-overlay-block {opacity: 1;}
.our-story .lightbox-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 9999;}
.our-story .lightbox-modal .lightbox-content {position: relative;width: 80%;height: 80%;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.our-story .lightbox-modal .lightbox-content .lightbox-slider {display: flex;width: 100%;height: 100%;}
.our-story .lightbox-modal .lightbox-content .lightbox-slider .lightbox-slide {width: 100%;height: 100vh;background-size: cover;background-position: center;transition: transform 0.5s ease-in-out;}
.our-story .lightbox-modal .lightbox-content .lightbox-slider .lightbox-slide img {width: 100% !important;object-fit: contain;height: 100% !important;}
.our-story .lightbox-modal .lightbox-close {position: absolute;top: 60px;right: 60px;font-size: 30px;cursor: pointer;color: #fff;}
.our-story .lightbox-modal .lightbox-slider .slick-next {right: 0px;}
.our-story .lightbox-modal .lightbox-slider .slick-prev {left: 0px !important;z-index: 10000;}
.our-story .lightbox-modal .lightbox-slider .slick-prev:before {content: '←';font-size: 25px !important;}
.our-story .lightbox-modal .lightbox-slider .slick-next:before {content: '→';font-size: 25px !important;}
.our-story .lightbox-modal .lightbox-slider .slick-prev:hover, .lightbox-modal .slick-next:hover {background-color: rgba(0, 0, 0, 0.5);border-radius: 50%; color: white;}
.our-story .lightbox-modal .lightbox-slider .slick-next:focus:before,.lightbox-modal .lightbox-slider .slick-next:hover:before,.lightbox-modal .lightbox-slider .slick-prev:focus:before,.lightbox-modal .lightbox-slider .slick-prev:hover:before {opacity: 1;}
.our-story .lightbox-modal .lightbox-slider .slick-next,.lightbox-modal .lightbox-slider .slick-prev {line-height: 0;position: absolute;top: 50%;display: block;width: 60px;height: 60px;padding: 10px;border: none;font-size: 24px;cursor: pointer;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;border: none;outline: 0;border-radius: 50%;}
.our-story .lightbox-modal .lightbox-slider .slick-slide{ visibility:hidden}
.our-story .lightbox-modal .lightbox-slider .slick-slide.slick-active{ visibility:visible;}
.maintenance-div{position: fixed !important;bottom:0 !important;z-index: 99;}
.maintenance-div p{margin: 0 !important;}

@media screen and (max-width:991px){
.play-pause-button.transparent.ipad{margin-left:0}
.our-story .lightbox-modal .lightbox-close {top: 45px;}
}
@media screen and (max-width:767px){
.bold-text-5.landscape{margin-top:10px}
.feature-text-block.right.ipad.landscape{width:100%;display:block;float:none;padding-left:0}
.sticky .nav-link.light{color:#fff}
.full-sign-up-block .loginButton{top:12px;right:30px}
.full-login-block .loginButton{display:flex;top:70px}
.full-login-block .loginButton .button{margin-left: 5px;  padding: 6px 15px;}
.full-login-block .loginButton a{text-decoration: none;}
.sticky .transparant-menu-button{background-color:rgb(0 0 0 / 73%)}
.play-pause-button.transparent.ipad.iphone{margin:0 auto}
.video-lightbox-button.large-color{line-height:30px}
.logo-column{padding-left:0;padding-right:0}
.m-text-left{text-align:left}
}
@media screen and (max-width:479px){
.bold-text-5.iphone{margin-top:10px}
.play-pause-button.transparent.ipad.iphone.small{padding-left:156px}
.feature-intro-title.landscape.lefttoright.leftspace.iphone{margin-left:0;float:left}
.main-feature-title.ipad.landscape.lefttoright.leftspace.iphone{margin-left:0}
.paragraph-13.ipad.landscape.textfull.leftspace.iphone{margin-left:0}
.button.landscape.small{display:block;overflow:visible}
.button.landscape.small.smallest{left:0;margin-left:0;margin-right:0;width:45%;text-align:center;display:inline-block}
.button._2.leftspace.small.smallest{left:0;margin-left:0;margin-right:0;padding-left:0;width:45%;text-align:center;display:inline-block}
.image-section{overflow:visible}
.feature-text-block.right.ipad.landscape.mobile{width:100%;padding-left:20px;padding-right:20px}
.text-block-8.ipad.landscape.lefttoight.rightspace.iphone{margin-right:10px}
.main-feature-title.ipad.landscape.iphone{margin-right:10px}
.feature-intro-title.landscape.lefttoright.rightspace{margin-right:10px}
.button.landscape{text-align:center}
.white-contact-form.centered{height:auto}
.container.ipad{padding-left:0}
.container.above-image-section{margin-bottom:0}
.text-block-8.ipad.iphone2{margin-left:0;margin-right:0}
.section-title.landscape.iphone.left{padding-left:0}
.white-contact-form{padding:15px}
.feature-section .browser-mockup-left{display:none}
.button.green.ipad.small{margin-left:0}
.feature-info-block{width:100%}
.feature-info-paragraph.small{margin-right:0}
.feature-info-row.small.phonex{margin-left:0}
.feature-info-column.landscape{padding-left:0;padding-right:0}
.feature-info-paragraph.landscape{margin-right:0}
.image-3,.image-4{margin-left:0}
.color-social-button{margin-right:10px}
.feature-info-paragraph.landscape.iphone{margin-right:0}
.scope3Section{padding-left:20px;padding-right:20px}
.feature-intro-title.landscape.phonex,.main-feature-title.ipad.landscape.phonex,.small-features-wrapper.ipad.iphone.phonex,.text-block-8.ipad.landscape.phonex{margin-right:0}
.feature-text-block.ipad{width:100%}
.text-block-8.ipad.landscape.phonex{margin-right:20px}
.feature-intro-title.landscape.lefttoright.rightspace.iphone,.main-feature-title.ipad.landscape.iphone,.text-block-8.ipad.landscape.lefttoight.rightspace.iphone{margin-left:0}
.text-block-8.ipad.landscape.lefttoight.rightspace.iphone{margin-right:0}
.browser-mockup-right.ipad.space.iphone{margin-left:20px}
.feature-text-block.ipad.landscape.iphone{padding-left:20px}
.play-pause-button.transparent.ipad.iphone.small{padding-left:0}
.video-lightbox-button.large-color{line-height:20px;padding:15px}
.homepage-logo-marquee .marquee-group .marquee-item img {
    height: 50px;
}
.stats-row.sustainability.ipad.landscape{padding-left: 0;}
}
@media screen and (max-width:320px){
.play-pause-button.transparent.ipad.iphone.small{padding-left:129px}
}
@media (prefers-reduced-motion: reduce) {
.homepage-logo-marquee .marquee-group {animation-play-state: paused;}
}
@media (max-width: 425px) {
.homepage-logo-marquee .marquee-group .marquee-item {width: 120px;}
.our-story .lightbox-modal .lightbox-close {z-index: 10000;top: 90px; right: 40px; font-size: 20px;}
.our-story .lightbox-modal .lightbox-content{height: 100%;}
.our-story .lightbox-modal .lightbox-slide img { height: 50%;}
.our-story .lightbox-modal .slick-next,.our-story .lightbox-modal .slick-prev { width: 35px !important;height: 35px !important;padding-bottom: 5px !important;}
.our-story .lightbox-modal .slick-prev:before,.our-story .lightbox-modal .slick-next:before {font-size: 16px !important;}
}
@keyframes scroll-x {
from {transform: translateX(0);}
to {transform: translateX(calc(-100% - calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14)));}
}