@import url('https://fonts.googleapis.com/css?family=Arapey&display=swap');

html,
body{
	background: #eceeee;
	font-size: 16px;
}

.scroll-snap-x{
    overflow-y: hidden;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    align-items: center;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scroll-snap-x::-webkit-scrollbar {
    display: none;
}
.scroll-snap-x .scroll-snap{
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}
.scroll-snap-y{
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    align-items: center;
}
.scroll-snap-y .scroll-snap{
    scroll-snap-align: start;
}

#wrapper:not(.not_logged_in) h1,
#wrapper:not(.not_logged_in) h2,
#wrapper:not(.not_logged_in) h3,
#wrapper:not(.not_logged_in) h4,
#wrapper:not(.not_logged_in) h5,
#wrapper:not(.not_logged_in) .font-title{
    margin: 0px;
    font-family: 'roboto';
}
h2 {
    font-size: 60px;
    line-height: 44px;
}
h3 {
    font-size: 40px;
    line-height: 40px;
}
h4 {
    font-size: 24px;
    line-height: 40px;
}

.not_logged_in h1 {
    font-size: 80px;
    line-height: 70px;
}
.not_logged_in h2 {
    font-size: 60px;
    line-height: 56px;
}
.not_logged_in h3 {
    font-size: 40px;
    line-height: 40px;
}
.not_logged_in h4 {
    font-size: 24px;
    line-height: 40px;
}
.not_logged_in h5 {
    font-size: 18px;
    line-height: 24px;
}

.not_logged_in .font-large {
    font-size: 40px;
    line-height: 40px;
}
.not_logged_in .font-normal {
    font-size: 24px;
    line-height: 40px;
}
.not_logged_in .font-small {
    font-size: 18px;
    line-height: 24px;
}
.not_logged_in .font-extra-small {
    font-size: 16px;
    line-height: 24px;
}

/* ------ HWO BUTTONS ------ */
/* ------ BUTTON - 01 ------ */
.hwo-btn-01 {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
    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.cw{
    font-weight: inherit;
}
.hwo-btn-01.border-1px {
    padding: 8px 30px;
}
.hwo-btn-01.border-2px {
    padding: 7px 30px;
}

.hwo-btn-01-thin {
    padding: 15px 30px;
    font-size: 18px;
    font-weight: inherit;
    cursor: pointer;
    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-thin.border-1px {
    padding: 14px 30px;
}
.hwo-btn-01-thin.border-2px {
    padding: 13px 30px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .not_logged_in h1 {
        font-size: 60px;
        line-height: 56px;
    }
    .not_logged_in h2 {
        font-size: 50px;
        line-height: 52px;
    }
    .not_logged_in h3 {
        font-size: 36px;
        line-height: 36px;
    }
    .not_logged_in h4 {
        font-size: 22px;
        line-height: 36px;
    }
    .not_logged_in h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .not_logged_in .font-large {
        font-size: 36px;
        line-height: 36px;
    }
    .not_logged_in .font-normal {
        font-size: 22px;
        line-height: 36px;
    }
    .not_logged_in .font-small {
        font-size: 16px;
        line-height: 24px;
    }
    .not_logged_in .font-extra-small {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 520px){}

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

    h2 {
        font-size: 3em;
        line-height: 0.92em;
    }
    h3 {
        font-size: 2.3em;
        line-height: 0.92em;
    }
    h4 {
        font-size: 2em;
        line-height: 0.92em;
    }

    .not_logged_in h1 {
        font-size: 3em;
        line-height: 0.92em;
    }
    .not_logged_in h2 {
        font-size: 2.8em;
        line-height: 0.92em;
    }
    .not_logged_in h3 {
        font-size: 2.3em;
        line-height: 0.92em;
    }
    .not_logged_in h4 {
        font-size: 2em;
        line-height: 0.92em;
    }
    .not_logged_in h5 {
        font-size: 1.8em;
        line-height: 0.92em;
    }

    .not_logged_in .font-large {
        font-size: 2.3em;
        line-height: 0.92em;
    }
    .not_logged_in .font-normal {
        font-size: 1.2em;
        line-height: 1.75em;
    }
    .not_logged_in .font-small {
        font-size: 0.9em;
        line-height: 1.4em;
    }
    .not_logged_in .font-extra-small {
        font-size: 0.8em;
        line-height: 1.6em;
    }

    /* ------ HWO BUTTONS ------ */
    /* ------ BUTTON - 01 ------ */
    .hwo-btn-01 {
        font-size: 0.9em;
    }
    .hwo-btn-01-thin {
        font-size: 0.9em;
    }

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

        
        
    }
}
/* ------ END | BUTTON - 01 ------ */


/* ------ TOGGLE BUTTON - 01 ------ */
.hwo-toggle {
    border-radius: 50px;
    box-shadow: inset 0 2px 10px 0 rgba(0,0,0,0.3);
}
.hwo-toggle .knob {
    left: -1px;
    border-radius: 50px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
}
.hwo-toggle.selected .knob {
    left: 51px;
}



@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){

        

    }
}
/* ------ END | TOGGLE BUTTON - 01 ------ */

/* ------ END | HWO BUTTONS ------ */


.df {
    display: flex;
}
.dif {
    display: inline-flex;
}

.bg-linear{
	background: linear-gradient(to right,#48595d,#508076);
}

.color-normal{
	color: #767676;
}

.stroke-color-white {
    stroke: #fff;
}
.stroke-color-normal {
    stroke: #ccc;
}
.scroll-down-button svg polyline{
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 15px;
}

.drop-shadow-10{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.drop-shadow-20{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.drop-shadow-30{
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
}
.drop-shadow-40{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
}
.drop-shadow-50{
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
}
.drop-shadow-100{
    box-shadow: 0 0 100px 0 rgba(0,0,0,0.2);
}


@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){

         
        
    }
}


.border-left-2px{
	border-left-style: solid;
	border-left-width: 2px;
}
.border-left-3px{
	border-left-style: solid;
	border-left-width: 3px;
}
.border-left-4px{
	border-left-style: solid;
	border-left-width: 4px;
}
.border-left-5px{
	border-left-style: solid;
	border-left-width: 5px;
}
.border-right-2px{
	border-left-style: solid;
	border-right-width: 2px;
}
.border-right-3px{
	border-left-style: solid;
	border-right-width: 3px;
}
.border-right-4px{
	border-left-style: solid;
	border-right-width: 4px;
}
.border-right-5px{
	border-left-style: solid;
	border-right-width: 5px;
}


@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){

            
        
    }
}


/*.btn {
    padding: 18px 0;
    width: 170px;
    text-align: center;
}
.btn:hover > .bg {
    opacity: 0;
}
.btn > .decor {
    width: 5px;
}
.btn.btn-primary:hover > .decor{
	background: #62dbaf;
}
.btn:hover > .decor {
    width: 100%;
}
.btn.btn-secondary-alt > .decor{
	background: #508076;
}
.btn.btn-secondary-alt:hover > .decor{
	background: #62dbaf;
}
.btn[disabled] > .decor,
.btn[disabled]:hover > .decor{
    background: #ccc;
}


@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){

    .btn {
        padding: 36px 0;
        width: 340px;
        text-align: center;
        line-height: 40px;
        border-width: 0px;
    }
    .btn > .decor {
        width: 10px;
    }

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

        .btn {
            padding: 36px 0;
            width: 340px;
            text-align: center;
            line-height: 20px;
            border-width: 0px;
        }
        .btn > .decor {
            width: 10px;
        }
        
    }
}*/



.primary-width {
    margin-left: auto;
    margin-right: auto;
    width: 64%;
}

#wrapper.tpl-live {
    margin-top: 60px;
}
#header-notification {
    top: 0px !important;
    height: 60px;
    line-height: 18px
}
#wrapper.tpl-live.tpl-live > [id*=header-] {
    top: 60px;
}

#modal-notification {
    width: 0%;
}
#modal-notification.show {
    width: 100%;
}
#modal-notification.show > .bg {
    opacity: 0.7;
}
#modal-notification.show > .container {
    opacity: 1;
}
#modal-notification > .container .content {
    max-height: calc(100vh - 100px);
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
	.primary-width {
	    width: 85%;
	}
}
@media (max-width: 1072px){
	.primary-width {
	    width: calc(100% - 100px);
	}
}
@media (max-width: 838px){
	.primary-width {
	    width: 100%;
	}

    #modal-notification > .container > div{
        width: calc(100% - 100px);
    }
    #modal-notification > .container .img {
        width: 40%;
    }
    #modal-notification > .container .content {
        width: 60%;
    }
}
@media (max-width: 660px){
    #modal-notification > .container > div{
        overflow-x: hidden;
        max-height: calc(100vh - 100px);
    }
    #modal-notification > .container > div > div {
        display: block;
    }
    #modal-notification > .container .img {
        width: 100%;
        height: 40vw;
    }
    #modal-notification > .container .content {
        width: 100%;
        max-height: initial;
    }
}
@media (max-width: 520px){}

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

	#header-notification {
        display: flex;
    }
    #header-notification > div:first-child {
        width: 100%;
    }
    #header-notification > div:last-child {
        width: auto;
    }
    #header-notification > div:last-child span {
        white-space: nowrap;
    }

    #modal-notification > .container .content > div {
        padding: 30px;
    }

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


/* ----- HEADER - COMPONENTS ----- */


/* ----- HEADER | HWO - 01 ----- */
#header.header-hwo {
    z-index: 5;
    height: 100px;
}
#header.header-hwo .primary-button {
    padding: 12px 30px;
    width: auto;
}
#header.header-hwo .side-menu-button {
    width: 46px;
}
#header.header-hwo .left .logo img {
    max-height: 80px;
    width: auto;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #header.header-hwo > div:last-child .menu-list {
        display: none;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #header.header-hwo {
        height: 60px;
    }
    #header.header-hwo .side-menu-button {
        padding: 20px;
        width: 30px;
    }

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

        
        
    }
}
/* ----- END | HEADER | HWO - 01 ----- */


/* ----- HEADER | HWO - 02 ----- */
#header.header-hwo-02 {
    height: 100px;
}
#header.header-hwo-02 .logo img {
    height: 50px;
}
#header.header-hwo-02 .primary-button {
    padding: 12px 30px;
    width: auto;
}
#header.header-hwo-02 .side-menu-button {
    width: 46px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #header.header-hwo-02 > div:last-child .menu-list {
        display: none;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #header.header-hwo-02 {
        height: 60px;
    }
    #header.header-hwo-02 .side-menu-button {
        width: 30px;
    }
    
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        

    }
}
/* ----- END | HEADER | HWO - 02 ----- */



/* ----- HEADER - PLAIN & CENTERED ----- */
#header.header-plain-centered-hwo-01 {
    height: 100px;
}
#header.header-plain-centered-hwo-01 .menu-list .menu-btn{
    display: none;
}
#header.header-plain-centered-hwo-01 .menu-list .menu-btn .side-menu-button svg {
    width: 40px;
    height: 40px;
}



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

    #header.header-plain-centered-hwo-01 .menu-list > a{
        display: none;
    }
    #header.header-plain-centered-hwo-01 .menu-list .menu-btn{
        display: inline-block;
    }

}
@media (max-width: 520px){}

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

    #header.header-plain-centered-hwo-01 {
        height: 60px;
    }
    #header.header-plain-centered-hwo-01 .menu-list > a{
        display: none;
    }
    #header.header-plain-centered-hwo-01 .menu-list .menu-btn{
        display: inline-block;
    }
    #header.header-plain-centered-hwo-01 .menu-list .menu-btn .side-menu-button svg {
        width: 30px;
        height: 30px;
    }

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

        

    }
}
/* ----- END | HEADER - PLAIN & CENTERED ----- */


/* ----- HEADER - TRANSPARENT SCROLL - 01 ----- */
#header.header-transparent-scroll-hwo-01 {
    height: 100px;
    transition-duration: 0.3s;
}
#header.header-transparent-scroll-hwo-01.scrolled {
    background: rgba(0,0,0,0.7);
    height: 50px;
    transition-duration: 0.7s;
}
#header.header-transparent-scroll-hwo-01 .left .logo{
    height: 60%;
}
#header.header-transparent-scroll-hwo-01 .left .logo img {
    width: auto;
    height: 100%;
}
#header.header-transparent-scroll-hwo-01 .side-menu-button svg {
    width: 30px;
}
#header.header-transparent-scroll-hwo-01 .side-menu-button:hover svg rect:first-child {
    y: 0;
}
#header.header-transparent-scroll-hwo-01 .side-menu-button:hover svg rect:last-child {
    y: 132;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #header.header-transparent-scroll-hwo-01 .menu-list{
        display: none;
    }
}
@media (max-width: 660px){}
@media (max-width: 520px){}

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

    #header.header-transparent-scroll-hwo-01 {
        height: 60px;
    }
    #header.header-transparent-scroll-hwo-01.scrolled{
        height: 40px;
    }
    #header.header-transparent-scroll-hwo-01 > div {
        width: 50%;
    }
    #header.header-transparent-scroll-hwo-01.scrolled .side-menu-button{
        padding: 10px 20px;
    }
    #header.header-transparent-scroll-hwo-01.scrolled .side-menu-button svg {
        width: 20px;
    }
    #header.header-transparent-scroll-hwo-01 .menu-list{
        display: none;
    }

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

        

    }
}
/* ----- HEADER - TRANSPARENT SCROLL - 01 ----- */

/* ----- HEADER - COMPONENTS ----- */



/* ----- FOOTER - HWO - 01 ----- */
#footer.footer-hwo-01 .bottom > div:first-child {
    width: 230px;
}
#footer.footer-hwo-01 .bottom > div:last-child {
    width: calc(100% - 230px);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #footer.footer-hwo-01 .top > div {
        text-align: center;
    }
    #footer.footer-hwo-01 .top > div .sitemap,
    #footer.footer-hwo-01 .top > div .social-media {
        width: 100%;
        text-align: center;
    }
    #footer.footer-hwo-01 .top > div .sitemap > div:last-child span{
        margin: 0 5px;
    }
    #footer.footer-hwo-01 .top > div .social-media {
        margin-top: 50px;
    }

    #footer.footer-hwo-01 .bottom > div:first-child {
        width: 100%;
    }
    #footer.footer-hwo-01 .bottom > div:last-child {
        width: 100%;
    }

    #footer.footer-hwo-01 .bottom{
        display: block;
    }
    #footer.footer-hwo-01 .bottom > div:first-child {
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }
    #footer.footer-hwo-01 .bottom > div:last-child {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #footer.footer-hwo-01 .top {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | FOOTER - HWO - 01 ----- */


/* ----- FOOTER - LOGO & LINKS ----- */
#footer.footer-logo-links-hwo-01 .top .logo img {
    width: auto;
    max-height: 80px;
}
#footer.footer-logo-links-hwo-01 .top .social-media svg:not(.tidal) {
    width: 20px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #footer.footer-logo-links-hwo-01 .bottom{
        padding: 20px 50px;
    }
}
@media (max-width: 838px){}
@media (max-width: 660px){
    #footer.footer-logo-links-hwo-01 .bottom {
        display: block;
    }
    #footer.footer-logo-links-hwo-01 .bottom > div {
        width: 100%;
        text-align: center;
    }
    #footer.footer-logo-links-hwo-01 .bottom > div:last-child {
        margin-top: 10px;
    }
}
@media (max-width: 520px){}

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

    #footer.footer-logo-links-hwo-01 .top {
        padding: 50px 30px;
    }
    #footer.footer-logo-links-hwo-01 .bottom {
        padding: 20px 30px;
    }

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

        
        
    }
}
/* ----- END | FOOTER - LOGO & LINKS ----- */


/* ----- FOOTER - PLAIN - SITEMAP & SOCIAL MEDIA LINKS - 01 ----- */


@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){

    .footer-plain-sitemap-social-hwo-01 .top {
        display: block;
        padding: 30px;
    }
    .footer-plain-sitemap-social-hwo-01 .top > div {
        width: 100%;
        text-align: center;
    }
    .footer-plain-sitemap-social-hwo-01 .top > div:first-child {
        margin-top: 15px;
    }
    .footer-plain-sitemap-social-hwo-01 .bottom {
        display: block;
        padding: 20px 30px;
    }
    .footer-plain-sitemap-social-hwo-01 .bottom > div {
        width: 100%;
        text-align: center;
    }
    .footer-plain-sitemap-social-hwo-01 .bottom > div:first-child {
        margin-bottom: 10px;
    }

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

        
        
    }
}
/* ----- END | FOOTER - PLAIN - SITEMAP & SOCIAL MEDIA LINKS - 01 ----- */


/* ----- SIDE MENU - OVERSIZED TEXT - 01 ----- */
#side-menu-oversized-text-hwo-01 .heading {
    height: 100px;
}
#side-menu-oversized-text-hwo-01 .heading .left .logo {
    height: 60%;
}
#side-menu-oversized-text-hwo-01 .heading .left .logo img {
    width: auto;
    height: 100%;
}
#side-menu-oversized-text-hwo-01 .heading .right .side-menu-button svg {
    width: 30px;
}
#side-menu-oversized-text-hwo-01 .container {
    font-family: var(--font-title);
    min-height: 450px;
    height: calc(100% - 340px);
}
#side-menu-oversized-text-hwo-01 .container .btns {
    width: calc(100% - 540px);
}
#side-menu-oversized-text-hwo-01 .container .btns .buttons span {
    font-size: 80px;
    line-height: 80px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #side-menu-oversized-text-hwo-01 .container .btns {
        width: calc(100% - 200px);
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #side-menu-oversized-text-hwo-01{
        height: var(--vp-height);
    }
    #side-menu-oversized-text-hwo-01 .container{
        position: relative;
        min-height: auto;
        height: 100vh;
        height: var(--vp-height);
    }
    #side-menu-oversized-text-hwo-01 .container .btns {
        padding-top: 80px;
        width: calc(100% - 60px);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    #side-menu-oversized-text-hwo-01 .container .btns .buttons span{
        font-size: 3em;
        line-height: 1.2em;
    }
    #side-menu-oversized-text-hwo-01 .container .btns .bottom {
        margin-bottom: 30px;
    }

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

        
        
    }
}
/* ----- END | SIDE MENU - OVERSIZED TEXT - 01 ----- */



/* ----- HEADING | HWO - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #heading-hwo-01 {
        padding: 40px 50px;
    }
}
@media (max-width: 520px){}

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

    #heading-hwo-01 {
        padding: 20px 30px;
    }
    #heading-hwo-01 .content h2 {
        font-size: 1.8em;
    }

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

        
        
    }
}
/* ----- END | HEADING | HWO - 01 ----- */



/* ----- HEADING | HWO - 02 ----- */


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #heading-hwo-02 {
        padding: 40px 50px;
    }
}
@media (max-width: 520px){}

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

    #heading-hwo-02 {
        padding: 30px;
    }

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

        
        
    }
}
/* ----- END | HEADING | HWO - 02 ----- */



/* ----- TEXT CONTENT | HWO - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #text-content-hwo-01 .content {
        padding: 100px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #text-content-hwo-01 .content {
        padding: 50px;
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #text-content-hwo-01 .content {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | TEXT CONTENT | HWO - 01 ----- */


/* ----- TEXT CONTENT (CENTER) } HWO - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #text-content-hwo-center-01 .content {
        width: calc(100% - 200px);
    }
}
@media (max-width: 838px){
    #text-content-hwo-center-01 .content {
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

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

    #text-content-hwo-center-01 .content {
        padding: 60px 0;
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- TEXT CONTENT (CENTER) } HWO - 01 ----- */



/* ----- TEXT CONTENT | HWO - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #text-content-title-subtitle-hwo-01 .content {
        padding: 100px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #text-content-title-subtitle-hwo-01 .content {
        padding: 50px;
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #text-content-title-subtitle-hwo-01 .content {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | TEXT CONTENT | HWO - 01 ----- */


/* ----- TEXT CONTENT | HWO: CONTENT - 01 ----- */



@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){

        
        
    }
}
/* ----- END | TEXT CONTENT | HWO: CONTENT - 01 ----- */


/* ----- TEXT CONTENT | IMAGE OUTLINE - 01 ----- */
#text-content-image-outline-hwo-01 .content p:first-child {
    margin-top: 0px;
}
#text-content-image-outline-hwo-01 .content p:last-child {
    margin-bottom: 0px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #text-content-image-outline-hwo-01 .content {
        padding: 50px;
        width: calc(100% - 100px);
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #text-content-image-outline-hwo-01 .content {
        padding: 30px;
        width: calc(100% - 60px);
    }
    #text-content-image-outline-hwo-01 .content p {
        font-size: 0.9em;
        line-height: 1.4em;
    }

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

        
        
    }
}
/* ----- TEXT CONTENT | IMAGE OUTLINE - 01 ----- */



/* ----- PARALLAX ----- */
[app-parallax]{
    height: 124%;
}
/* ----- END | PARALLAX ----- */



/* ----- BANNER | HWO - 01 ----- */
#banner-hwo-01 {
    height: calc(100vh - 100px);
    min-height: 660px;
}
#banner-hwo-01 .content .container {
    width: calc(100% - 300px);
}

#banner-hwo-01 .content.left{
    padding-bottom: 0px;
}
#banner-hwo-01 .content.left .container {
    padding-left: 150px;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#banner-hwo-01 .content.left .container .abs-center {
    margin: initial;
}
#banner-hwo-01 .scroll-down-button.left {
    display: none;
}

