.bg-dark{
   background-color: #1c1b19;
}
.bg-green{
   background-color: #37b44a;
}


.color-dark {color: #1c1b19; }
.color-normal {color: #808080;}
.color-green{color: #37b44a;}

.fill-green{
   fill: #37b44a;
   -webkit-fill: #37b44a;
}

html,
body{
    font-family: 'Poppins';
}

p a,
#image-text-3-columns-hwo-01 a {
    position: relative;
    font-weight: 600;
    color: var(--color-1);
    white-space: nowrap;
}
p a,
.hwo-animated-underline::after {
    content: "";
    position: absolute;
    background: var(--color-1);
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 0px;
    transition: width 0.5s cubic-bezier(0.42, 0, 0.24, 0.99);
}
.hwo-animated-underline.color-2::after {
    background: var(--color-2);
}
p a,
.hwo-animated-underline:hover::after {
    width: 0px;
}

.not_logged_in h1,
.not_logged_in h2,
.not_logged_in h3,
.not_logged_in h4{
    display: inline-block;
    padding-bottom: 10px;
    background: -webkit-linear-gradient(top left,var(--color-1),var(--color-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: 600;
    line-height: 55px;
}
.not_logged_in h1.color-white,
.not_logged_in h2.color-white,
.not_logged_in h3.color-white,
.not_logged_in h4.color-white{
    background: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.not_logged_in .font-large {
    font-size: 35px;
    line-height: 35px;
}


label {
    font-family: var(--font-title);
    font-weight: 400 !important;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .not_logged_in h1,
    .not_logged_in h2,
    .not_logged_in h3,
    .not_logged_in h4 {
        font-size: 2.7em;
        line-height: 0.9em;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


.hwo-btn-01 {
    padding: 18px 30px;
    min-width: 180px;
    font-weight: 500;
    box-shadow: 0 0 15px 0 rgb(0,0,0,20%), 0 0 0 0 rgb(255,93,77,0%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.hwo-btn-01.border-2px {
    padding: 16px 30px;
}
.hwo-btn-01:not(.border-2px):hover {
    box-shadow: 0 0 15px 0 rgb(0,0,0,20%),0 0 0 7px rgba(255,93,77,0.3);
}

.hwo-btn-01-thin,
.hwo-btn-01-thin.border-2px {
    padding: 18px 30px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(255 93 77 / 0%);
    border-radius: 5px;
}
.hwo-btn-01-thin.border-2px{
    padding: 16px 30px;
    box-shadow: initial;
}
.hwo-btn-01-thin:not(.border-2px):hover {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%), 0 0 0 7px rgb(255 93 77 / 30%);
}



#popup .content [data-popup-version="1.5.0"] .form-area .heading .title {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    font-size: 44px;
    line-height: 0.9em;
    color: #1c1b19;
}
#popup .content [data-popup-version="1.5.0"] .form-area label:not([for="get-started-consent"]) {
    font-weight: 500 !important;
    color: #1c1b19;
}
#popup .content [data-popup-version="1.5.0"] .hwo-btn-01-thin.disabled {
    box-shadow: 0 0 0px 0 rgba(0,0,0,0);
}
#get-started-program-form-p-01 .avatar-extra-small .fa {
    padding: 0 0 8px 1px;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    #popup .content [data-popup-version="1.5.0"] .form-area .heading .title {
        font-size: 2.3em;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



#header-hwo-sv02 .base {
    height: 80px;
}
#header-hwo-sv02 .header-content .logo .hwo-logo {
    width: auto;
    height: 40px;
}
#header-hwo-sv02 .header-content .menu-button {
    width: 80px;
    height: 80px;
}
#header-hwo-sv02 .header-content .menu-button > div {
    margin: 50% auto 0 auto;
    left: 0px;
    right: 0px;
    width: 40px;
    height: 2px;
    transform: translateY(-50%);
}
#header-hwo-sv02 .header-content .menu-button .top{
    top: -10px;
}
#header-hwo-sv02 .header-content .menu-button .bottom{
    top: 10px;
}
#header-hwo-sv02 .header-content .menu-button:hover .top {
    top: -13px;
}
#header-hwo-sv02 .header-content .menu-button:hover .bottom {
    top: 13px;
}
#header-hwo-sv02 .header-content .menu-button.selected .top {
    top: 0px;
    transform: rotateZ(45deg);
}
#header-hwo-sv02 .header-content .menu-button.selected .middle{
    width: 0px;
}
#header-hwo-sv02 .header-content .menu-button.selected .bottom {
    top: 0px;
    transform: rotateZ(-45deg);
}

#header-hwo-sv02 .menu-component .menu-component-base,
#header-hwo-sv02 .menu-component .menu-component-content{
    width: 0px;
    min-height: 350px;
}
#header-hwo-sv02 .menu-component .menu-component-content .menu-items {
    margin-top: -65px;
}
#header-hwo-sv02 .menu-component .menu-component-content .menu-items > div {
    height: 60px;
}
#header-hwo-sv02 .menu-component .menu-component-content .menu-items:hover > div:not(:hover){
    opacity: 0.5;
}
#header-hwo-sv02 .menu-component .menu-component-content .menu-items > div > div{
    bottom: -60px;
    font-size: 50px;
    line-height: 60px;
    white-space: nowrap;
}
#header-hwo-sv02 .menu-component .menu-component-content .bottom .line{
    width: 0px;
}
#header-hwo-sv02 .menu-component .menu-component-content .bottom .terms{
    white-space: nowrap;
}
#header-hwo-sv02 .menu-component .menu-component-content .bottom .terms:hover span:not(:hover){
    opacity: 0.5;
}
#header-hwo-sv02 .menu-component .menu-component-content .bottom span {
    bottom: -20px;
    white-space: nowrap;
}


@media(max-width: 1550px){}
@media(max-width: 1300px){
    #header-hwo-sv02 .menu-component .menu-component-content .menu-items {
        padding: 0 50px;
    }
    #header-hwo-sv02 .menu-component .menu-component-content .bottom {
        padding: 0 50px 50px 50px;
    }
}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #header-hwo-sv02 .menu-component .menu-component-base,
    #header-hwo-sv02 .menu-component .menu-component-content {
        min-height: 550px;
    }
    #header-hwo-sv02 .menu-component .menu-component-content .menu-items {
        display: inline-block;
        margin-top: -40px;
        width: 400px;
    }
    #header-hwo-sv02 .menu-component .menu-component-content .menu-items > div {
        width: auto;
        height: 75px;
    }
}
@media (max-width: 1072px){
    #header-hwo-sv02 .menu-component .menu-component-content .bottom .terms {
        width: 280px;
    }
    #header-hwo-sv02 .menu-component .menu-component-content .bottom .copyright {
        width: calc(100% - 280px);
    }
}
@media (max-width: 838px){}
@media (max-width: 770px){
    #header-hwo-sv02 .menu-component .menu-component-content .bottom .copyright {
        display: none;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    #header-hwo-sv02 .menu-component .menu-component-content .menu-items {
        padding: 0 30px;
        width: 100%;
    }
    #header-hwo-sv02 .menu-component .menu-component-content .bottom {
        padding: 0 30px 30px 30px;
    }
    #header-hwo-sv02 .menu-component .menu-component-content .bottom > div:last-child {
        padding-top: 30px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


