a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    vertical-align: baseline

}



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

    display: block

}



body {

    line-height: 1

}



ol,ul {

    list-style: none

}



blockquote,q {

    quotes: none

}



blockquote:after,blockquote:before,q:after,q:before {

    content: ""

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



input,select,textarea {

    font-family: inherit;

    font-size: inherit;

    color: inherit

}



input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover {

    -webkit-text-fill-color: #393939;

    -webkit-box-shadow: 0 0 0 1000px transparent inset;

    -webkit-transition: background-color 5000s ease-in-out 0s;

    transition: background-color 5000s ease-in-out 0s

}



input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0

}



a {

    text-decoration: none;

    color: inherit;

    outline: none

}



img,video {

    max-width: 100%

}



html {

    background: #6560ca;

    font-size: .83333333vw;

    font-family: Montserrat;

    font-weight: 900

}



body,html {

    height: 100%

}



body {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-tap-highlight-color: transparent

}



@media (max-aspect-ratio: 71/25) and (orientation:landscape) {

    html {

        font-size:.64vw

    }

}



@media (max-aspect-ratio: 142/55) and (orientation:landscape) {

    html {

        font-size:.68vw

    }

}



@media (max-aspect-ratio: 71/30) and (orientation:landscape) {

    html {

        font-size:.73vw

    }

}



@media (max-aspect-ratio: 142/65) and (orientation:landscape) {

    html {

        font-size:.83333333vw

    }

}



@media (max-aspect-ratio: 142/75) and (orientation:landscape) {

    html {

        font-size:.86vw

    }

}



@media (max-aspect-ratio: 71/40) and (orientation:landscape) {

    html {

        font-size:.9vw

    }

}



@media (max-aspect-ratio: 142/85) and (orientation:landscape) {

    html {

        font-size:.94vw

    }

}



@media (max-aspect-ratio: 71/45) and (orientation:landscape) {

    html {

        font-size:.98vw

    }

}



@media (max-aspect-ratio: 142/95) and (orientation:landscape) {

    html {

        font-size:1.02vw

    }

}



@media (max-aspect-ratio: 71/50) and (orientation:landscape) {

    html {

        font-size:1.06vw

    }

}



@media (max-aspect-ratio: 142/105) and (orientation:landscape) {

    html {

        font-size:1.12vw

    }

}



@media (max-aspect-ratio: 71/60) and (orientation:landscape) {

    html {

        font-size:1.17vw

    }

}



@media (max-width: 1024px) and (orientation:portrait) {

    html {

        font-size:1.6vw

    }

}



@media (max-width: 500px) and (orientation:portrait) {

    html {

        font-size:1.88vw

    }

}



@font-face {

    font-family: Montserrat;

    src: url(../images/Montserrat-Bold.woff2) format("woff2"),url(../images/Montserrat-Bold.html) format("woff");

    font-weight: 700;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: Montserrat;

    src: url(../images/Montserrat-Black.woff2) format("woff2"),url(../images/Montserrat-Black.html) format("woff");

    font-weight: 900;

    font-style: normal;

    font-display: swap

}