#banner-hwo-01 .content.right{
    padding-bottom: 0px;
}
#banner-hwo-01 .content.right .container {
    padding-right: 150px;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#banner-hwo-01 .content.right .container .abs-center {
    margin: 0 0 0 auto;
}
#banner-hwo-01 .scroll-down-button.right {
    display: none;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){
    #banner-hwo-01 .content.left .container,
    #banner-hwo-01 .content.right .container {
        width: 60%;
    }
}
@media (max-width: 1200px){
    #banner-hwo-01 .content.left .container {
        width: 60%;
        padding-left: 100px;
    }
    #banner-hwo-01 .content.right .container {
        width: 60%;
        padding-right: 100px;
    }
    #banner-hwo-01 .content.center .container {
        width: calc(100% - 200px);
    }
}
@media (max-width: 1072px){
    #banner-hwo-01 .content.left .container {
        width: 70%;
        padding-left: 50px;
    }
    #banner-hwo-01 .content.right .container {
        width: 70%;
        padding-right: 50px;
    }
    #banner-hwo-01 .content.center .container {
        width: calc(100% - 100px);
    }
}
@media (max-width: 838px){

}
@media (max-width: 660px){
    #banner-hwo-01 {
        height: auto;
        min-height: initial;
    }
    #banner-hwo-01 .content {
        padding: 100px 0 70px 0;
        top: auto;
        transform: none;
    }
    #banner-hwo-01 .content.left,
    #banner-hwo-01 .content.right{
        padding-bottom: 100px;
    }
    #banner-hwo-01 .content.left .container,
    #banner-hwo-01 .content.right .container{
        padding: 0 50px;
        width: 100%;
    }
    #banner-hwo-01 .content .container .subtitle,
    #banner-hwo-01 .content .container .text {
        width: 100%;
    }
    #banner-hwo-01 .scroll-down-button {
        position: relative;
    }
}
@media (max-width: 520px){

}

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

    #banner-hwo-01 .content.left .container,
    #banner-hwo-01 .content.right .container {
        padding: 0 30px;
    }
    #banner-hwo-01 .content .container .actions span {
        width: calc(50% - 10px);
        text-align: center;
    }
    #banner-hwo-01 .content .container .actions a:first-child span {
        margin-right: 15px;
    }

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

        
        
    }
}
/* ----- END | BANNER | HWO - 01 ----- */

/* ----- BANNER | HWO - 01 ----- */
#banner-hwo-02 {
    height: calc(100vh - 100px);
    min-height: 600px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #banner-hwo-02 .content .container {
        width: calc(100% - 100px);
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){
    #banner-hwo-02 .content .container {
        text-align: center;
    }
    #banner-hwo-02 .actions > * {
        display: block;
    }
    #banner-hwo-02 .actions > div {
        margin-bottom: 20px;
    }
    #banner-hwo-02 .actions span {
        margin: 0px;
    }
}

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

    #banner-hwo-02 .content{
        padding-bottom: 30px;
    }
    #banner-hwo-02 .content .container {
        width: calc(100% - 60px);
    }
    #banner-hwo-02 .content .container h1 {
        width: 100%;
    }
    #banner-hwo-02 .actions {
        padding: 0 30px 30px 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    #banner-hwo-02 .actions > div {
        padding: 0 30px;
    }
    #banner-hwo-02 .actions span {
        padding: 20px 0;
        width: 100%;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    
        
        
    }
}
/* ----- END | BANNER | HWO - 01 ----- */


/* ----- VIDEO BANNER | HWO - 01 ----- */
#video-banner-hwo-01 {
    height: 100vh;
    min-height: 700px;
}
#video-banner-hwo-01 .bg .gradient {
    background: linear-gradient(rgba(30, 36, 31, 0),rgba(30, 36, 31, 1));
    height: 300px;
}
#video-banner-hwo-01 .content .button {
    line-height: 50px;
}
#video-banner-hwo-01 .nav .item.selected > div {
    width: 10px;
    height: 10px;
}
#video-banner-hwo-01 .progress .bar {
    background: rgba(255,255,255,0.3);
    width: 1px;
    height: 20%;
}
#video-banner-hwo-01 .progress .bar div {
    height: 0px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){
    #video-banner-hwo-01 {
        min-height: 740px;
    }
}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #video-banner-hwo-01 .content .width-900 {
        padding: 0 80px;
        width: 100%;
    }
    #video-banner-hwo-01 .content .width-900 .width-500 {
        width: 100%;
    }
}
@media (max-width: 838px){
    #video-banner-hwo-01 .content .width-900 h1 {
        font-size: 50px;
        line-height: 50px;
    }
}
@media (max-width: 520px){}

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

    #video-banner-hwo-01 .content .width-900 h1 {
        font-size: 3em;
    }
    
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        

    }
}
/* ----- END | VIDEO BANNER | HWO - 01 ----- */


/* ----- VIDEO BANNER | SCROLL - 01 ----- */
#video-banner-scroll-hwo-01{
    min-height: 500px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #video-banner-scroll-hwo-01 .content .text {
        padding: 0 50px 30px 50px;
        width: 100%;
    }
    #video-banner-scroll-hwo-01 .content .scroll {
        margin-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){

    #video-banner-scroll-hwo-01 .content .text {
        padding: 0 30px 30px 30px;
    }

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

       
        
    }
}
/* ----- VIDEO BANNER | SCROLL - 01 ----- */


/* ----- HWO: VIDEO BANNER | SINGLE TEXT - 01 ----- */
#video-banner-single-text-hwo-01 {
    min-height: 580px;
    height: calc(100vh - 100px);
}



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

    #video-banner-single-text-hwo-01 > .content .subtitle,
    #video-banner-single-text-hwo-01 > .content .content {
        width: 100%;
    }

}
@media (max-width: 520px){}

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

    #video-banner-single-text-hwo-01 .content > div {
        padding: 0px 30px;
    }
    #video-banner-single-text-hwo-01 > .content > div .title {
        padding-bottom: 10px;
    }
    #video-banner-single-text-hwo-01 > .content > div > div:last-child {
        margin-top: 20px;
    }

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

        
        
    }
}
/* ----- END | HWO: VIDEO BANNER | SINGLE TEXT - 01 ----- */


/* ----- HWO: VIDEO BANNER | LOGO & TEXT - 01 ----- */
#video-banner-logo-text-hwo-01 {
    min-height: 580px;
    height: calc(100vh - 100px);
}



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

    #video-banner-logo-text-hwo-01 > .content .subtitle,
    #video-banner-logo-text-hwo-01 > .content .content {
        width: 100%;
    }

}
@media (max-width: 520px){}

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

    #video-banner-logo-text-hwo-01 .content > div {
        padding: 0 30px;
        width: 100%;
    }
    #video-banner-logo-text-hwo-01 .width-600,
    #video-banner-logo-text-hwo-01 .width-800 {
        width: 100%;
    }
    #video-banner-logo-text-hwo-01 .content .logo img {
        height: 70px;
    }
    #video-banner-logo-text-hwo-01 > .content > div > div:last-child span {
        margin: 0px;
        padding: 15px 0;
        width: calc(50% - 20px);
    }
    #video-banner-logo-text-hwo-01 > .content > div > div:last-child span:first-child{
        margin-right: 20px;
    }
    #video-banner-logo-text-hwo-01 > .content > div > div:last-child span:last-child {
        margin-left: -5px;
    }

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

        
        
    }
}
/* ----- END | HWO: VIDEO BANNER | LOGO & TEXT - 01 ----- */



/* ----- BANNER | HWO: SCROLL - PLAIN - 01; ----- */
#banner-scroll-plain-hwo-01{
    height: 600px;
}
#banner-scroll-plain-hwo-01 .actions [app-click] svg{
    fill: none;
    stroke-width: 15px;
}



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

    #banner-scroll-plain-hwo-01{
        height: auto;
    }
    #banner-scroll-plain-hwo-01 .container{
        padding: 150px 50px;
        top: auto;
        transform: none;
    }
    #banner-scroll-plain-hwo-01 .container .text{
        width: 100%;
    }

}
@media (max-width: 520px){}

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

    #banner-scroll-plain-hwo-01 .container {
        padding: 150px 30px;
    }

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

        
        
    }
}
/* ----- END | BANNER | HWO: SCROLL - PLAIN - 01; ----- */


/* ----- BANNER | HWO: STAFF ID - 01 ----- */
#banner-staff-id-hwo-01 {
    height: 550px;
}
#banner-staff-id-hwo-01 .content .container .id {
    width: calc(100% - 54px);
}



@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){

        
        
    }
}
/* ----- END | BANNER | HWO: STAFF ID - 01 ----- */



/* ----- BANNER | HWO: SINGLE - W/ SOCIAL MEDIA - 01 ----- */
#banner-single-social-hwo-01 {
    height: 550px;
}
#banner-single-social-hwo-01 .content .container .id {
    width: calc(100% - 104px);
}
#banner-single-social-hwo-01 .content .container .scroll{
    width: 104px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #banner-single-social-hwo-01 .content .container {
        padding: 0 100px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #banner-single-social-hwo-01 .content .container {
        display: block;
        padding: 0 50px;
    }
    #banner-single-social-hwo-01 .content .container .id,
    #banner-single-social-hwo-01 .content .container .scroll{
        width: 100%;
        text-align: center;
    }
    #banner-single-social-hwo-01 .content .container .id{
        margin-bottom: 50px;
    }
    #banner-single-social-hwo-01 .content .container .id > div:last-child {
        padding: 0px;
    }
    #banner-single-social-hwo-01 .content .container .scroll .scroll-down-button {
        top: 0px;
        transform: none;
    }
}
@media (max-width: 520px){}

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

    #banner-single-social-hwo-01 .content .container {
        padding: 0 30px;
    }

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

        
        
    }
}
/* ----- END | BANNER | HWO: SINGLE - W/ SOCIAL MEDIA - 01 ----- */



/* ----- BANNER | YOUTUBE - 01 ----- */
#banner-youtube-hwo-01 .video-container {
    /*padding-right: calc(100% * (16/9));
    left: 50%;
    transform: translateX(-50%);*/
}
#banner-youtube-hwo-01 .video-container #banner-youtube-hwo-01-new-video{
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: calc(100% * (16/3));
    height: 100%;
    transform: translate(-50%,-50%);
}
#banner-youtube-hwo-01 .container .image {
    width: 400px;
    max-width: calc(100% - 100px);
}



@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){

    #banner-youtube-hwo-01 .container {
        font-size: 1.4em;
        line-height: 1em;
    }
    #banner-youtube-hwo-01 .container .image {
        max-width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | BANNER | YOUTUBE - 01 ----- */



/* ------ BANNER | VIDEO BACKGROUND - PLAYER - CONTENT OVERLAY - 01 ------ */
#banner-video-background-player-content-overlay-01 .video-container #banner-video-background-player-content-overlay-01-new-video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(900px * 1.78);
    height: calc(900px * 1.07);
    transform: translate(-50%,-50%);
}
#banner-video-background-player-content-overlay-01 .container {
    width: 550px;
}
#banner-video-background-player-content-overlay-01 .container .copy .text {
    line-height: 28px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #banner-video-background-player-content-overlay-01 .container {
        margin: 0 auto;
        padding: 0px;
        width: calc(100% - 200px);
        text-align: center;
    }
    #banner-video-background-player-content-overlay-01 .container .copy .text {
        width: 60%;
    }
    #banner-video-background-player-content-overlay-01 .image-overlay {
        display: none;
    }
}
@media (max-width: 838px){
    #banner-video-background-player-content-overlay-01 {
        height: 100vh;
        height: var(--vp-height);
        min-height: 600px;
    }
    #banner-video-background-player-content-overlay-01 .container {
        width: calc(100% - 100px);
    }
    #banner-video-background-player-content-overlay-01 .container .copy .text {
        width: 100%;
    }
}
@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 .container {
        width: calc(100% - 60px);
    }
    #banner-video-background-player-content-overlay-01 .container .actions .button > div:first-child{
        margin-right: 10px;
    }
    #banner-video-background-player-content-overlay-01 .container .actions .button > div:last-child {
        font-size: 1.2em;
    }

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

        
        
    }
}
/* ------ END | BANNER | VIDEO BACKGROUND - PLAYER - CONTENT OVERLAY - 01 ------ */



/* ------ BANNER | VIDEO PLYER - CONTENT OVERLAY - 01 ------- */
#banner-video-player-content-overlay-01 {
    min-height: 600px;
}
#banner-video-player-content-overlay-01 .container .action .play-button {
    box-shadow: 0 0 0 0px #9f4ef7;
}
#banner-video-player-content-overlay-01 .container .action .play-button:hover {
    box-shadow: 0 0 0 5px #9f4ef7;
}
#banner-video-player-content-overlay-01 .container .action .play-button:hover > div {
    width: 95px;
    height: 95px;
    border-width: 10px;
}
#banner-video-player-content-overlay-01 .container .copy .title {
    font-size: 80px;
    font-weight: 600;
    line-height: 70px;
}
#banner-video-player-content-overlay-01 .container .copy .text {
    margin-top: 15px;
    font-weight: 400;
}
#banner-video-player-content-overlay-01 .container .copy .text p:first-child {
    margin-top: 0px;
}
#banner-video-player-content-overlay-01 .container .copy .text p:last-child{
    margin-bottom: 0px;
}





@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #banner-video-player-content-overlay-01 .container {
        padding: 0 50px;
    }
    #banner-video-player-content-overlay-01 .container .action {
        margin-top: 35px;
        margin-bottom: 40px;
    }
    #banner-video-player-content-overlay-01 .container .copy .title {
        font-size: 4em;
        line-height: 1em;
    }
}
@media (max-width: 838px){
    #banner-video-player-content-overlay-01 .container .copy .title {
        font-size: 2.64em;
    }
    #banner-video-player-content-overlay-01 .container .action{
        margin-top: 30px;
        margin-bottom: 60px;
    }
    #banner-video-player-content-overlay-01 .container .action .play-button,#banner-video-player-content-overlay-01 .container .action .play-button > div {
        width: 60px;
        height: 60px;
    }
    #banner-video-player-content-overlay-01 .container .action .play-button:hover > div {
        width: 57px;
        height: 57px;
        border-width: 7px;
    }
}
@media (max-width: 520px){}

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

    #banner-video-player-content-overlay-01 .container {
        padding: 0 30px;
    }
    #banner-video-player-content-overlay-01 .container .action {
        margin-top: 10px;
    }
    #banner-video-player-content-overlay-01 .container .copy .title {
        font-size: 2.2em;
    }
    #banner-video-player-content-overlay-01 .container .copy .text {
        width: 100%;
        margin-top: 5px;
    }

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

        
        
    }
}
/* ------ END | BANNER | VIDEO PLYER - CONTENT OVERLAY - 01 ------- */



/* ----- MAINTENANCE - BANNER - LOGO & TEXT - 01 ----- */
#maintenance-banner-logo-text-hwo-01 .content .container .logo img {
    max-height: 240px;
}



@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){

    #maintenance-banner-logo-text-hwo-01 .content .container .logo img {
        max-width: calc(100vw - 100px);
        max-height: revert;
        height: auto;
    }

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

        
        
    }
}
/* ----- END | MAINTENANCE - BANNER - LOGO & TEXT - 01 ----- */






@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){

    .youtube-video-player-01 {
        position: relative;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
    }

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

        
        
    }
}



/* ----- MARKETING - SCROLLING POINTS - 01 ----- */
#marketing-scrolling-points-01 .top h3 {
    line-height: 46px;
}
#marketing-scrolling-points-01 .top .render-content {
    line-height: 29px;
}
#marketing-scrolling-points-01 .top .render-content > p:first-child {
    margin-top: 0px;
}
#marketing-scrolling-points-01 .top .render-content > p:last-child {
    margin-bottom: 0px;
}
#marketing-scrolling-points-01 .marketing-points .container .tile > div {
    height: 300px;
    left: 100px;
}
#marketing-scrolling-points-01 .marketing-points .container .tile:nth-last-child(2) {
    padding-right: 200px;
}
#marketing-scrolling-points-01 .marketing-points .container .tile > div > div:last-child > div:first-child img {
    width: auto;
    height: 40px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #marketing-scrolling-points-01 .top {
        padding: 0 50px;
    }
    #marketing-scrolling-points-01 .top > div:first-child {
        margin-right: 40px;
    }
    #marketing-scrolling-points-01 .instruction {
        padding: 0 50px;
    }
    #marketing-scrolling-points-01 .marketing-points .container {
        width: calc((510px * var(--marketing-scrolling-points-01-points-count)) + 50px) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile{
        width: calc((100% - 90px) / var(--marketing-scrolling-points-01-points-count)) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile:nth-last-child(2) {
        padding-right: 150px;
        width: calc(((100% - 90px) / var(--marketing-scrolling-points-01-points-count)) + 90px) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile > div {
        left: 50px;
    }
    #marketing-scrolling-points-01 .bottom {
        padding: 0 50px;
    }
}
@media (max-width: 838px){
    #marketing-scrolling-points-01 .top {
        display: block;
    }
    #marketing-scrolling-points-01 .top > div {
        width: 100%;
    }
    #marketing-scrolling-points-01 .top > div:first-child {
        margin-bottom: 20px;
    }
    #marketing-scrolling-points-01 .marketing-points .container {
        width: calc((410px * var(--marketing-scrolling-points-01-points-count)) + 50px) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile > div > div:last-child > div:first-child {
        margin-left: 40px;
        margin-top: 40px;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile > div > div:last-child > div:last-child {
        padding: 40px;
    }
}
@media (max-width: 520px){}

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

    #marketing-scrolling-points-01 {
        padding: 80px 0 60px 0 !important;
    }
    #marketing-scrolling-points-01 .top {
        padding: 0 30px;
    }
    #marketing-scrolling-points-01 .top > div:first-child{
        margin-bottom: 0px;
    }
    #marketing-scrolling-points-01 .top .render-content {
        font-size: 1.4em;
        line-height: 1.4em;
    }
    #marketing-scrolling-points-01 .instruction {
        padding: 0 30px;
    }
    #marketing-scrolling-points-01 .marketing-points .container {
        width: calc((340px * var(--marketing-scrolling-points-01-points-count)) + 30px) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile {
        padding-right: 30px;
        width: calc((100% - 70px) / var(--marketing-scrolling-points-01-points-count)) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile:nth-last-child(2) {
        padding-right: 90px;
        width: calc(((100% - 70px) / var(--marketing-scrolling-points-01-points-count)) + 40px) !important;
    }
    #marketing-scrolling-points-01 .marketing-points .container .tile > div {
        height: 260px;
        left: 30px;
    }
    #marketing-scrolling-points-01 .bottom {
        display: block;
        padding: 0 30px;
    }
    #marketing-scrolling-points-01 .bottom > div {
        width: 100%;
    }
    #marketing-scrolling-points-01 .bottom .hwo-btn-01-thin {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    #marketing-scrolling-points-01 .bottom > div:last-child{
        margin-top: 10px;
        text-align: center;
    }
    #marketing-scrolling-points-01 .bottom > div .trans-md {
        top: 0px;
        transform: none;
    }

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

        
        
    }
}
/* ----- END | MARKETING - SCROLLING POINTS - 01 ----- */



/* ----- ENTER - STATIC PAGE - 01 ----- */
#enter-static-page-hwo-01 .content {
    max-width: calc(100% - 160px);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #enter-static-page-hwo-01 .content {
        max-width: calc(100% - 100px);
    }
    #enter-static-page-hwo-01 .bottom {
        padding: 0 50px 50px 50px;
    }
}
@media (max-width: 520px){}

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

    #enter-static-page-hwo-01 .content {
        max-width: calc(100% - 60px);
    }
    #enter-static-page-hwo-01 .bottom {
        padding: 0 30px 30px 30px;
    }

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

        
        
    }
}
/* ----- END | ENTER - STATIC PAGE - 01 ----- */



/* ----- ITEM HIGHLIGHT /W LINKS - 01 ----- */
#item-hightlight-with-image-links-hwo-01{
    min-height: 600px;
}
#item-hightlight-with-image-links-hwo-01 .content {
    width: 1000px;
    max-width: calc(100% - 100px);
}
#item-hightlight-with-image-links-hwo-01 .content .image {
    width: 280px;
    height: 280px;
}
#item-hightlight-with-image-links-hwo-01 .content .text {
    width: calc(100% - 380px);
}
#item-hightlight-with-image-links-hwo-01 .content .text .actions a:first-child {
    margin-left: 0px;
}
#item-hightlight-with-image-links-hwo-01 .content .text .actions a img {
    width: auto;
    height: 60px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #item-hightlight-with-image-links-hwo-01{
        padding: 100px 0;
    }
    #item-hightlight-with-image-links-hwo-01 .content {
        display: block;
        width: 600px;
        max-width: calc(100% - 100px);
        text-align: center;
    }
    #item-hightlight-with-image-links-hwo-01 .content .image{
        display: inline-block;
        margin: 0 0 30px 0;
    }
    #item-hightlight-with-image-links-hwo-01 .content .text{
        width: 100%;
        text-align: center;
    }
    #item-hightlight-with-image-links-hwo-01 .content .text > div {
        top: auto;
        transform: none;
    }
}
@media (max-width: 520px){}

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

    #item-hightlight-with-image-links-hwo-01{
        padding: 60px 0;
    }
    #item-hightlight-with-image-links-hwo-01 .content {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | ITEM HIGHLIGHT /W LINKS - 01 ----- */



