@font-face {
    font-family: SuisseIntl-Regular;
    src: url(../fonts/SuisseIntl/SuisseIntl-Regular.woff);
    font-weight: 400
}

@font-face {
    font-family: SuisseIntl-SemiBold;
    src: url(../fonts/SuisseIntl/SuisseIntl-SemiBold.woff);
    font-weight: 600
}

@font-face {
    font-family: WulkanDisplay;
    src: url(../fonts/WulkanDisplay/WulkanDisplay-SemiBoldItalic.woff)
}

html {
    height: 100%
}

body {
    margin: 0;
    height: 100%
}

a {
    text-decoration: none
}

ul {
    list-style: none
}

h1, h2, h3, li, p, ul {
    padding: 0;
    margin: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    -webkit-tap-highlight-color: transparent;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    background: #005
}

body img, body picture {
    max-width: 100%;
    height: auto
}

.container {
    max-width: 700px;
    margin: auto
}

.all-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 60
}

.sam {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative
}

@media screen and (min-width: 700px) and (orientation: landscape) and (min-height: 451px) {
    .sam {
        background: #005 url(../img/bg-desc.jpg) no-repeat 50% 0/cover
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {
    .sam {
        background: #005 url(../img/bg-desc.jpg) no-repeat 50% 0/cover
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    .sam {
        background: #005 url(../img/bg-mob.jpg) no-repeat 50% 130%/cover
    }
}

@media (max-width: 920px) and (orientation: landscape) and (max-height: 450px) {
    .sam {
        background: #005 url(../img/bg-landscape.jpg) no-repeat 50% 0/cover
    }
}

.sam.overflow {
    overflow: hidden
}

.sam__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.sam__people {
    position: absolute;
    width: 100%;
    height: 150px;
    z-index: 5;
    bottom: 0
}

@media screen and (min-width: 700px) and (orientation: landscape) and (min-height: 451px) {
    .sam__people {
        background: url(../img/people-desc.png) no-repeat 50% 0/cover
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {
    .sam__people {
        background: url(../img/people-tab.png) no-repeat 50% 0/cover
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    .sam__people {
        background: 0 0
    }
}

@media (max-width: 920px) and (orientation: landscape) and (max-height: 450px) {
    .sam__people {
        background: url(../img/people-desc.png) no-repeat 50% 0/cover
    }
}

.sam__statue {
    position: absolute;
    bottom: 0;
    height: 62vh;
    width: 20vh;
    left: -77px;
    z-index: 6
}

@media screen and (min-width: 700px) and (orientation: landscape) and (min-height: 451px) {
    .sam__statue {
        background: url(../img/statue.png) no-repeat 50% 0/cover
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {
    .sam__statue {
        background: url(../img/statue.png) no-repeat 50% 0/cover
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    .sam__statue {
        background: 0 0
    }
}

@media (max-width: 920px) and (orientation: landscape) and (max-height: 450px) {
    .sam__statue {
        background: url(../img/statue.png) no-repeat 50% 0/cover
    }
}

.sam__pyramid {
    position: absolute;
    top: 22%;
    left: 0;
    height: 86vh;
    width: 134vh
}

.sam__pyramid picture {
    position: relative;
    z-index: 4
}

.sam__pers {
    position: absolute;
    top: 22%;
    left: 67px;
    height: 105vh;
    width: 66vh;
    z-index: 7
}

.sam__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 20
}

.sam__footer .text {
    font-family: SuisseIntl-Regular, sans-serif;
    font-size: 11.6667px;
    line-height: 14px;
    letter-spacing: .02em;
    color: #e8e8e8;
    text-align: right;
    margin: 0 18px 0 0
}

.sam__footer .img1 {
    max-width: 50px;
    margin: 0 18px 0 0
}

.sam__footer .img2 {
    max-width: 50px
}

.sam__logo {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 462px;
    z-index: 10
}

.sam__info {
    position: relative;
    z-index: 20;
    padding: 95px 80px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sam__title {
    font-family: SuisseIntl-SemiBold, sans-serif;
    color: #fff;
    letter-spacing: .03em;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: 58px;
    line-height: 80px;
    padding: 7px 35px 5px;
    background: #ff267e;
    margin: 0 0 40px 0
}

.sam__title span {
    font-family: WulkanDisplay, sans-serif
}

.sam__bonus {
    font-family: SuisseIntl-SemiBold, sans-serif;
    font-size: 77px;
    line-height: 100px;
    color: #e8e8e8;
    letter-spacing: .03em;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on
}

.sam__bonus-2 {
    margin: 0 0 30px 0
}

.sam__bonus span {
    font-family: WulkanDisplay, sans-serif;
    color: #ff267e
}

.sam__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 36px 0
}

.sam__item {
    font-family: SuisseIntl-SemiBold, sans-serif;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: .03em;
    text-transform: uppercase;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #e8e8e8
}

.sam__item:not(:last-child) {
    margin: 0 37px 0 0
}

.sam__item img {
    max-width: 62px
}

.sam__link {
    font-family: SuisseIntl-SemiBold, sans-serif;
    display: inline-block;
    padding: 30px 55px 28px;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #005;
    background: #05c489;
    border-radius: 4.72468px;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin: 0 auto 26px
}

.sam__link:hover {
    background: #09b47f
}

.sam__salut1 {
    position: absolute;
    top: -71px;
    left: 442px;
    z-index: 0;
    width: 48vh;
    height: 48vh;
    background: url(../img/salut1.svg) no-repeat 50% 0/contain;
    -webkit-animation: salut1 5s ease infinite;
    animation: salut1 5s ease infinite;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.sam__salut2 {
    position: absolute;
    top: 228px;
    left: 821px;
    z-index: 0;
    width: 43vh;
    height: 43vh;
    background: url(../img/salut2.svg) no-repeat 50% 0/contain;
    -webkit-animation: salut1 5s ease infinite;
    animation: salut1 5s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.sam__salut3 {
    position: absolute;
    bottom: 30px;
    right: 160px;
    width: 32vh;
    height: 32vh;
    background: url(../img/salut3.svg) no-repeat 50% 0/contain;
    -webkit-animation: salut3 5s ease infinite;
    animation: salut3 5s ease infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.sam__salut4 {
    position: absolute;
    bottom: 145px;
    right: -57px;
    width: 27vh;
    height: 27vh;
    background: url(../img/salut4.svg) no-repeat 50% 0/contain;
    -webkit-animation: salut3 5s ease infinite;
    animation: salut3 5s ease infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.sam__spot1 {
    position: absolute;
    width: 530px;
    height: 1000px;
    background: url(../img/spotlight.png) no-repeat 50% 0/contain;
    top: -932px;
    left: 116px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation: rotateSpot1 5s ease infinite;
    animation: rotateSpot1 5s ease infinite
}

.sam__spot2 {
    position: absolute;
    width: 530px;
    height: 1000px;
    background: url(../img/spotlight.png) no-repeat 50% 0/contain;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
    top: -909px;
    left: 38px;
    -webkit-animation: rotateSpot2 5s ease infinite;
    animation: rotateSpot2 5s ease infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.sam__spot3 {
    position: absolute;
    width: 530px;
    height: 1000px;
    background: url(../img/spotlight.png) no-repeat 50% 0/contain;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    bottom: 210px;
    right: -24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: rotateSpot3 5s ease infinite;
    animation: rotateSpot3 5s ease infinite
}

.wrapper-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.opacity {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s linear, visibility .5s linear;
    -o-transition: opacity .5s linear, visibility .5s linear;
    transition: opacity .5s linear, visibility .5s linear
}

.hidden {
    display: none
}

@-webkit-keyframes rotateSpot1 {
    0% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    50% {
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }
    100% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@keyframes rotateSpot1 {
    0% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    50% {
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }
    100% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@-webkit-keyframes rotateSpot2 {
    0% {
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }
    50% {
        -webkit-transform: rotate(-65deg);
        transform: rotate(-65deg)
    }
    100% {
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }
}

@keyframes rotateSpot2 {
    0% {
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }
    50% {
        -webkit-transform: rotate(-65deg);
        transform: rotate(-65deg)
    }
    100% {
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }
}

@-webkit-keyframes rotateSpot3 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    50% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateSpot3 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    50% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes salut1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes salut1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes salut3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    30% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    55% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    95% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes salut3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    30% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    55% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    95% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (min-width: 2000px) {
    .sam__info {
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-height: 1130px) and (orientation: landscape) {
    .sam__pyramid {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    .sam__pers {
        top: 22%
    }

    .sam__salut2 {
        top: 182px;
        left: 918px
    }

    .sam__spot3 {
        bottom: 374px;
        right: 290px
    }
}

@media screen and (max-width: 1920px) and (max-height: 950px) {
    .sam__people {
        height: 120px
    }

    .sam__pyramid {
        top: 24%
    }

    .sam__statue {
        left: -61px
    }
}

@media screen and (max-width: 1700px) {
    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .sam__statue {
        left: -71px
    }
}

@media screen and (max-width: 1700px) and (max-height: 925px) {
    .sam__statue {
        left: -58px
    }
}

@media screen and (max-width: 1610px) {
    .sam__statue {
        left: -48px
    }
}

@media screen and (max-width: 1610px) and (max-height: 880px) {
    .sam__people {
        height: 103px
    }
}

@media screen and (max-width: 1610px) and (max-height: 805px) {
    .sam__logo {
        max-width: 390px
    }

    .sam__info {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

@media screen and (max-width: 1500px) {
    .sam__logo {
        max-width: 340px
    }

    .sam__salut1 {
        top: -91px;
        left: 348px
    }

    .sam__salut2 {
        top: 196px;
        left: 728px
    }

    .sam__salut3 {
        right: 71px
    }

    .sam__pers {
        left: 55px;
        width: 64vh;
        top: 25%
    }

    .sam__statue {
        left: -68px
    }

    .sam__title {
        font-size: 62px;
        line-height: 72px;
        margin: 0 0 20px 0
    }

    .sam__info {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .sam__spot2 {
        top: -935px;
        left: -6px
    }

    .sam__spot1 {
        top: -919px;
        left: 37px
    }
}

@media screen and (max-width: 1370px) and (min-height: 870px) {
    .sam__pyramid {
        left: -167px
    }

    .sam__statue {
        left: -82px
    }

    .sam__spot2 {
        left: 34px
    }

    .sam__spot1 {
        left: 95px
    }
}

@media screen and (max-width: 1370px) and (max-height: 950px) {
    .sam__spot1 {
        left: 95px
    }

    .sam__spot2 {
        left: 20px;
        top: -907px
    }
}

@media screen and (max-width: 1370px) and (max-height: 920px) {
    .sam__spot1 {
        left: 49px
    }
}

@media screen and (max-width: 1370px) and (max-height: 850px) {
    .sam__salut1 {
        top: -67px;
        left: 382px
    }

    .sam__salut2 {
        top: 174px;
        left: 649px
    }

    .sam__salut4 {
        bottom: 115px
    }

    .sam__spot2 {
        left: -42px
    }

    .sam__spot1 {
        left: 5px
    }

    .sam__info {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        padding: 90px 70px 0 0
    }

    .sam__title {
        font-size: 42px;
        line-height: 65px;
        margin: 0 0 25px 0;
        padding: 0 13px
    }

    .sam__bonus {
        font-size: 55px;
        line-height: 72px
    }

    .sam__bonus-2 {
        margin: 0 0 20px 0
    }

    .sam__row {
        margin: 0 0 25px 0
    }

    .sam__item {
        font-size: 22px;
        line-height: 28px
    }

    .sam__item:not(:last-child) {
        margin: 0 30px 0 0
    }

    .sam__item img {
        max-width: 44px
    }

    .sam__statue {
        left: -54px
    }

    .sam__link {
        font-size: 18px;
        line-height: 23px;
        padding: 21px 38px 19px
    }

    .sam__footer .text {
        font-size: 10px;
        line-height: 12px;
        margin: 0 15px 0 0
    }

    .sam__footer .img1 {
        max-width: 44px;
        margin: 0 15px 0 0
    }

    .sam__footer .img2 {
        max-width: 44px
    }
}

@media screen and (max-width: 1370px) and (max-height: 680px) {
    .sam__logo {
        max-width: 297px
    }

    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        padding: 70px 70px 0 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .sam__statue {
        left: -38px
    }

    .sam__spot1 {
        left: -15px
    }
}

@media screen and (max-width: 1300px) {
    .sam__logo {
        max-width: 300px
    }

    .sam__pyramid {
        left: -46px
    }

    .sam__pers {
        left: 5px
    }

    .sam__salut2 {
        top: 113px;
        left: 619px
    }

    .sam__spot2 {
        left: -25px;
        top: -928px
    }

    .sam__spot1 {
        left: 27px
    }

    .sam__statue {
        height: 45vh;
        width: 11vh;
        left: -2px
    }
}

@media screen and (max-width: 1300px) and (min-height: 1000px) {
    .sam__pyramid {
        left: -202px
    }

    .sam__spot2 {
        left: 61px;
        top: -893px
    }

    .sam__spot1 {
        left: 100px;
        top: -855px
    }
}

@media screen and (max-width: 1300px) and (max-height: 700px) {
    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .sam__pyramid {
        left: 0
    }

    .sam__spot2 {
        left: -82px
    }

    .sam__spot1 {
        left: -18px
    }
}

@media screen and (max-width: 1300px) and (max-height: 640px) {
    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    .sam__people {
        height: 89px
    }
}

@media screen and (max-width: 1200px) and (orientation: landscape) {
    .sam__people {
        height: 76px
    }

    .sam__info {
        padding: 35px 35px 0 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sam__pyramid {
        left: -24px
    }

    .sam__pers {
        left: 4px
    }

    .sam__title {
        font-size: 38px;
        line-height: 57px;
        text-align: right;
        margin: 0 0 20px 0
    }

    .sam__bonus {
        font-size: 50px;
        line-height: 65px;
        text-align: right
    }

    .sam__bonus-2 {
        margin: 0 0 20px 0
    }

    .sam__row {
        margin: 0 0 24px 0
    }

    .sam__item {
        font-size: 20px;
        line-height: 25px
    }

    .sam__item:not(:last-child) {
        margin: 0 25px 0 0
    }

    .sam__item img {
        max-width: 40px
    }

    .sam__link {
        font-size: 16px;
        line-height: 21px;
        padding: 20px 35px 18px
    }
}

@media screen and (max-width: 1200px) and (orientation: landscape) and (max-height: 650px) {
    .sam__info {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (max-width: 1050px) and (orientation: landscape) {
    .sam__pyramid {
        left: -24px
    }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
    .sam__pyramid {
        left: -75px
    }
}

@media screen and (max-width: 910px) and (orientation: landscape) {
    .sam__pyramid {
        left: -129px
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
    .sam__people {
        height: 101px
    }

    .sam__logo {
        max-width: 277px
    }

    .sam__statue {
        background: 0 0;
        display: none
    }

    .sam__pers {
        top: 24%;
        left: -151px
    }

    .sam__pyramid {
        left: 0;
        width: 100%;
        top: 34%;
        position: absolute
    }

    .sam__salut1 {
        top: -405px;
        left: -54px;
        width: 35vh;
        height: 35vh
    }

    .sam__salut2 {
        width: 30vh;
        height: 30vh;
        top: -170px;
        left: 309px
    }

    .sam__salut3 {
        width: 20vh;
        height: 20vh;
        bottom: 279px
    }

    .sam__salut4 {
        width: 15vh;
        height: 15vh;
        bottom: 363px;
        right: -76px
    }

    .sam__info {
        padding: 85px 45px 0 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sam__title {
        font-size: 38px;
        line-height: 60px;
        text-align: right;
        padding: 0 13px;
        margin: 0 0 20px 0
    }

    .sam__bonus {
        font-size: 50px;
        line-height: 65px
    }

    .sam__bonus-2 {
        margin: 0 0 20px 0
    }

    .sam__row {
        margin: 0 0 24px 0
    }

    .sam__item {
        font-size: 20px;
        line-height: 25px
    }

    .sam__item:not(:last-child) {
        margin: 0 26px 0 0
    }

    .sam__item img {
        max-width: 40px
    }

    .sam__link {
        font-size: 16px;
        line-height: 21px;
        padding: 20px 35px 18px
    }

    .sam__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        right: auto;
        left: 15px;
        bottom: 10px
    }

    .sam__footer .text {
        margin: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        text-align: left
    }

    .sam__footer .img1 {
        margin: 0 0 10px 0;
        max-width: 44px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sam__footer .img2 {
        margin: 0 0 10px 0;
        max-width: 44px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait) and (min-height: 1050px) {
    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25)
    }

    .sam__pyramid {
        top: 44%
    }

    .sam__pers {
        width: 51vh;
        top: 41%
    }

    .sam__spot1 {
        left: -29px;
        top: -770px
    }

    .sam__spot2 {
        left: -83px;
        top: -806px
    }

    .sam__spot3 {
        bottom: 468px;
        right: 238px
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait) and (min-height: 1150px) {
    .sam__pyramid {
        top: 42%
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait) and (min-height: 1170px) {
    .sam__pyramid {
        top: 43%;
        width: 110%
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait) and (min-height: 1250px) {
    .sam__pyramid {
        width: 110%
    }
}

@media screen and (max-width: 850px) and (orientation: portrait) {
    .sam__pers {
        width: 48vh;
        top: 43%;
        left: -126px
    }

    .sam__spot3 {
        bottom: 429px;
        right: 53px
    }
}

@media screen and (max-width: 850px) and (orientation: portrait) and (max-height: 1050px) {
    .sam__salut1 {
        top: -209px
    }

    .sam__salut2 {
        top: -28px;
        left: 208px
    }

    .sam__pyramid {
        top: 39.5%
    }

    .sam__pers {
        width: 51vh;
        top: 40%
    }

    .sam__spot1 {
        left: -29px;
        top: -770px
    }

    .sam__spot2 {
        left: -83px;
        top: -806px
    }

    .sam__spot3 {
        bottom: 429px;
        right: 53px
    }
}

@media screen and (max-width: 800px) and (orientation: portrait) and (min-height: 1000px) {
    .sam__pyramid {
        top: 40%;
        width: 110%
    }

    .sam__salut1 {
        top: -270px
    }
}

@media screen and (max-width: 780px) and (orientation: portrait) {
    .sam__pers {
        left: -115px
    }
}

@media screen and (max-width: 780px) and (orientation: portrait) and (max-height: 910px) {
    .sam__pers {
        left: -102px
    }
}

@media screen and (max-width: 780px) and (orientation: portrait) and (min-height: 1050px) {
    .sam__info {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .sam__pyramid {
        top: 42%
    }
}

@media screen and (max-width: 720px) and (orientation: portrait) {
    .sam__pyramid {
        top: 44%
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    .sam {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sam__logo {
        max-width: 184px
    }

    .sam__info {
        width: 100%;
        height: 100%;
        padding: 80px 0 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sam__title {
        text-align: center;
        font-size: 23px;
        line-height: 32px;
        padding: 3px 11px 1px;
        margin: 0 0 15px 0
    }

    .sam__bonus {
        font-size: 39px;
        line-height: 48px;
        text-align: center
    }

    .sam__bonus-2 {
        margin: 0 0 10px 0
    }

    .sam__row {
        margin-bottom: auto
    }

    .sam__item {
        font-size: 18px;
        line-height: 24px
    }

    .sam__item img {
        max-width: 35px
    }

    .sam__item:not(:last-child) {
        margin: 0 18px 0 0
    }

    .sam__footer {
        left: 8px;
        bottom: 94px
    }

    .sam__footer .text {
        font-size: 7.14286px;
        line-height: 9px
    }

    .sam__footer .img1 {
        max-width: 31px;
        margin: 0 0 7px 0
    }

    .sam__footer .img2 {
        max-width: 31px;
        margin: 0 0 7px 0
    }

    .sam .wrapper-mob {
        padding: 17px 15px 8px;
        background: #005;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sam__link {
        font-size: 18px;
        line-height: 23px;
        width: 100%;
        padding: 15px 15px 13px;
        text-align: center;
        margin: 0 0 10px 0
    }

    .sam__pers {
        width: 72%;
        height: auto;
        top: auto;
        left: -66px;
        bottom: 73px
    }

    .sam__pyramid {
        height: auto;
        top: auto;
        bottom: 73px;
        width: 100%
    }

    .sam__salut1 {
        top: 35px;
        width: 25vh;
        height: 25vh;
        left: auto;
        right: 24px
    }

    .sam__salut2 {
        top: -71px;
        left: -40px;
        width: 23vh;
        height: 23vh
    }

    .sam__salut3 {
        background: 0 0;
        display: none
    }

    .sam__salut4 {
        background: 0 0;
        display: none
    }

    .sam__spot1, .sam__spot2 {
        background: 0 0;
        display: none
    }

    .sam__spot3 {
        bottom: 145px;
        right: 81px
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) and (min-height: 800px) {
    .sam__pers {
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        left: -48px
    }

    .sam__salut2 {
        top: -199px
    }
}

@media screen and (max-width: 400px) and (orientation: portrait) {
    .sam__bonus {
        font-size: 38px;
        line-height: 42px;
    }

    .sam__item {
        font-size: 15px;
        line-height: 20px;
    }

    .sam__item img {
        max-width: 26px;
    }
}

@media screen and (max-width: 400px) and (orientation: portrait) and (max-height: 675px) {
    .sam__pers {
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        left: -51px
    }
}

@media screen and (max-width: 380px) and (orientation: portrait) and (max-height: 680px) {
    .sam__pyramid {
        bottom: 43px
    }

    .sam__pers {
        bottom: 61px
    }
}

@media screen and (max-width: 380px) and (orientation: portrait) and (max-height: 630px) {
    .sam__pers {
        bottom: 52px
    }
}

@media screen and (max-width: 380px) and (orientation: portrait) and (max-height: 580px) {
    .sam__pers {
        bottom: 98px
    }

    .sam__salut1 {
        top: -159px;
        right: -57px
    }

    .sam__title {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        margin: 0 0 4px 0
    }

    .sam__bonus {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .sam__bonus-2 {
        margin: 0 0 -2px 0
    }

    .sam__row {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .sam .wrapper-mob {
        padding: 10px 15px 0
    }

    .sam__pyramid {
        bottom: 28px
    }

    .sam__pers {
        bottom: 38px;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .sam__footer {
        bottom: 77px
    }
}

@media screen and (max-width: 380px) and (orientation: portrait) and (max-height: 550px) {
    .sam__pers {
        bottom: 19px
    }

    .sam__pyramid {
        bottom: 21px
    }
}

@media screen and (max-width: 370px) and (orientation: portrait) {
    .sam__pers {
        left: -41px
    }
}

@media screen and (max-width: 355px) and (orientation: portrait) {
    .sam__bonus {
        font-size: 32px;
        line-height: 38px;
    }

    .sam__pers {
        left: -34px
    }

    .sam__item {
        font-size: 13px;
        line-height: 18px;
    }
}

@media screen and (max-width: 335px) and (orientation: portrait) and (max-height: 575px) {
    .sam__pers {
        bottom: 64px;
        -webkit-transform: scale(.83);
        -ms-transform: scale(.83);
        transform: scale(.83)
    }
}

@media screen and (max-width: 940px) and (orientation: landscape) and (max-height: 450px) {
    .sam__logo {
        max-width: 174px
    }

    .sam__pyramid {
        width: 100%;
        height: auto;
        top: auto;
        bottom: 0;
        left: -170px
    }

    .sam__pers {
        left: -24px;
        top: 25%
    }

    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .sam__people {
        height: 50px
    }

    .sam__footer {
        -webkit-transform: scale(.65);
        -ms-transform: scale(.65);
        transform: scale(.65);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        bottom: 6px
    }

    .sam__spot3 {
        bottom: -10px;
        right: 160px
    }
}

@media screen and (max-width: 920px) and (orientation: landscape) and (max-height: 380px) {
    .sam__pyramid {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@media screen and (max-width: 920px) and (orientation: landscape) and (max-height: 345px) {
    .sam__pyramid {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        left: -85px
    }

    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

@media screen and (max-width: 920px) and (orientation: landscape) and (max-height: 310px) {
    .sam__pyramid {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        left: -85px
    }

    .sam__info {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.55);
        -ms-transform: scale(.55);
        transform: scale(.55)
    }
}