*,
*::before,
*::after {outline:none; box-sizing:border-box}

html {min-width:360px}

/* body {min-width:360px; margin:0; padding:0; font:300 35px/42px Arial, sans-serif; color:#fff; background:#0d103f url(../images/bg.png); -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} */
body {min-width:360px; margin:0; padding:0; font:300 1.83vw/2.4vw  Arial, sans-serif; color:#fff; background:#0d103f url(../images/bg.png); -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.fonts-loaded body {font-family:ProximaNova, sans-serif}
.page-main {background:#12101a url(../images/bg-main.jpg) no-repeat center top; background-size:cover}


@media screen and (max-width:1020px) {
    body {font-size:18px; line-height:18px}
    .page-main {background:#190f46 url(../images/bg-main-mobile.jpg) no-repeat center top; background-size:cover}
}

a {color:#fff}

img {border:none; max-width:100%; max-height:100%; height:auto}

strong {font-weight:bold}

::-ms-clear {display:none}

h1 {font-weight:bold; font-size:50px; line-height:56px; text-transform:uppercase; margin:0 0 56px 0; padding:0}
.page-main h1 {font-size:11vh; line-height:11vh; text-align:center; margin:0}
h2 {font-weight:bold; font-size:33px; line-height:42px; text-transform:uppercase; margin:147px 0 68px 0; padding:0}
h2:first-child {margin-top:0}
h3 {font-weight:bold; font-size:25px; line-height:30px; text-transform:uppercase; margin:60px 0 30px 0; padding:0}
p {margin:1em 0; padding:0}
ul {margin:1em 0; padding:0; list-style:none}
ul li {margin:1em 0; padding:0 0 0 20px; position:relative}
ul li::before {content:"• "; position:absolute; left:0; top:0}

@media screen and (max-width:1020px) {
    h1 {font-size:28px; line-height:28px; margin:0 0 28px 0}
    .page-main h1 {font-size:28px; line-height:28px; margin:0}
    h2 {font-size:24px; line-height:28px; margin:56px 0 28px 0}
    h3 {font-size:18px; line-height:18px; margin:36px 0 18px 0}
    p {margin:18px 0}
}

.container {padding:0 14%}
.container::after {content:""; display:block; clear:both}

@media screen and (max-width:1020px) {
    .container {padding:0 30px}
}

.wrapper {min-width:360px; width:100%; position:relative; overflow:hidden; padding:100px 0}
.page-main .wrapper {padding:20vh 0 0 0}

@media screen and (max-width:1020px) {
    .wrapper {padding:50px 0}
    .page-main .wrapper {padding:50px 0 0 0}
}

.cols {margin:30px -50px}
.cols::after {content:""; display:block; clear:both}
.col {float:left; width:50%; padding:0 50px}

@media screen and (min-width:1021px) {
    .col > *:first-child {margin-top:0}
    .col > *:last-child {margin-bottom:0}
}

@media screen and (max-width:1020px) {
    .cols {margin:0}
    .col {float:none; width:auto; padding:0}
}

.where-01 {margin-top:164px; margin-bottom:70px}

@media screen and (max-width:1020px) {
    .where-01 {margin-top:82px}
}

.where-02 {margin:140px 0 0 0}
.where-02-chart {margin:70px 0 0 0}

@media screen and (max-width:1020px) {
    .where-02 {margin:70px 0 0 0}
}

.where-03 {margin:140px 0 0 0}
.where-03-chart {margin:100px 0 0 0}

@media screen and (max-width:1020px) {
    .where-03 {margin:70px 0 0 0}
    .where-03-text {float:none; width:auto}
    .where-03-chart {float:none; width:auto; margin:36px 0 0 0}
}

.where-04 {margin:70px 0 0 0; border-top:1px solid #ffe113; padding:30px 0 0 0}
.where-04-text {font-size:20px; line-height:25px; margin:0 0 35px 0}
.where-04-text span {display:block; font-size:25px}

.where-05 {margin:140px 0 0 0}

@media screen and (max-width:1020px) {
    .where-05 {margin:70px 0 0 0}
}

.where-citations {margin:140px 0 0 0; border-top:1px solid #ffe113; border-bottom:1px solid #ffe113; padding:0 0 30px 0}
.where-citation {padding:60px 0}
.where-citation+.where-citation {border-top:1px solid #ffe113}
.where-citation::after {content:""; display:block; clear:both}
.where-citation-avatar {float:left; width:138px; line-height:0; padding:6px 0 0 0}
.where-citation-avatar img {display:block; border-radius:50%}
.where-citation-text {margin:0 0 0 178px}

@media screen and (max-width:1020px) {
    .where-citations {margin:70px 0 0 0}
    .where-citation {padding:30px 0}
    .where-citation-avatar {float:none; margin:0 auto}
    .where-citation-avatar img {margin:0 auto}
    .where-citation-text {margin:30px 0 0 0}
}

.where-06 {margin:115px 0 0 0}

@media screen and (max-width:1020px) {
    .where-06 {margin:70px 0 0 0}
}

.what-01-chart {line-height:0; padding:2em 0}

.what-citations {margin:30px 0 0 0}
.what-citation+.what-citation {margin:37px 0 0 0}
.what-citation::after {content:""; display:block; clear:both}
.what-citation-avatar {float:left; width:155px; line-height:0}
.what-citation-avatar img {display:block; border-radius:50%}
.what-citation-text {margin:0 0 0 245px; padding:24px 0 51px 0; border-bottom:1px solid #ffe113}
.what-citations-text {margin:0 0 0 245px; padding:41px 0 31px 0}

@media screen and (max-width:1020px) {
    .what-citations {margin:70px 0 0 0}
    .what-citations h3 {margin:0 0 24px 0}
    .what-citation-avatar {float:none; margin:0 auto}
    .what-citation-avatar img {margin:0 auto}
    .what-citation-text {margin:30px 0 0 0}
    .what-citations-text {margin:0}
}

.what-02 {border-top:1px solid #ffe113; margin-top:-1px; padding:30px 0}

.what-03 {padding:70px 0 0 0}
.what-03-chart {padding:80px 0; border-top:1px solid #ffe113; border-bottom:1px solid #ffe113; margin:80px 0 0 0}

.what-04 {margin:90px 0 0 0}

@media screen and (max-width:1020px) {
    .what-04 {margin:70px 0 0 0}
}

.who-01-chart {padding:55px 0 45px 0; border-top:1px solid #ffe113; border-bottom:1px solid #ffe113; margin:5px 0 0 0}

@media screen and (max-width:1020px) {
    .who-01-text {float:none; width:auto}
    .who-01-chart {float:none; width:auto; margin:30px 0 0 0; padding:30px 0}
}

.who-02 {text-align:center; line-height:0; margin:110px 0 170px 0}

@media screen and (max-width:1020px) {
    .who-02 {margin:70px 0 0 0}
}

.who-03 {text-align:center; line-height:0; margin:110px 0 170px 0}

@media screen and (max-width:1020px) {
    .who-03 {margin:70px 0 0 0}
}

.how-01 {margin:73px 0 0 0}

@media screen and (max-width:1020px) {
    .how-01 {margin:35px 0 0 0}
}

.how-02 {border-top:1px solid #ffe113; margin:60px 0 140px 0; padding:80px 0 0 0}

@media screen and (max-width:1020px) {
    .how-02 {margin:40px 0; padding:40px 0 0 0}
}

.how-citation {margin:60px 0}
.how-citation::after {content:""; display:block; clear:both}
.how-citation-avatar {float:left; width:155px; line-height:0}
.how-citation-avatar img {display:block; border-radius:50%}
.how-citation-text {margin:0 0 0 200px}

@media screen and (max-width:1020px) {
    .how-citation-avatar {float:none; margin:0 auto}
    .how-citation-avatar img {margin:0 auto}
    .how-citation-text {margin:30px 0 0 0}
    .how-citations-text {margin:0}
}

.how-03 {border-top:1px solid #ffe113; margin:40px 0 140px 0; padding:50px 0 0 0}
.how-03-inner {display:inline-block; vertical-align:top; text-align:left}
.how-03-text {font-size:20px; line-height:25px; margin:0 0 35px 0}
.how-03-text span {display:block; font-size:25px}

@media screen and (max-width:1020px) {
    .how-03 {margin:40px 0; padding:40px 0 0 0}
    .how-03-text {padding:0; text-align:center}
}

.how-04 {margin:30px 0; border-top:1px solid #ffe113; border-bottom:1px solid #ffe113; padding:30px 0}
.how-04-inner {display:inline-block; vertical-align:top; text-align:left}
.how-04-text {font-size:20px; line-height:25px; margin:0 0 35px 0}
.how-04-text span {display:block; font-size:25px}

@media screen and (max-width:1020px) {
    .how-04 {margin:40px 0}
    .how-04-text {padding:0; text-align:center}
}

.how-05 {margin:60px 0; border-bottom:1px solid #ffe113; padding:30px 0}
.how-05-inner {display:inline-block; vertical-align:top; text-align:left}
.how-05-text {font-size:20px; line-height:25px; margin:0 0 35px 0}
.how-05-text span {display:block; font-size:25px}

@media screen and (max-width:1020px) {
    .how-05 {margin:40px 0}
    .how-05-text {padding:0; text-align:center}
}

.main-welcome {width:108vh; margin:17vh auto 0 auto}
.main-date {height:27vh; background:url(../images/main-date.svg) no-repeat; background-size:100% 100%; text-align:right; text-transform:uppercase; font-weight:500; font-size:3.2vh; line-height:3.8vh; padding:0 60px}
.main-date-inner {display:table; width:100%}
.main-date-text {display:table-cell; vertical-align:middle; height:27vh}
.main-logo {margin:38px 0 0 0}
.main-logo::after {content:""; display:block; clear:both}
.main-logo-inner {float:right; width:20.6vh; height:14.9vh; position:relative; background:url(../images/main-logo-border.svg) no-repeat; background-size:100% 100%}
.main-logo-inner::before {content:""; display:block; position:absolute; left:6.66vh; top:5vh; width:6.5vh; height:5.5vh; background:url(../images/main-logo.png) no-repeat; background-size:100% 100%}

@media screen and (max-width:1020px) {
    .main-welcome {width:293px; margin:29px auto 0 auto}
    .main-date {height:282px; background-image:url(../images/main-date-mobile.svg); padding:0 20px 0 10px; font-size:20px; line-height:24px}
    .main-date-text {height:282px}
    .main-logo {margin:29px 0 0 0}
    .main-logo-inner {width:92px; height:67px; background-image:url(../images/main-logo-border-mobile.svg)}
    .main-logo-inner::before {left:30px; top:22px; width:29px; height:25px; background-image:url(../images/main-logo-mobile.png)}
}

.intro-scroll {position:fixed; z-index:90; left:50%; top:100vh; width:20px; height:31px; background:url(../images/intro-scroll.png); margin:-116px 0 0 -10px; pointer-events:none; transition:all 0.3s; opacity:1}
.intro-scroll.hidden {opacity:0}
.intro-scroll:before {content:""; display:block; width:20px; height:9px; background:url(../images/intro-scroll.png) left -31px; position:absolute; left:0; top:31px; opacity:0; animation:scroll-down 2s linear infinite; transition:opacity .3s ease}
.intro-scroll:after {content:""; display:block; width:20px; height:9px; background:url(../images/intro-scroll.png) left -31px; position:absolute; left:0; top:31px; opacity:0; animation:scroll-down 2s linear infinite 1s; transition:opacity .3s ease}

@keyframes scroll-down {
    0%{
        transform:translateY(3px); opacity:0;
    }
    25%{
        transform:translateY(6px); opacity:.5;
    }
    50%{
        transform:translateY(9px); opacity:1;
    }
    75%{
        transform:translateY(12px); opacity:.5;
    }
    100%{
        transform:translateY(15px); opacity:0;
    }
}

@media screen and (max-width:1020px) {
    .intro-scroll {top:-99999px; left:-9999px}
}

.manifest {position:relative; margin:183px 0 0 0}
.manifest::after {content:""; display:block; clear:both}
.manifest-title {position:absolute; left:-136px; top:50%; margin-top:-28px; white-space:nowrap; transform:rotate(-90deg) translateX(-50%); transform-origin:left center; font:50px/56px Georgia, serif; text-transform:uppercase}
.fonts-loaded .manifest-title {font-family:Prata, serif}
.manifest-day {border-top:2px solid #ffe113; border-bottom:2px solid #ffe113}
.manifest-day-inner {margin:0; font-size:36px; line-height:43px; text-transform:uppercase; font-weight:500; padding:39px 0 27px 0}
.manifest-info-text {margin:30px 0}
.manifest-info-welcome {font-size:36px; line-height:43px; text-transform:uppercase; font-weight:bold; margin:35px 0 0 0}
.manifest ul li {margin:0}

@media screen and (max-width:1020px) {
    .manifest {margin:58px 0 0 0}
    .manifest-title {font-size:30px; line-height:30px; position:relative; left:auto; top:auto; white-space:normal; transform:none; text-align:center}
    .manifest-text {float:none; width:auto; margin:37px 0 0 0}
    .manifest-info {float:none; width:auto; margin:20px 0 0 0}
    .manifest-day-inner {margin:0; font-size:26px; line-height:31px; padding:13px 0 8px 0}
    .manifest-info-text {margin:18px 0}
    .manifest-info-welcome {font-size:26px; line-height:31px; margin:34px 0 0 0}
}

.stop {text-align:center; margin:141px 0 0 0}
.stop-title {font:2.6vw/normal Georgia, serif; text-transform:uppercase}
.stop-title::before {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 2vw 0 0; background:#ffe113}
.stop-title::after {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 0 0 2vw; background:#ffe113}
.stop-title span {display:inline-block; vertical-align:middle}
.fonts-loaded .stop-title {font-family:Prata, serif}
.stop-content {font-size:0; line-height:0; letter-spacing:-1px; padding:92px 0 0 0}
.stop-btn {display:block; margin:0 auto; width:238px; height:75px; border-radius:10px; background:#ffe113; color:#0e1034; font-weight:bold; font-size:26px; line-height:75px; letter-spacing:0; text-transform:uppercase; text-decoration:none; transition:all 0.2s}
.stop-btn:hover {opacity:0.8}
.stop-logos {font-size:0; line-height:0; letter-spacing:-1px; padding:100px 0 0 0}
.stop-logos a {display:inline-block; vertical-align:middle; margin:0 0 0 44px; transition:all 0.2s}
.stop-logos a:first-child {margin:0}
.stop-logos a:hover {opacity:0.8}
.stop-share {padding:123px 0 0 0; font-size:0; line-height:0; letter-spacing:-1px}
.stop-share-title {display:inline-block; vertical-align:middle; margin:0 30px 0 0; font-size:33px; line-height:49px; letter-spacing:0}
.stop-social {display:inline-block; vertical-align:middle; margin:0 0 0 20px; transition:all 0.2s}
.stop-social:hover {opacity:0.8}
.stop-social img {border-radius:50%}


@media screen and (max-width:1020px) {
    .stop {margin:43px 0 0 0}
    .stop-title {font-size:30px; line-height:43px}
    .stop-title::before,
    .stop-title::after {display:none}
    .stop-logos a {display:block; margin:30px 0}
    .stop-content {padding:37px 0 0 0}
    .stop-btn {display:block; width:144px; height:45px; font-size:19px; line-height:45px; margin:0 auto}
    .stop-share {display:block; margin:23px 0; font-size:20px; line-height:24px; padding:0}
    .stop-share-title {display:block; margin:20px 0}
    .stop-social {margin:0 10px}
}

.research {position:relative; margin:170px -25px 0 -25px}
.research-title {position:absolute; left:-111px; top:50%; margin-top:-28px; white-space:nowrap; transform:rotate(-90deg) translateX(-50%); transform-origin:left center; font:50px/56px Georgia, serif; text-transform:uppercase}
.fonts-loaded .research-title {font-family:Prata, serif}
.research-list::after {content:""; display:block; clear:both}
.research-list a {position:relative; float:left; width:33.33%; display:block; overflow:hidden; position:relative; height:330px; color:#fff; text-decoration:none; text-align:center; font-weight:bold; font-size:25px; line-height:24px; text-transform:uppercase}
.research-item-bg {position:absolute; left:0; top:0; right:0; bottom:0; background:no-repeat center; background-size:cover; transition:all 0.2s}
.research-list a:hover .research-item-bg {transform:scale(1.1)}
.research-item-inner {position:absolute; left:0; top:50%; right:0; transform:translateY(-50%)}

@media screen and (max-width:1020px) {
    .research {position:relative; margin:58px -30px 0 -30px}
    .research-title {font-size:30px; line-height:43px}
    .research-list {margin:25px auto 0 auto; width:360px}
    .research-list a {width:360px; height:260px; font-size:20px; line-height:20px}
}

.mailru {position:relative; margin:180px -50px 0 -50px}
.mailru-title {position:relative; font:2.6vw/normal Georgia, serif; text-transform:uppercase; text-align:center}
.fonts-loaded .research-title {font-family:Prata, serif}
.mailru-title::before {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 2vw 0 0; background:#ffe113}
.mailru-title::after {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 0 0 2vw; background:#ffe113}
.mailru-title span {display:inline-block; vertical-align:middle}
.mailru-list {font-weight:300; font-size:24px; line-height:28px; text-align:center; padding:55px 0 0 0}
.mailru-list::after {content:""; display:block; clear:both}
.mailru-item {float:left; width:20%; position:relative; padding:55px 0 0 0}
.mailru-item > a {display:block; width:200px; margin:0 auto; color:#fff; text-decoration:none}
.mailru-item > a:hover {color:#ffe113}
.mailru-item-icon {width:200px; height:200px; border:2px solid #ffe113; position:relative; border-radius:50%}
.mailru-item-icon img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.8); transition:all 0.2s}
.mailru-item > a:hover .mailru-item-icon img {transform:translate(-50%, -50%) scale(0.8)}
.mailru-item-title {padding:60px 0 0 0}
.mailru-item-window {display:none; text-align:left; z-index:99; position:absolute; left:50%; width:46vw; top:200px; margin-top:25px; background:#ffe113; border-radius:106px 53px 53px 53px; font-size:1.7vw; line-height:normal; padding:110px 75px 70px 55px; color:#000}
.mailru-item+.mailru-item+.mailru-item .mailru-item-window {left:auto; right:50%; border-radius:53px 106px 53px 53px}
.mailru-item-window::before {content:""; display:block; position:absolute; left:-28px; top:0; width:134px; height:106px; background:url(../images/faq-answer.png) no-repeat; transform:scale(1, -1)}
.mailru-item+.mailru-item+.mailru-item .mailru-item-window::before {left:auto; right:-28px; transform:scale(-1, -1)}
.mailru-item-window-text {position:relative}
.mailru-item-window-text a {color:#000}
.mailru-item.open .mailru-item-window {display:block}
.mailru-item-window-close {display:block; position:absolute; right:45px; top:45px; width:48px; height:48px; background:url(../images/window-close.svg) no-repeat; background-size:100%}
.mailru-item-window-close:hover {opacity:0.5}

@media screen and (max-width:1280px) {
    .mailru-item > a {width:160px}
    .mailru-item-icon {width:160px; height:160px}
    .mailru-item-window {top:160px}
}

@media screen and (max-width:1020px) {
    .mailru {position:relative; margin:58px -30px 0 -30px}
    .mailru-title {font-size:30px; line-height:43px}
    .mailru-title::before {display:none}
    .mailru-title::after {display:none}
    .mailru-list {padding:0}
    .mailru-item {margin:40px auto 0 auto; width:auto; padding:0}
    .mailru-item {display:block; float:none}
    .mailru-item > a {float:none; display:block}
    .mailru-item > a {width:260px}
    .mailru-item-icon {width:260px; height:260px}
    .mailru-item-icon img {transform:translate(-50%, -50%) scale(1)}
    .mailru-item > a:hover .mailru-item-icon img {transform:translate(-50%, -50%) scale(1.1)}
    .mailru-item-title {font-size:20px; line-height:26px; padding:20px 0 0 0}
    .mailru-item-window {position:fixed; left:0; top:0; right:0; bottom:0; border-radius:0; font-size:18px; width:auto; overflow:auto; margin-bottom:0}
    .mailru-item-window::before {display:none}
    .mailru-item+.mailru-item+.mailru-item .mailru-item-window {left:0; right:0; border-radius:0}
    .mailru-item+.mailru-item+.mailru-item .mailru-item-window::before {left:0; right:0}
}

.partners {position:relative; margin:180px 0 0 0}
.partners-title {position:relative; font:2.6vw/normal Georgia, serif; text-transform:uppercase; text-align:center}
.fonts-loaded .partners-title {font-family:Prata, serif}
.partners-title::before {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 2vw 0 0; background:#ffe113}
.partners-title::after {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 0 0 2vw; background:#ffe113}
.partners-title span {display:inline-block; vertical-align:middle}
.partners-list {font-size:0; line-height:0; letter-spacing:0; text-align:center; margin:30px 0 0 0}
.partners-item {display:inline-block; vertical-align:middle; margin:30px}

@media screen and (max-width:1020px) {
    .partners {position:relative; margin:58px 0 0 0}
    .partners-title {font-size:30px; line-height:43px}
    .partners-title::before {display:none}
    .partners-title::after {display:none}
}

.faq {text-align:center; margin:133px 0 0 0}
.faq-title {font:2.6vw/normal Georgia, serif; text-transform:uppercase}
.faq-title::before {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 2vw 0 0; background:#ffe113}
.faq-title::after {content:""; display:inline-block; vertical-align:middle; height:4px; width:13vw; margin:0 0 0 2vw; background:#ffe113}
.faq-title span {display:inline-block; vertical-align:middle}
.fonts-loaded .faq-title {font-family:Prata, serif}
.faq-list {font-size:0; line-height:0; letter-spacing:-1px; margin:57px 0 0 0}
.faq-item {margin:27px 0 0 0; position:relative}
.faq-item-answer {display:none; position:absolute; z-index:99; left:50%; width:46vw; bottom:51px; background:#ffe113; border-radius:53px 53px 53px 106px; font-size:1.5vw; line-height:normal; padding:110px 75px 70px 55px; color:#000}
.faq-item-answer::before {content:""; display:block; position:absolute; left:-28px; bottom:0; width:134px; height:106px; background:url(../images/faq-answer.png) no-repeat}
.faq-item-answer-text {position:relative}
.faq-item.open .faq-item-answer {display:block}
.faq-item-title a {display:inline-block; vertical-align:top; border:1px solid #ffe113; padding:20px 30px; color:#fff; font-weight:300; font-size:1.7vw; line-height:normal; letter-spacing:0; border-radius:2.5vw; text-decoration:none}
.faq-item-title a:hover {color:#ffe113}
.faq-item-answer-close {display:block; position:absolute; right:45px; top:45px; width:48px; height:48px; background:url(../images/window-close.svg) no-repeat; background-size:100%}
.faq-item-answer-close:hover {opacity:0.5}

@media screen and (max-width:1020px) {
    .faq {margin:30px 0 0 0}
    .faq-title {font-size:30px; line-height:43px}
    .faq-list {margin:29px -15px 0 -15px}
    .faq-item {margin:10px 5px 0 5px; border-radius:21px; font-size:20px}
    .faq-item-title a {padding:10px 25px; font-size:20px}
    .faq-title::before {display:none}
    .faq-title::after {display:none}
    .faq-item-answer {position:fixed; left:0; top:0; right:0; bottom:0; border-radius:0; font-size:18px; width:auto; overflow:auto; margin-bottom:0}
    .faq-item-answer::before {display:none}
}

.pre-footer {text-align:center; line-height:0; padding:40px 0}

footer {height:154px; text-align:center; position:relative; background:#ffe113; font-weight:bold; font-size:3vw; line-height:154px; text-transform:uppercase; color:#151530}
.footer-logo {position:absolute; left:145px; top:57px; width:250px; height:36px; background:url(../images/footer-logo.png) no-repeat}

@media screen and (max-width:1020px) {
    footer {height:auto; font-size:20px; line-height:20px; padding:30px 0}
    .footer-logo {position:relative; left:auto; top:auto; margin:0 auto 30px auto}
}

.color-text {color:#ffe113}

/* ~~~~ Additional styles ~~~~ */
.nav{margin: 0 0 10px 0; overflow: hidden; font-size: 1.5vw; color: #fcee21;}
.nav a{color: #ffe113; text-decoration: none; position: relative}
.nav a:hover{text-decoration: none}
.nav a::before {content:""; display:block; position:absolute; left:0px; bottom:10px; width:calc(100% - 0px); height:1px; background:#fcee21; transform:scaleX(0); transform-origin:right; transition:transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.nav a:hover::before {transform:scaleX(1); transform-origin:left}

.nav .right{float: right}
.nav .left{float: left}
.btn{text-align: center; font-size: 1.4vw; height: 3vw; line-height: 3vw; margin: 30px 0 0 0;}

.back {text-align: center; position: absolute; top: 5px; font-size: 1.3vw}
.back a{text-decoration: none; position: relative}
.back a::before {content:""; display:block; position:absolute; left:0px; bottom:2px; width:calc(100% - 0px); height:1px; background:#fff; transform:scaleX(0); transform-origin:right; transition:transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.back a:hover::before {transform:scaleX(1); transform-origin:left}

@media screen and (max-width: 1020px){
	.back{font-size: inherit; top: 10px;}
	.back a{text-decoration: underline}

	.nav{font-size: inherit; }
	.nav a{float: none; text-decoration: underline; padding: 0 0 10px 0; text-align: center; display: block}
	.nav .right{float: none}
	.nav .left{float: none}
}

.main-date{text-align: left}
.faq-item-answer-text{text-align: left}

.emoji {display:inline-block; vertical-align:baseline; width:32px; height:32px; background:url(../images/emoji.png) no-repeat}

@media screen and (max-width: 1020px){
    .emoji {width:16px; height:16px; background:url(../images/emoji-mobile.png) no-repeat}
}