.footer-hwo-sv02 {
    background: linear-gradient(to right,var(--color-1),var(--color-2));
    font-size: 14px;
}
.footer-hwo-sv02 .terms:hover span:not(:hover) {
    opacity: 0.5;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .footer-hwo-sv02 .half-width:first-child {
        width: 230px;
    }
    .footer-hwo-sv02 .half-width:last-child {
        width: calc(100% - 230px);
    }
}
@media (max-width: 838px){
    .footer-hwo-sv02 > div{
        display: block;
        padding: 0 50px;
    }
    .footer-hwo-sv02 .half-width{
        width: 100%;
        text-align: center;
    }
    .footer-hwo-sv02 .half-width:first-child{
        margin-bottom: 10px;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .footer-hwo-sv02 > div{
        padding: 0 30px;
    }
    .footer-hwo-sv02 .half-width:first-child,
    .footer-hwo-sv02 .half-width:last-child{
        width: 100%;
        text-align: center;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



.hwo-sv02-home-banner{
    min-height: 650px;
}
.hwo-sv02-home-banner > .bg {
    box-shadow: inset 0 0 200px 0 rgb(0 0 0 / 50%);
}
.hwo-sv02-home-banner .scroll-btn svg {
    width: 30px;
    height: auto;
}

.hwo-sv02-home-banner .content .text h1 font {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-home-banner .content .text h1 font:nth-child(2) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-home-banner .content .text h1 font:nth-child(3) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-home-banner .content .text div {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
.hwo-sv02-home-banner .content .text.show h1 font,
.hwo-sv02-home-banner .content .text.show div {
    opacity: 1;
    transform: none;
}
.hwo-sv02-home-banner .content .actions .hwo-btn-01 {
    opacity: 0;
    transform: translateY(100%);
    transition: box-shadow 0.3s ease-in-out, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-home-banner .content .actions a:nth-child(2) .hwo-btn-01 {
    opacity: 0;
    transform: translateY(100%);
    transition: box-shadow 0.3s ease-in-out, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-home-banner .content .actions.show .hwo-btn-01,
.hwo-sv02-home-banner .content .actions.show a:nth-child(2) .hwo-btn-01 {
    opacity: 1;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .hwo-sv02-home-banner > div:nth-child(3) {
        padding: 0 50px;
    }
    .hwo-sv02-home-banner > div:nth-child(3) .content {
        width: auto;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-home-banner > div:nth-child(3) {
        padding: 0 30px;
    }
    .hwo-sv02-home-banner .content .text h1 font {
        display: inline-block;
        transform: translateY(30px);
    }
    .hwo-sv02-home-banner .content .text h1 font:nth-child(2),
    .hwo-sv02-home-banner .content .text h1 font:nth-child(3) {
        transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
    }
    .hwo-sv02-home-banner .content .actions .hwo-btn-01,
    .hwo-sv02-home-banner .content .actions a:nth-child(2) .hwo-btn-01 {
        margin: 0px;
        width: 100%;
    }
    .hwo-sv02-home-banner .content .actions .hwo-btn-01 {
        margin-bottom: 20px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



.hwo-sv02-latest-project-snippet {
    padding: 150px 0;
}
.hwo-sv02-latest-project-snippet .decor-1 {
    background: linear-gradient(var(--color-1),var(--color-2));
    width: 0px;
    transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hwo-sv02-latest-project-snippet .decor-2 {
    background: var(--color-1);
    width: 0px;
    transition: width 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hwo-sv02-latest-project-snippet.show .decor-1 {
    width: 20px;
}
.hwo-sv02-latest-project-snippet.show .decor-2 {
    width: calc(50vw - 230px);
}
.hwo-sv02-latest-project-snippet .content .text {
    width: 460px;
}
.hwo-sv02-latest-project-snippet .content .image {
    width: calc(100% - 460px);
}
.hwo-sv02-latest-project-snippet .content .image .bg {
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.5);
}

.hwo-sv02-latest-project-snippet .content .text > * {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-latest-project-snippet .content .text .subtitle,
.hwo-sv02-latest-project-snippet .content .text .action {
    transform: translateY(500%);
}
.hwo-sv02-latest-project-snippet .content .text h2{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-latest-project-snippet .content .text .description{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}

.hwo-sv02-latest-project-snippet .content .text .action{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
.hwo-sv02-latest-project-snippet .content .text.show > * {
    opacity: 1;
    transform: none;
}

.hwo-sv02-latest-project-snippet .content .image {
    opacity: 0;
    transform: translateY(20%);
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-latest-project-snippet .content .image.show {
    opacity: 1;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    .hwo-sv02-latest-project-snippet .content {
        padding-right: 0px;
    }
}
@media (max-width: 1072px){
    .hwo-sv02-latest-project-snippet .content {
        display: block;
    }
    .hwo-sv02-latest-project-snippet .content .text{
        padding: 0 0 50px 0;
    }
    .hwo-sv02-latest-project-snippet .content .text,
    .hwo-sv02-latest-project-snippet .content .image {
        width: calc(50vw + 50px);
    }
}
@media (max-width: 838px){
    .hwo-sv02-latest-project-snippet.show .decor-2 {
        width: 100px;
    }
    .hwo-sv02-latest-project-snippet .content {
        padding: 0 50px;
    }
    .hwo-sv02-latest-project-snippet .content .text,
    .hwo-sv02-latest-project-snippet .content .image {
        width: calc(50vw + 75px);
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-latest-project-snippet.show .decor-1 {
        width: 12px;
    }
    .hwo-sv02-latest-project-snippet.show .decor-2 {
        width: 50px;
    }
    .hwo-sv02-latest-project-snippet .content {
        padding: 0 68px 0 30px;
    }
    .hwo-sv02-latest-project-snippet .content .text,
    .hwo-sv02-latest-project-snippet .content .image {
        width: 100%;
    }
    .hwo-sv02-latest-project-snippet.show .content .text > * {
        opacity: 1;
        transform: none;
    }
    .hwo-sv02-latest-project-snippet .content .image {
        transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 583ms, transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1) 583ms;
    }
    .hwo-sv02-latest-project-snippet.show .content .image {
        opacity: 1;
        transform: none;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}




.hwo-sv02-client-roll{
    padding: 150px 0 130px 0;
}
.hwo-sv02-client-roll .content{
    width: 1090px;
}

.hwo-sv02-client-roll .content .heading > *{
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-client-roll .content .heading .subtitle{
    transform: translateY(300%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-client-roll .content .heading.show > *{
    opacity: 1;
    transform: none;
}
.hwo-sv02-client-roll .content .logo-roll > div{
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-client-roll .content .logo-roll.show > div{
    opacity: 1;
    transform: none;
}
.hwo-sv02-client-roll .content .logo-roll:hover > div:not(:hover) {
    opacity: 0.5;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .hwo-sv02-client-roll .content {
        width: 780px;
    }
}
@media (max-width: 838px){
    .hwo-sv02-client-roll .content {
        width: calc(100% - 100px);
    }
    .hwo-sv02-client-roll .content .logo-roll {
        grid-template-columns: 33% 33% 33%;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-client-roll .content {
        width: calc(100% - 30px);
    }
    .hwo-sv02-client-roll .content .logo-roll {
        grid-template-columns: 33% 33% 33%;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}




.hwo-sv02-about-banner {
    padding: 250px 0 160px 0;
}
.hwo-sv02-about-banner .content {
    width: 810px;
}
.hwo-sv02-about-banner .content .actions > div:not(:first-child) .btn-text,
.hwo-sv02-about-banner .content .actions:hover > div:not(:hover) .btn-text {
    opacity: 0.5;
}
.hwo-sv02-about-banner .content .actions:hover > div:hover .btn-text {
    opacity: 1;
}
.hwo-sv02-about-banner .content .actions > div .btn-decor{
    width: 0px;
}
.hwo-sv02-about-banner .content .actions > div:first-child .btn-decor{
    width: 100%;
}
.hwo-sv02-about-banner .content .actions > div:not(:first-child) .btn-decor,
.hwo-sv02-about-banner .content .actions:hover > div:not(:hover) .btn-decor {
    width: 0%;
}
.hwo-sv02-about-banner .content .actions:hover > div:hover .btn-decor {
    width: 100%;
}
.hwo-sv02-about-banner .content .driving-forces h3 {
    opacity: 0;
    width: 300px;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 583ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 583ms;
}
.hwo-sv02-about-banner .content.show .driving-forces h3 {
    opacity: 1;
    transform: none;
}
.hwo-sv02-about-banner .content .driving-forces div {
    opacity: 0;
    margin-top: -2px;
    width: calc(100% - 300px);
    line-height: 27px;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 643ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 643ms;
}
.hwo-sv02-about-banner .content.show .driving-forces div {
    opacity: 1;
    transform: none;
}

.hwo-sv02-about-banner .content h2 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-about-banner .content.show h2 {
    opacity: 1;
    transform: translateY(0px);
}
.hwo-sv02-about-banner .content .actions > div {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-about-banner .content .actions > div:nth-child(2) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-about-banner .content .actions > div:nth-child(3) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
.hwo-sv02-about-banner .content.show .actions > div {
    opacity: 1;
    transform: none;
}
.hwo-sv02-about-banner .content .statement {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 523ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 523ms;
}
.hwo-sv02-about-banner .content.show .statement {
    opacity: 1;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .hwo-sv02-about-banner .content {
        width: 580px;
    }
    .hwo-sv02-about-banner .content .driving-forces h3{
        width: 280px;
    }
    .hwo-sv02-about-banner .content .driving-forces div {
        width: calc(100% - 280px);
        line-height: 18px;
    }
}
@media (max-width: 770px){
    .hwo-sv02-about-banner .content {
        width: calc(100% - 100px);
    }
    .hwo-sv02-about-banner .content h2 {
        width: 230px;
    }
    .hwo-sv02-about-banner .content .driving-forces {
        display: block;
    }
    .hwo-sv02-about-banner .content .driving-forces h3 {
        width: 100%;
    }
    .hwo-sv02-about-banner .content .driving-forces div {
        width: 100%;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-about-banner {
        padding: 150px 0 100px 0;
    }
    .hwo-sv02-about-banner .content {
        width: calc(100% - 60px);
    }
    .hwo-sv02-about-banner .content.actions {
        margin-top: 20px;
    }
    .hwo-sv02-about-banner .content.show .actions > div > div span{
        font-size: 12px;
    }
    .hwo-sv02-about-banner .content .statement {
        padding-top: 50px;
        font-size: 1.8em;
        line-height: 1.1em;
    }
    .hwo-sv02-about-banner .content .driving-forces {
        padding-top: 50px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


.hwo-sv02-about-offerings .offer > img {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 223ms;
}
.hwo-sv02-about-offerings .offer.show > img {
    opacity: 1;
}
.hwo-sv02-about-offerings .offer .container {
    padding: 125px 175px;
}
.hwo-sv02-about-offerings .offer .container .img {
    opacity: 0;
    width: 300px;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-about-offerings .offer.show .container .img {
    opacity: 1;
    transform: none;
}
.hwo-sv02-about-offerings .offer .container .img img {
    width: 232px;
}
.hwo-sv02-about-offerings .offer .container .content {
    width: calc(100% - 300px);
}
.hwo-sv02-about-offerings .offer .container .content .trans-md > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-about-offerings .offer .container .content .trans-md div{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-about-offerings .offer .container .content .trans-md a{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
.hwo-sv02-about-offerings .offer.show .container .content .trans-md > * {
    opacity: 1;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    .hwo-sv02-about-offerings .offer .container {
        margin: 0 auto;
        padding: 125px 0;
        width: 900px;
    }
}
@media (max-width: 1072px){
    .hwo-sv02-about-offerings .offer .container {
        width: 780px;
    }
}
@media (max-width: 838px){
    .hwo-sv02-about-offerings .offer .container {
        display: block;
        padding: 100px 0;
        width: 580px;
    }
    .hwo-sv02-about-offerings .offer .container .img {
        display: block;
        padding-bottom: 30px;
    }
    .hwo-sv02-about-offerings .offer .container .img img{
        width: 100px;
    }
    .hwo-sv02-about-offerings .offer:first-child .container .img {
        height: 30px;
    }
    .hwo-sv02-about-offerings .offer:first-child .container .img img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .hwo-sv02-about-offerings .offer .container .content {
        width: 100%;
    }
    .hwo-sv02-about-offerings .offer .container .content .trans-md {
        top: initial;
        transform: none;
    }
}
@media (max-width: 770px){
    .hwo-sv02-about-offerings .offer .container {
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-about-offerings .offer .container {
        width: calc(100% - 60px);
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



.hwo-sv02-expertise-banner {
    height: 750px;
}
.hwo-sv02-expertise-banner > .bg {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 223ms;
}
.hwo-sv02-expertise-banner.show > .bg {
    opacity: 1;
}
.hwo-sv02-expertise-banner .hwo-360-logo {
    opacity: 0;
    width: 1022px;
    margin-left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-expertise-banner.show .hwo-360-logo {
    opacity: 1;
}
.hwo-sv02-expertise-banner > div:last-child {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-expertise-banner.show > div:last-child {
    opacity: 1;
    transform: none;
}
.hwo-sv02-expertise-banner > div:last-child .scroll-btn svg {
    width: 30px;
    height: auto;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .hwo-sv02-expertise-banner {
        height: 640px;
    }
    .hwo-sv02-expertise-banner .hwo-360-logo {
        width: 750px;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-expertise-banner {
        height: 150vw;
    }
    .hwo-sv02-expertise-banner .hwo-360-logo {
        width: 160vw;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


.hwo-sv02-expertise-services .statement > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-expertise-services .statement > div{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-expertise-services .statement.show > * {
    opacity: 1;
    transform: none;
}
.hwo-sv02-expertise-services .service {
    margin-bottom: 0px;
    transition: all 1s cubic-bezier(0.16, 0, 0.12, 0.99);
}
.hwo-sv02-expertise-services .services .service.selected {
    margin-bottom: 30px;
}
.hwo-sv02-expertise-services .services:hover .service:not(:hover) {
    opacity: 0.2;
}
.hwo-sv02-expertise-services .services .service .title {
    opacity: 0;
    transform: translateY(30px);
}
.hwo-sv02-expertise-services .services.show .service .title {
    opacity: 1;
    transform: none;
}
.hwo-sv02-expertise-services .services .service .title .text {
    font-size: 24px;
}
.hwo-sv02-expertise-services .services .service .title .arrow {
    top: 0px;
    fill: var(--color-1);
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.16, 0, 0.12, 0.99);
}
.hwo-sv02-expertise-services .services .service.selected .title .arrow {
    transform: rotate(180deg);
}
.hwo-sv02-expertise-services .services .service .description {
    opacity: 0;
    max-height: 0px;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.16, 0, 0.12, 0.99);
}
.hwo-sv02-expertise-services .services .service.selected .description {
    opacity: 1;
    max-height: 180px;
    transform: translateY(0px);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .hwo-sv02-expertise-services > div {
        width: 780px;
    }
    .hwo-sv02-expertise-services > div .statement {
        padding-right: 30px;
    }
    .hwo-sv02-expertise-services > div .services > .service {
        padding-left: 30px;
    }
}
@media (max-width: 838px){
    .hwo-sv02-expertise-services > div {
        display: block;
        width: calc(100% - 100px);
    }
    .hwo-sv02-expertise-services > div .statement {
        padding: 0 0 30px 0;
        width: 100%;
    }
    .hwo-sv02-expertise-services > div .services {
        width: 100%;
    }
    .hwo-sv02-expertise-services > div .services .service {
        padding: 0;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-expertise-services > div {
        width: calc(100% - 60px);
    }
    .hwo-sv02-expertise-services .services:hover .service {
        opacity: 1 !important;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



.hwo-contact-us #header-hwo-sv02 {
    background: #161614;
}
#contact-form-hwo-01 {
    position: relative;
    padding: 0px;
}
#contact-form-hwo-01 .container {
    padding: 0px;
    width: 100%;
}
#contact-form-hwo-01 .container .copy {
    background: #1c1b19;
    padding: 230px 100px 150px 100px;
    width: 50%;
}
#contact-form-hwo-01 .container .copy::before {
    content: "";
    position: absolute;
    background: linear-gradient(var(--color-1),var(--color-2));
    width: 0px;
    height: calc(100% - 80px);
    left: 0px;
    top: 80px;
    transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1) 223ms;
}
#contact-form-hwo-01 .container .copy h3 {
    text-transform: initial;
}
#contact-form-hwo-01 .container .copy div {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
#contact-form-hwo-01 .container .copy .address {
    font-size: 14px;
    line-height: 18px;
}
#contact-form-hwo-01 .container .form {
    background: #22211e;
    padding: 230px 100px 150px 100px;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#contact-form-hwo-01 .container .form form .form-area input,#contact-form-hwo-01 .container .form form .form-area textarea {
    background: transparent;
    color: #fff;
    border-color: #808080;
    transition: all 0.3s cubic-bezier(0.42, 0, 0.29, 1);
}
#contact-form-hwo-01 .container .form form .form-area input.invalid:focus, #contact-form-hwo-01 .container .form form .form-area textarea.invalid:focus {
    border-color: #ff5d4d;
    box-shadow: 0 0 0 4px rgb(255 93 77 / 40%);
}
#contact-form-hwo-01 .container .form form .form-area input.valid:focus, #contact-form-hwo-01 .container .form form .form-area textarea.valid:focus {
    border-color: #1fcc00;
    box-shadow: 0 0 0 4px rgb(31 204 0 / 40%);
}
#contact-form-hwo-01 .container .form form .form-area .actions .hwo-btn-01 {
    text-align: center;
}
#contact-form-hwo-01 .container .form form .form-area .actions .hwo-btn-01.disabled {
    opacity: 0.2;
    box-shadow: none;
}

#contact-form-hwo-01 .container .copy.show::before {
    width: 20px;
}
#contact-form-hwo-01 .container .copy > *:not(:nth-child(3)),
#contact-form-hwo-01 .container .copy div:nth-child(3) > div {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#contact-form-hwo-01 .container .copy.show > *:not(:nth-child(3)),
#contact-form-hwo-01 .container .copy.show div:nth-child(3) > div {
    opacity: 1;
    transform: none;
}
#contact-form-hwo-01 .container .copy div:nth-child(2) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#contact-form-hwo-01 .container .copy div:nth-child(3) > div:first-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
#contact-form-hwo-01 .container .copy div:nth-child(3) > div:last-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
#contact-form-hwo-01 .container .form form .form-area > * {
    opacity: 0;
    transform: translateY(30px);
}
#contact-form-hwo-01 .container .form.show form .form-area > div:nth-child(2) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#contact-form-hwo-01 .container .form.show form .form-area > div:nth-child(3) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
#contact-form-hwo-01 .container .form.show form .form-area > div:nth-child(4) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
#contact-form-hwo-01 .container .form.show form .form-area > div:nth-child(7) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 523ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 523ms;
}
#contact-form-hwo-01 .container .form.show form .form-area > div:nth-child(8) {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 583ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 583ms;
}
#contact-form-hwo-01 .container .form.show form .form-area > * {
    opacity: 1;
    transform: none;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){

    #contact-form-hwo-01 .container .copy .address {
        font-size: 13px;
    }
    #contact-form-hwo-01 .container .copy > *:not(:nth-child(3)) > p:first-child br {
        display: none;
    }

}
@media (max-width: 1072px){
    #contact-form-hwo-01 .container .copy {
        padding: 230px 40px 150px 100px;
    }
    #contact-form-hwo-01 .container .form {
        padding: 230px 100px 150px 50px;
    }
}
@media (max-width: 940px){
    #contact-form-hwo-01 .container .copy {
        padding: 230px 30px 150px 60px;
    }
    #contact-form-hwo-01 .container .form {
        padding: 230px 60px 150px 40px;
    }
}
@media (max-width: 838px){
    #contact-form-hwo-01 .container{
        display: block;
    }
    #contact-form-hwo-01 .container .copy,
    #contact-form-hwo-01 .container .form {
        padding: 170px 50px 100px 50px;
        width: 100%;
    }
    #contact-form-hwo-01 .container .copy > * {
        max-width: 400px;
    }
    #contact-form-hwo-01 .container .form {
        padding-top: 100px;
    }
}
@media (max-width: 770px){
    #contact-form-hwo-01 .container .copy {
        margin: 0px;
        text-align: left;
    }
    #contact-form-hwo-01 .container .form form .form-area .actions {
        text-align: left;
    }
    #contact-form-hwo-01 .container .form form .form-area .actions .hwo-btn-01 {
        margin: 0px;
        width: 100%;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    #contact-form-hwo-01 .container .copy,
    #contact-form-hwo-01 .container .form {
        padding-left: 30px;
        padding-right: 30px;
    }
    #contact-form-hwo-01 .container .copy.show::before {
        width: 12px;
    }
    #contact-form-hwo-01 .container .copy .phone {
        font-size: 1.6em;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



#faq-hwo-01{
    background: var(--color-2);
}
#faq-hwo-01 .heading h2 {
    padding-bottom: 0px;
    font-size: 40px;
}
#faq-hwo-01 .heading div {
    font-weight: 400;
}
#faq-hwo-01 .search > div {
    padding: 0px;
    border: solid 1px #fff;
}
#faq-hwo-01 .search > div input {
    background: transparent;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 60px;
    color: #fff;
}
#faq-hwo-01 .search > div input::placeholder{ color: #fff; }
#faq-hwo-01 .search > div input::-webkit-input-placeholder{ color: #fff; }
#faq-hwo-01 .search > div input::-moz-placeholder{ color: #fff; }
#faq-hwo-01 .search > div input:-ms-input-placeholder{ color: #fff; }
#faq-hwo-01 .search > div input:-moz-placeholder{ color: #fff; }
#faq-hwo-01 .search .fa {
    font-size: 20px;
    color: #fff;
}
#faq-hwo-01 .list .qa {
    background: #3d529a;
    padding: 10px 30px;
}