/* ----- YOUTUBE | VIDEO STRIP - 01 ----- */
#youtube-video-strip-hwo-01 .videos .container{
    width: calc((50% + 40px) * var(--videos-count));
}
#youtube-video-strip-hwo-01 .videos .container .video{
    width: calc((100% - 80px) / var(--videos-count));
}
#youtube-video-strip-hwo-01 .videos .container .video:last-child {
    padding-right: 80px;
    width: calc(((100% - 80px) / var(--videos-count)) + 80px) !important;
}
#youtube-video-strip-hwo-01 .videos .container .video .video-container {
    box-shadow: 0 0 20px 0 rgba(50,50,50,0.5);
}
#youtube-video-strip-hwo-01 .videos .container .video .video-container .gradient-overlay {
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    height: 50%;
}
#youtube-video-strip-hwo-01 .videos .container .video .video-container .title {
    line-height: 18px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #youtube-video-strip-hwo-01 {
        padding: 50px 0 30px 0;
    }
    #youtube-video-strip-hwo-01 .heading {
        padding: 0 50px;
    }
    #youtube-video-strip-hwo-01 .videos .container {
        width: calc((62.5% + 40px) * var(--videos-count));
    }
    #youtube-video-strip-hwo-01 .videos .container .video {
        padding-left: 50px;
        width: calc((100% - 50px) / var(--videos-count));
    }
    #youtube-video-strip-hwo-01 .videos .container .video:last-child {
        padding-right: 50px;
        width: calc(((100% - 50px) / var(--videos-count)) + 50px) !important;
    }
    #youtube-video-strip-hwo-01 .videos .container .video .video-container > div:last-child {
        padding: 25px;
    }
}
@media (max-width: 838px){
    #youtube-video-strip-hwo-01 .videos .container {
        width: calc((75% + 40px) * var(--videos-count));
    }
}
@media (max-width: 660px){}
@media (max-width: 520px){
    #youtube-video-strip-hwo-01 .videos .container {
        width: calc((80% + 40px) * var(--videos-count));
    }
}

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

    #youtube-video-strip-hwo-01 {
        padding: 30px 0 10px 0;
    }
    #youtube-video-strip-hwo-01 .heading {
        padding: 0 30px;
    }
    #youtube-video-strip-hwo-01 .videos .container {
        width: calc((80% + 20px) * var(--videos-count));
    }
    #youtube-video-strip-hwo-01 .videos .container .video {
        padding-left: 30px;
        width: calc((100% - 30px) / var(--videos-count));
    }
    #youtube-video-strip-hwo-01 .videos .container .video:last-child {
        padding-right: 30px;
        width: calc(((100% - 30px) / var(--videos-count)) + 30px) !important;
    }

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


        
        
    }
}
/* ----- END | YOUTUBE | VIDEO STRIP - 01 ----- */


/* ----- YOUTUBE | VIDEOS - 01 ----- */


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #youtube-videos-hwo-01 .container {
        padding: 30px;
    }
}
@media (max-width: 838px){
    #youtube-videos-hwo-01 .container .video{
        width: 100%;
    }
}
@media (max-width: 520px){}

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

    #youtube-videos-hwo-01 .container .video {
        padding: 20px 0;
    }

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

        
        
    }
}
/* ----- END | YOUTUBE | VIDEOS - 01 ----- */



/* ----- YOUTUBE | VIDEOS - BACKGROUND VIDEO - 01 ----- */
#youtube-videos-background-video-hwo-01 .video-container .vid {
    position: relative;
    padding-bottom: var(--yt-row-num);
    padding-right: 270%;
    width: 0%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #youtube-videos-background-video-hwo-01 .container {
        padding: 30px;
    }
    #youtube-videos-background-video-hwo-01 .container .video {
        width: 50%;
    }
    #youtube-videos-background-video-hwo-01 .video-container .vid {
        padding-bottom: calc(var(--yt-row-num) * 2);
    }
}
@media (max-width: 838px){

    #youtube-videos-background-video-hwo-01 .container .video {
        width: 100%;
    }
    #youtube-videos-background-video-hwo-01 .video-container .vid {
        padding-bottom: calc(var(--yt-row-num) * 3.5);
        padding-right: 560%;
    }

}
@media (max-width: 520px){}

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

    #youtube-videos-background-video-hwo-01 .container {
        padding: 10px;
    }
    #youtube-videos-background-video-hwo-01 .container .video {
        width: 100%;
    }
    #youtube-videos-background-video-hwo-01 .video-container .vid {
        padding-bottom: calc(var(--yt-row-num) * 3.5);
        padding-right: 560%;
    }

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

        
        
    }
}
/* ----- YOUTUBE | VIDEOS - BACKGROUND VIDEO - 01 ----- */



/* ----- SPOTIFY - PLAYER - 01 ----- */



@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){

        
        
    }
}
/* ----- END | SPOTIFY - PLAYER - 01 ----- */



/* ----- SPOTIFY - FOLLOW BUTTON ----- */
#spotify-follow-strip-hwo-01 .container .follow-btn {
    background: #00c24b;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 660px){
    #spotify-follow-strip-hwo-01 .container > div {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    #spotify-follow-strip-hwo-01 .container > div:nth-child(2) {
        margin-top: 10px;
    }
}
@media (max-width: 520px){}

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

    #spotify-follow-strip-hwo-01 {
        padding: 50px 30px;
        text-align: center;
    }

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

        
        
    }
}
/* ----- END | SPOTIFY - FOLLOW BUTTON ----- */



/* ----- HWO | BILLBOARD - STATIC BACKGROUND - 01 ----- */
#billboard-static-background-hwo-01 {
    min-height: 500px;
    height: 70vh;
}



@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){

    #billboard-static-background-hwo-01 {
        min-height: initial;
    }
    #billboard-static-background-hwo-01 .container .primary-width {
        padding: 30px;
    }

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

        
        
    }
}
/* ----- HWO | BILLBOARD - STATIC BACKGROUND - 01 ----- */


/* ----- SERVICES ------ */

/* ----- SERVICES | HWO - SNIPPET - 01 ----- */
#services-snippet-hwo-01 .content .list {
    width: 1000px;
}
#services-snippet-hwo-01 .content .list .item .image {
    padding-bottom: 66%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #services-snippet-hwo-01 {
        padding: 100px 50px;
    }
    #services-snippet-hwo-01 .content .list {
        width: 840px;
    }
}
@media (max-width: 838px){
    #services-snippet-hwo-01 .content .heading > div {
        width: 100%;
    }
    #services-snippet-hwo-01 .content .list {
        display: block;
        width: 100%;
    }
    #services-snippet-hwo-01 .content .list .item {
        margin-bottom: 40px;
        width: 100%;
    }
    #services-snippet-hwo-01 .content .list .item:last-child{
        margin-bottom: 0px;
    }
}
@media (max-width: 520px){}

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

    #services-snippet-hwo-01 {
        padding: 70px 10px;
    }
    #services-snippet-hwo-01 .content .heading {
        padding: 0 20px 30px 20px;
    }

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

        
        
    }
}
/* ----- SERVICES | HWO - SNIPPET - 01 ----- */

/* ----- SERVICES | HWO - SNIPPET - 02 ----- */
#services-snippet-hwo-02 .content .list {
    width: 1000px;
}
#services-snippet-hwo-02 .content .list .item .image {
    padding-bottom: 66%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #services-snippet-hwo-02 {
        padding: 100px 50px;
    }
    #services-snippet-hwo-02 .content .list {
        width: 840px;
    }
}
@media (max-width: 838px){
    #services-snippet-hwo-02 .content .heading > div {
        width: 100%;
    }
    #services-snippet-hwo-02 .content .list {
        display: block;
        width: 100%;
    }
    #services-snippet-hwo-02 .content .list .item {
        margin-bottom: 40px;
        width: 100%;
    }
    #services-snippet-hwo-02 .content .list .item:last-child{
        margin-bottom: 0px;
    }
}
@media (max-width: 520px){}

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

    #services-snippet-hwo-02 {
        padding: 70px 10px;
    }
    #services-snippet-hwo-02 .content .heading {
        padding: 0 20px 30px 20px;
    }

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

        
        
    }
}
/* ----- SERVICES | HWO - SNIPPET - 02 ----- */

/* ----- SERVICES | HWO - SNIPPET - 03 ----- */
#services-snippet-hwo-03 .content .list {
    width: 1000px;
}
#services-snippet-hwo-03 .content .list .item .image {
    padding-bottom: 66%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #services-snippet-hwo-03 {
        padding: 100px 50px;
    }
    #services-snippet-hwo-03 .content .list {
        width: 840px;
    }
}
@media (max-width: 838px){
    #services-snippet-hwo-03 .content .heading > div {
        width: 100%;
    }
    #services-snippet-hwo-03 .content .list {
        display: block;
        width: 100%;
    }
    #services-snippet-hwo-03 .content .list .item {
        margin-bottom: 40px;
        width: 100%;
    }
    #services-snippet-hwo-03 .content .list .item:last-child{
        margin-bottom: 0px;
    }
}
@media (max-width: 520px){}

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

    #services-snippet-hwo-03 {
        padding: 100px 30px;
    }
    #services-snippet-hwo-03 .content .list .item {
        padding: 0px;
    }

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

        
        
    }
}
/* ----- SERVICES | HWO - SNIPPET - 02 ----- */


/* ----- SERVICES | HWO: LIST - 01 ----- */
#services-hwo-01 .content .list .item .image .img {
    padding-bottom: 100%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #services-hwo-01 .width-900 {
        padding: 0 100px;
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #services-hwo-01 .width-900 {
        padding: 0 50px;
    }
    #services-hwo-01 .content .list .item [class*="float"]:not(.float-clear) {
        float: none;
        clear: both;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #services-hwo-01 .content .heading {
        padding: 50px 0;
    }
    #services-hwo-01 .width-900 {
        padding: 0 30px;
    }
    #services-hwo-01 .content .list .item:last-child {
        padding-bottom: 20px;
    }

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

        
        
    }
}
/* ----- END | SERVICES | HWO: LIST - 01 ----- */


/* ----- SERVICES | HWO: LIST - 01 ----- */
#services-hwo-02 .content .list .item .image .img {
    padding-bottom: 100%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #services-hwo-02 .width-900 {
        padding: 0 100px;
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #services-hwo-02 .width-900 {
        padding: 0 50px;
    }
    #services-hwo-02 .content .list .item [class*="float"]:not(.float-clear) {
        float: none;
        clear: both;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #services-hwo-02 .width-900 {
        padding: 0px 30px;
    }

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

        
        
    }
}
/* ----- END | SERVICES | HWO: LIST - 01 ----- */


/* ----- SERVICES | HWO: SINGLE - 01 ----- */
#services-single-hwo-01 {
    height: 550px;
}
#services-single-hwo-01 .content .container .id {
    width: calc(100% - 104px);
}
#services-single-hwo-01 .content .container .scroll {
    width: 104px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #services-single-hwo-01 .content .container {
        padding: 0 100px;
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #services-single-hwo-01 .content .container {
        padding: 0 50px;
    }
    #services-single-hwo-01 .content .container{
        display: block;
    }
    #services-single-hwo-01 .content .container .id,
    #services-single-hwo-01 .content .container .scroll {
        text-align: center;
        width: 100%;
    }
    #services-single-hwo-01 .content .container .id{
        margin-bottom: 50px;
    }
    #services-single-hwo-01 .content .container .id div:last-child{
        padding: 0px;
    }
    #services-single-hwo-01 .content .container .scroll .scroll-down-button {
        top: 0px;
        transform: none;
    }
}
@media (max-width: 520px){}

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

    #services-single-hwo-01 .content .container {
        padding: 0 30px;
    }

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

        
        
    }
}
/* ----- END | SERVICES | HWO: SINGLE - 01 ----- */

/* ----- END | SERVICES ----- */



/* ----- FAQ ------ */

/* ----- FAQ | HWO - 01 ----- */
#faq-hwo-01 .search input {
    padding-right: 60px;
}
#faq-hwo-01 .list .qa.selected .answer {
    display: block;
}
#faq-hwo-01 .list .qa .question .text {
    width: calc(100% - 60px);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #faq-hwo-01 .width-900 {
        width: 100%;
        padding: 0 100px;
        box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #faq-hwo-01 .width-900 {
        padding: 0 50px;
    }
    #faq-hwo-01 .list .qa .question .icon {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 520px){}

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

    #faq-hwo-01 {
        padding: 50px 0;
    }
    #faq-hwo-01 .width-900 {
        padding: 0 30px;
    }

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

        
        
    }
}
/* ----- FAQ | HWO - 01 ----- */

/* ----- FAQ ------ */



/* ----- STAFF ----- */

/* ----- STAFF | HWO: LIST - 01 ----- */
#staff-list-hwo-01 .content .item .container .image .background {
    padding-bottom: 44.12%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #staff-list-hwo-01 {
        padding: 50px;
    }
    #staff-list-hwo-01 .content .item {
        width: 50%;
    }
}
@media (max-width: 838px){
    #staff-list-hwo-01 {
        padding: 50px 30px;
    }
    #staff-list-hwo-01 .content .item {
        width: 100%;
    }
}
@media (max-width: 520px){}

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

    #staff-list-hwo-01 {
        padding: 30px 10px;
    }
    #staff-list-hwo-01 .content .item {
        width: 100%;
    }

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

        
        
    }
}
/* ----- END | STAFF | HWO: LIST - 01 ----- */

/* ----- END | STAFF ----- */


/* ----- HWO: CALL-TO-ACTION - IMAGE IN CONTENT - 01 ----- */
#cta-image-in-content-hwo-01 img {
    height: 100px;
    width: auto;
}



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

    #cta-image-in-content-hwo-01 .container {
        padding: 100px 50px;
    }
    #cta-image-in-content-hwo-01 .container .text {
        width: 100%;
    }
    #cta-image-in-content-hwo-01 img{
        height: calc(100vw * 0.11);
    }

}
@media (max-width: 720px){
    #cta-image-in-content-hwo-01 img{
        height: calc(100vw * 0.14);
    }
}

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

    #cta-image-in-content-hwo-01 .container {
        padding: 100px 50px;
    }

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

        

    }
}
/* ----- HWO: CALL-TO-ACTION - IMAGE IN CONTENT - 01 ----- */


/* ----- CALL-TO-ACTION - NEXT PAGE - 01 ----- */



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

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

    #cta-next-page-hwo-01 {
        height: 100vh;
        height: var(--vp-height);
    }
    #cta-next-page-hwo-01 > div:nth-child(2) {
        padding: 0 30px;
    }

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

        

    }
}
/* ----- CALL-TO-ACTION - NEXT PAGE - 01 ----- */



/* ----- HWO | CALL-TO-ACTION - STRIP WITH LINK ----- */
#call-to-action-strip-link-hwo-01 .container {
    padding: 70px 150px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #call-to-action-strip-link-hwo-01 .container {
        padding: 70px 100px;
    }
}
@media (max-width: 1072px){
    #call-to-action-strip-link-hwo-01 .container {
        padding: 70px 50px;
    }
    #call-to-action-strip-link-hwo-01 .container .text {
        margin-right: 50px;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #call-to-action-strip-link-hwo-01 .container {
        display: block;
        padding: 50px 30px;
        text-align: center;
    }
    #call-to-action-strip-link-hwo-01 .container .text{
        margin-bottom: 20px;
    }
    #call-to-action-strip-link-hwo-01 .container .actions .trans-md {
        top: 0px;
        text-align: center;
        transform: none;
    }

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

        
        
    }
}
/* ----- END | HWO | CALL-TO-ACTION - STRIP WITH LINK ----- */



/* ----- HWO | TEXT - 3 COLUMNS - 01 */
#text-3-columns-hwo-01 {
    padding: 100px 150px;
}
#text-3-columns-hwo-01 .third-width:nth-child(2) {
    margin: 0 100px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #text-3-columns-hwo-01 {
        padding: 100px 100px;
    }
}
@media (max-width: 1072px){
    #text-3-columns-hwo-01 {
        padding: 100px 50px;
    }
    #text-3-columns-hwo-01 .third-width:nth-child(2) {
        margin: 0 50px;
    }
}
@media (max-width: 838px){

    #text-3-columns-hwo-01 {
        display: block;
        padding: 100px 0px;
    }
    #text-3-columns-hwo-01 .third-width:nth-child(2),
    #text-3-columns-hwo-01 .third-width{
        margin: 0 auto 50px auto;
        width: 400px;
    }
    #text-3-columns-hwo-01 .third-width:last-child {
        margin-bottom: 0px;
    }

}
@media (max-width: 660px){
    #text-3-columns-hwo-01 .third-width:nth-child(2),
    #text-3-columns-hwo-01 .third-width {
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

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

    #text-3-columns-hwo-01{
        padding: 50px 0;
    }
    #text-3-columns-hwo-01 .third-width:nth-child(2), #text-3-columns-hwo-01 .third-width {
        margin: 0 auto 40px auto;
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- HWO | TEXT - 3 COLUMNS - 01 */



/* ----- CONTACT US ----- */

/* ----- CONTACT | HWO: DETAILS - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #contact-details-hwo-01 .content > div {
        padding: 80px 50px;
    }
}
@media (max-width: 1072px){
    #contact-details-hwo-01 .content{
        display: block;
    }
    #contact-details-hwo-01 .content > div {
        padding: 50px;
        width: 100%;
        text-align: center;
    }
    #contact-details-hwo-01 .content > div:nth-child(2){
        padding: 0 50px;
    }
    #contact-details-hwo-01 .content > div:last-child > div:last-child{
        margin: 0 auto;
        width: 50%;
        text-align: left;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){
    #contact-details-hwo-01 .content > div:last-child > div:last-child{
        width: 100%;
    }
}

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

    #contact-details-hwo-01 .content > div,
    #contact-details-hwo-01 .content > div:nth-child(2) {
        padding-left: 30px;
        padding-right: 30px;
    }

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

        
        
    }
}
/* ----- CONTACT | HWO: DETAILS - 01 ----- */

/* ----- GOOGLE MAPS | HWO - 01 ----- */
#google-map-embed-hwo-01 {
    height: 360px;
}


@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){

    #google-map-embed-hwo-01 {
        height: 50vh;
    }

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

        
        
    }
}
/* ----- GOOGLE MAPS | HWO - 01 ----- */



/* ----- CONTACT FORM | HWO - 01 ----- */
#contact-form-hwo-01 .container .copy {
    padding-right: 120px;
    width: 440px;
}
#contact-form-hwo-01 .container .form {
    width: calc(100% - 440px);
}
#contact-form-hwo-01 .container .form form [contenteditable] {
    padding: 12px 16px;
    height: 180px;
}
#contact-form-hwo-01 .container .form form .legal {
    font-size: 12px;
    line-height: 14px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #contact-form-hwo-01 .container {
        width: 100%;
    }
    #contact-form-hwo-01 .container .copy {
        padding-right: 80px;
        width: 360px;
    }
    #contact-form-hwo-01 .container .form {
        width: calc(100% - 360px);
    }
}
@media (max-width: 838px){
    #contact-form-hwo-01 {
        padding: 50px;
    }
}
@media (max-width: 770px){
    #contact-form-hwo-01 .container {
        display: block;
    }
    #contact-form-hwo-01 .container .copy {
        margin-bottom: 70px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    #contact-form-hwo-01 .container .copy .social-media {
        margin-top: 30px;
    }
    #contact-form-hwo-01 .container .form {
        width: 100%;
    }
    #contact-form-hwo-01 .container .form [contenteditable] {
        text-align: left;
    }
    #contact-form-hwo-01 .container .form form .actions {
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #contact-form-hwo-01 {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | CONTACT FORM | HWO - 01 ----- */



/* ----- CONTACT FORM | HWO - 01 ----- */
#contact-form-image-hwo-01 .container .copy {
    padding-right: 120px;
    width: 440px;
}
#contact-form-image-hwo-01 .container .form {
    width: calc(100% - 440px);
}
#contact-form-image-hwo-01 .container .form form textarea {
    padding: 12px 16px;
    height: 180px;
}
#contact-form-image-hwo-01 .container .form form .legal {
    font-size: 12px;
    line-height: 14px;
}

#contact-form-image-hwo-01 .container .form form .form-area .submission-confirmation {
    top: -30px;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #contact-form-image-hwo-01 .container {
        width: 100%;
    }
    #contact-form-image-hwo-01 .container .copy {
        padding-right: 80px;
        width: 360px;
    }
    #contact-form-image-hwo-01 .container .form {
        width: calc(100% - 360px);
    }
}
@media (max-width: 838px){
    #contact-form-image-hwo-01 {
        padding: 50px;
    }
}
@media (max-width: 770px){
    #contact-form-image-hwo-01 .container {
        display: block;
    }
    #contact-form-image-hwo-01 .container .copy {
        margin-bottom: 70px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    #contact-form-image-hwo-01 .container .copy .social-media {
        margin-top: 30px;
    }
    #contact-form-image-hwo-01 .container .form {
        width: 100%;
        text-align: center;
    }
    #contact-form-image-hwo-01 .container .form textarea {
        text-align: left;
    }
}
@media (max-width: 520px){}

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

    #contact-form-image-hwo-01 {
        padding: 50px 30px;
    }
    #contact-form-image-hwo-01 .container .form form textarea {
        height: calc((100vw - 60px) * 0.45);
    }
    #contact-form-image-hwo-01 .container .form form .form-area .submission-confirmation {
        top: -15px;
        transform: none;
    }

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

        
        
    }
}
/* ----- END | CONTACT FORM | HWO - 01 ----- */


/* ----- CONTACT FORM | LARGE IMAGE - 01 ----- */
#contact-form-large-image-hwo-01 .form form .form-area .submission-confirmation {
    position: relative;
    top: -30px;
    transform: none;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #contact-form-large-image-hwo-01 {
        padding: 50px;
    }
    #contact-form-large-image-hwo-01 .form {
        margin: 0 auto;
        padding: 50px;
    }
}
@media (max-width: 838px){
    #contact-form-large-image-hwo-01 .form {
        width: 100%;
    }
}
@media (max-width: 520px){}

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

    #contact-form-large-image-hwo-01 {
        padding: 50px 30px;
    }
    #contact-form-large-image-hwo-01 .form {
        padding: 30px;
    }
    #contact-form-large-image-hwo-01 .form form .form-area .submission-confirmation {
        position: relative;
        top: -15px;
        transform: none;
    }

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

        
        
    }
}
/* ----- END | CONTACT FORM | LARGE IMAGE - 01 ----- */

/* ----- END | CONTACT US ----- */



