e2ac2cc88f2ce2c47d744e87c94da7e99bd6dff3fba09ad658b140be593c1a7b

Source Code:

@import "//fonts.googleapis.com/css?family=Oswald|Montserrat:400,700";html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

header {
    display: block;
    z-index: 7;
}

video {
    display: inline-block;
    vertical-align: baseline
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

img {
    border: 0
}

input {
    margin: 0;
    font: inherit;
    color: inherit
}

input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

@media print {
    *,:after,:before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    img {
        page-break-inside: avoid;
        max-width: 100%!important
    }
}

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

:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #dfe3e4
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

img {
    vertical-align: middle
}

ul {
    margin-top: 0;
    margin-bottom: 10px
}
.hand {
    display: block;
    width: 49px;
    height: 100px;
    position: absolute;
    top: 120px;
    left: 280px;
    transform: translate(-50%,-20px);
    background: url(../img/hand1.png) no-repeat 0/contain;
    z-index: 6;
    animation-name: hand;
    animation-duration: .8s;
    animation-iteration-count: infinite;
}
@keyframes hand {
    0% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(-5px)
    }
}
.container::before {
    content: '';
    display: none;
    width: 522px;
    height: 370px;
    position: absolute;
    top: 140px;
    left: 0;
    background: url(../img/modal.png) no-repeat 0/contain;
    z-index: 1;
}

.container::after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.55);
    z-index: 3;
}

.container--modal::after {
    display: block
}

.container--modal .stripe {
    background: #fabe58;
    margin: 0;
}

.container--modal .stripe2,.container--modal .stripe3 {
    display: block
}

.modal2 {
    display: none;
    width: 708px;
    height: 391px;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/modal2-t.png) no-repeat 0/contain;
    z-index: 5
}

.modal2::after {
    content: '';
    display: block;
    width: 146px;
    height: 114px;
    background: url(../img/arrow.png) no-repeat 0/contain;
    position: absolute;
    top: 0;
    right: 100%
}

.container--modal .modal2 {
    display: block
}

.stripe {
    width: 100%;
    height: 100px;
    position: absolute;
    line-height: 100px;
    background: #22a7f0;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    z-index: 5;
    box-shadow: 0 0 18px 2px rgba(0,0,0,0.13)
}

.stripe1 {
    top: 40px
}

.stripe2 {
    display: none;
    top: 0;
    height: 40px;
    line-height: 40px
}

.stripe3 {
    display: none;
    width: 708px;
    top: 431px;
    left: 50%;
    transform: translateX(-50%)
}

.stripe strong {
    font-size: 2rem
}

