#page-four-4 header.header{
    background: transparent no-repeat center top;
    background-size: 100vw;
}
#page-four-4 .tab-menu {
    padding: 0 4.8vw;
}
#page-four-4 .tab-menu .col {
    padding: 2vw 1.5vw !important;
}
#page-four-4 .fixed.f-submenu .col {
    padding-top: 1vw!important;
} 
#page-four-4 .header.header .fixed.f-submenu.active, #page-four-4 header.header .tab-menu:last-child.active {
    height: 4.5vw;
}
#page-four-4 .tab-menu>div.col svg {
    width: 2.5vw;
}
#page-four-4 .tab-menu .col:first-child {
    flex: 4;
}
#page-four-4 .tab-menu .col:nth-child(2) {
    flex: 5;
}
#page-four-4 .tab-menu .col:nth-child(3) {
    flex: 6;
}
#page-four-4 .tab-menu .col:last-child {
    flex: 2;
}
#page-four-4 .tab-menu a {
    display: inline-block;
    margin-left: 0;
}
#page-four-4 .tab-menu.fixed a.color-orange {
    color: #FFF !important;
}

#page-four-4 .tab-menu a {
    max-width: unset;
    line-height: 1.1;
    font-size: 1.7vw;
}

section {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100vw;
}
.tab-menu>div.col svg {
    right: 0vw;
}

/* == Sections == */
/* = Section-01 = */
#page-four-4 .section-01 .row:first-child{
    padding: 4.063vw 7.865vw;
}
#page-four-4 .section-01 h2{
    font-size: 4.167vw;
    font-weight: normal;
    color: var(--color-dark-purple);
    line-height: 1.25;
    margin-bottom: 2.651vw;
    width: 65.729vw;
}
#page-four-4 .section-01 .row:last-child{
    margin: 0;
}
#page-four-4 .section-01 .row:last-child .col{
    padding: 0;
}
#page-four-4 .section-01 .text-box-1{
    padding:0 2.604vw 6.719vw 7.865vw;
}
#page-four-4 .section-01 .text-box-1 strong{
    font-weight: normal;
    color: var(--color-orange);
}
#page-four-4 .section-01 img{
    width: 50vw;
}
#page-four-4 .section-01 .text-box-2{
    padding:5.677vw 6.927vw 9.844vw 6.302vw;
}
#page-four-4 .section-01 .text-box-2 h3{
    font-size: 2.344vw;
    font-weight: bold;
    color: white;
    line-height: 1.22;
    margin-bottom: 3.073vw;
    width: 36.469vw;
}
#page-four-4 .section-01 .text-box-2 h4{
    font-size: 2.083vw;
    font-weight: bold;
    color: white;
}
#page-four-4 .section-01 .text-box-2 p{
    color: white;
}

/* = Section-02 = */
#page-four-4 .section-02{
    margin-top: -26vw;
    background-color: var(--color-dark-purple);
}
#page-four-4 .section-02 .container-fluid{
    padding: 21.250vw 15.729vw 4.167vw 8.385vw;
    z-index: 2;
}
#page-four-4 .section-02 svg{
    position: absolute;
    top: 0;
    z-index: 1;
}
#page-four-4 .section-02 h2{
    font-size: 4.167vw;
    font-weight: normal;
    color: white;
    line-height: 1.22;
    width: 20.313vw;
    margin-top: 2vw;
}
#page-four-4 .section-02 .text-box{
    width: 44.271vw;
}
#page-four-4 .section-02 p{
    color: white;
}








/* Smartphones */


@media only screen and (max-width: 768px) {
/*************** MOBILE ONLY CSS ***************/



#page-four-4 .tab-menu a, #page-four-4 .section-01 h3, #page-four-4 .section-03 .text-box-1 > div p, #page-four-4 .section-03 h2, #page-four-4 .section-02 h2, #page-four-4 .section-03 h3, #page-four-4 .section-01 .text-box-2 h3 {
    font-size: 24px;
}
#page-four-4 .section-01 .text-box-2 h4 {
    font-size: 20px;
    padding: 1em 0 0.5em;
}
#page-four-4 .tab-menu {
    padding: 4vw;
}
#page-four-4 .tab-menu .col {
    padding: 0 2vw !important;
}
#page-four-4 .section-01 svg {
    display: none;
}
#page-four-4 .section-01 .text-box, #page-four-4 .section-01 h2, #page-four-4 .section-02 .text-box, #page-four-4 .section-01 .text-box-2 h3 {
    width: 100%;
}
#page-four-4 .section-01 .text-box-1 {
    padding: 6vw;
}
#page-four-4 .section-01 .row:first-child {
    padding: 2em 6vw 0;
}
#page-four-4 .section-01 img {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

#page-four-4 .section-01 .text-box-2 {
    padding: 12em 6vw;
    margin-top: -11em;
}
#page-four-4 .section-02 svg {
    position: unset;
    margin-bottom: -1px;
}
#page-four-4 .section-02 {
    flex-direction: column-reverse;
    margin-top: -12em;
    background-color: unset;
    position: relative;
    z-index: 1;
}
#page-four-4 .section-02 .container-fluid {
    background-color: var(--color-light-purple);   
}
#page-four-4 .section-02 .container-fluid {
    padding: 6vw;
    margin-top: -6em;
}
#page-four-4 .section-02 h2 {
    width: 100%;
    margin: 0 0 1em;
}



































}