.hidden {
  display: none!important;
}
.counter {
    position: absolute;
    top: 8px;
    right: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #003E6f;
    border-radius: 50%;
    text-decoration: none;
    font-size: 12px;
}
.page-section {
    position: relative;
    overflow: hidden;
    background-color: white;
}
.page-section_yellow {
    background-color: #d2993c;
}
.page-section_green {
    background-color: #5fbf94;
}
.page-title {
    z-index: 90;
    position: relative;
    margin: 0;
    text-align: center;
    font-weight: 100;
    font-size: 68px;
    color: white;
}
.page-btn {
    z-index: 90;
    position: relative;
    margin: 50px 0;
    text-align: center;
}
.geo-modal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 20px 0;
    background-color: #bfbfbf;

    cursor: pointer;
}
#dynamic {
    fill:#333;
    padding:0 5px;
}
#dynamic.off {
    fill:#ccc;
}
.main-video {
    width: 100%;
    /*height: 100vh;*/
}
.main-video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale3d(1.1, 1.1, 1);
    background-image: url(/images/frontend/pub2019/main-video-mask.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1;
    transition: ease,1s;
    transform-origin: 20%;
}
.main-video__video {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    width: 100%;
    /*height: inherit;*/
}
.main-video__video::-webkit-media-controls-enclosure {
    display: none !important;
}
.main-video__volume {
    z-index: 3;
    position: absolute;
    left: 3%;
    bottom: calc(50% - 220px);
    width: 45px;
    height: 45px;
    background: url(/images/frontend/pub2019/unmute.svg);
    background-size: 100% 100%;
    cursor: pointer;
}
.main-video__title {
    z-index: 3;
    position: absolute;
    bottom: 60px;
    left: 10%;
    font-size: 48px;
    font-weight: 100;
    transition: ease,.5s;
}
.main-video__btn {
    z-index: 3;
    position: absolute;
    top: calc(50% - 24px);
    right: 10%;
    transition: ease,.5s;
}
.page-section.open .main-video__overlay {
    transform: scale3d(8, 8, 1);
}
.page-section.open .main-video__title {
    opacity: 0;
    pointer-events: none;
    user-select: none;
}
.page-section.open .main-video__btn {
    opacity: 0;
    pointer-events: none;
    user-select: none;
}
.btn {
    display: inline-block;
    cursor: pointer;
}
.btn:focus {
    outline: none;
}
.btn-primary {
    min-width: 360px;
    padding: 25px;
    text-align: center;
    background-color: #141e3a;
    border-radius: 50px;
    border: none;
    box-shadow:0 0 25px -5px rgba(0, 0, 0, 0);
    color: white;
    font-size: 23px;
    transition: ease, .3s;
}
.btn-primary:hover {
    box-shadow: 0 0 25px -5px #141e3a;
}
.btn-primary_green {
    background-color: #758743;
}
.btn-primary_green:hover {
    box-shadow: 0 0 25px -5px #758743;
}.sos {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 78px);
    overflow: hidden;
    background-color: #5ebf93;
    border-bottom: 30px solid #353535;
    transition: ease, 1.5s;
}
.sos_gray  {
    filter: grayscale(100%);
    opacity: .5;
}
.sos__left {

}
.sos__image {
    position: relative;
    left: 0;
    display: block;
    transition: ease, 2.5s;
}
.sos__title {
    z-index: 1;
    position: absolute;
    top: 140px;
    left: 150px;
    margin: 0;
    font-size: 160px;
    font-weight: 600;
}
.sos__right {
    margin-left: 150px;
    margin-right: 30px;
    padding: 50px 0;
}
.sos__subtitle {
    text-transform: uppercase;
    font-size: 56px;
    font-weight: 100;
}
.sos__desc-title {
    font-size: 45px;
    font-weight: 600;
}
.sos__desc {
    max-width: 750px;
    font-size: 45px;
}
.sos__small-desc {
    max-width: 750px;
    font-size: 20px;
}
.sos__content-after {
    color: white!important;
}
.sos__content-box {
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.sos__content-box-item:first-child {
    width: 50%;
    flex-shrink: 0;
    margin-right: 50px;
}
.sos__red-text {
    margin-bottom: 60px;
    font-weight: 600;
    font-size: 72px;
    color: #ba4d18;
}
.sos__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sos__list-item {
    counter-increment: number-counter;
    position: relative;
    margin-bottom: 55px;
    padding-left: 60px;
    font-size: 30px;
}
.sos__list-item:last-child {
    margin-bottom: 0;
}
.sos__list-item:before {
    content: counter(number-counter) ' ';
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
    font-size: 54px;
    color: #141e3a;
}
.sos__list-item:first-child:before {
    color: #e69b30;
}
.sos__list-item:last-child:before {
    color: #ba4d18;
}
.recommend {
    position: relative;
    display: flex;
    align-items: center;
    height: 75vh;
    color: white;
    transition: ease, .5s;
}
.recommend_blue {
    background-color: #344067;
}
.recommend__content {
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.recommend__right {
   position: relative;
    left: -100px;
    transition: ease, .8s;
}
.recommend__left {
    width: 50%;
    margin-left: 50px;
    font-size: 77px;
}
.recommend__title {
    font-weight: 100;
    font-size: 43px;
    text-transform: uppercase;
}
.recommend__desc {
    font-weight: 400;
    font-size: 28px;
}
.recommend__btn {
    margin-top: 100px;
    margin-left: 50px;
}
.recommend__decor-box {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.recommend__decor {
    position: absolute;
    left: -100%;
    margin-left: -30px;
    transition: ease,.8s;
}
.recommend__decor:nth-child(1) {
    z-index: 4;
    top: 0;
    width: 50%;
    animation: float1 8s cubic-bezier(.49,.05,.32,1.04) infinite alternate;
}
.recommend__decor:nth-child(2) {
    z-index: 3;
    top: -10%;
    width: 60%;
    animation: float2 6s cubic-bezier(.49,.05,.32,1.04) infinite alternate;
    transition-delay: .3s;
}
.recommend__decor:nth-child(3) {
    z-index: 2;
    top: -15%;
    width: 70%;
    animation: float3 7s cubic-bezier(.49,.05,.32,1.04) infinite alternate;
    transition-delay: .6s;
}
.recommend__decor:nth-child(4) {
    z-index: 1;
    width: 80%;
    top: -25%;
    animation: float4 8s cubic-bezier(.49,.05,.32,1.04) infinite alternate;
    transition-delay: .9s;
}
.recommend__decor_green .cls {
    fill: #758743;
}
.recommend__decor_green .cls-2 {
    fill: #d2993c;
    stroke: #758743;
    stroke-width: 4;
}
.recommend__decor_green .cls-3 {
    fill: #d2993c;
    stroke: #8d4535;
    stroke-width: 4;
}
.recommend__decor_green .cls-4 {
    fill: #d2993c;
    stroke: #7a8843;
    stroke-width: 4;
}
@media all and (min-width: 1024px) {
  .sos__right {
    margin-left: 50px;
    padding: 50px 0;
  }
  .sos__subtitle {
    font-size: 44px;
  }
  .sos__desc-title {
    font-size: 36px;
  }
  .sos__desc {
    font-size: 36px;
  }
  .sos__small-desc {
    font-size: 20px;
  }
  .sos__content-box {
    margin-top: 30px;
  }
  .sos__list-item {
    margin-bottom: 30px;
    padding-left: 40px;
    font-size: 22px;
  }
  .sos__list-item:before {
    font-size: 40px;
  }
  .sos__red-text {
    margin-bottom: 30px;
    font-size: 32px;
  }
  .btn-primary {
    min-width: 0;
    padding: 10px 25px;
    font-size: 20px;
  }
  .recommend__left {
    font-size: 44px;
  }
  .recommend__title {
    font-size: 36px;
  }
  .recommend__desc {
    font-size: 22px;
  }
  .recommend__btn {
    margin-top: 70px;
  }
}
@media all and (min-width: 1800px) {
  .sos__right {
    margin-left: 150px;
  }
  .sos__subtitle {
    font-size: 56px;
  }
  .sos__desc-title {
    font-size: 45px;
  }
  .sos__desc {
    font-size: 45px;
  }
  .sos__small-desc {
    font-size: 16px;
  }
  .sos__content-box {
    margin-top: 60px;
  }
  .sos__list-item {
    margin-bottom: 55px;
    padding-left: 60px;
    font-size: 30px;
  }
  .sos__list-item:before {
    font-size: 54px;
  }
  .sos__red-text {
    margin-bottom: 60px;
    font-size: 72px;
  }
  .btn-primary {
    min-width: 360px;
    padding: 25px;
    font-size: 23px;
  }
  .recommend__left {
    font-size: 77px;
  }
  .recommend__title {
    font-size: 43px;
  }
  .recommend__desc {
    font-size: 28px;
  }
  .recommend__btn {
    margin-top: 100px;
  }
}
@keyframes float4 {
    20% {
        transform: translate(-20px, -10px);
    }
    40% {
        transform: translate(20px, -10px);
    }
    60% {
        transform: translate(20px, 10px);
    }
    80% {
        transform: translate(-20px, 10px);
    }
}

@keyframes float3 {
    20% {
        transform: translate(20px, -10px);
    }
    40% {
        transform: translate(-20px, -10px);
    }
    60% {
        transform: translate(-20px, 10px);
    }
    80% {
        transform: translate(20px, 10px);
    }
}

@keyframes float2 {
    20% {
        transform: translate(-20px, -10px);
    }
    40% {
        transform: translate(20px, -10px);
    }
    60% {
        transform: translate(20px, 10px);
    }
    80% {
        transform: translate(-20px, 10px);
    }
}

@keyframes float1 {
    20% {
        transform: translate(-20px, 10px);
    }
    40% {
        transform: translate(20px, -10px);
    }
    60% {
        transform: translate(20px, 10px);
    }
    80% {
        transform: translate(-20px, -10px);
    }
}

.google-translator-combobox {
    padding-left: 30px;
    height: 30px;
    line-height: 48px;
    font-size: 14px;
    position: relative;
    background: white url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkNhcGFfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUwIDE1MDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1MCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzFBNzNFODt9Cgkuc3Qxe2ZpbGw6I0VBNDMzNTt9Cgkuc3Qye2ZpbGw6IzQyODVGNDt9Cgkuc3Qze2ZpbGw6I0ZCQkMwNDt9Cgkuc3Q0e2ZpbGw6IzM0QTg1Mzt9Cgkuc3Q1e2ZpbGw6IzRDQUY1MDt9Cgkuc3Q2e2ZpbGw6IzFFODhFNTt9Cgkuc3Q3e2ZpbGw6I0U1MzkzNTt9Cgkuc3Q4e2ZpbGw6I0M2MjgyODt9Cgkuc3Q5e2ZpbGw6I0ZCQzAyRDt9Cgkuc3QxMHtmaWxsOiMxNTY1QzA7fQoJLnN0MTF7ZmlsbDojMkU3RDMyO30KCS5zdDEye2ZpbGw6I0Y2QjcwNDt9Cgkuc3QxM3tmaWxsOiNFNTQzMzU7fQoJLnN0MTR7ZmlsbDojNDI4MEVGO30KCS5zdDE1e2ZpbGw6IzM0QTM1Mzt9Cgkuc3QxNntjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MTd7ZmlsbDojMTg4MDM4O30KCS5zdDE4e29wYWNpdHk6MC4yO2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDE5e29wYWNpdHk6MC4zO2ZpbGw6IzBENjUyRDtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDIwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3QyMXtvcGFjaXR5OjAuMztmaWxsOnVybCgjXzQ1X3NoYWRvd18xXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QyMntjbGlwLXBhdGg6dXJsKCNTVkdJRF82Xyk7fQoJLnN0MjN7ZmlsbDojRkE3QjE3O30KCS5zdDI0e29wYWNpdHk6MC4zO2ZpbGw6IzE3NEVBNjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDI1e29wYWNpdHk6MC4zO2ZpbGw6I0E1MEUwRTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDI2e29wYWNpdHk6MC4zO2ZpbGw6I0UzNzQwMDtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDI3e2ZpbGw6dXJsKCNGaW5pc2hfbWFza18xXyk7fQoJLnN0Mjh7ZmlsbDojRkZGRkZGO30KCS5zdDI5e2ZpbGw6IzBDOUQ1ODt9Cgkuc3QzMHtvcGFjaXR5OjAuMjtmaWxsOiMwMDRENDA7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QzMXtvcGFjaXR5OjAuMjtmaWxsOiMzRTI3MjM7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QzMntmaWxsOiNGRkMxMDc7fQoJLnN0MzN7b3BhY2l0eTowLjI7ZmlsbDojMUEyMzdFO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MzR7b3BhY2l0eTowLjI7fQoJLnN0MzV7ZmlsbDojMUEyMzdFO30KCS5zdDM2e2ZpbGw6dXJsKCNTVkdJRF83Xyk7fQoJLnN0Mzd7ZmlsbDojRkJCQzA1O30KCS5zdDM4e2NsaXAtcGF0aDp1cmwoI1NWR0lEXzlfKTtmaWxsOiNFNTM5MzU7fQoJLnN0Mzl7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMTFfKTtmaWxsOiNGQkMwMkQ7fQoJLnN0NDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMTNfKTtmaWxsOiNFNTM5MzU7fQoJLnN0NDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMTVfKTtmaWxsOiNGQkMwMkQ7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDE0IiBkPSJNMTIwLDc2LjFjMC0zLjEtMC4zLTYuMy0wLjgtOS4zSDc1Ljl2MTcuN2gyNC44Yy0xLDUuNy00LjMsMTAuNy05LjIsMTMuOWwxNC44LDExLjUgICBDMTE1LDEwMS44LDEyMCw5MCwxMjAsNzYuMUwxMjAsNzYuMXoiLz48cGF0aCBjbGFzcz0ic3QxNSIgZD0iTTc1LjksMTIwLjljMTIuNCwwLDIyLjgtNC4xLDMwLjQtMTEuMUw5MS41LDk4LjRjLTQuMSwyLjgtOS40LDQuNC0xNS42LDQuNGMtMTIsMC0yMi4xLTguMS0yNS44LTE4LjkgICBMMzQuOSw5NS42QzQyLjcsMTExLjEsNTguNSwxMjAuOSw3NS45LDEyMC45eiIvPjxwYXRoIGNsYXNzPSJzdDEyIiBkPSJNNTAuMSw4My44Yy0xLjktNS43LTEuOS0xMS45LDAtMTcuNkwzNC45LDU0LjRjLTYuNSwxMy02LjUsMjguMywwLDQxLjJMNTAuMSw4My44eiIvPjxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNNzUuOSw0Ny4zYzYuNS0wLjEsMTIuOSwyLjQsMTcuNiw2LjlMMTA2LjYsNDFDOTguMywzMy4yLDg3LjMsMjksNzUuOSwyOS4xYy0xNy40LDAtMzMuMiw5LjgtNDEsMjUuMyAgIGwxNS4yLDExLjhDNTMuOCw1NS4zLDYzLjksNDcuMyw3NS45LDQ3LjN6Ii8+PC9nPjwvc3ZnPg==") no-repeat;
    background-position: left 0 top 50%;
    width: 170px;
}