#faq-hwo-01 .list .qa .question .icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
}
#faq-hwo-01 .list .qa .question .icon .fa{
    padding-top: 2px;
    font-size: 14px;
}
#faq-hwo-01 .list .qa .question .text {
    margin: 10px 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
}
#faq-hwo-01 .list .qa .answer .text {
    margin-left: 54px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #fff;
}

#faq-hwo-01 .heading > *,
#faq-hwo-01 .search {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#faq-hwo-01 .heading > div{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#faq-hwo-01 .heading.show > *,
#faq-hwo-01 .search.show,
#faq-hwo-01 .list.show .qa {
    opacity: 1;
    transform: none;
}
#faq-hwo-01 .list .qa{
    opacity: 0;
    transform: translateY(30px);
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #faq-hwo-01 .width-900 {
        padding-bottom: 50px;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



#text-content-hwo-01 .render-content h2,
#elegant-collection-text-content-hwo-01 .content h2 {
    margin-bottom: -20px;
    font-size: 40px;
    line-height: 40px;
}
#text-content-hwo-01 .border-bottom-1px {
    display: none;
}
#text-content-hwo-01 .render-content {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#text-content-hwo-01 .render-content.show {
    opacity: 1;
    transform: none;
}


#elegant-collection-text-content-hwo-01 .content h2 {
    width: 90%;
}
#elegant-collection-text-content-hwo-01 .content h2,
#elegant-collection-text-content-hwo-01 .content p,
#elegant-collection-text-content-hwo-01 .content .actions a span {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#elegant-collection-text-content-hwo-01 .content p {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#elegant-collection-text-content-hwo-01 .content .actions a:first-child span{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
#elegant-collection-text-content-hwo-01 .content .actions a:last-child span{
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
#elegant-collection-text-content-hwo-01 .content.show h2,
#elegant-collection-text-content-hwo-01 .content.show p,
#elegant-collection-text-content-hwo-01 .content.show .actions a span {
    opacity: 1;
    transform: none;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #text-content-hwo-01 .content,
    #elegant-collection-text-content-hwo-01 .content {
        text-align: left;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