/* ----- SIDE MENU - 01 ----- */
.side-menu[data-side-menu-01] {
    width: 0%;
}
.side-menu[data-side-menu-01].open {
    width: 100%;
}
.side-menu[data-side-menu-01] .base {
    left: auto;
    right: -100%;
}
.side-menu[data-side-menu-01].open .base {
    right: 0%;
}
.side-menu[data-side-menu-01] .menu {
    width: 400px;
    transform: translateX(100%);
    box-shadow: 0 0 0px 0 rgba(50,50,50,0.3);
}
.side-menu[data-side-menu-01].open .menu {
    transform: translateX(0%);
    box-shadow: 0 0 40px 0 rgba(50,50,50,0.3);
}
.side-menu[data-side-menu-01] .menu .close > div,
.side-menu[data-side-menu-01] .menu .close .fa {
    background: transparent !important;
}
.side-menu[data-side-menu-01] .menu .row:hover {
    background: rgba(98, 219, 175, 0.05);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .side-menu[data-side-menu-01] .menu {
        width: 100%;
    }
}
@media (max-width: 520px){}

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

    .side-menu[data-side-menu-01] .menu {
        width: 100%;
    }

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

        
        
    }
}
/* ----- END | SIDE MENU - 01 ----- */



/* ----- SIDE MENU | TOP - 01 ----- */
.side-menu[data-side-menu-top-hwo-01]{
    height: 0%;
}
.side-menu[data-side-menu-top-hwo-01] .base{
    height: 0%;
}
.side-menu[data-side-menu-top-hwo-01] .container {
    top: -100%;
}
.side-menu[data-side-menu-top-hwo-01] .container .btns span {
    top: 0.5em;
}



@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){

        
        
    }
}
/* ----- END | SIDE MENU | TOP - 01 ----- */



/* ----- ACCOUNT LOGIN ----- */
.account-login .container .content .sign-up {
    left: 100%;
}
.account-login .container .content .sign-up.open {
    left: 0%;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .account-login .container {
        height: 100%;
    }
    .account-login .container .content {
        background: #fff;
        width: 100%;
        height: 100%;
    }
    .account-login .container .content form {
        min-height: 365px;
        height: calc(100% - 159px);
    }
}
@media (max-width: 520px){}

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

    .account-login .container .content form {
        padding: 30px;
    }

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

        
        
    }
}
/* ----- END | ACCOUNT LOGIN ----- */



/* ----- BLOG ----- */


@media (max-width: 838px){
    #blog .articles {
        width: auto;
    }
}

/* 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){
        
    }
}

/* ----- BLOG | HWO - 01 */
#blog-hwo-01 .list {
    max-width: 1200px;
}
#blog-hwo-01 .list .article .container .image .sizer {
    padding-bottom: 60%;
}
#blog-hwo-01 .list .article .container .image > .avatar-normal {
    box-shadow: 0 0 0 0 white;
}
#blog-hwo-01 .list .article .container:hover .image > .avatar-normal {
    box-shadow: 0 0 0 5px white;
}
#blog-hwo-01 .list .article .container .image .date .day {
    font-size: 32px;
}
#blog-hwo-01 .list .article .container .copy{
    height: 330px;
}
#blog-hwo-01 .list .article .container .copy h3 {
    font-size: 32px;
    line-height: 28px;
}
#blog-hwo-01 .list .article .container .image .date,
#blog-hwo-01 .list .article .container .image .date > *,
#blog-hwo-01 .list .article .container .copy,
#blog-hwo-01 .list .article .container .copy > *,
#blog-hwo-01 .list .article .container a {
    background: transparent !important;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #blog-hwo-01 .list .article {
        width: 100%;
    }
}
@media (max-width: 520px){
    #blog-hwo-01 .list .article .container .image > .avatar-normal {
        margin: 40px;
        width: 80px;
        height: 80px;
    }
    #blog-hwo-01 .list .article .container .copy {
        padding: 40px;
    }
}

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

    #blog-hwo-01 .list .article {
        padding: 30px;
    }

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

        
        
    }
}
/* ----- END | BLOG | HWO - 01 */


/* ----- BLOG - AUTHOR SIGNATURE - 01 ----- */
#blog-author-signature-hwo-01 > div {
    max-width: calc(100% - 100px);
}


@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){

    #blog-author-signature-hwo-01 .profile-picture > div {
        box-shadow: 0 0 0 7px rgba(255,255,255,0.3);
    }
    #blog-author-signature-hwo-01 h3 {
        color: #6ddebb;
    }
    #blog-author-signature-hwo-01 > div {
        display: block;
        max-width: initial;
        width: calc(100% - 60px);
        text-align: center;
    }
    #blog-author-signature-hwo-01 > div > div {
        margin: 0px;
        width: 100%;
    }
    #blog-author-signature-hwo-01 > div > div:first-child > div {
       display: inline-block;
    }
    #blog-author-signature-hwo-01 > div > div:last-child {
        padding-top: 30px;
    }

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

        
        
    }
}
/* ----- BLOG - AUTHOR SIGNATURE - 01 ----- */



/* ----- RENDER CONTENT ----- */
.render-content iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.render-content ul,
.render-content ol,
.render-content li {
    margin: 0.5em;
    padding: revert;
    list-style: revert !important;
}
.render-content img {
    width: 100%;
}
.render-content blockquote {
    position: relative;
    padding: 50px;
    font-family: Times;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}
.render-content blockquote::before {
    content: "";
    background: #ccc;
    position: absolute;
    margin: auto;
    width: 20%;
    height: 5px;
    left: 0px;
    right: 0px;
    top: 0px;
}
.render-content blockquote::after {
    content: "";
    background: #ccc;
    position: absolute;
    margin: auto;
    width: 20%;
    height: 5px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}


@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){

    .render-content blockquote {
        padding: 30px;
        font-size: 3.13em;
        line-height: 1em;
    }

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

        
        
    }
}
/* ----- RENDER CONTENT ----- */


/* ----- END | BLOG ----- */



/* ----- PORTFOLIO | FULLSCREEN LIST - 01 ----- */
#portfolio-fullscreen-list-hwo-01 .list .item .decor {
    width: 100px;
}
#portfolio-fullscreen-list-hwo-01 .list .item .link svg {
    box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0 0px rgba(255,255,255,1);
}
#portfolio-fullscreen-list-hwo-01 .list .item .link:hover svg {
    box-shadow: 0 0 0 10px rgba(255,255,255,0.3), inset 0 0 3px rgba(255,255,255,1);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #portfolio-fullscreen-list-hwo-01 .list .item > div:last-child {
        padding: 0 50px 50px 50px;
    }
    #portfolio-fullscreen-list-hwo-01 .list .item > div:last-child .bottom > div:first-child {
        padding-right: 50px;
        width: calc(100% - 50px);
    }
    #portfolio-fullscreen-list-hwo-01 .list .item > div:last-child .bottom > div:first-child .description{
        width: 100%;
        max-width: 400px;
    }
    #portfolio-fullscreen-list-hwo-01 .list .item > div:last-child .bottom > div:last-child {
        width: 50px;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #portfolio-fullscreen-list-hwo-01 .list .item > div:last-child {
        padding: 0 30px 30px 30px;
    }
    
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | PORTFOLIO | FULLSCREEN LIST - 01 ----- */


/* ----- PORTFOLIO | VIDEO & DATA BANNER - 01 ----- */
#portfolio-youtube-video-data-banner-hwo-01 {
    min-height: 650px;
}
#portfolio-youtube-video-data-banner-hwo-01 .bottom .video-button {
    transform: translateY(-50%);
}
#portfolio-youtube-video-data-banner-hwo-01 .bottom .video-button svg {
    box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0 0px rgba(255,255,255,1);
}
#portfolio-youtube-video-data-banner-hwo-01 .bottom .video-button:hover svg {
    box-shadow: 0 0 0 10px rgba(255,255,255,0.3), inset 0 0 3px rgba(255,255,255,1);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #portfolio-youtube-video-data-banner-hwo-01 > div:last-child {
        padding: 0 50px 50px 50px;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #portfolio-youtube-video-data-banner-hwo-01 {
        min-height: 80vh;
        min-height: calc(var(--vp-height) * 0.8);
    }
    #portfolio-youtube-video-data-banner-hwo-01 > div:last-child {
        padding: 0 30px 30px 30px;
    }
    #portfolio-youtube-video-data-banner-hwo-01 .bottom .video-button:hover svg {
        box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0 0px rgba(255,255,255,1);
    }
    
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
        

    }
}
/* ----- PORTFOLIO | VIDEO & DATA BANNER - 01 ----- */



/* ----- RESOURCES ----- */

/* ----- RESOURCES | HWO - 01 */
#resources-hwo-01 .content .list .item .arrow-right svg {
    width: 30px;
}
#resources-hwo-01 .content .list .item .arrow-right svg polyline{
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 10px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #resources-hwo-01 .content .list {
        padding: 0 100px;
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #resources-hwo-01 .content .list {
        padding: 0 50px;
    }
}
@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){

        
        
    }
}
/* ----- END | RESOURCES | HWO - 01 */

/* ----- END | RESOURCES */



/* ----- TESTIMONIALS */

/* ----- TESTIMONIALS | HWO - 01 */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #testimonials-hwo-01 .content h2 {
        width: 100%;
    }
}
@media (max-width: 838px){
    #testimonials-hwo-01 {
        padding: 100px 50px;
    }
}
@media (max-width: 520px){}

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

    #testimonials-hwo-01 {
        padding: 100px 30px;
    }

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

        
        
    }
}
/* ----- END | TESTIMONIALS | HWO - 01 */

/* ----- TESTIMONIALS | HWO - 01 */
#testimonies-hwo-01 .list {
    max-width: 1200px;
}
#testimonies-hwo-01 .list .testimony .container {
    height: 350px;
}
#testimonies-hwo-01 .list .testimony .container .callout {
    left: 30px;
    bottom: -29px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid transparent;
    border-bottom-width: 30px;
    transform: rotateZ(-45deg);
}
#testimonies-hwo-01 .list .testimony .container .quotations {
    margin-top: -60px;
    font-size: 130px;
}
#testimonies-hwo-01 .list .testimony .container .copy > div:first-child {
    font-size: 32px;
    line-height: 32px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #testimonies-hwo-01 .list .testimony {
        padding: 50px 100px;
        width: 100%;
    }
}
@media (max-width: 838px){
    #testimonies-hwo-01 .list .testimony {
        padding: 50px;
        width: 100%;
    }
    #testimonies-hwo-01 .list .testimony .container {
        padding: 70px 0;
        height: auto;
    }
    #testimonies-hwo-01 .list .testimony .container .copy {
        top: 0px;
        transform: none;
    }
}
@media (max-width: 520px){}

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

    #testimonies-hwo-01 .list .testimony {
        padding: 30px;
    }
    #testimonies-hwo-01 .list .testimony .container .quotations > div > font:first-child {
        padding-left: 20px;
    }
    #testimonies-hwo-01 .list .testimony .container .quotations > div > font:last-child {
        padding-right: 20px;
    }
    #testimonies-hwo-01 .list .testimony .container .copy {
        padding: 0 50px;
    }

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

        
        
    }
}
/* ----- END | TESTIMONIES | HWO - 01 */

/* ----- END | TESTIMONIES */



/* ----- GALLERY */

/* ----- GALLERY | HWO - 01 */
#gallery-hwo-01 .list {
    max-width: 1200px;
}
#gallery-hwo-01 .list .media .container .content {
    padding-bottom: calc(100% * (9 / 16));
}

[data-gallery-presentation] .content .container {
    padding-bottom: calc(100% * (9 / 16));
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #gallery-hwo-01 .list{
        padding: 0 20px;
    }
    #gallery-hwo-01 .list .media {
        width: 50%;
    }
}
@media (max-width: 520px){}

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

    #gallery-hwo-01 {
        padding: 30px 0;
    }
    #gallery-hwo-01 .list .media {
        padding: 10px;
    }

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

        
        
    }
}
/* ----- END | GALLERY | HWO - 01 */


/* ----- GALLERY | HWO - 02 */


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #gallery-hwo-02 .list .media {
        width: 50%;
    }
}
@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){

        
        
    }
}
/* ----- END | GALLERY | HWO - 02 */


/* ----- GALLERY | HWO - 03 ------ */
#gallery-hwo-03 .primary-media .primary {
    height: 50vw;
}
#gallery-hwo-03 .primary-media .secondary .media {
    height: 25vw;
}
#gallery-hwo-03 .list .media {
    height: 25vw;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #gallery-hwo-03 .primary-media {
        display: block;
    }
    #gallery-hwo-03 .primary-media .primary {
        width: 100%;
    }
    #gallery-hwo-03 .primary-media .secondary {
        display: flex;
        width: 100%;
    }
    #gallery-hwo-03 .primary-media .secondary .media {
        width: 50%;
        height: 50vw;
    }
    #gallery-hwo-03 .list .media {
        width: 50%;
        height: 50vw;
    }
}
@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){

        
        
    }
}
/* ----- GALLERY | HWO - 03 ------ */


/* ----- GALLERY | RECTANGLE & SQUARE - 01 */
#gallery-rectange-square-hwo-01 .list .media {
    margin-top: 50px;
    width: calc(100% - 450px);
    height: 400px;
}
#gallery-rectange-square-hwo-01 .list .media:nth-child(2n + 2) {
    margin-left: 50px;
    width: 400px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #gallery-rectange-square-hwo-01 {
        padding: 0 50px 50px 50px;
    }
    #gallery-rectange-square-hwo-01 .list .media {
        width: calc(50% - 25px);
        height: auto;
    }
    #gallery-rectange-square-hwo-01 .list .media:nth-child(2n + 2) {
        width: calc(50% - 25px);
    }
    #gallery-rectange-square-hwo-01 .list .media > div {
        position: relative;
        padding-bottom: 100%;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #gallery-rectange-square-hwo-01 {
        padding: 20px 30px 50px 30px;
    }
    #gallery-rectange-square-hwo-01 .list .media {
        margin-top: 30px;
        width: calc(50% - 15px);
    }
    #gallery-rectange-square-hwo-01 .list .media:nth-child(2n + 2) {
        margin-left: 30px;
        width: calc(50% - 15px);
    }

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

        
        
    }
}
/* ----- END | GALLERY | RECTANGLE & SQUARE - 01 */



/* ----- GALLERY | PRESENTATION - 01 */


@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){
    #gallery-presentation-hwo-01 .content {
        width: calc(100% - 60px);
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ----- GALLERY | PRESENTATION - 01 */

/* ----- END | GALLERY ----- */



/* ----- MLS ----- */

/* ----- MLS | HWO: SEARCH LISTINGS - 01 ----- */
#search-listings-hwo-01 {
    height: 500px;
}
#search-listings-hwo-01 .container .content {
    padding-bottom: 74px;
    width: calc(100% - 120px);
    max-width: 1240px;
}
#search-listings-hwo-01 .container .content form input {
    padding-right: 150px;
}
#search-listings-hwo-01 .container .content form .filters .buy-rent .hwo-toggle {
    width: 130px;
}
#search-listings-hwo-01 .container .content form .filters .options {
    width: calc(100% - 210px);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #search-listings-hwo-01 .container .content form .filters .options .property-type,
    #search-listings-hwo-01 .container .content form .filters .options .price-range {
        display: none;
    }
    #search-listings-hwo-01 .container .content form .filters .options > div {
        width: 50%;
    }
}
@media (max-width: 838px){}
@media (max-width: 660px){
    #search-listings-hwo-01 .container .content form .filters .options .bathrooms {
        display: none;
    }
    #search-listings-hwo-01 .container .content form .filters .options > div {
        margin: 0px;
        width: 100%;
    }
    #search-listings-hwo-01 .container .content form .filters .buy-rent .hwo-toggle {
        width: 100%;
    }
    #search-listings-hwo-01 .container .content form .filters .buy-rent,
    #search-listings-hwo-01 .container .content form .filters .options {
        width: 50%;
    }
    #search-listings-hwo-01 .container .content form .filters .buy-rent{
        padding-right: 50px;
        box-sizing: border-box;
    }
}
@media (max-width: 520px){}

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

    #search-listings-hwo-01 .container .content {
        width: calc(100% - 60px);
    }
    #search-listings-hwo-01 .container .content form .filters .options > div::before {
        display: none;
    }
    #search-listings-hwo-01 .container .content form .filters .options > div .fa {
        margin: 9px 5px 0 0;
    }

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

        
        
    }
}
/* ----- END | MLS | HWO: SEARCH LISTING - 01 ----- */

/* ----- MLS | HWO: PROPERTY SEARCH FILTERS - 01 ----- */
#property-search-filters {
    width: 0%;
}
#property-search-filters.open {
    width: 100%;
}
#property-search-filters .content {
    box-shadow: 0 0 0px 0 rgba(50,50,50,0.3);
    transform: translateX(100%);
}
#property-search-filters.open .content {
    transform: translateX(0%);
    box-shadow: 0 0 40px 0 rgba(50,50,50,0.3);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){
    #property-search-filters.open .content{
        width: 100%;
    }
}

/* 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){

        
        
    }
}
/* ----- END | MLS | HWO: PROPERTY SEARCH FILTERS - 01 ----- */


/* ----- MLS | HWO: LISTINGS - 01 ----- */
#listings-hwo-01 .content .list {
    width: calc(100% - 120px);
    max-width: 1240px;
    top: -74px;
}
#listings-hwo-01 .content .list .item {
    margin: 2.275vw 0;
}
#listings-hwo-01 .content .list .item:nth-child(-n + 3) {
    margin-top: 0px;
}

.property-listings .item .container {
    width: 360px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
}
.property-listings .item.item-2 .container {
    margin: auto;
}
.property-listings .item.item-3 .container {
    margin-left: auto;
}
.property-listings .item .container .image {
    padding-bottom: 65%;
}
.property-listings .item .container .image .bg {
    height: 50%;
    top: auto;
}

.property-listings .item:hover .container {
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
}
.property-listings .item:hover .container .image .img {
    left: -2.5%;
    top: -2.5%;
    width: 105%;
    height: 105%;
}
.property-listings .item:hover .container .image > .bg {
    opacity: 0;
    height: 0px;
}
.property-listings .item:hover .container .image > div:nth-child(3) {
    transform: translateX(-100%);
}
.property-listings .item:hover .container .image > div:last-child {
    transform: translateY(100%);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){
    .property-listings .item .container {
        width: 345px;
    }
}
@media (max-width: 1200px){
    .property-listings .item {
        width: 50%;
    }
    .property-listings .item .container,
    .property-listings .item.item-2 .container,
    .property-listings .item.item-3 .container  {
        margin: 0 auto 0 0;
        width: 90% !important;
    }
    .property-listings .item.item-3 .container {
        margin-left: 0;
    }
    .property-listings .item:nth-child(2n + 2) .container{
        margin: 0 0 0 auto !important;
    }
    #listings-hwo-01 .content .list .item:nth-child(-n + 3) {
        margin-top: 2.275vw;
    }
    #listings-hwo-01 .content .list .item:nth-child(-n + 2) {
        margin-top: 0px;
    }
}
@media (max-width: 1072px){
    .property-listings .item .container,
    .property-listings .item.item-2 .container,
    .property-listings .item.item-3 .container  {
        margin: 0 auto 0 0;
        width: 95% !important;
    }
}
@media (max-width: 838px){
    #listings-hwo-01 .content .list {
        top: -70px;
    }
}
@media (max-width: 770px){
    .property-listings .item,
    .property-listings .item .container,
    .property-listings .item.item-2 .container,
    .property-listings .item.item-3 .container,
    .property-listings .item:nth-child(2n + 2) .container {
        margin: 0px;
        width: 100% !important;
    }
    .property-listings .item {
        margin-bottom: 60px !important;
        width: 100% !important;
    }
}
@media (max-width: 520px){}

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

    #listings-hwo-01 .content .list {
        width: calc(100% - 60px);
    }
    .property-listings .item {
        margin-bottom: 30px !important;
    }

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

        
        
    }
}
/* ----- END | MLS | HWO: LISTING - 01 ----- */


/* ----- MLS | HWO: LISTING - 01 ----- */
#listing-hwo-01 .banner {
    height: 500px;
}
#listing-hwo-01 .banner .content {
    width: calc(100% - 100px);
    max-width: 980px;
    height: 493px;
    box-shadow: 0 0 50px 0 #00000030;
}
#listing-hwo-01 .banner .content > div .bg {
    height: 50%;
    top: auto;
}
#listing-hwo-01 .listing .item {
    width: calc(100% - 100px);
    max-width: 980px;
}
#listing-hwo-01 .inquiry .container {
    max-width: 980px;
}
#listing-hwo-01 .inquiry .container .form-area .submission-confirmation {
    transform: none;
}
#listing-hwo-01 .inquiry .container .form-area .submission-confirmation svg {
    margin-top: 0px;
}
#listing-hwo-01 .related-listings .container {
    max-width: 980px;
}
#listing-hwo-01 .related-listings .container .property-listings .item {
    width: 50%;
}
#listing-hwo-01 .related-listings .container .property-listings .item.item-2 .container {
    margin: 0 0 0 auto;
}
#listing-hwo-01 .listing .item .features > div:last-child > div:last-child {
    padding-bottom: 0px;
    border: none;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #listing-hwo-01 .banner .container{
        padding-top: 50px;
    }
    #listing-hwo-01 .listing .item {
        padding-top: 20px;
    }
    #listing-hwo-01 .listing .item .conditions > div:last-child > div {
        width: 25%;
    }
    #listing-hwo-01 .related-listings {
        padding: 0px;
    }
    #listing-hwo-01 .inquiry .container {
        padding: 50px;
        width: calc(100% - 100px);
        max-width: initial;
    }
    #listing-hwo-01 .related-listings > .container {
        padding: 50px;
        width: 100%;
        max-width: initial;
    }
}
@media (max-width: 838px){
    #listing-hwo-01 .banner .container{
        padding-top: 0px;
        height: 100%;
    }
    #listing-hwo-01 .banner .container .content{
        width: 100%;
        height: 100%;
    }
    #listing-hwo-01 .banner .container .content > div{
        padding: 50px;
    }
    #listing-hwo-01 .banner .container .content > div > div:last-child {
        padding: 0 50px 50px 50px;
    }
    #listing-hwo-01 .listing .item .conditions > div:last-child > div {
        width: 33.33%;
    }
    #listing-hwo-01 .listing .item {
        padding-top: 0px;
    }
}
@media (max-width: 520px){}

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

    #listing-hwo-01 .banner .container .content > div {
        padding: 30px;
    }
    #listing-hwo-01 .banner .container .content > div > div:last-child {
        padding: 0 30px 30px 30px;
    }
    #listing-hwo-01 .listing .item {
        width: calc(100% - 60px);
    }
    #listing-hwo-01 .listing .item > .df {
        display: block;
    }
    #listing-hwo-01 .listing .item > .df > div {
        width: 100%;
        text-align: left;
    }
    #listing-hwo-01 .listing .item > .df > div:first-child {
        margin-bottom: 10px;
    }
    #listing-hwo-01 .listing .item > .df > div:first-child .address {
        white-space: initial;
        overflow: initial;
        line-height: 1.2em;
    }
    #listing-hwo-01 .listing .item .conditions > div:last-child{
        margin: 0px;
    }
    #listing-hwo-01 .listing .item .conditions > div:last-child > div {
        padding: 10px 0px;
        width: 50%;
    }
    #listing-hwo-01 .listing .item .features > div > div > div {
        text-align: left;
    }
    #listing-hwo-01 .inquiry .container {
        padding: 30px;
        width: calc(100% - 60px);
    }
    #listing-hwo-01 .related-listings > .container {
        padding: 30px;
    }

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

        
        
    }
}
/* ----- END | MLS | HWO: LISTING - 01 ----- */

