@font-face {
    font-family: 'PP Pangram Sans';
    src: url('pppangramsans-semibold.eot');
    src: url('pppangramsans-semibold.eot?#iefix') format('embedded-opentype'),
        url('pppangramsans-semibold.woff2') format('woff2'),
        url('pppangramsans-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Questrial';
    src: url('questrial-regular.eot');
    src: url('questrial-regular.eot?#iefix') format('embedded-opentype'),
        url('questrial-regular.woff2') format('woff2'),
        url('questrial-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Adieu';
    src: url('adieu-light.eot');
    src: url('adieu-light.eot?#iefix') format('embedded-opentype'),
        url('adieu-light.woff2') format('woff2'),
        url('adieu-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Adieu';
    src: url('adieu-regular.eot');
    src: url('adieu-regular.eot?#iefix') format('embedded-opentype'),
        url('adieu-regular.woff2') format('woff2'),
        url('adieu-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Graphik';
    src: url('graphik-mediumitalic.eot');
    src: url('graphik-mediumitalic.eot?#iefix') format('embedded-opentype'),
        url('graphik-mediumitalic.woff2') format('woff2'),
        url('graphik-mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Graphik';
    src: url('graphik-medium.eot');
    src: url('graphik-medium.eot?#iefix') format('embedded-opentype'),
        url('graphik-medium.woff2') format('woff2'),
        url('graphik-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Graphik';
    src: url('graphik-regular.eot');
    src: url('graphik-regular.eot?#iefix') format('embedded-opentype'),
        url('graphik-regular.woff2') format('woff2'),
        url('graphik-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Graphik';
    src: url('graphik-bold.eot');
    src: url('graphik-bold.eot?#iefix') format('embedded-opentype'),
        url('graphik-bold.woff2') format('woff2'),
        url('graphik-bold.ttf') format('truetype');
    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; 
*/



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: 5vw;
    line-height: 0.93;
    letter-spacing: 0vw;
    color: #000;
}

h2 {
    font-size: 4.9vw;
    line-height: 1;
    letter-spacing: -0.065vw;
}

h3 {
    font-size: 2vw;
    line-height: 1.13;
    letter-spacing: 0.12vw;
    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: 1.23vw;
    line-height: 1.21;
    letter-spacing: -0.012vw;
    font-family: 'Adieu';
    font-weight: 300;
}

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: 0px 100%;
    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: 12.2vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.856;
        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: 6.8vw;
        /* 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: 3.1vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.15;
        letter-spacing: 0.0vw;
    }
    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 .logo__svg svg path{
    fill: #212e2e;
}
.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; */
}

.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; */
    max-height: unset !important;
}
.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: #F5F5F5;
    }
    .pf4_site_header {
        padding-right: 0vw;
        /* background-color: #8A911A; */
        width: 100%;
        position: relative;
    }
    .pf4_site_header.active{
        position: fixed;
        width: 100%;
        background-color: #1C2626;
        top: 0vw;
    }
    .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: 3.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.6vw;
        height: 100vh;
        display: none;
    }
    .header__container .header__block--logo{
        width: 80%;
    }
    .header__container .header__block--logo a{
        display: block;
    }
    .header__container .header__block--logo a .logo__svg{
        display: block;
        width: 13.7vw;
    }
    .header__container .header__block--logo a .logo__svg svg{
        width: 100%;
        height: auto;
    }
    .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%;
    }
    .pf4_site_header .header__container .hamburger .hamburger__slices svg line,
    .pf4_site_header .header__container .hamburger .hamburger__slices.close_icon svg line{
        stroke: #212e2e;
    }
        
    .pf4_site_header.active .header__container .header__block--logo .logo .logo__svg svg path{
            fill: #ffffff;
    }
    .pf4_site_header.active .header__container .hamburger .hamburger__slices svg line,
    .pf4_site_header.active .header__container .hamburger .hamburger__slices.close_icon svg line{
        stroke: #ffffff;
    }
}


.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.8vw;
    }
}









.gbutton{
    display: block;
    width: 100%;
}
.gbutton a{
    display: inline-block;
    background-color: #212E2E;
    color: #FFFFFF;
    font-family: 'Questrial';
    font-weight: normal;
    padding-top: 1.39vw;
    font-size: 1.6vw;
    padding-left: 2.4vw;
    letter-spacing: 0.13vw;
    padding-right: 2.3vw;
    padding-bottom: 1.28vw;
}
.gbutton a span.text{
    padding-right: 2.5vw;
}
.gbutton a span.icon{}
.gbutton a span.icon svg path{
    fill: #FFFFFF;
}
.gbutton a span.icon svg{
    width: 1.2vw;
    height: 1.1vw;
}