#image-text-3-columns-hwo-01 .heading {
    width: initial;
}
#image-text-3-columns-hwo-01 .tiles {
    width: initial;
}
#image-text-3-columns-hwo-01 .tiles .tile:not(:last-child) {
    margin-right: initial;
}

#image-text-3-columns-hwo-01 .heading h3 {
    font-size: 40px;
    line-height: 40px;
}
#image-text-3-columns-hwo-01 .tiles .tile {
    padding: 30px;
}
#image-text-3-columns-hwo-01 .tiles .tile::before {
    content: "";
    position: absolute;
    z-index: 0;
    background: var(--color-1);
    opacity: 0.1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
#image-text-3-columns-hwo-01 .tiles:hover .tile:not(:hover) {
    opacity: 0.5;
}
#image-text-3-columns-hwo-01 .tiles .tile:nth-child(2) {
    padding: 30px 80px;
}
#image-text-3-columns-hwo-01 .tiles .tile:nth-child(2)::before {
    margin: auto;
    width: calc(100% - 100px);
    left: 0px;
    right: 0px;
}
#image-text-3-columns-hwo-01 .tiles .tile .image .sizer {
    display: none;
}
#image-text-3-columns-hwo-01 .tiles .tile .image img {
    position: relative;
    width: auto;
    height: 60px;
}
#image-text-3-columns-hwo-01 .tiles .tile .text {
    position: relative;
    z-index: 1;
}
#image-text-3-columns-hwo-01 .tiles .tile .text h3 {
    line-height: 28px;
}
#image-text-3-columns-hwo-01 .tiles .tile .text div {
    font-size: 14px;
    line-height: 18px;
}
#image-text-3-columns-hwo-01 .heading > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#image-text-3-columns-hwo-01 .heading.show > * {
    opacity: 1;
    transform: none;
}
#image-text-3-columns-hwo-01 .heading > div {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#image-text-3-columns-hwo-01 .tiles {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#image-text-3-columns-hwo-01 .tiles.show{
    opacity: 1;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #image-text-3-columns-hwo-01 .tiles .tile:nth-child(2) {
        padding: 30px 60px;
    }
    #image-text-3-columns-hwo-01 .tiles .tile:nth-child(2)::before {
        width: calc(100% - 60px);
    }
}
@media (max-width: 930px){
    #image-text-3-columns-hwo-01 .tiles .tile:nth-child(2) {
        padding: 30px;
    }
    #image-text-3-columns-hwo-01 .tiles .tile:nth-child(2)::before {
        width: calc(100% - 10px);
    }
}
@media (max-width: 838px){
    #image-text-3-columns-hwo-01 {
        padding-left: 50px;
        padding-right: 50px;
    }
    #image-text-3-columns-hwo-01 .tiles {
        display: block;
    }
    #image-text-3-columns-hwo-01 .tiles .tile {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #image-text-3-columns-hwo-01 .tiles .tile:nth-child(2) {
        margin: 30px 0;
    }
    #image-text-3-columns-hwo-01 .tiles .tile:nth-child(2)::before {
        width: 100%;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    #image-text-3-columns-hwo-01 {
        padding-left: 30px;
        padding-right: 30px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}