/* ----- END | MLS ----- */


/* ----- PRODUCTS ----- */

/* ----- PRODUCTS | HWO: LIST - 01 ----- */
#products-hwo-01 .main .container {
    max-width: calc(100% - 120px);
}
#products-hwo-01 .main .container .list .product {
    padding: 2.7vw;
}
#products-hwo-01 .main .container .list .product .image {
    padding-bottom: 75%;
}
#products-hwo-01 .main .container .list .product .copy {
    height: 150px;
}
#products-hwo-01 .main .container .list .product .actions .checkout-btn,
#products-hwo-01 .main .container .list .product.selected .actions .add-to-cart-btn {
    display: none;
}
#products-hwo-01 .main .container .list .product.selected .actions .checkout-btn {
    display: initial;
}
#products-hwo-01 .main .container .list .product.selected .actions .checkout-btn span {
    padding-top: 9px;
    padding-bottom: 9px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #products-hwo-01 .main .container .list .product {
        padding: 1.5vw;
    }
}
@media (max-width: 1072px){
    #products-hwo-01 .main .container .list .product {
        padding: 2.5vw;
        width: 50%;
    }
}
@media (max-width: 838px){
    #products-hwo-01 .main .container {
        max-width: calc(100% - 60px);
    }
}
@media (max-width: 770px){
    #products-hwo-01 .main .container .list .product {
        padding: 40px 0 0 0;
        width: 100%;
    }
    #products-hwo-01 .main .container .list .product .copy {
        height: auto;
    }
}
@media (max-width: 520px){}

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

    #products-hwo-01 .main > div:first-child {
        padding: 0px 30px;
    }

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

        
        
    }
}
/* ----- END | PRODUCTS | HWO: LIST - 01 ----- */


/* ----- PRODUCTS | HWO: LIST - 01 ----- */
#products-list-hwo-01 .main .container {
    max-width: calc(100% - 120px);
}
#products-list-hwo-01 .main .container .list .product {
    padding: 2.7vw;
}
#products-list-hwo-01 .main .container .list .product .image {
    padding-bottom: 132%;
}
#products-list-hwo-01 .main .container .list .product .copy {
    height: 70px;
}
#products-list-hwo-01 .main .container .list .product .copy .description {
    font-size: 14px;
    line-height: 18px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #products-list-hwo-01 .main .container .list .product {
        padding: 1.5vw;
    }
}
@media (max-width: 1072px){
    #products-list-hwo-01 .main .container .list .product {
        padding: 2.5vw;
        width: 50%;
    }
}
@media (max-width: 838px){
    #products-list-hwo-01 .main .container {
        max-width: calc(100% - 60px);
    }
}
@media (max-width: 770px){
    #products-list-hwo-01 .main .container .list .product {
        padding: 20px;
    }
}
@media (max-width: 520px){}

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

    #products-list-hwo-01 .main > div:first-child {
        padding: 0px 30px;
    }
    #products-list-hwo-01 .main .container {
        max-width: calc(100% - 30px);
    }
    #cta-image-in-content-hwo-01 .container .text {
        width: 100%;
    }

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

        
        
    }
}
/* ----- END | PRODUCTS | HWO: LIST - 01 ----- */


/* ----- PRODUCTS | HWO: SINGLE PRODUCT - 01 ----- */
#products-single-hwo-01 .container .content .media .primary-image {
    padding-bottom: 135%;
}
#products-single-hwo-01 .container .content .details .actions .checkout-btn,
#products-single-hwo-01 .container .content .details .actions .remove-item,
#products-single-hwo-01 .container.selected .content .details .actions .add-to-cart-btn {
    display: none;
}
#products-single-hwo-01 .container.selected .content .details .actions .checkout-btn,
#products-single-hwo-01 .container.selected .content .details .actions .remove-item {
    display: block;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #products-single-hwo-01 .container {
        width: 750px;
    }
}
@media (max-width: 838px){
    #products-single-hwo-01 .container {
        padding: 0 50px;
        width: 100%;
    }
    #products-single-hwo-01 .container .content{
        display: block;
    }
    #products-single-hwo-01 .container .content > div {
        padding: 0px;
        width: 100%;
    }
    #products-single-hwo-01 .container .content .media {
        margin-bottom: 40px;
    }
}
@media (max-width: 520px){}

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

    #products-single-hwo-01 .container {
        padding: 0 30px;
    }

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

        
        
    }
}
/* ----- END | PRODUCTS | HWO: SINGLE PRODUCT - 01 ----- */

/* ----- END | PRODUCTS ----- */


/* ----- CHECKOUT ----- */

/* ----- CART ------ */
#cart-hwo-01 .content .products .product .image {
    padding-bottom: 70%;
}



@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){

    #cart-hwo-01 .content {
        padding: 0px;
        width: 100%;
    }
    #cart-hwo-01 .content .products > div {
        margin-top: 1px;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    #cart-hwo-01 .content .products > div:first-child {
        margin: 0px;
    }
    #cart-hwo-01 .content .products .product {
        display: block;
    }
    #cart-hwo-01 .content .products .product > div {
        width: 100%;
        text-align: left;
    }
    #cart-hwo-01 .content .products .product > div:first-child {
        margin-bottom: 20px;
    }
    #cart-hwo-01 .content .products .product > div:last-child {
        padding-left: 105px;
        box-sizing: border-box;
    }
    #cart-hwo-01 .content .products .product > div:last-child .quantity > div span:first-child {
        display: inline-block;
        font-weight: inherit;
    }
    #cart-hwo-01 .content .products .shipping > div:last-child {
        display: block;
    }
    #cart-hwo-01 .content .products .shipping > div:last-child > * {
        padding: 0px;
        width: 100%;
    }
    #cart-hwo-01 .content .products .shipping > div:last-child form {
        margin-bottom: 30px;
    }

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

        
        
    }
}
/* ----- END | CART ------ */


/* ----- CHECKOUT ----- */



@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){

    #checkout-hwo-01 .content {
        padding: 100px 0 0 0;
        width: 100%;
    }
    #checkout-hwo-01 .content .products .heading {
        margin: 0 auto 30px auto;
        width: calc(100% - 60px);
    }
    #checkout-hwo-01 .content .products .checkout {
        display: block;
    }
    #checkout-hwo-01 .content .products .checkout > div {
        width: 100%;
    }
    #checkout-hwo-01 .content .products .checkout form .actions .hwo-btn-01 {
        width: 100%;
    }

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

        
        
    }
}
/* ----- END | CHECKOUT ----- */

/* ----- HWO | CHECKOUT - SUCCESS ----- */
#checkout-success-hwo-01 .content {
    min-height: 650px;
    height: calc(100vh - 100px);
}



@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){

    #checkout-success-hwo-01 .content {
        width: calc(100% - 60px);
        min-height: initial;
        height: calc(100vh - 100px);
    }
    #checkout-success-hwo-01 .content > div > div:last-child > div:last-child {
        font-size: 1.3em;
        line-height: 1em;
    }

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

        
        
    }
}
/* ----- END | HWO | CHECKOUT - SUCCESS ----- */

/* ----- HWO | CHECKOUT - CANCELLED ----- */
#checkout-cancelled-hwo-01 .content {
    min-height: 400px;
    height: calc(100vh - 100px);
}



@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){

    #checkout-cancelled-hwo-01 .content {
        width: calc(100% - 60px);
        min-height: initial;
        height: calc(100vh - 100px);
    }
    #checkout-cancelled-hwo-01 .content > div > div:last-child > div:last-child {
        font-size: 1.3em;
        line-height: 1em;
    }

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

        
        
    }
}
/* ----- END | HWO | CHECKOUT - CANCELLED ----- */

/* ----- END | CHECKOUT ----- */


/* ----- HWO | TRI-BOX - 01 ----- */
#tri-box-content-hwo-01 .tri-box .primary {
    width: calc(100% - 300px);
    height: 565px;
}
#tri-box-content-hwo-01 .tri-box .secondary{
    width: 300px;
}
#tri-box-content-hwo-01 .tri-box .secondary > div {
    height: calc(50% - 5px);
}
#tri-box-content-hwo-01 .tri-box .item:hover .text{
    padding-bottom: 80px;
}
#tri-box-content-hwo-01 .tri-box .item .decor {
    width: 0%;
    height: 4px;
}
#tri-box-content-hwo-01 .tri-box .item:hover .decor {
    width: 50%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #tri-box-content-hwo-01 .container {
        width: calc(100% - 100px);
    }
    #tri-box-content-hwo-01 .tri-box{
        display: block;
    }
    #tri-box-content-hwo-01 .tri-box .primary {
        padding: 0px;
        width: 100%;
        height: auto;
    }
    #tri-box-content-hwo-01 .tri-box .primary .image {
        padding-bottom: 83.33%;
    }
    #tri-box-content-hwo-01 .tri-box .primary .image .img {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    #tri-box-content-hwo-01 .tri-box .secondary {
        display: flex;
        margin-top: 10px;
        width: 100%;
        height: auto;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div {
        margin-top: 0px;
        width: 50%;
        height: 100%;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div:first-child {
        padding-right: 5px;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div:last-child {
        padding-left: 5px;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div .image{
        padding-bottom: 83.33%;
        height: auto;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div .image .img {
        position: absolute;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 620px){
    #tri-box-content-hwo-01 .container .top {
        text-align: center;
    }
    #tri-box-content-hwo-01 .tri-box .secondary{
        display: block;
        margin-top: 0px;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div{
        padding-top: 10px;
        width: 100%;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div:first-child {
        padding-right: 0px;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div:last-child {
        padding-left: 0px;
    }
    #tri-box-content-hwo-01 .tri-box .secondary > div .text > div:first-child {
        font-size: 22px;
    }
    #tri-box-content-hwo-01 .container .bottom{
        text-align: center;
    }
    #tri-box-content-hwo-01 .container .bottom > div > div {
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    #tri-box-content-hwo-01 .container .bottom > div span{
        margin: 0px;
    }
}
@media (max-width: 520px){}

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

    #tri-box-content-hwo-01 .container {
        width: calc(100% - 40px);
    }
    #tri-box-content-hwo-01 .container .tri-box .item .text {
        padding: 0px 30px 30px 30px;
    }

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

        
        
    }
}
/* ----- END | HWO | TRI-BOX - 01 ----- */


/* ----- LIST - TITLE - HALF SCREEN (GRID) ------ */
#list-half-screen-tile-w-image-hwo-01 .tile:nth-child(2n + 1) {
    padding-left: 150px;
}
#list-half-screen-tile-w-image-hwo-01 .tile:nth-child(2n + 2) {
    padding-right: 150px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #list-half-screen-tile-w-image-hwo-01 .tile:nth-child(2n + 1),
    #list-half-screen-tile-w-image-hwo-01 .tile:nth-child(2n + 2) {
        padding: 80px;
    }
}
@media (max-width: 838px){
    #list-half-screen-tile-w-image-hwo-01{
        display: block;
        grid-template-columns: none;
        text-align: center;
    }
}
@media (max-width: 620px){}

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

    #list-half-screen-tile-w-image-hwo-01 .tile:nth-child(2n + 1),
    #list-half-screen-tile-w-image-hwo-01 .tile:nth-child(2n + 2) {
        padding: 50px 30px;
    }

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

        

    }
}
/* ----- LIST - TITLE - HALF SCREEN (GRID) ------ */


/* ----- HWO | LIST - 3 TILES - HORIZONTAL - 01 ----- */
#list-3-tiles-horiz-hwo-01 .tiles .tile{
    padding-bottom: 25%;
}

@media(max-width:1200px){
    #list-3-tiles-horiz-hwo-01 .tiles .tile .container{
        padding: 0 30px 20px 30px;
    }
}
@media(max-width:1072px){
    #list-3-tiles-horiz-hwo-01 .tiles .tile{
        padding-bottom: 40%;
    }
}
@media(max-width: 660px){
    #list-3-tiles-horiz-hwo-01 .tiles .tile{
        padding-bottom: 100%;
        width: 100%;
    }
}
/* ----- END | HWO | LIST - 3 TILES - HORIZONTAL - 01 ----- */



/* ----- HWO | LIST - 4 TILES - HORIZONTAL - 01 ------ */
#list-4-tiles-horiz-hwo-01 .tiles .tile {
    height: calc(25vw * 1.25);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #list-4-tiles-horiz-hwo-01 .tiles .tile .container {
        padding: 0 30px 20px 30px;
    }
}
@media (max-width: 1072px){
    #list-4-tiles-horiz-hwo-01 .tiles .tile {
        width: 50%;
        height: calc(50vw * 1.25);
    }
    #list-4-tiles-horiz-hwo-01 .tiles .tile .container {
        padding: 0 50px 50px 50px;
    }
}
@media (max-width: 838px){
    #list-4-tiles-horiz-hwo-01 .tiles .tile .container {
        padding: 0 40px 30px 40px;
    }
}
@media (max-width: 520px){
    #list-4-tiles-horiz-hwo-01 .tiles .tile .container {
        padding: 0 30px 25px 30px;
    }
}

/* 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){

        

    }
}
/* ----- END | HWO | LIST - 4 TILES - HORIZONTAL - 01 ------ */


/* ----- LIST - 4 TILES - HORIZONTAL - 01 ------ */
#list-6-tiles-horiz-hwo-01 .tiles .tile {
    width: calc(100% / 6);
    height: 350px;
}
#list-6-tiles-horiz-hwo-01 .tiles .tile .container .title {
    line-height: 18px;
}
#list-6-tiles-horiz-hwo-01 .tiles .tile .container .subtitle {
    font-size: 14px;
    line-height: 16px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #list-6-tiles-horiz-hwo-01 .tiles .tile {
        width: calc(100% / 3);
    }
}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 660px){
    #list-6-tiles-horiz-hwo-01 .tiles .tile {
        width: calc(100% / 2);
    }
}
@media (max-width: 520px){}

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

    #list-6-tiles-horiz-hwo-01 .heading .primary-width {
        padding: 20px 30px;
    }

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

        
        
    }
}
/* ----- END | LIST - 4 TILES - HORIZONTAL - 01 ------ */



/* ----- HWO | LIST - PARALLAX - HALF TITLES IMAGES - 01 ------ */
#list-parallax-half-tiles-alt-images-hwo-01 .tile:nth-child(2n+1) .image {
    order: 1;
}
#list-parallax-half-tiles-alt-images-hwo-01 .tile:nth-child(2n+1) .text {
    order: 0;
}
#list-parallax-half-tiles-alt-images-hwo-01 .tile .text .content p:first-child {
    margin-top: 0px;
}
#list-parallax-half-tiles-alt-images-hwo-01 .tile .text .content p:last-child {
    margin-bottom: 0px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #list-parallax-half-tiles-alt-images-hwo-01 .tile .text > div {
        padding: 0 70px;
    }
}
@media (max-width: 1072px){
    #list-parallax-half-tiles-alt-images-hwo-01 .tile .text > div {
        padding: 0 50px;
    }
}
@media (max-width: 838px){
    #list-parallax-half-tiles-alt-images-hwo-01 .tile{
        display: block;
    }
    #list-parallax-half-tiles-alt-images-hwo-01 .tile > div{
        width: 100%;
    }
    #list-parallax-half-tiles-alt-images-hwo-01 .tile .text > div{
        padding: 50px 100px;
        transform: initial;
    }
}
@media (max-width: 660px){
    #list-parallax-half-tiles-alt-images-hwo-01 .tile .text > div{
        padding: 50px;
    }
}
@media (max-width: 520px){}

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

    #list-parallax-half-tiles-alt-images-hwo-01 .tile .text > div {
        padding: 30px;
    }
    #list-parallax-half-tiles-alt-images-hwo-01 .tile .text > div h3 {
        width: 100%;
        word-break: break-word;
    }
    
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ----- END | HWO | LIST - PARALLAX - HALF TITLES IMAGES - 01 ------ */



/* ----- LIST | IMAGE, TITLE, SUBTITLE, CONTENT, LINK (MULTIPLE ENTRIES) - 01 ----- */
#list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry {
    border-bottom-width: 15px;
    border-color: var(--border-color);
}
#list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry:last-child {
    border: none;
}
#list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry .copy .content p:first-child {
    margin-top: 0px;
}
#list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry .copy .content p:last-child {
    margin-bottom: 0px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #list-image-subtitle-content-link-multiple-entries-hwo-01 .list {
        width: calc(100% - 100px);
    }
}
@media (max-width: 838px){
    #list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry > div {
        width: 50%;
    }
}
@media (max-width: 770px){
    #list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry{
        display: block;
    }
    #list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry > div {
        width: 100%;
    }
    #list-image-subtitle-content-link-multiple-entries-hwo-01 .list .entry .image{
        margin-bottom: 50px;
    }
}
@media (max-width: 660px){}
@media (max-width: 520px){}

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

    #list-image-subtitle-content-link-multiple-entries-hwo-01 {
        padding: 0px;
    }
    #list-image-subtitle-content-link-multiple-entries-hwo-01 .list {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- LIST | IMAGE, TITLE, SUBTITLE, CONTENT, LINK (MULTIPLE ENTRIES) - 01 ----- */



/* ----- LOGO ROLL - 01 ----- */
#logo-roll-hwo-01 .list > div {
    margin-left: -5px;
    width: calc(100% / 6);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #logo-roll-hwo-01 .list > div {
        margin-left: -5px;
        width: calc(100% / 4);
    }
}
@media (max-width: 838px){}
@media (max-width: 660px){
    #logo-roll-hwo-01 .list > div {
        margin-left: -5px;
        width: calc(100% / 3);
    }
}
@media (max-width: 520px){}

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

    #logo-roll-hwo-01 .title{
        margin-top: 15px;
    }
    #logo-roll-hwo-01 .list > div {
        margin-left: -5px;
        width: calc(100% / 3);
    }

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

        
        
    }
}
/* ----- END | LOGO ROLL - 01 ----- */



/* ----- HWO | PAYPAL BUTTON - 01 ----- */
#paypal-button-hwo-01 {
    padding: 100px 150px;
}
#paypal-button-hwo-01 .container .button {
    width: 150px;
}
#paypal-button-hwo-01 .container .button [type=image] {
    padding: 0px;
}



@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){

    #paypal-button-hwo-01 {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | HWO | PAYPAL BUTTON - 01 ----- */




/* ----- HWO | DONATION - 01 ----- */
#donation-hwo-01 .hwo-slider [data-slider-value] {
    font-size: 120px;
}


@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){

    #donation-hwo-01 .primary-width form {
        padding: 50px 30px;
    }
    #donation-hwo-01 .hwo-slider > div:first-child{
        padding-bottom: 20px;
    }
    #donation-hwo-01 .hwo-slider [data-slider-value] {
        font-size: 4em;
    }

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

        
        
    }
}
/* ----- END | HWO | DONATION - 01 ----- */


/* ----- HWO | SLIDER - 01 ----- */
.hwo-slider {
    width: 100%;
}
.hwo-slider input {
    -webkit-appearance: none;
    background: #ddd;
    padding: 0px !important;
    width: 100%;
    height: 5px;
    outline: none;
    border-radius: 25px;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}
.hwo-slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #ccc;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: solid 2px #aaa;
    box-shadow: inset 0 5px 10px rgba(0,0,0,0.2),0 3px 8px 0px rgba(0,0,0,0.3);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.hwo-slider input::-webkit-slider-thumb:hover{
    border: solid 2px #bbb;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.15),0 1px 4px 0px rgba(0,0,0,0.4);
}
.hwo-slider input::-moz-range-thumb {
    background: #ccc;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: solid 2px #aaa;
    box-shadow: inset 0 5px 10px rgba(0,0,0,0.2),0 3px 8px 0px rgba(0,0,0,0.3);
    cursor: pointer;
}
.hwo-slider input::-moz-range-thumb:hover {
    border: solid 2px #bbb;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.15),0 1px 4px 0px rgba(0,0,0,0.4);
}


@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){

        
        
    }
}
/* ----- END | HWO | SLIDER - 01 ----- */



/* ----- INTRO - FULLSCREEN IMAGE - 01 ----- */


@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){

    #intro-fullscreen-image-hwo-01 {
        height: 100vh;
        height: var(--vp-height);
    }

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

        
        
    }
}
/* ----- INTRO - FULLSCREEN IMAGE - 01 ----- */