.body-wrap {

    height: 100%;

    background: url(../images/bg.jpg) no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    background-position: bottom;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -moz-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -moz-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.body-wrap,.header {

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex

}



.header {

    width: 100%;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 1.875em;

    z-index: 50

}



.header__logo {

    position: relative;

    width: 17.5em;

    cursor: pointer

}



.header__logo img {

    width: 100%;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.header__logo:hover img {

    -webkit-transform: scale(.98);

    -moz-transform: scale(.98);

    -ms-transform: scale(.98);

    transform: scale(.98);

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media (max-width: 1024px) and (orientation:portrait) {

    .header {

        margin-top:3.125em

    }

}



@media (max-width: 500px) and (orientation:portrait) {

    .header {

        margin-top:.625em

    }

}



.footer {

    width: 100%;

    -webkit-box-align: start;

    -moz-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding-bottom: 1.25em;

    z-index: 5

}



.footer,.footer__items {

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.footer__items {

    width: 45em;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.footer__item {

    position: relative;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin-left: 1.25em;

    margin-right: 1.25em;

    -webkit-filter: drop-shadow(0 0 .625em rgba(0,0,0,.7));

    filter: drop-shadow(0 0 .625em rgba(0,0,0,.7))

}



.footer__item:first-child {

    width: 10.25em

}



.footer__item:nth-child(2) {

    width: 3.5625em

}



.footer__item:nth-child(3) {

    width: 7.375em

}



.footer__item:nth-child(4) {

    width: 6.0625em

}



.footer__item:nth-child(5) {

    width: 3.375em

}



.footer__item:nth-child(6) {

    width: 6.875em

}



.footer__item:nth-child(7) {

    width: 5.125em

}



.footer__item:nth-child(8) {

    width: 3.375em

}



.footer__item:nth-child(9) {

    width: 2em

}



.footer__item img {

    width: 100%;

    -webkit-filter: drop-shadow(0 0 .625em rgba(0,0,0,.7));

    filter: drop-shadow(0 0 .625em rgba(0,0,0,.7))

}



@media (max-width: 500px) and (orientation:portrait) {

    .footer {

        margin-top:2.5em

    }



    .footer:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: -.625em;

        width: 100%;

        height: 15.625em;

        background: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.6)),to(transparent));

        background: -moz-linear-gradient(bottom,rgba(0,0,0,.6),transparent);

        background: linear-gradient(0deg,rgba(0,0,0,.6),transparent);

        z-index: -1

    }



    .footer__items {

        font-size: 1.6rem;

        width: 100%

    }



    .footer__item {

        margin-left: .625em;

        margin-right: .625em

    }

}



.main {

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: end;

    -moz-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto

}



.main,.main__wheel_block {

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.main__wheel_block {

    width: 36.375em;

    height: 36.375em;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 5em

}



.main__wheel_circle_back {

    position: absolute;

    width: 36.3125em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 0

}



.main__wheel_circle_back img {

    width: 100%

}



.main__wheel_circle_main {

    position: absolute;

    width: 32.0625em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 1

}



.main__wheel_circle_main img {

    width: 100%

}



.main__wheel_circle_main.static img {

    -webkit-animation: 2s a ease-in-out infinite alternate;

    -moz-animation: 2s a ease-in-out infinite alternate;

    animation: 2s a ease-in-out infinite alternate

}



.main__wheel_circle_main.firstrot {

    -webkit-animation: 4s b ease-out forwards;

    -moz-animation: 4s b ease-out forwards;

    animation: 4s b ease-out forwards

}



.main__wheel_circle_main.secondrot {

    -webkit-animation: 4s c ease-out forwards;

    -moz-animation: 4s c ease-out forwards;

    animation: 4s c ease-out forwards

}



.main__wheel_circle_arr {

    position: absolute;

    width: 4.5625em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 4;

    top: -.125em

}



.main__wheel_circle_arr img {

    width: 100%

}



.main__wheel_circle_glow_1 {

    position: absolute;

    width: 13.9375em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 2;

    top: 1em;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-left: -.125em;

    opacity: 0

}



.main__wheel_circle_glow_1 img {

    width: 100%;

    -webkit-animation: 1s g linear infinite;

    -moz-animation: 1s g linear infinite;

    animation: 1s g linear infinite

}



.main__wheel_circle_glow_1.glow-add {

    -webkit-transition: .4s ease-in-out;

    -moz-transition: .4s ease-in-out;

    transition: .4s ease-in-out;

    opacity: 1

}



.main__wheel_circle_glow_2 {

    position: absolute;

    width: 14.25em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 3;

    top: 1.125em;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-left: -.25em;

    opacity: 0

}



.main__wheel_circle_glow_2 img {

    width: 100%;

    -webkit-animation: 1s g linear infinite;

    -moz-animation: 1s g linear infinite;

    animation: 1s g linear infinite;

    -webkit-animation-delay: .4s;

    -moz-animation-delay: .4s;

    animation-delay: .4s

}



.main__wheel_circle_glow_2.glow-add {

    -webkit-transition: .4s ease-in-out;

    -moz-transition: .4s ease-in-out;

    transition: .4s ease-in-out;

    opacity: 1

}



.main__wheel_btn_main {

    position: absolute;

    width: 9.25em;

    z-index: 5;

    cursor: pointer;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.main__wheel_btn_main img {

    width: 100%

}



.main__wheel_btn_main:hover {

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transform: scale(.98);

    -moz-transform: scale(.98);

    -ms-transform: scale(.98);

    transform: scale(.98);

    -webkit-filter: brightness(1.1) hue-rotate(-10deg);

    filter: brightness(1.1) hue-rotate(-10deg)

}



.main__wheel_btn_main.dismiss {

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-filter: grayscale(1);

    filter: grayscale(1)

}



.main__pergament_1 {

    position: absolute;

    width: 11.4375em;

    height: 13.125em;

    background: url(../images/pergament.png) no-repeat;

    -moz-background-size: 100% 100%;

    background-size: 100% 100%;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    margin-left: -27.5em;

    margin-top: -8.125em;

    z-index: 5

}



.main__pergament_1.second {

    margin-top: 9.375em

}



.main__pergament_1_text_1 {

    position: absolute;

    width: 100%;

    text-align: center

}



.main__pergament_1_text_1.dismiss {

    -webkit-animation: 1s e ease-in-out forwards;

    -moz-animation: 1s e ease-in-out forwards;

    animation: 1s e ease-in-out forwards

}



.main__pergament_1_text_1 span {

    font-size: 1.125em;

    text-transform: uppercase;

    color: #af6301;

    font-weight: 700;

    line-height: 1.2

}



.main__pergament_1_text_2 {

    position: relative;

    width: 100%;

    text-align: center;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    opacity: 0;

    -webkit-transform: scale(.2);

    -moz-transform: scale(.2);

    -ms-transform: scale(.2);

    transform: scale(.2)

}



.main__pergament_1_text_2.first-anim {

    -webkit-animation: .8s f ease-in-out forwards;

    -moz-animation: .8s f ease-in-out forwards;

    animation: .8s f ease-in-out forwards

}



.main__pergament_1_text_2_1 {

    position: relative;

    width: 100%

}



.main__pergament_1_text_2_1 span {

    font-size: 1.125em;

    text-transform: uppercase;

    color: #af6301;

    font-weight: 700;

    line-height: 1.2

}



.main__pergament_1_text_2_2 {

    position: relative;

    width: 100%

}



.main__pergament_1_text_2_2 span {

    font-size: 1.0625em;

    text-transform: uppercase;

    font-weight: 900;

    line-height: 1;

    background-image: -webkit-gradient(linear,left bottom, left top,from(#9929ea),to(#5808fb));

    background-image: -moz-linear-gradient(bottom,#9929ea,#5808fb);

    background-image: linear-gradient(0deg,#9929ea,#5808fb);

    text-shadow: 0 .05882em .05882em rgba(0,0,0,.3);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: block

}



.main__pergament_1_text_2_2 span:first-child {

    font-size: 3.625em

}



.main__pergament_1_text_2_3 {

    position: relative;

    width: 100%

}



.main__pergament_1_text_2_3 span {

    font-size: 1.0625em;

    text-transform: uppercase;

    font-weight: 900;

    line-height: 1.1;

    background-image: -webkit-gradient(linear,left bottom, left top,from(#9929ea),to(#5808fb));

    background-image: -moz-linear-gradient(bottom,#9929ea,#5808fb);

    background-image: linear-gradient(0deg,#9929ea,#5808fb);

    text-shadow: 0 .05882em .05882em rgba(0,0,0,.3);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: block

}



.main__pergament_1_text_2_3 span:first-child {

    font-size: 2.1875em

}



.main__zeus_block {

    right: 19.375em;

    bottom: -6.5625em;

    height: 50.0625em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.main__zeus,.main__zeus_block {

    position: absolute;

    width: 24.25em

}



.main__zeus {

    left: 0;

    top: 0;

    z-index: 5

}



.main__zeus img {

    width: 100%

}



.main #canvas {

    top: -8.625em;

    right: -15.5em;

    -webkit-transform: rotate(210deg);

    -moz-transform: rotate(210deg);

    -ms-transform: rotate(210deg);

    transform: rotate(210deg);

    mix-blend-mode: color-dodge;

    width: 31.25em;

    height: 31.25em;

    z-index: 6;

    opacity: 0

}



.main #canvas,.main__flash_2 {

    position: absolute;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.main__flash_2 {

    width: 62.5em;

    z-index: 4;

    bottom: -13.75em;

    left: -56.25em

}



.main__flash_2 img {

    width: 100%;

    -webkit-animation: 1s h ease-in-out infinite;

    -moz-animation: 1s h ease-in-out infinite;

    animation: 1s h ease-in-out infinite

}



.flash_1 {

    position: absolute;

    width: 42.9375em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 4;

    top: -4.6875em;

    right: 0

}



.flash_1 img {

    width: 100%;

    -webkit-animation: 1s h ease-in-out infinite;

    -moz-animation: 1s h ease-in-out infinite;

    animation: 1s h ease-in-out infinite

}



.bg-item-1 {

    position: absolute;

    width: 10.1875em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 4;

    left: 17.5em;

    top: 3.125em

}



.bg-item-1 img {

    width: 100%;

    opacity: 0;

    -webkit-transform: translate(-6.25em,-6.25em) rotate(-100deg);

    -moz-transform: translate(-6.25em,-6.25em) rotate(-100deg);

    -ms-transform: translate(-6.25em,-6.25em) rotate(-100deg);

    transform: translate(-6.25em,-6.25em) rotate(-100deg)

}



.bg-item-2 {

    position: absolute;

    width: 14.1875em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 4;

    left: 10em;

    bottom: 3.125em

}



.bg-item-2 img {

    width: 100%;

    opacity: 0;

    -webkit-transform: translate(-8.75em,6.25em) rotate(70deg);

    -moz-transform: translate(-8.75em,6.25em) rotate(70deg);

    -ms-transform: translate(-8.75em,6.25em) rotate(70deg);

    transform: translate(-8.75em,6.25em) rotate(70deg)

}



.bg-item-3 {

    position: absolute;

    width: 12.8125em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 4;

    right: 7.5em;

    top: 3.125em

}



.bg-item-3 img {

    width: 100%;

    opacity: 0;

    -webkit-transform: translate(8.75em,-6.25em) rotate(-70deg);

    -moz-transform: translate(8.75em,-6.25em) rotate(-70deg);

    -ms-transform: translate(8.75em,-6.25em) rotate(-70deg);

    transform: translate(8.75em,-6.25em) rotate(-70deg)

}



.bg-item-4 {

    position: absolute;

    width: 14.4375em;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 4;

    right: 3.125em;

    bottom: 3.125em

}



.bg-item-4 img {

    width: 100%;

    opacity: 0;

    -webkit-transform: translate(8.75em,6.25em) rotate(30deg);

    -moz-transform: translate(8.75em,6.25em) rotate(30deg);

    -ms-transform: translate(8.75em,6.25em) rotate(30deg);

    transform: translate(8.75em,6.25em) rotate(30deg)

}



@media (max-aspect-ratio: 142/75) and (orientation:landscape) {

    .main__zeus_block {

        right:17.5em

    }

}



@media (max-aspect-ratio: 142/85) and (orientation:landscape) {

    .main__zeus_block {

        right:12.5em

    }



    .bg-item-1 {

        left: 12.5em

    }



    .bg-item-2 {

        left: 5em

    }



    .bg-item-3 {

        right: 2.5em

    }



    .bg-item-4 {

        right: 1.875em;

        bottom: 1.875em

    }

}



@media (max-aspect-ratio: 142/95) and (orientation:landscape) {

    .main__zeus_block {

        right:8.125em

    }



    .bg-item-1 {

        left: 10em

    }



    .bg-item-2 {

        left: 1.875em

    }



    .bg-item-3 {

        right: 1.25em

    }



    .bg-item-4 {

        right: .625em;

        bottom: .625em

    }

}



@media (max-aspect-ratio: 142/105) and (orientation:landscape) {

    .main__zeus_block {

        right:5em

    }



    .bg-item-1 {

        left: 7.5em

    }



    .bg-item-2 {

        left: .625em

    }



    .bg-item-3 {

        right: 0

    }



    .bg-item-4 {

        right: -.625em;

        bottom: -.625em

    }

}



@media (max-aspect-ratio: 71/55) and (orientation:landscape) {

    .main__wheel_block {

        font-size:1.1rem

    }

}



@media (max-aspect-ratio: 142/115) and (orientation:landscape) {

    .main__wheel_block {

        font-size:1.2rem

    }

}



@media (max-aspect-ratio: 71/60) and (orientation:landscape) {

    .main__zeus_block {

        right:.625em

    }



    .bg-item-2 {

        left: -1.875em

    }



    .bg-item-3 {

        right: -3.125em

    }



    .bg-item-4 {

        right: -2.5em;

        bottom: -2.5em

    }

}



@media (max-aspect-ratio: 142/125) and (orientation:landscape) {

    .main__wheel_block {

        margin-bottom:7.5em

    }

}



@media (max-aspect-ratio: 71/65) and (orientation:landscape) {

    .main__wheel_block {

        margin-bottom:10.625em

    }

}



@media (max-width: 1024px) and (orientation:portrait) {

    .main {

        -webkit-box-pack:start;

        -moz-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }



    .main__wheel_block {

        margin-bottom: 0;

        margin-top: 5em

    }



    .main__pergament_1 {

        margin-left: -22.5em;

        font-size: 1.1rem

    }



    .main__zeus_block {

        right: -5em;

        bottom: 6.25em

    }



    .main__flash_2 {

        bottom: -18.75em;

        left: -53.125em

    }



    .bg-item-1 {

        left: 4.375em;

        top: 5.625em;

        width: 8.75em

    }



    .bg-item-2 {

        width: 10.625em;

        left: 3.75em;

        bottom: unset;

        top: 51.875em

    }



    .bg-item-3 {

        width: 12.1875em;

        right: 1.25em;

        top: 1.25em

    }



    .bg-item-4 {

        width: 13.125em;

        right: -3.75em;

        bottom: 7.5em

    }



    .flash_1 {

        width: 42.9375em;

        top: 0;

        right: -21.875em;

        z-index: 5

    }

}



@media (max-width: 500px) and (orientation:portrait) {

    .bg-item-1,.bg-item-4 {

        display:none

    }



    .bg-item-2 {

        width: 15em;

        left: 3.75em;

        top: 68.75em

    }



    .bg-item-3 {

        top: 81.25em

    }



    .main__wheel_block {

        margin-top: 10em;

        left: 0;

        font-size: 1.44rem;

        z-index: 2

    }



    .main__pergament_1 {

        margin-left: -13.75em;

        margin-top: -20em;

        z-index: 5;

        font-size: 1.3rem

    }



    .main__pergament_1.second {

        margin-top: -20em;

        margin-left: 13.75em;

        z-index: 5

    }



    .main__zeus_block {

        right: 13.125em;

        top: 1.5625em;

        bottom: unset;

        width: 24.25em;

        height: 50.0625em;

        pointer-events: none;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -moz-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .main__zeus {

        width: 26.25em;

        z-index: 0

    }



    .main #canvas {

        top: -7.375em;

        right: -17em;

        z-index: 0

    }



    .flash_1,.main__flash_2 {

        z-index: 0

    }

}



.modal-window {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.8);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    z-index: 10;

    font-size: 1rem;

    font-family: Montserrat;

    font-weight: 700

}



.modal-window:not(.open) {

    opacity: 0;

    visibility: hidden;

    pointer-events: none

}



.modal-window:before {

    content: "";

    position: absolute;

    z-index: 0;

    width: 100%;

    height: 100%;

    background: url(../images/popup-bg-bg.png) no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    background-position: top;

    -webkit-animation: 1s d ease-in-out infinite alternate;

    -moz-animation: 1s d ease-in-out infinite alternate;

    animation: 1s d ease-in-out infinite alternate

}



.modal {

    position: fixed;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    margin-top: -6.25em;

    width: 48.5em;

    height: 24.625em;

    background: url(../images/popup-bg.png) no-repeat;

    -moz-background-size: contain;

    background-size: contain;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 1

}



.modal__text_1 {

    position: relative;

    width: 100%;

    text-align: center;

    margin-top: 4.375em

}



.modal__text_1 span {

    font-size: 2.25em;

    color: #acf253;

    text-transform: uppercase;

    font-weight: 700;

    text-shadow: 0 .11111em .13889em rgba(0,0,0,.8);

    letter-spacing: .05em

}



.modal__text_2 {

    position: relative;

    width: 100%;

    text-align: center;

    margin-top: 2.5em

}



.modal__text_2 span {

    font-size: 1.5em;

    color: #fdfdfd;

    text-transform: uppercase;

    font-weight: 700

}



.modal__text_3 {

    position: relative;

    width: 100%;

    text-align: center;

    margin-top: .625em

}



.modal__text_3 span {

    font-size: 1.875em;

    color: #fdfdfd;

    line-height: 1.3;

    text-transform: uppercase;

    font-weight: 700

}



.modal__btn {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: -8.75em;

    width: 43.375em;

    height: 7.5em;

    background: url(../images/popup-btn.png) no-repeat;

    -moz-background-size: contain;

    background-size: contain;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.modal__btn span {

    font-weight: 700;

    font-size: 1.9em;

    color: #fdfdfd;

    text-transform: uppercase;

    letter-spacing: .05em;

    text-shadow: 0 .05em .25em rgba(0,0,0,.6)

}



.modal__btn:hover {

    -webkit-filter: hue-rotate(-100deg);

    filter: hue-rotate(-100deg);

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



@media (max-width: 500px) and (orientation:portrait) {

    .modal-window {

        font-size:1.05rem

    }



    .modal-window .modal {

        top: 21.875em;

        -webkit-transform: translateY(0) translateX(-50%);

        -moz-transform: translateY(0) translateX(-50%);

        -ms-transform: translateY(0) translateX(-50%);

        transform: translateY(0) translateX(-50%)

    }



    .modal-window .modal__text_1 {

        font-size: 1.4rem

    }



    .modal-window .modal__text_2 {

        font-size: 1.4rem;

        margin-top: 1.25em

    }



    .modal-window .modal__text_3 {

        font-size: 1.4rem;

        margin-top: .5em

    }

}



@-webkit-keyframes a {

    0% {

        -webkit-transform: rotate(-20deg);

        transform: rotate(-20deg)

    }



    to {

        -webkit-transform: rotate(20deg);

        transform: rotate(20deg)

    }

}



@-moz-keyframes a {

    0% {

        -moz-transform: rotate(-20deg);

        transform: rotate(-20deg)

    }



    to {

        -moz-transform: rotate(20deg);

        transform: rotate(20deg)

    }

}



@keyframes a {

    0% {

        -webkit-transform: rotate(-20deg);

        -moz-transform: rotate(-20deg);

        transform: rotate(-20deg)

    }



    to {

        -webkit-transform: rotate(20deg);

        -moz-transform: rotate(20deg);

        transform: rotate(20deg)

    }

}



@-webkit-keyframes b {

    to {

        -webkit-transform: rotate(4turn);

        transform: rotate(4turn)

    }

}



@-moz-keyframes b {

    to {

        -moz-transform: rotate(4turn);

        transform: rotate(4turn)

    }

}



@keyframes b {

    to {

        -webkit-transform: rotate(4turn);

        -moz-transform: rotate(4turn);

        transform: rotate(4turn)

    }

}



@-webkit-keyframes c {

    0% {

        -webkit-transform: rotate(4turn);

        transform: rotate(4turn)

    }



    to {

        -webkit-transform: rotate(3195deg);

        transform: rotate(3195deg)

    }

}



@-moz-keyframes c {

    0% {

        -moz-transform: rotate(4turn);

        transform: rotate(4turn)

    }



    to {

        -moz-transform: rotate(3195deg);

        transform: rotate(3195deg)

    }

}



@keyframes c {

    0% {

        -webkit-transform: rotate(4turn);

        -moz-transform: rotate(4turn);

        transform: rotate(4turn)

    }



    to {

        -webkit-transform: rotate(3195deg);

        -moz-transform: rotate(3195deg);

        transform: rotate(3195deg)

    }

}



@-webkit-keyframes d {

    0% {

        opacity: 1

    }



    to {

        opacity: .2

    }

}



@-moz-keyframes d {

    0% {

        opacity: 1

    }



    to {

        opacity: .2

    }

}



@keyframes d {

    0% {

        opacity: 1

    }



    to {

        opacity: .2

    }

}



@-webkit-keyframes e {

    to {

        opacity: 0;

        -webkit-transform: scale(.4);

        transform: scale(.4)

    }

}



@-moz-keyframes e {

    to {

        opacity: 0;

        -moz-transform: scale(.4);

        transform: scale(.4)

    }

}



@keyframes e {

    to {

        opacity: 0;

        -webkit-transform: scale(.4);

        -moz-transform: scale(.4);

        transform: scale(.4)

    }

}



@-webkit-keyframes f {

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-moz-keyframes f {

    to {

        opacity: 1;

        -moz-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes f {

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes g {

    0% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    10% {

        opacity: .8;

        -webkit-transform: scaleX(.98);

        transform: scaleX(.98)

    }



    20% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        opacity: .2;

        -webkit-transform: scaleX(1.04);

        transform: scaleX(1.04)

    }



    40% {

        opacity: .4;

        -webkit-transform: scaleX(.95);

        transform: scaleX(.95)

    }



    50% {

        opacity: .1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    60% {

        opacity: 1;

        -webkit-transform: scaleX(.92);

        transform: scaleX(.92)

    }



    70% {

        opacity: .2;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    80% {

        opacity: 1;

        -webkit-transform: scaleX(.97);

        transform: scaleX(.97)

    }



    90% {

        opacity: .5;

        -webkit-transform: scaleX(1.02);

        transform: scaleX(1.02)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-moz-keyframes g {

    0% {

        opacity: 1;

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    10% {

        opacity: .8;

        -moz-transform: scaleX(.98);

        transform: scaleX(.98)

    }



    20% {

        opacity: 1;

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        opacity: .2;

        -moz-transform: scaleX(1.04);

        transform: scaleX(1.04)

    }



    40% {

        opacity: .4;

        -moz-transform: scaleX(.95);

        transform: scaleX(.95)

    }



    50% {

        opacity: .1;

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    60% {

        opacity: 1;

        -moz-transform: scaleX(.92);

        transform: scaleX(.92)

    }



    70% {

        opacity: .2;

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    80% {

        opacity: 1;

        -moz-transform: scaleX(.97);

        transform: scaleX(.97)

    }



    90% {

        opacity: .5;

        -moz-transform: scaleX(1.02);

        transform: scaleX(1.02)

    }



    to {

        opacity: 1;

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes g {

    0% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    10% {

        opacity: .8;

        -webkit-transform: scaleX(.98);

        -moz-transform: scaleX(.98);

        transform: scaleX(.98)

    }



    20% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        opacity: .2;

        -webkit-transform: scaleX(1.04);

        -moz-transform: scaleX(1.04);

        transform: scaleX(1.04)

    }



    40% {

        opacity: .4;

        -webkit-transform: scaleX(.95);

        -moz-transform: scaleX(.95);

        transform: scaleX(.95)

    }



    50% {

        opacity: .1;

        -webkit-transform: scaleX(1);

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    60% {

        opacity: 1;

        -webkit-transform: scaleX(.92);

        -moz-transform: scaleX(.92);

        transform: scaleX(.92)

    }



    70% {

        opacity: .2;

        -webkit-transform: scaleX(1);

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }



    80% {

        opacity: 1;

        -webkit-transform: scaleX(.97);

        -moz-transform: scaleX(.97);

        transform: scaleX(.97)

    }



    90% {

        opacity: .5;

        -webkit-transform: scaleX(1.02);

        -moz-transform: scaleX(1.02);

        transform: scaleX(1.02)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        -moz-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-webkit-keyframes h {

    0% {

        opacity: 1

    }



    10% {

        opacity: .7

    }



    20% {

        opacity: 1

    }



    30% {

        opacity: .2

    }



    40% {

        opacity: .6

    }



    50% {

        opacity: .1

    }



    60% {

        opacity: 1

    }



    70% {

        opacity: .2

    }



    80% {

        opacity: 1

    }



    90% {

        opacity: .4

    }



    to {

        opacity: 1

    }

}



@-moz-keyframes h {

    0% {

        opacity: 1

    }



    10% {

        opacity: .7

    }



    20% {

        opacity: 1

    }



    30% {

        opacity: .2

    }



    40% {

        opacity: .6

    }



    50% {

        opacity: .1

    }



    60% {

        opacity: 1

    }



    70% {

        opacity: .2

    }



    80% {

        opacity: 1

    }



    90% {

        opacity: .4

    }



    to {

        opacity: 1

    }

}



@keyframes h {

    0% {

        opacity: 1

    }



    10% {

        opacity: .7

    }



    20% {

        opacity: 1

    }



    30% {

        opacity: .2

    }



    40% {

        opacity: .6

    }



    50% {

        opacity: .1

    }



    60% {

        opacity: 1

    }



    70% {

        opacity: .2

    }



    80% {

        opacity: 1

    }



    90% {

        opacity: .4

    }



    to {

        opacity: 1

    }

}



@-webkit-keyframes i {

    to {

        opacity: 1;

        -webkit-transform: translate(0) scale(1) rotate(0);

        transform: translate(0) scale(1) rotate(0)

    }

}



@-moz-keyframes i {

    to {

        opacity: 1;

        -moz-transform: translate(0) scale(1) rotate(0);

        transform: translate(0) scale(1) rotate(0)

    }

}



@keyframes i {

    to {

        opacity: 1;

        -webkit-transform: translate(0) scale(1) rotate(0);

        -moz-transform: translate(0) scale(1) rotate(0);

        transform: translate(0) scale(1) rotate(0)

    }

}



.anim {

    -webkit-animation: 1s i ease-in-out forwards;

    -moz-animation: 1s i ease-in-out forwards;

    animation: 1s i ease-in-out forwards

}



@-webkit-keyframes j {

    to {

        opacity: 1

    }

}



@-moz-keyframes j {

    to {

        opacity: 1

    }

}



@keyframes j {

    to {

        opacity: 1

    }

}



.anim-flash {

    -webkit-animation: .4s j ease-in-out forwards;

    -moz-animation: .4s j ease-in-out forwards;

    animation: .4s j ease-in-out forwards

}