@font-face {
    font-family: 'Questrial';
    src: url('questrial-regular.woff2') format('woff2'),
        url('questrial-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'PP Pangram Sans';
    src: url('pppangramsans-semibold.woff2') format('woff2'),
        url('pppangramsans-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Adieu';
    src: url('adieu-light.woff2') format('woff2'),
        url('adieu-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Adieu';
    src: url('adieu-regular.woff2') format('woff2'),
        url('adieu-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}



@font-face {
    font-family: 'Graphik';
    src: url('graphik-regular.woff2') format('woff2'),
        url('graphik-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Graphik';
    src: url('graphik-medium.woff2') format('woff2'),
        url('graphik-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Graphik';
    src: url('graphik-mediumitalic.woff2') format('woff2'),
        url('graphik-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: 'Graphik';
    src: url('graphik-bold.woff2') format('woff2'),
        url('graphik-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}



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

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

html {
  scroll-behavior: smooth;
}

body {
    font-family: 'Graphik';
    font-size: 1.302vw;
    font-weight: normal;
    line-height: 1.42;
    letter-spacing: 0.065vw;
    color: #000;
    margin-bottom: 0vw;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-family: 'PP Pangram Sans';
    font-weight: 600;
    margin: 0vw;
}

h1 {
    font-size: 10.417vw;
    line-height: 1.2;
    letter-spacing: 0vw;
    color: #000;
}

h2 {
    font-size: 10.417vw;
    line-height: 0.815;
    letter-spacing: -0.0vw;
}

h3 {
    font-size: 3.13vw;
    line-height: 1.17;
    letter-spacing: 0.156vw;
    font-weight: 300;
    font-family: ivypresto-display, serif;
    font-style: italic;
}

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

h5 {
    font-size: 2.2vw;
    line-height: 1.21;
    letter-spacing: 0.05vw;
}

h6 {
    font-size: 1.23vw;
    line-height: 1.25;
    letter-spacing: -0.023vw;
    color: #000000;
    font-family: 'Adieu';
    font-weight: 300;
    font-style: normal;
}

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;
}

a.gbutton{
    font-family: 'Questrial';
    font-weight: normal;
    font-style: normal;
    font-size: 1.563vw;
    display: inline-block;
    padding-right: 2.2vw;
    position: relative;
    letter-spacing: 0.156vw;
    color: #000000;
}
a.gbutton span.text{position: relative;display: block;padding-bottom: 0.34vw;}
a.gbutton span.text:before{
    content:"";
    position: absolute;
    bottom: 0px;
    left: 0vw;
    height: 2px;
    width: 100%;
    background-color: #2EFF80;
    transition: all 2s ease;
}
a.gbutton:hover span.text{
    color: #2EFF80;
}

a.gbutton span.svg{
    position: absolute;
    top: 0.1vw;
    right: 0vw;
    width: 1.1vw;
    height: 1.6vw;
}
a.gbutton span.svg svg{
    width: 100%;
    height: 100%;
}

mark{
    background-color: transparent;
    background-image: linear-gradient(120deg, #000000 0%, #000000 100%);
    background-size: 100% 2px;
    background-position: 0 95%;
    background-repeat: no-repeat;
    color: inherit;
}
/*
   Media 768
-----------------------------*/
@media screen and (max-width: 1024px) {
    body{
        font-size: 1.12vw;
    }
}
@media screen and (max-width: 768px) {
    body {
        font-size: 3.9vw;
        line-height: 1.613;
        letter-spacing: 0.11vw;
        padding-left: 0vw;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {}
    h1 {
        font-size: 13.7vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.96;
        letter-spacing: 0.07vw;
    }
    h2 {
        font-size: 16.4vw;
        /* font-weight: normal; */
        /* font-stretch: normal; */
        /* font-style: normal; */
        /* line-height: 1.0; */
        letter-spacing: 0.01vw;
    }
    h3 {
        font-size: 7.1vw;
        /* font-weight: normal; */
        /* font-stretch: normal; */
        font-style: italic;
        line-height: 1.17;
        letter-spacing: 0.3vw;
    }
    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.6vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.15;
        letter-spacing: 0.03vw;
    }
    h6 {
        font-size: 3vw;
        line-height: 1.26;
        letter-spacing: 0vw;
    }
    a:hover {}
    .section_inner {}

    a.gbutton{
    padding-right: 6.2vw;
    font-size: 4vw;
    letter-spacing: 0.38vw;
}
    a.gbutton span.text{
    padding-bottom: 0.4vw;
}
    a.gbutton span.svg{
    top: 0.1vw;
    right: 0vw;
    width: 3.1vw;
    height: 3.6vw;
}
    a.gbutton span.svg svg{}
}


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

html {
    padding-top: 0 !important;
    background-color: #F5F5F5;
}


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

.header--overlay {
    position: relative;
}

.header__block--logo{
    width: 100%;
    margin: 0px !important;
    padding-left: 7.0vw;
    padding-top: 2.22vw;
    padding-right: 1.5vw;
    padding-bottom: 2.25vw;
}
.header__block--menu{
    margin: 0px !important;
    display: inline-block !important;
    width: 100%;
    padding-left: 6.2vw;
    padding-top: 15.1vw;
    padding-right: 6.2vw;
    background-color: #F5F5F5;
    padding-bottom: 15.1vw;
    height: 100vh;
}

.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:after,
.header .user__login a:after {
    content: " ";
    background-color: #000000;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    top: 80%;
    opacity: 1;
}

.header .header__block--menu a:hover: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: #000;
    font-weight: normal;
    margin-bottom: 3vw !important;
    display: inline-block;
    position: relative;
    font-family: 'Questrial';
}
.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;
}

.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: absolute;
    padding-right: 0vw;
    width: 100%;
    top: 0vw;
    left: 0vw;
}
.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.9vw;
}
.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: 4.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; */
    /* background-color: #1C2626; */
    /* position: fixed; */
    /* top: 0; */
    /* width: 100%; */
    /* height: 19vw; */
}

.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: 0;
    /* padding-left: 4vw; */
}

.header__container .hamburger .close_icon{
    display: none;
}
/*
   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: #1C2626;
        border-bottom: 0px solid #FFFFFF !important;
    }
    .pf4_site_header {
        padding-right: 0vw;
        /* background-color: #8A911A; */
        width: 100%;
        position: relative;
    }
    .pf4_site_header.active {
        /* background-color: #FFF; */
        background-color: #1C2626;
        position: fixed;
        top: 0;
        width: 100%;
        height: 19vw;
    }
    .header__content--desktop .header__block--menu,
    .header__wrap .header__content .header__block--user {
        display: none !important;
    }
    .logo__image {
        max-width: unset;
        width: 13.5vw !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;
        padding-left: 5.5vw !important;
        padding-right: 6.5vw !important;
        padding-top: 5.8vw !important;
        padding-bottom: 6.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: 8.1vw;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0vw;
        padding: 0vw 0.333vw 1vw 0vw !important;
        margin: 0vw 0vw 14.1vw 0vw !important;
        position: relative;
        writing-mode: unset;
    }
    .header .justify-content-right ul li {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .header__content--mobile .link-list {
        display: block;
        text-align: left;
        border: 0vw;
        position: relative;
        transform: rotate(0deg);
    }
    .header__content--mobile .link-list .link-list__link:before {
        content: "";
        position: absolute;
        width: 4.8vw;
        height: 4.8vw;
        left: -10vw;
        background-color: #2EFF80;
        z-index: 55;
        top: 1.6vw;
        border-radius: 50%;
        opacity: 0;
    }
    .header__content--mobile .link-list .link-list__link:hover:before {
        opacity:1;
    }
    .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: 12.2vw;
        height: 100vh;
        display: none;
    }
    .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: 6.7vw;
        padding-top: 0;
        position: relative;
        z-index: 9999;
        top: 0.5vw;
    }
    .header__container .hamburger__slices{
        width: 10.7vw;
        display: inline-block;
        height: 6.7vw;
    }
    .header__container .hamburger__slices svg{
        width: 100%;
        height: auto;
    }

    .hamburger--opened .hamburger__slices{
        display:none;
    }
    .hamburger--opened .hamburger__slices.close_icon{
        display: inline-block;
    }
    .hamburger--opened .hamburger__slices.close_icon svg{
        width: 61%;
    }
}


.announcements{
    position: relative;
    width: 100%;
    background-color: #1C2626;
    border-bottom: 1px solid #707070;
}
.announcements_in{
    padding-left: 4.8vw;
    padding-right: 2.8vw;
    width: 100%;
    display: block;
}
.announcements .section_inner{
    text-align: center;
    display: block;
    font-size: 1.042vw;
    padding-top: 0.854vw;
    padding-bottom: 0.9vw;
    font-weight: normal;
    color: #FFF;
    font-family: 'Questrial';
}
.announcements p{
    color: #FFF;
    line-height: 1;
    letter-spacing: 0.156vw;
    padding-left: 0.1vw;
}
.announcements p a{
    color: #2EFF80;
    position: relative;
    display: inline-block;
}


@media (max-width: 768px) {
    .announcements{
        padding-left: 0vw;
        position: relative;
        z-index: 1;
        display: none;
    }
    .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;
        display: block !important;
        height: 18.5vw;
    }
}