/* ----- PARALLAX | HALF WIDTH TILES - 01 ----- */


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #parallax-half-tiles-hwo-01{
        padding: 50px 0 0 0;
    }
    #parallax-half-tiles-hwo-01 .tile {
        display: block;
    }
    #parallax-half-tiles-hwo-01 .tile .text {
        width: 100%;
    }
    #parallax-half-tiles-hwo-01 .tile .text .trans-md {
        padding: 0 50px;
        transform: none;
    }
    #parallax-half-tiles-hwo-01 .tile .image {
        padding: 50px;
        width: 100%;
    }
    #parallax-half-tiles-hwo-01 .tile .image > div {
        padding-bottom: calc(100% * (4/6));
        height: auto;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #parallax-half-tiles-hwo-01 .tile .text .trans-md {
        padding: 0px 30px;
    }
    #parallax-half-tiles-hwo-01 .tile .image {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- PARALLAX | HALF WIDTH TILES - 01 ----- */


/* ----- PARALLAX | TITLE BANNER - SCROLL - 01 ------ */
#parallax-title-banner-scroll-hwo-01 {
    min-height: 650px;
}


@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){

    #parallax-title-banner-scroll-hwo-01 {
        min-height: 80vh;
        min-height: calc(var(--vp-height) * 0.8);
    }
    #parallax-title-banner-scroll-hwo-01 .container .content {
        padding: 0 30px;
    }

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

        
        
    }
}
/* ----- END | PARALLAX | TITLE BANNER - SCROLL - 01 ------ */



/* ----- HWO | TEXT CONTENT - ICON POINTS - 01 ----- */
#text-content-icon-points-hwo-01 {
    padding: 100px 150px;
}
#text-content-icon-points-hwo-01 .points .point:nth-child(2n+1) {
    margin: 0 50px 100px 0;
}
#text-content-icon-points-hwo-01 .points .point:nth-child(2n+2){
    margin: 0 0 100px 50px;
}
#text-content-icon-points-hwo-01 .points .point:nth-last-child(1),
#text-content-icon-points-hwo-01 .points .point:nth-last-child(2) {
    margin-bottom: 0px;
}
#text-content-icon-points-hwo-01 .points .point .info {
    width: calc(100% - 126px);
}
#text-content-icon-points-hwo-01 .points .point .info .content > p:first-child {
    margin-top: 4px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #text-content-icon-points-hwo-01 {
        padding: 100px;
    }
}
@media (max-width: 1072px){
    #text-content-icon-points-hwo-01 {
        padding: 50px;
    }
}
@media (max-width: 838px){
    #text-content-icon-points-hwo-01 .text {
        padding: 0 50px;
    }
    #text-content-icon-points-hwo-01 .points {
        display: block;
        grid-template-columns: initial;
        padding: 100px 70px;
    }
    #text-content-icon-points-hwo-01 .points .point:nth-child(2n+1),
    #text-content-icon-points-hwo-01 .points .point:nth-child(2n+2) {
        margin: 0 0 50px 0;
    }
    #text-content-icon-points-hwo-01 .points .point:last-child{
        margin-bottom: 0px;
    }
}
@media (max-width: 660px){
    #text-content-icon-points-hwo-01 .text {
        padding: 0px;
    }
    #text-content-icon-points-hwo-01 .points {
        padding: 50px 0px;
    }
}
@media (max-width: 520px){}

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

    #text-content-icon-points-hwo-01 {
        padding: 50px 30px;
    }
    #text-content-icon-points-hwo-01 .points{padding: 30px 0;}
    #text-content-icon-points-hwo-01 .points .point:nth-child(2n+1),
    #text-content-icon-points-hwo-01 .points .point:nth-child(2n+2) {
        margin-bottom: 30px;
    }
    #text-content-icon-points-hwo-01 .bottom div:first-child {
        margin-bottom: 30px;
        line-height: 1em;
    }
    #text-content-icon-points-hwo-01 .bottom .actions span {
        margin: 0px;
        padding: 15px 0px;
        width: calc(50% - 10px);
    }
    #text-content-icon-points-hwo-01 .bottom .actions a:first-child span {
        margin-right: 15px;
    }

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

        

    }
}
/* ----- END | HWO | TEXT CONTENT - ICON POINTS - 01 ----- */


/* ----- HWO | TEXT CONTENT - PLAIN - MULTIPLE ENTRIES - 01 ----- */
#text-content-plain-multiple-entries-hwo-01 .entry:last-child {
    border: none;
}
#text-content-plain-multiple-entries-hwo-01 .entry div > p:first-child{
    margin-top: 0px
}
#text-content-plain-multiple-entries-hwo-01 .entry div > p:last-child{
    margin-bottom: 0px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 660px){
    #text-content-plain-multiple-entries-hwo-01{
        padding: 50px;
    }
}
@media (max-width: 520px){}

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

    #text-content-plain-multiple-entries-hwo-01 {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | HWO | TEXT CONTENT - PLAIN - MULTIPLE ENTRIES - 01 ----- */



/* ----- HWO | CALL-TO-ACTION - 01 ----- */
#call-to-action-hwo-01 {
    padding: 100px 150px;
}
#call-to-action-hwo-01 .container {
    width: 400px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
}
@media (max-width: 1072px){
    #call-to-action-hwo-01 {
        padding: 100px;
    }
}
@media (max-width: 838px){}
@media (max-width: 660px){

    #call-to-action-hwo-01 {
        padding: 100px 50px;
    }
    #call-to-action-hwo-01 .container {
        width: 100%;
    }

}
@media (max-width: 520px){}

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

    #call-to-action-hwo-01 {
        padding: 100px 30px;
    }

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

        
        
    }
}
/* ----- END | HWO | CALL-TO-ACTION - 01 ----- */



/* ----- CALL-TO-ACTION | DOWNLOAD LINK - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #call-to-action-download-link-hwo-01 .container {
        width: calc(100% - 100px);
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #call-to-action-download-link-hwo-01 .container {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- CALL-TO-ACTION | DOWNLOAD LINK - 01 ----- */



/* ----- HWO | TEXT - 3 TILES - 01 ----- */
#text-3-tiles-hwo-01 {
    padding: 100px 150px;
}
#text-3-tiles-hwo-01 .tiles .tile:nth-child(2) {
    margin: 0 50px;
}
#text-3-tiles-hwo-01 .tiles .tile .text .title {
    line-height: 22px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #text-3-tiles-hwo-01 {
        padding: 100px;
    }
}
@media (max-width: 1072px){
    #text-3-tiles-hwo-01 {
        padding: 50px;
    }
}
@media (max-width: 838px){
    #text-3-tiles-hwo-01 .tiles {
        display: block;
        margin: auto;
        width: 400px;
    }
    #text-3-tiles-hwo-01 .tiles .tile,
    #text-3-tiles-hwo-01 .tiles .tile:nth-child(2) {
        margin: 0 0 50px 0;
        width: 100%;
    }
    #text-3-tiles-hwo-01 .tiles .tile:last-child{
        margin: 0px;
    }
}
@media (max-width: 520px){
    #text-3-tiles-hwo-01 .heading,
    #text-3-tiles-hwo-01 .tiles{
        width: 100%;
    }
}

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

    #text-3-tiles-hwo-01 {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | HWO | TEXT - 3 TILES - 01 ----- */




/* ----- ELEGANT COLLECTION ------ */
/* ----- BANNER - 01 ----- */
#elegant-collection-banner-hwo-01{
    min-height: 500px;
}
#elegant-collection-banner-hwo-01 .container {
    width: calc(100% - 200px);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #elegant-collection-banner-hwo-01 .container {
        width: calc(100% - 100px);
    }
    #elegant-collection-banner-hwo-01 .container .top > div {
        width: 100%;
    }
}
@media (max-width: 838px){
    #elegant-collection-banner-hwo-01 .container .top {
        text-align: center;
    }
    #elegant-collection-banner-hwo-01 .container .top > div h1,
    #elegant-collection-banner-hwo-01 .container .top > div .subtitle {
        width: 100%;
    }
    #elegant-collection-banner-hwo-01 .container .top > div .content{
        margin: auto;
        width: 70%
    }
    #elegant-collection-banner-hwo-01 .container .bottom {
        text-align: center;
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-banner-hwo-01 {
        min-width: initial;
        height: calc(var(--vp-height) - 60px);
    }
    #elegant-collection-banner-hwo-01 .container {
        width: calc(100% - 60px);
    }
    #elegant-collection-banner-hwo-01 .container .top .subtitle{
        line-height: 1.2em;
    }
    #elegant-collection-banner-hwo-01 .container .bottom span {
        margin: 0px;
        padding: 15px 0;
        width: calc(50% - 15px);
    }
    #elegant-collection-banner-hwo-01 .container .bottom a:first-child span {
        margin-right: 20px;
    }
    #elegant-collection-banner-hwo-01 .container .bottom a:last-child span {
        margin-left: -5px;
    }

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

        
        
    }
}
/* ----- END | BANNER - 01 ----- */


/* ----- PARALLAX TITLE BANNER - 01 ----- */
#elegant-collection-parallax-title-banner-hwo-01{
    min-height: 450px;
}



@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){

    #elegant-collection-parallax-title-banner-hwo-01 .container .content {
        padding: 0 30px;
    }

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

        
        
    }
}
/* ----- END | PARALLAX TITLE BANNER - 01 ----- */


/* ----- BANNER - OVERLAY IMAGE - 01 ----- */
#elegant-collection-parallax-title-image-overlay-banner-hwo-01 .container .content {
    top: 80%;
}



@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){

        
        
    }
}
/* ----- END | BANNER - OVERLAY IMAGE - 01 ----- */


/* ----- PARALLAX - HALF TILES - 01 ----- */
#elegant-collection-parallax-half-tiles-hwo-01 form label {
    font-size: 13px;
}
#elegant-collection-parallax-half-tiles-hwo-01 form .disclaimer{
    font-size: 13px;
    line-height: 13px;
}



@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){

        
        
    }
}
/* ----- END | PARALLAX - HALF TILES - 01 ----- */


/* ----- HWO | CALL-TO-ACTION - 01 ----- */
#elegant-collection-parallax-call-to-action-hwo-01 {
    padding: 100px 150px;
}
#elegant-collection-parallax-call-to-action-hwo-01.left .container .actions a:first-child .hwo-btn-01-thin {
    margin-left: 0px;
}
#elegant-collection-parallax-call-to-action-hwo-01.right .container .actions a:last-child .hwo-btn-01-thin {
    margin-right: 0px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #elegant-collection-parallax-call-to-action-hwo-01 .container .content {
        width: 100%;
    }
}
@media (max-width: 1072px){
    #elegant-collection-parallax-call-to-action-hwo-01 {
        padding: 100px;
    }
}
@media (max-width: 838px){}
@media (max-width: 660px){

    #elegant-collection-parallax-call-to-action-hwo-01 {
        padding: 100px 50px;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container {
        width: 100%;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container .actions .hwo-btn-01-thin {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

}
@media (max-width: 520px){}

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

    #elegant-collection-parallax-call-to-action-hwo-01 {
        padding: 50px 30px;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container {
        padding: 50px 0;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container .title {
        margin-bottom: 10px;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container .subtitle {
        margin-bottom: 10px;
        font-size: 1.4em;
        line-height: 1em;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container .content {
        line-height: 1em;
    }
    #elegant-collection-parallax-call-to-action-hwo-01 .container .actions {
        margin-top: 20px;
        text-align: center;
    }

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

        
        
    }
}
/* ----- END | HWO | CALL-TO-ACTION - 01 ----- */


/* ----- HWO | AREA ALERTS FORM - 01 ----- */
#elegant-collection-area-alerts-form-hwo-01 form .form-area .submission-confirmation {
    transform: initial;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #elegant-collection-area-alerts-form-hwo-01 .text {
        width: calc(100% - 100px);
    }
    #elegant-collection-area-alerts-form-hwo-01 form {
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-area-alerts-form-hwo-01 {
        padding: 50px 0;
    }
    #elegant-collection-area-alerts-form-hwo-01 > div {
        padding: 50px 0;
    }
    #elegant-collection-area-alerts-form-hwo-01 > div > .text,
    #elegant-collection-area-alerts-form-hwo-01 > div > form {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | HWO | AREA ALERTS FORM - 01 ----- */


/* ----- HWO | HOME EVALUATION FORM - 01 ----- */
#elegant-collection-home-evaluation-form-hwo-01 form .form-area .submission-confirmation {
    transform: initial;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #elegant-collection-home-evaluation-form-hwo-01 .text {
        width: calc(100% - 100px);
    }
    #elegant-collection-home-evaluation-form-hwo-01 form{
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-home-evaluation-form-hwo-01 {
        padding: 50px 0;
    }
    #elegant-collection-home-evaluation-form-hwo-01 > div {
        padding: 50px 0;
    }
    #elegant-collection-home-evaluation-form-hwo-01 .text,
    #elegant-collection-home-evaluation-form-hwo-01 form {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | HWO | HOME EVALUATION FORM - 01 ----- */


/* ----- HWO | LISTING ALERTS FORM - 01 ----- */
#elegant-collection-listing-alerts-form-hwo-01 form .form-area .submission-confirmation {
    transform: initial;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #elegant-collection-listing-alerts-form-hwo-01 .text {
        width: calc(100% - 100px);
    }
    #elegant-collection-listing-alerts-form-hwo-01 form {
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-listing-alerts-form-hwo-01 {
        padding: 50px 0;
    }
    #elegant-collection-listing-alerts-form-hwo-01 > div {
        padding: 50px 0;
    }
    #elegant-collection-listing-alerts-form-hwo-01 .text {
        width: calc(100% - 60px);
    }
    #elegant-collection-listing-alerts-form-hwo-01 form {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | HWO | LISTING ALERTS FORM - 01 ----- */


/* ----- HWO | PRE-CONSTRUCTION FORM - 01 ----- */
#elegant-collection-pre-construction-form-hwo-01 form .form-area .submission-confirmation {
    transform: initial;
}



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

    #elegant-collection-pre-construction-form-hwo-01 .text {
        width: calc(100% - 100px);
    }
    #elegant-collection-pre-construction-form-hwo-01 form {
        width: calc(100% - 100px);
    }

}
@media (max-width: 520px){}

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

    #elegant-collection-pre-construction-form-hwo-01 {
        padding: 50px 0;
    }
    #elegant-collection-pre-construction-form-hwo-01 > div {
        padding: 50px 0;
    }
    #elegant-collection-pre-construction-form-hwo-01 .text,
    #elegant-collection-pre-construction-form-hwo-01 form {
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | HWO | PRE-CONSTRUCTION FORM - 01 ----- */



/* ----- HWO | CONTACT FORM - PARALLAX BACKGROUND IMAGE - 01 ----- */
#elegant-collection-contact-form-parallax-image-hwo-01 .container .copy {
    padding-right: 120px;
    width: 440px;
}
#elegant-collection-contact-form-parallax-image-hwo-01 .container .form {
    width: calc(100% - 440px);
}
#elegant-collection-contact-form-parallax-image-hwo-01 .container .form form textarea {
    padding: 12px 16px;
    height: 180px;
}
#elegant-collection-contact-form-parallax-image-hwo-01 .container .form form .legal {
    font-size: 12px;
    line-height: 14px;
}
#elegant-collection-contact-form-parallax-image-hwo-01 .container .form form .form-area .submission-confirmation {
    top: -30px;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #elegant-collection-contact-form-parallax-image-hwo-01 .container {
        width: 100%;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .copy {
        padding-right: 80px;
        width: 360px;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .form {
        width: calc(100% - 360px);
    }
}
@media (max-width: 838px){
    #elegant-collection-contact-form-parallax-image-hwo-01 {
        padding: 50px;
    }
}
@media (max-width: 770px){
    #elegant-collection-contact-form-parallax-image-hwo-01 .container {
        display: block;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .copy {
        margin-bottom: 70px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .copy .social-media {
        margin-top: 30px;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .form {
        width: 100%;
        text-align: center;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .form [contenteditable] {
        text-align: left;
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-contact-form-parallax-image-hwo-01 {
        padding: 50px 30px;
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .form form textarea {
        height: calc((100vw - 60px) * 0.45);
    }
    #elegant-collection-contact-form-parallax-image-hwo-01 .container .form form .form-area .submission-confirmation {
        top: -15px;
        transform: none;
    }

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

        
        
    }
}
/* ----- END | HWO | CONTACT FORM - PARALLAX BACKGROUND IMAGE - 01 ----- */


/* ----- MLS SEARCH STRIP - 01 ----- */
#elegant-collection-mls-search-strip-hwo-01 .title {
    width: calc(100% - 40px);
}
#elegant-collection-mls-search-strip-hwo-01 .icon{
    width: 40px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #elegant-collection-mls-search-strip-hwo-01 {
        padding: 30px 50px;
    }
}
@media (max-width: 838px){}
@media (max-width: 520px){}

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

    #elegant-collection-mls-search-strip-hwo-01 {
        padding: 30px;
    }

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

        
        
    }
}
/* ----- END | MLS SEARCH STRIP - 01 ----- */

/* ----- MLS SEARCH STRIP - POPUP - 01 ----- */
#elegant-collection-mls-search-strip-hwo-01-popup .container .search input {
    padding: 0px;
}
#elegant-collection-mls-search-strip-hwo-01-popup .container .buy-rent .hwo-toggle {
    width: 100px;
}
#elegant-collection-mls-search-strip-hwo-01-popup .container .property-subtype input[type="checkbox"]:checked {
    background: #fff;
    border-color: #fff;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #elegant-collection-mls-search-strip-hwo-01-popup .container {
        padding: 100px 50px;
    }
    #elegant-collection-mls-search-strip-hwo-01-popup .actions {
        padding: 20px 50px;
    }
}
@media (max-width: 838px){
    #elegant-collection-mls-search-strip-hwo-01-popup .container .property-subtype .float-left {
        width: 50%;
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-mls-search-strip-hwo-01-popup .container {
        padding: 50px 30px 100px 30px;
    }
    #elegant-collection-mls-search-strip-hwo-01-popup .actions {
        padding: 20px 30px;
    }
    #elegant-collection-mls-search-strip-hwo-01-popup .close {
        padding: 30px;
        width: 20px;
        height: 20px;
    }

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

        
        
    }
}
/* ----- END | MLS SEARCH STRIP - POPUP - 01 ----- */


/* ----- MLS LISTING STRIP - 01 ----- */
#elegant-collection-mls-listing-strip-hwo-01 .listings .container {
    width: calc(27.5% * var(--listings-count)) !important;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #elegant-collection-mls-listing-strip-hwo-01 .listings .container {
        width: calc(27.5% * var(--listings-count)) !important;
    }
}
@media (max-width: 1072px){
    #elegant-collection-mls-listing-strip-hwo-01 .listings .container {
        width: calc(31% * var(--listings-count)) !important;
    }
}
@media (max-width: 838px){
    #elegant-collection-mls-listing-strip-hwo-01 .listings .container {
        width: calc(40% * var(--listings-count)) !important;
    }
}
@media (max-width: 600px){
    #elegant-collection-mls-listing-strip-hwo-01 .listings .container {
        width: calc(80% * var(--listings-count)) !important;
    }
}
@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){
    
        
        
    }
}
/* ----- END | MLS LISTING STRIP - 01 ----- */


/* ----- CONTENT - 2 TILES - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #elegant-collection-content-2-tiles-hwo-01 .heading {
        width: calc(100% - 100px);
    }
}
@media (max-width: 600px){
    #elegant-collection-content-2-tiles-hwo-01 .tiles {
        width: calc(100% - 40px);
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-content-2-tiles-hwo-01 .heading {
        padding: 30px 0px;
        width: calc(100% - 60px);
    }
    #elegant-collection-content-2-tiles-hwo-01 .tiles {
        width: calc(100% - 20px);
    }
    #elegant-collection-content-2-tiles-hwo-01 .tiles .tile {
        padding: 20px;
    }

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

        
        
    }
}
/* ----- END | CONTENT - 2 TILES - 01 ----- */


/* ----- PARALLAX - HALF TILES - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #elegant-collection-parallax-half-tiles-hwo-01 .tile .text > div {
        padding: 0 50px;
    }
}
@media (max-width: 838px){
    #elegant-collection-parallax-half-tiles-hwo-01 .tile {
        display: block;
    }
    #elegant-collection-parallax-half-tiles-hwo-01 .tile .text {
        width: 100%;
    }
    #elegant-collection-parallax-half-tiles-hwo-01 .tile .text > div {
        transform: initial;
    }
    #elegant-collection-parallax-half-tiles-hwo-01 .tile .image {
        margin-top: 70px;
        padding-left: 50px;
        width: 100%;
    }
    #elegant-collection-parallax-half-tiles-hwo-01 .tile .image > div {
        padding-bottom: 50%;
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-parallax-half-tiles-hwo-01 .tile .text > div {
        padding: 0 30px;
    }
    #elegant-collection-parallax-half-tiles-hwo-01 .tile .image {
        padding-left: 30px;
    }

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

        
        
    }
}
/* ----- END | PARALLAX - HALF TILES - 01 ----- */



/* ----- TEXT CONTENT | HWO - 01 ----- */
#elegant-collection-text-content-hwo-01.left .content .actions a:first-child .hwo-btn-01-thin {
    margin-left: 0px;
}
#elegant-collection-text-content-hwo-01.right .content .actions a:last-child .hwo-btn-01-thin {
    margin-right: 0px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #elegant-collection-text-content-hwo-01 .content {
        padding: 100px;
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 838px){
    #elegant-collection-text-content-hwo-01 .content {
        padding: 50px;
        text-align: center;
    }
}
@media (max-width: 660px){
    #elegant-collection-text-content-hwo-01 .content .actions .hwo-btn-01-thin{
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
}
@media (max-width: 520px){}

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

    #elegant-collection-text-content-hwo-01 .content {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | TEXT CONTENT | HWO - 01 ----- */