/* ------ AUTOPILOT ------ */
@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

	#popup.youtube-popup > .content {
		top: 50%;
		height: auto;
		transform: translateY(-50%);
	}
	#popup.youtube-popup > .content .youtube-video-player-01 {
		top: 0px;
		transform: none;
	}

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}




#banner-video-background-player-content-overlay-01 {
    height: 900px;
}
#banner-video-background-player-content-overlay-01 .video-container {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#banner-video-background-player-content-overlay-01.show .video-container {
    opacity: 1;
}
#banner-video-background-player-content-overlay-01 .container .copy > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#banner-video-background-player-content-overlay-01 .container.show .copy > * {
    opacity: 1;
    transform: none;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#banner-video-background-player-content-overlay-01 .container .copy h1 {
    background: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    padding-bottom: 0px;
    font-weight: 600;
    line-height: 52px;
}
#banner-video-background-player-content-overlay-01 .container .copy .subtitle {
    margin-bottom: 20px;
    font-weight: 600;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#banner-video-background-player-content-overlay-01 .container .copy .text {
    margin-top: -20px;
    width: 330px;
    font-size: 18px;
    line-height: 24px;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
#banner-video-background-player-content-overlay-01 .container .actions {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
#banner-video-background-player-content-overlay-01 .container.show .actions {
    opacity: 1;
    transform: none;
}
#banner-video-background-player-content-overlay-01 .container .actions .button > div:first-child {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
#banner-video-background-player-content-overlay-01 .image-overlay {
    width: 100%;
    height: 105.59%;
}
#banner-video-background-player-content-overlay-01 .image-overlay img {
    opacity: 0;
    position: absolute;
    width: 790px;
    right: calc(50vw - 803px);
    transform: translateX(50px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#banner-video-background-player-content-overlay-01 .image-overlay.show img {
    opacity: 1;
    transform: none;
}
#banner-video-background-player-content-overlay-01 .scroll-to {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#banner-video-background-player-content-overlay-01 .scroll-to.show {
    opacity: 1;
    transform: none;
}
#banner-video-background-player-content-overlay-01 .scroll-to > div > svg {
    width: 40px;
    height: 40px;
    stroke-width: 34px;
    fill: none;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #banner-video-background-player-content-overlay-01 .container .copy .text {
        width: 60%;
    }
}
@media (max-width: 838px){
	#banner-video-background-player-content-overlay-01 .container .copy h1 {
	    font-size: 80px;
	    line-height: 70px;
	}
	#banner-video-background-player-content-overlay-01 .container .copy .text {
		width: 100%;
		max-width: 400px;
	}
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    #banner-video-background-player-content-overlay-01 {
        height: 100vh;
        height: var(--vp-height);
    }
    #banner-video-background-player-content-overlay-01 .container {
        text-align: left;
    }
    #banner-video-background-player-content-overlay-01 .container .copy h1 {
        font-size: 4em;
        line-height: 0.9em;
    }
    #banner-video-background-player-content-overlay-01 .container .actions .button > div:first-child > div .fa {
        margin-left: 2px;
        padding-bottom: 6px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}


