.section-title-subheading.section-title-subheading-home{font-family:'Poppins',sans-serif;font-size:15px;font-style:normal;font-weight:700;text-transform:uppercase;padding:52px 0 0 3px;text-align:left;letter-spacing:.05em;color:#fff;text-shadow:1px 1px 2px #111}
@media only screen and (max-width: 1200px) {
.section-title-subheading.section-title-subheading-home{padding:32px 0 0 2px}
}
@media only screen and (max-width: 640px) {
.section-title-subheading.section-title-subheading-home{padding:22px 0 0 2px}
}
.section-title-subheading{font-family:'Poppins',sans-serif;font-size:15px;font-style:normal;font-weight:700;text-transform:uppercase;padding:52px 0 0 4px;text-align:left;letter-spacing:.05em;color:#fff;text-shadow:1px 1px 2px #111}
@media only screen and (max-width: 1200px) {
.section-title-subheading{padding:32px 0 0 2px}
}
@media only screen and (max-width: 640px) {
.section-title-subheading{padding:22px 0 0 2px}
}
.section-title-heading.section-title-heading-home{position:absolute;top:3px;font-family:'Poppins',sans-serif;font-size:120px;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;color:#ff264a;text-shadow:1px 1px 2px #111;z-index:-1;line-height:1}
@media only screen and (max-width: 1200px) {
.section-title-heading.section-title-heading-home{font-size:80px}
}
@media only screen and (max-width: 640px) {
.section-title-heading.section-title-heading-home{font-size:60px}
}
.section-title-heading{position:absolute;top:3px;font-family:'Poppins',sans-serif;font-size:120px;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;color:rgba(255,38,74,.55);z-index:-1;line-height:1}
@media only screen and (max-width: 1200px) {
.section-title-heading{font-size:80px}
}
@media only screen and (max-width: 640px) {
.section-title-heading{font-size:60px}
}
h2.section-subheading{font-family:'Poppins',sans-serif;font-size:13px;font-style:normal;font-weight:600;text-transform:uppercase;text-align:left;letter-spacing:.05em;margin:0 0 -4px;padding:0 0 0 130px}
@media all and (min-width: 1920px) {
h2.section-subheading{font-size:15px;font-weight:700;margin:0 0 -5px}
}
h2.section-subheading.section-subheading-about{padding:0}
h2.section-subheading.section-subheading-light{color:#ff264a}
h2.section-subheading.section-subheading-dark{color:#000}
h2.section-subheading span{position:relative;display:inline-block;padding-right:45px;line-height:1}
@media only screen and (max-width: 640px) {
h2.section-subheading span{padding-right:35px}
}
h2.section-subheading span:before{content:"";position:absolute;display:block;top:50%;right:0;width:30px;height:0;margin-top:-2px}
@media only screen and (max-width: 640px) {
h2.section-subheading span:before{width:20px}
}
h2.section-subheading span:before{border-top:2px solid #000}
h2.section-subheading-light span:before{border-top:2px solid #ff264a}
.section-heading{font-family:'Poppins',sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;letter-spacing:-.04em;text-align:left;color:#fff;line-height:1.25;padding:0 0 0 129px;margin:-10px 0 -12px}
@media all and (min-width: 1920px) {
.section-heading{font-size:60px;margin:-14px 0 -16px}
}
.section-heading.section-heading-about{padding:0;margin-left:-1px}
.section-heading.section-heading-light{color:#fff}
.section-heading.section-heading-dark{color:#000}
.section-bg-home{position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
#section0{background:none}
#section1,#section2,#section3,#section4{background:#000}
#section5{background:#fff}
.hero-fullscreen{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:0}
.hero-bg{position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.hero-fullscreen-FIX{width:100%;height:100%}
.logo{position:fixed;display:inline-block;top:50px;left:50px;line-height:0;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transition:all 300ms cubic-bezier(0.77,0,0.175,1);-moz-transition:all 300ms cubic-bezier(0.77,0,0.175,1);-ms-transition:all 300ms cubic-bezier(0.77,0,0.175,1);-o-transition:all 300ms cubic-bezier(0.77,0,0.175,1);transition:all 300ms cubic-bezier(0.77,0,0.175,1);cursor:pointer;z-index:200}
@media only screen and (max-width: 1200px) {
.logo{top:25px;left:25px}
}
@media only screen and (max-width: 880px) {
.logo{position:absolute}
}
.logo-img:before{content:"";display:block;width:57px;height:34px;line-height:34px;-webkit-transition:color 300ms cubic-bezier(0.77,0,0.175,1);-moz-transition:color 300ms cubic-bezier(0.77,0,0.175,1);-ms-transition:color 300ms cubic-bezier(0.77,0,0.175,1);-o-transition:color 300ms cubic-bezier(0.77,0,0.175,1);transition:color 300ms cubic-bezier(0.77,0,0.175,1)}
.logo-img-dark:before{content:"";display:block;width:57px;height:34px;line-height:34px;-webkit-transition:color 300ms cubic-bezier(0.77,0,0.175,1);-moz-transition:color 300ms cubic-bezier(0.77,0,0.175,1);-ms-transition:color 300ms cubic-bezier(0.77,0,0.175,1);-o-transition:color 300ms cubic-bezier(0.77,0,0.175,1);transition:color 300ms cubic-bezier(0.77,0,0.175,1)}
.logo-img-dark:before,.logo-light .logo-img:before{background:url(/web/20230703070142im_/http://www.habitattechnologygroup.org/img/logo-light.png) no-repeat}
.logo-img:before,.logo-dark .logo-img-dark:before{background:url(/web/20230703070142im_/http://www.habitattechnologygroup.org/img/logo-dark.png) no-repeat}
#menu-mobile-btn{position:fixed;width:63px;height:50px;top:36px;right:35px;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;z-index:1005}
@media only screen and (max-width: 1200px) {
#menu-mobile-btn{top:11px;right:10px}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
#menu-mobile-btn{z-index:300}
}
.menu-toggle{position:fixed;display:block;padding:0;background:none;line-height:1;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);border:none;z-index:1005}
#menu-mobile{position:fixed;font-family:'Poppins',sans-serif;font-size:20px;font-style:normal;text-transform:uppercase;font-weight:500;letter-spacing:1px;line-height:1.25;width:390px;height:100%;right:-200%;top:0;margin:auto;-webkit-transition:right .6s ease-in-out;-moz-transition:right .6s ease-in-out;-ms-transition:right .6s ease-in-out;-o-transition:right .6s ease-in-out;transition:right .6s ease-in-out;-webkit-transform:skew(-22deg,0deg);-moz-transform:skew(-22deg,0deg);-ms-transform:skew(-22deg,0deg);-o-transform:skew(-22deg,0deg);transform:skew(-22deg,0deg);background:rgba(255,255,255,1);z-index:1000}
#menu-mobile.menu-mobile-dark{background:rgba(0,0,0,1)}
@media only screen and (max-width: 880px) {
#menu-mobile{font-size:18px;width:300px}
}
@media only screen and (max-width: 640px) {
#menu-mobile{width:230px}
}
#menu-mobile.activated{right:0}
#menu-mobile ul{position:relative;width:300px!important;left:0;right:0;margin-left:auto;margin-right:auto;padding-left:61px;text-align:left;list-style:none outside none}
@media only screen and (max-width: 880px) {
#menu-mobile ul{width:280px!important;padding-left:57px}
}
@media only screen and (max-width: 640px) {
#menu-mobile ul{width:200px!important;padding-left:18px}
}
#menu-mobile ul li{padding:0 0 4px;cursor:pointer}
@media only screen and (max-width: 880px) {
#menu-mobile ul li{padding:0 0 6px}
}
@media only screen and (max-width: 640px) {
#menu-mobile ul li{padding:0 0 3px}
}
#menu-mobile .credits{font-size:12px;margin:3px 0 0}
@media only screen and (max-width: 880px) {
#menu-mobile .credits{font-size:10px}
}
@media only screen and (max-width: 640px) {
#menu-mobile .credits{margin:2px 0 0}
}
#menu-mobile .credits a{color:#000;text-decoration:none}
#menu-mobile.menu-mobile-dark .credits a{color:#fff}
#menu-mobile a,#menu-mobile a:hover{color:#000;text-decoration:none;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
#menu-mobile.menu-mobile-dark a,#menu-mobile.menu-mobile-dark a:hover{color:#fff}
#menu-mobile a{display:none;min-width:10px}
#menu-mobile li .active,#menu-mobile.menu-mobile-dark li .active{color:#ff264a}
.menu-nav-wrapper{display:table;width:100%;height:100%;overflow:hidden}
.menu-nav{display:table-cell;width:100%;height:100%;vertical-align:middle}
.lines-button{margin:-16px 0 0 -3px;padding:30px 16px;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.lines-button:hover{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.lines-button:active{-webkit-transition:0;-moz-transition:0;-ms-transition:0;-o-transition:0;transition:0}
.lines{position:relative;display:inline-block;width:35px;height:2px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;background:#fff}
.lines:after,.lines:before{content:"";position:absolute;display:inline-block;width:35px;height:2px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;left:0;-webkit-transform-origin:.28571rem center;-moz-transform-origin:.28571rem center;-ms-transform-origin:.28571rem center;-o-transform-origin:.28571rem center;transform-origin:.28571rem center;background:#fff}
.lines:before{top:10px}
.lines:after{top:-10px}
.lines-button.minus.lines-close .lines:after,.lines-button.minus.lines-close .lines:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;top:0;width:35px;background:#000}
.lines-button.minus.lines-close .lines.lines-close-light:after,.lines-button.minus.lines-close .lines.lines-close-light:before{background:#fff}
.lines-button.x.lines-close .lines{background:0 0}
.lines-button.x.lines-close .lines:after,.lines-button.x.lines-close .lines:before{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:35px;background:#000}
.lines-button.x.lines-close .lines.lines-close-light:after,.lines-button.x.lines-close .lines.lines-close-light:before{background:#fff}
.lines-button.x.lines-close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
.lines-button.x.lines-close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}
.lines-button.x2 .lines{-webkit-transition:background .3s .5s ease;-moz-transition:background .3s .5s ease;-ms-transition:background .3s .5s ease;-o-transition:background .3s .5s ease;transition:background .3s .5s ease}
.lines-button.x2 .lines:after,.lines-button.x2 .lines:before{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:top .3s .6s ease,-webkit-transform .3s ease;-moz-transition:top .3s .6s ease,-moz-transform .3s ease;-ms-transition:top .3s .6s ease,-ms-transform .3s ease;-o-transition:top .3s .6s ease,-o-transform .3s ease;transition:top .3s .6s ease,transform .3s ease}
.lines-button.x2.lines-close .lines{-webkit-transition:background .3s 0 ease;-moz-transition:background .3s 0 ease;-ms-transition:background .3s 0 ease;-o-transition:background .3s 0 ease;transition:background .3s 0 ease;background:0 0}
.lines-button.x2.lines-close .lines:after,.lines-button.x2.lines-close .lines:before{-webkit-transition:top .3s ease,-webkit-transform .3s .5s ease;-moz-transition:top .3s ease,-moz-transform .3s .5s ease;-ms-transition:top .3s ease,-ms-transform .3s .5s ease;-o-transition:top .3s ease,-o-transform .3s .5s ease;transition:top .3s ease,transform .3s .5s ease;top:0;width:35px;background:#000}
.lines-button.x2.lines-close .lines.lines-close-light:after,.lines-button.x2.lines-close .lines.lines-close-light:before{background:#fff}
.lines-button.x2.lines-close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
.lines-button.x2.lines-close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}
.navigation-icon .lines.line-light,.navigation-icon .lines.line-light:after,.navigation-icon .lines.line-light:before{background:#fff}
@media only screen and (max-width: 768px) {
.navigation-icon .lines.line-light,.navigation-icon .lines.line-light:after,.navigation-icon .lines.line-light:before{background:#000}
}
.navigation-icon .lines.line-dark-reverse,.navigation-icon .lines.line-dark-reverse:after,.navigation-icon .lines.line-dark-reverse:before{background:#000}
@media only screen and (max-width: 768px) {
.navigation-icon .lines.line-dark-reverse,.navigation-icon .lines.line-dark-reverse:after,.navigation-icon .lines.line-dark-reverse:before{background:#000}
}
.bottom-credits{position:absolute;display:block;width:auto;height:auto;left:51px;bottom:46px;color:#fff;font-size:9px;text-transform:uppercase;text-align:left;letter-spacing:.05em;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;z-index:1002}
@media only screen and (max-width: 1200px) {
.bottom-credits{left:26px;bottom:22px;font-size:8px}
}
.bottom-credits a,.bottom-credits a:hover{color:#fff;text-decoration:none}
.bottom-credits.bottom-credits-dark,.bottom-credits.bottom-credits-dark a,.bottom-credits.bottom-credits-dark a:hover{color:#000}
.social-icons-wrapper{position:absolute;left:auto;right:51px;bottom:48px;text-align:right;z-index:1002}
@media only screen and (max-width: 1200px) {
.social-icons-wrapper{right:26px;bottom:23px}
}
@media only screen and (max-width: 640px) {
.social-icons-wrapper{display:none;visibility:hidden}
}
.social-icons-wrapper ul{margin:0 auto;padding:0;list-style-type:none}
.social-icons-wrapper ul li{display:inline-block;margin:0 auto;padding:0 0 0 5px}
ul.social-icons{font-size:16px;line-height:1;margin:0;padding:0;position:relative}
@media only screen and (max-width: 640px) {
ul.social-icons{font-size:14px}
}
ul.social-icons a,ul.social-icons a:hover{padding:0;color:#fff;text-decoration:none;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
ul.social-icons a{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
ul.social-icons a:hover{opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;filter:alpha(opacity=50);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
ul.social-icons.social-icons-dark a,ul.social-icons.social-icons-dark a:hover{color:#000}
.scroll-indicator-wrapper{position:absolute;left:50%;bottom:0;z-index:10}
.scroll-indicator{position:absolute;width:1px;height:50px;left:0;right:0;bottom:0;margin:auto;background-color:rgba(191,191,191,.25);mix-blend-mode:overlay}
@media only screen and (max-width: 1200px) {
.scroll-indicator{height:25px}
}
@media only screen and (max-width: 640px) {
.scroll-indicator{display:none;visibility:hidden}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.scroll-indicator{display:none;visibility:hidden}
}
.scroll-indicator.scroll-indicator-dark{background-color:rgba(0,0,0,.25)}
.scroll-indicator::before{content:"";position:absolute;display:block;width:100%;height:50%;-webkit-animation:teardrop 2s cubic-bezier(.76,.05,.86,.06) infinite;animation:teardrop 2s cubic-bezier(.76,.05,.86,.06) infinite;-webkit-animation-direction:normal;animation-direction:normal;background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1));background:linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1))}
@-webkit-keyframes teardrop {
0%{top:-10%;opacity:0;height:0}
50%{opacity:1}
100%{top:100%;height:75%}
}
@keyframes teardrop {
0%{top:-10%;opacity:0;height:0}
50%{opacity:1}
100%{top:100%;height:75%}
}
.scroll-indicator.scroll-indicator-dark::before{background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1))}
.about-bg-wrapper,.about-content-wrapper{position:relative;height:100vh}
@media only screen and (max-width: 768px) {
.about-content-wrapper{max-height:435px}
}
.about-bg{height:100vh;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
@media (min-width: 992px) {
.about-bg{position:absolute;width:50vw;height:auto;top:0;bottom:0}
}
@media only screen and (max-width: 640px) {
.about-bg{min-height:350px}
}
.about-content{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center!important;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:#000}
.about-content .about-content-inner{position:relative;width:100%;padding:0 50px;text-align:center}
@media all and (min-width: 1920px) {
.about-content .about-content-inner{padding:0 150px}
}
@media only screen and (max-width: 1200px) {
.about-content .about-content-inner{padding:0 25px}
}
.about-txt{margin:-7px 0 0;padding:0;color:#fff;text-align:left}
.services-container{position:relative;width:100%;height:50vh;margin:0;padding:0;background:#fff;text-align:center}
.services-container.services-container-dark{background:#000}
@media only screen and (max-width: 880px) {
.services-container{height:100vh}
}
@media only screen and (max-width: 768px) {
.services-container{max-height:435px}
}
.services-bg-wrapper{position:relative;height:50vh}
@media only screen and (max-width: 880px) {
.services-bg-wrapper{height:100vh}
}
.services-bg{height:100vh;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
@media (min-width: 992px) {
.services-bg{position:absolute;width:50vw;height:auto;top:0;bottom:0}
}
@media only screen and (max-width: 640px) {
.services-bg{min-height:350px}
}
.services-content{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center!important;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:#000}
.services-content.services-content-light{background:#fff}
.services-content .services-content-inner{position:relative;width:100%;padding:0 50px;text-align:center}
@media all and (min-width: 1920px) {
.services-content .services-content-inner{padding:0 150px}
}
@media only screen and (max-width: 1200px) {
.services-content .services-content-inner{padding:0 25px}
}
.services-txt{margin:-7px 0 0;padding:0;color:#fff;text-align:left}
.services-txt.services-txt-dark{color:#5f5f5f}
.services-txt-dark,.services-txt-dark a,.services-txt-dark a:hover{color:#5f5f5f}
.works-page-img-wrapper{position:relative;width:100vw;height:100vh;margin:0;padding:0}
.works-page-img-wrapper a,.works-page-img-wrapper a:hover{color:#fff}
@media only screen and (max-width: 880px) {
.works-page-img-wrapper{width:100%}
}
.works-page-img-carousel-item{position:relative;width:100%;height:50vh;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.news-page-img-wrapper{position:relative;width:100vw;height:100vh;margin:0;padding:0}
@media only screen and (max-width: 880px) {
.news-page-img-wrapper{width:100%}
}
.news-page-img-carousel-item{position:relative;width:100%;height:100vh;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.panel-left{position:absolute;width:50%;height:100vh;overflow:hidden;top:0;left:-100%;background:#000;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:99}
@media only screen and (max-width: 640px) {
.panel-left{display:none;visibility:hidden}
}
.panel-left.open{left:0}
.panel-left-bg-all{position:absolute;height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.panel-right{position:absolute;width:50%;height:100vh;overflow-x:hidden;overflow-y:auto;top:0;right:-100%;background:#fff;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:99}
@media only screen and (max-width: 640px) {
.panel-right{width:100%}
}
.panel-right.open{right:0}
.news-content{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center!important;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:#fff}
.news-content .news-content-inner{position:relative;width:100%;padding:0 50px;text-align:center}
@media all and (min-width: 1920px) {
.news-content .news-content-inner{padding:0 150px}
}
@media only screen and (max-width: 1200px) {
.news-content .news-content-inner{padding:0 25px}
}
.news-modal-close-wrapper{position:relative;width:125px;height:auto;line-height:1.5;margin:-4px 0 0 7px;padding:0;left:0;text-align:center;cursor:pointer}
.news-modal-content-inner{position:relative;width:100%;padding:0;text-align:center}
.news-modal-txt{margin:-7px 0 0;padding:0;color:#fff;text-align:left}
.news-modal-txt.news-modal-txt-dark{color:#5f5f5f}
.news-modal-txt-dark,.news-modal-txt-dark a,.news-modal-txt-dark a:hover{color:#5f5f5f}
.contact-container,.contact-bg-wrapper{position:relative;width:100%;height:100vh;margin:0;padding:0;background:#fff;text-align:center}
@media only screen and (max-width: 768px) {
.contact-container{max-height:575px;margin:0 0 26px}
}
@media only screen and (max-width: 640px) {
.contact-container{max-height:525px}
}
.contact-bg{height:100vh;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
@media (min-width: 992px) {
.contact-bg{position:absolute;width:50vw;height:auto;top:0;bottom:0}
}
@media only screen and (max-width: 640px) {
.contact-bg{min-height:350px}
}
.contact-content{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center!important;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:#000}
.contact-content.contact-content-light{background:#fff}
.contact-content .contact-content-inner{position:relative;width:100%;padding:0 50px;text-align:center}
@media all and (min-width: 1920px) {
.contact-content .contact-content-inner{padding:0 150px}
}
@media only screen and (max-width: 1200px) {
.contact-content .contact-content-inner{padding:0 25px}
}
.contact-content-inner-modal{position:relative;width:100%;padding:0 40px;margin:-20px 0 0;text-align:center}
@media all and (min-width: 1920px) {
.contact-content-inner-modal{padding:0 120px}
}
@media only screen and (max-width: 1200px) {
.contact-content-inner-modal{padding:0 10px}
}
.contact-txt{margin:-7px 0;padding:0;color:#fff;text-align:left}
.contact-txt.contact-txt-dark{color:#5f5f5f}
.contact-txt-dark,.contact-txt-dark a,.contact-txt-dark a:hover{color:#5f5f5f}
.contact-info-mail{display:block;margin:0 0 1px}
.contact-info-mail a,.contact-info-mail a:hover{text-decoration:none}
.contact-modal-launcher-wrapper{position:relative;width:205px;height:auto;line-height:1.5;margin:-4px 0 0 7px;padding:0;left:0;text-align:center;cursor:pointer}
.center-container-contact-modal{position:absolute;display:table;height:100%;width:100%;left:0;top:0;background:none}
.center-block-contact-modal{display:table-cell;vertical-align:middle}
.contact-modal{position:absolute;width:50%;height:100%;top:0;right:0;bottom:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;visibility:hidden;border:none;background:#000;opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:scale(0.75);-moz-transform:scale(0.75);-ms-transform:scale(0.75);-o-transform:scale(0.75);transform:scale(0.75);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;overflow-x:hidden;overflow-y:auto;z-index:1005}
.contact-modal.close{visibility:hidden;opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.contact-modal.open{width:50%;height:100%;top:0;right:0;bottom:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;visibility:visible;background:#000;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
@media only screen and (max-width: 768px) {
.contact-modal,.contact-modal.open{width:100%;height:100vh}
}
.contact-modal-closer{position:relative;width:50px;height:auto;margin:-5px 0;font-size:20px;text-align:center;color:#fff;cursor:pointer}
.contact-form-submit-wrapper{position:relative;width:300px;height:auto;line-height:1.5;margin:58px 0 15px 20px;padding:0;left:0}
#contact-form{width:100%;margin:0 auto;padding:0;text-align:left;line-height:1}
form{margin:0;padding:0}
#form input{position:relative;width:100%;height:40px;border-bottom:1px solid #fff;border-left:none;border-right:none;border-top:none;padding:5px;background:none;margin:10px 0;font-family:'Raleway',sans-serif;font-size:13px;line-height:1.5;font-style:normal;font-weight:400;text-align:left;color:#fff;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
textarea{position:relative;width:100%;height:100px;border-bottom:1px solid #fff;border-left:none;border-right:none;border-top:none;padding:5px;background:none;margin:5px;font-family:'Raleway',sans-serif;font-size:13px;line-height:1.5;font-style:normal;font-weight:400;text-align:left;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
#form textarea{color:#fff;margin:10px 0;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
#form input:hover,#form textarea:hover{border-color:rgba(255,255,255,.35);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
#form input:focus,#form textarea:focus{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.success{font-family:'Raleway',sans-serif;font-size:10px;font-style:normal;font-weight:500;letter-spacing:.15em;text-transform:uppercase;text-align:left;color:#fff;margin:0;padding:39px 0 13px 15px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#form .error{position:absolute;font-size:9px;text-transform:uppercase;color:#ff264a;display:block;margin:0;padding:0 0 0 4px;letter-spacing:.15em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.make-space{margin-left:15px;margin-right:15px}
::-webkit-input-placeholder{font-size:12px;color:#fff}
:-ms-input-placeholder{font-size:12px;color:#fff}
::-moz-placeholder{font-size:12px;color:#fff}
input:-moz-placeholder{font-size:12px;color:#fff}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-moz-placeholder{color:transparent}
.overlay:before,.overlay-video:before{content:"";position:absolute;display:block;top:0;left:0;bottom:0;right:0;z-index:1}
.overlay:before{-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
.overlay-video:before{-webkit-pointer-events:auto;-moz-pointer-events:auto;pointer-events:auto}
.overlay-inverse-dark-35:before{background:-moz-linear-gradient(bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 100%);background:linear-gradient(to top,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}
.overlay-inverse-dark-70:before{background:-moz-linear-gradient(bottom,rgba(0,0,0,.70) 0%,rgba(0,0,0,.1) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.70) 0%,rgba(0,0,0,.1) 100%);background:linear-gradient(to top,rgba(0,0,0,.70) 0%,rgba(0,0,0,.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}
.overlay-dark-60:before{background:rgba(0,0,0,.6)}
.overlay-light-80:before{background:rgba(255,255,255,.8)}
.center-container{position:absolute;display:table;table-layout:fixed;width:100%;height:100%;background:none}
.center-block{display:table-cell;vertical-align:middle}
.link-underline{position:relative;display:inline-block}
.link-underline::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .4s cubic-bezier(0.4,0,0.2,1);-moz-transition:-moz-transform .4s cubic-bezier(0.4,0,0.2,1);-ms-transition:-ms-transform .4s cubic-bezier(0.4,0,0.2,1);-o-transition:-o-transform .4s cubic-bezier(0.4,0,0.2,1);transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.link-underline.link-underline-dark::before{background:#5f5f5f}
.link-underline:hover::before{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.preloader-bg{position:fixed;width:100%;height:100%;overflow:hidden;background:#fff;z-index:999999}
#preloader{position:fixed;display:table;table-layout:fixed;width:100%;height:100%;overflow:hidden;background:#fff;z-index:999999}
#preloader-status{display:table-cell;vertical-align:middle}
.preloader-position{position:relative;margin:0 auto;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.loader{position:relative;width:45px;height:45px;left:50%;top:50%;margin-left:-22px;margin-top:2px;-webkit-animation:rotate 1s infinite linear;-moz-animation:rotate 1s infinite linear;-ms-animation:rotate 1s infinite linear;-o-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear;border:3px solid rgba(17,17,17,.15);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.loader span{position:absolute;width:45px;height:45px;top:-3px;left:-3px;border:3px solid transparent;border-top:3px solid rgba(17,17,17,.75);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
@-webkit-keyframes rotate {
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.inner-divider,.inner-divider-half{position:relative;width:100%;margin:0 auto;background:none;z-index:-1}
.inner-divider{height:50px}
@media all and (min-width: 1920px) {
.inner-divider{height:75px}
}
.inner-divider-half{height:15px}
@media all and (min-width: 1920px) {
.inner-divider-half{height:25px}
}
.slick-track,.slick-list{-webkit-perspective:2000;perspective:2000px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slick-about{width:100%;height:auto}
.slick-prev,.slick-next{position:absolute;display:block;top:50%;width:60px;height:60px;line-height:normal;text-align:center;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);z-index:1;visibility:visible}
@media only screen and (max-width: 1200px) {
.slick-prev,.slick-next{top:auto;bottom:0;margin-top:-29px}
}
.slick-services .slick-prev,.slick-services .slick-next{top:50%}
.slick-prev{left:-50px}
.slick-next{right:-50px}
.slick-prev:before,.slick-next:before{font-size:11px;color:#111;padding-top:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;width:66%;height:66%;position:absolute;background:#fff;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.slick-prev:before{left:85px;top:9px}
@media only screen and (max-width: 1200px) {
.slick-prev:before{left:60px}
}
.slick-next:before{right:85px;top:9px}
@media only screen and (max-width: 1200px) {
.slick-next:before{right:60px}
}
.slick-prev:hover,.slick-next:hover{-webkit-transition:0 none;-moz-transition:0 none;-ms-transition:0 none;-o-transition:0 none;transition:0 none;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.slick-about,.slick-services{cursor:auto}
.slick-prev:hover:before,.slick-next:hover:before,.slick-prev:active:before,.slick-next:active:before,.slick-about:hover .slick-prev,.slick-about:hover .slick-next,.slick-services:hover .slick-prev,.slick-services:hover .slick-next{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.slick-about:hover .slick-prev,.slick-services:hover .slick-prev{left:-35px}
.slick-about:hover .slick-next,.slick-services:hover .slick-next{right:-35px}
.slick-fullscreen-img-fill{position:relative;display:block;width:100%;overflow:hidden}
.slick-fullscreen-img-fill img{position:relative;display:inline-block;min-width:100%;max-width:none;min-height:100%}
.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill,.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill{height:100vh;background:none}
.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img{position:relative;width:auto;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.slick-fullscreen .slick-dots,.slick-fullscreen-slideshow .slick-dots{position:absolute;width:100%;height:5px;left:0;bottom:0;margin:0;padding:0;background:rgba(255,255,255,.25);list-style-type:none}
.slick-fullscreen .slick-dots li button,.slick-fullscreen-slideshow .slick-dots li button{display:none}
.slick-fullscreen .slick-dots li,.slick-fullscreen-slideshow .slick-dots li{position:absolute;float:left;width:0;height:5px;left:-5px;background:#fff}
.slick-fullscreen .slick-dots li.slick-active,.slick-fullscreen-slideshow .slick-dots li.slick-active{width:100%;-webkit-animation:progressDots 4s both;-moz-animation:progressDots 4s both;-ms-animation:progressDots 4s both;-o-animation:progressDots 4s both;animation:progressDots 4s both}
@-webkit-keyframes progressDots {
from{width:0}
to{width:100%}
}
@keyframes progressDots {
from{width:0}
to{width:100%}
}
.slick-fullscreen,.slick-fullscreen-slideshow{background:none}
.slick-fullscreen .slick-slide,.slick-fullscreen-slideshow .slick-slide{display:none;float:left;height:100%}
.slick-initialized .slick-slide{display:block}
.owl-buttons{position:static}
.owl-prev,.owl-next{position:absolute;display:block;top:50%;margin-top:-29px;width:60px;height:60px;line-height:normal;font-size:11px;padding-top:23px;color:#111;text-align:center;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);visibility:visible}
.owl-prev{left:-50px;padding-left:21px}
.owl-next{right:-50px;padding-right:21px}
.owl-prev:before,.owl-next:before{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;content:"";display:block;width:66%;height:66%;position:absolute;background:#fff;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.owl-prev:before{left:85px;top:9px}
@media only screen and (max-width: 1200px) {
.owl-prev:before{left:60px}
}
.owl-next:before{right:85px;top:9px}
@media only screen and (max-width: 1200px) {
.owl-next:before{right:60px}
}
.owl-prev .owl-custom,.owl-next .owl-custom{position:relative}
.owl-prev .owl-custom{position:relative;left:64px}
@media only screen and (max-width: 1200px) {
.owl-prev .owl-custom{left:39px}
}
.owl-next .owl-custom{position:relative;right:64px}
@media only screen and (max-width: 1200px) {
.owl-next .owl-custom{right:39px}
}
.owl-prev:hover,.owl-next:hover{-webkit-transition:0 none;-moz-transition:0 none;-ms-transition:0 none;-o-transition:0 none;transition:0 none}
.owl-prev:hover:before,.owl-next:hover:before,.owl-prev:active:before,.owl-next:active:before,.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.owl-carousel:hover .owl-prev{left:-35px}
.owl-carousel:hover .owl-next{right:-35px}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:crosshair}
.mfp-title{font-family:'Raleway',sans-serif;font-size:13px;line-height:1.5;font-style:normal;font-weight:400;letter-spacing:.05em}
@media only screen and (max-width: 880px) {
#fullpage{overflow-x:hidden}
}
#fp-nav.right,#fp-nav.left{z-index:-1!important;display:none;visibility:hidden}
.YT-bg{display:none}
@media only screen and (max-width: 880px) {
.YT-bg{position:relative;height:100%;background-image:url(/web/20230703070142im_/http://www.habitattechnologygroup.org/img/background/YT-bg.jpg);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
}
#videoContainment{position:absolute;display:block;width:100%!important;height:100%!important;left:0;top:0;bottom:0;right:0;background:#000;z-index:0}
.vimeo-bg{display:none}
@media only screen and (max-width: 880px) {
.vimeo-bg{position:relative;height:100%;background-image:url(/web/20230703070142im_/http://www.habitattechnologygroup.org/img/background/vimeo-bg.jpg);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
#vimeo-videoContainment{display:none}
}
#vimeo-videoContainment{position:absolute;display:block;width:100%!important;height:100%!important;left:0;top:0;bottom:0;right:0;background:#000;z-index:0}
#vimeo-videoContainment iframe,#vimeo-videoContainment object,#vimeo-videoContainment embed{border:none}
.html5-bg{display:none}
@media only screen and (max-width: 880px) {
.html5-bg{position:relative;height:100%;background-image:url(/web/20230703070142im_/http://www.habitattechnologygroup.org/img/background/html5-bg.jpg);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
}
.html5-videoContainment{position:absolute;top:50%;left:50%;width:auto;min-width:100%;height:auto;min-height:100%;background:#000;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}
.the-button{position:relative;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.25em;color:#ff264a;background:none;padding:10px 40px 0;margin-top:10px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}
.the-button:hover:before{width:100%}
.the-button:hover:after{width:100%}
.the-button::before{content:"";position:absolute;width:20px;height:47px;top:-5px;left:-6px;border:2px solid #ff264a;border-right:none;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.the-button::after{content:"";position:absolute;width:20px;height:47px;top:-5px;right:-6px;border:2px solid #ff264a;border-left:none;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
button{border:none}
.description{position:absolute;width:400px!important;padding:30px;bottom:45.5%;left:0;right:0;margin-left:auto;margin-right:auto;opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none;text-align:center;z-index:10}
@media only screen and (max-width: 1200px) {
.description{width:300px!important}
}
@media only screen and (max-width: 640px) {
.description{width:280px!important}
}
.description h3,.description h4{font-family:'Poppins',sans-serif;font-size:15px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:#fff;margin-bottom:0}
.description h4{font-size:18px}
@media only screen and (max-width: 880px) {
.description h4{font-size:15px}
}
.description span{color:#fff;font-size:13px;font-weight:500}
.item-grid-size:hover .description,.item-grid-size:focus .description{bottom:52.5%;left:0;right:0;margin-left:auto;margin-right:auto;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.item:hover .link-wrap{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);cursor:pointer}
.item:hover .link-wrap span:before,.item:hover .link-wrap span:after{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.item:hover .link-wrap span:nth-child(1):before,.item:hover .link-wrap span:nth-child(1):after{width:15px}
.item:hover .link-wrap span:nth-child(2):before,.item:hover .link-wrap span:nth-child(2):after{height:15px}
.link-wrap{position:absolute;left:0;top:0;right:0;bottom:0;display:block;background:rgba(0,0,0,.65);opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.link-wrap span{position:absolute;display:block;width:100%;height:100%;left:0;top:0}
.link-wrap span:before,.link-wrap span:after{content:"";position:absolute;background:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:.2;-moz-opacity:.2;-webkit-opacity:.2;filter:alpha(opacity=20);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20)}
.link-wrap span:nth-child(1):before,.link-wrap span:nth-child(1):after{width:50%;height:2px;top:50%;margin-top:-1px}
.link-wrap span:nth-child(1):before{right:50%}
.link-wrap span:nth-child(1):after{left:50%}
.link-wrap span:nth-child(2):before,.link-wrap span:nth-child(2):after{width:2px;height:50%;left:50%;margin-left:-1px}
.link-wrap span:nth-child(2):before{bottom:50%}
.link-wrap span:nth-child(2):after{top:50%}
.waves{position:fixed;z-index:999;bottom:0;color:#333;height:110px;width:100%}
/*
     FILE ARCHIVED ON 07:01:42 Jul 03, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:42:30 Mar 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.941
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.027
  esindex: 0.009
  cdx.remote: 22.689
  LoadShardBlock: 102.441 (3)
  PetaboxLoader3.datanode: 120.33 (5)
  PetaboxLoader3.resolve: 73.757 (2)
  load_resource: 131.122
  loaddict: 42.252
*/