/* ----- END | ELEGANT COLLECTION ------ */



/* ----- RATEHUB ----- */
.ratehub-calc .rh-calc-tabs .rh-holder.selected a,
.rh h1,
.rh .h1,
.rh h2,
.rh .h2,
.rh h3,
.rh .h3,
.rh h4,
.rh .h4,
.rh a:not(.go),
.ratehub-calc,
.ratehub-calc .rh-calc-tabs .rh-holder a,
#payment-calc .rh-calc-main .total,
#payment-calc .rh-calc-main .total-mortgage-payment,
#payment-calc .rh-calc-main .land-transfer-tax .rh-title,
.ratehub-calc #calc_extension .section-title,
.ratehub-calc .rh-calc-main .total-mortgage-payment td a {
    color: inherit !important;
}
/* ----- END | RATEHUB ----- */


/* ----- HWO: DYNAMIC FORM - 01 ----- */
#dynamic-form-hwo-01 form .form-area .submission-confirmation {
    transform: none;
}
#dynamic-form-hwo-01 form .form-area .submission-confirmation svg {
    margin-top: 0px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #dynamic-form-hwo-01 form {
        width: calc(100% - 100px);
    }
}
@media (max-width: 520px){}

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

    #dynamic-form-hwo-01 {
        padding: 50px 0;
    }
    #dynamic-form-hwo-01 form {
        padding: 30px;
        width: calc(100% - 60px);
    }

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

        
        
    }
}
/* ----- END | HWO: DYNAMIC FORM - 01 ----- */


/* ----- HWO: EVENTS LIST - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){
    #events-list-hwo-01 {
        padding: 50px;
    }
    #events-list-hwo-01 .event {
        padding: 30px;
    }
}
@media (max-width: 1072px){
    #events-list-hwo-01 > div {
        grid-template-columns: 50% 50%;
    }
    #events-list-hwo-01 {
        padding: 40px;
    }
    #events-list-hwo-01 .event {
        padding: 40px;
    }
}
@media (max-width: 838px){
    #events-list-hwo-01 {
        padding: 30px;
    }
    #events-list-hwo-01 .event {
        padding: 20px;
    }
}
@media (max-width: 660px){
    #events-list-hwo-01 > div {
        display: block;
        grid-template-columns: initial;
    }
    #events-list-hwo-01 {
        padding: 20px;
    }
    #events-list-hwo-01 .event {
        padding: 20px;
    }
}
@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){

        
        
    }
}
/* ----- END | HWO: EVENTS LIST - 01 ----- */



/* ----- HWO: EVENT BANNER - 01 ----- */
#event-banner-hwo-01 .top .poster {
    width: 60%;
}
#event-banner-hwo-01 .top .info {
    width: 40%;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #event-banner-hwo-01 .container {
        width: 800px;
    }
}
@media (max-width: 838px){
    #event-banner-hwo-01 .container {
        width: 500px;
    }
    #event-banner-hwo-01 .top{
        display: block;
    }
    #event-banner-hwo-01 .top .poster {
        width: 100%;
    }
    #event-banner-hwo-01 .top .info{
        width: 100%;
        text-align: center;
    }
    #event-banner-hwo-01 .actions .third-width{
        width: 50%;
    }
    #event-banner-hwo-01 .actions .third-width:nth-last-child(2){
        margin-right: 0px;
    }
    #event-banner-hwo-01 .actions .third-width:last-child {
        display: none;
    }
}
@media (max-width: 520px){
    #event-banner-hwo-01 .container{
        width: calc(100% - 100px);
    }
}

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

    #event-banner-hwo-01 .container {
        width: calc(100% - 60px);
    }
    #event-banner-hwo-01 .top .info {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | HWO: EVENT BANNER - 01 ----- */



/* ----- HWO: EVENT BANNER - 01 ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #event-content-hwo-01 .content {
        width: 800px;
    }
}
@media (max-width: 838px){
    #event-content-hwo-01 .content {
        width: 500px;
    }
}
@media (max-width: 520px){
    #event-content-hwo-01 .content{
        width: calc(100% - 100px);
    }
}

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

    #event-content-hwo-01 .content {
        padding: 50px 30px;
        width: calc(100% - 60px) !important;
    }

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

        
        
    }
}
/* ----- END | HWO: EVENT BANNER - 01 ----- */



/* ----- REQUEST PAYMENT ----- */



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #request-payment .container {
        margin: 0px;
        width: 100%;
    }
}
@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){

        
        
    }
}
/* ----- END | REQUEST PAYMENT ----- */




/* ----- PRIVATE - HWO ------ */


#popup .content [data-popup-version="1.5.0"] .form-area {
    height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
}
#popup .content [data-popup-version="1.5.0"] .form-area input[type="checkbox"] {
    margin: 0 7px 0 0;
    width: 30px;
    height: 30px;
    border: solid 1px #cccccc;
}
#popup .content [data-popup-version="1.5.0"] .form-area label {
    width: calc(100% - 50px);
}
#popup .content [data-popup-version="1.5.0"] .form-area .submission-confirmation svg{
    margin-top: 0px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #event-content-hwo-01 .content {
        width: 800px;
    }
}
@media (max-width: 838px){
    #event-content-hwo-01 .content {
        width: 500px;
    }
}
@media (max-width: 520px){
    #event-content-hwo-01 .content{
        width: calc(100% - 100px);
    }
}

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

    #popup .content [data-popup-version="1.5.0"] {
        width: 100%;
        height: 100%;
    }
    #popup .content [data-popup-version="1.5.0"] .form-area {
        height: calc(100% - 165px);
        max-height: initial;
    }
    #popup .content [data-popup-version="1.5.0"] .form-area .heading div {
        margin-top: 0px;
    }

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

        
        
    }
}


.cta-get-started-hwo-01{
    height: 450px;
}
.cta-get-started-hwo-01 .container .title {
    font-size: 40px;
    line-height: 43px;
}



.banner-get-started-hwo-01{
    min-height: 730px;
    height: 100vh;
}
.banner-get-started-hwo-01 .container .content {
    width: 475px;
}
.banner-get-started-hwo-01 .container .content .text .subtext {
    line-height: 28px;
}


.get-started-action .email-address input {
    padding: 20px 30px;
}
.get-started-action .button-text .text {
    font-size: 12px;
}



.alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
    width: calc(100% - 540px);
}
.alt-tiles-text-image-enhanced-hwo-01 .tile > .text .heading .title {
    font-size: 40px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile > .text .heading .subtitle {
    font-size: 24px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile > .media{
    width: 540px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile.alt{
    background: #f7f7f7;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
    padding-right: 200px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .text {
    padding-left: 200px;
    padding-right: 100px;
    order: 2;
}


.tri-testimonials-hwo-01{
    padding-bottom: 150px;
}
.tri-testimonials-hwo-01 .testimonies .testimony.middle {
    top: 60px;
}
.tri-testimonials-hwo-01 .testimonies .testimony .text {
    height: 220px;
}
.tri-testimonials-hwo-01 .testimonies .testimony .id .avatar {
    width: 80px;
    height: 80px;
}
.tri-testimonials-hwo-01 .testimonies .testimony .id > div:nth-last-child(2) {
    line-height: 22px;
}



.marketing-topic-points-hwo-01 .topic .points {
    display: grid;
    grid-template-columns: 50% 50%;
}
.marketing-topic-points-hwo-01 .topic .points .point:nth-last-child(1),
.marketing-topic-points-hwo-01 .topic .points .point:nth-last-child(2) {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.marketing-topic-points-hwo-01 .topic:last-child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: none;
}


.banner-title-scroll-hwo-01,
.banner-title-btn-scroll-hwo-01 {
    height: 690px;
}


.pricing-compare-01 .compare > div {
    height: 875px;
}
.pricing-compare-01 .compare > div .container .number {
    font-size: 160px;
    line-height: 150px;
}
.pricing-compare-01 .compare > div .container .text{
    line-height: 28px;
}

.become-affiliate-steps-hwo-01 .container .heading .subtitle {
    line-height: 28px;
}
.become-affiliate-steps-hwo-01 .container .steps .text {
    font-size: 14px;
    line-height: 18px;
}



#footer-hwo-p-01,
#hwo-home-p-01,
#hwo-get-online-p-01,
#hwo-design-p-01,
#hwo-features-p-01,
#hwo-pricing-p-01,
#hwo-affiliate-program-p-01,
#hwo-about-p-01,
#hwo-contact-p-01{
    color: #767676;
}




@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .banner-get-started-hwo-01 {
        min-height: 900px;
    }
    .banner-get-started-hwo-01 .container {
        padding: 200px 50px 0px 50px;
    }
}
@media (max-width: 838px){
}
@media (max-width: 700px){
    .banner-get-started-hwo-01 .container .content {
        width: 100%;
    }
}
@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){

        
        
    }
}

/* ----- HEADER ------ */
#header-hwo-p-01{
    height: 100px;
}
#header-hwo-p-01 .hwo-logo {
    height: 40px;
}
#header-hwo-p-01 .side-menu-button{
    width: 40px;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    #header-hwo-p-01 .menu-tabs{
        display: none;
    }
    #header-hwo-p-01 .get-started-btn {
        margin: 0px;
    }
    #header-hwo-p-01 .side-menu-button {
        display: inline-block;
        width: 40px;
    }
}
@media (max-width: 520px){}

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

    #header-hwo-p-01 {
        height: 80px;
    }
    #header-hwo-p-01 > div > div:first-child {
        padding-right: 0px;
        width: 45%;
    }
    #header-hwo-p-01 > div > div:last-child {
        padding-left: 0px;
        width: 55%;
    }
    #header-hwo-p-01 .hwo-logo {
        height: 34px;
    }
    #header-hwo-p-01 .get-started-btn .hwo-btn-01-thin {
        padding: 14px 20px;
        font-size: 14px;
    }
    #header-hwo-p-01 .side-menu-button {
        padding: 22px;
        width: 30px;
    }


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

        
        
    }
}
/* ----- END | HEADER ------ */



/* ----- FOOTER ------ */
#footer-hwo-p-01 .top .site-map-links > div .get-online {
    width: 60%;
}
#footer-hwo-p-01 .top .site-map-links > div .hwo-social {
    width: 40%;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    #footer-hwo-p-01 .top{
        padding: 0 50px;
    }
    #footer-hwo-p-01 .top .site-map-links > div {
        display: block;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online {
        width: 100%;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online {
        padding-bottom: 50px;
    }
    #footer-hwo-p-01 .top .site-map-links > div .hwo-social{
        width: calc(100% * (2/3));
    }
    #footer-hwo-p-01 .bottom{
        flex-direction: column;
        padding: 50px;
    }
    #footer-hwo-p-01 .bottom > div {
        order: 2;
        width: 100%;
        text-align: center;
    }
    #footer-hwo-p-01 .bottom > div:first-child{
        padding-top: 25px;
    }
    #footer-hwo-p-01 .bottom > div:last-child {
        order: 1;
    }
}
@media (max-width: 838px){

    #footer-hwo-p-01 {
        text-align: center;
    }
    #footer-hwo-p-01 .top .primary-menu span {
        display: block;
        margin: 10px;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online .titles{
        display: block;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online .titles > div:not(:first-child) {
        display: none;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online .titles > div:first-child {
        width: 100%;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online .links {
        display: block;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online .links > div {
        width: 100%;
    }
    #footer-hwo-p-01 .top .site-map-links > div .link {
        padding: 10px;
    }
    #footer-hwo-p-01 .top .site-map-links > div .hwo-social {
        display: block;
        width: 100%;
    }
    #footer-hwo-p-01 .top .site-map-links > div .hwo-social > div {
        width: 100%;
    }
    #footer-hwo-p-01 .top .site-map-links > div .hwo-social > div:first-child {
        padding-bottom: 50px;
    }

}
@media (max-width: 520px){}

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

    #footer-hwo-p-01 {
        z-index: 0;
        text-align: left;
    }
    #footer-hwo-p-01 .top .site-map-links > div .get-online .links {
        display: flex;
        margin-top: 7px;
    }
    #footer-hwo-p-01 .top .site-map-links > div .link {
        padding: 3px 0;
    }
    #footer-hwo-p-01 .top .site-map-links > div .hwo-social {
        display: flex;
        padding-top: 40px;
    }
    #footer-hwo-p-01 .bottom {
        padding: 50px 30px;
    }

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

        
        
    }
}
/* ----- END | FOOTER ------ */


/* ----- DOWNLOAD ----- */
@media (max-width: 520px){}

/* ALL MOBILE */
#download .content {
    max-width: calc(100% - 100px);
}


@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    #download .content {
        padding: 30px;
        max-width: calc(100% - 60px);
    }
}
/* ----- END | DOWNLOAD ----- */


#hwo-get-online-p-01 .banner-image-points-hwo-01,
#hwo-design-p-01 .banner-image-points-hwo-01,
#hwo-features-p-01 .banner-title-scroll-hwo-01,
#hwo-pricing-p-01 .banner-title-btn-scroll-hwo-01,
#hwo-affiliate-program-p-01 .banner-get-started-hwo-01,
#hwo-affiliate-program-sign-up-p-01,
#hwo-about-p-01 .banner-get-started-hwo-01,
#hwo-contact-p-01 {
    margin-top: 100px;
}
#hwo-features-p-01 .banner-title-scroll-hwo-01,
#hwo-pricing-p-01 .banner-title-btn-scroll-hwo-01,
#hwo-affiliate-program-p-01 .banner-get-started-hwo-01,
#hwo-about-p-01 .banner-get-started-hwo-01{
    min-height: initial;
    height: 590px;
}


#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:not(.alt) > .text{
    padding-right: 18%;
}
#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image {
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .large-image {
    left: 0px;
    right: auto;
}
#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.get-business-online .media .small-image {
    right: 70.3%;
    top: -63px;
    width: 403px;
    height: 686px;
    box-shadow: none;
}
#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media .small-image {
    left: 54.4%;
    right: auto;
    top: 34px;
    width: 320px;
    height: 573px;
    box-shadow: none;
    filter: drop-shadow(0 5px 20px rgba(0,0,0,0.3));
}
#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.turnkey-solution .media .small-image {
    right: 79%;
    top: 104px;
    width: 266px;
    height: 249px;
    box-shadow: none;
    filter: drop-shadow(0 4px 20px rgba(0,0,0,0.1));
}
#hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.ready-team .media .small-image {
    width: 400px;
    height: 215px;
    top: 100px;
    left: 54%;
}


#hwo-get-online-p-01 .banner-image-points-hwo-01{
    background: #101615;
}
#hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text {
    margin-top: 130px;
    width: 600px;
    height: 750px;
}
#hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image {
    width: calc(100% - 600px);
}
#hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image .small-image {
    width: 329px;
    height: 621px;
    right: 52%;
    top: 113px;
    border-radius: 20px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.5);
}
#hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image .large-image {
    right: 0px;
    width: 571px;
}
#hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .heading .subtext {
    line-height: 28px;
    width: 70%;
}
#hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .points .point > div {
    line-height: 20px;
}

#hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:first-child {
    padding: 40px 0;
}
#hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2) {
    padding: 100px 0 150px 0;
}
#hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt {
    background: transparent;
}
#hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > div {
    width: 50%;
}
#hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > .text {
    background: #fdfce4;
    padding: 100px;
}
#hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > .media img {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#hwo-design-p-01 .banner-image-points-hwo-01{
    background: #c2f2fe;
    color: #2a466d;
    height: 847px;
}
#hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text{
    padding-top: 130px;
    width: 550px;
}
#hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .heading .subtext {
    width: 300px;
    line-height: 30px;
}
#hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text > div {
    line-height: 20px;
}
#hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image{
    width: calc(100% - 550px);
}
#hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image .ds {
    right: 102px;
    top: 68px;
    width: 530px;
    height: 830px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.3);
}
#hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image img {
    right: 67px;
    top: 33px;
}



#hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt{
    background: transparent;
}
#hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:last-child {
    padding-bottom: 100px;
}
#hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
    padding-right: 300px;
}
#hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .text {
    padding-left: 223px;
    padding-right: 100px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image {
    right: 100px;
    top: 90px;
    width: 460px;
    height: 460px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile > .media .small-image {
    width: 260px;
    height: 390px;
    right: 414px;
    top: 204px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
}
.alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .large-image {
    right: auto;
    left: 100px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .small-image {
    right: auto;
    left: 414px;
    top: 50px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile.no-coding > .media .large-image {
    top: 174px;
    height: 384px;
}
.alt-tiles-text-image-enhanced-hwo-01 .tile.no-coding > .media .small-image {
    right: 414px;
    top: 204px;
}


#hwo-features-p-01 .banner-title-scroll-hwo-01 .arrow {
    width: 60px;
}
#hwo-features-p-01 .banner-title-scroll-hwo-01 .arrow svg {
    height: 33px;
}


#hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
    padding-right: 300px;
}
#hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .media .large-image {
    width: 460px;
    height: 460px;
}
#hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .media .small-image {
    right: 450px;
    top: 200px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.15);
}


#hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
    padding: 100px 15vw 150px 100px;
}
#hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .media .large-image {
    right: 0vw;
    top: 0px;
    width: 460px;
    height: 460px;
}
#hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .media .small-image {
    right: 28vw;
    top: 14vw;
}


#hwo-about-p-01 .banner-get-started-hwo-01{
    height: 590px;
}
#hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .text {
    padding-right: 120px;
}


.contact-p-01 > .tiles {
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}