@media (max-width: 768px) {
    .gbutton{}
    .gbutton a{
        padding-top: 3.8vw;
        font-size: 4.2vw;
        padding-left: 7.4vw;
        letter-spacing: 0.27vw;
        padding-right: 6.6vw;
        padding-bottom: 3.9vw;
    }
    .gbutton a span.text{
        padding-right: 2.1vw;
    }
    .gbutton a span.icon{}
    .gbutton a span.icon svg{
        width: 3vw;
        height: 2.8vw;
    }
    .gbutton a span.icon svg path{}
}

/* Section 01 **********************************************************/
.cfo_thank1{
    background-color: #EAEAEA;
    padding-top: 7.6vw;
    padding-left: 21vw;
    padding-right: 21vw;
    padding-bottom: 7.45vw;
    border-bottom: 1px solid #707070;
}
.cfo_thank1 .section_inner{}
.cfo_thank1 h1{
    color: #212E2E;
    text-align: center;
    padding-bottom: 3vw;
    display: block;
    width: 100%;
}
.cfo_thank1 h1 br{}
.cfo_thank1 h3{
    text-align: center;
    padding-top: 0.13vw;
    letter-spacing: 0.1vw;
    display: block;
    width: 100%;
}
.cfo_thank1 article{
    text-align: center;
    padding-top: 2.78vw;
    padding-left: 9vw;
    padding-right: 9vw;
    letter-spacing: 0.035vw;
}
.cfo_thank1 article p{}
.cfo_thank1 article p br{}
.cfo_thank1_svg{
    width: 100%;
    display: block;
    padding-top: 4.3vw;
}
.cfo_thank1_svg span{
    display: block;
    margin: 0px auto;
    width: 6.4vw;
    height: 6.6vw;
}
.cfo_thank1_svg 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);}
}
.cfo_thank1_svg span svg path{
    fill: #242E2E;
}

@media (max-width: 768px) {
.cfo_thank1{
    padding-top: 18.9vw;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 18.9vw;
    border-bottom: 0px solid #707070;
}
.cfo_thank1 .section_inner{}
.cfo_thank1 h1{
    padding-bottom: 11vw;
}
.cfo_thank1 h1 span {
    display: block;
    line-height: 0.6;
    padding-bottom: 5.2vw;
}
.cfo_thank1 h1 br{}
.cfo_thank1 h3{
    letter-spacing: 0.2vw;
    line-height: 1.145;
    padding-right: 1.3vw;
}
.cfo_thank1 article{
    padding-top: 9.6vw;
    padding-left: 3vw;
    padding-right: 3vw;
    letter-spacing: 0.035vw;
}
.cfo_thank1 article p{}
.cfo_thank1 article p br{}
.cfo_thank1_svg{
    padding-top: 13vw;
}
.cfo_thank1_svg span{
    width: 13.4vw;
    height: 13.6vw;
}
.cfo_thank1_svg span svg{}
.cfo_thank1_svg span svg path{}
}








/* Section 02 **********************************************************/
.cfo_thank2{
    padding-top: 7.7vw;
    padding-left: 15.34vw;
    padding-right: 15.3vw;
    background-color: #F5F5F5;
}
.cfo_thank2 .section_inner{}

.cfo_thank2 .video_area{
    display: block;
    width: 100%;
}
.cfo_thank2 .gbutton{
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 5.2vw;
    padding-bottom: 5.2vw;
}
.cfo_thank2 .gbutton .icon{}
.cfo_thank2 .gbutton .icon svg{}
.cfo_thank2 .gbutton .icon svg path{}

@media (max-width: 768px) {
.cfo_thank2{
    padding-top: 14.8vw;
    padding-left: 4.2vw;
    padding-right: 4.3vw;
    padding-bottom: 8.8vw;
}
.cfo_thank2 .section_inner{}

.cfo_thank2 .video_area{}
.cfo_thank2 .gbutton{
    padding-top: 6.4vw;
    padding-bottom: 5.2vw;
}
.cfo_thank2 .gbutton a{
    padding-top: 3.8vw;
    padding-left: 2.4vw;
    letter-spacing: 0.27vw;
    padding-right: 2.4vw;
    padding-bottom: 3.9vw;
    width: 100%;
}
.cfo_thank2 .gbutton .icon{}
.cfo_thank2 .gbutton .icon svg{}
.cfo_thank2 .gbutton .icon svg path{}
}






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

.footer_left{
    width: 40%;
}
.footer_left ul{
    margin: 0px;
    padding: 0px;
}
.footer_left ul li{
    font-family: 'Graphik';
    font-weight: normal;
    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: normal;
    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;
}
.footer_right p span.wb a{
    font-weight: 500;
}
@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;
    }
}