h3{
	font-weight: 600;
}
.font-title {
    font-weight: 600;
}
.subtitle{
    text-transform: uppercase;
}

/* ----- HEADER ------ */
#header.header-hwo .left .logo img {
    height: 40px;
}
#header.header-hwo .menu-list .text {
    font-family: Poppins;
    font-size: 16px;
}
#header.header-hwo .side-menu-button svg rect {
    height: 6px;
}


/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    #header.header-hwo .left .logo img {
        height: 30px;
    }
    #header.header-hwo .side-menu-button svg rect {
        height: 12px;
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | HEADER ------ */


/* ----- BUTTONS ------ */
.hwo-btn-01-thin {
    background: transparent;
    font-weight: 400;
    color: #444;
    border-radius: 0px;
    border: solid 1px #aaa;
    box-shadow: 0 0 0 0px rgba(0,0,0,0.05);
}
.hwo-btn-01-thin:hover {
    color: #111;
    border-color: #333;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.05);
}
.hwo-btn-01-thin[disabled] {
    opacity: 0.3;
    color: #444;
    border-color: #aaa;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    cursor: not-allowed;
}


/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    .hwo-btn-01-thin {
        border: solid 2px #aaa;
    }
    .hwo-btn-01-thin:hover {
        box-shadow: 0 0 0 10px rgba(0,0,0,0.05);
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | BUTTONS ------ */


/* ----- HOME | PARALLAX - HALF TILES ------ */
.hwo-home #parallax-half-tiles-hwo-01::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    left: 50%;
    top: 0px;
    border-left: 150px solid transparent;
    border-bottom: var(--dynamic-height) solid #f9f9f9;
    transform: translateX(-50%);
}
.hwo-home #parallax-half-tiles-hwo-01::after {
    content: "";
    z-index: 0;
    background: #f9f9f9;
    position: absolute;
    right: 0px;
    top: 0px;
    width: calc(50% - 75px);
    height: 100%;
}
.hwo-home #parallax-half-tiles-hwo-01 .tile {
    position: relative;
    z-index: 1;
}
.hwo-home #parallax-half-tiles-hwo-01 .tile .text .subtitle {
    color: #333;
}


/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    .hwo-home #parallax-half-tiles-hwo-01::before {
        border-left: 300px solid transparent;
    }
    .hwo-home #parallax-half-tiles-hwo-01::after {
        width: calc(50% - 150px);
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | HOME | PARALLAX - HALF TILES ------ */


/* ----- PARALLAX TILE BANNER ------ */
#elegant-collection-parallax-title-banner-hwo-01 {
    padding-top: 0px;
    min-height: 300px;
    height: 300px;
}
#elegant-collection-parallax-title-banner-hwo-01 .container .title {
    margin-bottom: 0px;
}
#elegant-collection-parallax-title-banner-hwo-01 .container .subtitle {
    margin-bottom: 0px;
    width: 100%;
}


/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    #elegant-collection-parallax-title-banner-hwo-01 {
        min-height: auto;
        height: 50vh;
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | PARALLAX TILE BANNER ------ */


/* ----- LIST - 6 TILES HORIZTONAL ------ */
.hwo-about-us #list-6-tiles-horiz-hwo-01 {
    background: #f9f9f9;
    color: #ccc;
}


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

    }
}
/* ----- LIST - 6 TILES HORIZTONAL ------ */


/* ----- TEXT CONTENT ------ */
#text-content-hwo-01 h3 {
    font-size: 30px;
    line-height: 24px;
    color: #333;
}
#text-content-hwo-01 .content {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    #text-content-hwo-01 h3{
        font-size: 1.8em;
        line-height: 0.92em;
    }
    .hwo-community #text-content-hwo-01 .content h3 {
        font-size: 1.6em;
    }
    #text-content-hwo-01 .content {
        font-size: 1.4em;
        line-height: 1.2em;
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | TEXT CONTENT ------ */


/* ----- TEXT CONTENT - TITLE & SUBTITLE ------ */
#text-content-title-subtitle-hwo-01 .content .heading h3 {
    color: #333;
}
#text-content-title-subtitle-hwo-01 .content .heading .subtitle {
    font-size: 14px;
    font-weight: 500;
}
#text-content-title-subtitle-hwo-01 .content .container {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    #text-content-title-subtitle-hwo-01 .content .heading .subtitle {
        margin-top: 10px;
        font-size: 0.9em;
    }
    #text-content-title-subtitle-hwo-01 .content .container {
        font-size: 1.4em;
        line-height: 1.4em;
    }
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){
        
    }
}
/* ----- END | TEXT CONTENT - TITLE & SUBTITLE ------ */


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

    }
}