@font-face {
    font-family: 'Signifier';
    src: url('signifier-extralightitalic.woff2') format('woff2'),
        url('signifier-extralightitalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Galey Rounded ExtLt';
    src: url('galeyrounded-extralight.woff2') format('woff2'),
        url('galeyrounded-extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin Pro Wide';
    src: url('acuminprowide-medium.woff2') format('woff2'),
        url('acuminprowide-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Signifier';
    src: url('signifier-extralight.woff2') format('woff2'),
        url('signifier-extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT America Exp Rg';
    src: url('gtamerica-expbd.woff2') format('woff2'),
        url('gtamerica-expbd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*
 * 
font-family: degular,sans-serif;
font-weight: 400;
font-style: normal;

*
font-family: termina,sans-serif;
font-weight: 500; 
*/



body {
    font-family: 'Galey Rounded ExtLt';
    font-size: 1.22vw;
    font-weight: 200;
    line-height: 1.445;
    letter-spacing: 0.042vw;
    color: #000;
    margin-bottom: 0vw;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #151E26;
    font-family: 'GT America Exp Rg';
    font-weight: bold;
    margin: 0vw;
}

h1 {
    font-family: 'GT America Exp Rg';
    font-size: 6.34vw;
    font-weight: bold;
    line-height: 0.92;
    letter-spacing: 0.05vw;
    color: #151E26;
}

h2 {
    font-size: 5.12vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: -0.055vw;
}

h3 {
    font-size: 3.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -0.03vw;
}

h4 {
    font-size: 4.583vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: -0.115vw;
}

h5 {
    font-family: 'Signifier';
    font-size: 2vw;
    font-weight: 200;
    line-height: 1.21;
    letter-spacing: 0.042vw;
}

h6 {
    font-family: 'Signifier';
    font-size: 1.3vw;
    font-weight: 200;
    line-height: 1.25;
    letter-spacing: 0.156vw;
    color: #01584B;
    text-transform: uppercase;
}

br {
    display: block;
}

.m {
    display: none;
}

.mobile_only {
    display: none !important;
}
p:last-child{
    margin:0px !important;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
  }
  50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


@media (max-width: 768px) {
    br {
        display: none;
    }
    .m {
        display: block;
    }
    .mobile_only {
        display: block !important;
    }
}

a:hover {
    -webkit-filter: unset;
    filter: unset;
}

.section_inner {
    width: 100%;
    display: flex;
    margin: 0px auto;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}

.link {
    display: block;
}

.link a.gbutton {
    font-size: 1.16vw;
    font-weight: 500;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: 0.107vw;
    color: #1632B1;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 0vw;
    border-bottom: 2px solid #1632B1;
    position: relative;
    font-family: 'Acumin Pro Wide';
    padding-bottom: 0.34vw;
}

.link a.gbutton span {
    padding-left: 0vw;
    top: -1px;
    width: 0.8vw;
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2.1vw;
}

.link a.gbutton span svg {
    display: block;
    width: 100%;
    height: 100%;
}

.link a.gbutton span svg line {}

.link a.gbutton span svg path {}


/*
   Media 768
-----------------------------*/
@media screen and (max-width: 1024px) {
    body{
        font-size: 1.12vw;
    }
}
@media screen and (max-width: 768px) {
    body {
        font-size: 4.6vw;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.575;
        letter-spacing: 0.21vw;
        padding-left: 0vw;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {}
    h1 {
        font-size: 11.5vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.18;
        letter-spacing: 0.05vw;
    }
    h2 {
        font-size: 6.4vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.0;
        letter-spacing: -0.16vw;
    }
    h3 {
        font-size: 13.867vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: -0.347vw;
    }
    h4 {
        font-size: 12.533vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.94;
        letter-spacing: -0.315vw;
    }
    h5 {
        font-size: 5.4vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: 0.1vw;
    }
    h6 {
        font-size: 3.9vw;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: 0.38vw;
        font-weight: 400;
    }
    a:hover {}
    .section_inner {}
    .link {}
    .link a.gbutton {
        font-size: 3.3vw;
        line-height: 1.31;
        letter-spacing: 0.2vw;
        text-align: left;
        padding-bottom: 0.9vw;
        border-bottom: 1px solid #1632B1;
    }
    .link a.gbutton span {
        width: 2.6vw;
        right: 6.3vw;
        top: 0px;
    }
    .link a.gbutton span svg {}
    .link a.gbutton span svg line {}
    .link a.gbutton span svg path {}
}


/* 
=======================================
  Site Header Section
=========================================*/

html {
    padding-top: 0 !important;
}


/*
      Header
  ------------------------------*/

.header--overlay {
    position: relative;
}

.header__block--logo{
    width: 100%;
    margin: 0px !important;
    padding-left: 7.02vw;
    padding-top: 1.4vw;
    padding-right: 1.5vw;
    padding-bottom: 0.78vw;
}
.header__block--menu{
    margin: 0px !important;
    display: inline-block !important;
    width: 100%;
    padding-left: 7.5vw;
    padding-top: 9.5vw;
    background-color: #E751BD;
}

.header .header__block--menu a,
.header .header__block--dropdown a,
.header .header__block--user .dropdown__menu a,
.header .user__login a {
    text-transform: uppercase;
    font-weight: bold;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.026vw;
    position: relative;
    display: block;
    padding-bottom: 0.26vw;
    margin: 0 0vw !important;
}

.header .header__block--menu a span:after,
.header .user__login a span:after {
    content: " ";
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    top: 94%;
    opacity: 0;
}

.header .header__block--menu a:hover span:after,
.header .user__login a:hover:after {
    /* background-color: #e2a883; */
    opacity: 1;
}

.header .justify-content-right{
    display: block;
    justify-content: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
}
.header .justify-content-right ul{
    margin: 0px;
    padding: 0px;
}
.header .justify-content-right ul li{
    margin: 0px;
    display: block;
    list-style: none;
}
.header .header__block--menu a {
    padding: 0vw 0vw 0.04vw 0vw;
    font-size: 1.36vw;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    color: #FFF;
    font-weight: 500;
    font-family: 'Acumin Pro Wide';
    margin-bottom: 3vw !important;
    display: inline-block;
    position: relative;
}
.header .header__block--menu a:after{
    
}
.header .header__block--menu a:hover{
    /* color: #EBFF00; */
}
.header__block--user .dropdown__menu {
    left: auto;
    right: 0;
}

.header__content {
    padding: 0vw 0vw !important;
    /* border-bottom: 0.052vw solid; */
    z-index: 999;
    background-color: #DFF627;
}

.header__content .header__block--menu{
    display: none !important;
}
.header__content.header__content--mobile .header__block--menu{
    display: block !important;
}

.header__container {
    max-width: unset;
    padding-right: 0vw;
    padding-left: 0vw;
    width: 100%;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.pf4_site_header {
    position: relative;
    padding-right: 0vw;
    width: 100%;
    top: 0vw;
    left: 0vw;
    background-color: #DFF627;
}
.header__container .header__block--logo{
    width: 51%;
}
.header__container .header__block--logo a{
    display:inline-block;
}
.header__container .header__block--logo a img{
    width: 21.8vw;
}
.header__container .hamburger{
    width: 49%;
    text-align: right;
    width: 6.6vw;
    display: inline-block;
    background-color: #DFF627;
    padding-left: 2.15vw;
    padding-right: 2.14vw;
    height: 3.4vw;
    padding-top: 1.45vw;
    position: relative;
    z-index: 9999;
}
.header__container .hamburger__slices{
    /* width: 6.6vw; */
    /* display: inline-block; */
    /* background-color: #DFF627; */
    /* padding-left: 2.1vw; */
    /* padding-right: 2.1vw; */
    height: 1.6vw;
}
.header__container .hamburger__slices .hamburger__slice{
    background-color: #151E26;
}
.hamburger--slice-2,
.hamburger--slice-3{
    top: 0.729vw;
}

.hamburger--slice-4 {
    top: 1.458vw;
}
.pf4_site_header.active {
    /* background-color: #FFF; */
}

.header__content--desktop .header__block .user__login a {
    font-family: 'Calibre';
    padding: 1.615vw 0vw 1.094vw 0vw !important;
}
.header__content--mobile{
    /* background-color: #E751BD; */
    top: 0vw;
    position: absolute;
    right: 0;
    width: 31vw;
    z-index: -1;
    /* padding-left: 4vw; */
}

/*
   Media 768
-----------------------------*/

@media (max-width: 768px) {
    .header--overlay{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 99;
        padding-top: 0vw;
        border: 0px;
        padding-bottom: 0vw;
        border-bottom: 0px solid #FFFFFF;
        background-color: #DFF627;
    }
    .pf4_site_header {
        padding-right: 0vw;
        /* background-color: #8A911A; */
        width: 100%;
        position: relative;
    }
    .header__content--desktop .header__block--menu,
    .header__wrap .header__content .header__block--user {
        display: none;
    }
    .logo__image {
        max-width: unset;
        width: 53vw !important;
        display: none;
    }
    logo__image.mobile_only{
        display: block;
    }
    .header__container {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .header__content {
        border-bottom: 0vw solid;
        /* position: absolute; */
        /* width: 100%; */
        padding-left: 6.5vw !important;
        padding-right: 7vw !important;
        padding-top: 5.3vw !important;
        padding-bottom: 4.8vw !important;
    }
    .hamburger.hidden--desktop .hamburger__slice {
        height: 2px;
        background-color: #151E26;
        width: 7.5vw;
    }
    .hamburger.hidden--desktop .hamburger__slice.hamburger--slice-1 {
        width: 7.5vw;
        margin-left: 0vw;
        right: 0vw;
    }
    .hamburger.hidden--desktop .hamburger__slice.hamburger--slice-2 {
        /* width: 9.133vw; */
        right: 0vw;
        top: 2.4vw;
    }
    .hamburger.hidden--desktop .hamburger__slice.hamburger--slice-3 {
        top: 2.4vw;
        right: 0vw;
    }
    .hamburger.hidden--desktop .hamburger__slice.hamburger--slice-4 {
        /* width: 9.133vw; */
        right: 0vw;
        top: 4.8vw;
    }
    .header .header__block--menu a,
    .header .header__block--dropdown a,
    .header .header__block--user .dropdown__menu a,
    .header .user__login a {
        border: 0vw saddlebrown;
        font-size: 4.4vw;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.4vw;
        padding: 2.2vw 0.333vw 1vw 0vw !important;
        margin: 0vw 0vw 6vw 0vw !important;
        position: relative;
        writing-mode: unset;
    }
    .header .justify-content-right ul li {
        padding-left: 20.4vw;
        padding-right: 15vw;
    }
    .header__content--mobile .link-list {
        display: block;
        text-align: left;
        border: 0vw;
        background-color: #E751BD;
        padding: 19.3vw 0vw 138.667vw 0vw;
        position: relative;
        transform: rotate(0deg);
    }
    .header__content--mobile .link-list:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: -99%;
        left: 0vw;
        background-color: cyan;
        z-index: 55;
        overflow: visible;
        display: none;
    }
    .hamburger {
        display: block !important;
        position: absolute;
        top: 4.2vw;
        right: 0vw;
        width: 9.133vw;
        height: 0.533vw;
    }
    .header__content--desktop .header__block .user__login a {}
    .header__content--mobile .link-list__link:hover {
        text-decoration: none;
        background-color: #faebd700;
    }
    .header .header__block--menu a:hover:after,
    .header .user__login a:hover:after {
        opacity: 1;
    }

    .header__content--mobile{
        position: absolute;
        left: 0vw;
        width: 100%;
        padding-left: 0vw !important;
        padding-right: 0vw !important;
        top: 9.2vw;
    }
    .header__container .header__block--logo{
        width: 80%;
    }
    .header__container .header__block--logo a{
    display: block;
}
    .header__block--logo{
        padding-left: 0vw;
        padding-top: 0vw;
        padding-right: 1.5vw;
        padding-bottom: 0vw;
        height: auto;
    }

    .header__container .hamburger {
        width: 49%;
        text-align: right;
        width: 20%;
        display: inline-block;
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
        height: 4.4vw;
        padding-top: 0;
        position: relative;
        z-index: 9999;
        top: -0.5vw;
    }
    .header__container .hamburger__slices{
        width: 9vw;
        display: inline-block;
        height: 5.1vw;
    }
}


.announcements{
    position: relative;
    width: 100%;
    background-color: #1632B1;
    display: none;
}
.announcements_in{
    padding-left: 2.8vw;
    padding-right: 2.8vw;
    width: 100%;
    display: block;
}
.announcements .section_inner{
    text-align: center;
    display: block;
    font-size: 0.8vw;
    padding-top: 1vw;
    padding-bottom: 0.7vw;
    font-family: 'Acumin Pro Wide';
    font-weight: 500;
    color: #FFF;
}
.announcements p{
    color: #FFF;
    line-height: 1.59;
    letter-spacing: 0.1067vw;
    padding-left: 0.1vw;
}
.announcements p a{
    color: #ffffff;
    position: relative;
    display: inline-block;
}


@media (max-width: 768px) {
    .announcements{
        padding-left: 0vw;
        position: relative;
        z-index: 1;
        display: block;
    }
    .announcements_in{
        padding-left: 11.3vw;
        padding-right: 11vw;
    }
    .announcements .section_inner{
        font-size: 2.54vw;
        padding-top: 13px;
        padding-bottom: 11px;
    }
    .announcements p{
        letter-spacing: 0.35vw;
        line-height: 1.36;
    }
    .announcements p a{}
    .announcements p a:before{
        bottom: 0.7vw;
    }

    #section-header{
        position: relative;
    }
}



/* Section 01 **********************************************************/
.tr1{
    background-color: #F5F5F5;
}
.tr1 .section_inner{}

.tr1_left{
    width: 59.56%;
    padding-left: 7.14vw;
    padding-top: 4.34vw;
    position: relative;
    padding-bottom: 4.57vw;
}
.tr1_left h2.f1{
    font-size: 9.1vw;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #E751BD !important;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.06vw;
    opacity: 0.45;
}
.tr1_left h2.f1.s1{
    padding-left: 16.2vw;
    width: 162%;
}
.tr1_left h2.f1.s2{padding-top: 2.58vw;margin-left: -41.34vw;}

.tr1_titles{
    display: block;
    width: 100%;
    padding-left: 1.56vw;
    z-index: 2;
    padding-top: 2.3vw;
}
.tr1_titles h1{
    text-transform: uppercase;
    padding-left: 0.27vw;
    color: #E751BD;
    padding-bottom: 2.74vw;
}
.tr1_titles h5{
    padding-left: 0.5vw;
    padding-right: 9vw;
}
.tr1_titles h5 br{}
.tr1_titles h5 br.m{}

.tr1_right{
    width: 40.44%;
    position: relative;
    padding-left: 2.467vw;
}


.tr1_right span.img{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 51.8vw;
    display: block;
    box-shadow: 30px 30px 20px rgb(0 0 0 / 25%);
    z-index: 1;
    position: relative;
    margin-bottom: -8.7vw;
}
.tr1_right span.img img{
    width: 10%;
    opacity: 0;
}

@media (max-width: 768px) {
    .tr1{}
    .tr1 .section_inner{}

    .tr1_left{
        width: 100%;
        padding-left: 5.14vw;
        padding-top: 5.6vw;
        padding-bottom: 0vw;
    }
    .tr1_left h2.f1{
        font-size: 15.5vw;
        -webkit-text-stroke-width: 1px;
        line-height: 0.93;
    }
    .tr1_left h2.f1.s1{
        padding-left: 39vw;
    }
    .tr1_left h2.f1.s2{
        -webkit-text-stroke-width: 1px;
        line-height: 0.93;
        padding-top: 2.9vw;
        margin-left: -78.4vw;
    }

    .tr1_titles{
        padding-top: 4.7vw;
        padding-bottom: 4.1vw;
    }
    .tr1_titles h1{
        padding-bottom: 4.98vw;
        padding-left: 4vw;
    }
    .tr1_titles h5{padding-left: 4.5vw;padding-right: 8vw;}
    .tr1_titles h5 br{}
    .tr1_titles h5 br.m{ }

    .tr1_right{
        width: 100%;
        padding-left: 29.2vw;
        height: 65.1vw;
        margin-top: -7.9vw;
        padding-bottom: 0vw;
    }

    .tr1_right span.img{
        height: 99.1vw;
        display: none;
    }
    .tr1_right span.img img{}
    .tr1_right span.img.mobile_only{
        box-shadow: 20px 20px 20px rgb(0 0 0 / 25%);
        margin-bottom: 0vw;
    }
}



/* Section 02 **********************************************************/
.tr2{background-color: #E751BD;}
.tr2 .section_inner{}

.tr2_left{
    width: 33.3%;
}
.tr2_left span{
    width: 100%;
    height: 100%;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.tr2_left span.mobile_only{
    display:none;
}
.tr2_left span img{
    width: 10%;
    opacity: 0;
}

.tr2_right{
    width: 66.7%;
    padding-top: 13.03vw;
    padding-left: 6.9vw;
    padding-right: 9vw;
    padding-bottom: 6.63vw;
}
.tr2_right h2{
    text-transform: uppercase;
    display: block;
    width: 138%;
    color: #FFFFFF;
    letter-spacing: -0.063vw;
    padding-bottom: 3.01vw;
    margin-left: -14vw;
    position: relative;
    z-index: 9;
    line-height: 1.17;
}
.tr2_right h2 br{
    /* display: none; */
}
.tr2_right h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -0.087vw;
    margin-right: -0.7vw;
}

.tr2_right article{
    padding-left: 4.87vw;
    padding-top: 1.4vw;
    padding-right: 2vw;
}
.tr2_right article ul{
    margin: 0px;
    padding: 0px;
}
.tr2_right article ul li{
    font-family: 'Signifier';
    display: block;
    font-size: 2vw;
    list-style: none;
    font-weight: 200;
    font-style: normal;
    color: #FFFFFF;
    position: relative;
    line-height: 1.234;
    letter-spacing: 0.063vw;
    padding-left: 2.1vw;
    padding-bottom: 1.5vw;
    margin-bottom: 0px;
}
.tr2_right article ul li:before{
    content:
    "";
    width: 0.6vw;
    height: 0.6vw;
    display: block;
    position: absolute;
    top: 0.94vw;
    left: 0vw;
    background-color: #FFFFFF;
    border-radius: 50%;
}
.tr2_right article ul li br{}
.tr2_right article ul li br.m{}

@media (max-width: 768px) {
    .tr2{ }
    .tr2 .section_inner{}

    .tr2_left{
        order: 2;
        width: 100%;
    }
    .tr2_left span{
        height: 120.7vw;
        display:
        none;
    }
    .tr2_left span.mobile_only{
        display:block;
    }
    .tr2_left span img{}

    .tr2_right{
        order: 1;
        width: 100%;
        padding-top: 48.1vw;
        padding-left: 11.5vw;
        padding-right: 6vw;
        padding-bottom: 17.4vw;
    }
    .tr2_right h2{
        font-size: 11.13vw;
        padding-bottom: 8vw;
        line-height: 1.187;
        letter-spacing: -0.0vw;
        margin-left: -2vw;
        width: 107%;
    }
    .tr2_right h2 br{
        display: block;
    }
    .tr2_right h2 strong{
        -webkit-text-stroke-width: 1px;
        letter-spacing: -0.03vw;
        padding-right: 0vw;
    }

    .tr2_right article{
        padding-left: 0vw;
        padding-top: 2.2vw;
        padding-right: 0vw;
    }
    .tr2_right article ul{}
    .tr2_right article ul li{
        font-size: 6.7vw;
        line-height: 1.154;
        letter-spacing: 0.2vw;
        padding-left: 5.7vw;
        padding-bottom: 4.5vw;
    }
    .tr2_right article ul li em{
        font-style: unset;
    }
    .tr2_right article ul li:before{
        width: 2.3vw;
        height: 2.3vw;
        top: 3.2vw;
        left: -1.5vw;
    }
    .tr2_right article ul li br{}
    .tr2_right article ul li br.m{}
}


/* Section 03 **********************************************************/
.tr3 {
    padding-top: 5.9vw;
    padding-left: 8.07vw;
    padding-right: 7.5vw;
    padding-bottom: 7vw;
}
.tr3 .section_inner{}

.tr3_left{
    width: 61%;
    padding-right: 3vw;
    padding-top: 7.55vw;
}
.tr3_left h2{
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-size: 3.5vw;
    color: #151E26;
    padding-bottom: 2.98vw;
    line-height: 1.22;
    padding-left: 0.07vw;
    letter-spacing: -0.016vw;
}
.tr3_left h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #151E26;
    font-weight: bold;
    letter-spacing: -0.07vw;
    margin-right: -0.7vw;
}

.tr3_left h5{
    padding-left: 0.2vw;
    padding-bottom: 3.1vw;
    font-size: 2.05vw;
}
.tr3_left h5 br{}
.tr3_left h5 br.m{}

.tr3_left .link{
    padding-left: 0.25vw;
}
.tr3_left .link a{}

.tr3_right{
    width: 39%;
    padding-top: 0vw;
    padding-left: 3.1vw;
    padding-right: 0vw;
}
.tr3_right span{
    width: 100%;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 36.82vw;
    box-shadow: 30px 30px 20px rgb(0 0 0 / 16%);
    position: relative;
    z-index: 1;
}
.tr3_right span img{
    width: 10%;
    opacity: 0;
}

@media (max-width: 768px) {
    .tr3{padding-top: 15.1vw;padding-left: 9.47vw;padding-right: 4.07vw;padding-bottom: 14.8vw;}
    .tr3 .section_inner{}

    .tr3_left{
        width: 100%;
        padding-right: 0vw;
        padding-top: 0vw;
    }
    .tr3_left h2{
        font-size: 8vw;
        padding-bottom: 6.9vw;
        line-height: 1.21;
        letter-spacing: -0.23vw;
        padding-left: 1.4vw;
    }
    .tr3_left h2 strong{
        -webkit-text-stroke-width: 1px;
    }

    .tr3_left h5{
        padding-left: 2vw;
        padding-bottom: 2.1vw;
        font-size: 5.6vw;
        letter-spacing: 0.13vw;
        line-height: 1.3;
        padding-right: 7vw;
    }
    .tr3_left h5 em{
        font-style: unset;
    }
    .tr3_left h5 br{}
    .tr3_left h5 br.m{}

    .tr3_left .link{
        padding-top: 5.5vw;
        padding-left: 2.2vw;
    }
    .tr3_left .link a{
    letter-spacing: 0.4vw;
}

    .tr3_right{
        width: 100%;
        padding-top: 15.8vw;
        padding-left: 1.7vw;
        padding-right: 6.9vw;
    }
    .tr3_right span{
        height: 96.1vw;
        box-shadow: 20px 20px 20px rgb(0 0 0 / 16%);
    }
    .tr3_right span img{}
}


/* Section 04 **********************************************************/
.tr4_lists{
    padding-top: 6.9vw;
    padding-bottom: 5.1vw;
    background-color: #F5F5F5;
}

.tr4_title{
    padding-bottom: 4.3vw;
}
.tr4_title .section_inner{
    display: block;
    text-align: center;
    padding-left: 12vw;
    padding-right: 14.5vw;
}
.tr4_title h2{
    text-transform: uppercase;
    color: #1632B1;
    padding-bottom: 2.45vw;
    font-size: 5.28vw;
    letter-spacing: 0.02vw;
}
.tr4_title h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #1632B1;
    text-transform: uppercase;
    position: relative;
    letter-spacing: -0.01vw;
    margin-right: -0.4vw;
}

.tr4{
    padding-left: 5.93vw;
    padding-right: 5.93vw;
    padding-bottom: 6.56vw;
}
.tr4 .section_inner{}

.tr4_left{
    padding-top: 6.32vw;
    padding-left: 8.54vw;
    width: 53%;
}
.tr4_left h5{
    font-size: 4.01vw;
    letter-spacing: 0.076vw;
    color: #2A2626;
    line-height: 1.1;
}
.tr4_left h5 strong{
    font-weight: 200;
    color: #E751BD;
}
.tr4_left h5 br{}
.tr4_left h5 br.m{}

.tr4_left article{
    padding-top: 3.38vw;
    padding-left: 5.1vw;
    letter-spacing: -0.005vw;
    padding-right: 2.2vw;
    padding-bottom: 2.6vw;
    line-height: 1.37;
}
.tr4_left article p{}
.tr4_left article p br{}
.tr4_left article p br.m{}

.tr4_left .link{
    padding-left: 5.1vw;
    padding-bottom: 3vw;
}
.tr4_left .link a.gbutton{}

.tr4_right{
    width: 47%;
    padding-left: 3.67vw;
    padding-right: 7.23vw;
}
.tr4_rightin{
    width: 100%;
    display: block;
    height: auto;
    position: relative;
}
.tr4_right span{
    width: 100%;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30.53vw;
    box-shadow: 30px 30px 20px rgb(0 0 0 / 16%);
    position: relative;
    z-index: 1;
}
.tr4_right span img{
    width: 10%;
    opacity: 0;
}
.tr4_right h2{
    width: auto;
    position: absolute;
    bottom: -5.83vw;
    right: -7.2vw;
    display: inline-block;
    color: #DFF627;
    font-size: 12.6vw;
}

@media (max-width: 768px) {
    .tr4_lists{
        padding-top: 10.7vw;
        padding-bottom: 4.3vw;
    }
    .tr4{
        padding-left: 10.4vw;
        padding-right: 5.6vw;
        padding-bottom: 20.1vw;
    }
    .tr4 .section_inner{}
.tr4_title{
    
}
.tr4_title .section_inner{
    padding-left: 15vw;
    padding-right: 15vw;
}
.tr4_title h2{
    font-size: 12.1vw;
    letter-spacing: -0.24vw;
    line-height: 1.02;
    padding-bottom: 6vw;
}
.tr4_title h2 strong{
    -webkit-text-stroke-width: 1px;
    letter-spacing: -0.2vw;
}
    
    .tr4_left{
        width: 100%;
        padding-top: 0.6vw !important;
        padding-left: 0vw !important;
    }
    .tr4_left h5{
        font-size: 8.8vw;
        letter-spacing: 0.17vw;
        padding-right: 2vw !important;
        line-height: 1.2;
        padding-left: 0.7vw !important;
    }
    .tr4_left h5 span.mobile_only{
        display: inline-block !important;
    }
    .tr4_left h5 br{
        display: none;
    }
    .tr4_left h5 br.m{
        display: block;
    }

    .tr4_left article{
        padding-top: 6.4vw;
        padding-left: 1.12vw !important;
        letter-spacing: 0.224vw;
        padding-right: 0vw;
        padding-bottom: 5.2vw !important;
        line-height: 1.58;
    }
    .tr4_left article p{}
    .tr4_left article p br{}
    .tr4_left article p br.m{}

    .tr4_left .link{
        padding-left: 1.1vw !important;
        padding-top: 3vw;
    }
    .tr4_left .link a.gbutton{
        padding-bottom: 0.8vw;
        /* letter-spacing: 0.2vw; */
    }

    .tr4_right{
        width: 100%;
        padding-left: 1.24vw;
        padding-right: 13.4vw;
        padding-top: 11.4vw;
    }
    .tr4_rightin{}
    .tr4_right span{
        height: 69.5vw;
        box-shadow: 20px 20px 20px rgb(0 0 0 / 16%);
    }
    .tr4_right span img{}
    .tr4_right h2{
        bottom: -8vw !important;
        right: -14.1vw !important;
        font-size: 17.1vw;
        left: unset !important;
    }
    .s3 .tr4_left .link a.gbutton{
        letter-spacing: 0.232vw;
        border-bottom: 1.5px solid #1632B1;
    }
}


.tr4_alt{
    /* padding-left: 5.93vw; */
    /* padding-right: 5.93vw; */
    /* padding-bottom: 6.56vw; */
}
.tr4_alt .section_inner{}

.tr4_alt .tr4_left{
    width: 53%;
    padding-top: 4.98vw;
    padding-left: 3.64vw;
}
.tr4_alt .tr4_left h5{}
.tr4_alt .tr4_left h5 br{}
.tr4_alt .tr4_left h5 br.m{}

.tr4_alt .tr4_left article{
    padding-left: 5.09vw;
    letter-spacing: -0.004vw;
    line-height: 1.374;
    padding-top: 2.8vw;
    padding-bottom: 2.66vw;
}
.tr4_alt .tr4_left article p{}
.tr4_alt .tr4_left article p br{}
.tr4_alt .tr4_left article p br.m{}

.tr4_alt .tr4_left .link{
    padding-left: 5.25vw;
}
.tr4_alt .tr4_left .link a.gbutton{}

.tr4_alt .tr4_right{
    width: 47%;
    padding-left: 7.1vw;
    padding-right: 3.78vw;
}
.tr4_alt .tr4_rightin{}
.tr4_alt .tr4_right span{}
.tr4_alt .tr4_right span img{}
.tr4_alt .tr4_right h2{
    right: unset;
    left: -4.56vw;
    bottom: -5.9vw;
}

@media (max-width: 768px) {
    .tr4_alt{
        padding-left: 10.4vw;
        padding-right: 4.6vw;
        padding-bottom: 16.8vw;
    }
    .tr4_alt .section_inner{}

    .tr4_alt .tr4_left{
        width: 100%;
        padding-top: 0.6vw;
        padding-left: 0vw;
        order: 1;
    }
    .tr4_alt .tr4_left h5{}
    .tr4_alt .tr4_left h5 br{}
    .tr4_alt .tr4_left h5 br.m{}

    .tr4_alt .tr4_left article{
        padding-top: 6.2vw;
        letter-spacing: 0.245vw;
        padding-right: 0vw;
        line-height: 1.58;
        padding-bottom: 4.41vw !important;
    }
    .tr4_alt .tr4_left article p{}
    .tr4_alt .tr4_left article p br{}
    .tr4_alt .tr4_left article p br.m{}

    .tr4_alt .tr4_left .link{
        padding-top: 4.4vw;
    }
    .tr4_alt .tr4_left .link a.gbutton{
        /* letter-spacing: 0.4vw; */
    }

    .tr4_alt .tr4_right{
        width: 100%;
        padding-left: 1.24vw;
        padding-right: 14.4vw;
        padding-top: 12.3vw;
        order: 2;
    }
    .tr4_alt .tr4_rightin{}
    .tr4_alt .tr4_right span{
        height: 69.5vw;
    }
    .tr4_alt .tr4_right span img{}
    .tr4_alt .tr4_right h2{
        right: -15.3vw !important;
    }
}


.s3.tr4{
    /* padding-bottom: 8.753vw; */
}
.s3 .tr4_left{
    padding-top: 3.78vw;
    padding-left: 9vw;
}
.s3 .tr4_left article{
    padding-left: 5.15vw;
    padding-bottom: 2.45vw;
    padding-top: 3vw;
}
.s3 .tr4_left .link{
    padding-left: 5.13vw;
}
.s3 .tr4_right h2{
    bottom: -5.9vw;
    right: -6.9vw;
}
.s3 .tr4_right{
    padding-left: 3.5vw;
    padding-right: 7.4vw;
}

.s4.tr4{padding-bottom: 11.14vw;}
.s4 .tr4_right{
    padding-top: 1.2vw;
    padding-right: 3.8vw;
}
.s4 .tr4_left{padding-top: 4.9vw;padding-left: 3.90vw;}
.s4 .tr4_left article{padding-bottom: 2.54vw;}
.s4 .tr4_left .link{padding-left: 5.34vw;}
.s4 .tr4_right h2{
    left: -6.4vw;
    bottom: -6.1vw;
}
.s4 .tr4_right span{    
    height: 30.453vw;
}
@media (max-width: 768px) {
    .s3.tr4{
        padding-bottom: 17.7vw;
        padding-left: 10.4vw;
        padding-right: 4.1vw;
    }
    .s3 .tr4_left{padding-top: 4vw !important;}
    .s3 .tr4_right span{
        height: 69.96vw;
        box-shadow: 30px 30px 20px rgb(0 0 0 / 16%);
    }
    .s3 .tr4_left article{
        padding-top: 6.5vw;
        letter-spacing: 0.22vw;
        padding-bottom: 4.3vw !important;
    }
    .s3 .tr4_left .link{
        padding-left: 1.3vw !important;
        padding-top: 4.1vw;
    }
    .s3 .tr4_right h2{
    bottom: -7.2vw !important;
    right: -14.4vw !important;
}
    .s3 .tr4_right{
        padding-left: 1.24vw;
        padding-right: 14.2vw;
        padding-top: 12.6vw;
    }

.s4.tr4{padding-bottom: 16.14vw;}
.s4 .tr4_right{padding-top: 1.2vw;padding-right: 13.8vw;}
.s4 .tr4_left{padding-bottom: 10vw;}
.s4 .tr4_left article{padding-bottom: 4.2vw !important;}
.s4 .tr4_left .link{padding-left: 0.9vw !important;}
.s4 .tr4_right h2{ }
.s4 .tr4_right span{
    height: 70.03vw;
}
.s4 .tr4_right h2 {
    right: -14.1vw !important;
    bottom: -7.2vw !important;
}
}







/* Section 05 **********************************************************/
.tr5{/* background-color: #E751BD; */}
.tr5 .section_inner{}

.tr5_left{
    width: 39%;
    padding-right: 0.55vw;
}
.tr5_left span{
    width: 100%;
    height: 100%;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.tr5_left span.mobile_only{
    display:none;
}
.tr5_left span img{
    width: 10%;
    opacity: 0;
}

.tr5_right{
    width: 60%;
    padding-top: 5.85vw;
    padding-left: 8.3vw;
    padding-right: 7vw;
    padding-bottom: 9.4vw;
}
.tr5_right h2{
    text-transform: uppercase;
    display: block;
    width: 140%;
    font-size: 5.7vw;
    color: #151E26;
    letter-spacing: -0.099vw;
    padding-bottom: 3.01vw;
    margin-left: -17.9vw;
    line-height: 1.13;
}
.tr5_right h2 br{
    display: none;
}
.tr5_right h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #151E26;
    font-weight: bold;
    letter-spacing: -0.016vw;
    margin-right: -0.7vw;
}

.tr5_right article{
    padding-left: 0.03vw;
    padding-top: 1.35vw;
    padding-right: 4vw;
    display: block;
    font-size: 1.34vw;
    font-weight: 200;
    color: #151E26;
    line-height: 1.35;
    letter-spacing: 0.037vw;
}
.tr5_right article ul{
    margin: 0px;
    padding: 0px;
}
.tr5_right article ul li{
    display: block;
    position: relative;
    padding-left: 1.86vw;
    padding-bottom: 0.545vw;
    margin-bottom: 0px;
}
.tr5_right article ul li:before{
    content:
    "";
    width: 0.6vw;
    height: 0.6vw;
    display: block;
    position: absolute;
    top: 0.47vw;
    left: 0vw;
    background-color: #151E26;
    border-radius: 50%;
}
.tr5_right article ul li br{}
.tr5_right article ul li br.m{}

.tr5_right .link{
    padding-top: 3.0vw;
    padding-left: 1.78vw;
}
.tr5_right .link a{}

@media (max-width: 768px) {
.tr5{ }
.tr5 .section_inner{}

.tr5_left{
    order: 2;
    width: 100%;
    padding-top: 0vw;
}
.tr5_left span{
    height: 117.4vw;
    display:
    none;
}
.tr5_left span.mobile_only{
    display:block;
}
.tr5_left span img{}

.tr5_right{
    order: 1;
    width: 100%;
    padding-top: 12.56vw;
    padding-left: 8.2vw;
    padding-right: 3vw;
    padding-bottom: 12.3vw;
}
.tr5_right h2{
    font-size: 7.4vw;
    padding-bottom: 6.9vw;
    line-height: 1.22;
    letter-spacing: -0.04vw;
    padding-left: 1.4vw;
    margin-left: 0vw;
}
.tr5_right h2 br{
    display: block;
}
.tr5_right h2 strong{
    -webkit-text-stroke-width: 1px;
    letter-spacing: -0.12vw;
}

.tr5_right article{
    padding-left: 0vw;
    padding-top: 1.1vw;
    padding-right: 2vw;
    font-size: 4.67vw;
    letter-spacing: 0.19vw;
    line-height: 1.54;
    padding-left: 8.1vw;
}
.tr5_right article ul{}
.tr5_right article ul li{
    padding-left: 0.1vw;
    padding-bottom: 2.7vw;
}
.tr5_right article ul li:before{
    width: 1.5vw;
    height: 1.5vw;
    top: 2.48vw;
    left: -6.4vw;
}
.tr5_right article ul li br{}
.tr5_right article ul li br.m{}

.tr5_right .link{
    padding-top: 4vw;
    padding-left: 8.1vw;
}
.tr5_right .link a{}
}



/* Section 06 **********************************************************/
.tr6{
    padding-top: 6.04vw;
    background-color: #1632B1;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 7.96vw;
}
.tr6 .section_inner{}

.tr6_title{
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 4.4vw;
    padding-right: 0.2vw;
}
.tr6_title h2{
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 2.45vw;
    font-size: 5.9vw;
    line-height: 1.11;
    letter-spacing: 0.06vw;
}
.tr6_title h2 br{}
.tr6_title h2 br.m{}
.tr6_title h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFFFFF;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.08vw;
}

.tr6_title h5{
    font-size: 2.2vw;
    color: #FFFFFF;
    letter-spacing: 0.049vw;
    padding-left: 0.2vw;
}
.tr6_title h5 br{}
.tr6_title h5 br.m{}

.tr6_slider{
    width: 100%;
    padding-left: 12.5vw;
    padding-right: 12.5vw;
    padding-bottom: 3.531vw;
    height: 21vw;
}
.tr6_slider.slick-initialized{
    height: auto;
}
.tr6_col{
    width: 100%;
    display: block;
}
.tr6_col article{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.79vw;
    font-weight: 200;
    line-height: 1.36;
    letter-spacing: 0.056vw;
    color: #FFF;
}
.tr6_col article p{}
.tr6_col article p br{}
.tr6_col article p br.m{}

.tr6_col .name{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Acumin Pro Wide';
    font-weight: 500;
    color: #FFF;
    padding-top: 3vw;
    font-size: 1.4vw;
    letter-spacing: 0.19vw;
    padding-left: 0.1vw;
}

.tr6_slider .slick-arrow{
    font-size: 0vw;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0px;
    width: 5.86vw;
    height: 5.86vw;
    position: absolute;
    top: 19.8%;
    transform: translate(-50%, -50%);
    left: unset;
    right: unset;
    cursor: pointer;
    z-index: 99;
    padding: 0px !important;
}
.tr6_slider .slick-prev{
    left: 3.24vw;
    background-image: url(left-arrow.svg);
}
.tr6_slider .slick-next{
    right: -2.63vw;
    background-image: url(right-arrow.svg);
}
.tr6_slider ul.slick-dots{
    margin: 0px;
    padding: 0px;
    text-align: center;
    position: absolute;
    bottom: 0vw;
    left: 0vw;
    width: 100%;
}
.tr6_slider ul.slick-dots li{
    margin: 0px;
    list-style: none;
    display: inline-block;
    margin-left: 0.4vw;
    margin-right: 0.4vw;
}
.tr6_slider ul.slick-dots li  button{
    border: 2px solid #FFF;
    background-color: #FFF;
    border-radius: 50%;
    width: 0.99vw;
    height: 0.99vw;
    display: block;
    font-size: 0vw;
    cursor: pointer;
}
.tr6_slider ul.slick-dots li.slick-active button{
    background-color: #1632B1;
}

.tr6_slider .slick-arrow:hover{
    opacity:0.7;
}

@media (max-width: 768px) {
    .tr6{padding-top: 12.1vw;padding-left: 7vw;padding-right: 7vw;padding-bottom: 18.1vw;}
    .tr6 .section_inner{}

    .tr6_title{
    padding-bottom: 1vw;
    padding-right: 0.2vw;
}
    .tr6_title h2{
        font-size: 11.12vw;
        letter-spacing: -0.24vw;
        line-height: 1.15;
        padding-bottom: 6vw;
    }
    .tr6_title h2 br{}
    .tr6_title h2 br.m{}
    .tr6_title h2 strong{
        -webkit-text-stroke-width: 1px;
    }
    
.tr6_title h5{
    font-size: 5.9vw;
    padding-left: 2.8vw;
    padding-right: 2.5vw;
    padding-top: 0.8vw;
    letter-spacing: 0.11vw;
    line-height: 1.23;
}
.tr6_title h5 br{}
.tr6_title h5 br.m{}

    .tr6_slider{
        padding-left: 1vw;
        padding-right: 0vw;
        padding-top: 5.7vw;
        padding-bottom: 23.4vw;
    }
    .tr6_col{}
    .tr6_col article{
        padding-left: 0vw;
        font-size: 4.8vw;
        letter-spacing: 0.14vw;
        padding-right: 0.7vw;
        line-height: 1.508;
    }
    .tr6_col article p{}
    .tr6_col article p br{}
    .tr6_col article p br.m{}

    .tr6_slider .slick-arrow{
        top: unset;
        transform: unset;
        bottom: 1.2vw;
        width: 12.86vw;
        height: 12.86vw;
    }
    .tr6_slider .slick-prev{left: 7.1vw;}
    .tr6_slider .slick-next{right: 7.1vw;}
    .tr6_slider ul.slick-dots{bottom: 4.8vw;}
    .tr6_slider ul.slick-dots li{
        width: 12px;
        height: 12px;
        border: 2px solid #FFF;
        border-radius: 50%;
        background-color: #FFF;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .tr6_slider ul.slick-dots li  button{
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .tr6_slider ul.slick-dots li.slick-active{
        background-color: transparent;
    }

    .tr6_col .name{
        padding-top: 7.6vw;
        font-size: 3.8vw;
        letter-spacing: 0.6vw;
        padding-left: 0.1vw;
    }
}




/* Section 07 **********************************************************/
.tr7{
    padding-top: 4.8vw;
    background-color: #FFF;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 6.6vw;
}
.tr7 .section_inner{}

.tr7_title{
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 4.85vw;
    padding-right: 0.2vw;
}
.tr7_title h2{
    text-transform: uppercase;
    color: #E751BD;
    padding-bottom: 1.4vw;
    font-size: 4.4vw;
    line-height: 1.11;
    letter-spacing: -0.06vw;
}
.tr7_title h2 br{}
.tr7_title h2 br.m{}
.tr7_title h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFFFFF;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.08vw;
}

.tr7_title h5{
    font-size: 2.2vw;
    color: #E751BD;
    letter-spacing: 0.049vw;
    padding-left: 0.2vw;
}
.tr7_title h5 br{}
.tr7_title h5 br.m{}

.tr7_slider{
    width: 100%;
    padding-left: 9.5vw;
    padding-right: 9.5vw;
    /* padding-bottom: 3.531vw; */
    height: 37.36vw;
}
.tr7_slider.slick-initialized{
    height: auto;
}
.tr7_col{
    width: 100%;
    display: block;
    padding-top: 1px;
}
.tr7_colin{
    position: relative;
    display: block;
    width: 100%;
}
.tr7_colin span{
    width: 100%;
    height: 37.36vw;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.tr7_colin span img{
    width: 10%;
    opacity: 0;
}
.tr7_slider .slick-arrow{
    font-size: 0vw;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0px;
    width: 5.86vw;
    height: 5.86vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: unset;
    right: unset;
    cursor: pointer;
    z-index: 99;
    padding: 0px !important;
}
.tr7_slider .slick-prev{
    left: 3.24vw;
    background-image: url(left-arrow.svg);
}
.tr7_slider .slick-next{
    right: -2.63vw;
    background-image: url(right-arrow.svg);
}
.tr7_slider ul.slick-dots{
    display: none !important;
}
.tr7_slider .slick-arrow:hover{
    opacity:0.7;
}

@media (max-width: 768px) {
    .tr7{
        padding-top: 10.8vw;
        padding-left: 8vw;
        padding-right: 8vw;
        padding-bottom: 7.04vw;
    }
    .tr7 .section_inner{}

    .tr7_title{}
    .tr7_title h2{
        font-size: 7.97vw;
        line-height: 1.19;
        padding-bottom: 2.3vw;
    }
    .tr7_title h2 br{}
    .tr7_title h2 br.m{}
    .tr7_title h2 strong{
        -webkit-text-stroke-width: 1px;
    }
    
.tr7_title h5{
    font-size: 5.9vw;
    padding-left: 2.8vw;
    padding-right: 2.5vw;
    padding-top: 0.8vw;
    letter-spacing: 0.11vw;
    line-height: 1.23;
}
.tr7_title h5 br{}
.tr7_title h5 br.m{}

    .tr7_slider{
        padding-left: 2.1vw;
        padding-right: 2vw;
        padding-top: 3.3vw;
        padding-bottom: 19.8vw;
    }
    .tr7_col{}
.tr7_colin{}
.tr7_colin span{
    height: 46.1vw;
}
.tr7_colin span img{}

    .tr7_slider .slick-arrow{
        top: unset;
        transform: unset;
        bottom: 3.7vw;
        width: 9.5vw;
        height: 9.6vw;
    }
    .tr7_slider .slick-prev{left: 27vw;}
    .tr7_slider .slick-next{right: 27vw;}
    .tr7_slider ul.slick-dots{}
}



/* Section 08 **********************************************************/
.tr8{
    background-color: #E751BD;
}
.tr8 .section_inner{}

.tr8_left{
    width: 29.4%;
}
.tr8_left span{
    width: 100%;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.tr8_left span img{
    width: 10%;
    opacity: 0;
}

.tr8_right{
    width: 70.6%;
    padding-left: 6.98vw;
    padding-top: 5.9vw;
    padding-bottom: 6.67vw;
    padding-right: 7vw;
}
.tr8_right h2{
    text-transform: uppercase;
    color: #FFF;
    font-size: 4.65vw;
    line-height: 1.11;
    letter-spacing: 0.06vw;
}
.tr8_right h2 br{}
.tr8_right h2 br.m{}
.tr8_right h2 strong{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    font-weight: bold;
    letter-spacing: -0.03vw;
    margin-right: 0.34vw;
    padding-left: 0.18vw;
}

.tr8_right h5{
    color: #F5F5F5;
    padding-left: 9.1vw;
    padding-top: 2.55vw;
    font-size: 2.16vw;
    letter-spacing: 0.064vw;
    line-height: 1.229;
    padding-bottom: 3.2vw;
    padding-right: 0.5vw;
}
.tr8_right h5 br{}
.tr8_right h5 br.m{}

.tr8_right .link{
    padding-left: 9.1vw;
}
.tr8_right .link a.gbutton{
    color: #FFFFFF;
    border-color: #FFFFFF;
    padding-bottom: 0.34vw;
}
.tr8_left span.mobile_only{
        display: none !important;
}
@media (max-width: 768px) {
    .tr8{}
    .tr8 .section_inner{}

    .tr8_left{
        width: 100%;
        order: 2;
    }
    .tr8_left span{
        height: 76.6vw;
        display: none;
    }
    .tr8_left span.mobile_only{
        display: block !important;
    }
    .tr8_left span img{}

    .tr8_right{
        width: 100%;
        order: 1;
        padding-left: 10.65vw;
        padding-top: 12.45vw;
        padding-bottom: 16.76vw;
        padding-right: 5vw;
    }
    .tr8_right h2 strong{
        -webkit-text-stroke-width: 1px;
        letter-spacing: 0.1vw;
        margin-left: 0vw;
        font-size: 10.5vw;
    }
    .tr8_right h2{
        font-size: 11vw;
        color: #FFF;
        letter-spacing: 0.1vw;
        padding-left: 0vw;
        line-height: 1.14;
        padding-right: 0vw;
    }
    .tr8_right h2 br{}
    .tr8_right h2 br.m{}
    .tr8_right h2 br strong{}

    .tr8_right h5{
        padding-left: 0.5vw;
        padding-top: 5.2vw;
        font-size: 5.9vw;
        letter-spacing: 0.12vw;
        line-height: 1.223;
        padding-bottom: 6.6vw;
        padding-right: 0vw;
    }
    .tr8_right h5 br{}
    .tr8_right h5 br.m{}

    .tr8_right .link{
        padding-left: 2.3vw;
        padding-top: 2.4vw;
    }
    .tr8_right .link a.gbutton{
        letter-spacing: 0.2vw;
        padding-bottom: 0.85vw;
    }
}







/* Site Footer *************************************/
footer{}
.site_footer{
    background-color: #1632B1;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 4vw;
    padding-bottom: 5.157vw;
}
.site_footer .section_inner{}

.footer_left{
    width: 27%;
    padding-left: 11.1vw;
    padding-top: 3.63vw;
    padding-right: 5.1vw;
}
.footer_left img{}

.footer_right{
    width: 73%;
    padding-top: 0.5vw;
}
.footer_right h3{
    text-transform: uppercase;
    font-size: 2.28vw;
    color: #FFFFFF;
    margin-left: -0.1vw;
}
.footer_right h5{
    color: #FFFFFF;
    font-size: 1.318vw;
    padding-top: 0.78vw;
    letter-spacing: 0.0489vw;
}
.footer_right h5 br{}
.footer_right h5 br.m{}

.footer_form{
    display: block;
    width: 100%;
    padding-top: 2.1vw;
}
.footer_form form{
    margin: 0px;
    display: block;
}
.footer_formin{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    padding-right: 6vw;
}
.footer_formin .form-group{
    width: 24.8%;
    display: block;
    margin: 0px;
    border: 2px solid #DFF627;
}
.footer_formin .email-field{
    width: 44.5%;
    border-left: 0px solid #DFF627;
}
.footer_formin .form-group input{
    height: 56px;
    width: 100%;
    display: block;
    background-color: transparent;
    text-align: center;
    font-size: 0.9vw;
    font-family: 'Acumin Pro Wide';
    font-weight: 500;
    border: 0px solid;
    border-radius: 0px;
    letter-spacing: 0.12vw;
    padding-left: 0.3vw;
}
.footer_formin .form-group ul{
    display: none;
}

.footer_formin .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #DFF627;
}
.footer_formin .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #DFF627;
}
.footer_formin .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #DFF627;
}
.footer_formin .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #DFF627;
}

.footer_formin .submit-field{
    width: 30.7%;
    /* height: 56px; */
    /* display: block; */
    border: 2px solid #dff62700;
    padding-left: 2vw;
    padding-right: 2vw;
}
.footer_formin .submit-field button.site_button{
    margin: 0px;
    padding: 0px;
    border: 0px solid;
    background-color: transparent;
    box-shadow: unset;
    color: #DFF627;
    font-size: 1.1vw;
    font-family: 'Acumin Pro Wide';
    font-weight: 500;
    height: 56px;
    display: block;
    width: 100%;
    letter-spacing: 0.135vw;
    padding-bottom: 0.6vw;
    padding-left: 0.1vw;
}
.footer_formin .submit-field button.site_button span{
    border-bottom: 2px solid;
    padding-bottom: 0.5vw;
}


.site_footer_menu{
    width: 100%;
    display: block;
    padding-top: 4.1vw;
}
.site_footer_menu ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.site_footer_menu ul.mobile_only{
    display:none;
}
.site_footer_menu ul li{
    margin: 0px;
    list-style: none;
    display: inline-block;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}
.site_footer_menu ul li:first-child{
    padding-left: 0vw;
}
.site_footer_menu ul li:last-child{
    padding-right: 0vw;
}
.site_footer_menu ul li a{
    color: #FFFFFF;
    font-size: 1.17vw;
    font-family: 'Acumin Pro Wide';
    font-weight: 500;
    display: block;
    letter-spacing: 0.1vw;
}


.site_footer_bottom{
    background-color: #151E26;
    padding-top: 0.76vw;
    padding-bottom: 0.7vw;
}
.site_footer_bottom .section_inner{
    padding-left: 10.4vw;
    padding-right: 9.4vw;
}
.site_footer_bottom ul{
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
}
.site_footer_bottom ul li{
    color: #FAF8F6;
    font-size: 0.7vw;
    font-family: 'Acumin Pro Wide';
    font-weight: 500;
    letter-spacing: 0.095vw;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px !important;
    padding-right: 1.92vw;
    padding-left: 1.92vw;
}
.site_footer_bottom ul li a{
    color: #FAF8F6;
}
.site_footer_bottom ul li:last-child{
    padding-right: 0vw;
}
.site_footer_bottom ul li:last-child a{
    color: #DFF627;
    border-bottom: 1px solid #DFF627;
    line-height: 0;
}

@media (max-width: 768px) {
    footer{}
    .site_footer{
    padding-bottom: 7.98vw;
}
    .site_footer .section_inner{}

    .footer_left{
        width: 100%;
        padding-left: 32.6vw;
        padding-top: 6.8vw;
        padding-right: 32.4vw;
        padding-bottom: 7vw;
    }
    .footer_left img{}

    .footer_right{
        width: 100%;
        padding-top: 0.3vw;
    }
    .footer_right h3{
        text-align: center;
        font-size: 8.1vw;
        line-height: 1.19;
        letter-spacing: 0.1vw;
    }
    .footer_right h5{
        text-align: center;
        font-size: 4.4vw;
        padding-top: 5.8vw;
        padding-left: 6vw;
        padding-right: 6vw;
        line-height: 1.4;
        letter-spacing: 0.2vw;
    }
    .footer_right h5 br{}
    .footer_right h5 br.m{}

    .footer_form{
        padding-top: 9.7vw;
        padding-left: 7.7vw;
        padding-right: 7.7vw;
    }
    .footer_form form{}
    .footer_formin{
        padding-right: 0vw;
    }
    .footer_formin .form-group{
        width: 100%;
        display: block;
        margin: 0px;
        border: 2px solid #DFF627;
    }
    .footer_formin .email-field {
        width: 100%;
        border-left: 2px solid #DFF627;
        border-top: 0px solid #DFF627;
    }
    .footer_formin .form-group input{
        height: 48px;
        font-size: 3.9vw;
    }
    .footer_formin .form-group ul{}

    .footer_formin .submit-field{
        width: 100%;
        padding-top: 4.4vw;
    }
    .footer_formin .submit-field button.site_button{
        font-size: 3.5vw;
        letter-spacing: 0.26vw;
    }
    .footer_formin .submit-field button.site_button span{
        padding-bottom: 1.5vw;
    }


    .site_footer_menu{
        padding-top: 5.4vw;
    }
    .site_footer_menu ul{
        display: none;
    }
    .site_footer_menu ul.mobile_only{
        text-align: center;
    }
    .site_footer_menu ul li{
        padding-left: 3.14vw;
        padding-right: 3.14vw;
    }
    .site_footer_menu ul li a{
        font-size: 3.17vw;
        text-transform: uppercase;
    }
    

    .site_footer_bottom{}
    .site_footer_bottom .section_inner{
        padding-left: 5.4vw;
        padding-right: 5.4vw;
        padding-top: 5.9vw;
        padding-bottom: 4.5vw;
    }
    .site_footer_bottom ul{}
    .site_footer_bottom ul li{
        font-size: 3.17vw;
        display: block;
        width: 100%;
        padding-left: 0vw;
        padding-right: 0vw;
        text-align: center;
        letter-spacing: 0.12vw;
        padding-bottom: 1.4vw;
    }
    .site_footer_bottom ul li.link{
        display: none;
    }
    .site_footer_bottom ul li:last-child{
        padding-left: 13vw;
        padding-right: 13vw;
        line-height: 1.24;
    }
    .site_footer_bottom ul li a{}
}