#policy-page h1,
#policy-page h2,
#policy-page h3,
#policy-page h1 span,
#policy-page h2 span,
#policy-page h3 span{
    font-weight: 700 !important;
}
#policy-page h1 {
    font-size: 40px;
    line-height: 40px;
}
#policy-page h2 {
    font-size: 30px;
    line-height: 30px;
}
#policy-page h3 {
    font-size: 24px;
    line-height: 24px;
}
#policy-page ul,
#policy-page ol {
    padding-left: 70px;
}
#policy-page ul li,
#policy-page ol li {
    padding: 10px;
    list-style: initial;
}
#policy-page a,
#policy-page a span {
    font-weight: 500 !important;
    list-style: initial;
}



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

    .tri-testimonials-hwo-01 .testimonies .testimony {
        width: calc(100% / 3);
    }
    .tri-testimonials-hwo-01 .testimonies .testimony.middle {
        margin: 0 4%;
    }


    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text,
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image {
        width: 50%;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image .large-image {
        width: 70%;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image .small-image {
        right: 40%;
    }

    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        padding-right: 200px;
    }


    #hwo-features-p-01 .banner-title-scroll-hwo-01 .container .content h1 {
        margin: auto;
        width: 700px;
    }
    #hwo-features-p-01 .banner-title-scroll-hwo-01 .container .content div {
        margin: 20px auto 0 auto;
        width: 500px;
        line-height: 30px;
    }
    #hwo-features-p-01 .banner-title-scroll-hwo-01 > div:last-child {
        padding-bottom: 40px;
    }

    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .media .large-image {
        right: 0vw;
        width: 35vw;
        height: 35vw;
    }

}
@media (max-width: 1200px){
    .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        width: 70%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile > .media {
        width: 30%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.get-business-online .media .small-image {
        right: 50%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media .small-image {
        left: 40%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.turnkey-solution .media .small-image {
        right: 60%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.ready-team .media .small-image {
        left: 20%;
    }

    .tri-testimonials-hwo-01 {
        padding: 50px 4% 150px 4%;
    }

    .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        width: 60%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile > .media {
        width: 40%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image{
        right: 20%;
        width: 90%;
        height: auto;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .small-image {
        width: 51%;
        height: auto;
        right: 77%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .small-image{
        left: 77%;
        top: 7%;
    }

    .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        padding-right: 200px;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile.no-coding > .media .small-image {
        right: 80%;
        top: 40%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile.no-coding > .media .small-image {
        right: 80%;
        top: 40%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .text {
        padding-left: 183px;
    }


    #hwo-design-p-01 .banner-image-points-hwo-01 {
        height: 65vw;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text {
        width: 50%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .media {
        width: 50%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image .ds {
        right: 9.2vw;
        top: 5.5vw;
        width: 40vw;
        height: 62vw;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image img {
        width: 45.5vw;
        height: auto;
        right: 6.5vw;
        top: 2vw;
    }

    #hwo-pricing-p-01 .banner-title-btn-scroll-hwo-01 .container .content h1 {
        margin: auto;
        width: 700px;
    }


    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        padding-bottom: 50px;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .media .small-image {
        width: 262px;
    }

}
@media (max-width: 1072px){
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:not(.alt) > .text {
        padding-left: 50px;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.get-business-online .media .small-image {
        right: 18%;
    }
    .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .text {
        padding-right: 50px;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media .small-image {
        left: 27%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.turnkey-solution .media .small-image {
        right: 40%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.ready-team .media .small-image {
        left: 3%;
    }


    .tri-testimonials-hwo-01 {
        padding: 70px 50px;
    }
    .tri-testimonials-hwo-01 .testimonies {
        display: block;
    }
    .tri-testimonials-hwo-01 .testimonies .testimony {
        margin-top: 70px;
        width: 100%;
    }
    .tri-testimonials-hwo-01 .testimonies .testimony .text {
        padding: 50px 50px 70px 50px;
        height: auto;
    }
    .tri-testimonials-hwo-01 .testimonies .testimony.middle {
        margin: 70px 0 0 0;
        top: 0px;
    }
    .tri-testimonials-hwo-01 .heading h3 br {
        display: none;
    }


    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content {
        display: block;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text {
        background: #111 url(/media/hwo_design-bg.jpg) center center / cover no-repeat;
        margin-top: 0px;
        padding: 50px 30% 50px 50px;
        width: 100%;
        height: auto;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .heading .title {
        width: 80%;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .heading .subtext {
        line-height: 28px;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .points > .df .point {
        padding: 0 0 50px 0;
        width: 50%;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .points > .df .point:first-child {
        margin-right: 50px;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .points .point div {
        padding: 0px;
        line-height: 16px;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .points > .point {
        padding: 0px;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image {
        width: 100%;
        height: calc(70vw - 100px);
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image .large-image {
        background-position-x: 53% !important;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image .small-image {
        width: auto;
        height: 80%;
        right: auto;
        left: 10%;
        top: 50%;
        border-radius: 20px;
        transform: translateY(-50%);
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
    }

    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:first-child {
        padding: 0px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile {
        display: block;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        width: 600px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media{
        width: 100%;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text,
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .text {
        padding: 50px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image,
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .large-image {
        position: relative;
        left: 0px;
        right: auto;
        top: 0px;
        width: 100%;
        height: auto;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .small-image,
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .small-image {
        width: 60%;
        height: auto;
        right: 0px;
        top: 17%;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .small-image {
        left: 0px;
        right: auto;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2){
        z-index: 1;
        padding: 0px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2) > .text{
        padding-top: 100px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half{
        z-index: 0;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > div {
        width: 100%;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > .text {
        background: #fdfce4;
        padding: 100px 50px 100px 50px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > .media img {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text {
        padding-left: 50px;
        padding-bottom: 100px;
        width: 60%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image{
        width: 40%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image .ds {
        right: calc(9.2vw - 60px);
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image img {
        right: calc(6.5vw - 60px);
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 {
        height: auto;
    }



    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:first-child {
        padding: 0px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile {
        display: block;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        width: 600px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media{
        width: 100%;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text,
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .text {
        padding: 50px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image,
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .large-image {
        position: relative;
        left: 0px;
        right: auto;
        top: 0px;
        width: 100%;
        height: auto;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .small-image,
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .small-image {
        width: 60%;
        height: auto;
        right: 0px;
        top: 17%;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.alt > .media .small-image {
        left: 0px;
        right: auto;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2){
        z-index: 1;
        padding: 0px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2) > .text{
        padding-top: 100px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half{
        z-index: 0;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > div {
        width: 100%;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > .text {
        background: #fdfce4;
        padding: 100px 50px 100px 50px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.half > .media img {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        padding-top: 150px;
        width: 100%;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image {
        height: 100vw;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:last-child > .text {
        padding: 100px 50px;
        padding-bottom: 100px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:last-child > .media .small-image {
        top: -7%;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:last-child {
        padding-bottom: 0px;
    }


    .cta-get-started-hwo-01 {
        padding: 0 50px;
    }
    .cta-get-started-hwo-01 .container > div:first-child {
        width: 60%;
    }
    .cta-get-started-hwo-01 .container > div:last-child {
        width: 40%;
    }


    #hwo-features-p-01 .banner-title-scroll-hwo-01 .container .content h1 {
        width: calc(100% - 100px);
    }
    #hwo-features-p-01 .banner-title-scroll-hwo-01 .container .content div {
        width: calc(100% - 200px);
    }


    .marketing-topic-points-hwo-01{
        padding: 50px;
    }


    .pricing-compare-01 .compare > div {
        padding: 50px;
    }
    .pricing-compare-01 .compare .container > div:nth-child(2) {
        padding: 50px 0;
    }
    .pricing-compare-01 .compare > div {
        height: auto;
    }
    .pricing-compare-01 .compare > div > div:first-child {
        padding-bottom: 130px;
    }
    .pricing-compare-01 .compare > div > div:last-child {
        margin-bottom: 50px;
    }


    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 .container {
        padding: 160px 50px 50px 50px;
    }

    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:first-child {
        padding: 0px;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile {
        display: block;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        padding: 50px;
        width: 600px;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media{
        width: 100%;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image {
        position: relative;
        left: 0px;
        right: auto;
        top: 0px;
        width: 100%;
        height: auto;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .small-image {
        width: 60%;
        height: auto;
        right: 0px;
        top: -6%;
    }


    .become-affiliate-steps-hwo-01 .container {
        width: calc(100% - 100px);
    }
    .become-affiliate-steps-hwo-01 .container .steps {
        padding: 0px;
    }


    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:first-child {
        padding: 0px;
    }
    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile {
        display: block;
    }
    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        padding: 50px;
        width: 600px;
    }
    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media{
        width: 100%;
    }
    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image {
        position: relative;
        left: 0px;
        right: auto;
        top: 0px;
        width: 100%;
        height: auto;
    }
    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .small-image {
        width: 40%;
        height: auto;
        right: auto;
        left: 0px;
        top: -4%;
    }


    #hwo-contact-p-01 .contact-p-01{
        padding: 50px;
    }
    #hwo-contact-p-01 .contact-p-01 .tiles {
        display: block;
    }
    #hwo-contact-p-01 .contact-p-01 .heading > div:last-child {
        width: 80%;
    }

}
@media (max-width: 838px){
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.get-business-online .media .small-image {
        right: auto;
        left: 0px;
        top: 50%;
        width: 60vw;
        height: auto;
        transform: translate(-15%,-70%);
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media{
        margin-top: 100px;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media .small-image {
        left: auto;
        right: 0px;
        top: 50%;
        width: 60vw;
        height: auto;
        transform: translate(-9%,-65%);
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media{
        margin-top: 100px;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.create-revenue .media .small-image {
        left: auto;
        right: 0px;
        top: 50%;
        width: 60vw;
        height: auto;
        transform: translate(-9%,-65%);
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.turnkey-solution{
        z-index: 1;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.turnkey-solution .media .small-image {
        left: 0px;
        right: auto;
        top: 50%;
        width: 60vw;
        height: auto;
        transform: translate(5%,30%);
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.ready-team > .text{
        padding-top: 200px !important;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.ready-team .media .small-image {
        left: -8%;
        right: auto;
        top: auto;
        bottom: 0px;
        width: 70vw;
        height: auto;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile{
        display: block;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > div {
        width: 100%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .media .large-image {
        position: relative;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.get-business-online .media{
        margin-top: 5%;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        padding: 50px;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:not(.alt) > .text {
        padding: 50px 50px 100px 50px;
    }


    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text {
        padding: 50px;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .image {
        height: 100vw;
    }


    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text{
        width: 100%;
    }


    #hwo-design-p-01 .banner-image-points-hwo-01 {
        height: auto;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content {
        display: block;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text {
        padding: 50px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .heading .title {
        width: 80%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .heading .subtext {
        width: 100%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .points > .df .point {
        padding: 0 0 50px 0;
        width: 50%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .points > .df .point:first-child {
        margin-right: 50px;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .points .point div {
        padding: 0px;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .points > .point {
        padding: 0px;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .text .heading .subtext {
        width: 100%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image {
        margin-top: -75px;
        width: 100%;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image img {
        position: relative;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        top: 12vw;
        width: 90vw;
    }
    #hwo-design-p-01 .banner-image-points-hwo-01 .container .content .image .ds {
        margin: 0 auto;
        left: 0px;
        right: 0px;
        top: 18vw;
        width: 79vw;
        height: 123vw;
    }


    .marketing-topic-points-hwo-01 .topic .points {
        display: block;
    }
    .marketing-topic-points-hwo-01 .topic .points .point {
        padding-right: 0px;
    }
    .marketing-topic-points-hwo-01 .topic .points .point:nth-last-child(2) {
        padding-bottom: 50px;
    }


    .cta-get-started-hwo-01 {
        padding: 50px;
        height: auto;
    }
    .cta-get-started-hwo-01 > div:nth-child(2) {
        background-image: url(/media/hwo_call-to-action_01-alt.jpg) !important;
        opacity: 0.4;
    }
    .cta-get-started-hwo-01 .container {
        display: block;
        margin: auto;
        padding-top: 30vw;
        width: 100%;
        transform: none;
    }
    .cta-get-started-hwo-01 .container > div:first-child,
    .cta-get-started-hwo-01 .container > div:last-child {
        width: 100%;
    }
    .cta-get-started-hwo-01 .container > div:first-child {
        margin-bottom: 50px;
    }


    #hwo-pricing-p-01 .banner-title-btn-scroll-hwo-01 .container .content {
        padding: 0 50px;
    }
    #hwo-pricing-p-01 .banner-title-btn-scroll-hwo-01 .container .content h1 {
        width: 100%;
    }


    .pricing-compare-01 .compare > div {
        padding: 40px;
    }
    .pricing-compare-01 .compare > div .container .number {
        font-size: 100px;
        line-height: 100px;
    }
    .pricing-compare-01 .compare .container > div:nth-child(2) > div:last-child {
        font-size: 18px;
    }
    .pricing-compare-01 .compare > div .container .text {
        font-size: 18px;
        line-height: 21px;
    }


    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 {
        height: auto;
        color: #fff;
        text-align: center;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 > .bg:first-child{
        opacity: 0.2;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 > .bg:nth-child(2) {
        background: #111 url(/media/hwo_affiliate-program_01.jpg) center center / cover no-repeat !important;
        opacity: 0.5;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 .container {
        margin: auto;
        padding: 150px 50px 70px 50px;
        width: 100%;
        transform: none;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 .container .content{
        width: 100%;
    }
    #hwo-affiliate-program-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        width: 100%;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 .container .content .text .title {
        padding: 0px;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 .container .content .text .title br {
        display: none;
    }
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01 .container .content .text .subtext {
        margin: 0px;
    }


    .become-affiliate-steps-hwo-01 .container .steps {
        display: block;
    }
    .become-affiliate-steps-hwo-01 .container .steps > div {
        padding: 50px 0 0 0;
        width: 100%;
        text-align: center;
    }
    .become-affiliate-steps-hwo-01 .container .steps > div:first-child {
        padding-top: 0px;
    }


    #hwo-about-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile .text {
        width: 100%;
    }
    #hwo-about-p-01 .title-text > div {
        width: 100%;
    }


    #hwo-contact-p-01 .contact-p-01 .heading > div:last-child {
        width: 100%;
    }

}
@media (max-width: 520px){}

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


    #hwo-get-online-p-01 .banner-image-points-hwo-01,
    #hwo-design-p-01 .banner-image-points-hwo-01,
    #hwo-features-p-01 .banner-title-scroll-hwo-01,
    #hwo-pricing-p-01 .banner-title-btn-scroll-hwo-01,
    #hwo-affiliate-program-p-01 .banner-get-started-hwo-01,
    #hwo-affiliate-program-sign-up-p-01,
    #hwo-about-p-01 .banner-get-started-hwo-01,
    #hwo-contact-p-01 {
        margin-top: 80px;
    }


    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .create-revenue .text {
        padding-bottom: 0px;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .turnkey-solution > .text {
        padding-bottom: 60px !important;
    }
    #hwo-home-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile.ready-team > .text {
        padding-top: 110px !important;
    }


    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .heading .title {
        width: 100%;
    }
    #hwo-get-online-p-01 .banner-image-points-hwo-01 .container .content .text .heading .subtext {
        width: 100%;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2) > .text {
        padding-top: 80px;
    }
    #hwo-get-online-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2) > .text .heading .title {
        width: 106%;
    }


    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text {
        padding-top: 100px;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile > .text .heading .title {
        width: 106%;
    }
    #hwo-design-p-01 .alt-tiles-text-image-enhanced-hwo-01 .tile:nth-child(2) > .text {
        padding-top: 80px;
    }


    .pricing-compare-01 .compare > div {
        padding: 40px 30px;
    }
    .pricing-compare-01 .compare .container .title {
        font-size: 24px;
    }
    .pricing-compare-01 .compare > div .container > div:nth-child(2) .number {
        font-size: 80px;
        line-height: 70px;
    }
    .pricing-compare-01 .compare > div .container > div:nth-child(2) {
        padding: 30px 0;
    }
    .pricing-compare-01 .compare > div > div:first-child {
        padding-bottom: 100px;
    }
    .pricing-compare-01 > div:nth-child(2) {
        font-size: 16px;
    }

    .pricing-compare-01 .compare .container > div:nth-child(2) > div:last-child {
        font-size: 16px;
    }
    .pricing-compare-01 .compare > div .container .text {
        font-size: 14px;
        line-height: 18px;
    }
    .pricing-compare-01 .compare > div > div:last-child {
        margin-bottom: 20px;
    }


    .tri-testimonials-hwo-01 {
        padding: 70px 30px;
    }
    .tri-testimonials-hwo-01 .testimonies {
        padding: 0 20px;
    }


    .cta-get-started-hwo-01 .container{
        padding-top: 60vw;
    }
    .cta-get-started-hwo-01 .container .title br {
        display: none;
    }

    #popup .content [data-popup-version="1.5.0"]#get-started-program-form-p-01 .form-area,
    #popup .content [data-popup-version="1.5.0"]#affiliate-program-form-p-01 .form-area {
        padding: 30px;
        height: calc(100% - 165px);
        min-height: initial;
    }
    #popup .content [data-popup-version="1.5.0"]#get-started-program-form-p-01 .actions,
    #popup .content [data-popup-version="1.5.0"]#affiliate-program-form-p-01 .actions {
        padding: 30px;
    }

    #hwo-affiliate-program-sign-up-p-01 {
        padding: 0px;
    }
    #hwo-affiliate-program-sign-up-p-01 form {
        padding: 30px;
    }
    #hwo-affiliate-program-sign-up-p-01 form > div:last-child > div:nth-child(3) {
        display: block;
        margin: 0px;
    }
    #hwo-affiliate-program-sign-up-p-01 form > div:last-child > div:nth-child(3) > div {
        margin: 10px 0;
        width: 100%;
    }
    #hwo-affiliate-program-sign-up-p-01 form > div:last-child > div:nth-child(3) > div > div{
        background: #f6f6f6;
    }
    #hwo-affiliate-program-sign-up-p-01 form > div:last-child > div:nth-child(3) > div > div input{
        background: transparent;
    }

    .hwo-affiliate-account .account-details > div:nth-child(2) {
        padding: 0px;
    }
    .hwo-affiliate-account .account-details > div:nth-child(2) .confirm-copy.copied {
        display: block;
    }
    .hwo-affiliate-account .account-details .downloadables .item > div:nth-child(2) {
        display: block;
        padding: 30px 0;
    }
    .hwo-affiliate-account .account-details .downloadables .item > div:nth-child(2) > div {
        width: 100%;
        text-align: left;
    }
    .hwo-affiliate-account .account-details .downloadables .item > div:nth-child(2) > div .trans-md {
        top: auto;
        transform: none;
    }
    .hwo-affiliate-account .account-details .downloadables .item > div:nth-child(2) > div > div,
    .hwo-affiliate-account .account-details .downloadables .item > div:nth-child(2) > div > div .hwo-btn-01-thin {
        display: block;
        width: 100%;
        text-align: center;
    }
    .hwo-affiliate-account .account-details .downloadables .item > div:nth-child(2) > div > div .hwo-btn-01-thin {
        margin-top: 10px;
    }

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

        
        
    }
}


/* ---- PIECES ---- */
/* ----- ANC | DESIGN - 01 ----- */
:root {
    --design-vw: 650px;
    --design-padding: 50px;
}
.hwo-home .funnel-anc-design-01{
    background: #232323;
}
.funnel-anc-design-01 .copy-container {
    height: calc(100% - ((var(--design-vw) * 0.65) - 180px));
}
.funnel-anc-design-01 .copy-container .copy .heading .description {
    width: 740px;
}
.funnel-anc-design-01 .designs {
    margin-bottom: -160px;
}
.hwo-home .funnel-anc-design-01 .designs {
    margin: 0px;
}
.funnel-anc-design-01 .designs .holder {
    height: calc(((var(--design-vw) - (var(--design-padding) * 2)) * 0.625) + 110px);
}
.funnel-anc-design-01 .designs .holder .container {
    margin-left: calc(var(--design-vw) * -0);
    left: calc((var(--design-vw) * -1.5) + 50vw);
    width: calc((var(--design-vw) + (var(--design-padding) * 2)) * var(--design-count));
}
.funnel-anc-design-01 .designs .holder .container .design{
    width: var(--design-vw);
    height: calc((var(--design-vw) - (var(--design-padding) * 2)) * 0.625);
}
.funnel-anc-design-01 .designs .holder .container .design .image{
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.5);
}


@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .funnel-anc-design-01 .copy-container .copy .heading .description {
        width: 100%;
    }
    

    :root {
        --design-vw: 550px;
        --design-padding:20px;
    }
    .funnel-anc-design-01 .designs .holder .container .design{
        padding: 0 20px;
    }
}
@media (max-width: 838px){
    :root {
        --design-vw: 450px;
        --design-padding:20px;
    }
}
@media (max-width: 660px){}
@media (max-width: 520px){}

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

    :root{
        --design-vw: calc(80vw);
        --design-padding:20px;
    }
    /*:root {
        --design-vw: 750px;
        --design-padding:40px;
    }
    .funnel-anc-design-01{
        padding: 500px 0 300px 0;
    }
    .funnel-anc-design-01 .designs{
        margin-bottom: -250px;
    }
    .funnel-anc-design-01 .designs .holder .container {
        margin-top: 50px;
    }
    .funnel-anc-design-01 .designs .holder .container .design{
        padding: 0 40px;
    }*/

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



    }
}
/* ----- END | ANC | DESIGN - 01 ----- */


.funnel-anc-get-started-01 {
    min-height: 800px;
}
.funnel-anc-get-started-01 .copy {
    padding: 0 100px;
    width: 100%;
}
.funnel-anc-get-started-01 .copy .action .input .button {
    white-space: nowrap;
}
.funnel-anc-get-started-01 .device {
    left: 56%;
    top: 51.5%;
    width: 494px;
    height: 797px;
    transform: translateY(-50%);
}


@media(max-width: 1270px){}
@media (max-width: 1200px){
    .funnel-anc-get-started-01 .device {
        left: 62%;
    }
}
@media (max-width: 1072px){
    .funnel-anc-get-started-01 .copy {
        text-align: center;
    }
    .funnel-anc-get-started-01 .copy .action {
        margin: 50px auto 0 auto;
        width: 100%;
    }
    .funnel-anc-get-started-01 .device {
        display: none;
    }
}
@media (max-width: 838px){
    
}
@media (max-width: 660px){
    
}
@media (max-width: 520px){}

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

    .funnel-anc-get-started-01{
        height: 100vh;
    }
    .funnel-anc-get-started-01 .copy .action {
        margin: 100px auto 0 auto;
    }
    .funnel-anc-get-started-01 .copy .action .input {
        display: block;
        margin: 15px;
        border-radius: 10px;
    }
    .funnel-anc-get-started-01 .copy .action .input > * {
        width: 100%;
        box-sizing: border-box;
    }
    .funnel-anc-get-started-01 .copy .action .input input {
        height: 60px;
        text-align: center;
    }

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



    }
}



.funnel-pricing-01 .copy .heading h2,
.funnel-pricing-01 .premium .top .name .plan,
.funnel-pricing-01 .premium .top .price .title {
    background: -webkit-linear-gradient(right,#b000ff,#282f98);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hwo-home .funnel-pricing-01 .container .top .price .title {
    font-size: 80px;
    line-height: 80px;
}

@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){
    .funnel-pricing-01 .container{
        width: 800px;
    }
}
@media (max-width: 838px){
    .funnel-pricing-01 .container{
        display: block;
        width: calc(100% - 100px);
    }
    .funnel-pricing-01 .container > div {
        padding: 0px;
        width: 100%;
    }
    .funnel-pricing-01 .container > div:first-child {
        margin-bottom: 50px;
    }
}
@media (max-width: 660px){
    
}
@media (max-width: 520px){}

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

    .hwo-home .funnel-pricing-01 .heading {
        padding: 0 30px;
    }
    .hwo-home .funnel-pricing-01 .container {
        width: calc(100% - 60px);
    }
    .hwo-home .funnel-pricing-01 .container > div > div > div:last-child > div i {
        width: 16px;
    }
    .hwo-home .funnel-pricing-01 .container > div > div > div:last-child > div span {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 25px);
    }

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



    }
}


.funnel-popup-mailchimp-subscribe-to-newsletter .container .content form .form-area .submission-confirmation{
    padding: 30px 0;
    top: 0px;
    transform: none;
}
.funnel-popup-mailchimp-subscribe-to-newsletter .container .content form .form-area .submission-confirmation svg {
    margin-top: 10px;
}


.subscribe-to-newsletter-01{
    background: linear-gradient(to right,#282f98,#b000ff);
}
.subscribe-to-newsletter-01 .button {
    border-radius: 50px;
    white-space: nowrap;
}


@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .subscribe-to-newsletter-01 .button {
        padding: 15px 30px;
    }
}
@media (max-width: 660px){
    .subscribe-to-newsletter-01 .button {
        padding: 15px 30px;
    }
    .subscribe-to-newsletter-01 .df {
        display: block;
    }
    .subscribe-to-newsletter-01 .text {
        margin-bottom: 20px;
        padding: 0px;
        text-align: center;
    }
    .subscribe-to-newsletter-01 .text .trans-md {
        top: 0px;
        line-height: 18px;
        transform: none;
    }
    .subscribe-to-newsletter-01 .button {
        display: inline-block;
        padding: 15px 50px;
    }
}
@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){



    }
}



#popup .content #add-mailchimp-subscriber-form .form-area .legal {
    font-size: 12px;
    line-height: 15px;
}
#popup .content #add-mailchimp-subscriber-form .form-area .submission-confirmation {
    margin-bottom: 50px;
    top: 0px;
    transform: none;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 660px){
    #popup .content #add-mailchimp-subscriber-form {
        width: calc(100vw - 60px);
    }
}
@media (max-width: 520px){}

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

    #popup .content #add-mailchimp-subscriber-form {
        width: 100vw;
        height: 100vh;
        border-radius: initial;
    }
    #popup .content #add-mailchimp-subscriber-form .form-area > div:first-child h2 {
        font-size: 2.4em;
    }

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

        
        
    }
}
/* ----- END | PRIVATE - HWO ------ */






@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){

		
        
    }
}