/* Section 01 **********************************************************/
.ca1{background-color: #212E2E;padding-top: 15.84vw;padding-left: 14.4vw;padding-bottom: 19.28vw;border-bottom: 1px solid #707070;padding-right: 14.4vw;margin-bottom: 1.7vw;}
.ca1_image{
    position: absolute;
    top: 0vw;
    right: 0vw;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.ca1_image.desktop_only{}
.ca1_image.mobile_only{}
.ca1 .section_inner{
    display: block;
    z-index: 1;
}
.ca1 h1{
    color: #FFF;
    display: block;
    text-align: center;
    line-height: 0.82;
    padding-bottom: 4.75vw;
}
.ca1 h1 br{}

.ca1 h3{
    text-align: center;
    color: #D2D2D2;
    font-size: 3.66vw;
    letter-spacing: 0.175vw;
    padding-left: 0.3vw;
    line-height: 1.14;
}
.ca1 h3 br{}
.ca1 h3 br.m{}

@media (max-width: 768px) {
    .ca1 {
        padding-bottom: 37.2vw;
        padding-top: 34.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
        margin-bottom: 0vw;
    }
    .ca1_image{}
    .ca1_image.desktop_only{
        display: none;
    }
    .ca1_image.mobile_only{
        display: block !important;
        width: 100%;
        height: 100%;
    }
    .ca1 .section_inner{}
    .ca1 h1{
        position: relative;
        z-index: 2;
        line-height: 1;
        padding-bottom: 7.7vw;
    }
    .ca1 h1 br{
    display: block;
}

    .ca1 h3{
    font-size: 7.1vw;
    padding-left: 1.5vw;
    letter-spacing: 0.31vw;
}
    .ca1 h3 br{}
    .ca1 h3 br.m{}
}



/* Section 03 **********************************************************/
.ca3 {
    padding-left: 4.43vw;
    padding-right: 4.43vw;
    padding-top: 1.1vw;
    padding-bottom: 0.6vw;
    width: 100%;
    display: block;
    background-color: #F5F5F5;
    z-index: 9;
}
.ca3 .section_inner{}

.ca3_logo{
    width: 20%;
}
.ca3_logo a{
    display: block;
}
.ca3_logo a img{
    width: 100%;
    height: 3.05vw;
}
.ca3_logo span{
    display: inline-block;
}

.ca3_menu{
    width: 80%;
    text-align: right;
    padding-top: 0.6vw;
}
.ca3_menu_block{
    width: auto;
    display: inline-block;
}
.ca3_menu_block .link-list{}
.ca3_menu_block .link-list ul{
    margin: 0px;
    padding: 0px;
}
.ca3_menu_block .link-list ul li{
    display: inline-block;
    margin: 0px;
    padding-left: 1.8vw;
}
.ca3_menu_block .link-list ul li a{
    font-family: 'Questrial';
    font-weight: normal;
    font-size: 1.234vw;
    color: #000000;
    letter-spacing: -0.021vw;
    text-decoration: underline;
    position: relative;
    display: block;
}
.ca3_menu_block .link-list ul li a:before{
    content:"";
    background-color: #2EFF80;
    width: 1.05vw;
    height: 1vw;
    display: block;
    position: absolute;
    top: 0.26vw;
    left: -1.4vw;
    border-radius: 50%;
    opacity: 0;
}
.ca3_menu_block .link-list ul li a:hover:before{
    opacity:1;
}
@media (max-width: 768px) {
    .ca3{display: none !important;}
    .ca3 .section_inner{}
    
    .ca3_logo{}
    .ca3_logo a{}
    .ca3_logo a img{}
    .ca3_logo span{}
    
    .ca3_menu{}
    .ca3_menu_block{}
    .ca3_menu_block .link-list{}
    .ca3_menu_block .link-list ul{}
    .ca3_menu_block .link-list ul li{}
    .ca3_menu_block .link-list ul li a{}
}



/* Section 04 **********************************************************/
.ca4{
    padding-top: 7.35vw;
    padding-left: 5.2vw;
    padding-right: 5.2vw;
    padding-bottom: 5.54vw;
}
.ca4 .section_inner{
    display: block;
}
.ca4_art{
    display: block;
    text-align: center;
    padding-bottom: 5.2vw;
}
.ca4_art span{
    display: block;
    width: 6.67vw;
    height: auto;
    margin: 0px auto;
}
.ca4_art span svg{
    width: 100%;
    height: auto;
    animation: top_drop 1.3s infinite;
}
@keyframes top_drop{
    0%{transform: translateY(5px);}
    50%{transform: translateY(-5px);}
    100%{transform: translateY(5px);}
}

.ca4 h4{
    text-align: center;
    font-size: 6.3vw;
    letter-spacing: -0.023vw;
    padding-bottom: 5.8vw;
}
.ca4 h4 br{}
.ca4 h4 br.m{}

.ca4_paths{
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-right: 0.7vw;
}
.ca4_col{
    width: 20%;
    border: 1px solid #707070;
    position: relative;
    border-top: 2px solid #707070;
    border-bottom: 2px solid #707070;
}
.ca4_col:before{
    content: '';
    width: 102%;
    display: block;
    height: 102%;
    border: 6px solid #212E2E;
    opacity: 0;
    position: absolute;
    top: -0.2vw;
    left: -0.2vw;
    z-index: 1;
}
.ca4_col:after{
    content: '';
    width: 100%;
    display: block;
    height: 1.0vw;
    background-color: #2EFF80;
    position: absolute;
    bottom: 0vw;
    left: 0vw;
    opacity: 0;
}
.ca4_col:hover:after{
    opacity: 1;
}
.ca4_col:hover:before{opacity: 1;}
.ca4_col a{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 2.5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    z-index: 1;
}
.ca4_col .number{
    color: #27C565;
    font-size: 1.6vw;
    letter-spacing: 0.04vw;
    display: block;
    padding-bottom: 2.92vw;
}
.ca4_col h6{
    font-size: 0.9vw;
    display: block;
    margin-left: -0.1vw;
    letter-spacing: 0.03vw;
    padding-bottom: 0.85vw;
    color: #000000;
    text-transform: uppercase;
}
.ca4_col h6 br.m{}
.ca4_col h3{
    font-size: 2.1vw;
    letter-spacing: 0.08vw;
    color: #000000;
    line-height: 1.11;
    padding-bottom: 1.7vw;
}
.ca4_col h3 br.m{}
.ca4_col article{
    color: #000000;
    line-height: 1.398;
    margin-left: -0.1vw;
    width: 106%;
    padding-bottom: 2.4vw;
}
.ca4_col article p{}
.ca4_col article p br{}
.ca4_col article p br.m{}

@media (max-width: 768px) {
.ca4{
    padding-top: 13.14vw;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-bottom: 7.9vw;
}
.ca4 .section_inner{}
.ca4_art{
    padding-bottom: 12.6vw;
}
.ca4_art span{
    width: 14.1vw;
}
.ca4_art span svg{}

.ca4 h4{
    text-align: center;
    font-size: 14.3vw;
    letter-spacing: -0.14vw;
    padding-bottom: 13.2vw;
    padding-left: 4vw;
    padding-right: 4vw;
}
.ca4 h4 br{}
.ca4 h4 br.m{}
    
.ca4_paths{
    border-top: 1px solid #707070;
    border-left: 0px solid #707070;
    padding-right: 0vw;
}
.ca4_col{
    width: 50%;
    border: 0px solid #707070;
    border-top: 0px solid #707070;
    border-bottom: 1px solid #707070;
    /* padding-left: 6vw; */
    /* padding-right: 3vw; */
    text-align: center;
    /* padding-top: 11vw; */
    border-right: 1px solid #707070;
}
.ca4_col:nth-child(2n+0){
    border-right: 0px solid #707070;
}
.ca4_col:last-child{
    width:100%;
    border-right: 0px solid #707070;
}
.ca4_col:before{
    content: '';
    display: none;
}
.ca4_col:after{
    content: '';
    display: none;
}
.ca4_col a{
    padding-top: 12.3vw;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 8.4vw;
}
.ca4_col:last-child a{
    padding-top: 9.8vw;
    padding-left: 6vw;
    padding-right: 5vw;
    padding-bottom: 8.9vw;
}
.ca4_col .number{
    display: none;
}
.ca4_col h6{
    text-transform: unset;
    /* display: none; */
    font-size: 6.2vw;
    line-height: 1.12;
    font-weight: 300;
    font-family: ivypresto-display, serif;
    font-style: italic;
    letter-spacing: 0.4vw;
    padding-bottom: 3.7vw;
}
.ca4_col h6 br.m{}
.ca4_col h3{
    font-size: 6.2vw;
    line-height: 1.1;
    display: none;
}
.ca4_col h3 br.m{}
.ca4_col article{
    font-size: 3.8vw;
    line-height: 1.54;
    letter-spacing: 0vw;
    width: 100%;
    margin-left: 0vw;
}
.ca4_col article p{}
.ca4_col article p br{}
.ca4_col article p br.m{}

.ca4_col:hover{}
.ca4_col:hover a{
    background-color: #212E2E;
}
.ca4_col:hover h6{
    color: #F5F5F5;
}
.ca4_col:hover article{
    color: #F5F5F5;
}
}



/* Section 05 **********************************************************/
.ca5{
    padding-bottom: 4.4vw;
    border-bottom: 1px solid #707070;
}
.ca5_id{
    position: absolute;
    top: -5vw;
    left: 0vw;
    width: 100%;
    display: block;
    height: 1px;
}

.ca5_col{
    padding-right: 5.86vw;
    padding-bottom: 7.45vw;
    position: relative;
}
.ca5_col .section_inner{
    background-color: #212E2E;
}

.ca5_img{
    width: 54.7%;
    position: relative;
}
.ca5_img span.desktop_only{
    width: 100%;
    display: block;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.ca5_img span.desktop_only img{
    width: 10%;
    opacity: 0;
}
.ca5_img span.mobile_only{}
.ca5_img span.mobile_only img{}
.ca5_img span.number{
    position: absolute;
    top: 3.6vw;
    right: -5.6vw;
    color: #27C565;
    font-size: 1.6vw;
}
.ca5_img span a{
    display: block;
    width: 100%;
    height: 100%;
}
.ca5_content{
    width: 45.3%;
    padding-left: 3.23vw;
    padding-top: 7vw;
    padding-right: 2.5vw;
    padding-bottom: 4.24vw;
}
.ca5_content h3,
.ca5_content h3 a{
    color: #F5F5F5;
    padding-bottom: 4vw;
}
.ca5_content h3 a{}
.ca5_content h3 mark{
    background-image: linear-gradient(120deg, #F5F5F5 0%, #F5F5F5 100%);
    background-position: 0 94%;
    padding-bottom: 2px;
}
.ca5_content h3 mark br{}
.ca5_content h3 mark br.m{}

.ca5_content article{
    color: #F5F5F5;
    line-height: 1.4;
    min-height: 17vw;
}
.ca5_content article p{}
.ca5_content article p br{}
.ca5_content article p br.m{}

.ca5_content .link{padding-top: 3.64vw;padding-left: 1vw;}
.ca5_content .link a{
    color: #F5F5F5;
    font-size: 1.56vw;
}
.ca5_content .link a span.text{
    padding-bottom: 0.4vw;
}
.ca5_content .link a span.svg{top: 0.26vw;width: 1.07vw;height: 1.6vw;right: 0.1vw;}
.ca5_content .link a span.svg svg{}


.ca5_col.ca5_image_right{
    padding-left: 5.86vw;
    padding-right: 0vw;
}
.ca5_col.ca5_image_right .section_inner{}

.ca5_image_right .ca5_img{
    order: 2;
}
.ca5_image_right .ca5_img span.desktop_only{}
.ca5_image_right .ca5_img span.desktop_only img{}
.ca5_image_right .ca5_img span.mobile_only{}
.ca5_image_right .ca5_img span.mobile_only img{}
.ca5_image_right .ca5_img span.number{
    right: 171.8%;
    top: 4.05vw;
}

.ca5_image_right .ca5_content{
    order: 1;
    padding-top: 7.5vw;
    padding-left: 3vw;
    padding-bottom: 3.784vw;
}
.ca5_image_right .ca5_content h3{
    padding-bottom: 3.94vw;
}
.ca5_image_right .ca5_content h3 mark{
    background-position: 0 93%;
}
.ca5_image_right .ca5_content h3 mark br{}
.ca5_image_right .ca5_content h3 mark br.m{}

.ca5_image_right .ca5_content article{}
.ca5_image_right .ca5_content article p{}
.ca5_image_right .ca5_content article p br{}
.ca5_image_right .ca5_content article p br.m{}

.ca5_image_right .ca5_content .link{padding-top: 3.664vw;}
.ca5_image_right .ca5_content .link a{}
.ca5_image_right .ca5_content .link a span.text{}
.ca5_image_right .ca5_content .link a span.svg{ }
.ca5_image_right .ca5_content .link a span.svg svg{}

@media (max-width: 768px) {
.ca5{
    padding-left: 5.2vw;
    padding-right: 5.2vw;
    padding-bottom: 10.9vw;
}

.ca5_col{
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    padding-bottom: 9.7vw;
}
.ca5_col .section_inner{}

.ca5_img{
    width: 100%;
    order: 1 !important;
}
.ca5_img span.desktop_only{
    display: none;
}
.ca5_img span.desktop_only img{}
.ca5_img span.mobile_only{
    width: 100%;
    height: 95vw;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.ca5_img span.mobile_only img{
    width: 10%;
    opacity: 0;
}
.ca5_img span.number{
    top: 0vw !important;
    left: 0vw !important;
    right: unset !important;
    background-color: #212E2E;
    font-size: 13vw;
    padding-left: 4vw;
    padding-top: 2.9vw;
    padding-bottom: 0.7vw;
    padding-right: 2vw;
    letter-spacing: 0.7vw;
    color: #2EFF80;
}

.ca5_content{
    order: 2 !important;
    width: 100%;
    padding-left: 4vw !important;
    padding-top: 5.4vw !important;
    padding-right: 2vw !important;
    padding-bottom: 1.91vw !important;
}
.ca5_content h3{
    padding-bottom: 3.7vw !important;
}
.ca5_content h3 mark{
    background-position: 0 92%;
    background-size: 100% 1px;
}
.ca5_content h3 mark br{}
.ca5_content h3 mark br.m{}

.ca5_content article{
    line-height: 1.62;
}
.ca5_content article p{}
.ca5_content article p br{}
.ca5_content article p br.m{}

.ca5_content .link{text-align: right;padding-right: 2.8vw;padding-top: 1.9vw !important;}
.ca5_content .link a{
    padding-right: 0.2vw;
    display: block;
    text-align: right;
}
.ca5_content .link a span.text{
    display: none;
}
.ca5_content .link a span.svg{position: relative;top: 0vw;left: 0vw;width: 10.07vw;height: 16.6vw;display: inline-block;}
.ca5_content .link a span.svg svg{}


.ca5_col.ca5_image_right{}
.ca5_col.ca5_image_right .section_inner{}

.ca5_image_right .ca5_img{}
.ca5_image_right .ca5_img span.desktop_only{}
.ca5_image_right .ca5_img span.desktop_only img{}
.ca5_image_right .ca5_img span.mobile_only{}
.ca5_image_right .ca5_img span.mobile_only img{
    width: 10%;
    opacity: 0;
}
.ca5_image_right .ca5_img span.number{}

.ca5_image_right .ca5_content{}
.ca5_image_right .ca5_content h3{}
.ca5_image_right .ca5_content h3 mark{}
.ca5_image_right .ca5_content h3 mark br{}
.ca5_image_right .ca5_content h3 mark br.m{}

.ca5_image_right .ca5_content article{
}
.ca5_image_right .ca5_content article p{}
.ca5_image_right .ca5_content article p br{}
.ca5_image_right .ca5_content article p br.m{}

.ca5_image_right .ca5_content .link{}
.ca5_image_right .ca5_content .link a{}
.ca5_image_right .ca5_content .link a span.text{}
.ca5_image_right .ca5_content .link a span.svg{ }
.ca5_image_right .ca5_content .link a span.svg svg{}

.ca5_id {
    top: -21vw;
}
}






/* Section 10 **********************************************************/
.ca10{padding-top: 6.65vw;padding-right: 0vw;/* padding-left: 4.6vw; */background-color: #EFEFEF;}
.ca10 .section_inner{
    display: block;
    padding-left: 4.6vw;
    padding-right: 4.6vw;
}

.ca10 h6{
    padding-bottom: 2.45vw;
}
.ca10 h2{
    margin-left: -0.17vw;
    padding-bottom: 5.5vw;
}

.ca10 .ca10_in2{
    padding-left: 4.3vw;
    padding-right: 0vw;
    padding-bottom: 0.2vw;
}
.ca10 .ca10_in2:before{
    content:"";
    position: absolute;
    bottom: -1vw;
    left: 0vw;
    background-color: #212E2E;
    height: 78.2%;
    width: 100%;
}
.ca10 .ca10_in2:after{
    content:"";
    position: absolute;
    bottom: 12.6vw;
    left: 0vw;
    background-color: #707070;
    height: 1px;
    width: 100%;
}
.ca10_slider{
    width: 100%;
    /* padding-right: 19.2vw; */
    padding-bottom: 17.7vw;
}
.ca10_slider .slick-list{
    padding-right: 19.2vw;
}
.ca10_slider .slick-list .slick-track{}
.ca10_col{}
.ca10_colin{
    padding-right: 2.37vw;
}
.ca10_colin .image{
    border: 3px solid #707070;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 21.2vw;
}
.ca10_colin .image a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ca10_colin .image a svg{}
.ca10_colin .image a svg g{}
.ca10_colin .image a svg g circle{}
.ca10_colin .image a svg g path{}

.ca10_colin p.title{
    padding-top: 1.46vw;
    padding-left: 0.1vw;
    color: #FFFFFF;
}
.ca10_colin p.title a{
    color: #FFFFFF;
}
.ca10_slider .slide-arrow{
    position: absolute;
    bottom: 2.89vw;
    background-color: transparent;
    border: 0px;
    display: block;
    padding: 0px;
    width: 6.7vw;
    cursor:pointer;
}
.ca10_slider .slide-arrow .svg_div{
    display: block;
    width: 100%;
}
.ca10_slider .slide-arrow .svg_bg{
    display: block;
    width: 100%;
}
.ca10_slider .slide-arrow .svg_bg svg{
    width: 100%;
    height: auto;
}
.ca10_slider .slide-arrow .svg_bg svg path{fill: rgb(112 112 112 / 24%);}
.ca10_slider .slide-arrow:hover .svg_bg svg path{
    fill: rgb(46, 255, 128);
}

.ca10_slider .prev-arrow{
    transform: rotate(180deg);
    /* display: none !important; */
    left: 0vw;
}
.ca10_slider .next-arrow{
    right: 5vw;
}

@media (max-width: 768px) {
    .ca10{padding-top: 11.5vw;background-color: #F5F5F5;}
    .ca10 .section_inner{
        padding-left: 1.6vw;
        padding-right: 1.6vw;
    }
    
    .ca10 h6{
        text-align: center;
        padding-right: 1vw;
    }
    .ca10 h2{
        text-align: center;
        padding-top: 2.8vw;
        padding-bottom: 9.1vw;
    }
    
    .ca10_in2{}
    .ca10_slider{}
    
    .ca10_col{}
    .ca10_colin{
        padding-right: 0vw;
    }
    .ca10_colin .image{
        height: 53.5vw;
    }
    .ca10_colin .image a{}
    .ca10_colin .image a svg{
        height: auto;
        width: 14.77vw;
    }
    .ca10_colin .image a svg g{}
    .ca10_colin .image a svg g circle{}
    .ca10_colin .image a svg g path{}
    
    .ca10_colin p.title{
        padding-top: 6.8vw;
        padding-right: 0vw;
    }
    
    
    .ca10 .ca10_in2{
        padding-left: 4.6vw;
        padding-right: 4.5vw;
        padding-bottom: 0.2vw;
    }
    .ca10 .ca10_in2:before{
        content:"";
        position: absolute;
        bottom: -1vw;
        left: 0vw;
        background-color: #212E2E;
        height: 70.2%;
        width: 100%;
    }
    .ca10 .ca10_in2:after{
        content:"";
        position: absolute;
        bottom: 26.1vw;
        left: 0vw;
        background-color: #707070;
        height: 1px;
        width: 100%;
    }
    
    .ca10_slider{
        width: 100%;
        /* padding-right: 19.2vw; */
        padding-bottom: 33.5vw;
    }
    .ca10_slider:after{
        content:"";
        position: absolute;
        bottom: 0vw;
        left: 50%;
        background-color: #707070;
        height: 26.2vw;
        width: 1px;
    }
    .ca10_slider .slick-list{
        padding-right: 0vw;
    }
    .ca10_slider .slick-list .slick-track{}
        
    .ca10_slider .slide-arrow{
        bottom: 5.8vw;
        width: 13.7vw;
    }
    .ca10_slider .slide-arrow .svg_div{
        display: block;
        width: 100%;
    }
    .ca10_slider .slide-arrow .svg_bg{
        display: block;
        width: 100%;
    }
    .ca10_slider .slide-arrow .svg_bg svg{
        width: 100%;
        height: auto;
    }
    .ca10_slider .slide-arrow .svg_bg svg path{
    
    }
    .ca10_slider .slide-arrow:hover .svg_bg svg path{
        fill: rgb(112 112 112 / 24%);
    }
    
    .ca10_slider .prev-arrow{
        transform: rotate(180deg);
        /* display: none !important; */
        left: 1.4vw;
    }
    .ca10_slider .next-arrow{
        right: 1.4vw;
    }
    .ca10_slider .slide-arrow:hover .svg_bg svg path{
        fill: rgb(46, 255, 128);
    }
}



/* Site Footer **********************************************************/
footer{background-color: #1C2626;z-index: 1;position: relative;}
.site_footer{
    padding-top: 0.9vw;
    padding-left: 4.4vw;
    padding-right: 4.4vw;
    padding-bottom: 1vw;
}
.site_footer .section_inner{}

.footer_left{
    width: 40%;
}
.footer_left ul{
    margin: 0px;
    padding: 0px;
}
.footer_left ul li{
    font-family: 'Graphik';
    font-weight: 500;
    list-style: none;
    margin: 0px;
    display: inline-block;
    font-size: 1.1vw;
    letter-spacing: 0.12vw;
    padding-right: 0.9vw;
    position: relative;
}
.footer_left ul li:after{
    content:"";
    width: 2px;
    height: 1vw;
    background-color: #EDF1EA;
    display: block;
    position: absolute;
    top: 0.25vw;
    right: 0.24vw;
}
.footer_left ul li:last-child:after{
    display:none;
}
.footer_left ul li a{
    color: #EDF1EA;
}

.footer_right{
    width: 60%;
    padding-left: 2.97vw;
    padding-top: 0.2vw;
}
.footer_right p{
    font-size: 1.1vw;
    letter-spacing: 0.12vw;
    font-family: 'Graphik';
    font-weight: 500;
    color: #EDF1EA;
}
.footer_right p span{
    padding-left: 0.56vw;
    padding-right: 0.6vw;
}
.footer_right p span.wb{
    padding-left: 0vw;
    padding-right: 0vw;
}
.footer_right p a{
    color: #29FE81;
}

@media (max-width: 768px) {
    footer{background-color: #181B19;}
    .site_footer{
        padding-top: 3.6vw;
        padding-left: 4.4vw;
        padding-right: 4.4vw;
        padding-bottom: 2.7vw;
    }
    .site_footer .section_inner{}
    
    .footer_left{
        width: 100%;
        text-align: center;
        padding-left: 4vw;
    }
    .footer_left ul{}
    .footer_left ul li{
        font-size: 3.2vw;
        letter-spacing: 0.5vw;
        padding-right: 2.9vw;
    }
    .footer_left ul li:after{
        width: 2px;
        height: 3.1vw;
        top: 0.8vw;
        right: 0.4vw;
    }
    .footer_left ul li a{}
    
    .footer_right{
        width: 100%;
        padding-left: 0vw;
        padding-top: 0.3vw;
        text-align: center;
    }
    .footer_right p{
        font-size: 2.5vw;
        letter-spacing: 0.28vw;
        padding-left: 1.5vw;
    }
    .footer_right p span{
        display: block;
        font-size: 0vw;
        padding-bottom: 1.6vw;
    }
    .footer_right p a{}
    .footer_right p span.wb{
        padding-left: 0vw;
        padding-right: 0vw;
        font-size: 3.2vw;
        letter-spacing: 0.57vw;
    }
}

body.programs-page .ca3_menu_block .link-list ul li:nth-child(3) a:before,
body.programs-page .header .justify-content-right ul li:nth-child(3) a:before{
    opacity: 1;
    left: -1.8vw;
}
body.programs-page .ca3_menu_block .link-list ul li:nth-child(3){
    padding-left: 3.9vw;
}

@media (max-width: 768px) {
    body.programs-page .ca3_menu_block .link-list ul li:nth-child(3) a:before,
    body.programs-page .header .justify-content-right ul li:nth-child(3) a:before{
        opacity: 1;
        left: -10vw;
    }
    body.programs-page .ca3_menu_block .link-list ul li:nth-child(3){
        padding-left: 3.9vw;
    } 
}