#elegant-collection-parallax-half-tiles-hwo-01{
    padding: 130px 0;
}
#elegant-collection-parallax-half-tiles-hwo-01::before {
    content: "";
    position: absolute;
    background: #333;
    width: 0px;
    height: 100%;
    right: 0px;
    top: 0px;
    transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#elegant-collection-parallax-half-tiles-hwo-01.show::before {
    width: 130px;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text {
    width: calc(100% - 650px);
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .title{
    font-weight: 600;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .content{
    width: 70%;
    font-weight: 400;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .heading > *,
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .actions {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text.show .heading > *, 
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text.show .actions {
    opacity: 1;
    transform: none;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .heading .content {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .actions {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .image {
    opacity: 0;
    width: 650px;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#elegant-collection-parallax-half-tiles-hwo-01 .tile > .image.show {
    opacity: 1;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text {
		width: calc(100% - 450px);
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text > div {
		padding-right: 30px;
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .image {
		width: 450px;
	}
}
@media (max-width: 1072px){
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text {
		width: calc(100% - 300px);
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .image {
		width: 300px;
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .image > div {
		padding-bottom: 160%;
	}
}
@media (max-width: 838px){
	#elegant-collection-parallax-half-tiles-hwo-01 {
		padding: 60px 0;
	}
	#elegant-collection-parallax-half-tiles-hwo-01.show::before {
		width: 30px;
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text {
		width: calc(100% - 30px);
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .text .content {
		width: 100%;
	}
	#elegant-collection-parallax-half-tiles-hwo-01 .tile > .image {
		display: none;
	}
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}



#banner-video-player-content-overlay-01 {
    min-height: 700px;
}
#banner-video-player-content-overlay-01 .image {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 223ms;
}
#banner-video-player-content-overlay-01 .image.show {
    opacity: 0.5;
}
#banner-video-player-content-overlay-01 .container .action {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#banner-video-player-content-overlay-01 .container.show .action {
    opacity: 1;
    transform: none;
}
#banner-video-player-content-overlay-01 .container .copy .title {
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}
#banner-video-player-content-overlay-01 .container .copy > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#banner-video-player-content-overlay-01 .container.show .copy > * {
    opacity: 1;
    transform: none;
}
#banner-video-player-content-overlay-01 .container .copy .text {
    display: block;
    margin: 15px auto 0 auto;
}
#banner-video-player-content-overlay-01 .container.show .copy .text {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
#banner-video-player-content-overlay-01 .container .action .play-button{
    box-shadow: 0 0 0 0px var(--color-1);
}
#banner-video-player-content-overlay-01 .container .action .play-button:hover {
    box-shadow: 0 0 0 5px var(--color-1);
}



#marketing-scrolling-points-01{
	padding-top: 120px;
}
#marketing-scrolling-points-01::before {
    content: "";
    background: #2e3192;
    position: absolute;
    width:  100%;
    height: 20px;
    left: 0px;
    top: 0px;
}
#marketing-scrolling-points-01::after {
    content: "";
    background: linear-gradient(to right,rgba(242,105,87,0),rgba(242,105,87,1));
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0px;
    top: 0px;
}
#marketing-scrolling-points-01 .top h3{
    padding-bottom: 0px;
    font-size: 40px;
    line-height: 46px;
}
#marketing-scrolling-points-01  .container .tile > div > div:last-child > div:last-child{
    padding: 50px 50px 43px 50px;
}
#marketing-scrolling-points-01  .container .tile > div > div:last-child > div:last-child .title{
    font-weight: 600;
}
#marketing-scrolling-points-01  .container .tile > div > div:last-child > div:last-child > div:last-child {
    font-size: 14px;
    line-height: 18px;
}

#marketing-scrolling-points-01 .top > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#marketing-scrolling-points-01 .top > div:last-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
#marketing-scrolling-points-01 .top.show > * {
    opacity: 1;
    transform: none;
}
#marketing-scrolling-points-01 .instruction {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#marketing-scrolling-points-01 .instruction.show {
    opacity: 1;
    transform: none;
}
#marketing-scrolling-points-01 .marketing-points .container .tile {
    opacity: 0;
    transform: translateY(30px);
}
#marketing-scrolling-points-01 .marketing-points.show .container .tile {
    opacity: 1;
    transform: none;
}
#marketing-scrolling-points-01 .bottom > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
#marketing-scrolling-points-01 .bottom.show > * {
    opacity: 1;
    transform: none;
}
#marketing-scrolling-points-01 .bottom > div:last-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}