.pc-title {
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: left;
    color: #404f66;
    font-weight: 700;
    margin: 2.3rem 0 1rem
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.btn:active:focus,.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:active,.btn-success:focus,.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active {
    background-image: none
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

:focus {
    outline: 0
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

header {
    display: block
}

video {
    display: inline-block;
    vertical-align: baseline
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

img {
    border: 0
}

input {
    color: inherit;
    font: inherit;
    margin: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

html,body {
    height: 100%;
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    font-size: 16px
}

html {
    min-width: 240px;
    background-color: #2a2a2a
}

body {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative
}

a:hover {
    color: #fff;
    text-decoration: none
}

.fon-click,.fon-click-link {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 999;
    left: 0
}

.fon-click-link {
    display: none
}

.content {
    width: 80%;
    height: 85%;
    text-align: center;
    position: absolute;
    top: 90px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    overflow: hidden;
    z-index: auto
}

@media (max-width: 768px) {
    .content {
        width:100%;
        height: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

img {
    width: 100%;
    height: auto
}

video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: #000;
    -ms-background-size: cover;
    background-size: cover
}

.sign {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 100;
    opacity: 0
}

.sign.visible {
    opacity: 1;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.texture {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.65) url(../img/texture.png) repeat;
    top: 0
}

.stop {
    position: absolute;
    width: 92%;
    height: 92%;
    top: 4%;
    left: 4%
}

.left-img {
    width: 8.4vw;
    max-width: 69px;
    float: left
}

.right-img {
    width: 4.4vw;
    max-width: 51px;
    float: right
}

.hd {
    display: block;
    float: left;
    font-weight: 400;
    font-size: 20px;
    font-size: 2.5vmin;
    color: #00adef;
    margin-left: 4px;
    margin-left: .3vw
}

.hd>span {
    background-color: rgba(0,0,0,.8);
    padding: 0 4px
}

.reg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.reg-info {
    margin: 0 auto;
    width: auto;
    max-width: 450px;
    background-color: rgba(0,0,0,.8);
    padding: 2%;
    color: #fff;
    font-size: 24px;
    font-size: 2.5vmin;
    font-weight: 700
}

.reg-info > span {
    display: block;
    font-weight: 400
}

.reg-info > .icon {
    margin: 0 auto 2%;
    width: 25%;
    max-width: 100px
}

@media screen and (orientation: landscape) {
    .reg-info > .icon {
        width:15%
    }
}

.reg-info > .icon img {
    display: block;
    width: 100%;
    height: auto
}

.continue {
    background-color: #cced1e;
    display: inline-block;
    padding: 3% 5%;
    font-size: 24px;
    font-size: 2.5vmin;
    color: #252525;
    text-decoration: none;
    margin-top: 5%
}

@media (max-width: 767px) {
    .continue {
        font-size:5vmin
    }

    .reg-info {
        font-size: 5vmin
    }
}

.scrubber {
    position: absolute;
    bottom: 18px;
    width: 100%
}

.panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background: #000
}

.left {
    float: left;
    width: 108px;
    height: 100%;
    background: transparent url(data:image/png;base64,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) repeat scroll 0 0 / contain
}

.right {
    position: relative;
    float: right;
    width: 207px;
    height: 100%;
    background: transparent url(data:image/png;base64,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) repeat scroll 0 0 / contain
}

#timer {
    position: absolute;
    top: 14px;
    left: 26px;
    height: 20px
}

.right-short {
    display: none;
    position: relative;
    float: right;
    width: 106px;
    height: 100%;
    background: transparent url(data:image/png;base64,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) repeat scroll 0 0 / contain
}

.mid-empty {
    position: relative;
    margin: 0 207px 0 108px;
    height: 50px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACJAgMAAACQmLqvAAAACVBMVEUFBQUAAABWVlbV9NFdAAAAF0lEQVQY02NwIAhpARpAkDyVlAP8/gUACewLASEuRPoAAAAASUVORK5CYII=) repeat scroll 0 0 / contain;
    overflow: hidden
}

.mid-full {
    position: relative;
    margin: -1px 0 0;
    width: 100%;
    height: 51px;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAACJBAMAAADXtKXZAAAAHlBMVEUBAQEAAAA/Pz88PDxERESCgoJ4eHg4ODh6enp+fn6rXizYAAAAcUlEQVQ4y+3UsQ3AIAxEUa+QFQgTQJEesQIrZAEKVsgCFGybs2UrUvooFHyJ0xMDmDZtOqz+6tQYF/egtVY5QUTUeAVVUe3nwOyIYgzBIQArcG8EA17igOQ5wPuMyCWswBmyIhlGLxKNouiG1ZdNcjduV1REuZX4m5MAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: contain;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: progress-bar-anim;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 12s;
    -moz-animation-iteration-count: 1;
    -moz-animation-name: progress-bar-anim;
    -moz-animation-timing-function: ease-in-out
}

@media only screen and (orientation : portrait) {
    .right {
        display:none
    }

    .right-short {
        display: block
    }

    .mid-empty {
        margin: 0 106px 0 108px
    }
}

@-webkit-keyframes progress-bar-anim {
    0% {
        width: 0
    }

    50% {
        width: 33%
    }

    100% {
        width: 100%
    }
}

.play-btn {
    display: none;
    width: auto
}

body {
    background: #dfe3e4;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    position: relative;
}

header {
    background: #000;
}

#menu {
    width: 80%;
    margin: 0 auto;
    max-width: 1100px;
    color: #fff;
    text-transform: uppercase;
    text-align: justify;
    display: flex;
    justify-content: space-around;
    opacity: 0.7;
}



@media screen and (max-width: 991px) {
    #menu ul.top-menu li a {
        height:40px;
        line-height: 40px;
        padding: 0 15px;
        margin: 0 5px;
        font-size: 14px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700
    }

    .container {
        width: 100%
    }

    .btn-login {
        border-bottom: none!important
    }

    .mobile-menu,.mobile-search {
        display: inline-block;
        cursor: pointer;
        height: 34px;
        width: 34px;
        text-align: center;
        background: #eee;
        border-radius: 3px;
        position: absolute;
        top: 17px;
        left: 15px
    }

    .mobile-search {
        left: auto;
        right: 95px
    }

    header {
        position: relative!important;
        display: block!important;
        top: auto!important
    }


}

@media screen and (max-width: 799px) {
    .container {
        width:100%
    }

    #menu {
        left: 0;
        right: 0
    }

    #search {
        margin: 0;
        padding: 15px;
        padding-top: 5px;
        top: 70px;
        bottom: auto
    }
}

@media screen and (max-width: 479px) {
    #menu ul.top-menu li a {
        padding:0 8px
    }
}

h2 {
    margin: 0
}


.jsmpegbox {
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.38);
}
.jsmpeg {
    width: 100%;
    height: 100%;
}
.jsmpeg svg {
    display: none
}

.jsmpeg canvas {
    position: absolute;
    width: auto!important;
    height: auto!important;
    opacity: 0
}

@media screen and (orientation: portrait) {
    .jsmpeg canvas {
        top:0;
        bottom: 0;
        left: 50%;
        right: auto;
        height: 100%!important;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media screen and (orientation: landscape) {
    .jsmpeg canvas {
        left:0;
        right: 0;
        top: 50%;
        bottom: auto;
        width: 100%!important;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }
}
@media screen and (max-width: 939px) {
    .show-pc {
        display:none
    }
}
@media screen and (min-width: 940px) {
    .size-indicator {
        display:block
    }

    .show-mobile {
        display: none
    }

    .menu {
        width: 80%;
        margin: 0 auto;
        max-width: 1100px
    }

    .page-container {
        width: 65%
    }

    .video::after {
        width: 120px;
        height: 120px
    }

    .container::before {
        display: block
    }

    .bottom {
        display: none
    }
}