.funnel-anc-get-started-01 {
    min-height: 1000px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
	.funnel-anc-get-started-01 .copy {
		padding: 0 50px;
	}
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

	.funnel-anc-get-started-01 .copy {
		padding: 0 30px;
	}
	.funnel-anc-get-started-01 .copy .title {
		font-size: 2.7em;
	}
	.funnel-anc-get-started-01 .copy .action {
		margin-top: 30px;
	}
	.funnel-anc-get-started-01 .copy .action .input {
		margin: 15px 0;
	}

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



.hwo-sv02-autopilot-prices {
    padding: 140px 0;
}
.hwo-sv02-autopilot-prices::before {
    content: "";
    position: absolute;
    background: linear-gradient(var(--color-1),var(--color-2));
    left: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
}
.hwo-sv02-autopilot-prices .top .title{
    width: calc(100% - 530px);
}
.hwo-sv02-autopilot-prices .top .prices{
    width: 530px;
}
.hwo-sv02-autopilot-prices .top .prices > div:first-child > div:last-child{
    padding-left: 83px;
}
.hwo-sv02-autopilot-prices .top .prices .label {
    font-size: 30px;
}
.hwo-sv02-autopilot-prices .top .prices .plan{
    margin: 4px 0 2px 0;
}
.hwo-sv02-autopilot-prices .top .prices .plan > span:first-child {
    font-size: 90px;
    line-height: 90px;
}
.hwo-sv02-autopilot-prices .details .item .text {
    width: calc(100% - 530px);
}
.hwo-sv02-autopilot-prices .details .item .available {
    padding-right: 10px;
    width: 265px;
}
.hwo-sv02-autopilot-prices .details .item .available svg {
    width: auto;height: 14px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){
    .hwo-sv02-autopilot-prices .top .title h2 {
        width: 370px;
        font-size: 3.5em;
        line-height: 0.92em;
    }
    .hwo-sv02-autopilot-prices .top .title h2 br {
        display: none;
    }
    .hwo-sv02-autopilot-prices .top .prices {
        padding-left: 40px;
    }
    .hwo-sv02-autopilot-prices .top .prices > div:first-child > div:last-child {
        padding-left: 43px;
    }
    .hwo-sv02-autopilot-prices .details .item .available {
        padding: 0;
    }
}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .hwo-sv02-autopilot-prices .top {
        display: block;
    }
    .hwo-sv02-autopilot-prices .top > div {
        padding: 0 0 30px 0px !important;
        width: 100% !important;
    }
    .hwo-sv02-autopilot-prices .top .title h2 {
        width: auto;
    }
    .hwo-sv02-autopilot-prices .top .prices .label font {
        display: inline-block;
        top: -9px;
    }
    .hwo-sv02-autopilot-prices .details .item:first-child {
        display: flex;
    }
    .hwo-sv02-autopilot-prices .details .item .text {
        width: calc(100% - 200px);
    }
    .hwo-sv02-autopilot-prices .details .item .available {
        width: 100px;
    }
}
@media (max-width: 838px){
    .hwo-sv02-autopilot-prices > div {
        padding: 0 50px;
    }
    .hwo-sv02-autopilot-prices .details .item .text {
        width: calc(100% - 160px);
    }
}
@media (max-width: 660px){
    .hwo-sv02-autopilot-prices .actions{
        margin-top: 30px;
    }
    .hwo-sv02-autopilot-prices .actions span {
        margin: 0 0 30px 0;
        width: 100%;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-autopilot-prices::before{
        width: 12px;
    }
    .hwo-sv02-autopilot-prices > div{
        padding: 0 30px;
    }
    .hwo-sv02-autopilot-prices .top .title h2 {
        font-size: 2.8em;
        line-height: 0.9em;
    }
    .hwo-sv02-autopilot-prices .top .prices > div:first-child > div:last-child {
        padding: 0 0 0 14px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .hwo-sv02-autopilot-prices .top .prices .label {
        font-size: 1.5em;
    }
    .hwo-sv02-autopilot-prices .top .prices .label font {
        font-size: 0.6em;
    }
    .hwo-sv02-autopilot-prices .top .prices .plan > span:first-child {
        font-size: 3.8em;
        font-weight: 300;
        line-height: 1em;
    }
    .hwo-sv02-autopilot-prices .top .prices .plan > span:last-child {
        margin-left: -5px;
    }
    .hwo-sv02-autopilot-prices .details .item .text {
        width: calc(100% - 140px);
    }
    .hwo-sv02-autopilot-prices .details .item .available {
        width: 70px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}



.hwo-sv02-autopilot-static {
    padding: 140px 0;
}
.hwo-sv02-autopilot-static::after {
    content: "";
    position: absolute;
    background: linear-gradient(var(--color-1),var(--color-2));
    right: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
}
.hwo-sv02-autopilot-static .container .top .heading {
    width: 480px;
}
.hwo-sv02-autopilot-static .container .top .price {
    width: calc(100% - 480px);
}
.hwo-sv02-autopilot-static .container .top .price > div:first-child {
    margin-top: -18px;
    font-size: 232px;
    line-height: 200px;
}
.hwo-sv02-autopilot-static .container .content > div:first-child > div > div:first-child {
    margin-top: 8px;
}
.hwo-sv02-autopilot-static .container .content > div:first-child > div > div:last-child {
    width: calc(100% - 36px);
}


@media(max-width: 1550px){}
@media(max-width: 1300px){
    .hwo-sv02-autopilot-static .container .top .price > div:first-child {
        position: relative;
        bottom: -10px;
        font-size: 12em;
    }
    .hwo-sv02-autopilot-static .container .content > div:last-child > div > div:first-child {
        font-size: 16px;
    }
}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    .hwo-sv02-autopilot-static .container .top .heading {
        width: 390px;
    }
    .hwo-sv02-autopilot-static .container .top .heading h2 {
        font-size: 3.4em;
        line-height: 0.9em;
    }
    .hwo-sv02-autopilot-static .container .top .price {
        width: calc(100% - 390px);
    }
    .hwo-sv02-autopilot-static .container .top .price > div:first-child {
        font-size: 10em;
        line-height: 1.1em;
    }
    .hwo-sv02-autopilot-static .container .content > div:last-child > div > div:first-child {
        font-size: 14px;
    }
}
@media (max-width: 1072px){
    .hwo-sv02-autopilot-static .container .top {
        display: block;
    }
    .hwo-sv02-autopilot-static .container .top .heading,
    .hwo-sv02-autopilot-static .container .top .price {
        width: 100%;
        text-align: left;
    }
    .hwo-sv02-autopilot-static .container .top .heading {
        margin-bottom: 50px;
    }
    .hwo-sv02-autopilot-static .container .content {
        display: block;
    }
    .hwo-sv02-autopilot-static .container .content > div {
        width: 100%;
        text-align: left;
    }
    .hwo-sv02-autopilot-static .container .content > div:last-child {
        margin-top: 50px;
    }
    .hwo-sv02-autopilot-static .container .content > div > div {
        position: relative;
    }
}
@media (max-width: 838px){
    .hwo-sv02-autopilot-static .container {
        padding: 0 50px;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-autopilot-static::after{
        width: 12px;
    }
    .hwo-sv02-autopilot-static .container {
        padding: 0 30px;
    }
    .hwo-sv02-autopilot-static .container .top .heading h2 {
        font-size: 2.6em;
    }
    .hwo-sv02-autopilot-static .container .top .price > div:first-child {
        margin-bottom: 10px;
        font-size: 5em;
    }
    .hwo-sv02-autopilot-static .container .content > div:first-child > div > div:first-child {
        margin-top: 5px;
    }
    .hwo-sv02-autopilot-static .container .content > div > div .hwo-btn-01-thin {
        width: 100%;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}




.hwo-sv02-project-banner {
    height: calc(100vh - 140px);
    min-height: 650px;
}
.hwo-sv02-project-banner .container .text {
    width: 875px;
}
.hwo-sv02-project-banner .container .actions .button > div {
    background: linear-gradient(var(--color-1),var(--color-2));
    overflow: hidden;
    box-shadow: 0 0 0 6px rgba(255,255,255,0.2);
    transition: all 0.3s cubic-bezier(0.42, 0, 0.21, 1.01);
}
.hwo-sv02-project-banner .container .actions .button:hover > div {
    box-shadow: 0 0 0 8px rgb(255 255 255 / 20%);
}
.hwo-sv02-project-banner .container .actions .button > div .arrow {
    width: 30%;
}
.hwo-sv02-project-banner .container .actions .button span::after {
    content: "";
    position: absolute;background: #fff;
    width: 100%;
    height: 1px;
    left: 0px;
    bottom: 0px;
    transition: width 0.3s cubic-bezier(0.42, 0, 0.21, 1.01);
}
.hwo-sv02-project-banner .container .actions .button:hover span::after {
    width: 0px;
}

.hwo-sv02-project-banner > .bg {
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 223ms;
}
.hwo-sv02-project-banner.show > .bg {
    opacity: 1;
}
.hwo-sv02-project-banner .container .text > *,
.hwo-sv02-project-banner .container .actions {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-project-banner .container .text div {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-project-banner .container .actions {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-project-banner .container.show .text > *,
.hwo-sv02-project-banner .container.show .actions {
    opacity: 1;
    transform: none;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .hwo-sv02-project-banner .container .text {
        width: 600px;
    }
    .hwo-sv02-project-banner .container .text h2 {
        font-size: 3.3em;
        line-height: 0.9em;
    }
}
@media (max-width: 838px){
    .hwo-sv02-project-banner .container {
        padding-left: 50px;
        padding-right: 50px;
    }
    .hwo-sv02-project-banner .container .text {
        width: 100%;
    }
    .hwo-sv02-project-banner .container .text h2 {
        font-size: 2.7em;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-project-banner .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .hwo-sv02-project-banner .container .text h2 {
        padding-top: 5px;
    }
    .hwo-sv02-project-banner .container .text div {
        font-size: 1em;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


.hwo-sv02-project-description {
    padding: 150px 0;
}
.hwo-sv02-project-description .half-width {
    padding-right: 150px;
}
.hwo-sv02-project-description .container h2,
.hwo-sv02-project-description .container > div:last-child > div:first-child,
.hwo-sv02-project-description .container > div:last-child > div:last-child > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-project-description .container > div:last-child > div:first-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 343ms;
}
.hwo-sv02-project-description .container > div:last-child > div:first-child p:first-child {
    margin-top: 0px;
}
.hwo-sv02-project-description .container > div:last-child > div:last-child > div:first-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-project-description .container > div:last-child > div:last-child > div:last-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
.hwo-sv02-project-description .container.show h2,
.hwo-sv02-project-description .container.show > div:last-child > div:first-child,
.hwo-sv02-project-description .container.show > div:last-child > div:last-child > * {
    opacity: 1;
    transform: none;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    .hwo-sv02-project-description .half-width {
        padding-right: 50px;
    }
}
@media (max-width: 1072px){
    .hwo-sv02-project-description .container {
        padding: 0 80px;
    }
}
@media (max-width: 930px){
    .hwo-sv02-project-description .container {
        display: block;
    }
    .hwo-sv02-project-description .half-width {
        padding: 0;
        width: 100%;
    }
    .hwo-sv02-project-description .half-width:first-child {
        padding-bottom: 20px;
    }
}
@media (max-width: 838px){
    .hwo-sv02-project-description .container {
        padding: 0 50px;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .hwo-sv02-project-description .container {
        padding: 0 30px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


.hwo-sv02-project-slides {
    padding: 150px 0;
}
.hwo-sv02-project-slides .video-background .shadow {
    background: radial-gradient(transparent 10%,rgb(28 27 25 / 90%) 65%);
    width: 130vw;
    height: 130vw;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}
.hwo-sv02-project-slides .content .slides .container {
    width: calc(((100% + 50px) * var(--hwo-sv02-project-slides)) - 50px);
}
.hwo-sv02-project-slides .content .slides .container .slide {
    width: calc(100% / var(--hwo-sv02-project-slides));
    transition: all 0.5s cubic-bezier(0.54, 0, 0.44, 0.99);
}
.hwo-sv02-project-slides .content .slides .container .slide:not(:last-child) {
    padding-right: 50px;
}
.hwo-sv02-project-slides .content .slides .container .slide .sizer > div:last-child {
    transition: all 0.5s cubic-bezier(0.54, 0, 0.44, 0.99);
}
.hwo-sv02-project-slides .content .slides.hover .container .slide .sizer > div:last-child {
    padding: 20px;
}
.hwo-2021-building-diversity-awards .hwo-sv02-project-slides .content .slides .container .slide .sizer > div:last-child img {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s cubic-bezier(0.54, 0, 0.44, 0.99);
}
.hwo-2021-building-diversity-awards .hwo-sv02-project-slides .content .slides.hover .container .slide .sizer > div:last-child img {
    width: 120%;
    height: 120%;
}
.hwo-sv02-project-slides .content .slides .nav > div {
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translate(-50%,-50%);
}
.hwo-sv02-project-slides .content .slides .nav > div:last-child {
    right: 0px;
    transform: translate(50%,-50%);
}
.hwo-sv02-project-slides .content .slides .nav > div svg {
    width: 14px;
}

.hwo-sv02-project-slides > .video-background {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 223ms;
}
.hwo-sv02-project-slides > .video-background.show{
    opacity: 1;
}
.hwo-sv02-project-slides .content .slides .container .slide .sizer {
    opacity: 0;
    transform: translateY(-40%);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 283ms;
}
.hwo-sv02-project-slides .content.show .slides .container .slide .sizer {
    opacity: 1;
    transform: translateY(-50%);
}
.hwo-sv02-project-slides .content .slides .nav > div {
    opacity: 0;
    transform: translate(-100%,-50%);
    transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms,transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-project-slides .content .slides .nav > div:last-child{
    transform: translate(100%,-50%);
}
.hwo-sv02-project-slides .content.show .slides .nav > div{
    opacity: 1;
    transform: translate(-50%,-50%);
}
.hwo-sv02-project-slides .content.show .slides .nav > div:last-child{
    transform: translate(50%,-50%);
}
.hwo-sv02-project-slides .content > div:last-child > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 403ms;
}
.hwo-sv02-project-slides .content > div:last-child > div:last-child {
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 463ms;
}
.hwo-sv02-project-slides .content.show > div:last-child > * {
    opacity: 1;
    transform: none;
}


.hwo-2021-building-diversity-awards .hwo-sv02-project-slides .content .slides .container .slide .sizer > div:last-child > div {
    background: #f4d331;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .hwo-sv02-project-slides .content {
        width: 770px;
    }
    .hwo-sv02-project-slides .video-background .shadow {
        width: 150vw;
        height: 150vw;
    }
}
@media (max-width: 930px){
    .hwo-sv02-project-slides .content {
        width: 690px;
    }
}
@media (max-width: 838px){
    .hwo-sv02-project-slides .content {
        max-width: 690px;
        width: calc(100% - 100px);
    }
    .hwo-sv02-project-slides .content.show > div:last-child .half-width:first-child {
        width: calc(100% - 150px);
    }
    .hwo-sv02-project-slides .content.show > div:last-child .half-width:last-child {
        width: 150px;
    }
    .hwo-sv02-project-slides .video-background .shadow {
        width: 180vw;
        height: 180vw;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    .hwo-sv02-project-slides .content {
        width: calc(100% - 60px);
    }
    .hwo-sv02-project-slides .video-background .shadow {
        width: 130vh;
        height: 130vh;
    }
    .hwo-sv02-project-slides .content.show > div:last-child .half-width:first-child {
        width: calc(100% - 100px);
    }
    .hwo-sv02-project-slides .content.show > div:last-child .half-width:last-child {
        width: 100px;
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}