@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black
}

.combo-select {
    position: relative;
    max-width: 400px;
    margin-bottom: 15px
}

.combo-select .combo-input {
    margin-bottom: 0
}

.combo-input {
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    border: none;
    width: 100%;
    min-width: 260px;
    box-sizing: border-box;
    padding: 8px;
    border-bottom: 2px solid #e10000;
    text-align: center;
    color: #FF0001;
    font-size: 20px;
    font-family: GraublauSansDispLt
}

.combo-input::selection {
    background-color: transparent
}

.combo-arrow {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    width: 100%;
    font-size: 12px;
    color: #999
}

.combo-arrow:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    background-image: url(/assets/symbol/arrowDown-0eeb4edcc47607602e08b7752d6fa9e4080ed62ae6022e1b7cbea22f72b4dd54.png);
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    margin-top: -6px
}

.combo-open .combo-arrow {
    border-color: #51A7E8
}

.combo-open .combo-arrow:before {
    margin-top: -3px;
    transform: rotate(180deg);
    background-position: bottom
}

.combo-select select {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0
}

@media only screen and (min-width: 960px) {
    .combo-select select {
        left: -1px;
        top: -1px;
        width: 0;
        height: 0;
        margin: 0
    }
}

.option-selected {
    display: none !important
}

.option-item {
    cursor: pointer
}

.option-item:hover {
    color: #FF0001
}

.option-item:last-child {
    border-bottom: none
}

.option-group {
    cursor: text;
    font-weight: 600;
    background: #e1e1e1;
    border: 1px #ccc solid;
    border-width: 1px 0
}

.option-disabled {
    opacity: 0.5
}

.combo-dropdown {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    border-bottom: 2px solid #FF0001;
    min-width: 100%;
    max-width: 300px;
    max-height: 300px;
    text-align: center;
    font-size: 18px;
    margin: -3px 0 0;
    padding: 0;
    display: none;
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box
}

.combo-dropdown li {
    padding: 8px 1em;
    margin: 0
}

.combo-open .combo-dropdown {
    display: block
}

.combo-marker {
    text-decoration: underline
}

.loadmask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
    background-image: url(/assets/loader-f0beab67a41fae4cc2fc4aca81ff4ce63d79619e6032a8a3223bad81b0762e2c.svg);
    background-repeat: no-repeat;
    background-position: 50% 20px
}

.loadmask-transparent {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    zoom: 1
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    background: #c3daf9
}

.loadmask-msg div {
    padding: 5px 10px 5px 25px;
    line-height: 16px;
    color: #222;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    cursor: wait;
    border-radius: 3px
}

.loadmask-msg .fa {
    display: none
}

.masked {
    overflow: hidden !important
}

.masked-relative {
    position: relative !important
}

.masked-hidden {
    visibility: hidden !important
}

.btn,
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: 0
}

.btn:active,
.btn:focus:active,
.btn.focus:active,
.btn:active:focus:active,
.btn:active.focus:active,
.btn.active:focus:active,
.btn.active.focus:active {
    box-shadow: none
}

.btn-pink {
    width: 125px;
    padding: 0;
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    background-color: #ff9fb6;
    border: none;
    border-radius: 50px;
    box-shadow: 0px 14px 62px 0px #ff8787
}

@media (min-width: 768px) {
    .btn-pink {
        width: 215px;
        font-size: 23px;
        line-height: 76px
    }
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus {
    color: #fff
}

.btn-pink-small {
    width: 210px;
    margin: 45px 0 55px;
    padding: 0;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    border: none;
    border-radius: 50px;
    background-color: #ff99cc
}

.btn-pink-small:hover,
.btn-pink-small:focus,
.btn-pink-small.focus {
    color: #fff
}

.thx {
    text-align: center
}

.thx h1 {
    padding-top: 30vh;
    font-size: 3.5rem;
    color: red
}

.thx h2 {
    padding-top: 7vh
}

.htooltip span {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 15px 15px 15px 15px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-left: -170px;
    margin-top: 10px;
    opacity: 0;
    padding: 20px 10px 20px 40px;
    position: absolute;
    text-decoration: none;
    visibility: hidden;
    width: 350px;
    z-index: 10;
    font-size: 14px
}

.htooltip:hover span {
    opacity: 1;
    visibility: visible
}

.htooltip span img {
    border: 0 none;
    float: left;
    margin: -71px 0 0 -234px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    width: 100px
}

.htooltip:hover span img {
    opacity: 1;
    visibility: visible
}

#club27_weight {
    margin-right: 5px
}

*,
*::after,
*::before {
    box-sizing: border-box
}

#progressBar {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: red
}

#progressBar::-webkit-progress-bar {
    background-color: transparent
}

.flat::-webkit-progress-value {
    background-color: red
}

.flat::-moz-progress-bar {
    background-color: red
}

.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block
}

.progress-bar-s {
    background-color: red;
    width: 50%;
    display: block;
    height: inherit
}

i.fa.fa-search-plus.fa-2x {
    color: white
}

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

html,
body,
.st-container,
.st-pusher,
.st-content {
    overflow-y: initial;
    font-family: "Poetsen One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.st-content {
    background: #f3efe0
}

.st-content,
.st-content-inner {
    position: relative;
}

.st-container {
    position: relative;
    overflow: hidden;
}

.st-pusher {
    position: relative;
    left: 0;
    z-index: 99;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.st-pusher::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.st-menu-open .st-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.st-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 300px;
    height: 100%;
    background: #48a770;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.st-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.st-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.st-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em
}

.st-menu ul li a {
    display: block;
    padding: 1em 1em 1em 1.2em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
    color: #f3efe0;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s
}

.st-menu ul li:first-child a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2)
}

.st-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px transparent;
    color: #fff
}

.st-effect-1.st-menu {
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-1.st-menu::after {
    display: none
}

.st-effect-2.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-2.st-menu {
    z-index: 1
}

.st-effect-2.st-menu-open .st-effect-2.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.st-effect-2.st-menu::after {
    display: none
}

.st-effect-3.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-3.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.st-effect-3.st-menu-open .st-effect-3.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.st-effect-3.st-menu::after {
    display: none
}

.st-effect-4.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-4.st-menu {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-4.st-menu::after {
    display: none
}

.st-effect-5.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-5.st-menu {
    z-index: 1;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.st-effect-5.st-menu-open .st-effect-5.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-6.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.st-effect-6 .st-pusher {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-6.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg);
    transform: translate3d(300px, 0, 0) rotateY(-15deg)
}

.st-effect-6.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-6.st-menu-open .st-effect-6.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg);
    transform: translate3d(-100%, 0, 0) rotateY(15deg)
}

.st-effect-6.st-menu::after {
    display: none
}

.st-effect-7.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.st-effect-7 .st-pusher {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-7.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-7.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-7.st-menu-open .st-effect-7.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg)
}

.st-effect-8.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.st-effect-8 .st-pusher {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-8.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-8.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-8.st-menu-open .st-effect-8.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg)
}

.st-effect-8.st-menu::after {
    display: none
}

.st-effect-9.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.st-effect-9 .st-pusher {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-9.st-menu-open .st-pusher {
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px)
}

.st-effect-9.st-menu {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.st-effect-9.st-menu-open .st-effect-9.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-9.st-menu::after {
    display: none
}

.st-effect-10.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.st-effect-10.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-10.st-menu {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px)
}

.st-effect-10.st-menu-open .st-effect-10.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-11.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.st-effect-11 .st-pusher {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-11.st-menu-open .st-pusher {
    -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
    transform: translate3d(100px, 0, -600px) rotateY(-20deg)
}

.st-effect-11.st-menu {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.st-effect-11.st-menu-open .st-effect-11.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-11.st-menu::after {
    display: none
}

.st-effect-12.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.st-effect-12 .st-pusher {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-12.st-menu-open .st-pusher {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg)
}

.st-effect-12.st-menu {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.st-effect-12.st-menu-open .st-effect-12.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.st-effect-12.st-menu::after {
    display: none
}

.st-effect-13.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.st-effect-13.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-13.st-menu {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.st-effect-13.st-menu-open .st-effect-13.st-menu {
    visibility: visible;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-speed: 0.2s;
    transition-speed: 0.2s
}

.st-effect-14.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.st-effect-14 .st-pusher {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-14.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.st-effect-14.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.st-effect-14.st-menu-open .st-effect-14.st-menu {
    visibility: visible;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg)
}

q {
    quotes: "«" "»"
}

.editable {
    outline: none
}

.socila-awesome-button {
    padding-right: 10px;
    color: white
}

body.modal-open-noscroll {
    margin-right: 0 !important;
    overflow: hidden
}

.modal {
    pointer-events: none
}

.modal-open {
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important
}

.modal-open .modal {
    overflow-y: scroll;
    pointer-events: all;
    position: fixed
}

input[type=radio],
input[type=checkbox] {
    display: none
}

.like {
    color: #fff;
    font-family: "GraublauSansDispLt";
    text-decoration: none;
    display: block;
    padding: 5px 3px;
    border: 2px solid transparent;
    border-radius: 15px;
    transition: border .4s;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.like .Share {
    background-color: transparent;
    border: 0;
    height: 34px;
    width: 80px;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    text-align: left;
    font-family: GraublauSansDispLt;
    font-size: 16px
}

.like .Share img {
    float: left;
    margin: 2px 8px
}

.like .onlike:hover {
    width: auto;
    border: none
}

.like .onlike {
    width: auto
}

.like .onlike img {
    margin: -5px 10px 0 10px
}

.like.open .Share.nolike {
    background-image: url(/assets/symbol/onlike-98bccd2a8934be382df443235afb4b41d28eacacfb481d7164989ef8ccfc12ce.png);
    background-repeat: no-repeat;
    height: 34px
}

.like.open .Share.nolike:hover {
    border: none
}

.like.open .dropdown-menu.a2a_kit {
    display: flex;
    flex-direction: row
}

.like.open:hover {
    border: 2px solid transparent
}

.dropdown-menu.a2a_kit {
    background-color: transparent;
    box-shadow: none;
    border: 0
}

.dropdown-menu.a2a_kit .social-share-button {
    display: flex
}

.dropdown-menu.a2a_kit .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

.dropdown-menu.a2a_kit .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

.dropdown-menu.a2a_kit .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

.dropdown-menu.a2a_kit .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png)
}

#winnersScroll {
    width: 100%
}

#pretendentsScroll {
    width: 100%
}

.tableOfRating th:not(.sorting_disabled) {
    cursor: pointer
}

.tableOfRating .cl_winner,
.areaOfRating .cl_winner {
    color: #ffc30c
}

.tableOfRating .cl_winner {
    margin-right: 3px;
    font-size: 1.6rem
}

.tableOfRating .cl_winner.stars-1:first-child {
    margin-left: -18px
}

.tableOfRating .cl_winner.stars-2:first-child {
    margin-left: -36px
}

.tableOfRating .cl_winner.stars-3:first-child {
    margin-left: -54px
}

.tableOfRating .cl_winner.stars-4:first-child {
    margin-left: -72px
}

.tableOfRating .position {
    margin-right: 5px
}

.tableOfRating th:not(:last-child).sorting_asc:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    content: "\f106";
    width: 25px;
    text-align: center
}

.tableOfRating th:not(:last-child).sorting_desc:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    content: "\f107";
    width: 25px;
    text-align: center
}

.tableOfRating th:not(:last-child).sorting:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    content: "\f106\f107";
    width: 25px;
    text-align: center;
    opacity: 0.2
}

.tableOfRating th:first-child.sorting:before {
    display: none
}

@media only screen and (min-width: 1250px) {
    .contentWrapper {
        max-width: 90vw;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1600px) {
    .contentWrapper {
        max-width: 70vw;
        margin: 0 auto
    }
}

ul {
    padding: 0;
    margin: 0
}

ul li {
    list-style-type: none
}

a:focus {
    outline: none
}

a:hover,
a:focus {
    text-decoration: none
}

button,
a:hover,
a:focus,
input,
input:focus,
textarea:focus,
select:focus,
button:visited {
    text-decoration: none;
    outline: none
}

.slick-slide:focus {
    outline: none
}

a.disabled {
    cursor: default;
    pointer-events: none
}

.muted {
    opacity: 0.7;
    cursor: default;
    pointer-events: none
}

.invisible {
    opacity: 0;
    visibility: hidden
}

.lightningSection {
    top: 0;
    background-color: #0000ff;
    background-image: url(/assets/moz-mol-min-ffa0e53f3bc29f04c27e5152bb95e8fdff6c1ad9ad64792c2f6ab6d9bcf28830.png);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    width: 100%;
    position: fixed;
    z-index: 66
}

.lightningSection .lightning_link {
    width: 100%;
    height: 100%;
    position: absolute
}

.lightningSection .contentWrapper {
    font-family: "GraublauSansDisplayRegular";
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px
}

.lightningSection .contentWrapper h3 {
    margin: 2px auto 0;
    font-weight: 200;
    font-size: 18px;
    padding-right: 87px
}

.lightningSection .contentWrapper p {
    margin: 2px 10px 0 20px;
    font-family: "GraublauSlab-BoldItalic";
    font-size: 15px
}

.lightningSection .contentWrapper p span {
    margin-right: 21px
}

.lightningSection .contentWrapper p span img {
    margin-top: -2px
}

footer ul li:last-child a {
    margin: 0 0 0 auto
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup {
    margin: auto;
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 0
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    background-image: url(/assets/symbol/location-ecb3dd04ab96d2fa8e5a822ec60159906f3a48c4cb012a977436f994bfafe5cc.png);
    background-repeat: no-repeat;
    left: 0;
    top: 15px;
    background-size: 70%;
    background-position: top
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup.active:before {
    transform: rotate(0deg);
    margin-top: -6px
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup .dropdown {
    position: absolute;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 10px;
    top: -155px
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup .dropdown li {
    width: 100%
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup .dropdown li a {
    width: 100%
}

footer .wrapSelectCityMonth .wrapper-dropdown.dropup .dropdown li:last-child a {
    border-top: 1px solid #000
}

.commentAboutGames {
    font-family: "GraublauSansDispLt";
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin: 20px 0 20px 205px;
    line-height: 1px
}

.commentAboutGames span {
    color: #ff0001;
    width: 4px
}

.commentAboutGames.onCalendar {
    margin: 20px 0 30px
}

.wrapSelectCityMonth {
    display: flex
}

.wrapSelectCityMonth .wrapper-dropdown {
    font-family: GraublauSansDisplayRegular;
    font-size: 20px;
    position: relative;
    text-align: center;
    width: 175px;
    padding: 5px 0 5px 0;
    margin: 0 30px 0 0;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-bottom: 2px solid #e10000
}

.wrapSelectCityMonth .wrapper-dropdown:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    background-image: url(/assets/symbol/arrowDown-0eeb4edcc47607602e08b7752d6fa9e4080ed62ae6022e1b7cbea22f72b4dd54.png);
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    margin-top: -6px
}

.wrapSelectCityMonth .wrapper-dropdown .dropdown {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: red;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

.wrapSelectCityMonth .wrapper-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

.wrapSelectCityMonth .wrapper-dropdown .dropdown li a:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

.wrapSelectCityMonth .wrapper-dropdown .dropdown::after {
    content: '';
    position: absolute;
    left: 10px;
    top: -19px;
    border: 10px solid transparent;
    border-bottom: 10px solid red
}

.wrapSelectCityMonth .wrapper-dropdown.active {
    background-color: transparent
}

.wrapSelectCityMonth .wrapper-dropdown.active:before {
    border-color: #9bc7de transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
    transform: rotate(180deg);
    background-position: bottom
}

.wrapSelectCityMonth .wrapper-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    margin-top: 1px;
    z-index: 1002
}

.roundBtn {
    background-color: transparent;
    border: 2px solid #ff0001;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    width: 100px;
    cursor: pointer;
    display: block;
    font-family: "GraublauSansDisplayRegular"
}

.roundBtn.hideThis {
    transition: all .4s
}

.roundBtn:focus,
.roundBtn:hover {
    outline: none;
    color: #fff
}

.roundBtn.inverse {
    transition: background-color .4s, color .4s
}

.roundBtn.inverse:hover {
    color: #fff;
    background-color: #ff0001
}

.hideThis {
    opacity: 0;
    visibility: hidden;
    transition: all .4s
}

.hideThis.notActive {
    opacity: 1;
    visibility: visible
}

.blackBtn {
    background-color: #161a21;
    border-radius: 50px;
    border: 0;
    text-align: center;
    padding: 15px 35px;
    cursor: pointer;
    color: #fff;
    display: block;
    font-family: "GraublauSansDisplayRegular"
}

.blackBtn:focus,
.blackBtn:hover {
    outline: none;
    color: #fff
}

.redBtn {
    font-size: 18px;
    background-color: #ff0001;
    border-radius: 50px;
    border: 0;
    text-align: center;
    padding: 15px 35px;
    cursor: pointer;
    color: #fff;
    display: block;
    font-family: "GraublauSansDisplayRegular"
}

.redBtn:focus,
.redBtn:hover {
    outline: none;
    color: #fff
}

.waiting {
    opacity: 0.5
}

input[type=submit][disabled] {
    opacity: 0.5
}

.roundBtn.inverse.disabled.waiting {
    opacity: 1;
    color: #999999;
    border: 2px solid #999999
}

.blueBtn {
    background-color: #0000ff;
    border-radius: 50px;
    border: 0;
    text-align: center;
    padding: 19px 35px 15px 35px;
    cursor: pointer;
    display: block;
    color: #fff;
    font-family: "GraublauSansDisplayRegular"
}

.blueBtn:hover,
.blueBtn:focus {
    outline: none;
    color: #fff
}

.blueBtn.small {
    font-size: 14px;
    padding: 5px;
    max-width: 145px;
    font-family: "GraublauSansDispLt"
}

.fastBtn.small {
    padding: 12px 0px 10px 0px;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: GraublauSansDisplayRegular
}

@media only screen and (min-width: 1250px) {
    .infoSecWrap {
        max-width: 90vw;
        margin: auto
    }
}

@media only screen and (min-width: 1600px) {
    .infoSecWrap {
        max-width: 80vw;
        margin: auto
    }
}

.btn_mozg {
    min-width: 70px;
    border-radius: 50px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px;
    font-weight: 600
}

.select_mozg {
    min-width: 160px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important
}

select::-ms-expand {
    display: none
}

.btn_red {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 50px;
    background-color: #e81011;
    font-size: 1.8rem
}

.first_screen {
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px
}

.first_screen h1 {
    padding-top: 10px
}

.btn_singin_header {
    position: absolute;
    left: 100px;
    top: 50px;
    width: 80px
}

.tag {
    font-family: "GraublauSlabB", sans-serif
}

.random_tag {
    position: absolute
}

.franchiseSec .fullWrapp .right {
    margin: 0
}

.gamesCarousel .slick-slide {
    padding: 0 40px
}

.conventionalSlider {
    width: 288px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.conventionalSlider p {
    margin: 0;
    font-family: GraublauSansDisplayRegular;
    font-size: 12px
}

.rezultOfRangeWrap {
    display: flex;
    width: 40px;
    justify-content: space-around;
    margin: 10px auto 30px
}

.rezultOfRangeWrap.inModal {
    justify-content: flex-end;
    width: 210px
}

.rezultOfRangeWrap.inModal .centerMod {
    margin: 0 auto;
    display: flex
}

.rezultOfRangeWrap.inModal .centerMod span {
    color: blue !important;
    font-size: 18px;
    font-family: GraublauSans-Regular
}

.rezultOfRangeWrap.inModal .centerMod .ticket_blue {
    background-image: url(/assets/symbol/ticket-blue-cc3b8bca4f17673ec444f768d8fcc94e24f0e87b82605dade78522102704f2ef.png);
    width: 21px;
    background-repeat: no-repeat
}

.rezultOfRange.inModal {
    margin: 0 0px 0 !important
}

input[type=range] {
    margin: 0 4px;
    -webkit-appearance: none;
    width: 100%
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #0000f8;
    cursor: pointer;
    margin-top: -20px
}

input[type=range]::-moz-range-thumb {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #0000f8;
    cursor: pointer
}

input[type=range]::-ms-thumb {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #0000f8;
    cursor: pointer
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    background: #0000ff
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #0000ff
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #0000ff
}

input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    background: transparent;
    background: #0000ff;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: #0000ff
}

input[type=range]:focus::-ms-fill-lower {
    background: #0000ff
}

input[type=range]::-ms-fill-upper {
    background: #0000ff
}

input[type=range]:focus::-ms-fill-upper {
    background: #0000ff
}

.popover {
    background-image: url(/assets/calendar/frBg-4e41453bd481e1a1df1cb7df244759aed711378cfdd41dfd51692257d63ed544.png);
    width: auto;
    height: auto;
    max-width: 150px;
    padding: 30px 10px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #000
}

.newTypeOfNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    width: 100%;
    position: relative
}

.newTypeOfNav .org_logo {
    width: 138px;
    height: 38px
}

.newTypeOfNav .navigationWrapUpd {
    width: 636px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .newTypeOfNav .navigationWrapUpd {
        display: none
    }
}

.newTypeOfNav .navigationWrapUpd a {
    color: #fff;
    font-family: 'GraublauSansDisplayRegular';
    font-size: 18px
}

.map-link .mobile {
    display: none
}

.map-link .hide-mobile {
    display: inline
}

.topInfo .contentWrap {
    height: 320px;
    max-width: 1200px;
    margin: auto
}

.topInfo .contentWrap h1 {
    font-size: 7.5rem;
    font-family: "GraublauSlab-Bold";
    color: #fff;
    text-align: center;
    margin: 0 auto 30px 0px;
    line-height: 65px
}

.topInfo .contentWrap .btnWrap {
    margin: 0 auto 0 0
}

.navigationWrap {
    display: flex;
    background-color: #000;
    border-radius: 50px;
    padding: 12px 10px 10px 10px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center
}

.navigationWrap li {
    margin: 0 10px
}

.navigationWrap li a {
    font-size: 16px;
    font-family: "GraublauSansDispLt";
    color: #fff;
    transition: color .4s
}

.navigationWrap li a:hover {
    color: rgba(255, 255, 255, 0.6)
}

.navigationWrap li.calendarIgr a {
    background-size: 82%;
    padding: 20px 0;
    background-position: center;
    background-repeat: no-repeat
}

.navigationWrap li.calendarIgr a:hover {
    background-image: url(/assets/calendar/frBg-4e41453bd481e1a1df1cb7df244759aed711378cfdd41dfd51692257d63ed544.png)
}

.rectangle,
.square {
    background-color: #12151b;
    height: 290px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: "GraublauSansDispLt";
    font-size: 16px;
    color: #fff;
    padding: 20px
}

.rectangle {
    width: 600px;
    justify-content: space-around;
    align-items: flex-start
}

.square {
    width: 100%;
    max-width: 290px;
    align-items: center;
    text-align: center
}

.btnBlue {
    padding: 8.5px 20px;
    display: block;
    width: 170px;
    text-align: center;
    border: none;
    border-radius: 50px;
    font-family: "GraublauSansDispLt";
    background-color: #0011ef;
    font-size: 1.8rem;
    color: #fff
}

.btnBlue:hover {
    color: #fff
}

.mainWrap {
    max-width: 1200px;
    width: 100%;
    display: flex;
    margin: auto
}

.wrapPartnerSec {
    z-index: 2;
    position: relative;
    max-width: 1100px;
    text-align: center;
    margin: 25px auto 25px auto
}

@media (max-width: 767px) {
    .wrapPartnerSec {
        max-width: 300px
    }
}

.wrapPartnerSec .AlbomItmWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: start
}

.wrapPartnerSec .AlbomItmWrapper .AlbomItm {
    height: 152px;
    width: 178px;
    background-color: #fff;
    border-radius: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .AlbomItm {
        width: 94px;
        height: 80px
    }
}

.wrapPartnerSec .AlbomItmWrapper .AlbomItm .ImgWrap {
    margin: auto
}

.wrapPartnerSec .AlbomItmWrapper .AlbomItm .ImgWrap img {
    max-width: 150px
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .AlbomItm .ImgWrap img {
        max-width: 70px
    }
}

.wrapPartnerSec .AlbomItmWrapper .AlbomItm p {
    color: #999999;
    margin: 0 0 16px;
    font-family: GraublauSansDisplayRegular;
    font-size: 14px;
    text-align: center
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .AlbomItm p {
        display: none
    }
}

.wrapPartnerSec .AlbomItmWrapper .AlbomItm a {
    position: absolute;
    height: 155px;
    width: 195px
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .AlbomItm a {
        width: 94px;
        height: 80px
    }
}

.wrapPartnerSec .AlbomItmWrapper .AlbomItm:nth-child(6n) {
    margin-right: 0
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .AlbomItm:nth-child(6n) {
        margin-right: auto
    }
}

.wrapPartnerSec .AlbomItmWrapper .hiddenDesc {
    display: none
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .hiddenDesc {
        display: flex
    }
}

@media (max-width: 767px) {
    .wrapPartnerSec .AlbomItmWrapper .hiddenMob {
        display: none
    }
}

.wrapPartnerSec .AlbomItmWrapper .displayMob {
    display: none
}

.wrapPartnerSec .AlbomItmWrapper .predl {
    width: 363px;
    height: 155px;
    background-color: #f00001;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapPartnerSec .AlbomItmWrapper .predl .btn {
    height: 60px;
    width: 196px;
    background-color: #fff;
    color: #181a26;
    font-family: GraublauSansDisplayRegular;
    font-size: 18px;
    padding: 18px 0 20px;
    border-radius: 35px;
    -webkit-box-shadow: 4px 14px 75px -3px white;
    -moz-box-shadow: 4px 14px 75px -3px white;
    box-shadow: 4px 14px 75px -3px white
}

.wrapPartnerSec #loadMorePartners {
    width: 105px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    border: 3px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    margin: 45px auto 30px;
    cursor: pointer;
    text-align: center
}

.wrapPartnerSec #loadMorePartners:hover {
    color: #020622;
    background: #fff
}

@media (max-width: 767px) {
    .wrapPartnerSec #loadMorePartners {
        display: none
    }
}

.wrapPartnerSec #loadMorePartnersMob {
    display: none
}

@media (max-width: 767px) {
    .wrapPartnerSec #loadMorePartnersMob {
        display: block;
        width: 105px;
        height: 44px;
        line-height: 44px;
        padding: 0;
        border: 3px solid #fff;
        border-radius: 5px;
        color: #fff;
        font-family: "GraublauSansDisplayRegular";
        font-size: 18px;
        margin: 35px auto 32px;
        cursor: pointer;
        text-align: center
    }
}

.social {
    margin-top: 10px;
    display: flex
}

.social li {
    margin: 5px
}

.loadMore {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #292c34
}

.loadMore span {
    border-radius: 500%;
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: rgba(255, 255, 255, 0.5)
}

.topInfo.achivment {
    font-family: "GraublauSansDisplayRegular";
    background-color: #000
}

.topInfo.achivment .contentWrap {
    height: auto
}

.topInfo.achivment .contentWrap h1 {
    font-size: 100px;
    padding: 0 0 54px 0;
    margin: 0 auto;
    font-family: GraublauSlab-Heavy
}

.topInfo.achivment .contentWrap .newTypeOfNav {
    padding: 53px 0 34px 0
}

.topInfo.achivment .back_btn {
    color: #fff;
    border: 2px solid #FF0001;
    border-radius: 22px;
    width: 86px;
    padding: 4px 20px 5px 9px;
    height: 30px
}

.topInfo.achivment .back_btn:before {
    background-image: url(/assets/symbol/arrowLeft-39a24f11e27dc089642028e1c1d3d4340d81dcd6e16093c62d3b7d10bd0a5a6b.png);
    background-position: left center;
    background-repeat: no-repeat;
    content: "";
    line-height: 0;
    font-size: 0px;
    padding: 15px 21px 6px 0;
    opacity: 1
}

.achivmentSec {
    font-family: "GraublauSansDisplayRegular";
    background-color: #000
}

.achivmentSec .mainWrap {
    font-size: 20px;
    flex-direction: column;
    max-width: 1000px;
    margin-bottom: 90px
}

.achivmentSec .mainWrap h3 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 0 0 40px 0
}

.achivmentSec .mainWrap .wrapCenter {
    margin: 0 auto;
    width: 90px
}

.achivmentSec .mainWrap .social-share-button {
    display: flex;
    margin: 0 auto 66px auto
}

.achivmentSec .mainWrap .social-share-button .ssb-icon {
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

.achivmentSec .mainWrap .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png);
    margin-right: 10px
}

.achivmentSec .mainWrap .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

.achivmentSec .mainWrap .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

.achivmentSec .mainWrap .contentWrap {
    display: flex;
    justify-content: space-between;
    max-width: 1000px
}

.achivmentSec .mainWrap .contentWrap .AlbomItmWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

.achivmentSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm {
    background-color: #000;
    width: 230px;
    margin: 20px 22px 30px 0;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    color: #fff;
    height: 308px
}

.achivmentSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm img {
    width: auto;
    height: 170px
}

.achivmentSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm .name {
    line-height: 1;
    padding-top: 30px;
    text-align: center;
    margin: 0
}

.achivmentSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm .about {
    font-size: 10px;
    font-family: "GraublauSansDispLt"
}

.achivmentSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm:nth-child(4n) {
    margin: 20px 0 30px 0
}

.achivmentSec footer {
    background-color: #000
}

.achivmentSec footer .left {
    margin: auto 0
}

.infoBlock {
    margin: 20px 0 0 0;
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.infoBlock .rectangle,
.infoBlock .square {
    font-family: "GraublauSansDisplayRegular"
}

.infoBlock .rectangle article,
.infoBlock .square article {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    margin-bottom: auto
}

.infoBlock .rectangle ul li,
.infoBlock .square ul li {
    list-style-type: decimal;
    color: #ffae0f
}

.infoBlock .rectangle ul li span,
.infoBlock .square ul li span {
    color: #fff
}

.infoBlock .rectangle a,
.infoBlock .square a {
    color: #fff;
    text-decoration: underline
}

.infoBlock .rectangle a img,
.infoBlock .square a img {
    margin-bottom: 20px
}

.infoBlock .rectangle span,
.infoBlock .square span {
    color: rgba(255, 255, 255, 0.5)
}

.infoBlock .square {
    width: 290px
}

.infoBlock .square ul {
    text-align: left
}

.infoBlock .square ul li {
    list-style-type: number;
    color: #ff0001
}

.infoBlock .square ul li span {
    color: #fff;
    margin-left: 10px;
    display: block
}

.infoBlock .square:not(:last-child) {
    margin: 0 0 20px 0
}

.widget {
    margin: 20px 0 0 15px;
    border-radius: 6px;
    background-color: #ff0001;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center
}

.widget h2 {
    text-align: center;
    color: #fff;
    font-family: "GraublauSlab-Bold";
    font-size: 7.5rem;
    background-image: url(/assets/calendar/frBg-4e41453bd481e1a1df1cb7df244759aed711378cfdd41dfd51692257d63ed544.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px
}

.topInfo.team {
    background-color: #ff0001;
    background-position: 50% 50%;
    background-size: cover;
    position: relative
}

.topInfo.team .contentWrap.mobile {
    display: none
}

.topInfo.team .contentWrap.foliage {
    display: flex;
    flex-direction: column
}

.topInfo.team .contentWrap.foliage img {
    margin: auto
}

.topInfo.team .contentWrap.foliage .cherry_site {
    width: 200px
}

.topInfo.team .newContentWrap {
    max-width: 1100px
}

.topInfo.team .contentWrap.achivmentWrap {
    max-width: 1200px;
    display: none
}

.topInfo.team .contentWrap.achivmentWrap .achivments {
    flex-wrap: wrap;
    max-width: 790px
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap {
    width: 120px;
    margin: 0 auto
}

.topInfo.team .contentWrap.achivmentWrap .achivments li {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    width: 120px
}

.topInfo.team .contentWrap.achivmentWrap .achivments li img {
    margin: auto;
    height: 120px
}

.topInfo.team .contentWrap.achivmentWrap .achivments li article {
    max-width: 120px;
    line-height: 1;
    margin: 0 auto
}

.topInfo.team .contentWrap.achivmentWrap .achivments li article .about {
    color: #000;
    font-size: 10px;
    font-family: GraublauSansDispLt
}

.topInfo.team .contentWrap.achivmentWrap .achivments li .social_ach {
    display: none
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover {
    position: relative;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9)
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover img {
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(9px);
    filter: blur(9px)
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover .social_ach {
    font-size: 13px;
    font-family: GraublauSansDisplayRegular;
    color: #000;
    display: block;
    position: absolute;
    top: 29px;
    left: 0;
    padding-left: 19px
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover .social_ach .social-share-button {
    display: flex;
    margin-top: 5px;
    margin-left: -15px
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover .social_ach .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover .social_ach .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover .social_ach .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap:hover .social_ach .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap.noAut:hover {
    position: relative;
    width: 100%;
    border-radius: 0;
    background-color: inherit
}

.topInfo.team .contentWrap.achivmentWrap .achivments .imageWrap.noAut:hover img {
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0')
}

.topInfo.team .contentWrap {
    height: auto
}

.topInfo.team .contentWrap.teamNameWrap {
    margin: 30px auto 250px;
    justify-content: center;
    align-items: center;
    position: relative;
    display: flex
}

.topInfo.team .contentWrap.teamNameWrap .topEditWrap {
    display: flex;
    width: 164px;
    position: absolute;
    top: -62px;
    left: 0
}

.topInfo.team .contentWrap.teamNameWrap .unactive-team-clock {
    font-size: 80px;
    color: #fff
}

.topInfo.team .contentWrap.teamNameWrap .bottomEditWrap {
    display: flex;
    margin: 30px 0
}

.topInfo.team .contentWrap.teamNameWrap .bottomEditWrap a {
    margin: 0 auto;
    font-family: GraublauSansDisplayRegular;
    font-size: 16px;
    color: #fff
}

.topInfo.team .contentWrap.teamNameWrap .start_edit,
.topInfo.team .contentWrap.teamNameWrap .save,
.topInfo.team .contentWrap.teamNameWrap .cancel_edit {
    color: #fff;
    transition: color .4s;
    border-bottom: 1px solid #fff;
    line-height: 1
}

.topInfo.team .contentWrap.teamNameWrap .start_edit:hover,
.topInfo.team .contentWrap.teamNameWrap .start_edit:focus,
.topInfo.team .contentWrap.teamNameWrap .save:hover,
.topInfo.team .contentWrap.teamNameWrap .save:focus,
.topInfo.team .contentWrap.teamNameWrap .cancel_edit:hover,
.topInfo.team .contentWrap.teamNameWrap .cancel_edit:focus {
    color: white
}

.topInfo.team .contentWrap.teamNameWrap .cancel_edit {
    margin-left: 20px
}

.topInfo.team .contentWrap.teamNameWrap h1 {
    margin: 0 30px;
    word-wrap: break-word;
    line-height: 1
}

.topInfo.team .contentWrap .faceParth {
    justify-content: center;
    margin: 40px 0 0;
    height: 91px
}

.topInfo.team .contentWrap .faceParth .faceCarousel {
    max-width: 1100px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .slick-list.controll {
    height: 500px;
    z-index: 1003
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:not(:first-child) {
    margin-left: -30px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(10) {
    margin-left: 18px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(10) .description {
    left: 0px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(10) .description::after {
    left: 60px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(1) {
    margin-left: 18px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(1) .description {
    left: 0px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(1) .description::after {
    left: 60px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(9) .description {
    left: -171px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(9) .description::after {
    left: 233px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(18) .description {
    left: -171px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:nth-child(18) .description::after {
    left: 233px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li {
    text-align: center;
    position: relative
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a {
    margin: auto
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .name {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    cursor: pointer;
    text-decoration: underline;
    line-height: 1
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .avatar {
    margin-top: 18px;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    background-size: cover;
    background-image: url(/assets/team/lico-d309141ab2d46a92f0b5d9163bba9ee409812c2104bf1269ad961593c01e3a15.png)
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .avatar sub {
    color: #000
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description {
    display: none;
    position: absolute;
    width: 332px;
    top: 209px;
    left: -87px;
    z-index: 999999;
    background-color: #fe0000;
    box-shadow: 0px 19px 30px -7px rgba(12, 59, 199, 0.88);
    border-radius: 6px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description .default h1 {
    color: #000;
    font-family: GraublauSansDisplayRegular;
    font-size: 20px;
    margin: 25px 0 15px 0;
    line-height: 1
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description .default p {
    font-family: GraublauSansDisplayRegular;
    font-size: 12px;
    max-width: 240px;
    display: block;
    margin: 0 auto
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description .user_description p {
    font-family: GraublauSansDisplayRegular;
    font-size: 12px;
    max-width: 293px;
    text-align: left;
    display: block;
    word-wrap: break-word
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description .center-block {
    display: flex;
    justify-content: center
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description .center-block .blueBtn {
    padding: 4px 0px 6px 0px;
    width: 110px;
    margin: 30px 6px 22px;
    padding: 6px 0 4px 0
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description .center-block .grayBtn {
    background-color: #181b24
}

.topInfo.team .contentWrap .faceParth .faceCarousel li .description::after {
    content: '';
    position: absolute;
    left: 46%;
    top: -19px;
    border: 10px solid transparent;
    border-bottom: 10px solid red
}

.topInfo.team .contentWrap .faceParth .faceCarousel li.not_member .avatar {
    box-shadow: inset 14px 16px 211px 176px rgba(0, 0, 0, 0.55)
}

.topInfo.team .contentWrap .faceParth .faceCarousel li.not_member p {
    opacity: .6
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a.control {
    font-size: 18px;
    margin: auto;
    opacity: .4;
    transition: opacity .4s;
    border-bottom: 0;
    color: #fff
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a.control:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    position: absolute
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a.control.remove_member:before,
.topInfo.team .contentWrap .faceParth .faceCarousel li a.control.remove_invitation:before {
    content: "\f00d";
    padding: 5px;
    right: 38px;
    top: -9px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a.control.make_boatswain:before {
    content: "\f101";
    padding: 5px;
    right: 59px;
    top: -13px;
    font-size: 23px;
    font-weight: 900;
    transform: rotate(-90deg)
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a.control.make_captain:before {
    content: "\f005";
    padding: 5px;
    right: 76px;
    top: -8px
}

.topInfo.team .contentWrap .faceParth .faceCarousel li:hover a.control {
    opacity: .6
}

.topInfo.team .contentWrap .faceParth .faceCarousel li a.control:hover {
    opacity: 1
}

.topInfo.team .contentWrap .faceParth .faceCarousel li p {
    font-family: "GraublauSlab-Bold";
    font-size: 16px;
    color: #fff;
    position: relative;
    margin: 10px auto 0;
    max-width: 115px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    flex-direction: column
}

.topInfo.team .contentWrap .faceParth .faceCarousel li p span img {
    display: initial
}

.topInfo.team .contentWrap .faceParth .faceCarousel .slick-prev {
    top: 87px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .slick-next {
    right: -19px;
    top: 87px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    font-size: 25px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .slick-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    font-size: 25px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .slick-prev.slick-disabled:before,
.topInfo.team .contentWrap .faceParth .faceCarousel .slick-next.slick-disabled:before {
    opacity: 0
}

.topInfo.team .contentWrap .faceParth .faceCarousel .flexb {
    display: flex
}

.topInfo.team .contentWrap .faceParth .faceCarousel .inv_cycle .avatar {
    background-image: none;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.topInfo.team .contentWrap .faceParth .faceCarousel .inv_cycle .avatar .cycle {
    background-color: rgba(0, 0, 0, 0.05);
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.topInfo.team .contentWrap .faceParth .faceCarousel .inv_cycle .avatar .cycle span {
    width: 24px;
    height: 3px;
    background-color: #ff0001;
    display: block;
    border-radius: 1px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .inv_cycle .avatar .cycle span:last-child {
    transform: rotate(90deg);
    margin-left: -24px;
    border-radius: 1px
}

.topInfo.team .contentWrap .faceParth .faceCarousel .inv_cycle .avatar .sub {
    position: absolute;
    width: 70px;
    bottom: 25px;
    left: 7px;
    margin: auto;
    right: 0px;
    color: #000;
    font-size: 11px
}

.topInfo.team .achTitle {
    font-family: GraublauSansDisplayRegular;
    font-size: 16px;
    position: relative;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    text-align: left
}

.topInfo.team .achTitle .linkToAll {
    color: #fff;
    border-bottom: 1px solid;
    transition: color .4s;
    width: 103px;
    padding-top: 7px;
    line-height: 1
}

.topInfo.team ul.contentWrap {
    margin-top: 15px;
    display: flex;
    justify-content: center
}

.topInfo.team ul.contentWrap li {
    margin: 0 20px;
    text-align: center
}

.topInfo.team ul.contentWrap li article {
    font-family: "GraublauSansDisplayRegular";
    color: #fff;
    margin: 15px 0
}

.topInfo.team h1 {
    margin: 0
}

.teamSec {
    background-color: #181b23;
    padding: 150px 0 0
}

.teamSec .contentWrap.contentChart {
    flex-direction: column
}

.teamSec .contentWrap.contentChart .result_links {
    display: flex;
    padding: 0 44px;
    justify-content: space-around;
    margin-top: -4px
}

.teamSec .contentWrap.contentChart .result_links a {
    color: #fff
}

@media (max-width: 767px) {
    .teamSec .contentWrap.contentChart .result_links.hiddenMob {
        display: none
    }
}

.teamSec .contentWrap.contentChart .result_links.hiddenDesc {
    display: none
}

@media (max-width: 767px) {
    .teamSec .contentWrap.contentChart .result_links.hiddenDesc {
        display: flex;
        flex-wrap: wrap
    }
}

.teamSec .contentWrap {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: auto
}

.teamSec .contentWrap.team_statistics {
    color: #fff;
    margin-top: 35px
}

.teamSec .contentWrap.team_statistics .team_points .title {
    text-align: center;
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    margin-bottom: 10px
}

.teamSec .contentWrap.team_statistics .team_points .main {
    width: 819px;
    display: flex;
    background-color: #12151c;
    border-radius: 6px;
    text-align: center;
    padding: 16px 16px 5px 16px
}

@media (max-width: 767px) {
    .teamSec .contentWrap.team_statistics .team_points .main {
        flex-direction: column;
        height: initial;
        width: 100%
    }
}

.teamSec .contentWrap.team_statistics .team_points .main .mid_points {
    width: 272px
}

.teamSec .contentWrap.team_statistics .team_points .main .mid_points .description {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap.team_statistics .team_points .main .mid_points .text {
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 100px
}

.teamSec .contentWrap.team_statistics .team_points .main .max_points {
    width: 272px;
    position: relative
}

.teamSec .contentWrap.team_statistics .team_points .main .max_points:before {
    content: '';
    position: absolute;
    top: 57px;
    left: 0;
    width: 2px;
    height: 60px;
    background-color: #1a1e27
}

.teamSec .contentWrap.team_statistics .team_points .main .max_points:after {
    content: '';
    position: absolute;
    top: 57px;
    right: 0;
    width: 2px;
    height: 60px;
    background-color: #1a1e27
}

.teamSec .contentWrap.team_statistics .team_points .main .max_points .description {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap.team_statistics .team_points .main .max_points .text {
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 100px
}

@media (max-width: 767px) {
    .teamSec .contentWrap.team_statistics .team_points .main .max_points:before {
        content: none
    }

    .teamSec .contentWrap.team_statistics .team_points .main .max_points:after {
        content: none
    }
}

.teamSec .contentWrap.team_statistics .team_points .main .min_points {
    width: 272px
}

.teamSec .contentWrap.team_statistics .team_points .main .min_points .description {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap.team_statistics .team_points .main .min_points .text {
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 100px
}

@media (max-width: 767px) {
    .teamSec .contentWrap.team_statistics .team_position {
        margin-top: 20px;
        width: 100%
    }
}

.teamSec .contentWrap.team_statistics .team_position .title {
    text-align: center;
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    margin-bottom: 10px
}

.teamSec .contentWrap.team_statistics .team_position .main {
    padding: 16px 5px 5px 16px;
    background-color: #12151c;
    border-radius: 6px;
    width: 260px;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular"
}

@media (max-width: 767px) {
    .teamSec .contentWrap.team_statistics .team_position .main {
        width: 100%
    }
}

.teamSec .contentWrap.team_statistics .team_position .main .position {
    display: flex
}

.teamSec .contentWrap.team_statistics .team_position .main .position .best {
    width: 50%;
    color: #00ca00;
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 100px
}

.teamSec .contentWrap.team_statistics .team_position .main .position .worse {
    width: 50%;
    color: #fe0002;
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 100px
}

.teamSec .contentWrap .chartWrapper {
    width: 100%;
    margin-top: 40px
}

@media (max-width: 767px) {
    .teamSec .contentWrap .chartDesc {
        display: none
    }
}

.teamSec .contentWrap .chartMobil {
    display: none
}

@media (max-width: 767px) {
    .teamSec .contentWrap .chartMobil {
        display: block
    }
}

.teamSec .contentWrap .left {
    width: 100%;
    max-width: 540px;
    border-radius: 8px;
    color: #fff
}

.teamSec .contentWrap .left h4 {
    text-align: center;
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    margin: 30px 0 20px
}

.teamSec .contentWrap .left .teamSuccessTabs .navTeamSuccess {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.teamSec .contentWrap .left .teamSuccessTabs .navTeamSuccess li {
    flex: 1 1 auto;
    text-align: center
}

.teamSec .contentWrap .left .teamSuccessTabs .navTeamSuccess li a {
    color: #999999;
    display: block;
    border-bottom: 2px solid rgba(42, 42, 42, 0.4);
    transition: border .4s;
    padding: 16px 0 12px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    transition: border .4s
}

.teamSec .contentWrap .left .teamSuccessTabs .navTeamSuccess li a:hover {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
}

.teamSec .contentWrap .left .teamSuccessTabs .navTeamSuccess li.active a {
    color: #fff;
    border-bottom: 2px solid #ff0001;
    font-weight: 200
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content {
    padding: 0 0 15px 0
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane {
    margin: 0 20px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane .compare_team_name {
    border-bottom: none
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane .compare_team_name::-webkit-input-placeholder {
    color: #fff
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane .open_search {
    border: 2px solid #fe0000;
    border-radius: 22px;
    width: 210px;
    font-size: 14px;
    margin: 30px auto;
    padding: 8px 0 6px;
    cursor: pointer
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane #search_compare_team {
    display: none
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane .compare-table {
    font-family: GraublauSansDisplayRegular;
    margin-top: 6px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane .compare-table .rating-position {
    overflow: scroll;
    width: auto;
    margin: 0 auto
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane .compare-table thead tr {
    border-bottom: 1px solid #1a1e26;
    border-top: 1px solid #1a1e26
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content div:nth-child(1) .wr {
    background-image: url(/assets/team/star_bg-139810130c15bb4861866be3dc25dfdcc0d7716808e069d9b4766ff6e2164bdc.png);
    background-position: center;
    min-height: 450px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content div:nth-child(1) .wr p {
    text-align: center;
    font-size: 18px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content div:nth-child(1) .wr p span {
    color: #ff0001
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content div:nth-child(1) .wr ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content div:nth-child(1) .wr ul li {
    margin: 5px 10px;
    border-radius: 50%;
    background-color: #12151b;
    width: 10px;
    height: 10px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content div:nth-child(1) .wr ul li.active {
    background-color: #ff0001
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig {
    margin: 0;
    font-family: GraublauSansDisplayRegular;
    position: relative;
    min-height: 431px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig h2 {
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig h2 span {
    font-size: 13px;
    color: #666
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final {
    display: flex;
    justify-content: space-around;
    font-family: GraublauSlab-HeavyItalic;
    font-size: 97px;
    line-height: 35px;
    text-align: center
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final .quarter_final .ramca {
    background-color: red
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final .semi_final .ramca {
    background-color: blue
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final .final .ramca {
    background-color: yellow;
    color: #000
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final .ramca {
    width: 120px;
    height: 30px;
    text-align: center;
    font-family: GraublauSansDisplayRegular;
    font-size: 16px;
    line-height: 2
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .champ_link {
    margin: 100px auto 0;
    text-align: center
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .champ_link a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_text {
    text-align: center;
    margin-top: 100px;
    font-size: 18px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig:after {
    position: absolute;
    content: '';
    width: 210px;
    height: 416px;
    background: url(/assets/team/venki_left-6c8b509ba299b00be7bc5925cb0ac471408bc8e099596032062f75adf4ec06fd.png) no-repeat center center;
    left: 0px;
    top: 28px
}

.teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig:before {
    position: absolute;
    content: '';
    background: url(/assets/team/venki_right-577c709b69b4e3fe1273b0cf0e2322c1b1846b194d6c4132687ead8010da6bec.png) no-repeat center center;
    width: 182px;
    height: 405px;
    top: -27px;
    right: 0px
}

.teamSec .contentWrap .left.Success {
    background-color: #12151b
}

.teamSec .contentWrap .right {
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.teamSec .contentWrap .right .rightContentWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.teamSec .contentWrap .right .gamesTabs {
    display: flex
}

@media (max-width: 767px) {
    .teamSec .contentWrap .right .gamesTabs {
        margin: 0 auto;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .teamSec .contentWrap .right .gamesTabs .itemGame {
        margin-top: 20px
    }
}

.teamSec .contentWrap .right .itemGame {
    max-width: 220px;
    min-width: 220px;
    margin-top: 0;
    align-self: flex-start
}

.teamSec .contentWrap .right .itemGame .tab-content .tab-pane .date {
    top: 9px
}

.teamSec .contentWrap .right .itemGame .top {
    padding: 16px
}

.teamSec .contentWrap .right .itemGame .top li:nth-child(2) span.num {
    padding-bottom: 7px
}

.teamSec .contentWrap .right .itemGame .top li:nth-child(3) {
    margin-bottom: 3px
}

.teamSec .contentWrap .right .itemGame .top li:nth-child(4) {
    margin-bottom: 3px
}

.teamSec .contentWrap .right .carouselHere {
    display: block;
    max-width: 540px;
    width: 100%
}

.teamSec .contentWrap .right .rectangle {
    width: 100%;
    height: 247px;
    margin: 0 0 20px;
    background-size: cover;
    background-position: center;
    position: relative;
    justify-content: center;
    align-items: center;
    background-image: url(/assets/team/bg_lk_round-f6ceab5ab42400fff958213703b5c8af1c6fe900de95a6cc2e59ce652937fd37.png)
}

.teamSec .contentWrap .right .rectangle a {
    position: absolute;
    color: rgba(255, 255, 255, 0.7);
    transition: border-bottom .4s, color .4s
}

.teamSec .contentWrap .right .rectangle a:hover {
    color: #fff
}

.teamSec .contentWrap .right .rectangle a span {
    margin-right: 10px
}

.teamSec .contentWrap .right .rectangle a.teamList {
    top: 22px;
    left: 20px;
    font-size: 14px;
    line-height: 1;
    border-bottom: 1px solid
}

.teamSec .contentWrap .right .rectangle a.location {
    bottom: 17px;
    left: 20px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-family: GraublauSansDisplayRegular
}

.teamSec .contentWrap .right .rectangle a.unreg_game {
    right: 20px;
    top: 22px;
    font-size: 14px;
    line-height: 1;
    border-bottom: 1px solid
}

.teamSec .contentWrap .right .rectangle a.price {
    right: 20px;
    bottom: 17px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-family: GraublauSansDisplayRegular
}

.teamSec .contentWrap .right .rectangle .ad {
    text-align: center;
    font-family: "GraublauSlab-Heavy"
}

.teamSec .contentWrap .right .rectangle .ad li:nth-child(1) {
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .right .rectangle .ad li:nth-child(2) {
    margin-top: 12px;
    font-size: 48px;
    line-height: 1
}

.teamSec .contentWrap .right .rectangle .ad li:nth-child(3) {
    font-size: 110px;
    line-height: 60px
}

.teamSec .contentWrap .right .rectangle .ad .showOnlyMob {
    display: none
}

.teamSec .contentWrap .right .banner {
    width: 100%;
    height: 237px;
    background-repeat: no-repeat;
    background-color: #181B23;
    background-size: contain;
    background-position: center;
    background-image: url(/assets/achievments_banner-3720a6bd6211306192e585341e5e8459ff7a51dc6d9e168f995e700301b04ece.png)
}

.teamSec .contentWrap .right .banner a {
    width: 100%;
    height: 100%;
    position: relative
}

.teamSec .contentWrap .right .square {
    width: 100%;
    max-width: 290px;
    justify-content: space-between;
    flex-direction: column;
    padding: 0
}

.teamSec .contentWrap .right .square .head {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.teamSec .contentWrap .right .square .head a {
    color: rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid;
    transition: border-bottom .4s, color .4s
}

.teamSec .contentWrap .right .square .head a:hover {
    color: #fff
}

.teamSec .contentWrap .right .square .body {
    width: 100%;
    padding: 0 20px
}

.teamSec .contentWrap .right .square .body .currentPrice {
    font-family: "GraublauSlab-Bold";
    font-size: 36px;
    margin-top: 5px
}

.teamSec .contentWrap .right .square .body .currentPrice:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    content: " \f158";
    font-size: 26px
}

.teamSec .contentWrap .right .square .body .userInfo li {
    display: flex
}

.teamSec .contentWrap .right .square .body .userInfo li .name {
    margin: 0 20px;
    position: relative
}

.teamSec .contentWrap .right .square .body .userInfo li .phoneMail input {
    background-color: transparent;
    border: 0;
    width: 173px;
    font-size: 15px
}

.teamSec .contentWrap .right .square .body .userInfo li.captain .name:before {
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    background-image: url(/assets/symbol/star-09d47792f40270dbddb3fd851c492052966dd63a7dd2a734e7eb92fa0e0c2386.png);
    background-repeat: no-repeat;
    left: -20px;
    top: 3px
}

.teamSec .contentWrap .right .square .body .userInfo li.boatswain .name:before {
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    background-image: url(/assets/symbol/subCapitan-266cec8516552cc7d958825f14b4a3c061a0fe73aef9651b2d52be574f078725.png);
    background-repeat: no-repeat;
    left: -20px;
    top: 4px
}

.teamSec .contentWrap .right .square .foot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.teamSec .contentWrap .right .square .foot p {
    margin: 0
}

.teamSec .contentWrap .right .square .foot p .priceShow:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    content: " \f158";
    font-size: 15px
}

.teamSec .contentWrap .right .square .foot.bg {
    background-color: #e10000;
    border-radius: 0 0 6px 6px;
    padding: 10px 20px
}

.teamSec .contentWrap .right .square ul.foot {
    justify-content: flex-start;
    padding: 0 20px 20px
}

.teamSec .contentWrap .right .square ul.foot li {
    margin: 0 5px
}

.teamSec .contentWrap .right .challenge {
    max-width: 260px;
    max-height: 260px;
    margin: 20px 0px
}

@media (max-width: 767px) {
    .teamSec .contentWrap .right .challenge {
        margin: 20px auto
    }
}

.teamSec .contentWrap .right .challenge .slick-list {
    z-index: 20
}

.teamSec .contentWrap .right .challenge .slick-prev {
    transition: all 1s ease;
    left: -4px;
    z-index: 0
}

.teamSec .contentWrap .right .challenge .slick-next {
    transition: all 1s ease;
    right: -4px;
    z-index: 0
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted {
    background-color: #12151b;
    display: flex;
    height: 257px
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .head {
    display: flex;
    justify-content: center;
    padding: 13px;
    font-size: 21px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .body {
    display: flex;
    justify-content: center
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .body .ad {
    font-family: "GraublauSansDispLt"
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .body .ad li:nth-child(1) {
    color: #ffffff;
    font-size: 13px
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .body .ad li:nth-child(2) {
    color: #ff0001;
    font-size: 16px;
    font-weight: bold
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .body .ad li:nth-child(3) {
    padding-top: 10px;
    color: #ffffff;
    font-size: 13px
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .body .ad li:nth-child(4) {
    color: #ff0001;
    font-size: 16px;
    font-weight: bold
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg {
    display: block;
    background-color: #12151b;
    margin-top: 16px
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg .social {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg .social .social-share-button {
    display: flex
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg .social .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg .social .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg .social .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

.teamSec .contentWrap .right .challenge .last_challenge_accepted .foot.bg .social .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting {
    background-color: #c60000;
    display: flex;
    height: 257px
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .head {
    display: flex;
    justify-content: center;
    padding: 13px;
    font-size: 21px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .body {
    display: flex;
    margin: -30px;
    justify-content: center
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .body .ad {
    font-family: "GraublauSansDispLt"
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .body .ad li:nth-child(1) {
    color: #ffffff;
    font-size: 13px
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .body .ad li:nth-child(2) {
    color: #000000;
    font-size: 16px;
    font-weight: bold
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .body .ad li:nth-child(3) {
    color: #ffffff;
    font-size: 13px
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .body .ad li:nth-child(4) {
    color: #000000;
    font-size: 16px;
    font-weight: bold
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .foot.bg {
    display: block;
    background-color: #000000;
    padding: 24px 0;
    margin-top: 50px
}

.teamSec .contentWrap .right .challenge .last_challenge_waiting .foot.bg a {
    border: 2px solid #FF0001;
    border-radius: 30px;
    color: #fff;
    padding: 8px 8px;
    margin: 0 2px
}

.teamSec .contentWrap .right .challenge:hover .slick-prev {
    z-index: 100
}

.teamSec .contentWrap .right .challenge:hover .slick-next {
    z-index: 100
}

.teamSec .contentWrap .right .go_challenge {
    max-width: 260px;
    height: 257px;
    background-color: #12151b
}

.teamSec .contentWrap .right .go_challenge .head {
    display: flex;
    justify-content: center;
    padding: 13px;
    font-size: 21px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .right .go_challenge .body {
    display: flex;
    margin: -30px;
    justify-content: center
}

.teamSec .contentWrap .right .go_challenge .body .ad {
    font-family: "GraublauSansDispLt"
}

.teamSec .contentWrap .right .go_challenge .body .ad li {
    color: #ffffff;
    font-size: 13px;
    padding-bottom: 10px
}

.teamSec .contentWrap .right .go_challenge .body .ad li:nth-child(3) {
    color: #c60000;
    font-size: 15px;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .right .go_challenge .foot.bg {
    display: block;
    background-color: #c60000;
    padding: 24px;
    margin-top: 20px
}

.teamSec .contentWrap .right .go_challenge .foot.bg a {
    font-family: GraublauSansDisplayRegular;
    font-size: 14px;
    border: 2px solid #FF0001;
    border-radius: 30px;
    color: #fff;
    padding: 10px 13px 8px 13px
}

.teamSec .contentWrap .full {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 50px
}

.teamSec .contentWrap .photoHead {
    background-color: transparent;
    padding: 30px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    height: 80px;
    width: 100%;
    flex-wrap: wrap
}

.teamSec .contentWrap .photoHead h3 {
    font-size: 18px;
    line-height: 10px;
    color: #fff;
    margin: 0 auto 0 0;
    font-family: "GraublauSansDisplayRegular"
}

.teamSec .contentWrap .photoHead p {
    margin: 0 0 0 auto
}

.teamSec .contentWrap .photoHead .red {
    color: #ff0001
}

.teamSec .contentWrap .elseGame {
    margin: 0 auto
}

.teamSec .contentWrap .elseGame p {
    color: #fff;
    padding-bottom: 20px
}

.teamSec .contentWrap .photoArchive {
    background-color: #12151b;
    width: 100%;
    max-width: 170px;
    border-radius: 15px;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.teamSec .contentWrap .photoArchive h4 {
    font-family: GraublauSansDisplayRegular;
    border-bottom: 3px solid #ff0001;
    font-size: 26px;
    padding: 30px 0 10px;
    color: #fff
}

.teamSec .contentWrap .photoArchive ul li {
    position: relative
}

.teamSec .contentWrap .photoArchive ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #2c3140;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 5px
}

.teamSec .contentWrap .photoArchive ul li.active:before {
    background-color: #ff0001
}

.teamSec .contentWrap .photoArchive ul li:last-child {
    margin-bottom: 40px
}

.teamSec .contentWrap .photoArchive ul li a {
    color: #fff;
    font-family: GraublauSansDisplayRegular;
    font-size: 18px
}

.teamSec .contentWrap .photoArchive ul li a:hover {
    color: #fff
}

.teamSec .contentWrap .photoArchive .load-more-js {
    font-size: 14px;
    color: #fff;
    width: 78px;
    margin: 15px auto 30px;
    border: 2px solid red;
    border-radius: 16px;
    text-align: center;
    padding: 6px 0 4px 0;
    cursor: pointer
}

.teamSec .contentWrap .photoArchive .load-more-js:hover {
    background-color: #fff;
    color: red;
    border: 2px solid #fff
}

.teamSec .contentWrap .tab-content.albom {
    width: 100%
}

.teamSec .contentWrap .tab-content.albom .loadMore {
    margin: 10px 0 0
}

.teamSec .contentWrap .AlbomItmWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm {
    background-color: #12151b;
    width: 48.5%;
    height: 300px;
    position: relative;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm .full-v {
    width: 100%;
    height: 100%;
    border-bottom: none
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm:nth-child(2n-1) {
    margin: 0 0 30px 0
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm:last-child {
    margin-bottom: 0
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm.photoShow {
    text-align: center
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm.photoShow h4 {
    margin: 20px 0 40px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm a {
    color: #fff;
    border-bottom: 1px solid
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm a:hover {
    color: #fff
}

.teamSec .contentWrap .AlbomItmWrapper .AlbomItm .albomInfo {
    position: absolute;
    background-color: #0000ff;
    margin: auto;
    top: 0;
    padding: 10px 20px;
    border-radius: 0 0 6px 6px;
    right: 0;
    left: 0;
    max-width: 200px;
    text-align: center
}

.teamSec .contentWrap .AlbomItmWrapper .photoHidden {
    margin-top: 30px;
    display: none
}

.teamSec .contentWrap .AlbomItmWrapper .active span {
    background-color: red
}

.teamSec .contentWrap .AlbomItmWrapper .active-photo {
    display: flex !important
}

.teamSec .contentWrap .elseGames .AlbomItm {
    width: 32.2%
}

.teamSec .contentWrap .elseGames:nth-child(2n-1) {
    margin: 0
}

.teamSec .team_footer_controll {
    background-color: #14151a;
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    padding: 35px;
    text-align: center
}

@media (max-width: 767px) {
    .teamSec .team_footer_controll {
        margin-top: 0;
        padding: 15px
    }
}

.teamSec .team_footer_controll a {
    color: #fff;
    border-bottom: 1px solid;
    margin: 0 auto
}

.teamGameCarousel {
    margin-bottom: 30px
}

.teamGameCarousel .slick-dots {
    top: -25px;
    right: 0;
    width: auto
}

.teamGameCarousel .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 50%
}

.teamGameCarousel .slick-dots li.slick-active {
    background-color: #fff
}

.teamGameCarousel .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%
}

.teamGameCarousel .slick-dots li button:before {
    display: none
}

.playerWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.playerWrap .start-video {
    position: absolute;
    background-color: #ff0001;
    border-radius: 50%;
    border: 0;
    top: 37%;
    left: 43%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.playerWrap .start-video i {
    color: #fff;
    font-size: 52px;
    margin-left: 10px
}

.mainWrap.invite {
    min-height: calc(100vh - 395px);
    font-size: 14px;
    padding: 0 0 50px
}

.mainWrap.invite label {
    font-weight: 200;
    margin-bottom: 10px
}

.mainWrap.invite label span {
    color: rgba(255, 255, 255, 0.6);
    font-style: italic
}

.mainWrap.invite article {
    font-size: 3rem;
    font-family: "GraublauSansDispLt"
}

.mainWrap.invite article span {
    color: #ff0001;
    font-size: 6rem;
    font-family: "GraublauSlab-Bold";
    text-align: center
}

.mainWrap.invite .AboutInviteWrap h2 {
    font-size: 20px;
    font-family: "GraublauSansDispLt";
    margin-bottom: 20px
}

.mainWrap.invite .AboutInviteWrap h2 span {
    color: red;
    font-size: 22px;
    font-family: "GraublauSlab-Bold"
}

.mainWrap.invite .AboutInviteWrap ul li {
    position: relative
}

.mainWrap.invite .AboutInviteWrap ul li:before {
    position: absolute;
    content: "\f04d";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    color: red;
    font-size: 8px;
    top: 5px;
    left: -15px
}

.topInfo.demoGame .contentWrap {
    height: auto
}

.demoWrap {
    background-image: url(/assets/demoGame/bg-5e2ab52d350bc50b97a82f6775f0f6fee7fe5e4cb37bddb94c51939a79117bc0.png);
    background-repeat: no-repeat;
    background-size: cover
}

.demoGameSec {
    padding-top: 200px;
    padding-bottom: 200px
}

.demoGameSec .mainWrap {
    flex-direction: column;
    text-align: center;
    color: #fff
}

.demoGameSec .mainWrap h1 {
    font-family: GraublauSlab-Heavy;
    font-size: 140px
}

.demoGameSec .mainWrap .mainText {
    width: 800px;
    margin: 0 auto;
    font-size: 23px;
    font-family: GraublauSansDisplayRegular
}

.demoGameSec .mainWrap .redBtn {
    width: 198px;
    margin: 48px auto 33px;
    font-size: 18px;
    font-family: GraublauSansDisplayRegular;
    padding: 22px 0 20px 0
}

.demoGameSec .mainWrap .socialWrap .social-share-button {
    display: flex;
    width: 125px;
    margin: 0 auto 15px auto
}

.demoGameSec .mainWrap .socialWrap .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

.demoGameSec .mainWrap .socialWrap .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

.demoGameSec .mainWrap .socialWrap .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

.demoGameSec .mainWrap .socialWrap .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

.demoGameSec .gameWrap {
    width: 904px;
    height: 760px;
    margin: 0 auto
}

.demoGameSec .gameWrap .tourWrap {
    height: 96px;
    background-color: #fff;
    color: #000;
    margin-bottom: 10px;
    display: flex;
    position: relative
}

.demoGameSec .gameWrap .tourWrap .text {
    font-family: GraublauSlab-HeavyItalic;
    font-size: 17px;
    margin-left: 23px;
    padding: 40px 13px 40px 0
}

.demoGameSec .gameWrap .tourWrap .tour {
    margin-left: 25px;
    font-family: GraublauSlab-Heavy;
    font-size: 68px
}

.demoGameSec .gameWrap .tourWrap .arrow {
    position: absolute;
    right: 2%;
    top: 30%
}

.demoGameSec .gameWrap .tourWrap .rightBtn {
    position: absolute;
    right: 25px;
    border: none;
    border: 2px solid #0000fe;
    border-radius: 22px;
    color: #0000fe;
    padding: 12px 25px 14px 25px;
    background-color: #fff;
    margin: 23px 0
}

.demoGameSec .gameWrap .tourWrap .viewAnswer {
    height: 45px;
    cursor: pointer
}

.demoGameSec .gameWrap .questionBlock {
    position: relative;
    min-height: 510px;
    background-color: #fff;
    max-height: 510px;
    max-width: 904px;
    color: #000
}

.demoGameSec .gameWrap .questionBlock .text {
    padding: 90px 225px 30px 85px;
    font-family: GraublauSansBook;
    max-height: 510px;
    max-width: 904px;
    overflow: hidden
}

.demoGameSec .gameWrap .questionBlock .text p {
    text-align: center;
    overflow: hidden
}

.demoGameSec .gameWrap .questionBlock .text img {
    max-height: 316px;
    max-width: 594px
}

.demoGameSec .gameWrap .questionBlock .number {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 20px;
    font-family: GraublauSlab-Heavy;
    background-color: #3300ff;
    border-radius: 50%;
    text-align: center;
    font-size: 27px;
    color: #fff
}

.demoGameSec .gameWrap .questionBlock .tour_mbg {
    position: absolute;
    right: 0;
    top: 0
}

.demoGameSec .gameWrap .questionBlock #timer {
    font-family: GraublauSlab-Heavy;
    width: 116px;
    height: 100px;
    position: absolute;
    right: 9px;
    top: 41%;
    font-size: 50px;
    padding: 15px;
    color: #fff;
    text-align: center
}

.demoGameSec .gameWrap .answersWrap {
    background-color: #000;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-around
}

.demoGameSec .gameWrap .answersWrap .answerBlock {
    position: relative
}

.demoGameSec .gameWrap .answersWrap .answerBlock .backbg {
    position: absolute;
    background: red;
    width: 270px;
    height: 208px;
    text-align: center;
    transition: top 1s ease-out 0.5s
}

.demoGameSec .gameWrap .answersWrap .answerBlock .backbg p {
    font-family: GraublauSlab-Light;
    font-size: 61px;
    margin: 0;
    padding: 19%
}

.demoGameSec .gameWrap .answersWrap .answerBlock .activebg {
    transition: top 1s ease-out 0.5s;
    z-index: 1000
}

.demoGameSec .gameWrap .answersWrap .answerBlock .card {
    background-color: #fff;
    text-align: center;
    width: 270px;
    height: 208px;
    padding: 25px 5px;
    font-family: GraublauSansDisplayRegular;
    font-size: 24px;
    overflow: hidden;
    line-height: 1
}

.demoGameSec .gameWrap .answersWrap .answerBlock .card p {
    margin: 0
}

.demoGameSec .gameWrap .answersWrap .answerBlock .card p:nth-child(2) {
    margin-bottom: 14px
}

.demoGameSec .gameWrap .answersWrap .answerBlock .card .dtext {
    font-size: 18px;
    font-family: GraublauSlab-Bold;
    color: #fd0000;
    margin-bottom: 10px
}

.demoGameSec .gameWrap .answersWrap .answerBlock .card .falseAns {
    color: #fe0100
}

.demoGameSec .gameWrap .answersWrap .answerBlock .card .trueAns {
    color: #00dc00
}

.demoGameSec .gameWrap .hint {
    font-family: GraublauSansDisplayRegular;
    min-height: 50px;
    background-color: #000;
    color: #fc0000;
    padding: 18px 47px 16px;
    font-size: 17px
}

.demoGameSec .gameWrap .hint span {
    color: #fff
}

.demoGameSec .gameWrap .btnWrap {
    background-color: #fff;
    min-height: 80px;
    padding: 26px 0;
    font-family: GraublauSansDisplayRegular
}

.demoGameSec .gameWrap .btnWrap .rightBtn {
    margin: 0 auto;
    display: block;
    border: none;
    border: 2px solid #0000fe;
    border-radius: 22px;
    color: #0000fe;
    padding: 14px 25px 16px 25px;
    background-color: #fff
}

.demoGameSec .gameWrap .btnWrap .viewAnswer {
    width: 140px;
    height: 60px;
    font-size: 21px;
    border-radius: 35px;
    cursor: pointer;
    text-align: center
}

.demoGameSec .gameWrap .answerWrap {
    font-family: GraublauSansDisplayRegular;
    min-height: 93px;
    background-color: #fff;
    padding: 26px 0;
    display: flex;
    justify-content: space-around
}

.demoGameSec .gameWrap .answerWrap .answer {
    border: none;
    border-bottom: 2px solid #000;
    margin: 0 26px;
    width: 77%;
    text-align: center;
    padding-bottom: 10px;
    color: #000;
    font-size: 24px
}

.demoGameSec .gameWrap .answerWrap .answer::-webkit-input-placeholder {
    color: #000
}

.demoGameSec .gameWrap .answerWrap .answer::-moz-placeholder {
    color: #000
}

.demoGameSec .gameWrap .answerWrap .answer:-moz-placeholder {
    color: #000
}

.demoGameSec .gameWrap .answerWrap .answer:-ms-input-placeholder {
    color: #000
}

.demoGameSec .gameWrap .answerWrap .answerBtn {
    font-size: 18px;
    color: #9a9a9a;
    width: 100px;
    height: 40px;
    border: 2px solid #cccccc;
    border-radius: 26px;
    background: transparent;
    margin-right: 25px
}

.demoGameSec .gameWrap .answerWrap .activeBtn {
    color: #fe0000;
    border: 2px solid #fe0000
}

.demoGameSec .gameWrap .answerWrap .activeBtn:hover {
    background-color: #fe0000;
    color: #fff
}

.demoGameSec .gameWrap .answerWrap .tourBtn {
    display: block;
    width: 165px;
    color: #fe0000;
    border: 2px solid #fe0000;
    margin: 0 auto
}

.demoGameSec .gameWrap .answerWrap .tourBtn:hover {
    background-color: #fe0000;
    color: #fff
}

.demoGameSec .gameWrap .answerWrap #nextAnswer {
    cursor: pointer;
    text-align: center;
    padding: 6px 0 4px
}

.demoGameSec .gameWrap .answerWrap .radio_round {
    border: 2px solid #cccccc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 26px;
    margin-bottom: 0;
    color: #ccc;
    font-size: 18px;
    text-align: center;
    padding-top: 4px
}

.demoGameSec .gameWrap .answerWrap input[type=radio]:checked~.radio_round {
    border: 2px solid #fe0000;
    background-color: #fe0000;
    color: #fff
}

.demoGameSec .gameWrap .endQuiz {
    background-color: #fe0000;
    text-align: center
}

.demoGameSec .gameWrap .endQuiz h1 {
    font-family: GraublauSlab-Heavy;
    font-size: 78px;
    color: #fff;
    padding-top: 94px;
    padding-bottom: 70px;
    margin: 0;
    line-height: 1
}

.demoGameSec .gameWrap .endQuiz .blueBtn {
    font-size: 18px;
    width: 200px;
    margin: 0 auto;
    padding: 23px 35px 19px 35px
}

.demoGameSec .gameWrap .endQuiz .min_links {
    margin-top: 40px
}

.demoGameSec .gameWrap .endQuiz .min_links a {
    font-family: GraublauSansDisplayRegular;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 1
}

.demoGameSec .gameWrap .endQuiz .min_links a:first-child {
    margin-right: 35px
}

.demoGameSec .gameWrap.fullScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 99vw;
    height: 100vh
}

.demoGameSec .gameWrap.fullScreen .ni {
    height: 100%
}

.demoGameSec .gameWrap.fullScreen .ni .tourWrap {
    height: 9%;
    margin-bottom: 1%
}

.demoGameSec .gameWrap.fullScreen .ni .tourWrap .tour {
    font-size: 44px
}

.demoGameSec .gameWrap.fullScreen .ni .tourWrap .rightBtn {
    padding: 2px 10px
}

.demoGameSec .gameWrap.fullScreen .ni .tourWrap .arrow {
    position: absolute;
    right: 2%;
    top: 30%
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #fff
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .questionBlock {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    min-height: initial
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .questionBlock .text {
    max-width: 100%
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .questionBlock .tour_mbg {
    height: 100%
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .questionBlock .tour_mbg img {
    height: 100%;
    max-width: 140px
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .questionBlock.bgTourWrap {
    max-height: 85%;
    height: 85%
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .questionBlock.bgTourWrap .tour_se {
    height: 100%;
    margin: 0 auto;
    display: block
}

.demoGameSec .gameWrap.fullScreen .ni .questionWrap .btnWrap {
    height: 15%
}

.demoGameSec .gameWrap.fullScreen .endQuiz {
    max-width: 100%;
    max-height: 100%;
    margin: 125px 0px
}

.mainWrap.invite {
    display: flex;
    justify-content: center;
    align-items: center
}

.AboutInviteWrap {
    color: #fff;
    width: 100%;
    max-width: 500px
}

.AboutInviteWrap article {
    font-family: "GraublauSlab-Bold";
    font-size: 7.5rem;
    line-height: 6.5rem;
    margin: 0 0 20px
}

.AboutInviteWrap img {
    max-width: 350px;
    margin: 30px auto 0
}

.AboutSertWrap {
    width: 100%
}

.formSert {
    color: #fff;
    width: 100%;
    max-width: 500px
}

.sign_in {
    margin-top: 15px
}

.formWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.formWrap .lineInput {
    text-align: center;
    border: 0;
    margin: 0 0 20px 0;
    width: 230px;
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid
}

.formWrap .selectWrap {
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    max-width: 230px
}

.formWrap .selectWrap article {
    font-size: 1.7rem;
    margin: 0 0 10px;
    line-height: 1.7rem
}

.formWrap .selectWrap label {
    width: 230px;
    position: relative
}

.formWrap .selectWrap label:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    margin: auto 0;
    left: -20px;
    content: "";
    transition: background-color .4s
}

.formWrap .selectWrap input[type=radio]:checked+label:before {
    background-color: #ff0001
}

.formWrap input[type=submit] {
    margin-top: 20px
}

#start_parlay {
    font-family: GraublauSansDisplayRegular;
    font-size: 18px
}

#start_parlay .modal-content {
    width: 430px
}

#start_parlay .modal-content .modal-body {
    height: 410px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(/assets/sert/sert_modal_bg-b6faa9b2a47e3894be432c3c90b4ee97e5bb2660250ed36128bcbb12bd0c6b86.png);
    background-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

#start_parlay .modal-content .modal-body .description {
    text-align: center;
    margin-bottom: 200px
}

#start_parlay .modal-content .modal-body .description .inf {
    font-size: 12px
}

#start_parlay .modal-content .modal-body .link {
    width: 170px;
    margin: 0 auto
}

#sert_done {
    font-family: GraublauSansDisplayRegular
}

#sert_done .modal-content {
    width: 430px
}

#sert_done .modal-content .modal-header {
    background-color: #fff;
    color: #000
}

#sert_done .modal-content .modal-body .description {
    text-align: center;
    font-size: 12px
}

#sert_done .modal-content .modal-body .image {
    margin-top: 22px
}

#sert_done .modal-content .modal-body .image img {
    width: 50%;
    margin: 0 auto;
    display: block
}

#sert_done .modal-content .modal-body .link {
    margin: 30px 0 25px 0;
    display: flex;
    justify-content: center
}

#sert_done .modal-content .modal-body .link .blueBtn {
    width: 170px
}

#sert_done .modal-content .modal-body .link .left {
    margin-right: 7px
}

#sert_done .modal-content .modal-body .link .right {
    margin-left: 7px
}

#parlay_done {
    font-family: GraublauSansDisplayRegular
}

#parlay_done .modal-content {
    width: 430px
}

#parlay_done .modal-content .modal-header {
    background-color: #fff;
    color: #000
}

#parlay_done .modal-content .modal-body .description {
    text-align: center;
    font-size: 12px
}

#parlay_done .modal-content .modal-body .game {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px
}

#parlay_done .modal-content .modal-body .link {
    margin: 45px 0 25px 0;
    display: flex;
    justify-content: center
}

#parlay_done .modal-content .modal-body .link .blueBtn {
    width: 170px
}

#parlay_done .modal-content .modal-body .link .left {
    margin-right: 7px
}

#parlay_done .modal-content .modal-body .link .right {
    margin-left: 7px
}

.videoModal {
    background-color: rgba(255, 0, 1, 0.6)
}

.videoModal .closeModal.round {
    width: 151px;
    height: 44px;
    color: #FFFFFF;
    font-family: "GraublauSansDisplayRegular";
    line-height: 44px;
    background: #FF9B27;
    border-radius: 5px;
    right: 0;
    top: -60px
}

.videoModal .modal-dialog {
    margin: 0 auto
}

.videoModal .modal-dialog .modal-content {
    margin: auto auto;
    flex-basis: 100%
}

#map_modal .closeModal {
    width: 151px;
    height: 44px;
    color: #FFFFFF;
    font-family: "GraublauSansDisplayRegular";
    line-height: 44px;
    background: #FF9B27;
    border-radius: 5px;
    right: 0;
    top: -60px
}

#map_modal .modal-dialog {
    max-width: 670px
}

#map_modal .modal-dialog .modal-content {
    width: 670px
}

#map_modal .modal-dialog .modal-content iframe {
    background-image: url(/assets/loader-f0beab67a41fae4cc2fc4aca81ff4ce63d79619e6032a8a3223bad81b0762e2c.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    height: 500px;
    width: 100%
}

.combo-select .combo-dropdown {
    background-color: red;
    list-style: none;
    font-weight: normal;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88);
    top: 60px
}

.combo-select .combo-dropdown li {
    color: #ffcccc;
    margin: 7px 20px 10px 20px;
    transition: background .4s;
    border-radius: 50px
}

.combo-select .combo-dropdown li:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

.combo-select.combo-open .combo-arrow::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 39px;
    border: 10px solid transparent;
    border-bottom: 10px solid red
}

@media only screen and (max-width: 790px) {
    .feedback_modal .closeModal span {
        background-color: #ff0001
    }

    .videoModal .closeModal {
        margin: -5px 0 -5px auto
    }

    .videoModal .modal-body {
        padding: 0;
        font-size: 0
    }

    .videoModal .modal-body iframe {
        height: calc(100vh - 51px)
    }
}

.errors_modal p,
.teams_list p {
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    padding: 40px;
    text-align: center;
    color: #ff0001
}

.errors_modal ul,
.teams_list ul {
    padding: 20px 0
}

.teams_list .modal-dialog {
    max-width: 670px
}

.teams_list .modal-content {
    background-image: url(/assets/fountain-bfedb0752b1145a233dd494f49953c8e8d51c378597da41e92debfdcc9ecb5cd.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 670px
}

.teams_list .modal-content .modal-header {
    background-color: #fff
}

.teams_list .modal-content .modal-body {
    min-height: 172px
}

.teams_list .modal-content .modal-body .bottom_inf {
    display: flex;
    justify-content: space-around
}

.teams_list .modal-content .modal-body .bottom_inf .roundBtn {
    background-color: #FF0001;
    width: 220px;
    border-radius: 35px;
    font-family: GraublauSansDisplayRegular;
    font-size: 18px;
    padding: 18px 30px 16px 30px
}

.teams_list .modal-content .modal-body .bottom_inf .closeBtn {
    background-color: #000;
    border: 2px solid #000;
    width: 140px;
    width: 220px;
    border-radius: 35px;
    font-family: GraublauSansDisplayRegular;
    font-size: 18px;
    padding: 18px 30px 16px 30px
}

.teams_list .modal-content.noload {
    background-image: none
}

.teams_list .top_inf {
    display: flex;
    justify-content: center
}

.teams_list .top_inf .regcont {
    margin-left: 20px
}

.teams_list .top_inf .team_size {
    font-size: 42px;
    padding: 0;
    font-family: GraublauSlab-Bold;
    margin: -2px 20px 0 0
}

.teams_list .top_inf .roundBtn {
    background-color: #FF0001;
    width: 100%;
    border-radius: 35px;
    font-family: GraublauSansDisplayRegular;
    font-size: 18px;
    padding: 18px 30px 15px 30px
}

.teams_list ul {
    display: flex;
    flex-direction: column;
    padding-top: 60px
}

.teams_list ul li {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px
}

.teams_list ul .venki {
    flex-basis: 260px;
    margin-right: 20px;
    text-align: right
}

.teams_list ul .venki img {
    height: 50px
}

.teams_list ul .team_name {
    display: flex;
    justify-content: space-between;
    flex-basis: 385px;
    margin-top: 15px
}

.teams_list ul .team_name a {
    color: #000;
    font-size: 18px;
    font-family: GraublauSans-Semibold
}

.teams_list ul .legionaries {
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-family: GraublauSans-Semibold;
    border-top: 3px solid;
    width: 240px;
    padding-top: 8px;
    margin: 0 auto
}

.special_list ul .team_name a {
    color: #fff
}

#select_members_modal {
    background-repeat: no-repeat;
    background-position: 50% 25%
}

#select_members_modal .redBtn {
    font-size: 18px;
    margin: 30px auto 0;
    padding: 18px 42px 15px 42px;
    background-color: #FF0001;
    border-radius: 50px;
    cursor: pointer;
    width: auto;
    outline: none;
    color: #fff;
    border: 2px solid #FF0001
}

#select_members_modal .input_wrapper {
    position: relative;
    min-width: 270px
}

#select_members_modal .input_wrapper label {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    color: #000;
    text-align: left;
    min-width: 270px;
    z-index: 6;
    padding-left: 27px;
    margin: 15px auto 0;
    font-weight: 200;
    cursor: pointer;
    position: relative
}

#select_members_modal .input_wrapper label:before {
    content: none
}

#select_members_modal .input_wrapper label:hover~.check {
    border: 2px solid #0101f8
}

#select_members_modal .input_wrapper .check {
    display: block;
    position: absolute;
    border: 2px solid #c9c9c9;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 4px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

#select_members_modal .input_wrapper .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

#select_members_modal .input_wrapper input[type=radio]:checked~.check {
    border: 2px solid #0101f8
}

#select_members_modal .input_wrapper input[type=radio]:checked~.check::before {
    background: #0101f8
}

#select_members_standbies {
    background-repeat: no-repeat;
    background-position: 50% 25%
}

#select_members_standbies .redBtn {
    font-size: 18px;
    margin: 30px auto 0;
    padding: 18px 42px 15px 42px;
    background-color: #FF0001;
    border-radius: 50px;
    cursor: pointer;
    width: auto;
    outline: none;
    color: #fff;
    border: 2px solid #FF0001
}

@media only screen and (min-width: 790px) {
    .videoModal .modal-dialog {
        width: 100%;
        max-width: 670px;
        height: 100%;
        display: flex
    }

    .videoModal .modal-header {
        padding: 0
    }

    .videoModal .modal-body {
        padding: 0;
        font-size: 0
    }

    .videoModal .modal-body iframe {
        height: 350px
    }

    .videoModal .modal-body .modal-content {
        padding: 0;
        margin: 0;
        background-color: transparent;
        border: 0
    }
}

.modal-dialog {
    max-width: 320px
}

#user_agreement_modal .modal-dialog {
    max-width: 800px;
    width: auto;
    margin: 60px auto
}

#user_agreement_modal .modal-dialog .rule {
    padding: 20px 30px 0
}

#user_agreement_modal .modal-dialog .rule h3 {
    margin-bottom: 10px;
    font-family: "GraublauSlab-Bold"
}

#user_agreement_modal .modal-dialog .rule p {
    color: 0, 0, 0, 0.6;
    font-family: "GraublauSansDispLt";
    margin-bottom: 5px
}

#user_agreement_modal .modal-dialog .blueBtn {
    max-width: 200px;
    margin: 40px auto
}

.thankU {
    display: none;
    padding: 40px 20px
}

.modal-dialog .modal-content .modal-body .success-big {
    text-align: center;
    font-size: 2rem;
    padding: 1rem
}

.modal-dialog .modal-content .modal-body form .upload {
    position: relative;
    display: inline-block
}

.modal-dialog .modal-content .modal-body form .upload label.avatarWrap {
    color: #5F626A;
    cursor: pointer;
    width: 200px;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    transition: background ease .5s;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.modal-dialog .modal-content .modal-body form .upload label.avatarWrap:before {
    display: none
}

.modal-dialog .modal-content .modal-body .error-after {
    font-size: 12px;
    color: red;
    margin-top: -12px;
    opacity: 0.7;
    text-align: center;
    padding: 0 20px
}

.input-file {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.add-image {
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 800;
    color: #fff;
    text-shadow: 1px 1px 1px #0001ff
}

.modal-content {
    background-color: #fff
}

.modal-content .modal-header {
    border: 0;
    border-radius: 4px 4px 0 0;
    color: #fff
}

.modal-content .modal-header {
    background-color: #0c00ff
}

.modal-content .modal-header h2 {
    font-family: "GraublauSlab-Bold";
    font-size: 40px;
    line-height: 1
}

.modal-content .modal-header.redHeader {
    background-color: #ff0001
}

.modal-content .modal-body .modalInput {
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid;
    padding: 8px 5px;
    color: #0000ff;
    display: block;
    max-width: 230px;
    width: 100%;
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px
}

.modal-content .modal-body .modalInput:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    -webkit-text-fill-color: #0000ff !important;
    color: #0000ff !important
}

.modal-content .modal-body .modalInput.redInput {
    color: #e10000;
    font-size: 20px;
    max-width: 260px;
    font-family: "GraublauSansDispLt";
    transition: all .4s
}

.modal-content .modal-body .modalInput.invalid {
    color: #000 !important;
    border-bottom-color: #000 !important;
    margin: 0 auto 15px
}

.modal-content .modal-body .toggle-wrapper {
    margin-top: 10px
}

.modal-content .modal-body .toggle-wrapper .toggle-starter {
    border-bottom: 1px dashed
}

.modal-content .modal-body .check-sert-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal-content .modal-body .check-sert-wrapper .toggle-target {
    margin-top: 10px;
    position: relative;
    width: 230px
}

.modal-content .modal-body .check-sert-wrapper .toggle-target:before {
    content: "";
    position: absolute
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .info {
    color: red;
    text-align: center;
    font-size: 12px
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .add_sert_input {
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid red;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: red;
    font-size: 20px;
    margin: 10px auto
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .sert_wrap {
    position: relative
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .sert_wrap.valid-sert:before {
    content: "";
    position: absolute;
    right: -28px;
    top: 10px;
    width: 24px;
    height: 24px;
    background-image: url(/assets/symbol/valid-058788051b35acfa16c1e637bdae091a5b507e1b2dde5670cc4353e807d48f9c.png)
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .sert_wrap.invalid-sert:before {
    content: "";
    position: absolute;
    right: -28px;
    top: 10px;
    width: 24px;
    height: 24px;
    background-image: url(/assets/symbol/invalid-bea5dd75a5d284f2fbecbb27e9a41c7e25b046224ff4620bf8451cf5fd4b0d74.png)
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .sert_wrap .modalInput {
    width: 230px
}

.modal-content .modal-body .check-sert-wrapper .toggle-target .sert_wrap .errors {
    text-align: center
}

.modal-content .modal-body .check-promocode-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target {
    margin-top: 10px;
    position: relative;
    width: 230px
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target:before {
    content: "";
    position: absolute
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .info {
    color: red;
    text-align: center;
    font-size: 12px
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .add_promocode_input {
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid red;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: red;
    font-size: 20px;
    margin: 10px auto
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .promocode_wrap {
    position: relative
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .promocode_wrap.valid-promocode:before {
    content: "";
    position: absolute;
    right: -28px;
    top: 10px;
    width: 24px;
    height: 24px;
    background-image: url(/assets/symbol/valid-058788051b35acfa16c1e637bdae091a5b507e1b2dde5670cc4353e807d48f9c.png)
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .promocode_wrap.invalid-promocode:before {
    content: "";
    position: absolute;
    right: -28px;
    top: 10px;
    width: 24px;
    height: 24px;
    background-image: url(/assets/symbol/invalid-bea5dd75a5d284f2fbecbb27e9a41c7e25b046224ff4620bf8451cf5fd4b0d74.png)
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .promocode_wrap .modalInput {
    width: 230px
}

.modal-content .modal-body .check-promocode-wrapper .toggle-target .promocode_wrap .errors {
    text-align: center
}

.modal-content .modal-body .modalInputPhone {
    background-color: inherit
}

.modal-content .modal-body form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center
}

.modal-content .modal-body form .tab-content {
    width: 100%
}

.modal-content .modal-body form .tab-content .tab-pane.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.modal-content .modal-body form .tab-content .tab-pane.active span {
    margin: 20px 20px 0;
    color: #999999
}

.modal-content .modal-body form .tab-content .tab-pane.active span a {
    color: #999999;
    border-bottom: 1px solid #999999
}

.modal-content .modal-body form .help {
    color: #999;
    margin-top: -5px;
    line-height: 10px;
    font-family: "GraublauSansDisplayRegular";
    border-bottom: 1px solid
}

.modal-content .modal-body form .blueBtn {
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    margin: 20px 0 10px
}

.modal-content .modal-body form .blueBtn:hover,
.modal-content .modal-body form .blueBtn:focus {
    color: #fff
}

.modal-content .modal-body form input[type=checkbox]:checked+label:before,
.modal-content .modal-body form input[type=radio]:checked+label:before {
    background-color: #ff0001;
    border: 1px solid #ff0001
}

.modal-content .modal-body form label {
    position: relative;
    margin: 15px auto 0;
    color: #0000ff;
    display: block;
    font-family: "GraublauSansDispLt";
    font-weight: 200;
    cursor: pointer;
    width: 220px
}

.modal-content .modal-body form label:before {
    background-color: transparent;
    border: 1px solid #0000ff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -3px;
    bottom: 0;
    transition: background-color .4s, border .4s
}

.modal-content .modal-body form label.error_label:before {
    background-color: #000;
    border: 1px solid #000
}

.modal-content .modal-body form label.invalid {
    color: #000 !important
}

.modal-content .modal-body form label.invalid:before {
    border: 1px solid #000 !important
}

.modal-content .modal-body form .sert_label {
    width: 135px
}

.modal-content .modal-body form .selectWrap {
    margin-top: 30px
}

@media only screen and (max-width: 790px) {
    .modal-content .modal-footer {
        padding: 5px;
        border: 0;
        text-align: center
    }
}

@media only screen and (min-width: 790px) {
    .modal-content .modal-footer {
        padding: 0;
        display: flex;
        justify-content: center;
        border: 0;
        position: absolute;
        width: 100%;
        height: 45px;
        align-items: center;
        color: #fff
    }

    .modal-content .modal-footer img {
        margin-right: 20px
    }
}

.errorWrap .alert-danger {
    background-color: transparent;
    border-color: #000;
    color: #000;
    margin: 15px 0 -10px
}

.editProfile .modal-dialog {
    font-family: "GraublauSansDisplayRegular";
    max-width: 420px
}

.ratingCompareModal .modal-dialog {
    max-width: 900px;
    width: auto
}

.ratingCompareModal .modal-content .modal-body,
.ratingCompareModal .modal-content .modal-header {
    padding: 0
}

.ratingCompareModal .table-fixed tbody {
    height: auto
}

.ratingCompareModal .table-fixed thead tr,
.ratingCompareModal .table-fixed tbody tr {
    padding: 15px 30px
}

.ratingCompareModal .table-fixed thead tr td,
.ratingCompareModal .table-fixed tbody tr td {
    padding: 0
}

.ratingCompareModal .table-fixed thead .achivmentsWrapp,
.ratingCompareModal .table-fixed tbody .achivmentsWrapp {
    max-width: 100px
}

.ratingCompareModal .table-fixed thead th:last-child,
.ratingCompareModal .table-fixed tbody th:last-child {
    max-width: 100px
}

.teamModal .modal-dialog {
    font-family: "GraublauSansDisplayRegular";
    max-width: 720px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin: 70px auto 0
}

.teamModal .modal-dialog .modal-content {
    flex: 1;
    margin: 0 2.5px
}

.teamModal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.teamModal .Superfooter {
    color: #FFF;
    display: flex;
    align-items: center;
    width: 140px;
    justify-content: space-between;
    margin: 10px auto
}

.teamModal .teamWrap {
    padding: 30px 15px;
    background-image: url(/assets/symbol/salut/2-dcf68155ce103affa6aa43f73308fd59ab2ef641724e8e18923c7a73164293d0.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%
}

.teamModal .teamWrap.exist {
    background-image: url(/assets/symbol/salut/3-e266311dc6b148da659aa97208cc58557285a683f4958b4145b0bb8187c4aab7.png)
}

.teamModal .teamWrap.exist .error {
    color: #ff0001;
    margin: 35px 0 30px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear
}

.teamModal .teamWrap.exist .error.has {
    opacity: 1;
    visibility: visible
}

.teamModal .teamWrap.exist .redBtn {
    font-size: 16px
}

.teamModal .teamWrap .info {
    height: 62px;
    margin-top: 100px
}

.teamModal .exampleName {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin: 35px 0 0
}

.teamModal .exampleName span {
    font-size: 20px
}

#request_invitation_modal .modal-body {
    display: flex;
    justify-content: space-between
}

#request_invitation_modal .modal-body table td {
    width: 100%
}

#request_invitation_modal .modal-body table .btn a {
    margin-left: 10px
}

#choose_city_modal .modal-content .modal-header {
    background-color: #fff;
    padding-bottom: 0;
    font-family: "GraublauSansDisplayRegular"
}

#choose_city_modal .modal-content .modal-header h2 {
    color: #ff0000;
    font-family: GraublauSlab-Heavy
}

#choose_city_modal .modal-content .modal-header p {
    text-align: center;
    color: #000;
    line-height: 1
}

#choose_city_modal .modal-content .modal-body {
    padding-top: 0;
    padding-bottom: 30px
}

#choose_city_modal .modal-content .modal-body .combo-select {
    margin-bottom: 30px
}

#choose_city_modal .modal-content .modal-body .combo-select .combo-input {
    min-width: 230px
}

#choose_city_modal .modal-content .modal-body .btnBlue {
    padding: 17px 20px 15px;
    width: 190px;
    font-family: GraublauSlab-Bold
}

.ThankYouTeamModal .modal-dialog {
    font-family: "GraublauSansDisplayRegular"
}

.ThankYouTeamModal .modal-dialog .modal-body {
    text-align: center;
    padding: 40px 20px;
    background-image: url(/assets/symbol/salut/3-e266311dc6b148da659aa97208cc58557285a683f4958b4145b0bb8187c4aab7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%
}

.ThankYouTeamModal .modal-dialog .modal-body p {
    font-size: 18px;
    font-weight: 800
}

.ThankYouTeamModal .modal-dialog .modal-body p a {
    color: #0000ff
}

.ThankYouTeamModal .modal-dialog .modal-body .redBtn {
    font-size: 18px;
    max-width: 260px;
    margin: auto
}

.ThankYouTeamModal .capWrap {
    margin: 15px 0
}

.ThankYouTeamModal .capWrap .ava {
    object-fit: cover;
    width: 110px;
    height: 110px;
    border-radius: 50%
}

.ThankYouTeamModal .capWrap article {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-top: 12px;
    font-family: "GraublauSlab-Bold";
    color: #0000ff
}

.ThankYouTeamModal .capWrap article img {
    margin: -5px 10px 0 0;
    max-width: 14px
}

.fast_connect {
    font-family: "GraublauSansDispLt"
}

.fast_connect .modal-dialog {
    max-width: 620px;
    margin: 60px auto 0
}

.fast_connect .modal-body {
    padding: 0
}

.fast_connect .modal-body .qreg_agree {
    width: 290px;
    padding-top: 10px
}

.fast_connect .modal-body .tab-content .tab-pane {
    padding: 30px 40px 30px
}

.fast_connect .modal-body .tab-content .tab-pane.lastStep {
    padding: 0;
    background-color: #0000ff
}

.fast_connect .modal-content form .tab-content .tab-pane.active .infoText {
    text-align: center;
    color: #000;
    margin: 0 20px
}

.fast_connect .modal-content form .tab-content .tab-pane.active span {
    margin: 0;
    color: #000
}

.fast_connect .modal-content form .tab-content .tab-pane.active.lastStep {
    display: block
}

.fast_connect .slick-dots {
    bottom: -45px
}

.fast_connect .slick-dots li button:before,
.fast_connect .slick-dots li.slick-active button:before {
    color: #fff;
    font-size: 30px
}

.fast_connect .lastStepWrap {
    padding: 40px
}

.fast_connect .lastStepWrap .item {
    color: #fff;
    font-family: "GraublauSansDisplayRegular"
}

.fast_connect .lastStepWrap .item li:nth-child(1) {
    font-size: 18px
}

.fast_connect .lastStepWrap .item li:nth-child(2) {
    font-size: 14px;
    line-height: 10px;
    margin: 20px 0 0
}

.fast_connect .lastStepWrap .item li:nth-child(2) img {
    margin: auto
}

.fast_connect .lastStepWrap .item li:nth-child(3) {
    font-family: "GraublauSlab-Heavy";
    margin-top: 30px;
    font-size: 60px;
    line-height: 50px
}

.fast_connect .lastStepWrap .item li:nth-child(4) {
    font-family: "GraublauSlab-Heavy";
    font-size: 120px;
    line-height: 100px
}

.fast_connect .lastStepWrap .item li:nth-child(5) {
    margin: 20px auto 0;
    max-width: 180px
}

.fast_connect .sidesWrap {
    width: 100%;
    display: flex;
    justify-content: space-around
}

.fast_connect .sidesWrap .captainSide,
.fast_connect .sidesWrap .boatswainSide {
    min-width: 220px
}

.fast_connect .sidesWrap .captainSide .title,
.fast_connect .sidesWrap .boatswainSide .title {
    height: 32px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular"
}

.fast_connect .sidesWrap .captainSide .title img,
.fast_connect .sidesWrap .boatswainSide .title img {
    margin-right: 20px
}

.fast_connect .generateName {
    color: #999;
    text-decoration: underline;
    margin-top: -10px
}

#challenge .modal-content .modal-header {
    background-color: #12151b
}

#challenge .modal-content .modal-body {
    padding: 15px 15px 0 15px;
    background-color: #12151b;
    color: #fff
}

#challenge .modal-content .modal-body form label {
    color: #fff
}

#challenge .modal-content .modal-body form label:before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(/assets/symbol/rect1-a583d735040fda68b727a9c7ed3b24bc7c8b73949c1765ca5205b7ecb9cf2d38.png);
    border: none;
    left: -36px;
    top: 2px
}

#challenge .modal-content .modal-body form label.invalid {
    color: #fff !important
}

#challenge .modal-content .modal-body form label.invalid:before {
    border: none !important
}

#challenge .modal-content .modal-body form input[type=checkbox]:checked+label:before,
#challenge .modal-content .modal-body form input[type=radio]:checked+label:before {
    background-color: #12151b;
    border: none;
    background-image: url(/assets/symbol/rect2-9643b1721da24807578a361a02ace60921c293823af49e785c641e59ba0ba028.png)
}

#challenge .modal-content .modal-body .error_block {
    margin: 0;
    padding-bottom: 20px
}

#challenge .modal-content .footerchik {
    display: block;
    background-color: #c60000;
    padding: 24px;
    margin-top: 20px;
    width: 109.5%;
    height: 90px
}

#challenge .modal-content .footerchik .roundBtn {
    margin: 0 auto
}

#challenge .modal-content form label:before {
    top: 9px;
    left: -12px
}

#challenge .modal-content .error {
    color: #ff0001;
    text-align: center
}

#challenges_modal .modal-header {
    background-color: #c60000
}

#challenges_modal .modal-body {
    padding: 0;
    padding-top: 30px;
    text-align: center;
    background-color: #c60000
}

#challenges_modal .modal-body .head {
    display: flex;
    justify-content: center;
    padding: 13px;
    font-size: 21px;
    color: #ffffff;
    font-family: "GraublauSansDisplayRegular"
}

#challenges_modal .modal-body .body {
    display: flex;
    justify-content: center
}

#challenges_modal .modal-body .body .ad {
    font-family: "GraublauSansDispLt"
}

#challenges_modal .modal-body .body .ad li:nth-child(1) {
    color: #ffffff;
    font-size: 13px
}

#challenges_modal .modal-body .body .ad li:nth-child(2) {
    color: #000000;
    font-size: 16px;
    font-weight: bold
}

#challenges_modal .modal-body .body .ad li:nth-child(3) {
    color: #ffffff;
    font-size: 13px
}

#challenges_modal .modal-body .body .ad li:nth-child(4) {
    color: #000000;
    font-size: 16px;
    font-weight: bold
}

#challenges_modal .modal-body .foot.bg {
    display: block;
    background-color: #000000;
    padding: 24px 0;
    margin-top: 50px
}

#challenges_modal .modal-body .foot.bg a {
    border: 2px solid #FF0001;
    border-radius: 15px;
    color: #fff;
    padding: 8px 8px;
    margin: 0 2px
}

#challenges_modal .modal-body .navDayGame {
    display: flex;
    width: 340px;
    position: absolute;
    top: -165px;
    left: 0
}

#challenges_modal .modal-body .navDayGame.unvisible {
    visibility: hidden
}

#challenges_modal .modal-body .navDayGame p {
    color: #e5e5e5;
    margin: 0 auto 0 0;
    font-family: "GraublauSansDispLtIt";
    font-size: 15px
}

#challenges_modal .modal-body .navDayGame li {
    display: flex;
    align-items: center
}

#challenges_modal .modal-body .navDayGame li a {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color .4s, border .4s
}

#challenges_modal .modal-body .navDayGame li.active a {
    background-color: #fff;
    width: 10px;
    height: 10px
}

#done_challenge_modal .modal-header {
    background-color: #12151b
}

#done_challenge_modal .modal-body {
    background-color: #12151b
}

#done_challenge_modal .modal-body .head {
    display: flex;
    justify-content: center;
    padding: 13px;
    font-size: 21px;
    color: #ffffff;
    font-family: "GraublauSansDisplayRegular"
}

#done_challenge_modal .modal-body .body {
    margin-top: 20px;
    display: flex;
    justify-content: center
}

#done_challenge_modal .modal-body .body .ad {
    font-family: "GraublauSansDispLt"
}

#done_challenge_modal .modal-body .body .ad li:nth-child(1) {
    color: #ffffff;
    font-size: 13px
}

#done_challenge_modal .modal-body .body .ad li:nth-child(2) {
    color: #ff0001;
    font-size: 16px;
    font-weight: bold
}

#done_challenge_modal .modal-body .body .ad li:nth-child(3) {
    padding-top: 10px;
    color: #ffffff;
    font-size: 13px
}

#done_challenge_modal .modal-body .body .ad li:nth-child(4) {
    color: #ff0001;
    font-size: 16px;
    font-weight: bold
}

#done_challenge_modal .modal-body .foot.bg {
    display: block;
    background-color: #12151b;
    margin-top: 80px
}

#done_challenge_modal .modal-body .foot.bg .social {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

#done_challenge_modal .modal-body .foot.bg .social .social-share-button {
    display: flex
}

#done_challenge_modal .modal-body .foot.bg .social .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

#done_challenge_modal .modal-body .foot.bg .social .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

#done_challenge_modal .modal-body .foot.bg .social .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

#done_challenge_modal .modal-body .foot.bg .social .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

#inv_modal .modal-content .modal-header {
    background-color: #fff;
    color: #ff0001;
    text-align: center
}

#inv_modal .modal-content .modal-body {
    text-align: center
}

#inv_modal .modal-content .modal-body h2 {
    margin-top: 0;
    margin-bottom: 25px
}

#inv_modal .modal-content .modal-body h2 .red {
    color: #ff0001
}

#inv_modal .modal-content .modal-body .roundBtn {
    display: inline-block;
    color: #ff0001;
    padding: 6px 15px;
    margin: 20px 10px 40px 10px
}

#inv_modal .modal-content .modal-body .social-share-button {
    display: flex;
    width: 125px;
    margin: 0 auto 15px auto
}

#inv_modal .modal-content .modal-body .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

#inv_modal .modal-content .modal-body .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

#inv_modal .modal-content .modal-body .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

#inv_modal .modal-content .modal-body .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

#invitations_modal {
    font-family: "GraublauSansDisplayRegular"
}

#invitations_modal .modal-content .modal-header {
    background-color: #fff;
    color: #ff0001;
    text-align: center
}

#invitations_modal .modal-content .modal-body {
    text-align: center
}

#invitations_modal .modal-content .modal-body h2 {
    margin-top: 0;
    margin-bottom: 25px
}

#invitations_modal .modal-content .modal-body h2 .red {
    color: #ff0001
}

#invitations_modal .modal-content .modal-body .roundBtn {
    display: inline-block;
    color: #ff0001;
    padding: 6px 15px;
    margin: 20px 10px 40px 10px
}

#invitations_modal .modal-content .modal-body .social-share-button {
    display: flex;
    width: 125px;
    margin: 0 auto 15px auto
}

#invitations_modal .modal-content .modal-body .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

#invitations_modal .modal-content .modal-body .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

#invitations_modal .modal-content .modal-body .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

#invitations_modal .modal-content .modal-body .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

#invitations_modal .modal-content .modal-body .navDayGame {
    display: flex;
    width: 340px;
    position: absolute;
    top: -165px;
    left: 0
}

#invitations_modal .modal-content .modal-body .navDayGame.unvisible {
    visibility: hidden
}

#invitations_modal .modal-content .modal-body .navDayGame p {
    color: #e5e5e5;
    margin: 0 auto 0 0;
    font-family: "GraublauSansDispLtIt";
    font-size: 15px
}

#invitations_modal .modal-content .modal-body .navDayGame li {
    display: flex;
    align-items: center
}

#invitations_modal .modal-content .modal-body .navDayGame li a {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color .4s, border .4s
}

#invitations_modal .modal-content .modal-body .navDayGame li.active a {
    background-color: #fff;
    width: 10px;
    height: 10px
}

#request_invitation_modal {
    font-family: "GraublauSansDisplayRegular"
}

#request_invitation_modal .modal-content .modal-header {
    background-color: #fff;
    color: #ff0001;
    text-align: center
}

#request_invitation_modal .modal-content .modal-body {
    display: block;
    text-align: center
}

#request_invitation_modal .modal-content .modal-body h2 {
    margin-top: 0;
    margin-bottom: 25px
}

#request_invitation_modal .modal-content .modal-body h2 .red {
    color: #ff0001
}

#request_invitation_modal .modal-content .modal-body .roundBtn {
    display: inline-block;
    color: #ff0001;
    padding: 6px 15px;
    margin: 20px 10px 40px 10px
}

#request_invitation_modal .modal-content .modal-body .social-share-button {
    display: flex;
    width: 125px;
    margin: 0 auto 15px auto
}

#request_invitation_modal .modal-content .modal-body .social-share-button .ssb-icon {
    margin-left: 12px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

#request_invitation_modal .modal-content .modal-body .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

#request_invitation_modal .modal-content .modal-body .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

#request_invitation_modal .modal-content .modal-body .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

#request_invitation_modal .modal-content .modal-body .navDayGame {
    display: flex;
    width: 340px;
    position: absolute;
    top: -165px;
    left: 0
}

#request_invitation_modal .modal-content .modal-body .navDayGame.unvisible {
    visibility: hidden
}

#request_invitation_modal .modal-content .modal-body .navDayGame p {
    color: #e5e5e5;
    margin: 0 auto 0 0;
    font-family: "GraublauSansDispLtIt";
    font-size: 15px
}

#request_invitation_modal .modal-content .modal-body .navDayGame li {
    display: flex;
    align-items: center
}

#request_invitation_modal .modal-content .modal-body .navDayGame li a {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color .4s, border .4s
}

#request_invitation_modal .modal-content .modal-body .navDayGame li.active a {
    background-color: #fff;
    width: 10px;
    height: 10px
}

.feedback_modal {
    font-family: "GraublauSansDispLt"
}

.feedback_modal .modal-dialog {
    max-width: 400px;
    margin: 60px auto 0
}

.feedback_modal .modal-content .modal-header {
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 16px;
    padding: 15px 15px 0
}

.feedback_modal .modal-content .modal-header h2 {
    color: #ff0001;
    font-size: 42px
}

.feedback_modal .modal-content .modal-header p {
    margin: 0 auto;
    max-width: 320px
}

.feedback_modal .modal-content .modal-body {
    padding: 0 15px 15px
}

.feedback_modal .modal-content .modal-body form {
    font-family: "GraublauSansDisplayRegular"
}

.feedback_modal .modal-content .modal-body form .labelQest {
    transition: opacity .5s;
    color: #e10000;
    overflow: hidden
}

.feedback_modal .modal-content .modal-body form .combo-select {
    width: 260px
}

.feedback_modal .modal-content .modal-body form textarea {
    min-height: 40px;
    min-width: 220px;
    height: 150px;
    border: 2px solid #e10000;
    transition: all 1s;
    text-align: left;
    resize: none
}

.feedback_modal .modal-content .modal-body form textarea.redInput {
    color: #000
}

.feedback_modal .modal-content .modal-body form textarea.emptyQ {
    transition: all 0s;
    border: 2px solid transparent;
    border-bottom: 2px solid #e10000;
    max-height: 48px;
    text-align: center;
    color: #ff0001;
    overflow: hidden
}

#feedback_category_feedback_id {
    display: none
}

.feedback_done .blueBtn {
    margin: 50px auto 20px;
    max-width: 150px
}

.closeModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 0 0 -20px auto
}

.closeModal span {
    background-color: #fff;
    width: 12px;
    height: 2px;
    display: block;
    transition: background-color .4s;
    transform: rotate(-45deg)
}

.closeModal span:last-child {
    transform: rotate(45deg);
    margin: -2px 0 0 0
}

@media screen and (min-width: 790px) {
    .closeModal.round {
        background-color: #fff;
        border-radius: 50%;
        background-color: #0000ff;
        position: absolute;
        right: -45px;
        top: -45px;
        width: 40px;
        height: 40px
    }

    .closeModal.round span {
        width: 22px
    }

    .closeModal.round:hover span {
        background-color: #fff
    }
}

.welcome_modal {
    font-family: "GraublauSansDisplayRegular"
}

.welcome_modal .modal-dialog {
    max-width: 420px;
    margin: 60px auto 0
}

.welcome_modal .modal-body {
    color: #000;
    text-align: center;
    padding: 0
}

.welcome_modal .modal-body .LKWrap {
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(/assets/modals/LKPrew-4438b97d0ced30e56749ef9f82450d4487b473f4358f9e70bd39209c920ee421.png);
    margin: 15px 5px 0;
    background-size: 100%
}

.welcome_modal .modal-body .CIWrap {
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(/assets/modals/KIPrew-cb1316865a6526d35f9ebee13bfa321e601c3fb506d7f16c1eaf134647a4111c.png);
    margin: 15px 5px 0;
    background-size: 100%
}

.welcome_modal p.inf {
    margin: 0 10px;
    min-height: 70px;
    font-size: 13px
}

.welcome_modal p.infSec {
    margin: auto;
    min-height: 70px;
    max-width: 305px;
    font-size: 13px
}

.welcome_modal p strong {
    font-size: 22px
}

.welcome_modal .btnWrap {
    padding: 150px 0 40px;
    display: flex;
    justify-content: space-around
}

.welcome_modal .btnWrap .blueBtn,
.welcome_modal .btnWrap .blackBtn {
    width: 170px;
    font-size: 18px;
    padding: 17px 0 15px 0
}

.email_search .result {
    max-width: 230px;
    margin: auto;
    margin-bottom: 10px
}

.invite_link {
    max-width: 230px;
    margin: auto
}

.invite_link .copyWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    margin: 0 0 20px
}

.invite_link .copyWrap .modalInput {
    text-align: left;
    padding: 8px 0
}

.invite_link .copyWrap input,
.invite_link .copyWrap a {
    margin: 0 auto 0 0
}

.new_invitation {
    max-width: 230px;
    margin: auto
}

.inviteBtn {
    background-color: transparent;
    border: 0
}

.copyBtn,
.inviteBtn {
    color: #000;
    opacity: .7;
    border-bottom: 1px solid;
    transition: opacity .4s;
    cursor: pointer
}

.copyBtn:hover,
.inviteBtn:hover {
    opacity: 1
}

.gallery-box {
    margin: 0 auto
}

.view {
    position: relative;
    margin: 0 0 5px
}

.big-image img {
    width: 100%
}

@media screen and (min-width: 790px) {
    .big-image img {
        object-fit: cover
    }
}

@media screen and (min-width: 1300px) {
    .big-image img {
        height: auto;
        object-fit: cover;
        min-height: 450px;
        max-height: 750px
    }
}

.thumbnails {
    flex-wrap: wrap;
    display: flex
}

.thumbnails a img {
    width: 70px;
    object-fit: cover;
    height: 40px;
    border: 2px solid transparent;
    display: block
}

.thumbnails a.active img {
    border-color: #FF0001
}

.titleHead h3 {
    text-align: center;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    line-height: 10px
}

.modal.no-header .modal-content .modal-header {
    padding: 0
}

.modalDots {
    display: flex;
    margin-top: -50px;
    position: absolute;
    right: 10px
}

.modalDots li {
    margin: 5px
}

.modalDots li a {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid transparent;
    transition: border .4s, background-color .4s, opacity .4s;
    border-radius: 50%;
    display: block
}

.modalDots li.active a {
    background-color: transparent;
    border: 2px solid #fff
}

.modalDots li .Fake {
    opacity: .4
}

.subTabsStat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto 10px;
    background-color: #000;
    border-radius: 50px;
    max-width: 300px;
    font-family: "GraublauSansDisplayRegular"
}

.subTabsStat li {
    padding: 7px 10px 5px;
    border: 2px solid transparent;
    transition: border .4s;
    border-radius: 50px
}

.subTabsStat li a {
    color: #ccc;
    transition: color .4s
}

.subTabsStat li a:hover,
.subTabsStat li a:focus {
    color: #fff
}

.subTabsStat li.active {
    border: 2px solid #ff0001
}

.rating-position {
    width: 100%
}

.rating-position th {
    padding: 10px 10px 0px;
    color: #666;
    font-family: "GraublauSlab-LightItalic";
    font-weight: 200;
    vertical-align: top;
    line-height: 1;
    font-size: 12px
}

.rating-position td {
    vertical-align: top
}

.rating-position td.team-name {
    max-width: 250px
}

.rating-position td.counter {
    color: #666
}

.rating-position td a:hover {
    text-decoration: none
}

.rating-position.commonRating tbody tr td {
    padding: 7px 10px 5px
}

.rating-position.commonRating tbody tr:first-child td {
    padding-top: 12px
}

.rating-position.PrAndRt th {
    padding: 10px 5px 8px
}

.rating-position.PrAndRt tr td {
    padding: 6px 3px
}

.rating-position.posInLig tbody tr {
    transition: background-color .4s
}

.rating-position.posInLig tbody tr td {
    padding: 10px 10px 8px
}

.rating-position.posInLig tbody tr:first-child {
    background-color: #1a1e26
}

.rating-position.posInLig tbody tr:hover {
    background-color: #161a21
}

.rating-position.posInLig .ourTeam td {
    color: #ff0001
}

.rating-position tbody {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    font-weight: 200;
    color: #ccc
}

.rating-position tbody .teamList a {
    color: #ccc
}

.rating-position tr.current {
    color: #FF0000
}

.rating-position a {
    color: inherit
}

.rating-position a:hover {
    text-decoration: underline
}

.subTabsCont {
    color: #fff
}

.subTabsCont .redText {
    color: #ff0001
}

.subTabsCont h3 {
    font-family: "GraublauSansDisplayRegular";
    font-weight: 200;
    text-align: center;
    margin: 7px 0 0;
    font-size: 20px
}

.toggleCustom {
    position: relative
}

.toggleCustom .b {
    display: block
}

.toggleCustom .toggle {
    position: absolute;
    top: 0;
    bottom: -3px;
    margin: auto;
    left: 0;
    width: 60px;
    height: 26px;
    border-radius: 100px;
    background-color: #333333;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05)
}

.toggleCustom .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6
}

.toggleCustom .check:checked~.track {
    box-shadow: inset 0 0 0 20px #009900
}

.toggleCustom .check:checked~.switch {
    right: 4px;
    left: auto;
    transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: .05s, 0s
}

.toggleCustom .switch {
    position: absolute;
    left: 4px;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .05s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.toggleCustom .track {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);
    border-radius: 40px
}

.citiesRatingWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center
}

.citiesRatingWrap li {
    text-align: center;
    padding: 20px
}

.citiesRatingWrap li span {
    font-family: "GraublauSlab-LightItalic"
}

.citiesRatingWrap li span.score {
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 80px;
    display: block
}

.citiesRatingWrap li:nth-child(1) {
    color: #0000ff
}

.citiesRatingWrap li:nth-child(2) {
    color: #0099ff
}

.citiesRatingWrap li:nth-child(3) {
    color: #ff9900
}

.citiesRatingWrap li:nth-child(4) {
    color: #00ffff
}

.citiesRatingWrap li:nth-child(5) {
    color: #ff6600
}

.citiesRatingWrap li:nth-child(6) {
    color: #666666
}

.modalInput {
    margin-bottom: 15px
}

.modalInput::-webkit-input-placeholder {
    color: #0000ff
}

.modalInput::-moz-placeholder {
    color: #0000ff
}

.modalInput:-moz-placeholder {
    color: #0000ff
}

.modalInput:-ms-input-placeholder {
    color: #0000ff
}

.modalInput.redInput::-webkit-input-placeholder {
    color: #e10000;
    opacity: 1;
    transition: color .4s
}

.modalInput.redInput::-moz-placeholder {
    color: #e10000;
    opacity: 1;
    transition: color .4s
}

.modalInput.redInput:-moz-placeholder {
    color: #e10000;
    opacity: 1
}

.modalInput.redInput:-ms-input-placeholder {
    color: #e10000;
    opacity: 1;
    transition: color .4s
}

.modalInput:focus,
.modalInput.redInput:focus {
    transition: all .4s
}

.modalInput:focus::-webkit-input-placeholder,
.modalInput.redInput:focus::-webkit-input-placeholder {
    color: transparent;
    transition: color .4s
}

.modalInput:focus::-moz-placeholder,
.modalInput.redInput:focus::-moz-placeholder {
    color: transparent;
    transition: color .4s
}

.modalInput:focus:-moz-placeholder,
.modalInput.redInput:focus:-moz-placeholder {
    color: transparent;
    transition: color .4s
}

.modalInput:focus:-ms-input-placeholder,
.modalInput.redInput:focus:-ms-input-placeholder {
    color: transparent;
    transition: color .4s
}

.modal .hints p.selected {
    color: #0c00ff;
    font-weight: 800
}

.modal .hints p:hover {
    cursor: pointer
}

.inputWrapper {
    position: relative
}

.hints {
    position: absolute;
    width: 100%;
    max-width: 230px;
    top: 80px
}

.toggleInputWrap {
    font-family: "GraublauSansDisplayRegular";
    text-align: center;
    font-size: 17px
}

.toggleInputWrap p {
    margin: 0
}

.toggleInputWrap a {
    color: #FF0001;
    text-decoration: underline;
    position: absolute;
    margin: 0 0px 0px 10px;
    cursor: pointer
}

.toggleInputWrap .hints {
    top: 36px;
    left: 26%;
    font-size: 20px;
    padding: 10px 10px 15px;
    color: white;
    background-color: rgba(18, 21, 27, 0.95)
}

.toggleInputWrap .hints p {
    padding: 5px 0 1px;
    border-bottom: 1px solid #ff0001
}

.toggleInputWrap .hints p.selected {
    background-color: #181B23
}

.toggleInputWrap .hints p:hover {
    cursor: pointer
}

.toggleInputWrap input[type=text] {
    background-color: transparent;
    padding: 1px 0 3px;
    border: 0;
    border-bottom: 1px solid #ff0001;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px
}

.toggleInputWrap input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4)
}

.toggleInputWrap input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4)
}

.toggleInputWrap input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.4)
}

.toggleInputWrap input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4)
}

footer .left {
    margin: auto 0
}

.inviteHasError {
    margin: 10px 0 20px;
    border-radius: 5px;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    font-family: "GraublauSansDisplayRegular"
}

.inviteWrap {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 10px;
    background-color: #F7F7F7;
    font-family: "GraublauSansDisplayRegular"
}

.inviteWrap:not(:last-child) {
    margin-bottom: 15px
}

.inviteWrap li {
    margin-bottom: 10px;
    color: #666
}

.inviteWrap li span {
    color: #000
}

.inviteWrap li:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.inviteWrap li:last-child a {
    margin: 0 10px;
    color: #0000ff;
    transition: color .4s;
    border-bottom: 1px solid
}

.inviteWrap li:last-child a:hover {
    color: #ff0001
}

.ratingWrap {
    padding: 0 50px
}

table .header-fixed {
    position: fixed;
    top: 0;
    z-index: 1020
}

.table-fixed tbody {
    height: auto;
    width: 100%
}

.ratingOfWins {
    position: relative
}

.table-fixed tbody {
    display: flex;
    flex-wrap: wrap
}

.table-fixed tbody tr {
    width: 100%;
    margin: auto;
    display: flex;
    padding: 15px 0;
    justify-content: center
}

.table-fixed tbody tr:nth-child(2n) {
    background-color: transparent
}

.table-fixed tbody tr:nth-child(2n-1) {
    background-color: rgba(245, 245, 245, 0.15)
}

.table-fixed tbody td {
    width: 100%;
    display: flex;
    align-items: center;
    border: 0 !important;
    color: #000;
    font-family: "GraublauSlab-Bold", sans-serif;
    font-weight: bold;
}

.table-fixed tbody td a {
    color: #000
}

.table-fixed tbody td:nth-child(1) {
    font-size: 22px;
    width: 100% !important;
    max-width: 375px
}

.table-fixed tbody td:nth-child(2) {
    width: 100% !important;
    max-width: 150px;
    font-size: 34px;
    justify-content: center
}

.table-fixed tbody td:nth-child(3) {
    width: 100% !important;
    max-width: 150px;
    font-size: 34px;
    justify-content: center
}

.table-fixed tbody td:nth-child(4) {
    width: 100% !important;
    max-width: 150px;
    font-size: 34px;
    justify-content: center
}

.table-fixed tbody td:last-child {
    width: 100% !important;
    max-width: 375px;
    display: flex;
    justify-content: flex-end;
    font-family: "GraublauSansDisplayRegular"
}

.table-fixed tbody td:last-child .compare-add,
.table-fixed tbody td:last-child .compare-remove {
    color: #999999;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
    text-align: center;
    line-height: 17px;
    margin-right: 10px;
    transition: color .4s;
    width: 135px
}

.table-fixed tbody td:last-child .compare-add:hover {
    color: #ff0001
}

.table-fixed tbody td:last-child .compare-remove {
    color: #999999;
    display: none
}

.table-fixed tbody td:last-child .compare-remove:hover {
    color: #ff0001
}

.table-fixed tbody td:last-child img {
    margin: auto
}

.table-fixed tbody td:last-child .cherry_site {
    width: 100px
}

.table-fixed thead {
    width: 100%;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
    transition: all .4s;
    display: flex;
    z-index: 0;
    flex-wrap: wrap;
    box-shadow: 0px 10px 10px rgba(225, 225, 225, 0.4)
}

.table-fixed thead tr {
    margin: auto;
    width: 100%;
    display: flex;
    padding: 15px 0;
    justify-content: center;
    height: 70px
}

.table-fixed thead th {
    outline: none;
    width: 100%;
    color: #ff0001;
    display: flex;
    font-size: 15px;
    align-items: center;
    font-family: "GraublauSansDisplayRegular"
}

.table-fixed thead th:focus {
    outline: none
}

.table-fixed thead th a {
    color: #000
}

.table-fixed thead th i {
    font-size: 22px;
    margin: 0 5px 5px 0
}

.table-fixed thead th:nth-child(1) {
    width: 100% !important;
    max-width: 375px;
    width: 100%
}

.table-fixed thead th:nth-child(2) {
    width: 100% !important;
    max-width: 150px;
    justify-content: center
}

.table-fixed thead th:nth-child(3) {
    width: 100% !important;
    max-width: 160px;
    justify-content: center
}

.table-fixed thead th:nth-child(4) {
    width: 100% !important;
    max-width: 150px;
    justify-content: center
}

.table-fixed thead th:last-child {
    width: 100% !important;
    max-width: 375px
}

.table-fixed thead th .roundBtn {
    color: #ff0001;
    border-radius: 50px;
    margin: 0 35px 0 auto
}

.table-fixed tbody td,
.table-fixed thead>tr>th {
    border-bottom-width: 0
}

.closeGalMob {
    display: none
}

.modal {
    background-color: rgba(255, 0, 1, 0.6)
}

.i_on:before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #0000ff;
    right: 16px;
    position: absolute;
    border-style: solid;
    border-color: #e10000;
    border-width: 2px;
    border-radius: 100%;
    margin-top: 6px
}

#exp_pdf {
    font-size: 10px;
    width: 100%;
    height: auto;
    color: #fff;
    margin: 0 auto;
    margin: 0
}

#exp_pdf .color1 {
    background-color: #171717
}

#exp_pdf .color2 {
    background-color: #262626
}

#exp_pdf .sum {
    background-color: #0000ff
}

#exp_pdf .rating {
    background-color: #fff;
    color: #000;
    text-align: center
}

#exp_pdf .row1 {
    text-align: right;
    min-width: 150px
}

#exp_pdf .row1 img {
    height: 13px
}

#exp_pdf .row1 .cl_winner {
    color: red;
    font-size: 13px
}

#exp_pdf tr {
    border-bottom: 1px solid #C0C0C0
}

#exp_pdf th,
#exp_pdf td {
    padding: 10px
}

#pdf_link {
    margin-left: 900px
}

@media print {
    #pdf_link {
        display: none
    }
}

#exp_pdf~footer {
    display: none
}

.game_rules {
    color: #999;
    padding: 20px;
    text-align: center
}

.game_rules a {
    color: #999;
    border-bottom: 1px solid #999
}

#fast-cruck input[type=checkbox] {
    display: block
}

.video-block-opt {
    text-align: center;
    margin-bottom: 25px
}

@media (max-width: 640px) {
    .video-block-opt {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden
    }

    .video-block-opt iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.BottomBottomWrap {
    padding: 5px 5px 5px 5px;
    color: white
}

.bottom-bottom {
    font-size: 11px;
    color: grey
}

.game_2783 .top-content,
.game_2784 .top-content,
.game_2786 .top-content,
.game_2787 .top-content {
    background-image: url(https://mozgva.com/system/game_tab_images/images/000/000/014/original/%D0%9A%D0%BB%D1%83%D0%B1_27.png?1570456154);
    background-repeat: no-repeat;
    background-position-x: right
}

.link_online_games {
    margin: 0 10px;
    font-family: "GraublauSansDisplayRegular";
    line-height: normal;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    width: 208px;
    height: 48px;
    border-radius: 6px;
    padding-top: 15px;
    background: linear-gradient(90deg, green, blue, green);
    animation: background 4s linear 0s infinite normal
}

@media (max-width: 767px) {
    .link_online_games {
        margin: 26px auto 26px
    }
}

.link_online_games:hover {
    background-image: linear-gradient(90deg, #f43b47, #453a94, #f43b47);
    animation: background 2s linear 0s infinite normal;
    color: #fff
}

.mobStandartFooter {
    display: none
}

@media screen and (max-width: 1250px) {
    .newStandartFooter {
        display: none
    }

    .mobStandartFooter {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 50px auto 0;
        align-items: center;
        font-family: "GraublauSansDisplayRegular"
    }

    .mobStandartFooter .dropdown-menu li {
        padding: 0;
        margin: 0 10px 0 0
    }

    .mobStandartFooter .dropdown-menu li a {
        padding: 0
    }

    .mobStandartFooter .dropdown-menu li a:hover {
        background-color: transparent
    }

    .mobStandartFooter li {
        margin: 20px 10px
    }

    .mobStandartFooter li a {
        color: #fff
    }

    .topInfo .contentWrap h1 {
        font-size: 5em
    }

    .AboutInviteWrap {
        text-align: center
    }

    .topInfo.team .contentWrap h1,
    .topInfo.team .contentWrap a {
        margin: auto
    }

    .topInfo.team .contentWrap .addPerson {
        margin: 0 auto 20px
    }

    .topInfo.team .contentWrap.desctop .faceParth .faceCarousel li {
        margin: 0
    }

    .topInfo.team .contentWrap.desctop .faceParth .faceCarousel li .avatar {
        margin: 18px auto 0
    }

    .topInfo.team .contentWrap.desctop .faceParth .faceCarousel li li:not(:first-child) {
        margin-left: 0
    }

    .teamSec {
        padding-top: 50px
    }

    .teamSec .contentWrap {
        max-width: 90vw;
        flex-wrap: wrap;
        justify-content: center
    }

    .teamSec .contentWrap .left.Success {
        margin: 150px 0 30px;
        max-width: 600px
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content {
        margin: 0 5px
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content .tab-pane {
        margin: 0
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content #percentAndPoints .hints {
        z-index: 1000;
        left: 0
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final {
        flex-direction: column
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig .league_final>div {
        margin: 0 auto 40px auto
    }

    .topInfo.team .contentWrap.mobile .faceCarousel .slick-dots,
    .topInfo.team .contentWrap.desctop .faceCarousel .slick-dots {
        position: relative;
        bottom: 0
    }

    .topInfo.team .contentWrap.mobile .faceCarousel .slick-dots li,
    .topInfo.team .contentWrap.desctop .faceCarousel .slick-dots li {
        border-radius: 50%;
        width: 15px;
        height: 15px;
        margin: 5px
    }

    .topInfo.team .contentWrap.mobile .faceCarousel .slick-dots li.slick-active,
    .topInfo.team .contentWrap.desctop .faceCarousel .slick-dots li.slick-active {
        background-color: #fff
    }

    .topInfo.team .contentWrap.mobile .faceCarousel .slick-dots li button,
    .topInfo.team .contentWrap.desctop .faceCarousel .slick-dots li button {
        border: 1px solid #fff;
        border-radius: 50%;
        width: 15px;
        height: 15px
    }

    .topInfo.team .contentWrap.mobile .faceCarousel .slick-dots li button:before,
    .topInfo.team .contentWrap.desctop .faceCarousel .slick-dots li button:before {
        display: none
    }

    .carouselHere {
        margin: 0 auto;
        margin-bottom: 50px
    }

    .teamSec .contentWrap .right .itemGame {
        margin: 20px auto
    }

    .ratingSection .titleTable {
        max-width: 95vw;
        margin: 30px auto;
        flex-wrap: wrap;
        justify-content: space-around
    }

    .ratingSection .titleTable .blueBtn {
        margin: 20px 0
    }

    .areaOfRating.mobile {
        display: flex;
        flex-direction: column;
        margin: auto;
        width: 100%;
        max-width: 95vw
    }

    .areaOfRating.mobile .cl_winner {
        font-size: 2rem
    }

    .areaOfRating.mobile .itemTeam {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        background-color: #f8f8f8;
        margin: 20px auto;
        border-radius: 10px;
        max-width: 700px;
        overflow: hidden
    }

    .areaOfRating.mobile .itemTeam li:nth-child(1) {
        font-size: 30px;
        padding-top: 20px;
        color: #424242;
        font-family: "GraublauSlab-Bold";
        text-align: center
    }

    .areaOfRating.mobile .itemTeam li:nth-child(2) {
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center
    }

    .areaOfRating.mobile .itemTeam li:nth-child(2) div {
        margin: 20px
    }

    .areaOfRating.mobile .itemTeam li:nth-child(2) div h4 {
        color: #424242;
        font-family: "GraublauSlab-Bold"
    }

    .areaOfRating.mobile .itemTeam li:nth-child(2) div p {
        font-size: 33px;
        font-family: "GraublauSlab-Bold";
        color: #ff0001
    }

    .areaOfRating.mobile .itemTeam li:nth-child(3) {
        margin-bottom: 30px;
        text-align: center
    }

    .areaOfRating.mobile .itemTeam li:nth-child(3) .cherry_site {
        width: 60vw
    }
}

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

    .rating-position.commonRating tbody tr td,
    .rating-position.PrAndRt tbody tr td {
        padding: 6px 5px
    }

    .rating-position.commonRating .toggleCustom .switch,
    .rating-position.PrAndRt .toggleCustom .switch {
        left: 2px;
        right: auto;
        width: 18px;
        height: 18px
    }

    .rating-position.commonRating .toggleCustom .check:checked~.switch,
    .rating-position.PrAndRt .toggleCustom .check:checked~.switch {
        left: auto;
        right: 2px
    }

    .rating-position.commonRating .toggleCustom .toggle,
    .rating-position.PrAndRt .toggleCustom .toggle {
        width: 45px;
        height: 20px
    }

    .teamSec .contentWrap {
        max-width: 95vw
    }
}

@media screen and (max-width: 790px) {

    .topInfo.team .contentWrap.teamNameWrap .start_edit,
    .topInfo.team .contentWrap.teamNameWrap .save,
    .topInfo.team .contentWrap.teamNameWrap .cancel_edit {
        text-align: center
    }

    .topInfo.team .contentWrap.teamNameWrap .topEditWrap {
        position: initial
    }

    #scrollup {
        z-index: 1002;
        position: fixed;
        left: 15px;
        bottom: 30px;
        display: none;
        transform: rotate(180deg)
    }

    #scrollup a:before {
        background-color: #fff;
        border-radius: 50%;
        background-image: url(/assets/symbol/arrowDown-0eeb4edcc47607602e08b7752d6fa9e4080ed62ae6022e1b7cbea22f72b4dd54.png);
        transform: rotate(90deg);
        background-position: center;
        background-repeat: no-repeat;
        padding: 20px;
        content: "";
        line-height: 0;
        padding: 22px 30px
    }

    #fast_connect_modal .fastGameListCarousel .item li:nth-child(3) {
        font-size: 45px
    }

    #fast_connect_modal .fastGameListCarousel .item li:nth-child(4) {
        font-size: 80px
    }

    #fast_connect_modal #menu1_connect .modalInput {
        margin: 0 auto
    }

    #fast_connect_modal #menu1_connect .sidesWrap {
        flex-direction: column
    }

    #fast_connect_modal #menu1_connect .text-center a {
        color: #0000ff
    }

    #fast_connect_modal #menu2_connect #team_name {
        margin-bottom: 15px
    }

    #fast_connect_modal #menu2_connect .info {
        display: none
    }

    #fast_connect_modal #menu3_connect .slick-dots {
        position: relative
    }

    #fast_connect_modal #menu3_connect .slick-dots li {
        border-radius: 50%;
        width: 15px;
        height: 15px;
        margin: 5px
    }

    #fast_connect_modal #menu3_connect .slick-dots li.slick-active {
        background-color: #fff
    }

    #fast_connect_modal #menu3_connect .slick-dots li button {
        border: 1px solid #fff;
        border-radius: 50%;
        width: 15px;
        height: 15px
    }

    #fast_connect_modal #menu3_connect .slick-dots li button:before {
        display: none
    }

    #fast_connect_modal .modal-footer .city_phone {
        color: #0000ff
    }

    .playerWrap .start-video {
        left: 38%
    }

    .mobStandartFooter {
        flex-direction: column;
        justify-content: center
    }

    .mobStandartFooter .dropdown-menu li {
        padding: 0;
        margin: 0 10px 0 0
    }

    .mobStandartFooter .dropdown-menu li a {
        padding: 0
    }

    .mobStandartFooter li {
        margin: 10px auto;
        padding: 0 20px
    }

    .mobStandartFooter li button {
        padding: 0
    }

    .teamSuccessTabs .table-responsive {
        border: 0
    }

    .topInfo.team .achTitle {
        max-width: none;
        margin: 20px;
        text-align: center
    }

    .topInfo.team .achTitle .linkToAll {
        display: block;
        max-width: 120px
    }

    .topInfo.team .contentWrap.teamNameWrap h1 {
        padding: 30px 0;
        font-size: 27px
    }

    .topInfo.team .achivmentWrap .achivments.show-n-first li:nth-child(-n+6) {
        display: none !important
    }

    .topInfo.team .achivmentWrap .achivments.show-n-first li:nth-child(-n+4) {
        display: flex !important
    }

    .topInfo.team .achivmentWrap .achivments .loadMore {
        display: none
    }

    .topInfo.team .achivmentWrap .achivments .loadMore.mobile {
        display: flex
    }

    .topInfo.team .contentWrap.mobile {
        display: block
    }

    .topInfo.team .contentWrap.mobile .faceParth {
        text-align: center;
        display: block;
        margin: 0
    }

    .topInfo.team .contentWrap.mobile .faceParth li {
        text-align: center;
        margin: 20px 0 0
    }

    .topInfo.team .contentWrap.mobile .faceParth li:not(:first-child) {
        margin-left: 0
    }

    .topInfo.team .contentWrap.mobile .faceParth li .avatar {
        margin-top: 0
    }

    .topInfo.team .contentWrap.mobile .faceParth li .uswerWrap {
        max-width: 140px;
        position: relative;
        margin: auto
    }

    .topInfo.team .contentWrap.mobile .faceParth .faceCarousel .slick-list.controll {
        height: 100vh;
        top: 0px;
        position: fixed
    }

    .topInfo.team .contentWrap.mobile .faceParth .faceCarousel li {
        margin-left: 0;
        margin: 20px auto
    }

    .topInfo.team .contentWrap.mobile .faceParth .faceCarousel li .description {
        height: 100vh;
        width: 100vw;
        position: inherit;
        left: 50%;
        margin-left: -50vw;
        top: -202px;
        overflow-y: scroll
    }

    .topInfo.team .contentWrap.mobile .faceParth .faceCarousel li .description .avatar {
        margin: 25px auto
    }

    .topInfo.team .contentWrap.desctop {
        display: none
    }

    .hiddenMob {
        display: none
    }

    .fullWrapp {
        max-width: 95vw
    }

    .thumbnails {
        justify-content: center
    }

    .column {
        cursor: pointer;
        background-color: transparent;
        border: none
    }

    .burger {
        margin: 0 0 0 auto;
        cursor: pointer;
        background-color: transparent;
        border: none
    }

    .burger span {
        width: 30px;
        height: 2px;
        display: block;
        background-color: #fff
    }

    .burger span:not(:last-child) {
        margin-bottom: 5px
    }

    .newTypeOfNav {
        max-width: 95vw;
        margin: auto;
        padding: 23px 0;
        position: relative;
        flex-wrap: wrap
    }

    .newTypeOfNav .navigationWrap {
        border-radius: 0;
        padding: 0;
        flex-wrap: wrap;
        position: absolute;
        left: 0;
        right: 0;
        top: 93px;
        margin: auto;
        z-index: 55
    }

    .newTypeOfNav .navigationWrap.hideMob {
        display: none
    }

    .newTypeOfNav .burger {
        display: block
    }

    .mainWrap {
        max-width: 90vw
    }

    .topInfo .contentWrap {
        flex-wrap: wrap;
        height: auto
    }

    .topInfo .contentWrap h1 {
        margin: auto;
        font-size: 3em;
        line-height: 40px;
        padding-bottom: 30px
    }

    .topInfo .contentWrap .btnWrap {
        margin-top: 20px
    }

    .topInfo ul.contentWrap {
        min-height: auto
    }

    .navigationWrap {
        flex-wrap: wrap;
        margin: 0 auto 50px
    }

    .navigationWrap li {
        margin: auto;
        width: 100%;
        border-bottom: 1px solid
    }

    .navigationWrap li a {
        padding: 15px;
        display: block;
        transition: background-color .4s
    }

    .navigationWrap li a:hover {
        background-color: rgba(0, 0, 0, 0.1)
    }

    .navigationWrap li.calendarIgr {
        background-image: none
    }

    .navigationWrap li.calendarIgr a:hover {
        background-image: none
    }

    .mainWrap.sert .itemsWrap {
        flex-wrap: wrap
    }

    .mainWrap.sert .itemsWrap .itemSert {
        margin: 20px auto 0
    }

    .topInfo.achivment .back_btn {
        margin: 0 auto
    }

    .topInfo.achivment .contentWrap h1 {
        font-size: 54px
    }

    .achivmentSec .mainWrap .contentWrap .AlbomItmWrapper {
        justify-content: center
    }

    .calendarSec {
        padding: 30px 0
    }

    .calendarSec .calendarWrap {
        max-width: 90vw;
        flex-wrap: wrap
    }

    .calendarSec .calendarWrap .eventsParth .gamesTabs {
        justify-content: center;
        margin: 0 0 40px 0
    }

    .calendarSec .calendarWrap .eventsParth .gamesTabs .itemGame {
        margin: 0 30px
    }

    .calendarSec .calendarWrap .sideBar .wrapSelectCityMonth {
        flex-direction: column
    }

    .calendarSec .calendarWrap .sideBar .adAppisode,
    .calendarSec .calendarWrap .sideBar .franchise,
    .calendarSec .calendarWrap .sideBar .phoneHelp {
        display: none
    }

    .calendarSec .calendarWrap .phoneHelp,
    .calendarSec .calendarWrap .franchise {
        margin-top: 0;
        display: flex
    }

    .teamSec ul.contentWrap {
        height: auto;
        min-height: auto
    }

    .teamSec .full {
        flex-wrap: wrap
    }

    .teamSec .full .photoArchive {
        max-width: 100%;
        margin: 0 auto 40px
    }

    .teamSec .full .photoArchive .navPhotoArchive {
        width: 200px;
        text-align: center;
        padding-bottom: 30px
    }

    .teamSec .full .photoArchive .navPhotoArchive h4 {
        position: relative
    }

    .teamSec .full .photoArchive .navPhotoArchive h4:before {
        content: "";
        width: 19px;
        height: 19px;
        position: absolute;
        background-image: url(/assets/symbol/arrowDown-0eeb4edcc47607602e08b7752d6fa9e4080ed62ae6022e1b7cbea22f72b4dd54.png);
        background-repeat: no-repeat;
        left: 10px;
        top: 46px;
        margin-top: -6px
    }

    .teamSec .full .photoArchive .navPhotoArchive li {
        background-color: red;
        display: none;
        padding: 5px 0;
        -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
        -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
        box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
    }

    .teamSec .full .photoArchive .navPhotoArchive li:before {
        content: none
    }

    .teamSec .full .photoArchive .navPhotoArchive li:first-of-type {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .teamSec .full .photoArchive .navPhotoArchive li a {
        text-decoration: none;
        color: #ffcccc;
        transition: background .4s;
        border-radius: 50px;
        padding: 5px 53px
    }

    .teamSec .full .photoArchive .navPhotoArchive li a:hover {
        background: blue;
        color: #fff;
        border-radius: 50px
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig:before {
        background: none
    }

    .teamSec .contentWrap .left .teamSuccessTabs .tab-content #posInLig:after {
        background: none
    }

    .teamSec .contentWrap .AlbomItmWrapper .AlbomItm {
        width: 100%;
        margin: auto
    }

    .teamSec .contentWrap .Success .teamSuccessTabs .navTeamSuccess {
        margin: 0 10px
    }

    .teamSec .contentWrap .Success .teamSuccessTabs .navTeamSuccess li {
        margin: auto;
        text-align: center
    }

    .teamSec .contentWrap .Success .teamSuccessTabs .navTeamSuccess li a {
        padding: 15px 5px 10px;
        font-family: "GraublauSansDisplayRegular";
        font-size: 16px
    }
}

@media screen and (max-width: 790px) and (max-width: 380px) {
    .teamSec .contentWrap .Success .teamSuccessTabs .navTeamSuccess li a {
        font-size: 13px
    }
}

@media screen and (max-width: 790px) {
    .teamSec .contentWrap .right {
        flex-direction: column
    }

    .teamSec .contentWrap .right .square {
        width: 100%;
        max-width: none;
        margin-bottom: 30px
    }

    .teamSec .contentWrap .right .square input[type="range"] {
        width: 90%
    }

    .teamSec .contentWrap .right .rightContentWrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .teamSec .contentWrap .right .rightContentWrapper .carouselHere {
        margin-bottom: 0
    }

    .teamSec .contentWrap .right .teamGameCarousel .slick-dots {
        bottom: 5px;
        width: 100%
    }

    .teamSec .contentWrap .right .teamGameCarousel .slick-dots li {
        width: 15px;
        height: 15px
    }

    .teamSec .contentWrap .right .teamGameCarousel .slick-dots li button {
        width: 15px;
        height: 15px
    }

    .teamSec .contentWrap .right .teamGameCarousel .slick-dots li button:before {
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 50%;
        content: ""
    }

    .teamSec .contentWrap .right .rectangle {
        height: auto;
        margin: 0
    }

    .teamSec .contentWrap .right .rectangle a.price,
    .teamSec .contentWrap .right .rectangle a.location,
    .teamSec .contentWrap .right .rectangle a.teamList {
        display: none
    }

    .teamSec .contentWrap .right .rectangle .ad li:nth-child(2) {
        font-size: 22px;
        line-height: 25px
    }

    .teamSec .contentWrap .right .rectangle .ad li:nth-child(3) {
        font-size: 60px;
        line-height: 50px
    }

    .teamSec .contentWrap .right .rectangle .ad .showOnlyMob {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px
    }

    .teamSec .contentWrap .right .rectangle .ad .showOnlyMob span {
        margin-right: 20px
    }

    .teamSec .contentWrap .right .banner {
        height: 262px;
        margin-bottom: 30px
    }

    .teamSec .contentWrap .photoHead {
        height: auto;
        padding: 30px 5px 10px
    }

    .teamSec .contentWrap .photoHead p {
        margin: 10px 0 20px
    }

    .ratingSection .titleTable {
        text-align: center
    }

    .ratingSection .titleTable ul {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .ratingSection .navigationWrap {
        padding: 0
    }

    #team_modal {
        overflow: scroll
    }

    #team_modal .modal-dialog {
        display: flex;
        flex-direction: column-reverse
    }

    #team_modal .modal-dialog .content2 {
        height: 400px
    }

    #team_modal .modal-dialog .modal-content {
        margin-left: 0
    }

    #choose_city_modal .closeModal {
        border-radius: 50%;
        background-color: #0000f5
    }

    #choose_city_modal .closeModal span {
        background-color: #fff
    }

    #gallery_modal .modal-content {
        height: 0
    }

    #gallery_modal .modal-content .modal-header {
        display: none
    }

    .closeGalMob {
        z-index: 15;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px
    }

    .closeGalMob a {
        color: #fff;
        font-size: 26px;
        text-shadow: 1px 1px 0 #000
    }

    .fotorama__fullscreen-icon {
        left: 2px
    }

    .modal .modal-dialog {
        width: 100vw;
        margin: 0;
        min-height: 100vh;
        display: flex;
        max-width: 100%
    }

    .modal .modal-dialog#gallery_modal {
        max-width: 522px
    }
}

@media screen and (max-width: 790px) and (min-width: 550px) {
    .modal .modal-dialog#gallery_modal {
        margin: 30px auto
    }
}

@media screen and (max-width: 790px) {
    .modal .modal-dialog#gallery_modal .modal-header {
        background-color: #fff
    }

    .modal .modal-dialog .modal-content {
        border-radius: 0;
        width: 100%
    }

    .modal .modal-dialog .modal-content .modal-header {
        border-radius: 0;
        min-height: 60px
    }

    .modal .modal-dialog .modal-content form {
        margin-top: 30px
    }

    .teams_list .modal-content .modal-body .top_inf .team_size {
        font-family: GraublauSlab-Bold;
        margin: 0px 10px 0 0;
        padding: 9px 0;
        font-size: 19px
    }

    .teams_list .modal-content .modal-body .top_inf .regcont {
        margin-left: 10px
    }

    .teams_list .modal-content .modal-body .top_inf .regcont .participateBtn {
        background-color: #FF0001;
        width: 100%;
        border-radius: 35px;
        font-family: GraublauSansDisplay-Regular;
        font-size: 15px;
        padding: 7px 6px
    }

    .teams_list .modal-content .closeModal {
        border-radius: 50%;
        background-color: #0000f5
    }

    .teams_list .modal-content .closeModal span {
        background-color: #fff
    }

    #gallery_modal .closeModal {
        margin: 0 0 -15px auto
    }

    #gallery_modal .closeModal span {
        background-color: #000
    }
}

@media screen and (max-width: 380px) {
    .itemGame .tab-content {
        margin-left: 10px
    }
}

@media screen and (min-width: 790px) {
    .modal-dialog {
        margin: 70px auto 0;
        max-width: 360px
    }

    #gallery_modal .modal-dialog {
        width: 100%;
        max-width: 832px;
        margin: 70px auto 30px
    }
}

.social-share-button .ssb-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    height: 18px;
    width: 18px
}

.social-share-button .ssb-twitter {
    background-image: url(/assets/social-share-button/twitter-7b64ce0117a85c5d52ed45c27707af61d9b0e0d590284baa287cfe87867b9ae1.svg)
}

.social-share-button .ssb-facebook {
    background-image: url(/assets/social-share-button/facebook-03210e1663ee772e93ed5d344cdb36657b68342821aaebe982f2f984915990b3.svg)
}

.social-share-button .ssb-google_bookmark {
    background-image: url(/assets/social-share-button/google_bookmark-bb4c960c0421cb7dce602d10e744692bcc1c54f323410f4965d508f96e2255ce.svg)
}

.social-share-button .ssb-google_plus {
    background-image: url(/assets/social-share-button/google_plus-50c049fbb29cd3346f1bf9349017b644bcd00a53b56bd156728850f57bd85c0a.svg)
}

.social-share-button .ssb-weibo {
    background-image: url(/assets/social-share-button/weibo-a345a6ca554e6f388da9eb35746bb0425cb018c16408ba82852c66d375245d6f.svg)
}

.social-share-button .ssb-qq {
    background-image: url(/assets/social-share-button/qq-4dbae8223fc7823f6d73bc7fbe113eb894f4c174ec3ae93103ca382c78a2bf67.svg)
}

.social-share-button .ssb-delicious {
    background-image: url(/assets/social-share-button/delicious-0c55f72f821aae5352691f13eb64bf3435573e2169d0720477ed367b2f1ed28e.svg)
}

.social-share-button .ssb-linkedin {
    background-image: url(/assets/social-share-button/linkedin-b7fd42895b291003c444a9c2acf867ea813671e0b725a5d7c05dbb13f5c0fdd3.svg)
}

.social-share-button .ssb-tumblr {
    background-image: url(/assets/social-share-button/tumblr-330a37f93cce7c27a750188d0bfdbed3a22f566b807e64d21131dcdc94e08ec3.svg)
}

.social-share-button .ssb-pinterest {
    background-image: url(/assets/social-share-button/pinterest-86203d156197cce4087fee058b920d275c535df5fd59d8caa83da0ef41d1ec7f.svg)
}

.social-share-button .ssb-douban {
    background-image: url(/assets/social-share-button/douban-46298c27e3bc6d59951c0bbc464339a5ba1b44e3b25b571874f1baacd7af2495.svg)
}

.social-share-button .ssb-wechat {
    background-image: url(/assets/social-share-button/wechat-d8852cc3396a7a53eba39595d2e9f638c93a34ab1a0f41bae4ff391b63815f56.svg)
}

.social-share-button .ssb-vkontakte {
    background-image: url(/assets/social-share-button/vkontakte-0c2b68277fade991d74efcbdb6f7b359a35e65156cbada9625a3fe8f73151c14.svg)
}

.social-share-button .ssb-xing {
    background-image: url(/assets/social-share-button/xing-0ebccb4042c8c7220e471c4f569df2bf27da227db425525819b6848c86a1603e.svg)
}

.social-share-button .ssb-email {
    background-image: url(/assets/social-share-button/email-7067143cbe69d9d8cf25e67fda1a315d133c2b79074a09088bd712cc5c81135d.svg)
}

.social-share-button .ssb-reddit {
    background-image: url(/assets/social-share-button/reddit-f5fc462f44dbeff78983b3b64cb69b6c777a22906767bdb0b283014ac79b37de.svg)
}

.social-share-button .ssb-hacker_news {
    background-image: url(/assets/social-share-button/hacker_news-d89b13fec49355a787389a776f2e03a0a38314abf93777b8865f8c5f146eaf8d.svg)
}

.ss-wechat-dialog {
    width: 300px;
    position: fixed;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
    z-index: 11001;
    font-size: 14px;
    line-height: 1.2em
}

.ss-wechat-dialog .wechat-popup-header {
    font-weight: bold
}

.ss-wechat-dialog .wechat-dialog-qr {
    text-align: center;
    margin: 25px 0
}

.ss-wechat-dialog .wechat-popup-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #999;
    text-decoration: none;
    font-size: 16px
}

.ss-wechat-dialog .wechat-popup-footer {
    text-align: left;
    line-height: 22px;
    color: #666
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen,
.fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
    outline: 0
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0, 175, 234, 0.5)
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none !important;
    transform: none !important
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform, width;
    transition-property: transform, width;
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-duration: 0ms
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav,
.fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.fotorama__nav__frame,
.fotorama__thumb-border {
    box-sizing: content-box
}

.fotorama__caption__wrap {
    box-sizing: border-box
}

.fotorama--hidden,
.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    background: url(/assets/fotorama-b94efaf1044e2ba8fc2fb41f5ab2022410086fe50b729b8c95321573b88e8a78.png) no-repeat
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 2dppx) {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url(/assets/fotorama@2x-3beccbcc8ad8bd0a0e13cba6c0caf0e3a1ffed1cb6408dfb1a68a768e787d2c4.png) 0 0/96px 160px no-repeat
    }
}

.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127, 127, 127, 0.2)
}

@media print {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__thumb-border,
    .fotorama__video-close,
    .fotorama__video-play {
        background: none !important
    }
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
    display: none
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000
}

.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important;
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #000
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav,
.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important
}

.fotorama__stage__frame {
    overflow: hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none !important
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px !important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots {
    display: block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
    display: none
}

.fotorama__nav--thumbs {
    display: block
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, 0.5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent
    }
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
    border-radius: 50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0 !important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0) !important;
    transform: translate3d(32px, -32px, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0) !important;
    transform: translate3d(-48px, 0, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0) !important;
    transform: translate3d(48px, 0, 0) !important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .3s
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%, 5px 100%
}

.fotorama__nav:before,
.fotorama__stage:before {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 0 0, 0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after,
.fotorama__stage:after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 100% 0, 100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

#phone_confirmation .modal-content .modal-body .modalInput {
    max-width: 180px
}

#phone_confirmation #fix_phone {
    font-family: GraublauSansDisplayRegular;
    font-size: 16px;
    color: #0000f5
}

#registerOnGamesModal .modal-dialog {
    max-width: 430px
}

#registerOnGamesModal .modal-dialog .modal-header h2 {
    margin-top: 20px;
    margin-bottom: 20px
}

#registerOnGamesModal .modal-dialog .modal-body {
    padding: 0 0 50px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center
}

#registerOnGamesModal .modal-dialog .modal-body .add_head_wrap {
    width: 100%;
    background-color: #0c00ff;
    padding-bottom: 25px
}

#registerOnGamesModal .modal-dialog .modal-body .add_head_wrap .selecters {
    background-color: #010864;
    border-radius: 26px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 260px;
    margin: 0 auto
}

#registerOnGamesModal .modal-dialog .modal-body .add_head_wrap .selecters .btn {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    color: #999;
    min-width: 125px;
    padding: 15px 20px
}

#registerOnGamesModal .modal-dialog .modal-body .add_head_wrap .selecters .active {
    border: 2px solid #e81013;
    border-radius: 26px;
    color: #fff
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper {
    position: relative;
    min-width: 270px;
    padding-left: 20px
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper label {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    color: #000;
    text-align: left;
    min-width: 270px;
    z-index: 6;
    padding-left: 27px;
    margin: 15px auto 0;
    font-weight: 200;
    cursor: pointer;
    position: relative
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper label:before {
    content: none
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper label:hover~.check {
    border: 2px solid #0101f8
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper .check {
    display: block;
    position: absolute;
    border: 2px solid #c9c9c9;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 17px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper input[type=radio]:checked~.check {
    border: 2px solid #0101f8
}

#registerOnGamesModal .modal-dialog .modal-body .input_wrapper input[type=radio]:checked~.check::before {
    background: #0101f8
}

#registerOnGamesModal .modal-dialog .modal-body form {
    margin-top: 20px
}

#registerOnGamesModal .modal-dialog .modal-body form .team_name_wrapper {
    min-width: 230px;
    position: relative
}

#registerOnGamesModal .modal-dialog .modal-body form .quick-games-update {
    display: flex;
    flex-direction: column;
    margin-top: 5px
}

#registerOnGamesModal .modal-dialog .modal-body form .quick-games-update .quick_game_wrapper {
    display: flex;
    flex-direction: column-reverse
}

#registerOnGamesModal .modal-dialog .modal-body form .quick-games-update .quick_game_wrapper .error-after {
    padding-top: 15px
}

#registerOnGamesModal .modal-dialog .modal-body form .quick-games-update .load-more-quick-game {
    display: none;
    font-size: 14px;
    color: red;
    width: 78px;
    margin: 15px auto 30px;
    border: 2px solid red;
    border-radius: 16px;
    text-align: center;
    padding: 6px 0 4px 0;
    cursor: pointer
}

#registerOnGamesModal .modal-dialog .modal-body form .blueBtn {
    margin: 35px 0 0 0;
    width: 226px;
    height: 60px
}

#registerOnGamesModal .modal-dialog .modal-body .hints {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: red;
    list-style: none;
    font-weight: normal;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

#registerOnGamesModal .modal-dialog .modal-body .hints p {
    cursor: pointer;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

#registerOnGamesModal .modal-dialog .modal-body .hints p:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

#registerOnGamesModal .modal-dialog .modal-body .hints .close_hints {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

#registerOnGamesModal .modal-dialog .modal-body .hints .close_hints:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

.quick_registration_done {
    font-family: "GraublauSansDispLt";
    overflow-y: scroll
}

.quick_registration_done .modal-content {
    background-color: transparent
}

.quick_registration_done .modal-dialog {
    max-width: 430px;
    margin: 60px auto 0
}

.quick_registration_done .modal-body {
    background-color: #fff;
    padding: 40px 0
}

.quick_registration_done .modal-footer {
    background-color: transparent
}

.quick_registration_done .itemDone {
    text-align: center;
    font-family: "GraublauSansDisplayRegular"
}

.quick_registration_done .itemDone li {
    text-align: center;
    padding-top: 3px;
    color: #888
}

.quick_registration_done .itemDone li:nth-child(3) {
    padding-top: 20px
}

.quick_registration_done .itemDone .game_reg {
    font-family: GraublauSlab-Bold;
    font-size: 22px;
    color: #000
}

.quick_registration_done .itemDone .blueBtn {
    margin: 40px auto 0 auto;
    width: 226px;
    height: 60px;
    padding: 20px 35px 15px 35px
}

#push_confirmation_team_champion_modal .hints {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: red;
    list-style: none;
    font-weight: normal;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

#push_confirmation_team_champion_modal .hints p {
    cursor: pointer;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

#push_confirmation_team_champion_modal .hints p:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

#push_confirmation_team_champion_modal .errors p {
    text-align: center
}

#push_confirmation_team_champion_modal .errors p {
    text-align: center
}

.closed_registration .modal-dialog {
    width: 431px
}

.closed_registration .modal-dialog .modal-content {
    width: 431px
}

.closed_registration .modal-dialog .modal-content .modal-header {
    background-color: #12151c;
    color: #fff;
    padding: 35px 40px 5px
}

.closed_registration .modal-dialog .modal-content .modal-header h2 {
    margin: 0;
    font-size: 30px
}

.closed_registration .modal-dialog .modal-content .modal-body {
    padding: 0
}

.closed_registration .modal-dialog .modal-content .modal-body .select_wrapper {
    background-color: #12151c;
    padding: 35px 35px
}

.closed_registration .modal-dialog .modal-content .modal-body .select_wrapper .selecters {
    background-color: #000;
    border-radius: 26px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 260px;
    margin: 0 auto
}

.closed_registration .modal-dialog .modal-content .modal-body .select_wrapper .selecters .btn {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    color: #999;
    min-width: 125px;
    padding: 15px 20px
}

.closed_registration .modal-dialog .modal-content .modal-body .select_wrapper .selecters .active {
    border: 2px solid #e81013;
    border-radius: 26px;
    color: #fff
}

.closed_registration .modal-dialog .modal-content .modal-body .select_wrapper .description {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0;
    padding-top: 30px
}

.closed_registration .modal-dialog .modal-content .modal-body .form_wrapper {
    padding: 20px
}

.closed_registration .modal-dialog .modal-content .modal-body .form_wrapper .standby_reg_wrapper .hints {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: red;
    list-style: none;
    font-weight: normal;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

.closed_registration .modal-dialog .modal-content .modal-body .form_wrapper .standby_reg_wrapper .hints p {
    cursor: pointer;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

.closed_registration .modal-dialog .modal-content .modal-body .form_wrapper .standby_reg_wrapper .hints p:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

#sign_in .input_wrapper {
    position: relative;
    min-width: 270px;
    margin-bottom: 15px
}

#sign_in .input_wrapper label {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    color: #000;
    text-align: left;
    text-align: center;
    z-index: 6;
    margin: 15px auto 0;
    font-weight: 200;
    cursor: pointer;
    position: relative
}

#sign_in .input_wrapper label:before {
    content: none
}

#sign_in .input_wrapper label:hover~.check {
    border: 2px solid #0101f8
}

#sign_in .input_wrapper .check {
    display: block;
    position: absolute;
    border: 2px solid #c9c9c9;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 17px;
    left: 39px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

#sign_in .input_wrapper .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

#sign_in .input_wrapper input[type=checkbox]:checked~.check {
    border: 2px solid #0101f8
}

#sign_in .input_wrapper input[type=checkbox]:checked~.check::before {
    background: #0101f8
}

#existing_team_reg_modal,
#existing_team_standby_modal {
    font-family: "GraublauSansDisplayRegular"
}

#existing_team_reg_modal .modal-dialog,
#existing_team_standby_modal .modal-dialog {
    max-width: 430px
}

#existing_team_reg_modal .modal-dialog .modal-header h2,
#existing_team_standby_modal .modal-dialog .modal-header h2 {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (max-width: 767px) {

    #existing_team_reg_modal .modal-dialog .modal-body,
    #existing_team_standby_modal .modal-dialog .modal-body {
        padding: 15px 0
    }
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts {
    width: 95%;
    position: relative;
    margin: 5px 0
}

@media (max-width: 767px) {

    #existing_team_reg_modal .modal-dialog .modal-body form #team_contacts,
    #existing_team_standby_modal .modal-dialog .modal-body form #team_contacts {
        width: 100%
    }
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .slick-next,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .slick-next {
    background-image: url(/assets/symbol/arrowBgNext-min-ad95dba6a95219b59305f88071a0435c2f9b8daad3b75036a9390a90af8e75bd.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 70px;
    right: -6%;
    top: 50%
}

@media (max-width: 767px) {

    #existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .slick-next,
    #existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .slick-next {
        right: 0
    }
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .slick-prev,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .slick-prev {
    background-image: url(/assets/symbol/arrowBgPrev-2bd9dd960c490c1714f408598d682eb76069e4e173302034d2d93395b96ce6a8.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 70px;
    left: -6%;
    top: 50%
}

@media (max-width: 767px) {

    #existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .slick-prev,
    #existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .slick-prev {
        left: 0
    }
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .slick-prev:before,
#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .slick-next:before,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .slick-prev:before,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .slick-next:before {
    opacity: 0
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .contact,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .contact {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {

    #existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .contact,
    #existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .contact {
        flex-direction: column
    }
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .contact .photo,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .contact .photo {
    width: 147px;
    height: 147px;
    margin-right: 20px;
    border-radius: 50%;
    background-size: cover;
    background-image: url(/assets/team/lico-d309141ab2d46a92f0b5d9163bba9ee409812c2104bf1269ad961593c01e3a15.png)
}

@media (max-width: 767px) {

    #existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .contact .photo,
    #existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .contact .photo {
        margin-right: 0;
        margin-bottom: 10px
    }
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .contact .right_wrap,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .contact .right_wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

#existing_team_reg_modal .modal-dialog .modal-body form #team_contacts .contact .right_wrap .phone,
#existing_team_standby_modal .modal-dialog .modal-body form #team_contacts .contact .right_wrap .phone {
    display: none
}

#existing_team_reg_modal .modal-dialog .modal-body form .add_contact,
#existing_team_standby_modal .modal-dialog .modal-body form .add_contact {
    margin: 10px
}

#existing_team_reg_modal .modal-dialog .modal-body form .added_contact,
#existing_team_standby_modal .modal-dialog .modal-body form .added_contact {
    display: none
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper {
    position: relative;
    min-width: 270px;
    padding-left: 20px
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper label,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper label {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    color: #000;
    text-align: left;
    min-width: 270px;
    z-index: 6;
    padding-left: 27px;
    margin: 15px auto 0;
    font-weight: 200;
    cursor: pointer;
    position: relative
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper label:before,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper label:before {
    content: none
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper label:hover~.check,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper label:hover~.check {
    border: 2px solid #0101f8
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper .check,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper .check {
    display: block;
    position: absolute;
    border: 2px solid #c9c9c9;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 17px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper .check:before,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper .check:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper input[type=radio]:checked~.check,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper input[type=radio]:checked~.check {
    border: 2px solid #0101f8
}

#existing_team_reg_modal .modal-dialog .modal-body form .input_wrapper input[type=radio]:checked~.check:before,
#existing_team_standby_modal .modal-dialog .modal-body form .input_wrapper input[type=radio]:checked~.check:before {
    background: #0101f8
}

#existing_team_reg_modal .modal-dialog .modal-body form .load-more-quick-game,
#existing_team_standby_modal .modal-dialog .modal-body form .load-more-quick-game {
    display: none;
    font-size: 14px;
    color: red;
    width: 78px;
    margin: 15px auto 30px;
    border: 2px solid red;
    border-radius: 16px;
    text-align: center;
    padding: 6px 0 4px 0;
    cursor: pointer
}

#existing_team_reg_modal .modal-dialog .modal-body form .range_wrapper,
#existing_team_standby_modal .modal-dialog .modal-body form .range_wrapper {
    margin-bottom: 20px
}

#existing_team_reg_modal .modal-dialog .modal-body form .quick-games-update,
#existing_team_standby_modal .modal-dialog .modal-body form .quick-games-update {
    display: flex;
    flex-direction: column;
    margin-top: 5px
}

#existing_team_reg_modal .modal-dialog .modal-body form .error,
#existing_team_standby_modal .modal-dialog .modal-body form .error {
    margin-top: 5px;
    color: red
}

#existing_team_reg_done {
    font-family: "GraublauSansDispLt";
    overflow-y: scroll
}

#existing_team_reg_done .modal-content {
    background-color: transparent
}

#existing_team_reg_done .modal-dialog {
    max-width: 430px;
    margin: 60px auto 0
}

#existing_team_reg_done .modal-body {
    background-color: #fff;
    padding: 40px 0
}

#existing_team_reg_done .modal-footer {
    background-color: transparent
}

#existing_team_reg_done .itemDone {
    text-align: center;
    font-family: "GraublauSansDisplayRegular"
}

#existing_team_reg_done .itemDone li {
    text-align: center;
    padding-top: 3px;
    color: #888
}

#existing_team_reg_done .itemDone li:nth-child(3) {
    padding-top: 20px
}

#existing_team_reg_done .itemDone .game_reg {
    font-family: GraublauSlab-Bold;
    font-size: 22px;
    color: #000
}

#existing_team_reg_done .itemDone .blueBtn {
    margin: 40px auto 0 auto;
    width: 226px;
    height: 60px;
    padding: 20px 35px 15px 35px
}

#faq_main_modal {
    background: linear-gradient(360deg, #DA0000 100%, #1400FF 0%);
    backdrop-filter: blur(20px);
    color: #0000FF;
    font-family: GraublauSans-Semibold;
    line-height: normal
}

#faq_main_modal .modal-dialog {
    background: #39D29A;
    width: 800px;
    max-width: 800px;
    border-radius: 6px
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog {
        width: 100%;
        max-width: 100%
    }
}

#faq_main_modal .modal-dialog .modal-content {
    background: #39D29A
}

#faq_main_modal .modal-dialog .modal-content .modal-body {
    padding: 15px 15px 80px
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .modal-header {
        background: #39D29A
    }
}

#faq_main_modal .modal-dialog .modal-content img {
    position: absolute;
    top: -41px;
    left: calc(50% - 229px)
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content img {
        position: relative;
        left: initial;
        top: initial;
        width: 80%;
        margin: 10px auto;
        display: block
    }
}

#faq_main_modal .modal-dialog .modal-content .title_top {
    font-size: 24px;
    text-align: center;
    padding-top: 337px;
    margin: 0
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .title_top {
        padding-top: 20px
    }
}

#faq_main_modal .modal-dialog .modal-content .description_top {
    font-size: 18px;
    text-align: center;
    width: 548px;
    margin: 31px auto 0
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .description_top {
        width: 100%;
        font-size: 16px
    }
}

#faq_main_modal .modal-dialog .modal-content .title_bottom {
    font-size: 18px;
    text-align: center;
    margin: 53px 0 0
}

#faq_main_modal .modal-dialog .modal-content .tours {
    display: flex;
    margin-top: 38px;
    flex-wrap: wrap;
    padding: 0 60px 0 60px
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .tours {
        padding: 0;
        margin: 0;
        text-align: center
    }
}

#faq_main_modal .modal-dialog .modal-content .tours .tour {
    margin-top: 30px
}

#faq_main_modal .modal-dialog .modal-content .tours .tour .title {
    font-size: 18px
}

#faq_main_modal .modal-dialog .modal-content .tours .tour .description {
    font-family: GraublauSans-Regular;
    font-size: 16px;
    opacity: 0.7
}

#faq_main_modal .modal-dialog .modal-content .tours .tour1 {
    width: 190px;
    margin-right: 30px
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .tours .tour1 {
        width: 100%;
        margin-right: 0
    }
}

#faq_main_modal .modal-dialog .modal-content .tours .tour2 {
    width: 170px;
    margin-right: 40px
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .tours .tour2 {
        width: 100%;
        margin-right: 0
    }
}

#faq_main_modal .modal-dialog .modal-content .tours .tour3 {
    width: 214px
}

@media (max-width: 767px) {
    #faq_main_modal .modal-dialog .modal-content .tours .tour3 {
        width: 100%
    }
}

.index_menu .authorizationWrap {
    position: inherit
}

.index_menu .user_av .user-widget,
.index_menu .user_av .user-info,
.index_menu .user_av .current_user-name {
    max-width: 260px
}

.user_av button {
    border: none;
    background: initial
}

.user_av .user-widget {
    max-width: 170px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    width: 100%;
    padding: 0px;
    border-radius: 4px
}

.user_av .user-widget .user-info {
    max-width: 174px;
    width: 100%;
    outline: none;
    position: relative
}

.user_av .user-widget .user-info .wrapUserInfo {
    display: flex;
    align-items: center;
    width: 100%
}

.user_av .user-widget .user-info .wrapUserInfo .user-image {
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    color: #DB6130;
    background: white;
    border-radius: 50%;
    margin: 10px 12px 10px 0;
    background-size: cover
}

.user_av .user-widget .user-info .wrapUserInfo .user {
    max-width: 100px;
    color: white;
    position: relative;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    margin: 0
}

.user_av .user-widget .user-info .wrapUserInfo .user .newInvitation {
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    margin-right: 8px;
    position: absolute;
    left: -29px;
    top: 24px
}

.user_av .user-widget .user-info .wrapUserInfo .user .newInvitation i {
    background-color: #0000ff;
    font-size: 10px;
    color: #0000ff;
    text-shadow: 0px 0px 5px;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-style: solid;
    border-color: #e10000;
    border-width: 2px;
    border-radius: 100%
}

.user_av .user-widget .user-info>ul {
    display: none
}

.user_av .user-widget .user-info:focus>ul,
.user_av .user-widget .user-info:hover>ul {
    display: block
}

.authorizationWrap {
    max-width: 174px;
    width: 100%;
    position: relative;
    left: 10px;
    top: 28px
}

.authorizationWrap span {
    display: flex;
    align-items: center
}

.authorizationWrap span img {
    margin-right: 15px
}

.authorizationWrap span .links {
    display: flex;
    flex-direction: column
}

.authorizationWrap span .links a {
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.authorizationWrap span .links a:focus {
    outline: none
}

@media screen and (max-width: 1250px) {
    .user-widget {
        margin-top: 30px
    }
}

@media screen and (max-width: 790px) {
    .authorizationWrap span .links a {
        font-size: 18px;
        margin-bottom: 5px
    }

    .user_av {
        display: none
    }
}

footer {
    background-color: #242424
}

footer .menuWrap {
    max-width: 1084px;
    margin: 0 auto;
    display: flex;
    padding: 35px 0 34px
}

@media (max-width: 767px) {
    footer .menuWrap {
        flex-direction: column;
        padding: 20px 0 25px
    }
}

footer .menuWrap .menu {
    display: flex;
    justify-content: flex-start;
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    color: #FFFFFF;
    padding: 25px 0;
    margin-right: 188px
}

@media (max-width: 767px) {
    footer .menuWrap .menu {
        flex-direction: column;
        margin-right: initial
    }
}

@media (max-width: 767px) {
    footer .menuWrap .menu ul {
        padding-left: 18px;
        margin: 0
    }
}

footer .menuWrap .menu li a {
    color: #ccc;
    display: flex
}

@media (max-width: 767px) {
    footer .menuWrap .menu li a {
        color: #fff
    }
}

footer .menuWrap .menu li a p {
    margin: 0;
    padding: 5px 0 7px 0
}

footer .menuWrap .menu li a .imageWrap {
    width: 57px;
    margin-right: 20px
}

footer .menuWrap .menu li a img {
    height: 30px;
    margin: 0 auto;
    display: block
}

footer .menuWrap .menu ul:first-child {
    margin-right: 52px
}

@media (max-width: 767px) {
    footer .menuWrap .menu ul:first-child {
        padding-left: 18px;
        margin: 0
    }
}

footer .menuWrap .menu ul:last-child {
    margin-right: 20px
}

@media (max-width: 767px) {
    footer .menuWrap .menu ul:last-child {
        padding-left: 18px;
        margin: 0
    }
}

footer .menuWrap .elseLink {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 25px 0 25px 40px;
    height: 190px;
    line-height: 1;
    font-size: 14px;
    font-family: "GraublauSans-Regular";
    color: #999;
    display: flex
}

@media (max-width: 767px) {
    footer .menuWrap .elseLink {
        padding: 20px 0 0 0;
        border-left: none;
        border-top: 2px solid #181b22;
        height: auto;
        flex-direction: column;
        margin-left: 18px;
        width: initial;
        margin-right: 18px;
        border-top: 2px solid rgba(255, 255, 255, 0.3)
    }
}

footer .menuWrap .elseLink ul:first-child {
    margin-right: 15px
}

@media (max-width: 767px) {
    footer .menuWrap .elseLink ul:first-child {
        margin-right: 0
    }
}

footer .menuWrap .elseLink ul:last-child {
    padding-left: 15px
}

@media (max-width: 767px) {
    footer .menuWrap .elseLink ul:last-child {
        padding-left: 0
    }
}

footer .menuWrap .elseLink li {
    margin-bottom: 11px
}

footer .menuWrap .elseLink li a {
    color: #999
}

@media (max-width: 767px) {
    footer .menuWrap .elseLink li a {
        color: rgba(255, 255, 255, 0.5)
    }
}

footer .bottomWrapper {
    background: #121212;
    height: 105px
}

@media (max-width: 767px) {
    footer .bottomWrapper {
        height: auto
    }
}

footer .shWrap {
    background: #121212;
    height: 105%;
    display: flex;
    max-width: 1084px;
    margin: 0 auto;
    font-family: "GraublauSansDisplayRegular";
    font-size: 15px;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767px) {
    footer .shWrap {
        flex-direction: column
    }
}

footer .shWrap .kv {
    color: #FFFFFF
}

@media (max-width: 767px) {
    footer .shWrap .kv {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
        margin-top: 23px;
        padding-bottom: 26px
    }
}

@media (max-width: 767px) {
    footer .shWrap .social-button-footer {
        margin-top: 33px
    }
}

footer .shWrap .city {
    color: rgba(255, 255, 255, 0.5)
}

@media (max-width: 767px) {
    footer .shWrap .city {
        margin-top: 17px
    }
}

footer .shWrap .contact_info {
    font-size: 15px;
    font-family: "GraublauSans-Regular";
    color: #fff;
    display: flex;
    align-items: center
}

footer .shWrap .contact_info .phones {
    display: flex;
    flex-direction: column;
    margin-right: 20px
}

footer .shWrap .contact_info .phones a {
    color: rgba(255, 255, 255, 0.5);
    margin: 5px 10px
}

footer .shWrap .contact_info .work_time {
    display: flex;
    flex-direction: column;
    color: rgba(255, 255, 255, 0.5)
}

footer .shWrap .contact_info .work_time p {
    margin: 5px 0
}

footer .shWrap .feedback_link {
    width: 142px;
    height: 44px;
    line-height: 44px;
    background: #0C73FE;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 15px;
    font-family: "GraublauSans-Regular"
}

@media (max-width: 767px) {
    footer .shWrap .feedback_link {
        display: block;
        width: 142px;
        height: 44px;
        line-height: 44px;
        background: #0C73FE;
        border-radius: 5px;
        color: #fff;
        margin: 49px auto 0;
        text-align: center
    }
}

footer .bottomWrap {
    display: flex
}

@media (max-width: 767px) {
    footer .bottomWrap {
        display: none
    }
}

footer .bottomWrapMob {
    display: none
}

@media (max-width: 767px) {
    footer .bottomWrapMob {
        display: flex;
        padding-top: 22px
    }
}

footer .social-share-button {
    display: flex;
    margin-right: 66px
}

@media (max-width: 767px) {
    footer .social-share-button {
        margin: 10px auto
    }
}

@media (max-width: 767px) {
    footer .flogo {
        margin: 10px auto
    }
}

.burger {
    display: none
}

.burger.user1-menu {
    display: block;
    margin-right: 10px
}

.burger.user1-menu span {
    width: 30px;
    height: 2px;
    display: block;
    background-color: #fff
}

.burger.user1-menu span:not(:last-child) {
    margin-bottom: 5px
}

.st-pusher {
    z-index: initial !important;
    background-color: #fff
}

.st-content {
    background: #fff
}

#st-container.st-effect-2.st-menu-open .st-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu {
    left: -300px;
    background: #020622;
    font-family: "GraublauSansDisplayRegular"
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .list {
    margin-top: 15px
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .red_insert {
    width: 16px;
    height: 4px;
    background: #FF9B27;
    margin: 34px 16px
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .list_menu {
    margin-bottom: 40px
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .list_menu li a {
    font-family: "GraublauSansDisplayRegular";
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    padding: 6px 20px;
    color: #fff
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .list_menu li:hover a {
    color: #fff
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .social {
    margin-bottom: 12px
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .social .social-share-button {
    display: flex
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .social .social-share-button .ssb-icon {
    margin-left: 16px;
    width: 39px;
    height: 39px;
    background-size: 39px 39px
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .social .social-share-button .ssb-facebook {
    background-image: url(/assets/symbol/fb-731bbce5e1e721f0bc348bc1572017cdc69080f1322ef416363b46195224c6f3.png)
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .social .social-share-button .ssb-vkontakte {
    background-image: url(/assets/symbol/vk-a6ef4d354be346e1bfc686b967fec890697c30dbe16894ea42b2939203a03250.png)
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .social .social-share-button .ssb-twitter {
    background-image: url(/assets/symbol/twiter-30f600460f48c5e47c659f3ebd61750aedc3aae32b422333c5b6071d06e5d2de.png);
    display: none
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .feedback_link {
    color: #626262;
    margin-left: 16px;
    font-family: GraublauSans-Regular
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .feedback_link:hover {
    color: #fff
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-menu .closeMenu2 {
    top: 17px;
    position: absolute;
    left: 285px;
    border-radius: 50%;
    background-color: #0000f5
}

#st-container.st-effect-2.st-menu-open .st-pusher .st-content {
    overflow-y: hidden
}

#menu-2 {
    left: -300px;
    right: 0
}

#menu-3 {
    left: 0px;
    z-index: 2000;
    right: 0
}

#menu-3:after {
    position: absolute;
    top: 0;
    left: -300px
}

.st-menu-open .st-menu:after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.st-menu:after {
    position: absolute;
    top: 0;
    right: -300px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.st-menu {
    left: initial;
    right: -300px;
    background: #020622;
    font-family: "GraublauSansDisplayRegular"
}

.st-menu .closeModal {
    position: relative;
    top: initial;
    right: initial;
    height: 70px;
    width: 100%;
    background-color: #FF9B27;
    border-radius: 0px 0px 20px 0px;
    margin-bottom: 17px
}

.st-menu .closeModal .roundWrap {
    position: absolute;
    right: 15px
}

.st-menu .closeModal .roundWrap span {
    width: 18px
}

.st-menu .user-w {
    display: flex
}

.st-menu .user-w .image {
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    color: #DB6130;
    background: white;
    border-radius: 50%;
    margin: auto 0 auto 17px
}

.st-menu .user-w h2 {
    font-family: GraublauSlab-Bold;
    font-size: 24px;
    color: #fff;
    max-width: 237px;
    overflow: hidden
}

.st-menu .list li a {
    font-family: GraublauSans-Regular;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    padding: 6px 16px
}

.st-menu .list li:hover a {
    color: #FF9B27
}

.st-menu .accounts {
    margin-top: 40px
}

.st-menu .accounts p,
.st-menu .accounts a {
    padding: 0 16px
}

.st-menu .accounts a {
    display: block;
    color: #fff
}

.st-menu .accounts a.new {
    font-family: GraublauSans-Regular;
    font-size: 14px;
    color: #626262;
    text-transform: none
}

.st-menu .accounts a.new:hover {
    color: #FF9B27
}

.st-menu .accounts h3 {
    margin: 16px 0
}

.st-menu .accounts a:hover h3 {
    text-decoration: underline
}

.modal-body .top-error {
    margin: 0 auto 10px;
    width: 250px
}

.signIn .modal-content,
.signUp .modal-content,
.restorePassword .modal-content {
    border: 0
}

.signIn .modal-content .modal-body,
.signUp .modal-content .modal-body,
.restorePassword .modal-content .modal-body {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/assets/symbol/salut/1-33f490a3043f98810ce592f79aa2cf3544e8b2a89feff20bc5850902607fb803.png)
}

.signIn .modal-content .modal-body form,
.signUp .modal-content .modal-body form,
.restorePassword .modal-content .modal-body form {
    margin-top: 20px
}

.signIn .modal-content .modal-body form .blueBtn {
    margin: 30px 0 10px
}

.signUp .modal-content .modal-header h2 {
    width: 220px;
    margin: 20px auto 14px
}

.signUp .modal-content .modal-body form .blueBtn {
    margin: 40px 0 10px
}

.wedding-order-modal {
    background-color: rgba(255, 153, 204, 0.8)
}

.wedding-order-modal .modal-content {
    border: 0
}

.wedding-order-modal .modal-content .modal-header {
    background-color: #6fdad6
}

.wedding-order-modal .modal-content .modal-header h2 {
    width: 220px;
    margin: 20px auto 14px;
    font-size: 42px
}

.wedding-order-modal .modal-content .closeModal.round {
    right: -44px;
    top: -41px;
    width: 44px;
    height: 44px;
    background-color: #ff99cc
}

.wedding-order-done .modal-content {
    border: 0
}

.wedding-order-done .modal-content .modal-header {
    background-color: #fff
}

.wedding-order-done .modal-content .modal-header img {
    margin-top: 10px;
    margin-bottom: 27px
}

.wedding-order-done .modal-content .modal-header p {
    font-size: 18px;
    line-height: 20px;
    color: #333
}

.wedding-order-done .modal-content .modal-body {
    max-width: 320px;
    padding: 0 15px 15px;
    margin: 0 auto
}

.lightningSection {
    z-index: 1001
}

@media (max-width: 767px) {
    .lightningSection {
        display: none
    }
}

#headInfo {
    background-color: #0C73FE;
    font-family: 'GraublauSansDisplayRegular'
}

@media (max-width: 767px) {
    #headInfo {
        padding: 0
    }
}

#headInfo .top_mob {
    display: none
}

@media (max-width: 767px) {
    #headInfo .top_mob {
        display: block;
        padding-top: 20px
    }
}

#headInfo .top_mob .soc {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 0 18px
}

#headInfo .top_mob .soc .mob_menu {
    margin: 0
}

#headInfo .top_mob .soc .mob_menu .burger {
    display: block
}

#headInfo .top_mob .soc .logo_mob img {
    width: 88px
}

#headInfo .top_mob .mzg_ll {
    display: block;
    margin: 38px auto 20px;
    width: 218px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    font-family: 'GraublauSansDisplayRegular';
    border: 3px solid #FFFFFF;
    border-radius: 5px;
    text-align: center
}

#headInfo .top_mob .wrapSelectCityMonth {
    margin-top: 36px
}

@media (max-width: 767px) {
    #headInfo .top_mob .wrapSelectCityMonth {
        margin-top: 34px
    }
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown {
    font-size: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    width: initial;
    margin: 0 auto;
    padding: 0;
    border: none
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown span {
    color: #0D499A
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown .dropdown {
    top: 35px;
    background-color: #FF9B27;
    color: #fff
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown .dropdown:after {
    content: none
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown .dropdown li a {
    color: #fff
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown .dropdown li a:hover {
    background: initial
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown .before_sity {
    margin: 0 5px 0 0
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown .before_sity:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    background-image: url(/assets/symbol/geo-d9f633d569c229e859e54eea6bdbcf325a79a75d11d9059e301dcb84cc181e5b.png);
    background-repeat: no-repeat;
    margin-left: -28px;
    margin-top: 5px
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown span.active {
    background-color: transparent
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown span.active span:before {
    transform: rotate(0deg);
    margin-top: -6px
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown span.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    margin-top: 1px
}

#headInfo .top_mob .wrapSelectCityMonth .wrapper-dropdown:before {
    content: none
}

@media (max-width: 767px) {
    #headInfo .top_content {
        display: none
    }
}

#headInfo .top_content .menu_with_logo {
    width: 1084px;
    display: flex;
    margin: 0 auto;
    padding-top: 45px;
    justify-content: space-between;
    align-items: center
}

#headInfo .top_content .menu_with_logo .root_avatar_wrap .authorizationWrap {
    top: initial;
    left: initial;
    max-width: initial
}

#headInfo .top_content .menu_with_logo .root_avatar_wrap .authorizationWrap .fastBtn.small {
    width: 175px;
    height: 44px;
    line-height: 44px;
    background: #FFFFFF;
    border-radius: 5px;
    color: #DA0000;
    font-family: 'GraublauSansDisplayRegular';
    font-size: 18px;
    padding: 0;
    max-width: initial;
    margin-bottom: 0
}

#headInfo .top_content .menu_with_logo .org_logo {
    width: 138px;
    height: 38px
}

#headInfo .top_content .menu_with_logo .menu {
    width: 636px;
    display: flex;
    justify-content: space-between
}

#headInfo .top_content .menu_with_logo .menu a {
    color: #fff;
    font-family: 'GraublauSansDisplayRegular';
    font-size: 18px
}

#headInfo .top_content .mzg_ll {
    display: block;
    margin: 65px auto 0;
    width: 218px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-family: 'GraublauSansDisplayRegular';
    text-align: center;
    line-height: 44px;
    cursor: pointer
}

#headInfo .top_content .wrapSelectCityMonth {
    margin-top: 36px
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown {
    font-size: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    width: initial;
    margin: 0 auto;
    padding: 0;
    border: none
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown span {
    color: #0D499A
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown .dropdown {
    top: 35px;
    width: 150px;
    background-color: #FF9B27;
    color: #fff
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown .dropdown:after {
    content: none
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown .dropdown li a {
    color: #fff
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown .dropdown li a:hover {
    background: initial
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown .before_sity {
    margin: 0 5px 0 0
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown .before_sity:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    background-image: url(../images/assets/geo.png);
    background-repeat: no-repeat;
    margin-left: -28px;
    margin-top: 5px
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown span.active {
    background-color: transparent
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown span.active span:before {
    transform: rotate(0deg);
    margin-top: -6px
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown span.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    margin-top: 1px
}

#headInfo .top_content .wrapSelectCityMonth .wrapper-dropdown:before {
    content: none
}

@media screen and (max-width: 1250px) {
    #headInfo .nav {
        flex-wrap: wrap
    }

    #headInfo .nav a {
        margin: 10px 20px 20px
    }

    #headInfo .contentWrapper .flex {
        justify-content: space-around
    }
}

#aboutSec {
    background-color: #0C73FE;
    font-family: 'GraublauSansDisplayRegular';
    color: #fff;
    padding-top: 42px;
    padding-bottom: 127px
}

@media (max-width: 767px) {
    #aboutSec {
        padding-bottom: 0;
        padding-top: 0
    }
}

#aboutSec .wrapper {
    display: flex;
    width: 1084px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #aboutSec .wrapper {
        width: initial;
        flex-direction: column;
        padding-top: 41px
    }
}

#aboutSec .wrapper .mob_title {
    display: none
}

@media (max-width: 767px) {
    #aboutSec .wrapper .mob_title {
        display: block;
        margin: 0 0 25px;
        font-family: "GraublauSlab-Bold";
        font-size: 40px;
        line-height: 62px;
        text-align: center;
        line-height: 1
    }
}

#aboutSec .wrapper .video {
    position: relative;
    display: flex;
    width: 536px;
    height: 301px
}

@media (max-width: 767px) {
    #aboutSec .wrapper .video {
        margin: 0 auto;
        padding: 0 18px;
        width: 284px;
        height: 160px
    }
}

#aboutSec .wrapper .video #root_video_bg {
    width: 100%;
    height: auto
}

@media (max-width: 767px) {
    #aboutSec .wrapper .video #root_video_bg {
        width: 100%
    }
}

#aboutSec .wrapper .video #mozgva_root_video {
    display: none;
    width: 100%;
    height: auto
}

#aboutSec .wrapper .video #btn_root_player {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px)
}

@media (max-width: 767px) {
    #aboutSec .wrapper .video #btn_root_player {
        top: calc(50% - 24px);
        left: calc(50% - 24px)
    }
}

#aboutSec .wrapper .video #btn_root_player img {
    width: 90px;
    height: 90px
}

@media (max-width: 767px) {
    #aboutSec .wrapper .video #btn_root_player img {
        width: 48px;
        height: 48px
    }
}

#aboutSec .wrapper .desc_wrap {
    width: 501px;
    margin-left: 47px
}

@media (max-width: 767px) {
    #aboutSec .wrapper .desc_wrap {
        margin-left: initial;
        width: initial;
        padding: 0 18px;
        margin-top: 30px
    }
}

#aboutSec .wrapper .desc_wrap h1 {
    margin: 0;
    font-family: "GraublauSlab-Bold";
    font-size: 76px;
    line-height: 62px
}

@media (max-width: 767px) {
    #aboutSec .wrapper .desc_wrap h1 {
        display: none
    }
}

#aboutSec .wrapper .desc_wrap p {
    margin: 18px 0 0 0;
    font-size: 18px;
    line-height: 22px
}

@media (max-width: 767px) {
    #aboutSec .wrapper .desc_wrap p {
        font-size: 16px;
        line-height: 16px;
        margin: 0;
        text-align: center
    }
}

#aboutSec .wrapper .desc_wrap .btns_wrap {
    margin-top: 46px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    #aboutSec .wrapper .desc_wrap .btns_wrap {
        flex-direction: column;
        align-items: center;
        margin-top: 41px;
        margin-bottom: 41px
    }
}

.noticeSection {
    background: #EBF5FF;
    padding: 81px 0 60px;
    position: relative;
    font-family: 'GraublauSansDisplayRegular';
    font-size: 18px
}

@media (max-width: 767px) {
    .noticeSection {
        padding: 45px 0
    }
}

.noticeSection .main_wrap {
    width: 1096px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .noticeSection .main_wrap {
        width: initial
    }
}

.noticeSection .games_wrap .btnMain {
    display: block;
    width: 188px;
    margin: 61px auto 0;
    height: 44px;
    line-height: 44px;
    padding-left: 28px;
    padding-right: 27px;
    font-family: 'GraublauSansDisplayRegular';
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    background: #FF9B27;
    border-radius: 5px
}

@media (max-width: 767px) {
    .noticeSection .games_wrap .btnMain {
        margin: 38px auto 0
    }
}

.noticeSection .games_wrap .top_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 73px
}

@media (max-width: 767px) {
    .noticeSection .games_wrap .top_wrap {
        justify-content: center;
        margin-bottom: 21px
    }
}

.noticeSection .games_wrap .top_wrap .title {
    color: #FF9B27;
    margin: 0
}

.noticeSection .games_wrap .top_wrap .links_wrap {
    display: flex
}

@media (max-width: 767px) {
    .noticeSection .games_wrap .top_wrap .links_wrap {
        display: none
    }
}

.noticeSection .games_wrap .top_wrap .links_wrap a {
    padding: 0 24px;
    color: #020622;
    border: 2px solid #020622;
    border-radius: 5px;
    text-align: center;
    height: 44px;
    line-height: 44px
}

.noticeSection .games_wrap .top_wrap .links_wrap a:hover {
    color: #FF9B27;
    border: 2px solid #FF9B27
}

.noticeSection .games_wrap .top_wrap .links_wrap .md-link {
    margin-left: 40px;
    margin-right: 38px
}

.noticeSection .games_wrap .top_wrap .links_wrap .active {
    color: #FF9B27;
    border: 2px solid #FF9B27;
    padding: 0 24px;
    border-radius: 5px;
    text-align: center;
    height: 44px;
    line-height: 44px
}

.noticeSection .games_wrap .gamesTabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .noticeSection .games_wrap .gamesTabs {
        justify-content: center
    }
}

#about_root {
    position: relative;
    z-index: 65
}

#about_root .wrapper {
    display: flex;
    width: 1044px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 101px 0 20px;
    flex-direction: column
}

@media (max-width: 767px) {
    #about_root .wrapper {
        padding: 38px 0 20px;
        width: 300px;
        margin: 0 auto;
        flex-direction: column
    }
}

#about_root .wrapper .main-title {
    font-family: "GraublauSlab-Bold";
    line-height: 20px;
    font-size: 36px;
    text-align: center;
    color: #020622;
    margin: 0 auto 46px
}

@media (max-width: 767px) {
    #about_root .wrapper .main-title {
        margin: 0 auto 28px;
        font-size: 29px
    }
}

#about_root .wrapper .main_desc .b1 {
    display: flex;
    justify-content: space-between;
    align-items: end
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

#about_root .wrapper .main_desc .b1 .time .title {
    background: linear-gradient(#f90, #E20200);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .time .title {
        font-size: 61px;
        line-height: 64px
    }
}

#about_root .wrapper .main_desc .b1 .time .desc {
    padding-bottom: 22px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .time .desc {
        padding-bottom: 16px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .time .desc .t1 {
        font-size: 20px;
        line-height: 17px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .time .desc .t2 {
        font-size: 13px;
        line-height: 11px;
        padding-top: 5px
    }
}

#about_root .wrapper .main_desc .b1 .question .title {
    background: linear-gradient(#8FFF00, #00B9E2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 15px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .question .title {
        padding-bottom: 6px;
        font-size: 54px;
        line-height: 57px
    }
}

#about_root .wrapper .main_desc .b1 .question .desc {
    padding-bottom: 7px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .question .desc {
        padding-bottom: 4px;
        margin-left: 15px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .question .desc .t1 {
        font-size: 20px;
        line-height: 17px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .question .desc .t2 {
        font-size: 13px;
        line-height: 11px;
        padding-top: 5px
    }
}

#about_root .wrapper .main_desc .b1 .tour .title {
    background: linear-gradient(#5200FF, #E20095);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* width: 42px */
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .tour .title {
        font-size: 54px;
        line-height: 57px;
        /* width: 36px */
    }
}

#about_root .wrapper .main_desc .b1 .tour .desc {
    padding-top: 46px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .tour .desc {
        padding-top: 11px;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .tour .desc .t1 {
        font-size: 20px;
        line-height: 21px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .tour .desc .t2 {
        font-size: 13px;
        line-height: 11px;
        padding-top: 3px
    }
}

#about_root .wrapper .main_desc .b1 .count .title {
    background: linear-gradient(#FFD600, #E200D9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* width: 123px */
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .count .title {
        font-size: 42px;
        line-height: 44px;
        width: initial
    }
}

#about_root .wrapper .main_desc .b1 .count .desc {
    padding-top: 45px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .count .desc {
        padding-top: 11px;
        margin-left: 7px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .count .desc .t1 {
        font-size: 20px;
        line-height: 21px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b1 .count .desc .t2 {
        font-size: 13px;
        line-height: 11px;
        padding-top: 3px
    }
}

#about_root .wrapper .main_desc .b2 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 63px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 {
        justify-content: flex-start;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .teams {
        flex-direction: column
    }
}

#about_root .wrapper .main_desc .b2 .teams .title {
    background: linear-gradient(#06f, #00CBE7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .teams .title {
        font-size: 42px;
        line-height: 44px
    }
}

#about_root .wrapper .main_desc .b2 .teams .desc {
    padding-bottom: 22px;
    margin-left: 23px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .teams .desc {
        margin-left: 0;
        margin-top: 6px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .teams .desc .t1 {
        font-size: 20px;
        line-height: 17px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .teams .desc .t2 {
        font-size: 13px;
        line-height: 11px;
        margin-top: 7px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .photo {
        flex-direction: column
    }
}

#about_root .wrapper .main_desc .b2 .photo .title {
    background: linear-gradient(#FFC700, #8FE700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .photo .title {
        font-size: 42px;
        line-height: 44px
    }
}

#about_root .wrapper .main_desc .b2 .photo .desc {
    padding-bottom: 5px;
    margin-left: 23px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .photo .desc {
        margin-left: 0;
        margin-top: 5px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .photo .desc .t1 {
        font-size: 20px;
        line-height: 17px
    }
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .b2 .photo .desc .t2 {
        font-size: 13px;
        line-height: 11px;
        margin-top: 7px
    }
}

#about_root .wrapper .main_desc .desc_wrap {
    display: flex
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .desc_wrap {
        width: 50%
    }
}

#about_root .wrapper .main_desc .desc_wrap .title {
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    font-size: 100px;
    line-height: 1
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .desc_wrap .title {
        font-size: 55px
    }
}

#about_root .wrapper .main_desc .desc_wrap .desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 12px;
    line-height: 1
}

#about_root .wrapper .main_desc .desc_wrap .desc .t1 {
    color: #020622;
    font-size: 25px;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .desc_wrap .desc .t1 {
        font-size: 20px
    }
}

#about_root .wrapper .main_desc .desc_wrap .desc .t2 {
    color: #020622;
    font-size: 18px
}

@media (max-width: 767px) {
    #about_root .wrapper .main_desc .desc_wrap .desc .t2 {
        font-size: 13px
    }
}

#about_root .wrapper .mainBtn {
    display: block;
    margin: 100px auto 0;
    color: #FF9B27;
    border: 3px solid #FF9B27;
    border-radius: 5px;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    text-align: center;
    width: 178px;
    height: 44px;
    line-height: 44px
}

@media (max-width: 767px) {
    #about_root .wrapper .mainBtn {
        margin-top: 42px
    }
}

#about_root .wrapper .desc_obt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt {
        margin-top: 48px;
        justify-content: center
    }
}

#about_root .wrapper .desc_obt .desc_wrap {
    margin-bottom: 44px;
    width: 500px;
    height: 376px;
    background-image: url('../images/assets/desc_obt.png');
    background-repeat: no-repeat;
    line-height: 1
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .desc_wrap {
        width: 300px;
        height: 280px;
        background-color: #020622;
        background-image: url('../images/assets/rec_bg.png');
        background-position: center 71%;
        border-radius: 6px
    }
}

#about_root .wrapper .desc_obt .desc_wrap .desc {
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 10px 0 0
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .desc_wrap .desc {
        font-size: 17px;
        margin: 3px
    }
}

#about_root .wrapper .desc_obt .desc_wrap .title {
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    font-size: 55px;
    text-align: center;
    margin: 25px 0 0
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .desc_wrap .title {
        font-size: 42px;
        margin-top: 4px
    }
}

#about_root .wrapper .desc_obt .desc_wrap img {
    margin: 0 auto;
    display: block
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .desc_wrap img {
        width: 94%
    }
}

#about_root .wrapper .desc_obt .place .title {
    background: linear-gradient(#3f0, #00E0FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 25px 0 0
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .place .title {
        font-size: 42px;
        margin-top: 4px
    }
}

#about_root .wrapper .desc_obt .place img {
    margin-top: 15px
}

#about_root .wrapper .desc_obt .questions .title {
    background: linear-gradient(#f90, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#about_root .wrapper .desc_obt .questions img {
    margin-top: 28px
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .questions img {
        width: 67%;
        margin-top: 20px
    }
}

#about_root .wrapper .desc_obt .mt .title {
    background: linear-gradient(#FF000F, #BD00FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#about_root .wrapper .desc_obt .mt img {
    margin-left: 114px
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .mt img {
        margin-left: 47px;
        width: 63%
    }
}

#about_root .wrapper .desc_obt .gift .desc {
    position: relative;
    z-index: 2
}

#about_root .wrapper .desc_obt .gift .title {
    background: linear-gradient(#FF8400, #FFC700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#about_root .wrapper .desc_obt .gift img {
    margin-left: 37px;
    margin-top: -43px;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    #about_root .wrapper .desc_obt .gift img {
        margin-top: 0;
        margin-left: 8px;
        width: 88%
    }
}

#about_root .wrapper .moleskines_btn {
    display: none;
    margin-top: 77px
}

#about_root .wrapper .ph_wrap {
    display: flex;
    justify-content: center;
    margin-top: 77px;
    margin-bottom: 79px
}

@media (max-width: 767px) {
    #about_root .wrapper .ph_wrap {
        margin-top: 0;
        margin-bottom: 38px;
        flex-direction: column;
        align-items: center
    }
}

#about_root .wrapper .ph_wrap .photos {
    margin-right: 34px
}

@media (max-width: 767px) {
    #about_root .wrapper .ph_wrap .photos {
        margin-right: 0;
        margin-bottom: 10px
    }
}

#about_root .wrapper .ph_wrap .btnMain {
    display: block;
    color: #fff;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    width: 151px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #FF9B27;
    border-radius: 5px;
    cursor: pointer
}

#about_root .wrapper .ph_wrap .qr {
    width: initial;
    padding: 0 20px;
    margin-left: 34px
}

@media (max-width: 767px) {
    #about_root .wrapper .ph_wrap .qr {
        margin-left: 0;
        margin-top: 10px
    }
}

#about_root .wrapper .test {
    width: 626px;
    height: 750px;
    border-radius: 6px;
    margin: 40px auto 100px
}

@media (max-width: 767px) {
    #about_root .wrapper .test {
        width: 100%;
        height: 520px;
        max-width: 300px;
        margin: 10px auto 0
    }
}

#about_root .wrapper .test .number {
    color: #020622;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin-bottom: 22px
}

#about_root .wrapper .test .number span {
    color: #3C4FE2
}

#about_root .wrapper .test .text {
    color: #020622;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    line-height: normal;
    font-size: 24px;
    text-align: center;
    width: 420px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #about_root .wrapper .test .text {
        width: 100%;
        font-size: 18px
    }
}

#about_root .wrapper .test img {
    display: block;
    margin: 0 auto
}

@media (max-width: 767px) {
    #about_root .wrapper .test img {
        height: 200px;
        margin-top: 15px;
        max-width: 100%
    }
}

#about_root .wrapper .test video {
    display: block;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 767px) {
    #about_root .wrapper .test video {
        margin-top: 15px;
        max-width: 100%
    }
}

#about_root .wrapper .test .wrap_btns {
    display: flex;
    width: 315px;
    justify-content: center
}

@media (max-width: 767px) {
    #about_root .wrapper .test .wrap_btns {
        margin-top: 20px;
        align-items: center
    }
}

#about_root .wrapper .test .wrap_btns .btn-answer {
    position: relative;
    /* width: 159px; */
    line-height: 40px;
    height: 44px;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    text-align: center;
    padding: 0 30px;
    cursor: pointer;
    color: #FF9B27;
    font-size: 18px;
    border-radius: 5px;
    border: 3px solid #FF9B27
}

@media (max-width: 767px) {
    #about_root .wrapper .test .wrap_btns .btn-answer {
        /* width: 159px; */
        padding: 0 9px
    }
}

#about_root .wrapper .test .wrap_btns .btn-answer:hover {
    background: #3000E5;
    border: 2px solid #3000E5;
    color: #FFFFFF
}

#about_root .wrapper .test .wrap_btns .btn-next {
    position: relative;
    width: 159px;
    line-height: 44px;
    height: 44px;
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    text-align: center;
    padding: 0 30px;
    cursor: pointer;
    color: #FF9B27;
    font-size: 18px;
    border-radius: 5px;
    border: 3px solid #FF9B27
}

@media (max-width: 767px) {
    #about_root .wrapper .test .wrap_btns .btn-next {
        width: 159px;
        padding: 0 9px
    }
}

#about_root .wrapper .test .wrap_btns .btn-next:hover {
    background: #3000E5;
    border: 2px solid #3000E5;
    color: #FFFFFF
}

#about_root .wrapper .test .wrap_btns .btn-back {
    display: block;
    position: relative;
    width: 67px;
    height: 44px;
    border: 3px solid #3C4FE2;
    margin-right: 30px;
    border-radius: 5px
}

#about_root .wrapper .test .wrap_btns .btn-back.last_answer {
    margin-right: 0
}

@media (max-width: 767px) {
    #about_root .wrapper .test .wrap_btns .btn-back {
        margin-right: 10px
    }

    #about_root .wrapper .test .wrap_btns .btn-back.last_answer {
        margin-right: 0
    }
}

#about_root .wrapper .test .wrap_btns .btn-back:after {
    content: '';
    height: 16px;
    width: 10px;
    background-image: url(/assets/root_page/back-hover-a93f4b10f1bfeacc7d8eac2cd62654e251f794896a5accede75e563898c0e107.png);
    position: absolute;
    right: 25px;
    top: 12px
}

#about_root .wrapper .test .question {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 30px 60px 50px;
    border-radius: 6px
}

@media (max-width: 767px) {
    #about_root .wrapper .test .question {
        padding: 20px 10px
    }
}

#about_root .wrapper .test .answer {
    display: none;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 30px 60px 50px;
    border-radius: 6px
}

@media (max-width: 767px) {
    #about_root .wrapper .test .answer {
        padding: 20px 10px
    }
}

#about_root .wrapper .test .answer .number {
    color: #3C4FE2
}

.partners_root {
    background: #0C73FE;
    padding-top: 58px
}

.partners_root .wrapper .partners-title {
    font-family: "GraublauSlab-Bold";
    color: #fff;
    font-size: 36px;
    text-align: center
}

.partners_root .wrapper .predl {
    padding-bottom: 60px
}

.partners_root .wrapper .predl a {
    font-family: 'GraublauSansDisplayRegular';
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #FF9B27;
    border-radius: 5px;
    height: 44px;
    line-height: 44px;
    width: 215px;
    margin: 0 auto;
    display: block;
    padding: 0
}

@media screen and (max-width: 1250px) {
    #headInfo .nav {
        flex-wrap: wrap
    }

    #headInfo .nav a {
        margin: 10px 20px 20px
    }

    #headInfo .contentWrapper .line {
        justify-content: space-around
    }

    .itemGame .mobile {
        display: inline
    }

    .itemGame .hide-mobile {
        display: none
    }

    .itemGame .map-link a {
        color: #fff;
        text-decoration: underline
    }
}

#alert_modal .modal-dialog {
    max-width: initial
}

@media (max-width: 767px) {
    #alert_modal .modal-dialog {
        align-items: center;
        height: initial;
        min-height: initial;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

#alert_modal .modal-dialog .modal-content {
    background-color: initial
}

@media (max-width: 767px) {
    #alert_modal .modal-dialog .modal-content {
        background-color: initial;
        box-shadow: none;
        border: none;
        width: 300px;
        height: 250px;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    #alert_modal .modal-dialog .modal-content .modal-header {
        min-height: 19px;
        background-color: initial
    }
}

#alert_modal .modal-dialog .modal-content .modal-header .closeModal.round {
    right: 0;
    top: -21px;
    width: 17px;
    height: 17px;
    background-color: initial
}

#alert_modal .modal-dialog .modal-content .modal-header .closeModal.round span {
    width: 18px
}

#alert_modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

#alert_modal .modal-dialog .modal-content .modal-body .link img {
    width: 100%
}

@media (max-width: 767px) {
    #alert_modal .modal-dialog .modal-content .modal-body .link .desc {
        display: none
    }
}

#alert_modal .modal-dialog .modal-content .modal-body .link .mob {
    display: none
}

@media (max-width: 767px) {
    #alert_modal .modal-dialog .modal-content .modal-body .link .mob {
        display: block
    }
}

#gallery_static_modal .modal-dialog {
    max-width: 1280px;
    width: 100%
}

@media (max-width: 767px) {
    #gallery_static_modal .modal-dialog .modal-content {
        background-color: initial;
        height: 100%;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    #gallery_static_modal .modal-dialog .modal-content .modal-header {
        background-color: initial
    }
}

#gallery_static_modal .modal-dialog .modal-content .modal-header .closeModal.round {
    width: 151px;
    height: 44px;
    color: #FFFFFF;
    font-family: "GraublauSansDisplayRegular";
    line-height: 44px;
    background: #FF9B27;
    border-radius: 5px;
    right: 0;
    top: -60px
}

#gallery_static_modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

#gallery_static_modal .modal-dialog .modal-content .modal-body .gallery_static_wrap {
    height: 400px
}

#gallery_static_modal .modal-dialog .modal-content .modal-body .gallery_static_wrap img {
    max-height: 830px
}

@media (max-width: 767px) {
    #gallery_static_modal .modal-dialog .modal-content .modal-footer {
        display: none
    }
}

.topInfo.soc_card {
    font-family: "GraublauSansDisplayRegular";
    background-color: #060054
}

.topInfo.soc_card .contentWrap {
    height: auto
}

.topInfo.soc_card .contentWrap .newTypeOfNav {
    padding: 50px 0 30px 0
}

.topInfo.soc_card h1 {
    font-size: 100px;
    margin: 0;
    padding-bottom: 60px
}

@media (max-width: 767px) {
    .topInfo.soc_card h1 {
        font-size: 50px
    }
}

.topInfo.soc_card .back_btn {
    color: #fff;
    border: 2px solid #FF0001;
    border-radius: 22px;
    width: 86px;
    padding: 4px 20px 5px 9px;
    height: 30px
}

.topInfo.soc_card .back_btn:before {
    background-image: url(/assets/symbol/arrowLeft-39a24f11e27dc089642028e1c1d3d4340d81dcd6e16093c62d3b7d10bd0a5a6b.png);
    background-position: left center;
    background-repeat: no-repeat;
    content: "";
    line-height: 0;
    font-size: 0px;
    padding: 15px 21px 6px 0;
    opacity: 1
}

.soc_cardSec {
    font-family: "GraublauSansDisplayRegular";
    background-color: #060054
}

.soc_cardSec .mainWrap {
    flex-direction: column;
    max-width: 940px;
    padding-bottom: 75px
}

.soc_cardSec .mainWrap h3 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 0 0 40px 0
}

.soc_cardSec .mainWrap .btn {
    margin: 0 auto;
    background-color: red;
    border: 2px solid #FF0001;
    border-radius: 22px;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    width: 126px;
    cursor: pointer;
    display: block;
    font-family: GraublauSansDisplayRegular
}

.soc_cardSec .mainWrap img {
    width: 620px;
    margin: 60px auto 65px auto
}

@media (max-width: 767px) {
    .soc_cardSec .mainWrap img {
        width: 90%
    }
}

.soc_cardSec .mainWrap .contentWrap {
    display: flex;
    justify-content: space-between;
    max-width: 940px;
    margin: 0 auto 25px auto
}

.soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width: 767px) {
    .soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper {
        justify-content: center
    }
}

.soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm {
    background-color: #fff;
    width: 280px;
    margin-bottom: 48px;
    height: 230px;
    position: relative;
    border-radius: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    color: #12151b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm {
        margin-bottom: 20px
    }
}

.soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm img {
    width: auto;
    margin: auto 0
}

.soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm p {
    margin: 0 0 20px 0
}

.soc_cardSec .mainWrap .contentWrap .AlbomItmWrapper .AlbomItm .percent {
    margin: 20px 0 0 0;
    font-family: GraublauSlab-Bold;
    font-size: 30pt
}

.soc_cardSec .mainWrap .about {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .soc_cardSec .mainWrap .about {
        flex-direction: column;
        padding: 0 20px
    }
}

.soc_cardSec .mainWrap .about h3 {
    margin: 0 0 35px 0;
    text-align: left
}

@media (max-width: 767px) {
    .soc_cardSec .mainWrap .about h3 {
        margin-bottom: 10px
    }
}

.soc_cardSec .mainWrap .about p {
    font-size: 14px;
    font-family: GraublauSansDispLt;
    color: #fff
}

.soc_cardSec .mainWrap .about .left {
    max-width: 445px
}

.soc_cardSec .mainWrap .about .right {
    max-width: 445px
}

.soc_cardSec .mainWrap .about .right p {
    margin: 0 0 20px 0
}

.soc_cardSec .mainWrap .about .right a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.wedding-intro {
    background-color: #6fdad6
}

.wedding-intro__item {
    position: relative;
    min-height: 560px;
    background-image: url(/assets/wedding/flower-top-mobile-25a6f360f19dbb465e986d490f7c495011ee50c07987d4f993735145ab966b26.png);
    background-position: 50% 220px, bottom;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .wedding-intro__item {
        min-height: 744px;
        background-image: url(/assets/wedding/flower-top-30298645b96eb54b7e77d06b28f0f232e3779da17e5a364b919d05e1d8362f32.png);
        background-position: bottom left calc(50% - 90px)
    }
}

@media (min-width: 992px) {
    .wedding-intro__item {
        min-height: 784px;
        background-position: bottom left calc(50% - 91px)
    }
}

.wedding-intro__title {
    width: 290px;
    margin: 0 auto;
    padding-top: 80px;
    font-size: 56px;
    line-height: 48px;
    font-family: "GraublauSlab-Heavy";
    color: #fff
}

@media (min-width: 768px) {
    .wedding-intro__title {
        width: 640px;
        font-size: 106px;
        line-height: 90px
    }
}

@media (min-width: 992px) {
    .wedding-intro__title {
        width: 860px;
        font-size: 174px;
        line-height: 147px
    }
}

.wedding-intro__description {
    width: 290px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 16px;
    letter-spacing: 0.2px;
    font-size: 18px;
    line-height: 1.2;
    font-family: "GraublauSans-Regular";
    color: #333
}

@media (min-width: 768px) {
    .wedding-intro__description {
        width: 450px;
        padding-top: 41px;
        padding-bottom: 46px;
        font-size: 30px
    }
}

@media (min-width: 992px) {
    .wedding-intro__description {
        width: 480px;
        padding-top: 19px;
        padding-bottom: 94px;
        font-size: 30px
    }
}

.stamp {
    width: 146px;
    height: 145px;
    margin: 0 auto 20px;
    background-image: url(/assets/wedding/yellow-stamp-mobile-f0c47c76a36c9bc51207289e581d8a3db858bce4652c8649f0c26314ecefbbcc.png);
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .stamp {
        position: absolute;
        top: 488px;
        left: calc(50% + 150px);
        width: 186px;
        height: 185px;
        background-image: url(/assets/wedding/yellow-stamp-73e0533955657582996b43958c20aa0b02c801edd7938c24ba1821370b09cf51.png)
    }
}

@media (min-width: 992px) {
    .stamp {
        top: 242px;
        right: calc(50% - 730px)
    }
}

.stamp__title {
    display: block;
    width: 90px;
    margin: 0 auto;
    padding: 18px 0 4px;
    font-size: 14px;
    line-height: 16px;
    font-family: "GraublauSansDisplayRegular";
    color: #333
}

@media (min-width: 768px) {
    .stamp__title {
        width: 110px;
        padding: 26px 0 5px;
        font-size: 18px;
        line-height: 20px
    }
}

.stamp a>img {
    width: 40px;
    height: 40px
}

@media (min-width: 768px) {
    .stamp a>img {
        width: 52px;
        height: 52px
    }
}

.stamp__download {
    margin-top: 5px;
    font-size: 10px;
    line-height: 15px;
    font-family: "GraublauSansDisplayRegular";
    color: #333
}

@media (min-width: 768px) {
    .stamp__download {
        font-size: 12px;
        line-height: 20px
    }
}

.stamp__download a {
    color: #333;
    text-decoration: underline
}

.stamp__download a:hover {
    color: #333
}

.stamp__download span {
    display: block
}

@media (min-width: 992px) {
    .container--wedding {
        width: 1100px
    }
}

.features {
    position: relative;
    background-repeat: no-repeat;
    background-image: url(/assets/wedding/lines-background-78e01493c82b79959f900215894a3fae5a04ad3b164c7f1475f41dfffb449089.png);
    background-position: top -126px left calc(50% - 14px)
}

@media (min-width: 768px) {
    .features {
        background-position: top 234px left calc(50% - 20px)
    }
}

@media (min-width: 992px) {
    .features {
        background-position: top 234px left calc(50% - 14px)
    }
}

.features__title {
    margin-top: 108px;
    margin-bottom: 55px;
    padding-left: 16px;
    font-size: 46px;
    line-height: 38px;
    font-family: "GraublauSlab-Bold";
    color: #6fdad6
}

@media (min-width: 768px) {
    .features__title {
        margin-top: 81px;
        padding-left: 33px;
        font-size: 72px;
        line-height: 60px;
        font-family: "GraublauSlab-Heavy"
    }
}

@media (min-width: 992px) {
    .features__title {
        padding-left: 79px;
        font-size: 72px;
        line-height: 60px
    }
}

@media (min-width: 992px) {
    .features__item {
        min-height: 354px
    }
}

.features__text {
    width: 280px;
    padding-left: 25px;
    font-size: 16px;
    line-height: 1.35;
    font-family: "GraublauSlab-Regular";
    color: #333;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .features__text {
        width: 400px;
        margin-right: 290px;
        padding-left: 79px;
        font-size: 24px;
        line-height: 1.25
    }
}

@media (min-width: 992px) {
    .features__text {
        margin-right: 90px;
        padding-top: 162px;
        padding-left: 55px
    }
}

.features__text--one {
    padding-top: 69px;
    padding-bottom: 44px;
    background-image: url(/assets/wedding/one-mobile-c19c0fcb1ef98e85820cff29932d4a4777bf3797bbed920db5e58bbf9cdd6db4.png);
    background-position: top 0 left 10px
}

@media (min-width: 768px) {
    .features__text--one {
        padding-top: 113px;
        padding-bottom: 63px;
        padding-left: 55px;
        background-image: url(/assets/wedding/one-0d97114b84c950e87230f2c9e05fbb5bb4319d9485b70d3e58af878627a9e149.png);
        background-position: top 22px left 37px
    }
}

@media (min-width: 992px) {
    .features__text--one {
        width: 450px;
        padding-top: 115px;
        padding-left: 85px;
        background-position: 66px 25px
    }
}

.features__text--two {
    padding-top: 71px;
    padding-bottom: 23px;
    background-image: url(/assets/wedding/two-mobile-b3a4c5996297474c0b0b23973a4420b11efd12d8eaf0e4f89b593097e86cda82.png);
    background-position: top 0 left 6px
}

@media (min-width: 768px) {
    .features__text--two {
        width: 425px;
        padding-top: 93px;
        padding-bottom: 81px;
        padding-left: 51px;
        background-image: url(/assets/wedding/two-fc34bc729b4dba350ec36986cde438d131e5eeffe86759297be5609620eb2be8.png);
        background-position: top left 27px
    }
}

@media (min-width: 992px) {
    .features__text--two {
        width: 420px;
        padding-top: 115px;
        background-position: 30px 19px
    }
}

.features__text--three {
    width: 270px;
    padding-top: 78px;
    padding-bottom: 38px;
    background-image: url(/assets/wedding/three-mobile-bb45f9f32107ebc122f8c79d902cae68d16f8a8f57ec348162d02dbe16a4733c.png);
    background-position: top 0 left 2px
}

@media (min-width: 768px) {
    .features__text--three {
        width: 410px;
        margin-bottom: 0;
        padding-top: 154px;
        padding-bottom: 0;
        padding-left: 52px;
        background-image: url(/assets/wedding/three-5eb8d83b510d09b54274c7317d3522f0c23315786f262a42e8157b5183bde4fc.png);
        background-position: top left 12px
    }
}

@media (min-width: 992px) {
    .features__text--three {
        width: 415px;
        padding-top: 185px;
        padding-left: 53px;
        background-position: 14px 30px
    }
}

.features__text--four {
    width: 261px;
    padding-top: 69px;
    padding-bottom: 37px;
    background-image: url(/assets/wedding/four-mobile-78b379853cb240cde1a6a25f4c091f57dfdd402e42a733f18def077f55e94c46.png);
    background-position: top 4px left 1px
}

@media (min-width: 768px) {
    .features__text--four {
        width: 403px;
        padding-top: 144px;
        padding-bottom: 53px;
        padding-left: 48px;
        background-image: url(/assets/wedding/four-3b93c2e8583a9f2e3498ec5b5cf9449590c7eb66fe620403335e52c545039988.png);
        background-position: top left 22px
    }
}

@media (min-width: 992px) {
    .features__text--four {
        width: 450px;
        padding-top: 233px;
        padding-left: 85px;
        background-position: 60px 85px
    }
}

.features__text--five {
    width: 245px;
    padding-top: 71px;
    padding-bottom: 121px;
    background-image: url(/assets/wedding/five-mobile-50e007d5ee61bb8652ac5f4728d8ff9c02d14d5eaf0c7d3ba945e6db3897fc2c.png);
    background-position: top 11px left -2px
}

@media (min-width: 768px) {
    .features__text--five {
        width: 380px;
        margin-right: 92px;
        padding-top: 151px;
        padding-bottom: 92px;
        padding-left: 48px;
        background-image: url(/assets/wedding/five-54dc2243033b9513fdd16ead6efc83bc456e7dda2306e830fb995ed118ed1622.png);
        background-position: top left 15px
    }
}

@media (min-width: 992px) {
    .features__text--five {
        min-height: 719px;
        width: 380px;
        padding-top: 234px;
        background-position: 23px 83px
    }
}

.features__link {
    color: #ff9fb6;
    text-decoration: underline
}

.features__link:hover {
    color: #ff0001
}

.features__image::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat
}

.features__image--rings-plant::before {
    top: -46px;
    left: calc(50% - 149px);
    width: 565px;
    height: 261px;
    background-image: url(/assets/wedding/rings-plant-mobile-f6c257686e490ad9ee9fb201037fe2dbac04bc4e7e98dc5ef05a186970734bf1.png)
}

@media (min-width: 768px) {
    .features__image--rings-plant::before {
        top: -69px;
        left: calc(50% - 181px);
        width: 641px;
        height: 250px;
        background-image: url(/assets/wedding/rings-plant-tablet-244f54d624b29f49120f560ed87855f3a7d9a969f4be39e39ddae977a66963a0.png)
    }
}

@media (min-width: 992px) {
    .features__image--rings-plant::before {
        top: -100px;
        left: calc(50% - 25px);
        width: 1071px;
        height: 418px;
        background-image: url(/assets/wedding/rings-plant-c00f93f11485332a5075eb7efa652f93b1a8db2f650c8753c3f1a7d402a081b5.png)
    }
}

.features__image--flower::before {
    top: calc(50% - 155px);
    left: calc(50% - 360px);
    width: 219px;
    height: 125px;
    background-image: url(/assets/wedding/flower-mobile-7805759aa0d3575541a9fd583199c59abe5fc57a6fb3d50bac8dbd983a808933.png)
}

@media (min-width: 768px) {
    .features__image--flower::before {
        width: 451px;
        height: 257px;
        top: calc(50% - 140px);
        left: calc(50% - 353px);
        background-image: url(/assets/wedding/flower-tablet-a83694b9d080ddf32e219a79b5925c4aeb2bbd19efc132f42b9e99f0382d8012.png)
    }
}

@media (min-width: 992px) {
    .features__image--flower::before {
        top: 560px;
        left: calc(50% - 608px);
        width: 841px;
        height: 478px;
        background-image: url(/assets/wedding/flower-c684e066256384ed077bde3958a7f8ea2ab495795c53ba451a92a7b693e390bf.png)
    }
}

.features__image--leave-right::before {
    top: 210px;
    left: calc(50% - 17px);
    width: 213px;
    height: 80px;
    background-image: url(/assets/wedding/leave-right-mobile-05680b09c8d92dd5d0de248e5e756d6f25f7985f453c3b86c0c6dda24ba21f29.png)
}

@media (min-width: 768px) {
    .features__image--leave-right::before {
        top: 470px;
        left: calc(50% + 40px);
        width: 352px;
        height: 132px;
        background-image: url(/assets/wedding/leave-right-tablet-17cce883fc1bff3fc2eba088b8e818928578a918993d13c95390d95581e99b53.png)
    }
}

@media (min-width: 992px) {
    .features__image--leave-right::before {
        top: 513px;
        left: calc(50% + 92px);
        right: 55px;
        width: 485px;
        height: 182px;
        background-image: url(/assets/wedding/leave-right-829ec75bec8b438f01d015fddd616dd73df5fc9a86b28a6002d9c03dcf882d7d.png)
    }
}

.features__image--leave-left::before {
    bottom: 213px;
    left: calc(50% + 26px);
    width: 153px;
    height: 105px;
    background-image: url(/assets/wedding/leave-left-mobile-44f220ef4150f574cf9ca2e868bfa5c7e3acce74c1d5423b7ab9f6b4b64efa10.png)
}

@media (min-width: 768px) {
    .features__image--leave-left::before {
        bottom: 190px;
        left: calc(50% - 330px);
        width: 211px;
        height: 145px;
        background-image: url(/assets/wedding/leave-left-tablet-6564649269941ed987c939e23309f1c56f6a94aa604a14f42a0a06a3a72b9984.png)
    }
}

@media (min-width: 992px) {
    .features__image--leave-left::before {
        bottom: 230px;
        bottom: 232px;
        left: calc(50% - 728px);
        width: 365px;
        height: 251px;
        background-image: url(/assets/wedding/leave-left-eaa40a295f1e0a289e2e245ab2c358aab417992cf7dcbfcdfe2b4f90b93a9615.png)
    }
}

@media (min-width: 768px) {
    .features__image--leave-bottom::before {
        z-index: 5;
        bottom: -75px;
        left: calc(50% + 50px);
        width: 296px;
        height: 151px;
        background-image: url(/assets/wedding/leave-bottom-tablet-d34db38abec5702631927a554d24769b1b748402564cfcb98e52d5930f17effa.png)
    }
}

@media (min-width: 992px) {
    .features__image--leave-bottom::before {
        bottom: -15px;
        left: calc(50% - 102px);
        width: 542px;
        height: 276px;
        background-image: url(/assets/wedding/leave-bottom-c010bac9da6226da2cc0d97c5a12b58ee1000f705229d4e0991d4e54d604de3c.png)
    }
}

@media (min-width: 768px) {
    .features__image--sweets-box::before {
        bottom: 228px;
        left: calc(50% + 90px);
        width: 344px;
        height: 366px;
        background-image: url(/assets/wedding/sweets-box-tablet-1d4723bdcbbb81ef46b0ba7a819ba282f9c9144122b030e2366e2c96d6b17eff.png)
    }
}

@media (min-width: 992px) {
    .features__image--sweets-box::before {
        bottom: 36px;
        left: calc(50% + 302px);
        width: 769px;
        height: 722px;
        background-image: url(/assets/wedding/sweets-box-530bea8812d20e2c223a9d2d4a59e4ab67539254e6ec6b65f22f27b66b96d531.png)
    }
}

.features__tag {
    display: none
}

@media (min-width: 768px) {
    .features__tag {
        display: block;
        position: absolute;
        top: 708px;
        font-size: 16px;
        line-height: 1.05;
        font-family: "GraublauSlab-Bold";
        color: #333;
        transform: rotate(-90deg)
    }

    .features__tag span {
        color: #ff9fb6
    }

    .features__tag--left {
        right: calc(50% + 543px)
    }

    .features__tag--right {
        left: calc(50% + 532px)
    }
}

@media (min-width: 992px) {
    .features__tag {
        top: calc(50% - 138px)
    }
}

.wedding-outro {
    position: relative;
    min-height: 200px;
    background-color: #6fdad6
}

.wedding-outro__item {
    text-align: center;
    margin-top: 60px
}

.wedding-outro__title {
    width: 267px;
    margin: 151px auto 23px;
    font-size: 38px;
    line-height: 1.2;
    font-family: "GraublauSlab-Heavy";
    color: #fff;
    text-align: left
}

@media (min-width: 768px) {
    .wedding-outro__title {
        min-height: 250px;
        width: 300px;
        margin-top: 70px;
        margin-bottom: 40px;
        margin-left: 0;
        padding-left: 0;
        font-size: 36px;
        font-family: "GraublauSlab-Heavy"
    }
}

@media (min-width: 992px) {
    .wedding-outro__title {
        margin-top: 47px;
        margin-bottom: 57px;
        font-size: 72px
    }
}

.house__background {
    width: 100%;
    background: url(/assets/home_game/home_bg-c3eb23cb074bda589baed59a174783199e641306fb3b1e84abd3fe970e015386.jpg);
    background-size: cover;
    position: relative
}

@media (max-width: 767px) {
    .house__background {
        background: url(/assets/home_game/main-bg-mob-bc3aa239d4733ae8fd645349922bf2acdf562ecb19857b7cee0dd36b9d3c08da.png)
    }
}

.house__background .objects {
    width: 1280px;
    margin: 0 auto;
    background: url(/assets/home_game/komp-92af9097a7ea696e6d03c8c3c958e07849d520325ce770f6ce600e8c55583c63.png);
    background-repeat: no-repeat;
    background-position: 7% 104%
}

@media (max-width: 767px) {
    .house__background .objects {
        width: initial;
        background: url(/assets/home_game/bg-mob-e92b34a8a84397f76d39fd621f70c5986546a55c9d4877b3249b2b1c5cf1c25e.png);
        background-position: 28% 103%;
        background-size: 80%;
        background-repeat: no-repeat
    }
}

.house__background .contentWrap .back-btn {
    display: none;
    font-family: "GraublauSansDisplayRegular";
    color: #fff;
    border: 2px solid #FF0001;
    border-radius: 22px;
    width: 80px;
    height: 30px;
    text-align: center;
    background-color: red;
    padding-top: 4px
}

.house-content {
    width: 1280px;
    margin: 0 auto;
    height: 1796px
}

@media (max-width: 767px) {
    .house-content {
        width: initial;
        height: initial
    }
}

.house-content__main-text {
    text-align: center;
    font-size: 120px;
    font-family: "GraublauSlab-Heavy";
    color: #fff;
    z-index: 5;
    line-height: 1;
    margin: 0
}

@media (max-width: 767px) {
    .house-content__main-text {
        font-size: 43px;
        padding: 0 20px
    }
}

.house-content__dop-text {
    width: 775px;
    font-size: 30px;
    text-align: center;
    display: block;
    font-family: "GraublauSansDisplayRegular";
    color: #fff;
    z-index: 5;
    line-height: 34px;
    margin: 45px auto 0
}

@media (max-width: 767px) {
    .house-content__dop-text {
        width: initial;
        font-size: 20px;
        padding: 0 20px
    }
}

.house-content__min-a {
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    margin-top: 40px;
    display: block;
    margin: 40px auto 0;
    width: 155px;
    height: 40px;
    color: #000;
    padding-top: 6px;
    background-color: #fff;
    border-radius: 37px
}

.house-content__min-a .i {
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(/assets/home_game/exclamation-mark-f9ffb9150509e635d0b0e5c37f5eb29e99ed6ed846417ed7de24bc5cf6fbaa12.png);
    background-repeat: no-repeat;
    margin-left: 9px;
    margin-top: 2px
}

.house-content__min-a a {
    color: #000;
    padding-left: 39px
}

.house-content .dp_desc {
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    text-align: center;
    margin-top: 50px;
    color: #fff
}

@media (max-width: 767px) {
    .house-content .dp_desc {
        font-size: 20px;
        padding: 0 20px
    }
}

.house-content .top_games_wrap {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

@media (max-width: 767px) {
    .house-content .top_games_wrap {
        flex-direction: column;
        align-items: center
    }
}

.house-content .top_games_wrap .btn_wrap {
    margin-right: 20px;
    margin-top: 9px
}

@media (max-width: 767px) {
    .house-content .top_games_wrap .btn_wrap {
        margin-right: 0
    }
}

.house-content .top_games_wrap .btn_wrap .btn {
    display: block;
    position: relative;
    font-size: 18px;
    font-family: "GraublauSansDispBd";
    border-radius: 40px
}

.house-content .top_games_wrap .btn_wrap .btn .desc {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    display: block;
    line-height: 1
}

.house-content .top_games_wrap .btn_wrap .format {
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 25px
}

.house-content .top_games_wrap .btn_wrap .btn1 {
    width: 240px;
    height: 75px;
    background-color: #030856;
    color: #d99d5c;
    padding-left: 59px;
    padding-top: 12px
}

.house-content .top_games_wrap .btn_wrap .btn1:before {
    content: "";
    background-image: url(/assets/home_game/game_1-24bd9d9a4d8770bf57f67c03ddceba482208bd6f33b6252243bbbec1e6c219b5.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: 21px
}

.house-content .top_games_wrap .main_game_btn_wrap {
    margin-left: 20px
}

@media (max-width: 767px) {
    .house-content .top_games_wrap .main_game_btn_wrap {
        margin-left: 0
    }
}

.house-content .top_games_wrap .main_game_btn_wrap a {
    display: block;
    text-align: center
}

.house-content .top_games_wrap .main_game_btn_wrap .format {
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 15px
}

.house-content .else_games_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 270px;
    max-width: 790px;
    margin: 0 auto;
    position: relative
}

@media (max-width: 767px) {
    .house-content .else_games_wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.house-content .else_games_wrap:before {
    content: none
}

@media (max-width: 767px) {
    .house-content .else_games_wrap:before {
        content: "";
        background-image: url(/assets/home_game/chess-a809d4acc7ea629803f4e88e2f95b12c86e1e2c63329970ac455a950c91b1b7c.png);
        background-repeat: no-repeat;
        width: 204px;
        height: 455px;
        position: absolute;
        bottom: -207px;
        right: 18px
    }
}

.house-content .else_games_wrap .btn_wrap {
    margin-top: 50px
}

.house-content .else_games_wrap .btn_wrap .btn {
    display: block;
    position: relative;
    font-size: 18px;
    font-family: "GraublauSansDispBd";
    border-radius: 40px
}

.house-content .else_games_wrap .btn_wrap .btn .desc {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    display: block
}

.house-content .else_games_wrap .btn_wrap .format {
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 15px
}

.house-content .else_games_wrap .btn_wrap .btn1 {
    width: 240px;
    height: 75px;
    background-color: #fcff00;
    color: #ff6c00;
    padding-left: 59px;
    padding-top: 12px
}

.house-content .else_games_wrap .btn_wrap .btn1:before {
    content: "";
    background-image: url(/assets/home_game/vaider-936553e1ba5f8afc1bddc46de2f4a187c738371321c1c397f992ff17146abe7a.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: 21px
}

.house-content .else_games_wrap .btn_wrap .btn2 {
    width: 261px;
    height: 75px;
    background-color: #ff5bea;
    color: #5b00d8;
    margin: 0 26px;
    padding-left: 52px;
    line-height: 1;
    padding-top: 12px
}

.house-content .else_games_wrap .btn_wrap .btn2 .desc {
    margin-top: 4px
}

.house-content .else_games_wrap .btn_wrap .btn2:before {
    content: "";
    background-image: url(/assets/home_game/face1-2aceac52a38941ede0452b98db469526420045fb7a6c10ca9391641b2c79d371.png);
    background-repeat: no-repeat;
    width: 37px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: 17px
}

.house-content .else_games_wrap .btn_wrap .btn3 {
    width: 154px;
    height: 75px;
    background-color: #372e26;
    color: #a1793d;
    padding-top: 25px;
    padding-left: 53px
}

.house-content .else_games_wrap .btn_wrap .btn3:before {
    content: "";
    background-image: url(/assets/home_game/face2-1e92aba910f181cba2888a4763917468635e5b72720ba107fb63c2f9e94089f2.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 24px
}

.house-content .else_games_wrap .btn_wrap .btn4 {
    width: 210px;
    height: 75px;
    background-color: #49ba44;
    color: #fcff00;
    padding-top: 26px;
    padding-left: 47px;
    margin-right: 20px
}

.house-content .else_games_wrap .btn_wrap .btn4:before {
    content: "";
    background-image: url(/assets/home_game/ball-c7e22c072839268afee03c1af7516ff82a810f4b0c8b2d227f251a5d784efe60.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: 10px
}

@media (max-width: 767px) {
    .house-content .else_games_wrap .btn_wrap .btn4 {
        margin-right: 0
    }
}

.house-content .else_games_wrap .btn_wrap .btn5 {
    width: 263px;
    height: 75px;
    background-color: #ff2929;
    color: #840000;
    padding-left: 62px;
    padding-top: 16px
}

.house-content .else_games_wrap .btn_wrap .btn5:before {
    content: "";
    background-image: url(/assets/home_game/face3-0791f02091216ff85f25da78de8f62d294ccd9aa15eff26fe2cdcd2f4d392d9e.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 50px;
    position: absolute;
    top: 14px;
    left: 24px
}

.house-content__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.house-content__button {
    margin: 0 10px
}

.house-content__low {
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    width: 485px;
    margin-left: 675px;
    margin-top: 80px
}

@media (max-width: 767px) {
    .house-content__low {
        width: initial;
        margin-left: 0;
        padding: 20px 20px 286px
    }
}

.house-content__low h3 {
    font-family: "GraublauSlab-Bold";
    font-size: 24px
}

.house-content__low p {
    font-family: "GraublauSansDispLt";
    font-size: 18px;
    margin: 0 auto
}

@media screen and (max-width: 1250px) {
    .house__background .contentWrap .newTypeOfNav {
        margin: 0 0 0 10px
    }

    .house__background .contentWrap .newTypeOfNav .authorizationWrap {
        display: none
    }

    .house__background .contentWrap .newTypeOfNav span {
        display: none
    }

    .house__background .contentWrap .back-btn {
        display: block
    }
}

@media screen and (max-width: 953px) {
    .house__background .newTypeOfNav .navigationWrap {
        display: none
    }

    .house__background .newTypeOfNav .back-btn {
        display: block
    }

    .house__background .newTypeOfNav .burger {
        display: block;
        margin: 0 0 0 auto;
        cursor: pointer;
        background-color: transparent;
        border: none
    }

    .house__background .newTypeOfNav .burger span {
        display: block
    }
}

.game-student {
    position: relative;
    background: #1d001e;
    color: #fff;
    background-image: url(/assets/game_student/lamp-book-4fa6f22556d1638e2b6c64a4dc17231b93b8fc702f284fab0a1ce3e338c832ab.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    min-height: 1428px
}

@media (max-width: 767px) {
    .game-student {
        min-height: inherit;
        background-image: none
    }
}

.student-top {
    max-width: 1000px;
    margin: 130px auto 0;
    position: relative;
    display: flex
}

@media (max-width: 767px) {
    .student-top {
        margin-top: 30px;
        flex-direction: column
    }
}

.student-top__left {
    width: 540px
}

@media (max-width: 767px) {
    .student-top__left {
        width: initial
    }
}

.student-top__left .title {
    font-family: "GraublauSlab-Heavy";
    font-size: 100px;
    color: #fff;
    margin: 0
}

@media (max-width: 767px) {
    .student-top__left .title {
        font-size: 36px;
        text-align: center;
        padding: 0 25px
    }
}

.student-top__right {
    width: 330px;
    margin-left: 100px
}

@media (max-width: 767px) {
    .student-top__right {
        width: initial;
        margin-left: 0
    }
}

.student-top__right .help-description {
    font-family: "GraublauSans-Regular";
    font-size: 18px;
    color: #fff
}

@media (max-width: 767px) {
    .student-top__right .help-description {
        font-size: 12px;
        text-align: center;
        width: 190px;
        margin: 0 auto
    }
}

.student-top__right .help-description:first-child {
    margin: 25px 0 25px 0
}

@media (max-width: 767px) {
    .student-top__right .help-description:first-child {
        margin: 15px auto;
        text-align: center;
        font-size: 12px;
        width: 175px
    }
}

.student-top__right .who_play {
    margin-top: 55px
}

@media (max-width: 767px) {
    .student-top__right .who_play {
        display: none
    }
}

.student-top__right .who_play .title {
    font-family: "GraublauSlab-Bold";
    font-size: 24px;
    color: #fff;
    margin: 0 0 15px 0
}

.student-top__right .who_play .description {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    color: #fff;
    margin: 0 0 45px 0
}

.student-top__right .who_play .description a {
    color: #fff;
    border-bottom: 1px solid
}

.student-top__right .who_play .rollton {
    position: relative;
    z-index: 5
}

.student-bottom {
    padding-bottom: 300px;
    z-index: 3;
    position: relative
}

@media (max-width: 767px) {
    .student-bottom {
        padding-bottom: 70px;
        margin-top: 70px
    }
}

.student-bottom__wrapper {
    display: flex;
    flex-direction: row;
    margin: -213px auto 0;
    padding: 0 20px;
    max-width: 1170px;
    min-height: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .student-bottom__wrapper {
        margin-top: 30px;
        flex-direction: column
    }
}

.student-bottom__all-games {
    flex-shrink: 0;
    max-width: 600px
}

.student-bottom__games-wrapper-one-game {
    display: flex
}

.student-bottom__games-wrapper-many-games {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.student-bottom__title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    margin: 0 0 30px 0
}

@media (max-width: 767px) {
    .student-bottom__title {
        text-align: center;
        margin: 20px 0 0 0
    }
}

.student-bottom__game {
    position: relative;
    display: flex;
    justify-content: start;
    background-color: #1b1213
}

.student-bottom__game__date {
    position: absolute;
    top: 27px;
    left: -27px;
    width: 20px;
    line-height: 1;
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    border-bottom: 4px solid #ff0001;
    padding-bottom: 6px
}

.student-bottom__game__date-m {
    position: absolute;
    top: 89px;
    left: -71px;
    width: 114px;
    line-height: 28px;
    font-family: GraublauSansDisplayRegular;
    font-size: 19px;
    padding-bottom: 6px;
    z-index: 1000;
    text-align: left;
    transform: rotate(-90deg)
}

.student-bottom__game__f-block {
    border-radius: 5px;
    padding: 15px;
    min-width: 220px;
    font-family: "GraublauSansDisplayRegular";
    position: relative;
    background-color: #ff0001;
    z-index: 6
}

.student-bottom__game__f-block li:nth-child(1) {
    font-size: 15px;
    font-family: "GraublauSansDispLtIt"
}

.student-bottom__game__f-block li:nth-child(2) {
    font-family: "GraublauSansDispBd";
    font-size: 18px;
    margin-bottom: 9px;
    display: flex;
    align-items: flex-start
}

.student-bottom__game__f-block li:nth-child(2) span {
    display: block
}

.student-bottom__game__f-block li:nth-child(2) span.num {
    border-bottom: 4px solid #000;
    padding-bottom: 9px;
    line-height: 27px;
    margin-right: 10px;
    font-size: 18px;
    min-width: 20px
}

.student-bottom__game__f-block li:nth-child(3) {
    margin-bottom: 7px
}

.student-bottom__game__f-block li:nth-child(3) a {
    color: #fff
}

.student-bottom__game__f-block li:nth-child(4) {
    margin-bottom: 7px
}

.student-bottom__game__f-block li:last-child {
    position: absolute;
    right: 10px;
    top: -2px
}

.student-bottom__game__f-block li.game_label p {
    margin: 0
}

.student-bottom__game__f-block li.game_label span {
    margin: 0;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}

.student-bottom__game__f-block li.team-list {
    text-align: center;
    margin-top: 5px
}

.student-bottom__game__f-block li.team-list a {
    color: #fff;
    border-bottom: 1px solid
}

.student-bottom__game__f-block li span img {
    margin-right: 10px;
    display: inline-block
}

.student-bottom__game__s-block {
    background-color: #1b1213;
    padding: 40px 20px 40px 30px;
    position: relative;
    z-index: 5
}

.student-bottom__game__s-block li {
    width: 160px;
    height: 50px;
    margin: 0px auto 0
}

.student-bottom__game__s-block li a {
    display: block;
    height: 100%;
    padding: 13px;
    border: 2px solid #f00;
    text-align: center;
    border-radius: 50px;
    transition: all 1s;
    color: #fff;
    font-family: "GraublauSans-Regular";
    font-size: 14px;
    width: inherit
}

.student-bottom__game__s-block li a:hover {
    background-color: #f00
}

.student-bottom__game__s-block li:nth-child(2) {
    margin-top: 20px
}

.student-bottom__game-one-game {
    flex-direction: row;
    margin-left: 30px;
    border-radius: 5px 0 0 5px
}

@media (max-width: 767px) {
    .student-bottom__game-one-game {
        flex-direction: column;
        margin: 25px auto 27px
    }
}

.student-bottom__game-one-game .student-bottom__game__f-block {
    height: 200px;
    -webkit-box-shadow: 13px 2px 50px -6px #ff0001;
    -moz-box-shadow: 13px 2px 50px -6px #ff0001;
    box-shadow: 13px 2px 50px -6px #ff0001
}

@media (max-width: 767px) {
    .student-bottom__game-one-game .student-bottom__game__f-block {
        max-width: 220px;
        height: auto;
        -webkit-box-shadow: -1px 12px 88px -14px #ff0001;
        -moz-box-shadow: -1px 12px 88px -14px #ff0001;
        box-shadow: -1px 12px 88px -14px #ff0001
    }
}

.student-bottom__game-one-game .student-bottom__game__s-block {
    width: 220px;
    height: 200px
}

.student-bottom__game-one-game .student-bottom__game__s-block:after {
    content: '';
    position: relative;
    right: -99px;
    top: -70px;
    display: block;
    width: 200px;
    height: 20px;
    transform: rotate(-90deg);
    background-image: url(/assets/game_beginner/game-border-97d73aa4b3221cc6d4f5bf6459fcbf6c1a0fd05a7bce568fe5386c4d21da2299.png);
    background-size: 100% 100%
}

@media (max-width: 767px) {
    .student-bottom__game-one-game .student-bottom__game__s-block:after {
        right: 31px;
        top: 39px;
        width: 220px;
        height: 27px;
        transform: rotate(0deg)
    }
}

.student-bottom__game-many-games {
    flex-direction: column;
    margin-bottom: 80px;
    border-radius: 5px 5px 0 0
}

.student-bottom__game-many-games:nth-child(n) {
    margin-left: 30px
}

@media (max-width: 767px) {
    .student-bottom__game-many-games:nth-child(n) {
        margin: 25px auto 27px
    }
}

.student-bottom__game-many-games:nth-child(2n) {
    margin-left: 50px
}

@media (max-width: 767px) {
    .student-bottom__game-many-games:nth-child(2n) {
        margin: 25px auto 27px
    }
}

.student-bottom__game-many-games .student-bottom__game__f-block {
    width: 220px;
    -webkit-box-shadow: -1px 12px 88px -14px #ff0001;
    -moz-box-shadow: -1px 12px 88px -14px #ff0001;
    box-shadow: -1px 12px 88px -14px #ff0001
}

.student-bottom__game-many-games .student-bottom__game__s-block {
    width: 220px;
    height: 170px
}

.student-bottom__game-many-games .student-bottom__game__s-block:after {
    content: '';
    position: relative;
    right: 30px;
    bottom: -10px;
    display: block;
    width: 220px;
    height: 27px;
    background-image: url(/assets/game_beginner/game-border-97d73aa4b3221cc6d4f5bf6459fcbf6c1a0fd05a7bce568fe5386c4d21da2299.png);
    background-size: 100% 100%
}

.student-mob-helper {
    display: none;
    max-width: 220px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .student-mob-helper {
        display: block
    }
}

.student-mob-helper .how_play {
    margin-bottom: 50px
}

.student-mob-helper .how_play .description {
    max-width: 209px
}

.student-mob-helper .how_play .description a {
    color: #fff;
    border-bottom: 1px solid
}

.student-mob-helper .gift {
    padding-bottom: 160px
}

.student-mob-helper .gift a {
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid;
    position: relative;
    z-index: 2
}

.student-mob-helper .title {
    font-family: "GraublauSlab-Bold";
    font-size: 18px;
    color: #fff;
    margin: 0
}

.student-mob-helper .description {
    font-family: "GraublauSansDisplayRegular";
    font-size: 12px;
    color: #fff;
    margin: 15px 0 20px 0
}

#game_result {
    padding: 25px 0 30px;
    /* background-color: #fe0000; */
    min-height: 100vh
}

#game_result .help-text {
    color: #fff;
    text-align: center
}

#game_result .topTable {
    margin: 10px auto 15px;
    max-width: 1208px;
    padding: 0 25px;
    display: flex;
    height: 40px;
    align-items: center
}

#game_result .topTable .title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    color: #fff
}

#game_result .topTable .all_games {
    font-family: "GraublauSans-Regular";
    font-size: 18px;
    margin-left: 120px;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap
}

#game_result .topTable .all_games a {
    margin-left: 25px;
    color: #fff;
    opacity: 0.7;
    border-bottom: 1px solid #fff;
    line-height: 1
}

#game_result .topTable .all_games .active {
    opacity: 1;
    border-bottom: none
}

#game_result .topTable .full-open {
    margin-left: 20px;
    cursor: pointer
}

#game_result .result_table {
    margin: 0 auto;
    max-width: 1208px;
    border-radius: 6px
}

#game_result .result_table .resultGameCarousel .slick-dots {
    top: -51px;
    right: 30px;
    width: auto
}

#game_result .result_table .resultGameCarousel .slick-dots li {
    width: 22px;
    height: 22px;
    margin: 3px;
    border-radius: 50%;
    margin-left: 15px
}

#game_result .result_table .resultGameCarousel .slick-dots li.slick-active {
    background-image: url(/assets/symbol/load-6d2bb693819289c2d7ad14cd3f571111fc2ebfcbb2fb723cf760441cf3ef0ad0.png)
}

#game_result .result_table .resultGameCarousel .slick-dots li.slick-active button {
    border: none
}

#game_result .result_table .resultGameCarousel .slick-dots li button {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-top: 4px
}

#game_result .result_table .resultGameCarousel .slick-dots li button:before {
    display: none
}

#game_result .result_table table {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border-radius: 6px
}

#game_result .result_table .games_result thead tr th:nth-child(1) {
    width: 100%;
    max-width: 520px
}

#game_result .result_table .games_result thead tr th:nth-child(2) {
    width: 100%;
    max-width: 88px
}

#game_result .result_table .games_result thead tr th:nth-child(3) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table .games_result thead tr th:nth-child(4) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table .games_result thead tr th:nth-child(5) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table .games_result thead tr th:nth-child(6) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table .games_result thead tr th:nth-child(7) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table .games_result thead tr th:nth-child(8) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table .games_result thead tr th:nth-child(9) {
    width: 100%;
    max-width: 110px
}

#game_result .result_table .games_result thead tr th:last-child {
    width: 100%;
    max-width: 224px;
    justify-content: center
}

#game_result .result_table .games_result tbody tr:nth-child(even) {
    background-color: #ebedee
}

#game_result .result_table .games_result tbody tr td:nth-child(1) {
    width: 100%;
    max-width: 520px;
    font-size: 24px;
    font-family: "GraublauSans-Bold";
    display: flex;
    align-items: center
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .winner {
    width: 31px;
    margin-top: 7px
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .winner .cl_winner {
    width: 31px;
    height: 29px
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .winner .cl_winner.stars-1 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png)
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .winner .cl_winner.stars-2 {
    background-image: url(/assets/symbol/star2-new-961fd73d80374a6ddfc34ba588009ca38b7fc9a7e22de526e436735f97e5546e.png)
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .winner .cl_winner:before {
    content: none
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .winner .cl_winner:nth-child(2) {
    display: none
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .wreath {
    max-width: 90px;
    margin-left: 7px;
    margin-right: 10px;
    width: 90px
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .wreath .wreaths_img {
    max-width: 60px
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .wreath .roman_img {
    max-width: 30px
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .club27 span {
    margin-left: 0
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .name {
    width: 348px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .name:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: -webkit-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: -o-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: -ms-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: linear-gradient(to right, rgba(18, 21, 28, 0), #fff 100%)
}

#game_result .result_table .games_result tbody tr td:nth-child(1) .name.even:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: -webkit-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: -o-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: -ms-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: linear-gradient(to right, rgba(18, 21, 28, 0), #ebedee 100%)
}

#game_result .result_table .games_result tbody tr td:nth-child(1) a {
    color: #000
}

#game_result .result_table .games_result tbody tr td:nth-child(2) {
    width: 100%;
    max-width: 88px;
    font-size: 24px;
    font-family: "GraublauSans-Regular";
    padding-right: 31px;
    text-align: right;
    justify-content: flex-end
}

#game_result .result_table .games_result tbody tr td:nth-child(3) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table .games_result tbody tr td:nth-child(4) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table .games_result tbody tr td:nth-child(5) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table .games_result tbody tr td:nth-child(6) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table .games_result tbody tr td:nth-child(7) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table .games_result tbody tr td:nth-child(8) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table .games_result tbody tr td:nth-child(9) {
    width: 100%;
    max-width: 110px;
    font-size: 24px;
    font-family: "GraublauSans-Bold"
}

#game_result .result_table .games_result tbody tr td:last-child {
    width: 100%;
    max-width: 224px;
    font-size: 48px;
    font-family: "GraublauSans-Bold";
    text-align: center;
    line-height: 1
}

#game_result .result_table thead {
    width: 100%;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
    transition: all .4s;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 10px 10px rgba(225, 225, 225, 0.4)
}

#game_result .result_table thead tr {
    margin: 10px auto;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 70px
}

#game_result .result_table thead tr th {
    width: 100%;
    color: #000;
    opacity: 0.7;
    display: flex;
    font-size: 18px;
    align-items: center;
    font-family: "GraublauSansDisplayRegular";
    outline: none
}

#game_result .result_table thead tr th:nth-child(1) {
    width: 100%;
    max-width: 84px;
    width: 100%;
    padding-left: 26px
}

#game_result .result_table thead tr th:nth-child(2) {
    width: 100%;
    max-width: 520px
}

#game_result .result_table thead tr th:nth-child(3) {
    width: 100%;
    max-width: 88px
}

#game_result .result_table thead tr th:nth-child(4) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table thead tr th:nth-child(5) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table thead tr th:nth-child(6) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table thead tr th:nth-child(7) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table thead tr th:nth-child(8) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table thead tr th:nth-child(9) {
    width: 100%;
    max-width: 40px
}

#game_result .result_table thead tr th:nth-child(10) {
    width: 100%;
    max-width: 110px
}

#game_result .result_table thead tr th:last-child {
    width: 100%;
    max-width: 140px;
    line-height: 1
}

#game_result .result_table tbody {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px
}

#game_result .result_table tbody tr {
    background-color: rgba(245, 245, 245, 0.15);
    width: 100%;
    margin: auto;
    display: flex;
    padding: 8px 0;
    justify-content: center;
    align-items: center
}

#game_result .result_table tbody tr td:nth-child(1) {
    width: 100%;
    max-width: 84px;
    width: 100%;
    font-family: "GraublauSans-Bold";
    font-size: 24px
}

#game_result .result_table tbody tr td:nth-child(2) {
    width: 100%;
    max-width: 520px;
    font-size: 24px;
    font-family: "GraublauSans-Bold";
    display: flex;
    align-items: center
}

#game_result .result_table tbody tr td:nth-child(2) .winner {
    width: 31px;
    margin-top: 7px
}

#game_result .result_table tbody tr td:nth-child(2) .winner .cl_winner {
    width: 31px;
    height: 29px
}

#game_result .result_table tbody tr td:nth-child(2) .winner .cl_winner.stars-1 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png)
}

#game_result .result_table tbody tr td:nth-child(2) .winner .cl_winner.stars-2 {
    background-image: url(/assets/symbol/star2-new-961fd73d80374a6ddfc34ba588009ca38b7fc9a7e22de526e436735f97e5546e.png)
}

#game_result .result_table tbody tr td:nth-child(2) .winner .cl_winner:before {
    content: none
}

#game_result .result_table tbody tr td:nth-child(2) .winner .cl_winner:nth-child(2) {
    display: none
}

#game_result .result_table tbody tr td:nth-child(2) .wreath {
    max-width: 90px;
    margin-left: 7px;
    margin-right: 10px;
    width: 90px
}

#game_result .result_table tbody tr td:nth-child(2) .wreath .wreaths_img {
    max-width: 60px
}

#game_result .result_table tbody tr td:nth-child(2) .wreath .roman_img {
    max-width: 30px
}

#game_result .result_table tbody tr td:nth-child(2) .club27 span {
    margin-left: 0
}

#game_result .result_table tbody tr td:nth-child(2) .name {
    width: 348px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

#game_result .result_table tbody tr td:nth-child(2) .name:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: -webkit-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: -o-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: -ms-linear-gradient(left, rgba(18, 21, 28, 0), #fff 100%);
    background: linear-gradient(to right, rgba(18, 21, 28, 0), #fff 100%)
}

#game_result .result_table tbody tr td:nth-child(2) .name.even:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: -webkit-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: -o-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: -ms-linear-gradient(left, rgba(18, 21, 28, 0), #ebedee 100%);
    background: linear-gradient(to right, rgba(18, 21, 28, 0), #ebedee 100%)
}

#game_result .result_table tbody tr td:nth-child(2) a {
    color: #000
}

#game_result .result_table tbody tr td:nth-child(3) {
    width: 100%;
    max-width: 88px;
    font-size: 24px;
    font-family: "GraublauSans-Regular";
    padding-right: 31px;
    text-align: right
}

#game_result .result_table tbody tr td:nth-child(4) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table tbody tr td:nth-child(5) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table tbody tr td:nth-child(6) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table tbody tr td:nth-child(7) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table tbody tr td:nth-child(8) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table tbody tr td:nth-child(9) {
    width: 100%;
    max-width: 40px;
    font-size: 24px;
    font-family: "GraublauSans-Regular"
}

#game_result .result_table tbody tr td:nth-child(10) {
    width: 100%;
    max-width: 110px;
    font-size: 24px;
    font-family: "GraublauSans-Bold"
}

#game_result .result_table tbody tr td:last-child {
    width: 100%;
    max-width: 140px;
    font-size: 48px;
    font-family: "GraublauSans-Bold";
    line-height: 1
}

#game_result .result_table .gameset_result:not(:first-child) .header,
#game_result .result_table .games_result:not(:first-child) .header {
    display: none
}

#game_result .result_table .gameset_result:not(:first-child) tbody,
#game_result .result_table .games_result:not(:first-child) tbody {
    position: relative
}

#game_result .result_table .gameset_result:not(:first-child) tbody:after,
#game_result .result_table .games_result:not(:first-child) tbody:after {
    width: 6px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: 0px;
    content: ""
}

#game_result .result_table .gameset_result:not(:first-child) tbody:before,
#game_result .result_table .games_result:not(:first-child) tbody:before {
    width: 6px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: -5px;
    right: 0;
    content: ""
}

#game_result .result_table.full-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1003;
    top: 0;
    left: 0;
    max-width: initial
}

#game_result .result_table.full-screen .resultGameCarousel {
    height: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .slick-list {
    height: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .slick-list .slick-track {
    height: 100%
}

#game_result .result_table.full-screen .resultGameCarousel table {
    border-radius: 0
}

#game_result .result_table.full-screen .resultGameCarousel .games_result {
    height: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead {
    height: 8%;
    display: flex
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr {
    height: initial
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(1) {
    width: 43%;
    max-width: 43%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(2) {
    width: 10%;
    max-width: 10%;
    justify-content: flex-end;
    padding-right: 1%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(3) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    justify-content: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(4) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    justify-content: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(5) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    justify-content: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(6) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    justify-content: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(7) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    justify-content: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(8) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    justify-content: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:nth-child(9) {
    width: 10%;
    max-width: 10%;
    justify-content: flex-start
}

#game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th:last-child {
    width: 13%;
    max-width: 13%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody {
    height: 92%;
    padding-top: 1%;
    padding-bottom: 1%;
    align-content: flex-start
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody:after {
    content: none
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody:before {
    content: none
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr {
    margin-top: 0.192%;
    height: 5.94%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:last-child {
    font-size: 40px
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) {
    width: 43%;
    max-width: 43%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .winner {
    width: 7%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .winner .cl_winner {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .wreath {
    max-width: 15.5%;
    width: 15.5%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .wreath .wreaths_img {
    max-width: 66%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .wreath .roman_img {
    max-width: 33%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .wreath img {
    max-height: 100%;
    display: inline-table
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(1) .name {
    width: 77.5%;
    padding-left: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(2) {
    width: 10%;
    max-width: 10%;
    padding-right: 1%;
    justify-content: flex-end
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(3) {
    width: 4%;
    max-width: 4%;
    text-align: center;
    padding-right: 0;
    padding: 0 2px
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(4) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    text-align: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(5) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    text-align: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(6) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    text-align: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(7) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    text-align: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(8) {
    width: 4%;
    max-width: 4%;
    padding: 0 2px;
    text-align: center
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:nth-child(9) {
    width: 10%;
    max-width: 10%;
    padding-left: 0.9%
}

#game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td:last-child {
    width: 13%;
    max-width: 13%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result {
    height: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead {
    height: 8%;
    display: flex;
    padding-left: 0.5%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr {
    height: initial
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(1) {
    width: 8%;
    max-width: 8%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(2) {
    width: 43%;
    max-width: 43%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(3) {
    width: 10%;
    max-width: 10%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(4) {
    width: 4%;
    max-width: 4%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(5) {
    width: 4%;
    max-width: 4%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(6) {
    width: 4%;
    max-width: 4%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(7) {
    width: 4%;
    max-width: 4%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(8) {
    width: 4%;
    max-width: 4%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(9) {
    width: 4%;
    max-width: 4%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(10) {
    width: 7%;
    max-width: 7%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result thead tr th:nth-child(11) {
    width: 11%;
    max-width: 11%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody {
    height: 92%;
    padding-top: 1%;
    padding-bottom: 5%;
    padding-left: 0.5%;
    align-content: flex-start
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody:before {
    content: none
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody:after {
    content: none
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr {
    margin-top: 0.192%;
    height: 6.3%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(1) {
    width: 8%;
    max-width: 8%;
    font-size: 22px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(2) {
    width: 43%;
    max-width: 43%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(2) .winner {
    width: 7%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(2) .winner .cl_winner {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(2) .wreath {
    width: 15.5%;
    max-width: 15.5%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(2) .wreath img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(2) .name {
    width: 77.5%;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(3) {
    width: 10%;
    max-width: 10%;
    padding-right: 1%;
    justify-content: center;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(4) {
    width: 4%;
    max-width: 4%;
    text-align: left;
    padding-right: 0;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(5) {
    width: 4%;
    max-width: 4%;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(6) {
    width: 4%;
    max-width: 4%;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(7) {
    width: 4%;
    max-width: 4%;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(8) {
    width: 4%;
    max-width: 4%;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(9) {
    max-width: 4%;
    width: 4%;
    font-size: 20px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(10) {
    width: 7%;
    max-width: 7%;
    font-size: 22px
}

#game_result .result_table.full-screen .resultGameCarousel .gameset_result tbody tr td:nth-child(11) {
    width: 11%;
    max-width: 11%;
    font-size: 22px
}

#game_result .close-full-screen {
    position: fixed;
    z-index: 1004;
    top: 0;
    right: 0;
    display: none;
    cursor: pointer
}

.game-kids {
    position: relative;
    color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    background: #4b3566;
    background: -moz-linear-gradient(to bottom, #4b3566, #923d74), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    background: -webkit-gradient(to bottom, #4b3566, #923d74), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    background: -webkit-linear-gradient(to bottom, #4b3566, #923d74), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    background: -o-linear-gradient(to bottom, #4b3566, #923d74), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    background: -ms-linear-gradient(to bottom, #4b3566, #923d74), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    background: linear-gradient(to bottom, #4b3566, #923d74), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b3566', endColorstr='#923d74', GradientType=0), url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    min-height: 1448px;
    z-index: 1
}

.game-kids:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/game_kids/kid-9dd7bf6e0e20c30427e6b9673ec06d3e631cfeec68401ca80aaacbba3ea7d82d.png);
    width: 745px;
    height: 1303px;
    bottom: 0;
    right: 30px
}

@media (max-width: 767px) {
    .game-kids {
        min-height: inherit
    }

    .game-kids:after {
        content: none
    }
}

.kids-top {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    color: #fff;
    z-index: 2
}

.kids-top .mobil-img {
    display: none
}

@media (max-width: 767px) {
    .kids-top .mobil-img {
        display: block;
        margin: 0 auto
    }
}

.kids-top__left {
    width: 490px;
    margin-left: 110px
}

@media (max-width: 767px) {
    .kids-top__left {
        width: initial;
        margin-left: 0
    }
}

.kids-top__left .title {
    font-family: "GraublauSlab-Heavy";
    font-size: 126px;
    margin: 0
}

@media (max-width: 767px) {
    .kids-top__left .title {
        font-size: 60px;
        text-align: center;
        padding: 0 25px
    }
}

.kids-top__left .min-title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold"
}

@media (max-width: 767px) {
    .kids-top__left .min-title {
        display: none
    }
}

.kids-top__left .description {
    font-size: 18px;
    opacity: 0.7;
    font-family: "GraublauSans-Regular";
    line-height: 1.2
}

.kids-top__left .description a {
    color: #fff;
    border-bottom: 1px solid #fff
}

@media (max-width: 767px) {
    .kids-top__left .description {
        padding: 0 10px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .kids-top__left .description:first-of-type {
        padding-top: 40px
    }
}

.kids-games {
    width: 1280px;
    margin: 0 auto
}

.kids-games .title {
    margin-left: 110px;
    font-family: "GraublauSlab-Bold";
    font-size: 24px;
    color: #fff
}

@media (max-width: 767px) {
    .kids-games .title {
        margin-left: 0;
        padding: 0 10px
    }
}

.kids-games .games {
    width: 600px;
    margin-left: 110px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    .kids-games .games {
        margin-left: 0;
        padding-left: 30px
    }
}

.kids-games .games .kidzania {
    width: 267px;
    height: 240px;
    position: relative
}

.kids-games .games .kidzania:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/game_kids/kidzania-2c79fb2b451b19353c263128a0b568e96a8248384ddf0cf9307aa9a53bc919ec.png);
    background-position: center;
    width: 267px;
    height: 240px;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media (max-width: 767px) {
    .kids-games .games .kidzania {
        display: none
    }
}

.kids-regulations {
    width: 1280px;
    margin: 75px auto 0;
    display: flex;
    align-items: center;
    padding-bottom: 130px
}

@media (max-width: 767px) {
    .kids-regulations {
        flex-direction: column;
        width: initial;
        align-items: flex-start;
        padding: 0 20px 30px
    }
}

@media (max-width: 767px) {
    .kids-regulations .hidden-mob {
        display: none
    }
}

.kids-regulations p {
    display: none;
    font-size: 16px;
    font-family: "GraublauSansDisplayRegular";
    text-decoration: underline;
    color: #fff;
    line-height: 1
}

@media (max-width: 767px) {
    .kids-regulations p {
        display: block
    }
}

.kids-regulations .game-rules {
    margin-left: 110px
}

@media (max-width: 767px) {
    .kids-regulations .game-rules {
        margin-left: 0
    }
}

.kids-regulations .game-home {
    margin-left: 65px
}

@media (max-width: 767px) {
    .kids-regulations .game-home {
        margin-left: 0
    }
}

.game-beginner {
    position: relative;
    background: #0000fe;
    color: #fff;
    background-image: url(/assets/game_beginner/game-beginner-bg-3b6a7555c6f416daa179d9e0b84bffdb84d0cf2571568bba7d48e1533555d7eb.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-blend-mode: multiply
}

@media (max-width: 767px) {
    .game-beginner {
        background-image: none
    }
}

.game-beginner::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/game_beginner/tape-4885159327f1c55802c5fc1cbb3f32e00df6532495d6509883ec87ac5de6970d.png);
    width: 1520px;
    height: 456px;
    bottom: 100px
}

@media (max-width: 767px) {
    .game-beginner::before {
        content: none
    }
}

.beginner-top {
    max-width: 1170px;
    margin: 80px auto 0;
    position: relative
}

@media (max-width: 767px) {
    .beginner-top {
        margin-top: 30px
    }
}

.beginner-top__wrapper {
    display: flex;
    padding: 0 20px
}

@media (max-width: 767px) {
    .beginner-top__wrapper {
        flex-direction: column
    }
}

.beginner-top__description-wrapper {
    min-width: 570px
}

@media (max-width: 767px) {
    .beginner-top__description-wrapper {
        min-width: initial
    }
}

.beginner-top__title {
    font-size: 102px;
    line-height: 97px;
    font-family: "GraublauSlab-Heavy"
}

@media (max-width: 767px) {
    .beginner-top__title {
        font-size: 36px;
        line-height: 36px;
        text-align: center;
        margin-top: 25px
    }
}

.beginner-top__description {
    font-size: 18px;
    font-family: "GraublauSans-Regular";
    margin-top: 30px;
    max-width: 400px
}

@media (max-width: 767px) {
    .beginner-top__description {
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        margin-top: 20px;
        padding: 0 55px
    }
}

.beginner-top__video-block {
    position: relative;
    display: flex;
    margin-top: 20px
}

@media (max-width: 767px) {
    .beginner-top__video-block {
        margin-top: 40px
    }
}

.beginner-top__video-block .video_wrapper {
    margin: 0 auto
}

.beginner-top__video-block .video_wrapper .video {
    width: 610px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.beginner-top__video-block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .beginner-top__video-block .video_wrapper .video {
        width: 280px
    }
}

@media (min-width: 768px) {
    .beginner-top__video-block .video_wrapper .video {
        display: none
    }
}

@media (min-width: 992px) {
    .beginner-top__video-block .video_wrapper .video {
        width: 421px;
        display: block
    }
}

@media (min-width: 1200px) {
    .beginner-top__video-block .video_wrapper .video {
        width: 610px
    }
}

.beginner-bottom {
    padding-bottom: 300px;
    z-index: 3;
    position: relative
}

@media (max-width: 767px) {
    .beginner-bottom {
        padding-bottom: 70px
    }
}

.beginner-bottom__wrapper {
    display: flex;
    flex-direction: row;
    margin: 80px auto 0;
    padding: 0 20px;
    max-width: 1170px;
    min-height: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .beginner-bottom__wrapper {
        margin-top: 30px;
        flex-direction: column
    }
}

.beginner-bottom__all-games {
    flex-shrink: 0;
    max-width: 600px
}

.beginner-bottom__games-wrapper-one-game {
    display: flex
}

.beginner-bottom__games-wrapper-many-games {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.beginner-bottom__title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    margin: 20px 0 30px 0
}

@media (max-width: 767px) {
    .beginner-bottom__title {
        text-align: center;
        margin: 20px 0 0 0
    }
}

.beginner-bottom__game {
    position: relative;
    display: flex;
    justify-content: start;
    background-color: #1b1213
}

.beginner-bottom__game__date {
    position: absolute;
    top: 27px;
    left: -27px;
    width: 20px;
    line-height: 1;
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    border-bottom: 4px solid #ff0001;
    padding-bottom: 6px
}

.beginner-bottom__game__date-m {
    position: absolute;
    top: 89px;
    left: -71px;
    width: 114px;
    line-height: 28px;
    font-family: GraublauSansDisplayRegular;
    font-size: 19px;
    padding-bottom: 6px;
    z-index: 1000;
    text-align: left;
    transform: rotate(-90deg)
}

.beginner-bottom__game__f-block {
    border-radius: 5px;
    padding: 15px;
    min-width: 220px;
    font-family: "GraublauSansDisplayRegular";
    position: relative;
    background-color: #ff0001;
    z-index: 6
}

.beginner-bottom__game__f-block li:nth-child(1) {
    font-size: 15px;
    font-family: "GraublauSansDispLtIt"
}

.beginner-bottom__game__f-block li:nth-child(2) {
    font-family: "GraublauSansDispBd";
    font-size: 18px;
    margin-bottom: 9px;
    display: flex;
    align-items: flex-start
}

.beginner-bottom__game__f-block li:nth-child(2) span {
    display: block
}

.beginner-bottom__game__f-block li:nth-child(2) span.num {
    border-bottom: 4px solid #000;
    padding-bottom: 9px;
    line-height: 27px;
    margin-right: 10px;
    font-size: 18px;
    min-width: 20px
}

.beginner-bottom__game__f-block li:nth-child(3) {
    margin-bottom: 7px
}

.beginner-bottom__game__f-block li:nth-child(3) a {
    color: #fff
}

.beginner-bottom__game__f-block li:nth-child(4) {
    margin-bottom: 7px
}

.beginner-bottom__game__f-block li.game_label p {
    margin: 0
}

.beginner-bottom__game__f-block li.game_label span {
    margin: 0;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}

.beginner-bottom__game__f-block li.team-list {
    text-align: center;
    margin-top: 5px
}

.beginner-bottom__game__f-block li.team-list a {
    color: #fff;
    border-bottom: 1px solid
}

.beginner-bottom__game__f-block li:last-child {
    position: absolute;
    right: 10px;
    top: -2px
}

.beginner-bottom__game__f-block li span img {
    margin-right: 10px;
    display: inline-block
}

.beginner-bottom__game__s-block {
    background-color: #1b1213;
    padding: 40px 20px 40px 30px;
    position: relative;
    z-index: 5
}

.beginner-bottom__game__s-block li {
    width: 160px;
    height: 50px;
    margin: 0px auto 0
}

.beginner-bottom__game__s-block li a {
    display: block;
    height: 100%;
    padding: 13px;
    border: 2px solid #f00;
    text-align: center;
    border-radius: 50px;
    transition: all 1s;
    color: #fff;
    font-family: "GraublauSans-Regular";
    font-size: 14px
}

.beginner-bottom__game__s-block li a:hover {
    background-color: #f00
}

.beginner-bottom__game__s-block li:nth-child(2) {
    margin-top: 20px
}

.beginner-bottom__game-one-game {
    flex-direction: row;
    margin-left: 30px;
    border-radius: 5px 0 0 5px
}

@media (max-width: 767px) {
    .beginner-bottom__game-one-game {
        flex-direction: column;
        margin: 25px auto 27px
    }
}

.beginner-bottom__game-one-game .beginner-bottom__game__f-block {
    height: 200px;
    -webkit-box-shadow: 13px 2px 50px -6px #ff0001;
    -moz-box-shadow: 13px 2px 50px -6px #ff0001;
    box-shadow: 13px 2px 50px -6px #ff0001
}

@media (max-width: 767px) {
    .beginner-bottom__game-one-game .beginner-bottom__game__f-block {
        max-width: 220px;
        height: auto;
        -webkit-box-shadow: -1px 12px 88px -14px #ff0001;
        -moz-box-shadow: -1px 12px 88px -14px #ff0001;
        box-shadow: -1px 12px 88px -14px #ff0001
    }
}

.beginner-bottom__game-one-game .beginner-bottom__game__s-block {
    width: 220px;
    height: 200px
}

.beginner-bottom__game-one-game .beginner-bottom__game__s-block:after {
    content: '';
    position: relative;
    right: -99px;
    top: -70px;
    display: block;
    width: 200px;
    height: 20px;
    transform: rotate(-90deg);
    background-image: url(/assets/game_beginner/game-border-97d73aa4b3221cc6d4f5bf6459fcbf6c1a0fd05a7bce568fe5386c4d21da2299.png);
    background-size: 100% 100%
}

@media (max-width: 767px) {
    .beginner-bottom__game-one-game .beginner-bottom__game__s-block:after {
        right: 31px;
        top: 39px;
        width: 220px;
        height: 27px;
        transform: rotate(0deg)
    }
}

.beginner-bottom__game-many-games {
    flex-direction: column;
    margin-bottom: 80px;
    border-radius: 5px 5px 0 0
}

.beginner-bottom__game-many-games:nth-child(n) {
    margin-left: 30px
}

@media (max-width: 767px) {
    .beginner-bottom__game-many-games:nth-child(n) {
        margin: 25px auto 27px
    }
}

.beginner-bottom__game-many-games:nth-child(2n) {
    margin-left: 50px
}

@media (max-width: 767px) {
    .beginner-bottom__game-many-games:nth-child(2n) {
        margin: 25px auto 27px
    }
}

.beginner-bottom__game-many-games .beginner-bottom__game__f-block {
    width: 220px;
    -webkit-box-shadow: -1px 12px 88px -14px #ff0001;
    -moz-box-shadow: -1px 12px 88px -14px #ff0001;
    box-shadow: -1px 12px 88px -14px #ff0001
}

.beginner-bottom__game-many-games .beginner-bottom__game__s-block {
    width: 220px;
    height: 170px
}

.beginner-bottom__game-many-games .beginner-bottom__game__s-block:after {
    content: '';
    position: relative;
    right: 30px;
    bottom: -10px;
    display: block;
    width: 220px;
    height: 27px;
    background-image: url(/assets/game_beginner/game-border-97d73aa4b3221cc6d4f5bf6459fcbf6c1a0fd05a7bce568fe5386c4d21da2299.png);
    background-size: 100% 100%
}

.beginner-bottom__regulations {
    display: flex;
    margin-top: 80px;
    flex-shrink: 0;
    flex-direction: column;
    margin: 0 auto
}

@media (max-width: 767px) {
    .beginner-bottom__regulations {
        margin-top: 45px
    }
}

.beginner-bottom__regulations__title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold"
}

@media (max-width: 767px) {
    .beginner-bottom__regulations__title {
        font-size: 18px
    }
}

.beginner-bottom__regulations__description {
    margin: 15px 0 0 0;
    font-size: 14px;
    font-family: "GraublauSansDisplayRegular";
    max-width: 400px
}

@media (max-width: 767px) {
    .beginner-bottom__regulations__description {
        font-size: 12px
    }
}

.beginner-bottom__regulations__link {
    margin-top: 35px
}

@media (max-width: 767px) {
    .beginner-bottom__regulations__link {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .beginner-bottom__regulations__link img {
        display: none
    }
}

.beginner-bottom__regulations__link p {
    display: none;
    font-size: 16px;
    font-family: "GraublauSansDisplayRegular";
    text-decoration: underline;
    color: #fff;
    line-height: 1
}

@media (max-width: 767px) {
    .beginner-bottom__regulations__link p {
        display: block
    }
}

.beginner-bottom__regulations__game-home {
    margin-top: 80px
}

@media (max-width: 767px) {
    .beginner-bottom__regulations__game-home {
        margin-top: 20px
    }
}

#game-football {
    position: relative;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #0f0f4a;
    background-image: url(/assets/game_football/bg-cd4ee5010330da3f009de669517309d06196df0aeec065ef334f00eb9d395408.png);
    min-height: 1200px;
    z-index: 1
}

@media (max-width: 767px) {
    #game-football {
        min-height: inherit;
        background-color: #0f0f4a;
        background-image: none
    }
}

.football-top {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    color: #fff;
    z-index: 2
}

.football-top .mobil-img {
    display: none
}

@media (max-width: 767px) {
    .football-top .mobil-img {
        display: block;
        margin: 10px auto 10px
    }
}

.football-top__left {
    width: 600px;
    margin-left: 110px
}

@media (max-width: 767px) {
    .football-top__left {
        width: initial;
        margin-left: 0
    }
}

.football-top__left .title {
    font-family: "GraublauSlab-Heavy";
    font-size: 98px;
    margin: 0 0 15px 0;
    line-height: 1
}

@media (max-width: 767px) {
    .football-top__left .title {
        font-size: 36px;
        width: 260px;
        margin: 0 auto 30px;
        text-align: center;
        padding: 0 25px
    }
}

.football-top__left .description {
    width: 540px;
    font-size: 18px;
    font-family: "GraublauSans-Regular";
    line-height: 1.2;
    margin: 0 0 15px
}

@media (max-width: 767px) {
    .football-top__left .description {
        width: initial;
        padding: 0 10px;
        font-size: 12px;
        text-align: center;
        margin: 0 0 15px
    }
}

.football-games {
    width: 1280px;
    margin: 55px auto 0;
    padding-bottom: 400px
}

@media (max-width: 767px) {
    .football-games {
        width: initial;
        padding-bottom: 30px
    }
}

.football-games .title {
    font-size: 40px;
    font-family: "GraublauSans-Regular";
    text-align: center
}

@media (max-width: 767px) {
    .football-games .title {
        padding: 10px;
        font-size: 20px
    }
}

.football-games .games {
    width: 600px;
    margin-left: 110px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    .football-games .games {
        width: initial;
        margin-left: 0;
        justify-content: center
    }
}

.football-games .mobil-img {
    display: none
}

@media (max-width: 767px) {
    .football-games .mobil-img {
        display: block;
        margin: 0 auto
    }
}

#game_html {
    height: 100%
}

#game_body {
    height: 100%
}

#game_body #table {
    height: 100%
}

.ingos_wrapper.new_team {
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background: rgba(5, 127, 192, 0);
    background: -moz-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 127, 192, 0)), color-stop(50%, #057fc0), color-stop(100%, rgba(5, 127, 192, 0))), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -webkit-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -o-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -ms-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: linear-gradient(to bottom, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#057fc0', endColorstr='#057fc0', GradientType=0), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg)
}

.ingos_wrapper.new_team .bg {
    max-width: 1280px;
    margin: 0 auto
}

.ingos_wrapper.new_team .bg .logo img {
    margin: 0 auto;
    display: block;
    padding-top: 40px
}

.ingos_wrapper.new_team .bg .page {
    margin: 45px auto 0
}

.ingos_wrapper.new_team .bg .page h1 {
    text-align: center;
    margin: 0;
    font-family: "Proxima-Nova-Black";
    font-size: 72px;
    color: #f7f7f7;
    line-height: 1
}

.ingos_wrapper.new_team .bg .page .input_block {
    margin-top: 40px;
    display: flex;
    height: 66px;
    border-radius: 5px;
    background-color: #fff
}

.ingos_wrapper.new_team .bg .page_1 {
    padding-bottom: 60px
}

.ingos_wrapper.new_team .bg .page_1 h1 {
    margin: 0 auto;
    width: 570px
}

.ingos_wrapper.new_team .bg .page_1 .input_block {
    width: 570px;
    margin: 40px auto 0
}

.ingos_wrapper.new_team .bg .page_1 .input_block .team_name {
    padding-left: 30px;
    border-radius: 5px;
    border: none;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #403e3f;
    width: 74%
}

.ingos_wrapper.new_team .bg .page_1 .input_block .team_name::-webkit-input-placeholder {
    color: #403e3f
}

.ingos_wrapper.new_team .bg .page_1 .input_block .team_name::-moz-placeholder {
    color: #403e3f
}

.ingos_wrapper.new_team .bg .page_1 .input_block .team_name:-ms-input-placeholder {
    color: #403e3f
}

.ingos_wrapper.new_team .bg .page_1 .input_block .input_btn {
    width: 25%;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #25a9da;
    border-left: 1px solid #bce0f2;
    padding: 22px 0 0 44px;
    cursor: pointer
}

.ingos_wrapper.new_team .bg .page_1 .top_3 {
    margin-top: 70px
}

.ingos_wrapper.new_team .bg .page_1 .top_3 h3 {
    text-align: center;
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #fff;
    margin: 0
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper {
    margin-top: 15px;
    display: flex;
    background-color: #047ebf;
    justify-content: center;
    padding-top: 15px
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper .top_team {
    width: 24%;
    height: 120px;
    margin-left: 30px
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper .top_team p {
    line-height: 1
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper .top_team .name_pos {
    margin: 0;
    font-family: "Proxima-Nova-Bold";
    font-size: 18px;
    color: #fff
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper .top_team .name_office {
    margin: 10px 0 0 20px;
    font-family: "Proxima-Nova-Light";
    font-size: 18px;
    color: #08a5dc
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper .top_team .sum {
    margin: 15px 0 0 20px;
    font-family: "Proxima-Nova-Black";
    font-size: 24px;
    color: #f18231
}

.ingos_wrapper.new_team .bg .page_1 .top_3 .top_wrapper .top-team::last-child {
    margin-left: 0
}

.ingos_wrapper.new_team .bg .page_2 {
    width: 610px;
    padding-bottom: 256px
}

.ingos_wrapper.new_team .bg .page_2 .input_block {
    width: 610px
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select {
    margin-bottom: 0;
    width: 100%;
    max-width: initial
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-input {
    border-bottom: none;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    padding: 22px 0 0;
    border-radius: 5px;
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-input::-webkit-input-placeholder {
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-input::-moz-placeholder {
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-input:-ms-input-placeholder {
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-arrow:before {
    width: 8px;
    height: 8px;
    background-color: #2aa8db;
    background-image: none;
    right: 28px;
    top: 28px;
    left: auto;
    margin-top: 0;
    border-radius: 4px
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-dropdown {
    background-color: #fff;
    border-bottom: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    top: 62px
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-dropdown li {
    border-top: 1px solid #bce0f2;
    padding: 26px 1em 5px;
    height: 77px;
    color: #000;
    margin: 0;
    border-radius: 0
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select .combo-dropdown li:hover {
    background-color: #bce0f2;
    color: #fff
}

.ingos_wrapper.new_team .bg .page_2 .input_block .combo-select.combo-open .combo-arrow::after {
    content: none
}

.ingos_wrapper.new_team .bg .page_3 {
    width: 610px;
    padding-bottom: 110px
}

.ingos_wrapper.new_team .bg .page_3 .create_team {
    margin-top: 40px
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block {
    width: 610px
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .team_name {
    padding-left: 20px;
    border-radius: 5px;
    border: none;
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #403e3f;
    width: 74%
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .team_name::-webkit-input-placeholder {
    color: #403e3f
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .team_name::-moz-placeholder {
    color: #403e3f
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .team_name:-ms-input-placeholder {
    color: #403e3f
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .input_btn {
    width: 25%;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #25a9da;
    border-left: 1px solid #bce0f2;
    padding: 22px 0 0 33px;
    cursor: pointer
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select {
    margin-bottom: 0;
    width: 100%;
    max-width: initial
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-input {
    border-bottom: none;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    padding: 22px 0 0;
    border-radius: 5px;
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-input::-webkit-input-placeholder {
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-input::-moz-placeholder {
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-input:-ms-input-placeholder {
    color: #3e3e3e
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-arrow:before {
    width: 8px;
    height: 8px;
    background-color: #2aa8db;
    background-image: none;
    right: 28px;
    top: 28px;
    left: auto;
    margin-top: 0;
    border-radius: 4px
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-dropdown {
    background-color: #fff;
    border-bottom: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    top: 62px
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-dropdown li {
    border-top: 1px solid #bce0f2;
    padding: 26px 1em 5px;
    height: 77px;
    color: #000;
    margin: 0;
    border-radius: 0
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select .combo-dropdown li:hover {
    background-color: #bce0f2;
    color: #fff
}

.ingos_wrapper.new_team .bg .page_3 .create_team .input_block .combo-select.combo-open .combo-arrow::after {
    content: none
}

.ingos_wrapper.new_team .bg .page_3 .create_team .yBtn {
    display: block;
    margin: 47px auto 0;
    height: 67px;
    width: 150px;
    background-color: #f48130;
    color: #fff;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    border: none;
    border-radius: 6px
}

.ingos_timer_mainWrapper {
    background-color: #0551a7;
    min-height: 100%
}

.ingos_timer_wrapper {
    padding-bottom: 120px;
    background-color: #0551a7;
    max-width: 1280px;
    margin: 0 auto;
    position: relative
}

.ingos_timer_wrapper .logo {
    z-index: 5;
    position: relative
}

.ingos_timer_wrapper .logo img {
    margin: 0 auto;
    display: block;
    padding-top: 40px
}

.ingos_timer_wrapper h3 {
    position: relative;
    z-index: 5;
    margin-top: 70px;
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #fff;
    text-align: center
}

.ingos_timer_wrapper .start-timer {
    margin: 20px auto 0;
    font-family: "Proxima-Nova-Black" !important;
    font-size: 99px;
    color: #fff;
    width: 570px;
    border-radius: 5px;
    border: 1px solid #2aa7dd;
    padding: 0 30px;
    z-index: 5;
    position: relative
}

.ingos_timer_wrapper .start-timer div {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 76px;
    overflow: hidden
}

.ingos_timer_wrapper .start-timer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute
}

.ingos_timer_wrapper .start-timer ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.ingos_timer_wrapper .start-timer figure {
    width: auto !important;
    max-width: initial !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative
}

.ingos_timer_wrapper .start-timer figcaption {
    text-align: center;
    line-height: 80%;
    color: #29a4dd;
    font-family: "Proxima-Nova-Light";
    font-weight: normal;
    position: absolute;
    bottom: 16px;
    left: 44px
}

.ingos_timer_wrapper .start-timer span {
    vertical-align: top
}

.ingos_timer_wrapper .start-timer span:nth-last-of-type(1) {
    display: none
}

.ingos_timer_wrapper .start-timer span:nth-of-type(1) {
    margin: 15px;
    line-height: 1.2
}

.ingos_timer_wrapper .start-timer figure:first-child {
    border-right: 1px solid #2aa7dd;
    padding-right: 19px
}

.ingos_timer_wrapper .start-timer figure:nth-of-type(2) {
    margin-left: 30px
}

.ingos_timer_wrapper .start-timer figure:last-child {
    display: none
}

.ingos_timer_wrapper .description_block {
    font-size: 18px;
    font-family: "Proxima-Nova-Regular";
    width: 583px;
    margin: 20px auto 0;
    color: #f38130;
    line-height: 1;
    text-align: center;
    z-index: 5;
    position: relative
}

.ingos_timer_wrapper .description_block p {
    margin: 0
}

.ingos_timer_wrapper .description_block p span {
    font-family: "Proxima-Nova-Black"
}

.ingos_timer_wrapper .feedback_block {
    margin: 60px auto 0;
    z-index: 5;
    position: relative
}

.ingos_timer_wrapper .feedback_block p {
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #7cc04b;
    line-height: 1;
    text-align: center
}

.ingos_timer_wrapper .feedback_block .input_block {
    width: 438px;
    margin: 25px auto 0;
    display: flex;
    height: 66px;
    border-radius: 5px;
    background-color: #fff
}

.ingos_timer_wrapper .feedback_block .input_block .feedback_tel {
    padding-left: 20px;
    border-radius: 5px;
    border: none;
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #3f3e3e;
    width: 66%
}

.ingos_timer_wrapper .feedback_block .input_block .team_name::-webkit-input-placeholder {
    color: #403e3f
}

.ingos_timer_wrapper .feedback_block .input_block .team_name::-moz-placeholder {
    color: #403e3f
}

.ingos_timer_wrapper .feedback_block .input_block .team_name:-ms-input-placeholder {
    color: #403e3f
}

.ingos_timer_wrapper .feedback_block .input_block .input_btn {
    border: none;
    background-color: #fff;
    width: 33%;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #7cc04b;
    border-left: 1px solid #bce0f2;
    padding: 0px 0 0 29px
}

.ingos_timer_wrapper .circle1 {
    position: absolute;
    top: 204px;
    left: 40%;
    background-color: #0857af;
    opacity: 1;
    width: 270px;
    height: 270px;
    border-radius: 135px;
    z-index: 4
}

.ingos_timer_wrapper .circle2 {
    position: absolute;
    top: 12px;
    left: 25%;
    background-color: #0857af;
    opacity: 0.5;
    width: 650px;
    height: 650px;
    border-radius: 325px;
    z-index: 3;
    overflow: hidden
}

.ingos_timer_wrapper .circle3 {
    position: absolute;
    top: -173px;
    left: 11%;
    background-color: #0857af;
    opacity: 0.25;
    width: 1020px;
    height: 1020px;
    border-radius: 510px;
    z-index: 2;
    overflow: hidden
}

.ingos_question_mainWrapper {
    background-color: #034da2;
    min-height: 100%;
    overflow: hidden
}

.ingos_question_mainWrapper .line_timer {
    position: fixed;
    z-index: 10;
    width: 0;
    height: 5px;
    background-color: #7bc04b
}

.ingos_question_mainWrapper .top_content {
    position: relative;
    z-index: 7;
    display: flex;
    padding-top: 39px
}

.ingos_question_mainWrapper .top_content .logo {
    margin-left: 40px;
    padding-right: 35px;
    border-right: 1px solid #00a3e2
}

.ingos_question_mainWrapper .top_content .team_name {
    padding-left: 35px;
    font-size: 18px;
    font-family: "Proxima-Nova-Bold";
    color: #00a2e3;
    position: absolute;
    top: 55%;
    left: 277px
}

.ingos_question_mainWrapper.start_anim_bg {
    background-image: url(/assets/gameIngos/sv-a5bf550c2fa5f2e3253b474fef71df9ac7200f91c58afbd1df2771100b19d570.svg);
    background-size: 100%;
    transition-duration: 0.96s;
    background-position-y: 0
}

.ingos_question_wrapper {
    padding-bottom: 180px;
    position: relative;
    max-width: 1280px;
    margin: 0 auto
}

.ingos_question_wrapper .ni {
    z-index: 7;
    position: relative
}

.ingos_question_wrapper .ni .tour_number {
    margin: 35px auto 30px auto;
    font-size: 76px;
    font-family: "Proxima-Nova-Black";
    color: #fff;
    text-align: center
}

.ingos_question_wrapper .ni .question_block {
    display: flex
}

.ingos_question_wrapper .ni .question_block .video_wrapper {
    margin: 0 auto
}

.ingos_question_wrapper .ni .question_block .video_wrapper .video {
    width: 600px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.ingos_question_wrapper .ni .question_block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .ingos_question_wrapper .ni .question_block .video_wrapper .video {
        width: 600px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .ni .question_block .video_wrapper .video {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .ni .question_block .video_wrapper .video {
        width: 900px
    }
}

.ingos_question_wrapper .nq {
    z-index: 5;
    position: relative;
    display: flex;
    margin: 45px auto 0
}

.ingos_question_wrapper .nq .answer_wrapper {
    display: flex;
    margin: 0 auto;
    width: 600px;
    justify-content: space-between
}

@media (min-width: 768px) {
    .ingos_question_wrapper .nq .answer_wrapper {
        width: 600px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .nq .answer_wrapper {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .nq .answer_wrapper {
        width: 900px
    }
}

.ingos_question_wrapper .nq .answer_wrapper .input_block {
    width: 580px;
    display: flex;
    height: 66px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 5
}

@media (min-width: 768px) {
    .ingos_question_wrapper .nq .answer_wrapper .input_block {
        width: 581px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .nq .answer_wrapper .input_block {
        width: 581px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .nq .answer_wrapper .input_block {
        width: 700px
    }
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_answer {
    padding-left: 30px;
    border-radius: 5px;
    border: none;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #403e3f;
    width: 76%;
    z-index: 6
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_answer::-webkit-input-placeholder {
    color: #403e3f
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_answer::-moz-placeholder {
    color: #403e3f
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_answer:-ms-input-placeholder {
    color: #403e3f
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .radio_wrap {
    position: relative
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .radio_wrap .radio_round {
    border-left: 1px solid #bce0f2;
    width: 69px;
    height: 66px;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #7cc04b;
    text-align: center;
    padding-top: 21px;
    font-weight: inherit
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .radio_wrap input[type=radio]:checked~.radio_round:before {
    background-image: url(/assets/gameIngos/check-1fa49474037156747f55510312e45c6b9489e2e85c4c2ed6076ff9c0a8b2c6a6.png);
    width: 19px;
    height: 15px;
    position: absolute;
    top: 24px;
    left: 14px;
    content: ""
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .radio_wrap input[type=radio]:checked~.radio_round {
    padding-left: 17px
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_wrapper {
    width: 23%;
    height: 66px;
    border-left: 1px solid #bce0f2;
    position: relative
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_wrapper .input_btn {
    background-color: #fff;
    border: none;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    height: 66px;
    color: #7cc04b;
    width: 100%;
    border-radius: 5px
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .input_wrapper.check:before {
    background-image: url(/assets/gameIngos/check-1fa49474037156747f55510312e45c6b9489e2e85c4c2ed6076ff9c0a8b2c6a6.png);
    width: 19px;
    height: 15px;
    position: absolute;
    top: 24px;
    left: 14px;
    content: ""
}

.ingos_question_wrapper .nq .answer_wrapper .input_block .done_answer {
    position: relative;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    font-weight: bold;
    color: blue;
    right: 25px;
    min-width: 155px;
    padding-top: 20px;
    padding-left: 10px;
    z-index: 10;
    background-color: #fff;
    text-align: right
}

.ingos_question_wrapper .nq .answer_wrapper .timer {
    font-family: "Proxima-Nova-Black";
    font-size: 99px;
    color: #7cc04b;
    width: 165px;
    display: flex;
    z-index: 5
}

.ingos_question_wrapper .nq .answer_wrapper .timer span {
    line-height: 0.6
}

.ingos_question_wrapper .nq .answer_wrapper .timer #game_timer {
    margin-left: 15px;
    line-height: 0.7
}

.ingos_question_wrapper .circle1 {
    position: absolute;
    background-color: #0857af;
    width: 0;
    height: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: 1s all 1s;
    -moz-transition: 1s all 1s;
    -o-transition: 1s all 1s;
    transition: 1s all 0s;
    z-index: 4
}

@media (min-width: 768px) {
    .ingos_question_wrapper .circle1 {
        top: 36px;
        right: 244px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .circle1 {
        top: 36px;
        right: 256px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .circle1 {
        top: 36px;
        right: 297px
    }
}

.ingos_question_wrapper .circle1.anim_1 {
    width: 240px;
    height: 240px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px
}

@media (min-width: 768px) {
    .ingos_question_wrapper .circle1.anim_1 {
        top: -86px;
        right: 124px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .circle1.anim_1 {
        top: -86px;
        right: 136px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .circle1.anim_1 {
        top: -86px;
        right: 177px
    }
}

.ingos_question_wrapper .circle2 {
    position: absolute;
    background-color: #0857af;
    opacity: 0.5;
    width: 0px;
    height: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: 1s all 1s;
    -moz-transition: 1s all 1s;
    -o-transition: 1s all 1s;
    transition: 1s all 1s;
    z-index: 3;
    overflow: hidden
}

@media (min-width: 768px) {
    .ingos_question_wrapper .circle2 {
        top: 56px;
        right: 284px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .circle2 {
        top: 56px;
        right: 284px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .circle2 {
        top: 13px;
        right: 296px
    }
}

.ingos_question_wrapper .circle2.anim_2 {
    width: 650px;
    height: 650px;
    -webkit-border-radius: 325px;
    -moz-border-radius: 325px;
    border-radius: 325px
}

@media (min-width: 768px) {
    .ingos_question_wrapper .circle2.anim_2 {
        top: -269px;
        right: -41px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .circle2.anim_2 {
        top: -269px;
        right: -41px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .circle2.anim_2 {
        top: -312px;
        right: -29px
    }
}

.ingos_question_wrapper .circle3 {
    position: absolute;
    background-color: #0857af;
    opacity: 0.25;
    width: 0px;
    height: 0px;
    border-radius: 0px;
    -webkit-transition: 1s all 1s;
    -moz-transition: 1s all 1s;
    -o-transition: 1s all 1s;
    transition: 1s all 2s;
    z-index: 2;
    overflow: hidden
}

@media (min-width: 768px) {
    .ingos_question_wrapper .circle3 {
        top: 44px;
        right: 304px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .circle3 {
        top: 44px;
        right: 304px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .circle3 {
        top: 28px;
        right: 304px
    }
}

.ingos_question_wrapper .circle3.anim_3 {
    width: 1020px;
    height: 1020px;
    -webkit-border-radius: 510px;
    -moz-border-radius: 510px;
    border-radius: 510px
}

@media (min-width: 768px) {
    .ingos_question_wrapper .circle3.anim_3 {
        top: -466px;
        right: -206px
    }
}

@media (min-width: 992px) {
    .ingos_question_wrapper .circle3.anim_3 {
        top: -466px;
        right: -206px
    }
}

@media (min-width: 1200px) {
    .ingos_question_wrapper .circle3.anim_3 {
        top: -482px;
        right: -206px
    }
}

.prover_wrapper {
    background-color: #034da2;
    min-height: 100%
}

.result_wrapper {
    background-color: #034da2;
    padding-bottom: 62px;
    max-width: 1280px;
    min-height: 680px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.result_wrapper .logo {
    position: relative;
    z-index: 5
}

.result_wrapper .logo img {
    margin: 0 auto;
    display: block;
    padding-top: 40px
}

.result_wrapper .intermediate_result {
    margin-top: 50px;
    position: relative;
    z-index: 5
}

.result_wrapper .intermediate_result h1 {
    margin: 0;
    font-family: "Proxima-Nova-Black";
    font-size: 72px;
    color: #fff;
    text-align: center
}

.result_wrapper .intermediate_result .description {
    margin: 62px 0 0 0;
    font-size: 24px;
    font-family: "Proxima-Nova-Bold";
    color: #fff;
    text-align: center
}

.result_wrapper .intermediate_result .break_time {
    margin: 20px auto 0;
    font-family: "Proxima-Nova-Black" !important;
    font-size: 99px;
    color: #fff;
    width: 383px;
    border-radius: 5px;
    border: 1px solid #2aa7dd;
    padding: 0 30px
}

.result_wrapper .intermediate_result .break_time div {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 76px;
    overflow: hidden
}

.result_wrapper .intermediate_result .break_time ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute
}

.result_wrapper .intermediate_result .break_time ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.result_wrapper .intermediate_result .break_time figure {
    width: auto !important;
    max-width: initial !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative
}

.result_wrapper .intermediate_result .break_time figcaption {
    text-align: center;
    line-height: 80%;
    color: #29a4dd;
    font-family: "Proxima-Nova-Light";
    font-weight: normal;
    position: absolute;
    bottom: 16px;
    left: 44px
}

.result_wrapper .intermediate_result .break_time span {
    vertical-align: top
}

.result_wrapper .intermediate_result .break_time span:nth-of-type(1) {
    display: none
}

.result_wrapper .intermediate_result .break_time span:nth-of-type(2) {
    margin: 19px;
    line-height: 1.2
}

.result_wrapper .intermediate_result .break_time figure:nth-of-type(1) {
    display: none
}

.result_wrapper .intermediate_result .break_time figure:nth-of-type(2) {
    display: none
}

.result_wrapper .intermediate_result .break_time figure:first-child(2) {
    display: none
}

.result_wrapper .intermediate_result .yBtn {
    display: block;
    margin: 47px auto 0;
    height: 67px;
    width: 150px;
    background-color: #f48130;
    color: #fff;
    font-family: "Proxima-Nova-Regular";
    font-size: 22px;
    border: none;
    border-radius: 6px;
    text-align: center;
    padding-top: 17px
}

.result_wrapper .intermediate_result .video_block {
    display: flex;
    margin-top: 50px
}

.result_wrapper .intermediate_result .video_block .video_wrapper {
    margin: 0 auto
}

.result_wrapper .intermediate_result .video_block .video_wrapper .video {
    margin: 0 auto;
    width: 600px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.result_wrapper .intermediate_result .video_block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .result_wrapper .intermediate_result .video_block .video_wrapper .video {
        width: 600px
    }
}

@media (min-width: 992px) {
    .result_wrapper .intermediate_result .video_block .video_wrapper .video {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .result_wrapper .intermediate_result .video_block .video_wrapper .video {
        width: 900px
    }
}

.result_wrapper .intermediate_result .help_text {
    position: relative;
    z-index: 5;
    margin: 65px 0 0 0;
    text-align: center;
    font-size: 18px;
    font-family: "Proxima-Nova-Bold";
    color: #f38130
}

.result_wrapper .table {
    margin-bottom: 0;
    position: relative;
    z-index: 5
}

.result_wrapper .circle1 {
    position: absolute;
    top: 204px;
    left: 39%;
    background-color: #0857af;
    opacity: 1;
    width: 270px;
    height: 270px;
    border-radius: 135px;
    z-index: 4
}

.result_wrapper .circle2 {
    position: absolute;
    top: 12px;
    left: 24%;
    background-color: #0857af;
    opacity: 0.5;
    width: 650px;
    height: 650px;
    border-radius: 325px;
    z-index: 3;
    overflow: hidden
}

.result_wrapper .circle3 {
    position: absolute;
    top: -173px;
    left: 11%;
    background-color: #0857af;
    opacity: 0.25;
    width: 1020px;
    height: 1020px;
    border-radius: 510px;
    z-index: 2;
    overflow: hidden
}

.reconciliation_wrapper .video_block {
    display: flex;
    margin-top: 50px
}

.reconciliation_wrapper .video_block .video_wrapper {
    margin: 0 auto
}

.reconciliation_wrapper .video_block .video_wrapper .video {
    margin: 0 auto;
    width: 600px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.reconciliation_wrapper .video_block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .reconciliation_wrapper .video_block .video_wrapper .video {
        width: 600px
    }
}

@media (min-width: 992px) {
    .reconciliation_wrapper .video_block .video_wrapper .video {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .reconciliation_wrapper .video_block .video_wrapper .video {
        width: 900px
    }
}

.team_rating_table {
    margin: 80px auto 0;
    position: relative;
    z-index: 5
}

.team_rating_table .separator {
    height: 30px
}

.team_rating_table .row_1 {
    width: 385px
}

.team_rating_table .row_1 .name_pos {
    margin: 0;
    font-size: 18px;
    font-family: "Proxima-Nova-Bold";
    font-size: 18px;
    color: #fff
}

.team_rating_table .row_1 .name_office {
    margin: 0;
    font-family: "Proxima-Nova-Light";
    font-size: 18px;
    color: #08a4dc;
    padding-left: 20px
}

.team_rating_table .row_2 {
    width: 350px;
    color: #fff;
    font-family: "Proxima-Nova-Bold";
    font-size: 18px
}

.team_rating_table .row_2 .wrap {
    display: flex
}

.team_rating_table .row_2 .wrap div {
    min-width: 56px;
    padding: 0 17px 0 17px
}

.team_rating_table .row_2 .wrap div:first-child {
    padding: 0 17px 0 0
}

.team_rating_table .row_2 .wrap div:last-child {
    padding: 0 0 0 17px
}

.team_rating_table .row_2 .top {
    display: flex
}

.team_rating_table .row_2 .top .line {
    display: block;
    padding: 0;
    height: 5px;
    width: 155px;
    margin: 10px 15px;
    background-color: #f38130
}

.team_rating_table .row_3 {
    color: #fff;
    width: 80px;
    font-family: "Proxima-Nova-Bold";
    font-size: 18px
}

.team_rating_table .header {
    margin-bottom: 35px;
    font-size: 18px;
    font-family: "Proxima-Nova-Bold"
}

.team_rating_table .header .row_1,
.team_rating_table .header .row_2,
.team_rating_table .header .row_3 {
    color: #f38130
}

.team_rating_table .header tr {
    height: 86px
}

.game_trial_wrapper {
    height: 100%
}

.game_trial_wrapper .first_page {
    min-height: 100%;
    background-image: url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background-size: cover
}

.game_trial_wrapper .first_page .first_page_wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 65px
}

.game_trial_wrapper .first_page .first_page_wrapper .logo img {
    margin: 0 auto;
    display: block;
    padding-top: 40px
}

.game_trial_wrapper .first_page .first_page_wrapper h1 {
    padding-top: 50px;
    text-align: center;
    margin: 0;
    font-family: "Proxima-Nova-Black";
    font-size: 72px;
    color: #f7f7f7;
    line-height: 1
}

.game_trial_wrapper .first_page .first_page_wrapper .video_block {
    display: flex;
    margin-top: 50px
}

.game_trial_wrapper .first_page .first_page_wrapper .video_block .video_wrapper {
    margin: 0 auto
}

.game_trial_wrapper .first_page .first_page_wrapper .video_block .video_wrapper .video {
    width: 600px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.game_trial_wrapper .first_page .first_page_wrapper .video_block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .game_trial_wrapper .first_page .first_page_wrapper .video_block .video_wrapper .video {
        width: 600px
    }
}

@media (min-width: 992px) {
    .game_trial_wrapper .first_page .first_page_wrapper .video_block .video_wrapper .video {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .game_trial_wrapper .first_page .first_page_wrapper .video_block .video_wrapper .video {
        width: 900px
    }
}

.game_trial_wrapper .first_page .first_page_wrapper .yBtn {
    display: block;
    margin: 32px auto 0;
    height: 67px;
    width: 150px;
    background-color: #f48130;
    color: #fff;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    border-radius: 6px;
    text-align: center;
    padding-top: 20px
}

.game_trial_wrapper #game_trial_main {
    height: 100%
}

.game_trial_wrapper #game_trial_main .reconciliation_wrapper .yBtn {
    display: block;
    margin: 40px auto 0;
    height: 67px;
    width: 192px;
    background-color: #f48130;
    color: #fff;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    border-radius: 6px;
    text-align: center;
    padding-top: 22px;
    z-index: 5;
    position: relative;
    cursor: pointer
}

.game_trial_wrapper #game_trial_main .ingos_question_mainWrapper .logo {
    border-right: none
}

.game_trial_wrapper .last_page {
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background: rgba(5, 127, 192, 0);
    background: -moz-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 127, 192, 0)), color-stop(50%, #057fc0), color-stop(100%, rgba(5, 127, 192, 0))), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -webkit-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -o-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: -ms-linear-gradient(top, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    background: linear-gradient(to bottom, rgba(5, 127, 192, 0) 0%, #057fc0 50%, rgba(5, 127, 192, 0) 100%), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#057fc0', endColorstr='#057fc0', GradientType=0), url(/assets/gameIngos/bg-09e8f251033bb539d64ec7859d2716680e271acf124c1573198ff69f9b4672df.jpg)
}

.game_trial_wrapper .last_page .last_page_wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 100px
}

.game_trial_wrapper .last_page .last_page_wrapper .logo img {
    margin: 0 auto;
    display: block;
    padding-top: 40px
}

.game_trial_wrapper .last_page .last_page_wrapper h1 {
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
    font-family: "Proxima-Nova-Black";
    font-size: 72px;
    color: #f7f7f7;
    line-height: 1
}

.game_trial_wrapper .last_page .last_page_wrapper .video_block {
    display: flex;
    margin-top: 50px
}

.game_trial_wrapper .last_page .last_page_wrapper .video_block .video_wrapper {
    margin: 0 auto
}

.game_trial_wrapper .last_page .last_page_wrapper .video_block .video_wrapper .video {
    width: 600px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.game_trial_wrapper .last_page .last_page_wrapper .video_block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .game_trial_wrapper .last_page .last_page_wrapper .video_block .video_wrapper .video {
        width: 600px
    }
}

@media (min-width: 992px) {
    .game_trial_wrapper .last_page .last_page_wrapper .video_block .video_wrapper .video {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .game_trial_wrapper .last_page .last_page_wrapper .video_block .video_wrapper .video {
        width: 900px
    }
}

.game_trial_wrapper .last_page .last_page_wrapper #add_feedback_wrapper {
    width: 570px;
    height: 66px;
    margin: 40px auto 0;
    padding-top: 20px;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    text-align: center;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: 1s
}

.game_trial_wrapper .last_page .last_page_wrapper #add_feedback_wrapper:hover {
    color: dimgray
}

.game_trial_wrapper .last_page .last_page_wrapper .feedback_wrapper {
    margin: 40px auto 0
}

.game_trial_wrapper .last_page .last_page_wrapper .feedback_wrapper .input_block {
    display: flex;
    flex-direction: column;
    max-width: 571px;
    margin: 0 auto
}

.game_trial_wrapper .last_page .last_page_wrapper .feedback_wrapper .input_block .text_field {
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #000;
    padding: 25px 18px;
    line-height: 1;
    border: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.game_trial_wrapper .last_page .last_page_wrapper .feedback_wrapper .input_block .input_btn {
    height: 66px;
    border: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #fff;
    border-top: 1px solid #bce0f2;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    color: #25a9da
}

.game_trial_wrapper .last_page .last_page_wrapper .done_feedback {
    max-width: 570px;
    margin: 0 auto;
    text-align: center;
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #fff;
    padding-top: 70px;
    line-height: 1.3
}

.game_trial_wrapper .last_page .last_page_wrapper .done_feedback p {
    margin: 0
}

.game_trial_wrapper .last_page .last_page_wrapper .text_timer {
    text-align: center;
    font-family: "Proxima-Nova-Bold";
    font-size: 24px;
    color: #fff;
    margin: 0;
    padding-top: 70px
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer {
    background-color: rgba(0, 120, 201, 0.4);
    margin: 20px auto 0;
    font-family: "Proxima-Nova-Black" !important;
    font-size: 99px;
    color: #fff;
    width: 570px;
    border-radius: 5px;
    border: 1px solid #2aa7dd;
    padding: 0 30px;
    z-index: 5;
    position: relative
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer div {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 76px;
    overflow: hidden
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer figure {
    width: auto !important;
    max-width: initial !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer figcaption {
    text-align: center;
    line-height: 80%;
    color: #29a4dd;
    font-family: "Proxima-Nova-Light";
    font-weight: normal;
    position: absolute;
    bottom: 16px;
    left: 44px
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer span {
    vertical-align: top
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer span:nth-last-of-type(1) {
    display: none
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer span:nth-of-type(1) {
    margin: 15px;
    line-height: 1.2
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer figure:first-child {
    border-right: 1px solid #2aa7dd;
    padding-right: 19px
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer figure:nth-of-type(2) {
    margin-left: 30px
}

.game_trial_wrapper .last_page .last_page_wrapper .game-timer figure:last-child {
    display: none
}

.test-game {
    background-color: #000;
    color: #fff;
    line-height: 1
}

.test-game .mainWrapper {
    max-width: 1280px;
    margin: 0 auto
}

.test-game .title {
    font-family: "GraublauSlab-Heavy";
    font-size: 181px;
    text-align: center
}

.test-game .title--small {
    font-size: 24px;
    font-family: "GraublauSans-Bold";
    text-align: center
}

.test-game .btn--red {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    display: block;
    margin: 0 auto;
    width: 160px;
    background-color: #f00;
    padding: 16px 0 14px;
    text-align: center;
    color: #fff;
    border-radius: 24px;
    cursor: pointer
}

.test-game .btn--gray {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    display: block;
    margin: 0 auto;
    width: 160px;
    background-color: #ccc;
    padding: 16px 0 14px;
    text-align: center;
    color: #fff;
    border-radius: 24px;
    cursor: pointer
}

.test-game .btn--transp {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    display: block;
    margin: 0 auto;
    width: 160px;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 18px 0 18px;
    text-align: center;
    color: #fff;
    border-radius: 24px;
    cursor: pointer
}

.test-game .help-aut {
    background-color: #c00;
    height: 42px;
    border-bottom: 1px solid #c00000;
    border-top: 1px solid #c00000;
    text-align: center;
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    padding-top: 11px
}

.test-game .help-aut li {
    display: initial
}

.test-game .help-aut li a {
    color: #fff;
    text-decoration: underline
}

.test-game .test-start {
    margin-top: 20px;
    padding-bottom: 160px;
    background-image: url(/assets/test/test-end-b535725f8dd183e13daf933b2924fb4c2dd902e1658fd8991ed4d9123f3a9660.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 190px
}

.test-game .test-start__crown {
    padding-top: 90px;
    margin: 0;
    position: relative
}

.test-game .test-start__crown span {
    position: relative
}

.test-game .test-start__crown span:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/test/crown-344b66c6e58182c4a34f073674ec1be17957870235da1ac0f439478d793bfc21.png);
    width: 100px;
    height: 80px;
    top: -20px;
    left: -24px;
    background-size: contain;
    transform: rotate(-18deg)
}

.test-game .test-start__help-text {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    margin-top: 45px;
    text-align: center
}

.test-game .test-start__help-text2 {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    text-align: center;
    margin-bottom: 45px
}

.test-game .test-main__question .hint {
    height: 42px;
    border-bottom: 1px solid #050405;
    border-top: 1px solid #050405;
    background-color: #000;
    text-align: center;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px
}

.test-game .test-main__question .question_block {
    display: flex
}

.test-game .test-main__question .question_block .video_wrapper {
    margin: 0 auto
}

.test-game .test-main__question .question_block .video_wrapper .video {
    width: 600px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.test-game .test-main__question .question_block .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .test-game .test-main__question .question_block .video_wrapper .video {
        width: 600px
    }
}

@media (min-width: 992px) {
    .test-game .test-main__question .question_block .video_wrapper .video {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .test-game .test-main__question .question_block .video_wrapper .video {
        width: 900px
    }
}

.test-game .test-main__question .answer_wrapper {
    display: flex;
    margin: 40px auto 0;
    padding-bottom: 80px;
    width: 600px;
    justify-content: space-between
}

@media (min-width: 768px) {
    .test-game .test-main__question .answer_wrapper {
        width: 600px
    }
}

@media (min-width: 992px) {
    .test-game .test-main__question .answer_wrapper {
        width: 780px
    }
}

@media (min-width: 1200px) {
    .test-game .test-main__question .answer_wrapper {
        width: 900px
    }
}

.test-game .test-main__question .answer_wrapper .input_block {
    width: 580px;
    display: flex;
    height: 66px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 5
}

@media (min-width: 768px) {
    .test-game .test-main__question .answer_wrapper .input_block {
        width: 581px
    }
}

@media (min-width: 992px) {
    .test-game .test-main__question .answer_wrapper .input_block {
        width: 581px
    }
}

@media (min-width: 1200px) {
    .test-game .test-main__question .answer_wrapper .input_block {
        width: 700px
    }
}

.test-game .test-main__question .answer_wrapper .input_block .input_answer {
    padding-left: 30px;
    border-radius: 5px;
    border: none;
    font-family: "GraublauSans-Bold";
    font-size: 24px;
    color: #403e3f;
    width: 76%;
    z-index: 6
}

.test-game .test-main__question .answer_wrapper .input_block .input_answer::-webkit-input-placeholder {
    color: #403e3f
}

.test-game .test-main__question .answer_wrapper .input_block .input_answer::-moz-placeholder {
    color: #403e3f
}

.test-game .test-main__question .answer_wrapper .input_block .input_answer:-ms-input-placeholder {
    color: #403e3f
}

.test-game .test-main__question .answer_wrapper .input_block .input_wrapper {
    width: 23%;
    height: 66px;
    border-left: 1px solid #bce0f2;
    position: relative
}

.test-game .test-main__question .answer_wrapper .input_block .input_wrapper .input_btn {
    background-color: #fff;
    border: none;
    font-family: "GraublauSans-Regular";
    font-size: 18px;
    height: 66px;
    color: #7cc04b;
    width: 100%;
    border-radius: 5px
}

.test-game .test-main__question .answer_wrapper .input_block .done_answer {
    position: relative;
    font-family: "Proxima-Nova-Regular";
    font-size: 18px;
    font-weight: bold;
    color: blue;
    right: 25px;
    min-width: 155px;
    padding-top: 20px;
    padding-left: 10px;
    z-index: 10;
    background-color: #fff;
    text-align: right
}

.test-game .test-main__question .answer_wrapper .timer {
    font-family: "GraublauSans-Heavy-Italic";
    font-size: 99px;
    color: #fff;
    width: 165px;
    display: flex;
    z-index: 5
}

.test-game .test-main__question .answer_wrapper .timer span {
    line-height: 0.6
}

.test-game .test-main__question .answer_wrapper .timer #test_timer {
    margin-left: 15px;
    line-height: 0.7
}

.test-game .test-main__tour-end {
    background-image: url(/assets/test/tour-end-4535433237e82666e0e67d0699f0c5ff7de1e1e85c855c6d1ccae61e73b8f638.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 190px;
    background-position-x: 50%;
    background-position-y: 52%
}

.test-game .test-main__tour-end .title {
    font-family: "GraublauSans-Bold";
    font-size: 24px;
    padding-top: 180px;
    margin-top: 0
}

.test-game .test-main__tour-end .timer {
    text-align: center
}

.test-game .test-main__tour-end .bottom-btns {
    display: flex;
    margin-top: 130px;
    padding-bottom: 50px
}

.test-game .test-main__tour-end .bottom-btns .stop-test {
    width: 208px;
    padding-left: 8px;
    position: relative
}

.test-game .test-main__tour-end .bottom-btns .stop-test:before {
    content: "";
    position: absolute;
    background-image: url(/assets/test/stop-ff0fcbb63c670c7d0b445c962938df47a86d7e2be9044a01d9b178bd2d072e9a.png);
    width: 7px;
    height: 10px;
    top: 19px;
    left: 19px
}

.test-game .test-main__tour-end .break_time {
    margin: 20px auto 0;
    font-family: "Proxima-Nova-Black" !important;
    font-size: 99px;
    color: #fff;
    width: 383px;
    border-radius: 5px;
    border: 1px solid #2aa7dd;
    padding: 0 30px
}

.test-game .test-main__tour-end .break_time div {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 100px;
    overflow: hidden
}

.test-game .test-main__tour-end .break_time ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    margin-top: 29px;
    transition-duration: 5s
}

.test-game .test-main__tour-end .break_time ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.test-game .test-main__tour-end .break_time figure {
    width: auto !important;
    max-width: initial !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative
}

.test-game .test-main__tour-end .break_time figcaption {
    text-align: center;
    line-height: 80%;
    color: #29a4dd;
    font-family: "Proxima-Nova-Light";
    font-weight: normal;
    position: absolute;
    bottom: 8px;
    left: 44px
}

.test-game .test-main__tour-end .break_time span {
    vertical-align: top
}

.test-game .test-main__tour-end .break_time span:nth-of-type(1) {
    display: none
}

.test-game .test-main__tour-end .break_time span:nth-of-type(2) {
    margin: 19px;
    line-height: 0.9
}

.test-game .test-main__tour-end .break_time figure:nth-of-type(1) {
    display: none
}

.test-game .test-main__tour-end .break_time figure:nth-of-type(2) {
    display: none
}

.test-game .test-main__tour-end .break_time figure:first-child(2) {
    display: none
}

.test-game .test-main__test-end {
    background-image: url(/assets/test/test-end-b535725f8dd183e13daf933b2924fb4c2dd902e1658fd8991ed4d9123f3a9660.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 190px
}

.test-game .test-main__test-end .title--small {
    padding-top: 180px
}

.test-game .test-main__test-end .title {
    font-size: 90px;
    margin-top: 35px
}

.test-game .test-main__test-end .help-text {
    margin-top: 20px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    text-align: center
}

.test-game .test-main__test-end .btn-lc {
    margin-top: 40px;
    position: relative;
    width: 209px;
    padding-left: 20px
}

.test-game .test-main__test-end .btn-lc:before {
    content: "";
    position: absolute;
    background-image: url(/assets/test/smile-e5c5f064255ffe6b92e8c59135af39ccd9148214d49567165fef8efdc72cfbc1.png);
    width: 36px;
    height: 36px;
    top: 6px;
    left: 9px
}

.test-game .test-main__test-end .btn-start {
    margin-top: 30px;
    width: 180px
}

.test-game .test-main__test-end .title-result {
    font-size: 90px;
    text-align: center;
    font-family: "GraublauSlab-Heavy";
    color: #fff;
    margin-top: 50px
}

.test-game .test-main__test-end .result-table {
    width: 610px;
    margin: 50px auto 100px;
    background-color: #12151b;
    border-radius: 16px
}

.test-game .test-main__test-end .result-table .top {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    color: #fff;
    padding: 20px;
    border-bottom: 2px solid #161921
}

.test-game .test-main__test-end .result-table .bottom {
    padding: 0 20px 20px 20px
}

.test-game .test-main__test-end .result-table .bottom .tour {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.test-game .test-main__test-end .result-table .bottom .tour .input {
    width: 470px;
    height: 38px;
    background-color: #181b23;
    border-radius: 18px;
    position: relative;
    overflow: hidden
}

.test-game .test-main__test-end .result-table .bottom .tour .input .name {
    font-family: "GraublauSlab-Regular";
    font-size: 18px;
    padding-top: 10px;
    padding-left: 20px;
    position: relative;
    z-index: 6
}

.test-game .test-main__test-end .result-table .bottom .tour .input .line {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    background-color: #00c41a;
    z-index: 5
}

.test-game .test-main__test-end .result-table .bottom .tour .points {
    font-size: 36px;
    font-family: "GraublauSlab-HeavyItalic";
    margin-left: 35px
}

.break_modal .modal-dialog .modal-header .closeModal {
    display: none
}

.break_modal .modal-dialog .modal-body h1 {
    font-family: "GraublauSlab-Bold";
    font-size: 36px;
    color: #f00;
    text-align: center
}

.break_modal .modal-dialog .modal-body .description {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    text-align: center;
    color: #000;
    margin: 30px 0 30px
}

.break_modal .modal-dialog .modal-body .btn-break {
    padding: 17px 0 13px;
    width: 192px;
    position: relative;
    margin: 0 auto 35px
}

.break_modal .modal-dialog .modal-body .btn-break:before {
    content: "";
    position: absolute;
    background-image: url(/assets/test/play-b5ecd971209fccb71f637642468b9f874ededd20281667e3eb4871d35037e08d.png);
    width: 12px;
    height: 12px;
    top: 19px;
    left: 19px
}

.break_modal .modal-dialog .modal-footer {
    display: block;
    text-align: left
}

.break_modal .modal-dialog .modal-footer .wrapper {
    display: flex;
    margin-top: 20px;
    margin-left: 15px
}

.break_modal .modal-dialog .modal-footer .wrapper .description_wrap {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px
}

.break_modal .modal-dialog .modal-footer .wrapper .description_wrap p {
    margin: 0
}

.break_modal .modal-dialog .modal-footer .footer_description {
    font-family: "GraublauSans-Regular";
    font-size: 14px;
    margin-top: 15px;
    margin-left: 15px
}

.lk {
    background-color: #12151c
}

.lk .topInfo .contentWrap {
    height: inherit
}

.lk .top-bg {
    background-color: #12151c;
    background-image: url(/assets/lk/lk-bg-min-de8436955accd1e89c48f0c511068dfb019c31a001eaef8fb93604e3f753fa0b.png);
    width: 1280px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto
}

.lk .lk-top {
    padding-top: 50px;
    display: flex;
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 47px
}

.lk .lk-top .profile {
    width: 260px;
    margin-left: 90px
}

.lk .lk-top .profile .avatar {
    position: relative
}

.lk .lk-top .profile .avatar .avatar-img {
    width: 218px;
    height: 218px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 5px 0 15px 0;
    background-size: cover
}

.lk .lk-top .profile .avatar .avatarWrap {
    width: 218px;
    height: 218px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 5px 0 15px 0;
    background-size: cover
}

.lk .lk-top .profile .avatar .shared-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url(/assets/lk/shared-ico-dee571a9095dfe5fb2cac4ff42b2a3b9fc880c791716b29b56060c0b33288665.png);
    cursor: pointer
}

.lk .lk-top .profile .avatar .shared-link.active {
    background-color: #5b5c61;
    border-radius: 30px
}

.lk .lk-top .profile .avatar .complite {
    color: #000;
    position: absolute;
    top: 5px;
    left: 50px;
    background-color: #fff;
    width: 120px;
    height: 30px;
    padding: 5px 0;
    text-align: center;
    z-index: 1
}

.lk .lk-top .profile .avatar .complite:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    border: 15px solid transparent;
    border-right-color: #fff;
    border-left: 0
}

.lk .lk-top .profile .name {
    font-family: "GraublauSlab-Bold";
    font-size: 30px;
    text-align: center;
    width: 218px;
    color: #fff
}

.lk .lk-top .profile .search-team {
    margin: 13px 0 55px 0;
    font-size: 16px;
    font-family: "GraublauSansDispBd";
    color: #fff;
    display: flex
}

.lk .lk-top .profile .search-team .beacon {
    width: 131px;
    height: 100px
}

.lk .lk-top .profile .search-team .beacon .beacon-off {
    margin: 12px 0 0 39px;
    display: block
}

.lk .lk-top .profile .search-team .toogleSearch {
    padding-top: 16px
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom {
    position: relative
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .b {
    display: block
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .toggle {
    position: absolute;
    top: 20px;
    bottom: -3px;
    margin: auto;
    left: 0;
    width: 60px;
    height: 26px;
    border-radius: 100px;
    background-color: #333333;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05)
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .check:checked~.track {
    box-shadow: inset 0 0 0 20px #009900
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .check:checked~.switch {
    right: 4px;
    left: auto;
    transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: .05s, 0s
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .switch {
    position: absolute;
    left: 4px;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .05s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.lk .lk-top .profile .search-team .toogleSearch .toggleCustom .track {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);
    border-radius: 40px
}

.lk .lk-top .profile .search-team .btn--red {
    border: 2px solid red;
    border-radius: 16px;
    width: 116px;
    display: block;
    text-align: center;
    padding: 6px 0 4px 0;
    font-size: 16px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular"
}

.lk .lk-top .profile .social li {
    margin: 0;
    margin-left: 45px
}

.lk .lk-top .right {
    width: 760px;
    margin-left: 80px
}

.lk .lk-top .right .lk-menu {
    display: flex;
    justify-content: space-between
}

.lk .lk-top .right .lk-menu .btn--gray {
    padding: 4px 11px 2px 11px;
    border: 2px solid #625f6a;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-family: "GraublauSansDisplayRegular";
    cursor: pointer;
    position: relative
}

.lk .lk-top .right .lk-menu .btn-i:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red;
    top: -4px;
    right: -4px
}

.lk .lk-top .right .lk-menu .btn--gray:hover {
    background-color: #625f6a
}

.lk .lk-top .right .lk-menu .list {
    display: flex
}

.lk .lk-top .right .lk-menu .list li {
    margin-left: 20px
}

.lk .lk-top .right .lk-menu .list li:first-child {
    margin-left: 0
}

.lk .lk-top .right .lk-menu .links {
    display: flex
}

.lk .lk-top .right .lk-menu .links .btn-exit {
    font-size: 14px;
    font-family: "GraublauSansDisplayRegular";
    color: #97a399;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    padding-top: 0
}

.lk .lk-top .right .lk-menu .links .btn-exit:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/lk/exit-3621749e58599262883d33b5ca6c18323d5c6b86bc7e3a5a4532411f00a87937.png);
    width: 21px;
    height: 22px;
    top: -4px;
    left: 0px
}

.lk .lk-top .right .lk-menu .links .btn-exit:hover {
    color: #fff
}

.lk .lk-top .right .lk-menu .links .btn-exit:hover:before {
    background-image: url(/assets/lk/exit-h-49a88e33ae04625f3eb7400ceebc072b2654441ea93a1cf7613f1e0e862e0738.png)
}

.lk .lk-top .right .lk-menu .links .btn-setting {
    font-size: 14px;
    font-family: "GraublauSansDisplayRegular";
    color: #97a399;
    position: relative;
    margin-left: 35px;
    padding-left: 33px;
    cursor: pointer;
    padding-top: 0
}

.lk .lk-top .right .lk-menu .links .btn-setting:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/lk/burger-setting-bc7e629459b3dff5d12bdc055ec33d0bea76fc891605fc5ebcd8701f3ef7bf02.png);
    width: 22px;
    height: 22px;
    top: -4px;
    left: 0px
}

.lk .lk-top .right .lk-menu .links .btn-setting:hover {
    color: #fff
}

.lk .lk-top .right .lk-menu .links .btn-setting:hover:before {
    background-image: url(/assets/lk/burger-setting-h-19c6d1000ed0f82f09e92225cc07142449ec9c4896b030fdde7eac47eebfc987.png)
}

.lk .lk-top .right .test .result-title {
    color: #fff;
    text-align: center
}

.lk .lk-top .right .test .start h1 {
    font-size: 186px;
    font-family: "GraublauSlab-Heavy";
    color: #fff;
    margin: 90px 0 20px 0
}

.lk .lk-top .right .test .start p {
    font-size: 16px;
    font-family: "GraublauSansDisplayRegular";
    color: #fff;
    text-align: left;
    max-width: 600px;
    opacity: 0.7
}

.lk .lk-top .right .test .start .btn--red {
    width: 145px;
    border: 2px solid #fe0000;
    text-align: center;
    border-radius: 20px;
    padding: 13px 0 11px;
    color: #fff;
    margin: inherit;
    margin-top: 28px
}

.lk .lk-top .right .test .result-table {
    color: #fff;
    width: 610px;
    margin: 20px auto 0;
    background-color: #12151b;
    border-radius: 16px
}

.lk .lk-top .right .test .result-table .top {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    color: #fff;
    padding: 10px 20px;
    border-bottom: 2px solid #161921
}

.lk .lk-top .right .test .result-table .top p {
    margin: 0
}

.lk .lk-top .right .test .result-table .bottom {
    padding: 0 25px 20px 25px
}

.lk .lk-top .right .test .result-table .bottom .tour {
    display: flex;
    justify-content: space-between;
    margin-top: 22px
}

.lk .lk-top .right .test .result-table .bottom .tour .input {
    width: 520px;
    height: 35px;
    background-color: #181b23;
    border-radius: 18px;
    position: relative;
    overflow: hidden
}

.lk .lk-top .right .test .result-table .bottom .tour .input .name {
    font-family: "GraublauSlab-Regular";
    font-size: 15px;
    padding-top: 8px;
    padding-left: 20px;
    position: relative;
    z-index: 6
}

.lk .lk-top .right .test .result-table .bottom .tour .input .line {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    background-color: #00c41a;
    z-index: 5
}

.lk .lk-top .right .test .result-table .bottom .tour .points {
    font-size: 22px;
    font-family: "GraublauSlab-HeavyItalic";
    margin-left: 35px
}

.lk .lk-top .right .test .btn--red {
    width: 145px;
    border: 2px solid #fe0000;
    text-align: center;
    border-radius: 20px;
    padding: 13px 0 11px;
    color: #fff;
    margin-top: 28px;
    display: block;
    margin: 15px auto 0px
}

.lk .lk-top .right .test .help-text {
    text-align: center;
    color: #fff;
    margin-top: 20px
}

.lk .lk-bottom {
    background-color: #181b24;
    padding-bottom: 165px
}

.lk .lk-bottom .about-vote {
    display: flex;
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0 45px 0
}

.lk .lk-bottom .about-vote .about {
    width: 515px
}

.lk .lk-bottom .about-vote .about .top {
    display: flex
}

.lk .lk-bottom .about-vote .about .top .title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    color: #fff
}

.lk .lk-bottom .about-vote .about .top .controll {
    margin-left: 20px;
    padding-top: 5px
}

.lk .lk-bottom .about-vote .about .top .controll a {
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 1;
    opacity: 0.4;
    font-family: "GraublauSansDisplayRegular";
    cursor: pointer
}

.lk .lk-bottom .about-vote .about .description {
    font-size: 14px;
    color: #fff;
    opacity: 0.7;
    font-family: "GraublauSansDisplayRegular"
}

.lk .lk-bottom .about-vote .vote {
    width: 520px;
    margin-left: 65px
}

.lk .lk-bottom .about-vote .vote .top {
    display: flex
}

.lk .lk-bottom .about-vote .vote .top .title {
    font-size: 24px;
    font-family: "GraublauSlab-Bold";
    color: #fff
}

.lk .lk-bottom .about-vote .vote .top .news-link {
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    font-family: "GraublauSansDisplayRegular";
    margin-left: 20px;
    padding-top: 8px
}

.lk .lk-bottom .about-vote .vote .news {
    font-size: 16px;
    font-family: "GraublauSansDisplayRegular"
}

.lk .lk-bottom .about-vote .vote .news .new {
    display: flex
}

.lk .lk-bottom .about-vote .vote .news .new .count {
    font-size: 14px;
    color: #fff;
    opacity: 0.4
}

.lk .lk-bottom .about-vote .vote .news .new .min-description {
    color: red;
    margin-left: 10px
}

.lk .lk-bottom .my-teams {
    width: 1100px;
    margin: 0 auto
}

.lk .lk-bottom .my-teams .top {
    display: flex
}

.lk .lk-bottom .my-teams .top .title {
    color: #fff;
    font-size: 24px;
    font-family: "GraublauSlab-Bold"
}

.lk .lk-bottom .my-teams .top .rating {
    color: #fff;
    opacity: 0.4;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-family: "GraublauSansDisplayRegular";
    margin-left: 24px;
    line-height: 1;
    padding-top: 9px;
    margin-bottom: 8px
}

.lk .lk-bottom .my-teams .userTeamsCarousel {
    position: relative
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-next {
    background-image: url(/assets/symbol/arrowBgNext-min-ad95dba6a95219b59305f88071a0435c2f9b8daad3b75036a9390a90af8e75bd.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 80px;
    right: 0;
    z-index: 1;
    top: 50%
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-prev {
    background-image: url(/assets/symbol/arrowBgPrev-2bd9dd960c490c1714f408598d682eb76069e4e173302034d2d93395b96ce6a8.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 80px;
    left: 0px;
    z-index: 1;
    top: 50%
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-dots {
    top: -32px;
    right: 0;
    width: auto;
    margin-right: 20px
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-dots li.slick-active {
    background-color: #fff
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%
}

.lk .lk-bottom .my-teams .userTeamsCarousel .slick-dots li button:before {
    display: none
}

.lk .lk-bottom .my-teams .team {
    background-color: #0000fe;
    border-radius: 6px;
    display: flex;
    min-height: 184px
}

.lk .lk-bottom .my-teams .team .left {
    display: flex;
    flex-direction: column;
    margin: 30px 0 25px 95px;
    justify-content: center;
    min-width: 124px
}

.lk .lk-bottom .my-teams .team .left img {
    max-width: 100px;
    margin: 0 auto
}

.lk .lk-bottom .my-teams .team .left .links {
    margin-top: 10px
}

.lk .lk-bottom .my-teams .team .left .links a {
    color: #fff;
    opacity: 0.5;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-family: "GraublauSansDisplayRegular";
    margin-left: 10px
}

.lk .lk-bottom .my-teams .team .left .links a:first-child {
    margin-left: 0
}

.lk .lk-bottom .my-teams .team .center-item {
    max-width: 470px;
    min-width: 470px;
    margin: 0 68px 16px 68px
}

.lk .lk-bottom .my-teams .team .center-item .team-name {
    text-align: center;
    font-size: 36px;
    font-family: "GraublauSlab-Heavy";
    color: #fff;
    margin-top: 22px;
    line-height: 1
}

.lk .lk-bottom .my-teams .team .center-item ul {
    padding-left: 10px
}

.lk .lk-bottom .my-teams .team .center-item ul li {
    float: left;
    margin-left: -10px
}

.lk .lk-bottom .my-teams .team .center-item ul li .avatar {
    width: 50px;
    height: 50px;
    background: red;
    border-radius: 50%;
    background-size: cover
}

.lk .lk-bottom .my-teams .team .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 270px
}

.lk .lk-bottom .my-teams .team .right .league .title {
    font-size: 14px;
    opacity: 0.4;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    text-align: left;
    margin: 0
}

.lk .lk-bottom .my-teams .team .right .league .position {
    font-size: 16px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    text-align: left;
    line-height: 1;
    text-decoration: underline;
    margin-bottom: 4px
}

.lk .lk-bottom .my-teams .team .right .nearest-game {
    font-size: 18px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    text-align: left;
    position: relative
}

.lk .lk-bottom .my-teams .team .right .nearest-game:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/assets/lk/ellipse-b8624b48055505f079d4c289e105b82710282155ff9778bc7f5c26d7b5ed3584.png);
    width: 10px;
    height: 10px;
    top: 6px;
    left: -20px
}

.lk .lk-bottom .bets {
    width: 1100px;
    margin: 50px auto 0
}

.lk .lk-bottom .bets .top {
    display: flex
}

.lk .lk-bottom .bets .top .title {
    color: #fff;
    font-size: 24px;
    font-family: "GraublauSlab-Bold"
}

.lk .lk-bottom .bets .top .bets-link {
    color: #fff;
    opacity: 0.4;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-family: "GraublauSansDisplayRegular";
    margin-left: 24px;
    line-height: 1;
    padding-top: 9px;
    margin-bottom: 8px
}

.lk .lk-bottom .bets .parlay_table {
    font-family: "GraublauSansDisplayRegular"
}

.lk .lk-bottom .bets .parlay_table .game_name {
    margin: 18px 0 15px 25px;
    color: #fff;
    font-size: 18px
}

.lk .lk-bottom .bets .parlay_table .game_name .lose_points {
    color: #fe0000
}

.lk .lk-bottom .bets .parlay_table .game_name span {
    padding-left: 25px
}

.lk .lk-bottom .bets .parlay_table .win_points {
    color: #06af0e;
    position: absolute;
    top: -38px;
    right: 20px;
    font-size: 18px
}

.lk .lk-bottom .bets .parlay_table .big_rectangle {
    position: relative;
    background-color: #12151c;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 50px
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result {
    text-align: left
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result thead {
    margin-bottom: 15px
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result thead tr {
    border-bottom: 2px solid #1a1e27
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result thead tr th {
    padding: 20px;
    font-size: 12px;
    font-family: "GraublauSansDisplay-Italic"
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result tbody {
    color: #fff
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result tbody tr td {
    padding: 20px
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result tbody tr .lose_red {
    color: #fe0000
}

.lk .lk-bottom .bets .parlay_table .big_rectangle .parlay_table_result tbody tr .win_green {
    color: #06af0e
}

.lk .lk-bottom .bets .parlay_table .wait_result {
    color: #fff;
    padding: 50px 50px;
    font-size: 18px
}

.lk .lk-bottom .bets .parlay_table .wait_result .head {
    color: #fbfb00;
    margin-bottom: 17px
}

.lk .lk-bottom .bets .parlay_table .wait_result .litle {
    font-size: 12px;
    margin-bottom: 30px
}

.lk .lk-bottom .bets .parlay_table .express_stavka p {
    margin: 0
}

.lk .lk-bottom .bets .parlay_table .express_stavka .plus {
    margin: 0;
    color: #989898
}

.lk .lk-bottom .bets .parlay_table .express_stavka .plus:last-child {
    display: none
}

.lk .lk-bottom .bets .btn--l-gray {
    font-size: 14px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    width: 78px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 16px;
    text-align: center;
    padding: 6px 0 4px 0;
    cursor: pointer
}

.topInfo.korporat {
    background-color: #ff0001;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    height: 555px
}

.topInfo.korporat .contentWrap {
    height: 555px
}

.topInfo.korporat .contentWrap .top_text {
    color: #000;
    text-align: center;
    width: 452px;
    margin: 40px auto 65px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px
}

.topInfo.korporat .contentWrap .btnBlue {
    margin: 0 auto 70px;
    width: 367px;
    padding: 22px 0 20px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    -webkit-box-shadow: 0px 12px 43px -2px #0011ef;
    -moz-box-shadow: 0px 12px 43px -2px #0011ef;
    box-shadow: 0px 12px 43px -2px #0011ef
}

.topInfo.korporat .contentWrap .btnBlue:active {
    color: #fff
}

.korporatSek {
    background-color: #181b23;
    padding: 0 0 40px 0
}

.korporatSek .mainWrap {
    max-width: 1100px;
    flex-direction: column
}

.korporatSek .title {
    font-size: 24px;
    color: #fff;
    font-family: "GraublauSlab-Bold";
    margin: 45px;
    text-align: center
}

.korporatSek .playerWrap {
    display: flex
}

.korporatSek .playerWrap .video_wrapper {
    margin: 0 auto
}

.korporatSek .playerWrap .video_wrapper .video {
    width: 1100px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

.korporatSek .playerWrap .video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 1100px;
    height: 100%
}

.korporatSek .playerWrap .slick-next {
    background-image: url(/assets/symbol/arrowBgNext-min-ad95dba6a95219b59305f88071a0435c2f9b8daad3b75036a9390a90af8e75bd.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 80px;
    right: 0;
    z-index: 1;
    top: 50%
}

.korporatSek .playerWrap .slick-prev {
    background-image: url(/assets/symbol/arrowBgPrev-2bd9dd960c490c1714f408598d682eb76069e4e173302034d2d93395b96ce6a8.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 80px;
    left: 0px;
    z-index: 1;
    top: 50%
}

.korporatSek .playerWrap .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%
}

.korporatSek .playerWrap .slick-dots li.slick-active {
    background-color: #fff
}

.korporatSek .playerWrap .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%
}

.korporatSek .playerWrap .slick-dots li button:before {
    display: none
}

.korporatSek .infoBlock-top {
    max-width: 1100px;
    width: 100%
}

.korporatSek .infoBlock-top .square:nth-child(odd) {
    margin-right: 20px
}

.korporatSek .infoBlock-top .square {
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-radius: 8px;
    justify-content: space-between;
    width: 540px;
    max-width: 540px;
    height: 235px
}

.korporatSek .infoBlock-top .square .wrapDownload {
    display: flex;
    width: 100%
}

.korporatSek .infoBlock-top .square .wrapDownload .item {
    margin: auto
}

.korporatSek .infoBlock-top .square ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 80px;
    width: 100%;
    padding: 0 50px
}

.korporatSek .infoBlock-top .square ul li {
    font-size: 14px;
    width: 200px
}

.korporatSek .infoBlock-top .square ul li span {
    margin-left: 0
}

.korporatSek .infoBlock-top .square ul li .underline {
    text-decoration: underline;
    display: inline
}

.korporatSek .infoBlock-top .square .team-game {
    height: 75px
}

.korporatSek .infoBlock-top .square .btnRed-about {
    width: 146px;
    border: 2px solid #fd0003;
    border-radius: 18px;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 0 4px
}

.korporatSek .infoBlock-top .square p {
    font-family: "GraublauSansDispLt";
    font-size: 14px
}

.korporatSek .infoBlock-top .square article {
    font-family: "GraublauSlab-Bold";
    font-size: 18px;
    margin-bottom: 0
}

.korporatSek .infoBlock-top .square.left {
    margin-right: 30px
}

.korporatSek .infoBlock-top .square.about {
    padding-right: 20px
}

.korporatSek .infoBlock-top .infoText {
    color: #fff;
    padding: 20px
}

.korporatSek .infoBlock-top .infoText article {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff
}

.korporatSek .infoBlock-top .infoText p {
    font-family: "GraublauSansDispLt"
}

.korporatSek .infoBlock-top .infoText a {
    font-family: "GraublauSansDispLt";
    color: #fff;
    border-bottom: 1px solid
}

.korporatSek .infoBlock-top .infoText a:hover {
    color: #fff
}

.korporatSek .widget {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    width: 100%;
    max-width: 1100px;
    height: 754px;
    margin: 0;
    background-image: url(/assets/korporat/macaron-6286c2edcba841d28f9e6a0ab1061e194b244b11abfba612c47fb9675a317d50.png);
    background-position: left center;
    background-size: 53%;
    background-color: #0000fe;
    background-repeat: no-repeat
}

.korporatSek .widget h2 {
    background-image: none;
    font-size: 48px;
    font-family: GraublauSlab-Heavy
}

.korporatSek .widget .left {
    width: 580px
}

.korporatSek .widget .left .btnBlue {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    margin: 0 auto;
    width: 233px;
    padding: 25.5px 11px;
    background-color: #fe0000;
    -webkit-box-shadow: 0px 12px 43px -2px #e80e0e;
    -moz-box-shadow: 0px 12px 43px -2px #e80e0e;
    box-shadow: 0px 12px 43px -2px #e80e0e
}

.korporatSek .widget .left .phone {
    margin-top: 30px;
    text-align: center;
    color: #fff;
    font-family: "GraublauSansDispLt"
}

.korporatSek .widget .left .phone span {
    font-size: 40px
}

.korporatSek .widget .right {
    width: 520px;
    text-align: left
}

.korporatSek .widget .right p {
    margin: 0 0 7px 0
}

.korporatSek .widget .right .description {
    display: flex
}

.korporatSek .widget .right .description .l_description {
    width: 140px;
    text-align: right;
    margin-right: 15px;
    font-family: "GraublauSlab-Heavy";
    font-size: 36px;
    color: #ff0000;
    line-height: 0.8
}

.korporatSek .widget .right .description .r_description {
    font-size: 18px;
    font-family: "GraublauSansDisplayRegular";
    line-height: 1.6;
    color: #fff
}

.korporatSek .widget .right .description .r_description p:first-child {
    margin: 3px 0 7px 0
}

.korporatSek .widget .right .services {
    margin-right: 70px
}

.korporatSek .widget .right .services h2 {
    padding: 0;
    text-align: left
}

.korporatSek .widget .right .services h2 span {
    text-decoration: line-through
}

.korporatSek .widget .right .services p {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    color: #fff;
    opacity: 0.7
}

.korporatSek .widget .right .services p a {
    color: #fff;
    text-decoration: underline
}

.korporatSek .widget .right .services .services__wrap {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.korporatSek .widget .right .services .services__wrap .service {
    display: flex;
    max-width: 210px;
    margin-bottom: 20px
}

.korporatSek .widget .right .services .services__wrap .service .image {
    width: 62px;
    margin-right: 5px
}

.korporatSek .widget .right .services .services__wrap .service .image img {
    display: block;
    margin: 5px auto 0
}

.korporatSek .widget .right .services .btnRed-about {
    width: 160px;
    border: 2px solid #fd0003;
    border-radius: 18px;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 0 4px;
    margin: 0 auto;
    display: block;
    color: #fff;
    text-align: center;
    font-family: "GraublauSansDisplayRegular"
}

.korporatSek .info {
    display: flex;
    flex-wrap: wrap
}

.korporatSek .info .square {
    width: 260px;
    height: 235px;
    margin: 0 20px 20px 0;
    position: relative
}

.korporatSek .info .square .description-top {
    position: absolute;
    background-color: #0000ff;
    margin: auto;
    top: 0;
    padding: 10px 20px;
    border-radius: 0 0 6px 6px;
    right: 0;
    left: 0;
    max-width: 200px;
    text-align: center;
    font-family: "GraublauSansDisplayRegular";
    font-size: 12px
}

.korporatSek .info .square .wrapDownload {
    display: flex;
    width: 100%
}

.korporatSek .info .square .wrapDownload .item {
    margin: auto
}

.korporatSek .info .square .wrapDownload .item a {
    color: #fff;
    text-decoration: underline
}

.korporatSek .info .square .wrapDownload .item span {
    color: rgba(255, 255, 255, 0.5)
}

.korporatSek .info .square:nth-child(4n) {
    margin: 0 0 20px 0
}

.korporatSek .info .about1 {
    background-image: url(/assets/korporat/jez-80b98cffed404e3b5c47abd3a6ba23c8839114eedb23a4d62348252bd1cb8cc4.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.korporatSek .info .about2 {
    background-image: url(/assets/korporat/23-a210f3c14af7ea0e0cbeca97c48b3dd265884fe3fa0d412309b641d77f69b03a.png);
    background-position: 50%;
    background-repeat: no-repeat
}

.korporatSek .info .about3 {
    background-image: url(/assets/korporat/8march-216f429d5358eed465fd33d19df639bb528af2a5dcf79c6850bf6c1e9f13559f.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.korporatSek .info .about4 {
    background-image: url(/assets/korporat/birthday2-1d757ccfb300bfda52a8c6eb79a13d1a6c754aea06cb63a64e1988f99a825ed9.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.korporatSek .info .about5 {
    background-image: url(/assets/korporat/teambuilding-af0dcc939aee446b8c7aba1c6cd6217e5c1f9e694dbd3a4d5ee0a73130bb7f7d.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.korporatSek .info .about6 {
    background-image: url(/assets/korporat/wedding-d60625d9c7835852c1d53b1c2c61b6f96e19308a099e07fd0754b861b608f016.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.korporatSek .info-presentation {
    padding: 15px 20px;
    border: 2px solid #ffd200;
    border-radius: 6px;
    color: #fff
}

.korporatSek .info-presentation h2 {
    font-size: 48px;
    font-family: "GraublauSlab-Heavy";
    line-height: 1
}

.korporatSek .info-presentation p {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    line-height: 1.3
}

.korporatSek .info-video {
    display: flex;
    margin-bottom: 40px
}

.korporatSek .info-video .video_wrapper {
    margin-right: 40px
}

.korporatSek .info-video .description {
    max-width: 523px
}

.korporatSek .info-video .description .low-text {
    font-family: "GraublauSansDispLt";
    font-size: 12px;
    color: #666;
    margin: 0;
    line-height: 1
}

.korporatSek .info-video .description .main-text {
    font-family: "GraublauSansDisplayRegular";
    font-size: 13px;
    color: #fff;
    margin-top: 5px
}

.korporatSek .info-video .description .main-text a {
    opacity: 0.5;
    font-size: 14px;
    text-decoration: underline;
    color: #fff
}

.korporatSek .mainWrap {
    justify-content: space-between
}

.korporatSek article {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    margin-bottom: 10px
}

.korporatSek p {
    font-family: inherit
}

.korporatSek .wrapPartnerSec .AlbomItmWrapper .AlbomItm {
    width: 178px
}

.korporatSek .wrapPartnerSec .AlbomItmWrapper .predl {
    width: 364px
}

.reports {
    background-color: #181b24
}

.reports .main {
    max-width: 1100px;
    margin: 0 auto
}

.reports .main .filters_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px 0
}

@media (max-width: 767px) {
    .reports .main .filters_box {
        flex-direction: column
    }
}

.reports .main .filters_box .cities {
    z-index: 102
}

@media (max-width: 767px) {
    .reports .main .filters_box .cities {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .reports .main .filters_box .cities .wrapSelectCityMonth {
        justify-content: center
    }
}

.reports .main .filters_box .cities .wrapSelectCityMonth .dropdown {
    z-index: 102
}

.reports .main .filters_box .range_date {
    margin-right: 30px;
    z-index: 10
}

@media (max-width: 767px) {
    .reports .main .filters_box .range_date {
        z-index: 10;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.reports .main .filters_box .range_date .form-group {
    width: 230px;
    margin-bottom: 0
}

.reports .main .filters_box .range_date .form-group:first-child {
    margin-bottom: 10px
}

.reports .main .games {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .reports .main .games {
        justify-content: center
    }
}

.reports .main .games .help_text {
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    margin: 0 auto
}

.reports .main .games .itemGame {
    min-width: 220px;
    max-width: 220px;
    margin: 0 27px 50px
}

.reports .main .games .itemGame .game-wrapper {
    border-radius: 5px;
    color: #fff;
    display: block;
    position: relative
}

.reports .main .games .itemGame .game-wrapper .date {
    position: absolute;
    top: 9px;
    left: -27px;
    width: 20px;
    line-height: 28px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    border-bottom: 4px solid #ff0001;
    padding-bottom: 6px
}

.reports .main .games .itemGame .game-wrapper .date_m {
    position: absolute;
    top: 89px;
    left: -71px;
    width: 114px;
    line-height: 28px;
    font-family: GraublauSansDisplayRegular;
    font-size: 19px;
    padding-bottom: 6px;
    z-index: 1;
    text-align: left;
    transform: rotate(-90deg)
}

.reports .main .games .itemGame .game-wrapper .download_rating {
    width: 21px;
    position: absolute;
    right: 16px;
    bottom: 60px;
    z-index: 1
}

.reports .main .games .itemGame .game-wrapper .open-description {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1
}

.reports .main .games .itemGame .game-wrapper .close-description {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1
}

.reports .main .games .itemGame .game-wrapper .description {
    display: none;
    line-height: 1;
    overflow: auto
}

.reports .main .games .itemGame .game-wrapper .description h1 {
    margin: 0 0 4px 0
}

.reports .main .games .itemGame .game-wrapper .description p {
    margin: 0 0 3px 0
}

.reports .main .games .itemGame .game-wrapper .top {
    border-radius: 5px 5px 0 0;
    padding: 15px;
    font-family: "GraublauSansDispLt";
    position: relative;
    background-color: #ff0001;
    min-height: 140px
}

.reports .main .games .itemGame .game-wrapper .top .game_label {
    font-size: 15px;
    font-family: "GraublauSansDispLtIt"
}

.reports .main .games .itemGame .game-wrapper .top .game_label p {
    margin: 0
}

.reports .main .games .itemGame .game-wrapper .top .game_label span {
    margin: 0;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}

.reports .main .games .itemGame .game-wrapper .top .game_name {
    font-family: "GraublauSansDispBd";
    font-size: 22px;
    margin-bottom: 9px;
    display: flex;
    align-items: flex-start
}

.reports .main .games .itemGame .game-wrapper .top .game_name span {
    display: block
}

.reports .main .games .itemGame .game-wrapper .top .game_name span.num {
    position: relative;
    padding-bottom: 12px;
    line-height: 27px;
    font-size: 21px;
    min-width: 20px
}

.reports .main .games .itemGame .game-wrapper .top .game_name span.num:before {
    height: 4px;
    width: 20px;
    position: absolute;
    content: "";
    bottom: 0;
    background-color: #000
}

.reports .main .games .itemGame .game-wrapper .top .map-link {
    margin-bottom: 7px
}

.reports .main .games .itemGame .game-wrapper .top span img {
    margin-right: 10px;
    display: inline-block
}

.reports .main .games .itemGame .game-wrapper .bottom {
    font-family: "GraublauSansDisplayRegular";
    width: 100%;
    background-color: #e10000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    border-radius: 0 0 5px 5px
}

.reports .main .games .itemGame .game-wrapper .bottom li .roundBtn {
    width: 144px;
    padding: 3px 0
}

.reports .main .games .itemGame .game-wrapper .no_reports {
    min-height: 206px;
    width: 220px;
    max-width: 220px;
    background-color: #252c3e;
    border-radius: 5px;
    padding: 30px 10px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "GraublauSansDisplayRegular"
}

.reports .main .games .itemGame .game-wrapper .no_reports li {
    text-align: center
}

.reports .main .games .itemGame .game-wrapper .no_reports .middle img {
    margin-bottom: 18px
}

.reports .main .games .pagination {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1100px
}

@media (max-width: 767px) {
    .reports .main .games .pagination {
        flex-wrap: wrap
    }
}

.reports .main .games .pagination .next,
.reports .main .games .pagination .last,
.reports .main .games .pagination .first,
.reports .main .games .pagination .prev {
    padding: 8px;
    height: 35px;
    width: initial;
    display: flex;
    align-items: center;
    position: initial;
    border-radius: 20px
}

.reports .main .games .pagination .next:before,
.reports .main .games .pagination .last:before,
.reports .main .games .pagination .first:before,
.reports .main .games .pagination .prev:before {
    content: none
}

.reports .main .games .pagination span {
    color: #fff;
    opacity: 0.6;
    border: 1px solid;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px
}

.reports .main .games .pagination span a {
    color: #fff
}

.reports .main .games .pagination .current {
    color: #fff;
    opacity: 1;
    border: 1px solid;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.leagues {
    background-image: url(/assets/champion_leagues/bg_decor-f37fb6d0779cacd94c9be2002968543145a14517fae59af8c82ca4693f2693d7.png);
    background-size: 100% 100%
}

.leagues .left_weather {
    position: absolute;
    left: -64px;
    top: 15px
}

@media (max-width: 767px) {
    .leagues .left_weather {
        display: none
    }
}

.leagues .right_weather {
    position: absolute;
    right: -91px;
    top: 12px
}

@media (max-width: 767px) {
    .leagues .right_weather {
        display: none
    }
}

.leagues__tag {
    display: none
}

@media (max-width: 767px) {
    .leagues__tag {
        display: block;
        position: absolute;
        top: 124px;
        font-size: 16px;
        line-height: 1.05;
        font-family: "GraublauSlab-Bold";
        color: #fff
    }

    .leagues__tag span {
        color: #000
    }

    .leagues__tag--left {
        right: calc(50% - 64px)
    }

    .leagues__tag--right {
        display: none
    }
}

@media (min-width: 768px) {
    .leagues__tag {
        display: block;
        position: absolute;
        top: 708px;
        font-size: 16px;
        line-height: 1.05;
        font-family: "GraublauSlab-Bold";
        color: #fff;
        transform: rotate(-90deg)
    }

    .leagues__tag span {
        color: #000
    }

    .leagues__tag--left {
        right: calc(50% + 543px)
    }

    .leagues__tag--right {
        left: calc(50% + 532px)
    }
}

@media (min-width: 992px) {
    .leagues__tag {
        top: calc(50% - 138px)
    }
}

.leagues-header {
    font-family: "GraublauSansDisplayRegular"
}

.leagues-header__seven-bg {
    width: 430px;
    height: 498px;
    background-image: url(/assets/champion_leagues/bg_decor_8-8f30bc1367d7c2c60b345bfa821edac3db569b4d86e73402ab8e1793cf48b2a1.png);
    position: absolute;
    top: -169px;
    left: 345px;
    z-index: 0
}

@media (max-width: 767px) {
    .leagues-header__seven-bg {
        display: none
    }
}

.leagues-header__item {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% 100%;
    padding-bottom: 33px;
    margin-top: 120px
}

@media (max-width: 767px) {
    .leagues-header__item {
        background-size: 72% 42%;
        max-width: 386px;
        margin: 120px auto 0
    }
}

@media (min-width: 768px) {
    .leagues-header__item {
        background-size: 100% 96%
    }
}

@media (min-width: 992px) {
    .leagues-header__item {
        background-size: 100% 100%
    }
}

.leagues-header__title {
    font-family: "GraublauSlab-Heavy";
    margin: 0;
    color: #fff;
    text-shadow: 12px 10px 14px rgba(0, 0, 0, 0.1);
    z-index: 10;
    position: relative
}

@media (max-width: 767px) {
    .leagues-header__title {
        font-size: 48px;
        line-height: 33px;
        padding: 40px 0 0 0
    }
}

@media (min-width: 768px) {
    .leagues-header__title {
        font-size: 70px;
        padding: 22px 0 0 0
    }
}

@media (min-width: 992px) {
    .leagues-header__title {
        font-size: 100px;
        line-height: 94px;
        padding: 40px 0 0 0
    }
}

@media (min-width: 1200px) {
    .leagues-header__title {
        font-size: 120px;
        line-height: 100px;
        padding: 40px 0 0 0
    }
}

.leagues-header__description-wrapper {
    display: flex;
    flex-direction: column;
    z-index: 10;
    position: relative;
    margin-top: 110px
}

@media (max-width: 767px) {
    .leagues-header__description-wrapper {
        margin-top: 10px
    }
}

.leagues-header__description {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    max-width: 570px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .leagues-header__description {
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        padding: 20px 0 0 0
    }
}

@media (min-width: 992px) {
    .leagues-header__description {
        font-size: 18px;
        padding: 19px 0 0 0
    }
}

@media (min-width: 1200px) {
    .leagues-header__description {
        font-size: 18px;
        padding: 10px 0 0 0
    }
}

.leagues-header__description-date {
    color: #fff;
    font-size: 48px;
    font-family: "GraublauSlab-Bold";
    padding: 25px 0 0 0;
    margin: 0
}

@media (max-width: 767px) {
    .leagues-header__description-date {
        font-size: 30px;
        line-height: 19px;
        padding: 10px 0 0 0
    }
}

@media (min-width: 992px) {
    .leagues-header__description-date {
        font-size: 48px;
        padding: 15px 0 0 0
    }
}

@media (min-width: 1200px) {
    .leagues-header__description-date {
        font-size: 48px;
        padding: 25px 0 0 0
    }
}

.leagues-header .btn-red {
    display: block;
    width: 270px;
    height: 60px;
    background-color: #fe0000;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;
    padding: 18px 0 10px
}

@media (max-width: 767px) {
    .leagues-header .btn-red {
        width: 150px;
        height: 50px;
        margin: 30px auto 0;
        padding: 13px 0 10px
    }
}

@media (min-width: 768px) {
    .leagues-header .btn-red {
        margin: 20px auto 0 auto
    }
}

@media (min-width: 992px) {
    .leagues-header .btn-red {
        margin: 20px auto 0 auto
    }
}

@media (min-width: 1200px) {
    .leagues-header .btn-red {
        margin: 35px auto 0 auto
    }
}

.leagues-header__done-reg {
    margin: 35px auto 0 auto;
    font-size: 18px;
    color: #fff
}

.leagues-main {
    font-family: "GraublauSansDisplayRegular";
    max-width: 866px;
    margin: 50px auto 0;
    padding-bottom: 160px;
    font-size: 18px
}

@media (max-width: 767px) {
    .leagues-main {
        margin: 40px auto 0
    }
}

.leagues-main .all_games_wrapper {
    padding-bottom: 120px
}

.leagues-main .all_games_wrapper h2 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-family: "GraublauSlab-Bold"
}

.leagues-main .all_games_wrapper .one-quarter-games {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.leagues-main .all_games_wrapper .one-half-games {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.leagues-main .all_games_wrapper .final-games {
    display: flex;
    justify-content: center
}

.leagues-main__item-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%
}

.leagues-main__item {
    width: 260px;
    margin: 0px 0 83px 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    color: #fff;
    height: 290px;
    border-left: 2px solid #ffff33;
    border-right: 2px solid #ffff33;
    border-bottom: 2px solid #ffff33;
    padding-bottom: 30px;
    border-radius: 4px
}

.leagues-main__item p {
    margin: 0
}

.leagues-main__item:nth-child(-n+6) {
    display: none
}

.leagues-main__item::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    width: 90px;
    border-top: 2px solid #ffff33
}

.leagues-main__item::before {
    content: '';
    position: absolute;
    right: 0%;
    top: 0;
    width: 90px;
    border-top: 2px solid #ffff33
}

.leagues-main__item:nth-child(3n) {
    margin: 0px 0 30px 0
}

.leagues-main__basket-number {
    text-align: center;
    position: absolute;
    top: -33px;
    left: 35%;
    background: transparent;
    width: 77px;
    font-size: 60px;
    font-family: "GraublauSlab-Heavy";
    color: #fffe32;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.leagues-main__basket-number span {
    font-size: 18px
}

.leagues-main__team-count {
    font-family: "GraublauSlab-HeavyItalic";
    font-size: 150px;
    line-height: 1;
    margin: 0
}

.leagues-main__team-link {
    margin: 5px 0 0 0;
    border-bottom: 1px solid #000;
    color: #fff;
    line-height: 1;
    opacity: 0.7
}

.leagues-main__team-link:hover {
    color: #fff
}

.leagues-main__winners-wrapper {
    width: 100%
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper {
        margin-top: 80px
    }
}

.leagues-main__winners-wrapper .win-basket {
    width: 418px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: #fff;
    min-height: 245px;
    border-left: 2px solid #33ffff;
    border-right: 2px solid #33ffff;
    border-bottom: 2px solid #33ffff;
    border-radius: 4px;
    padding: 60px 10px 30px
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .win-basket {
        width: 260px
    }
}

.leagues-main__winners-wrapper .win-basket:after {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    width: 173px;
    border-top: 2px solid #33ffff
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .win-basket:after {
        width: 90px
    }
}

.leagues-main__winners-wrapper .win-basket:before {
    content: '';
    position: absolute;
    right: 0%;
    top: 0;
    width: 173px;
    border-top: 2px solid #33ffff
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .win-basket:before {
        width: 90px
    }
}

.leagues-main__winners-wrapper .win-basket .star {
    width: 46px;
    position: absolute;
    top: -77px;
    left: 45%
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .win-basket .star {
        left: 41.5%
    }
}

.leagues-main__winners-wrapper .win-basket .position {
    text-align: center;
    position: absolute;
    top: -33px;
    left: 41%;
    background: transparent;
    width: 77px;
    font-size: 60px;
    font-family: "GraublauSlab-Heavy";
    color: #33ffff;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.leagues-main__winners-wrapper .win-basket .position span {
    font-size: 18px
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .win-basket .position {
        left: 35%
    }
}

.leagues-main__winners-wrapper .win-basket .team-name {
    font-family: "GraublauSlab-Heavy";
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-top: 15px
}

.leagues-main__winners-wrapper .win-basket .team-image {
    height: 66px
}

.leagues-main__winners-wrapper .winner {
    margin: 0 auto
}

.leagues-main__winners-wrapper .winners2 {
    display: flex;
    margin-top: 45px
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .winners2 {
        flex-direction: column;
        align-items: center
    }
}

.leagues-main__winners-wrapper .winners2 .win-basket .position {
    color: #33ffff
}

.leagues-main__winners-wrapper .winners2 .win-basket:first-child {
    margin-right: 30px
}

@media (max-width: 767px) {
    .leagues-main__winners-wrapper .winners2 .win-basket:first-child {
        margin-right: 0;
        margin-bottom: 45px
    }
}

.leagues-table-main__wrapper {
    font-size: 17px;
    line-height: 21px;
    padding-bottom: 160px
}

.leagues-table-main__date {
    margin-bottom: 120px;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .leagues-table-main__date {
        flex-direction: column;
        align-items: center
    }
}

.leagues-table-main__date a {
    color: #fff;
    border-bottom: 1px dotted #fff;
    margin-right: 18px
}

@media (max-width: 767px) {
    .leagues-table-main__date a {
        margin-right: 0
    }
}

.leagues-table-main__date a:last-child {
    margin-right: 0
}

.leagues-table-main__basket {
    width: 1050px;
    border-left: 1px solid #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    margin: 0 auto 150px;
    justify-content: space-between
}

@media (max-width: 767px) {
    .leagues-table-main__basket {
        width: 100vw;
        padding-top: 20px;
        border-left: none;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .leagues-table-main__basket {
        width: 768px
    }
}

@media (min-width: 992px) {
    .leagues-table-main__basket {
        width: 1050px
    }
}

.leagues-table-main__basket li {
    flex-basis: 520px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .leagues-table-main__basket li {
        flex-direction: column;
        flex-basis: 363px;
        margin: 0 auto 20px
    }
}

.leagues-table-main__venki {
    flex-basis: 220px;
    margin-right: 20px;
    text-align: right
}

@media (max-width: 767px) {
    .leagues-table-main__venki {
        flex-basis: auto;
        margin: 0 auto
    }
}

.leagues-table-main__team {
    flex-basis: 300px;
    margin-top: 12px;
    text-align: left
}

@media (max-width: 767px) {
    .leagues-table-main__team {
        flex-basis: auto;
        text-align: center
    }
}

.leagues-table-main__team a {
    color: #fff;
    font-size: 18px;
    font-family: GraublauSans-Semibold
}

.leagues-table-main__game-date {
    position: absolute;
    top: -116px;
    left: -48px;
    padding-top: 23px;
    width: 100px;
    font-family: GraublauSlab-HeavyItalic;
    font-size: 97px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

@media (max-width: 767px) {
    .leagues-table-main__game-date {
        left: initial;
        width: 100vw
    }
}

.leagues-table-main__game-date span {
    font-size: 18px;
    font-family: GraublauSansDisplayRegular
}

.champion_table_bg {
    background-image: none
}

.champions_table_background {
    background-image: url(/champion_leagues/bg_table.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-color: purple
}

.topInfo.champion_table h1 {
    padding-bottom: 40px
}

.championTableSec .mainWrap {
    max-width: 1050px;
    margin-bottom: 0
}

.championTableSec .mainWrap .contentWrap {
    max-width: 1050px
}

.championTableSec .mainWrap .wrapCenter {
    margin: 45px auto;
    margin-bottom: 45px;
    width: 320px;
    height: 80px;
    background: red;
    font-family: GraublauSlab-BoldItalic;
    font-size: 48px;
    padding: 6px 0 0 0
}

.championTableSec .mainWrap .date_games {
    margin-bottom: 120px;
    display: flex;
    justify-content: center
}

.championTableSec .mainWrap .date_games a {
    color: #fff;
    border-bottom: 1px dotted #fff;
    margin-right: 18px
}

.championTableSec .mainWrap .date_games a:last-child {
    margin-right: 0
}

.championTableSec .mainWrap .champion_bask {
    width: 1050px;
    border-left: 1px solid #000;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    margin-left: 6px;
    margin-bottom: 150px;
    justify-content: space-between
}

.championTableSec .mainWrap .champion_bask li {
    flex-basis: 520px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.championTableSec .mainWrap .champion_bask li .venki {
    flex-basis: 220px;
    margin-right: 20px;
    text-align: right
}

.championTableSec .mainWrap .champion_bask li .team_name {
    flex-basis: 300px;
    margin-top: 12px;
    text-align: left
}

.championTableSec .mainWrap .champion_bask li .team_name a {
    color: #fff;
    font-size: 18px;
    font-family: GraublauSans-Semibold
}

.championTableSec .mainWrap .champion_bask .game_date {
    position: absolute;
    top: -116px;
    left: -48px;
    padding-top: 23px;
    width: 100px;
    font-family: GraublauSlab-HeavyItalic;
    font-size: 97px;
    line-height: 40px
}

.championTableSec .mainWrap .champion_bask .game_date span {
    font-size: 18px;
    font-family: GraublauSansDisplayRegular
}

#championship_wrap {
    background-image: url(/assets/championship/bg-d32e6ede69b51f4c565661c1053c201b532dc6381f3149567e19f9d1254f50f6.png);
    background-size: 100% 100%;
    padding-left: 121px;
    padding-bottom: 65px;
    position: relative;
    min-height: 100vh
}

@media (max-width: 767px) {
    #championship_wrap {
        padding: 0 20px 110px
    }
}

#championship_wrap .errors {
    display: none;
    width: 300px;
    margin-bottom: 30px;
    color: red;
    border: 2px solid red;
    padding: 5px;
    font-family: "GraublauSans-Bold";
    font-size: 20px
}

@media (max-width: 767px) {
    #championship_wrap .errors {
        margin-bottom: 3px;
        width: inherit
    }
}

#championship_wrap:before {
    content: "";
    background-image: url(/assets/championship/wreath-2-59a24300d86ac2a58ca16e1c2763c15a9ab333456aea28e9804add6e442ec644.png);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    width: 716px;
    height: 369px;
    position: absolute;
    top: 0;
    right: 321px;
    z-index: 0
}

@media (max-width: 767px) {
    #championship_wrap:before {
        content: none
    }
}

#championship_wrap:after {
    content: "";
    background-image: url(/assets/championship/wreath-1-c7061d06313b153095b1ba037d8e863dcbb46760d866a1497dec33a57a289d9d.png);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    width: 646px;
    height: 650px;
    position: absolute;
    bottom: 0;
    right: 66px;
    z-index: 0
}

@media (max-width: 767px) {
    #championship_wrap:after {
        content: none
    }
}

#championship_wrap .header_wrap {
    display: flex;
    align-items: center;
    padding-top: 111px;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #championship_wrap .header_wrap {
        padding-top: 20px
    }
}

#championship_wrap .header_wrap p {
    font-family: "GraublauSans-Bold";
    font-size: 20px;
    line-height: 90%;
    color: #fff;
    margin: 0;
    padding-left: 10px
}

#championship_wrap .header_wrap span {
    padding-left: 10px;
    color: #D38454
}

#championship_wrap h1.title {
    font-family: "GraublauSlab-Heavy";
    font-size: 34px;
    line-height: 120%;
    color: #FFFFFF;
    margin-top: 53px;
    margin-bottom: 141px;
    z-index: 1000;
    position: relative
}

@media (max-width: 767px) {
    #championship_wrap h1.title {
        margin-top: 43px;
        padding-bottom: 30px;
        margin-bottom: 26px;
        font-size: 20px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.1)
    }
}

#championship_wrap .reg_wrap {
    z-index: 10;
    position: relative
}

#championship_wrap .reg_wrap .step {
    flex-direction: column
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step {
        justify-content: space-between
    }
}

#championship_wrap .reg_wrap .step .description {
    font-family: "GraublauSans-Bold";
    font-size: 38px;
    line-height: 90%;
    color: #D38454;
    margin-bottom: 66px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step .description {
        font-size: 24px;
        line-height: 110%;
        margin-bottom: 25px
    }
}

#championship_wrap .reg_wrap .step .btns-wrap {
    display: flex;
    margin-top: 50px;
    align-items: center
}

#championship_wrap .reg_wrap .step .btns-wrap .next-btn {
    width: 224px;
    height: 52px;
    background-color: rgba(211, 132, 84, 0.5);
    border: 2px solid #D38454;
    border-radius: 8px;
    color: #fff;
    font-family: "GraublauSans-Semibold";
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 24px;
    cursor: pointer
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step .btns-wrap .next-btn {
        width: 154px
    }
}

#championship_wrap .reg_wrap .step .btns-wrap .next-btn .dots {
    display: flex
}

#championship_wrap .reg_wrap .step .btns-wrap .next-btn .dots .dot {
    background: #22222D;
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 50%;
    margin: 0 3px
}

#championship_wrap .reg_wrap .step .btns-wrap .next-btn .dots .dot.orange {
    background: #D38454
}

#championship_wrap .reg_wrap .step .btns-wrap .next-btn:hover {
    background-color: #D38454
}

#championship_wrap .reg_wrap .step .btns-wrap .back-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #bbbbbe;
    position: relative;
    margin-left: 42px;
    cursor: pointer
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step .btns-wrap .back-btn {
        width: 52px;
        height: 52px;
        margin-left: 74px;
        border-radius: 10px;
        border: 2px solid rgba(187, 187, 190, 0.1)
    }
}

#championship_wrap .reg_wrap .step .btns-wrap .back-btn:before {
    content: "";
    background-image: url(/assets/championship/left-9dcbaea69958d886e2fe7527899514bda9d9120a4b639ecda82ae2ad98524744.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 17px;
    position: absolute;
    bottom: 11px;
    right: 15px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step .btns-wrap .back-btn:before {
        bottom: 14px;
        right: 19px
    }
}

#championship_wrap .reg_wrap .step .btns-wrap .back-btn:hover {
    background-color: #fff;
    border: 2px solid #bbbbbe
}

#championship_wrap .reg_wrap .step .btns-wrap .back-btn:hover:before {
    background-image: url(/assets/championship/left-hover-0318130d9e7572246fd645a4afbd2499ab787adbd277c7a4c72466a026d0cd0f.png)
}

#championship_wrap .reg_wrap .step1 .input {
    font-family: "GraublauSans-Regular";
    font-size: 40px;
    line-height: 47px;
    width: 650px;
    background: inherit;
    color: #fff;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step1 .input {
        width: 280px;
        font-size: 20px;
        line-height: 23px;
        margin: 0 auto;
        display: block;
        padding: 14px 20px
    }
}

#championship_wrap .reg_wrap .step1 .team_name_wrapper {
    position: relative
}

#championship_wrap .reg_wrap .step1 .team_name_wrapper .hints {
    background-color: #42424C;
    position: relative;
    top: 15px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step1 .team_name_wrapper .hints {
        margin: 0 auto
    }
}

#championship_wrap .reg_wrap .step1 .team_name_wrapper .hints p {
    min-height: 66px;
    padding: 5px;
    word-break: break-word;
    font-family: "GraublauSans-Regular";
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    margin: 0;
    border-bottom: 2px solid #54545E;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

#championship_wrap .reg_wrap .step1 .team_name_wrapper .hints .close_hints {
    font-family: "GraublauSans-Semibold";
    font-size: 15px;
    line-height: 18px;
    color: #D38454;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 54px
}

#championship_wrap .reg_wrap .step1 .team_name_wrapper .hints .close_hints.border {
    border-bottom: 2px solid #54545E
}

#championship_wrap .reg_wrap .step1 .mobil-text {
    display: none
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step1 .mobil-text {
        display: block;
        font-family: "GraublauSans-Regular";
        font-size: 13px;
        line-height: 140%;
        color: #A8A8A8;
        margin: 28px 0
    }
}

#championship_wrap .reg_wrap .step1 .mobil-text a {
    color: #A8A8A8;
    text-decoration: underline
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step1 .btns-wrap {
        margin-top: 0
    }
}

#championship_wrap .reg_wrap .step2 {
    display: none
}

#championship_wrap .reg_wrap .step2 .phone_wrap {
    display: flex
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step2 .phone_wrap {
        justify-content: center
    }
}

#championship_wrap .reg_wrap .step2 .phone_wrap .input {
    position: relative;
    font-family: "GraublauSans-Regular";
    font-size: 40px;
    line-height: 47px;
    width: 341px;
    background: inherit;
    color: #fff;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 10px;
    padding-left: 14px
}

#championship_wrap .reg_wrap .step2 .phone_wrap .input::placeholder {
    color: #5D5D73
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step2 .phone_wrap .input {
        width: 222px;
        font-size: 30px;
        line-height: 35px;
        margin: 0;
        display: block;
        padding: 14px 20px;
        border-radius: 0
    }
}

#championship_wrap .reg_wrap .step2 .phone_wrap .before_input {
    position: relative;
    font-family: "GraublauSans-Regular";
    line-height: 47px;
    font-size: 40px;
    width: 73px;
    border-bottom: 2px solid #FFFFFF;
    padding: 0 18px 10px 6px;
    margin: 0;
    letter-spacing: 5px;
    color: #5D5D73
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step2 .phone_wrap .before_input {
        font-size: 30px;
        line-height: 35px;
        padding: 14px 10px;
        letter-spacing: 5px
    }
}

#championship_wrap .reg_wrap .step2 .phone_wrap .before_input:before {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #5D5D73;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .step2 .btns-wrap {
        margin-top: 93px;
        justify-content: space-between
    }
}

#championship_wrap .reg_wrap .final .when_wrap {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .when_wrap {
        border: 2px solid #454558;
        box-sizing: border-box;
        border-radius: 10px;
        padding: 23px 40px 20px 19px;
        flex-direction: column;
        align-items: normal
    }
}

#championship_wrap .reg_wrap .final .when_wrap .when {
    display: flex;
    border: 2px solid #D38454;
    border-radius: 30px;
    padding: 10px 15px;
    font-family: "GraublauSans-Semibold";
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .when_wrap .when {
        justify-content: space-between;
        border: none;
        padding: 0;
        font-size: 18px;
        line-height: 21px;
        padding-bottom: 24px
    }
}

#championship_wrap .reg_wrap .final .when_wrap .when .dd {
    margin-right: 15px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .when_wrap .when .dd {
        margin-right: 0
    }
}

#championship_wrap .reg_wrap .final .when_wrap .place {
    display: flex;
    justify-content: space-between;
    font-family: "GraublauSans-Regular";
    color: #FFFFFF;
    opacity: 0.5;
    margin-left: 30px;
    font-size: 20px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .when_wrap .place {
        font-size: 16px;
        line-height: 19px;
        margin-left: 0
    }
}

#championship_wrap .reg_wrap .final .when_wrap .place .name {
    margin-right: 20px
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .when_wrap .place .name {
        margin-right: 0
    }
}

#championship_wrap .reg_wrap .final .when_wrap .place .map {
    text-decoration: underline
}

#championship_wrap .reg_wrap .final .when_wrap .place .map a {
    color: #FFFFFF
}

#championship_wrap .reg_wrap .final .btns-wrap .sp-link {
    width: 247px;
    height: 52px;
    background-color: rgba(211, 132, 84, 0.5);
    border: 2px solid #D38454;
    border-radius: 8px;
    color: #fff;
    font-family: "GraublauSans-Semibold";
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 24px;
    margin-right: 50px
}

#championship_wrap .reg_wrap .final .btns-wrap .sp-link:hover {
    background-color: #D38454
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .btns-wrap .sp-link {
        width: 182px
    }
}

#championship_wrap .reg_wrap .final .btns-wrap .default-link {
    font-family: "GraublauSans-Semibold";
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #championship_wrap .reg_wrap .final .btns-wrap .default-link {
        display: none
    }
}

#championship_wrap .link-b {
    display: block;
    margin: 119px 0 0;
    font-family: "GraublauSans-Regular";
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #A8A8A8;
    cursor: pointer
}

@media (max-width: 767px) {
    #championship_wrap .link-b {
        display: none
    }
}

#championship_wrap .mob-l {
    display: none
}

@media (max-width: 767px) {
    #championship_wrap .mob-l {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block
    }
}

#championship_wrap .mob-r {
    display: none
}

@media (max-width: 767px) {
    #championship_wrap .mob-r {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block
    }
}

.topInfo.parlay {
    background-color: #FF0001
}

.parlaySec {
    font-family: GraublauSansDisplayRegular;
    background-color: #181B23;
    padding: 50px 0 0
}

.parlaySec ::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.parlaySec ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

.parlaySec ::-webkit-scrollbar-thumb {
    background: #262c38;
    border: 0px none #ffffff;
    border-radius: 50px
}

.parlaySec ::-webkit-scrollbar-thumb:hover {
    background: #262c38
}

.parlaySec ::-webkit-scrollbar-thumb:active {
    background: #262c38
}

.parlaySec ::-webkit-scrollbar-track {
    background: #12151c;
    border: 0px none #ffffff;
    border-radius: 50px
}

.parlaySec ::-webkit-scrollbar-track:hover {
    background: #12151c
}

.parlaySec ::-webkit-scrollbar-track:active {
    background: #12151c
}

.parlaySec ::-webkit-scrollbar-corner {
    background: transparent
}

.parlaySec .mainWrap {
    max-width: 1100px;
    flex-direction: column;
    justify-content: space-between
}

.parlaySec .mainWrap .species_game {
    position: relative;
    margin: 25px 0 25px 12px;
    font-size: 18px
}

.parlaySec .mainWrap .species_game .name {
    font-size: 22px;
    margin: 0 12px;
    color: #fff;
    line-height: 1
}

.parlaySec .mainWrap .species_game .credit {
    background-color: #fe0000;
    margin-bottom: 18px;
    color: #fff;
    width: 500px;
    margin: 0 auto
}

.parlaySec .mainWrap .species_game .credit .text {
    margin: 24px 0 10px 0
}

.parlaySec .mainWrap .species_game .credit .link {
    color: #fff;
    line-height: 1;
    border-bottom: 1px solid #fff;
    font-size: 12px
}

.parlaySec .mainWrap .species_game .credit .sum {
    margin: 10px 0 15px;
    font-family: GraublauSansDispay-BoldItalic;
    font-size: 83px;
    line-height: 1
}

.parlaySec .mainWrap .species_game .credit .btnBlue {
    width: 106px;
    font-size: 12px;
    padding: 8.5px 0
}

.parlaySec .mainWrap .top_tb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.parlaySec .mainWrap .top_tb .left {
    background-color: #12151b;
    width: 100%;
    max-width: 820px;
    border-radius: 8px;
    color: #fff
}

.parlaySec .mainWrap .top_tb .left .navTeamSuccess {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.parlaySec .mainWrap .top_tb .left .navTeamSuccess li {
    flex: 1 1 auto;
    text-align: center
}

.parlaySec .mainWrap .top_tb .left .navTeamSuccess li a {
    color: #999999;
    display: block;
    border-bottom: 2px solid rgba(42, 42, 42, 0.4);
    transition: border .4s;
    padding: 18px 0 12px;
    font-family: GraublauSansDisplayRegular;
    font-size: 18px;
    transition: border .4s
}

.parlaySec .mainWrap .top_tb .left .navTeamSuccess li.active a {
    color: #fff;
    border-bottom: 2px solid #FF0001;
    font-weight: 200
}

.parlaySec .mainWrap .top_tb .left .navTeamSuccess li:hover a {
    border-bottom: 2px solid #2c303b
}

.parlaySec .mainWrap .top_tb .left .tab-content {
    padding: 0 0 15px 0
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_who_win {
    height: 429px;
    overflow-y: auto
}

.parlaySec .mainWrap .top_tb .left .tab-content .pass_final {
    height: 429px;
    overflow-y: auto
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express {
    font-size: 14px;
    text-align: center;
    display: none
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .parlay1 {
    margin: 25px 0
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .controll {
    margin-bottom: 30px
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .controll .stav {
    width: 50px;
    background: transparent;
    color: #fff;
    text-align: center;
    border: none
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .controll .amount_control {
    background: transparent;
    border-radius: 50%;
    border: 2px solid #fff;
    height: 30px;
    width: 30px;
    padding: 0
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .controll .diactive {
    border: 2px solid #313131;
    color: #313131;
    transform: rotate(-45deg)
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .wrapSelectCityMonth .wrapper-dropdown {
    width: 320px;
    margin: 10px auto;
    font-size: 17px
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .ratio {
    font-size: 12px;
    color: #5b5b5b;
    font-family: GraublauSansDispLtIt
}

.parlaySec .mainWrap .top_tb .left .tab-content .parlay_express .add_express {
    margin: 30px auto;
    padding: 4px 0 2px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane thead {
    margin-bottom: 15px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane thead tr {
    border-bottom: 2px solid #1a1e27
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane thead tr th {
    text-align: center;
    padding: 20px 2px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane thead tr th:first-child {
    padding-left: 20px;
    max-width: 390px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody {
    color: #fff
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td {
    padding: 16px;
    text-align: center
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .radio_round {
    position: relative;
    cursor: pointer;
    padding: 12px 16px;
    z-index: 9
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .radio_wrap {
    position: relative
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .range_lab {
    padding-left: 98px;
    padding-right: 0px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .check {
    display: block;
    position: absolute;
    border: 2px solid #757575;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 2px;
    left: 15px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td input[type=radio]:checked~.check {
    border: 2px solid #fff
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td input[type=radio]:checked~.check::before {
    background: #fff
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .check_range {
    left: 39px;
    top: 14px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .radio_deactive {
    -webkit-box-shadow: -2px -2px 68px 5px #f50a0a;
    -moz-box-shadow: -2px -2px 68px 5px #f50a0a;
    box-shadow: -2px -2px 68px 5px #f50a0a
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .stav {
    width: 50px;
    background: transparent;
    color: #fff;
    text-align: center;
    border: none
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .amount_control {
    background: transparent;
    border-radius: 50%;
    border: 2px solid #fff;
    height: 30px;
    width: 30px;
    padding: 0
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr td .diactive {
    border: 2px solid #313131;
    color: #313131;
    transform: rotate(-45deg)
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr .team_name {
    display: flex
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr .team_name .image {
    flex-basis: 149px;
    margin-right: 20px;
    height: 30px;
    text-align: right
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr .team_name .image img {
    height: 100%
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr .team_name .name {
    flex-basis: 234px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane tbody tr .team_name .name::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(18, 21, 28, 0.1), #12151c 100%);
    background: -webkit-linear-gradient(left, rgba(18, 21, 28, 0.1), #12151c 100%);
    background: -o-linear-gradient(left, rgba(18, 21, 28, 0.1), #12151c 100%);
    background: -ms-linear-gradient(left, rgba(18, 21, 28, 0.1), #12151c 100%);
    background: linear-gradient(to right, rgba(18, 21, 28, 0.1), #12151c 100%)
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane .rating-position tbody tr td .value_points {
    display: flex;
    flex-direction: column;
    margin-left: 100px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane .rating-position tbody tr td .value_points .radio_round {
    margin-bottom: 35px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane .rating-position tbody tr td .value_points .radio_round:last-child {
    margin-bottom: 0
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane .rating-position tbody tr td .value_points .radio_round:before {
    left: -41px;
    top: -2px
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane .help-express {
    margin-top: 50px;
    text-align: center
}

.parlaySec .mainWrap .top_tb .left .tab-content .tab-pane .text-left {
    text-align: left
}

.parlaySec .mainWrap .top_tb .right .widget {
    font-family: GraublauSansDisplayRegular;
    font-size: 18px;
    margin: 0;
    width: 260px;
    height: 240px;
    justify-content: flex-start
}

.parlaySec .mainWrap .top_tb .right .credit {
    background-color: #fe0000;
    margin-bottom: 18px;
    color: #fff
}

.parlaySec .mainWrap .top_tb .right .credit .text {
    margin: 24px 0 10px 0
}

.parlaySec .mainWrap .top_tb .right .credit .link {
    color: #fff;
    line-height: 1;
    border-bottom: 1px solid #fff;
    font-size: 12px
}

.parlaySec .mainWrap .top_tb .right .credit .sum {
    margin: 10px 0 15px;
    font-family: GraublauSansDispay-BoldItalic;
    font-size: 83px;
    line-height: 1
}

.parlaySec .mainWrap .top_tb .right .credit .btnBlue {
    width: 106px;
    font-size: 12px;
    padding: 8.5px 0
}

.parlaySec .mainWrap .top_tb .right .sertif {
    background-color: #12151c
}

.parlaySec .mainWrap .top_tb .right .sertif p {
    color: #fff;
    margin: 24px 0 0 0
}

.parlaySec .mainWrap .top_tb .right .sertif img {
    width: 190px;
    margin: 10px 0 18px 0
}

.parlaySec .mainWrap .top_tb .right .sertif .roundBtn {
    padding: 4px 0 2px;
    width: 160px;
    font-size: 12px
}

.parlaySec .description {
    font-family: GraublauSlab-Heavy;
    text-align: center;
    color: #fff;
    margin: 0
}

.parlaySec .description h2 {
    margin-bottom: 0
}

.parlaySec .itemsBg {
    padding: 75px 0
}

.parlaySec .itemsWrap {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: row
}

.parlaySec .itemsWrap .wrapSert {
    margin: 0 50px 0 0
}

.parlaySec .itemsWrap .wrapSert-last {
    margin: 0
}

.parlaySec .itemsWrap .itemSert ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 5px
}

.parlaySec .itemsWrap .itemSert ul li {
    color: #fff;
    font-family: GraublauSansDisplayRegular;
    font-size: 12px
}

.parlaySec .itemsWrap .itemSert ul li:first-child {
    line-height: 23px;
    margin-right: 9px
}

.parlaySec .itemsWrap .itemSert ul li:first-child span {
    font-size: 34px;
    font-family: GraublauSansDispay-BoldItalic;
    letter-spacing: 1.5px
}

.parlaySec .itemsWrap .itemSert ul li:last-child {
    margin-left: 9px
}

.parlaySec .itemsWrap .itemSert ul .redBtn {
    padding: 22px;
    height: 44px;
    background-image: url(/assets/symbol/card-01f682bb3c0e703064bfef0eec9660cca79b58696d3d0190d0b7d687392b1d14.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.parlaySec .itemsWrap .itemSert ul .redBtn.disable {
    background-color: #cbcbcb
}

.parlaySec .itemsWrap .itemSert-last {
    margin: 0
}

.parlaySec .parlay_table .game_name {
    margin: 54px 0 15px 25px;
    color: #fff;
    font-size: 18px
}

.parlaySec .parlay_table .game_name .lose_points {
    color: #fe0000
}

.parlaySec .parlay_table .game_name span {
    padding-left: 25px
}

.parlaySec .parlay_table .win_points {
    color: #06af0e;
    position: absolute;
    top: -38px;
    right: 20px;
    font-size: 18px
}

.parlaySec .parlay_table .big_rectangle {
    position: relative;
    background-color: #12151c;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 50px
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result {
    text-align: left
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result thead {
    margin-bottom: 15px
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result thead tr {
    border-bottom: 2px solid #1a1e27
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result thead tr th {
    padding: 20px
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result tbody {
    color: #fff
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result tbody tr td {
    padding: 20px
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result tbody tr .lose_red {
    color: #fe0000
}

.parlaySec .parlay_table .big_rectangle .parlay_table_result tbody tr .win_green {
    color: #06af0e
}

.parlaySec .parlay_table .wait_result {
    color: #fff;
    padding: 50px 50px;
    font-size: 18px
}

.parlaySec .parlay_table .wait_result .head {
    color: #fbfb00;
    margin-bottom: 17px
}

.parlaySec .parlay_table .wait_result .litle {
    font-size: 12px;
    margin-bottom: 30px
}

.parlaySec .parlay_table .express_stavka p {
    margin: 0
}

.parlaySec .parlay_table .express_stavka .plus {
    margin: 0;
    color: #989898
}

.parlaySec .parlay_table .express_stavka .plus:last-child {
    display: none
}

.parlaySec .parlay_table .btn--l-gray {
    font-size: 14px;
    color: #fff;
    font-family: "GraublauSansDisplayRegular";
    width: 78px;
    margin: 0 auto 30px;
    border: 2px solid #fff;
    border-radius: 16px;
    text-align: center;
    padding: 6px 0 4px 0;
    cursor: pointer
}

@media screen and (max-width: 1250px) {
    .parlaySec .mainWrap .species_game {
        display: flex;
        flex-direction: column
    }

    .parlaySec .mainWrap .species_game a {
        width: 155px;
        text-align: center;
        margin: 5px auto
    }

    .parlaySec .mainWrap .species_game .user_points_rez {
        position: initial;
        margin: 0 auto
    }

    .parlaySec .mainWrap .top_tb {
        flex-direction: column
    }

    .parlaySec .mainWrap .top_tb .left .navTeamSuccess li a {
        padding: 16px 5px 12px;
        font-size: 14px
    }

    .parlaySec .mainWrap .top_tb .left .tab-content table thead tr th {
        vertical-align: middle
    }

    .parlaySec .mainWrap .top_tb .left .tab-content .rating-position .teamList .team_name .image {
        height: 15px
    }

    .parlaySec .mainWrap .top_tb .left .tab-content #statistic #percentAndPoints {
        overflow: auto
    }

    .parlaySec .mainWrap .top_tb .right .widget {
        margin: 20px auto
    }

    .parlaySec .itemsWrap {
        flex-direction: column
    }

    .parlaySec .itemsWrap .wrapSert {
        margin: 0 auto
    }

    .parlaySec .itemsWrap .itemSert {
        margin: 0 auto
    }

    .parlaySec .itemsWrap .itemSert img {
        margin: 0 auto
    }

    .parlaySec .parlay_table .big_rectangle {
        overflow: auto
    }
}

.topInfo.rating {
    position: relative;
    background-color: #ff0001
}

.topInfo.rating .contentWrap {
    height: initial
}

.topInfo.rating .upd_rating {
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .topInfo.rating .upd_rating {
        flex-direction: column;
        align-items: center
    }
}

.topInfo.rating .upd_rating .select_mobil {
    display: none
}

@media (max-width: 767px) {
    .topInfo.rating .upd_rating .select_mobil {
        display: block
    }
}

.topInfo.rating .upd_rating .select_mobil .combo-select .combo-arrow:before {
    left: 10px
}

@media (max-width: 767px) {
    .topInfo.rating .upd_rating .select_mobil select {
        display: none
    }
}

.topInfo.rating .upd_rating .rating_dropdown {
    font-family: GraublauSansDisplayRegular;
    font-size: 20px;
    position: relative;
    text-align: center;
    width: 175px;
    padding: 5px 0 5px 0;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 0 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #fff
}

@media (max-width: 767px) {
    .topInfo.rating .upd_rating .rating_dropdown {
        display: none !important
    }
}

.topInfo.rating .upd_rating .rating_dropdown:before {
    content: "";
    position: absolute;
    top: 34%;
    left: -8px;
    width: 34px;
    height: 28px;
    margin-top: -6px;
    background-image: url(../images/assets/dr_down.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 40%
}

.topInfo.rating .upd_rating .rating_dropdown.open:before {
    border-color: #9bc7de transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
    transform: rotate(180deg);
    background-position: bottom
}

.topInfo.rating .upd_rating .rating_dropdown .current_name {
    display: flex;
    justify-content: center;
    color: #fff;
    white-space: normal;
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu {
    border: none;
    position: initial !important;
    padding: 0;
    margin: 0
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu ul {
    position: absolute;
    right: 0;
    max-height: 220px;
    overflow: auto;
    list-style: none;
    font-weight: normal;
    z-index: 9;
    border-radius: 6px;
    text-align: center;
    font-size: 22px;
    background-color: red;
    top: 0px;
    left: 0;
    width: 100%;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu ul::-webkit-scrollbar {
    width: 6px;
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu ul:after {
    content: '';
    position: absolute;
    left: 10px;
    top: -19px;
    border: 10px solid transparent;
    border-bottom: 10px solid red
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu ul li a {
    display: block;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px;
    white-space: normal;
    width: auto;
}

.topInfo.rating .upd_rating .rating_dropdown .dropdown-menu ul li a:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

.searching {
    margin-top: 50px;
    display: flex
}

.searching .search {
    margin: 0 auto
}

@media (max-width: 767px) {
    .searching .search {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.searching .search .redInput {
    color: #e10000;
    font-size: 20px;
    max-width: 260px;
    font-family: "GraublauSansDispLt";
    transition: all .4s;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid;
    padding: 8px 5px
}

.searching .search .blueBtn {
    color: #fff;
    font-family: "GraublauSlab-Bold";
    font-size: 16px;
    margin: 0 0 0 20px;
    display: initial
}

@media (max-width: 767px) {
    .searching .search .blueBtn {
        margin: 10px 0 0 0
    }
}

.rating-table .help-text {
    color: red;
    text-align: center;
    margin: 22px;
    border-top: 2px solid;
    padding-top: 22px;
    font-family: "GraublauSlab-Bold";
    font-size: 16px
}

.rating-table .pagination {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1100px
}

@media (max-width: 767px) {
    .rating-table .pagination {
        flex-wrap: wrap;
        width: auto
    }
}

.rating-table .pagination .next,
.rating-table .pagination .last,
.rating-table .pagination .first,
.rating-table .pagination .prev {
    padding: 8px;
    height: 35px;
    width: initial;
    display: flex;
    align-items: center;
    position: initial;
    border-radius: 20px
}

.rating-table .pagination .next:before,
.rating-table .pagination .last:before,
.rating-table .pagination .first:before,
.rating-table .pagination .prev:before {
    content: none
}

.rating-table .pagination span {
    color: #000;
    opacity: 0.6;
    border: 1px solid #000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px 4px
}

.rating-table .pagination span:hover {
    opacity: 1;
    cursor: pointer
}

.rating-table .pagination span a {
    color: #000;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.rating-table .pagination .current {
    color: #000;
    opacity: 1;
    border: 1px solid #000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .rating-table .tableOfRating.desctop {
        display: none
    }
}

@media (min-width: 768px) {
    .rating-table .tableOfRating.desctop {
        display: none
    }
}

@media (min-width: 1200px) {
    .rating-table .tableOfRating.desctop {
        display: block
    }
}

@media (max-width: 767px) {
    .rating-table .areaOfRating.mobile {
        display: flex
    }
}

@media (min-width: 768px) {
    .rating-table .areaOfRating.mobile {
        display: flex
    }
}

@media (min-width: 1200px) {
    .rating-table .areaOfRating.mobile {
        display: none
    }
}

.ratingSection {
    padding-bottom: 50px
}

.ratingSection .mainWrap {
    flex-direction: column
}

.ratingSection .navigationWrap {
    margin: 0;
    padding: 0 0 30px;
    background-color: #ff0001
}

.ratingSection .description-text {
    color: #000;
    text-align: center
}

.ratingSection .titleTable {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-family: 'GraublauSlab', sans-serif;
    font-weight: bold;
    margin: 50px 0
}

.ratingSection .titleTable .blueBtn {
    font-family: "GraublauSlab-Bold";
    font-size: 20px
}

.ratingSection .titleTable h2 {
    margin: 0;
    font-size: 42px;
    line-height: 1;
    color: #0000ff
}

.ratingSection .titleTable ul {
    display: flex;
    text-align: center
}

.ratingSection .titleTable ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ratingSection .titleTable ul li:not(:last-child) {
    margin-right: 15px
}

.ratingSection .titleTable ul li span {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    line-height: 10px
}

.ratingSection .titleTable ul li p {
    font-family: "GraublauSlab-Bold";
    font-size: 20px;
    line-height: 25px
}

.faq-header {
    position: relative;
    margin-bottom: 50px;
    font-family: "GraublauSansDispLt";
    background-color: #0000ff
}

.faq-header .close-back {
    position: absolute;
    z-index: 22;
    top: 30px;
    right: 30px;
    cursor: pointer
}

.faq-header .close-back img {
    width: 30px;
    height: auto
}

.faq-header__wrapper {
    padding: 80px 0;
    color: #fff;
    background-image: url(/assets/faq/winner-min-bee5ac3a5cb40e341736cc609bd6be4689482a2fd9881f76c4b7289057ab1a41.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 45% auto;
    background-position: right -55px
}

.faq-header__title {
    max-width: 280px;
    margin-bottom: 50px;
    font-family: "GraublauSlab-Bold";
    font-size: 6rem
}

@media (min-width: 768px) {
    .faq-header__title {
        max-width: 490px
    }
}

.faq-header__description {
    max-width: 480px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 22px;
    line-height: 1.2;
    color: #fefefe
}

.faq-main {
    font-family: "GraublauSansDisplayRegular"
}

.faq-main__details {
    margin-bottom: 50px
}

.faq-main__title {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 32px;
    font-family: "GraublauSlab-Bold"
}

.faq-main__title--list {
    margin: 20px auto 10px;
    font-size: 26px
}

.faq-main__description {
    font-size: 18px
}

.faq-main__list {
    margin-bottom: 5px
}

.faq-main__item {
    font-size: 18px
}

.faq-main__item span {
    font-family: "GraublauSansDispBd";
    font-weight: 700
}

.faq-main table {
    margin: 20px 0 30px
}

.faq-main table tr {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@media (min-width: 768px) {
    .faq-main table tr {
        align-items: baseline;
        height: 60px
    }
}

.faq-main table tr:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .faq-main table tr:not(:last-child) {
        margin-bottom: 0
    }
}

.faq-main table tr td {
    width: 100%;
    max-width: 220px;
    border-top: 0;
    font-size: 18px
}

.faq-main table tr td img {
    margin-right: 20px
}

.faq-main table tr td:first-child {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .faq-main table tr td:first-child {
        margin-bottom: 0
    }
}

.faq-main table tr td:last-child {
    min-width: auto;
    max-width: 300px
}

@media (min-width: 768px) {
    .faq-main table tr td:last-child {
        max-width: 500px
    }
}

@media (min-width: 992px) {
    .faq-main table tr td:last-child {
        max-width: 920px
    }
}

.faq-main table tr span {
    font-family: "GraublauSansDispBd";
    font-weight: 700
}

.faq-footer {
    padding: 30px 0;
    background-color: #0000ff
}

.faq-footer__text {
    width: 290px;
    margin: 0 auto;
    font-family: "GraublauSansDispBd";
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color: #fff
}

@media (min-width: 768px) {
    .faq-footer__text {
        width: 450px
    }
}

@media (min-width: 992px) {
    .faq-footer__text {
        margin: 0;
        text-align: left
    }
}

.faq-footer__text:not(:last-child) {
    margin-bottom: 0
}

.faq-footer .redBtn {
    float: none;
    width: 272px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 17px 35px 15px 35px;
    font-family: "GraublauSlab-Bold";
    font-size: 22px
}

@media (min-width: 992px) {
    .faq-footer .redBtn {
        float: right;
        margin: 0;
        margin-top: 5px
    }
}

.itemGame-new {
    width: 220px;
    margin: 0 27px 20px;
    color: #fff;
    position: relative;
    line-height: 1
}

.itemGame-new .date {
    position: absolute;
    top: 14px;
    left: -27px;
    width: 20px;
    line-height: 28px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    border-bottom: 3px solid #ff0001;
    padding-bottom: 4px;
    text-align: center
}

.itemGame-new .date_m {
    position: absolute;
    top: 100px;
    width: 70px;
    left: -52px;
    padding: 0 10px 0 0;
    font-family: GraublauSansDisplayRegular;
    font-size: 14px;
    z-index: 1000;
    text-align: left;
    transform: rotate(-90deg)
}

.itemGame-new .game-content {
    border-radius: 5px
}

.itemGame-new .game-content .top-content {
    background-color: #fe0002;
    min-height: 169px;
    padding: 19px 15px 15px 20px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    background-repeat: no-repeat;
    background-position: bottom right
}

.itemGame-new .game-content .top-content .ico_wrapper {
    position: absolute;
    right: 8px;
    top: -3px;
    z-index: 20;
    cursor: pointer
}

.itemGame-new .game-content .top-content .ico_wrapper .tooltip {
    z-index: 1001
}

.itemGame-new .game-content .top-content .ico_wrapper .tooltip .tooltip-arrow {
    border-top-color: #fff
}

.itemGame-new .game-content .top-content .ico_wrapper .tooltip .tooltip-inner {
    color: #000;
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    width: 250px
}

.itemGame-new .game-content .top-content .type_wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 1px;
    position: relative
}

.itemGame-new .game-content .top-content .type_wrap .type {
    font-family: "GraublauSansDispLt";
    font-size: 16px;
    padding: 3px 10px 3px 5px;
    background-color: #e80001;
    border-radius: 1px 0 0 1px
}

.itemGame-new .game-content .top-content .type_wrap .type p {
    margin: 0
}

.itemGame-new .game-content .top-content .type_wrap .desc_wrap {
    position: relative
}

.itemGame-new .game-content .top-content .type_wrap .copy_reg_modal_url {
    color: #fff;
    cursor: pointer;
    padding: 3px 6px;
    text-align: center;
    background-color: #e80001;
    border-radius: 0 1px 1px 0;
    border-left: 1px solid rgba(255, 255, 255, 0.3)
}

.itemGame-new .game-content .top-content .type_wrap .open_description {
    cursor: pointer;
    font-size: 16px;
    font-family: "GraublauSlab-Light";
    padding: 3px 8px 3px 8px;
    text-align: center;
    background-color: #e80001;
    border-radius: 0 1px 1px 0;
    border-left: 1px solid rgba(255, 255, 255, 0.3)
}

.itemGame-new .game-content .top-content .type_wrap .open_description:hover {
    opacity: 0.7
}

.itemGame-new .game-content .top-content .type_wrap .close_description {
    display: none;
    cursor: pointer;
    font-size: 16px;
    font-family: "GraublauSlab-Light";
    padding: 3px 8px 3px 8px;
    text-align: center;
    background-color: #e80001;
    border-radius: 0 1px 1px 0;
    border-left: 1px solid rgba(255, 255, 255, 0.3)
}

.itemGame-new .game-content .top-content .type_wrap .close_description:hover {
    opacity: 0.7
}

.itemGame-new .game-content .top-content .type_wrap .game_description {
    display: none;
    position: absolute;
    bottom: 29px;
    color: #000;
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    width: 250px;
    z-index: 1001;
    left: -107px
}

.itemGame-new .game-content .top-content .type_wrap .game_description h1 {
    margin-top: 0
}

.itemGame-new .game-content .top-content .type_wrap .game_description .default_text {
    margin: 0
}

.itemGame-new .game-content .top-content .type_wrap .game_description:before {
    bottom: -7px;
    left: 50%;
    margin-left: -15px;
    content: "";
    border-width: 7px 8px 0;
    border-color: transparent;
    border-top-color: #fff;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.itemGame-new .game-content .top-content .type_wrap .game_description .progress-bar-wrapper p {
    margin: 10px 0
}

.itemGame-new .game-content .top-content .type_wrap .game_description .progress-bar-wrapper .progress .bg--green {
    background-color: #7ADA00
}

.itemGame-new .game-content .top-content .type_wrap .game_description .progress-bar-wrapper .progress .bg--red {
    background-color: red
}

.itemGame-new .game-content .top-content .type_wrap .game_description .progress-bar-wrapper .progress .bg--orange {
    background-color: #F4C006
}

.itemGame-new .game-content .top-content .type_wrap .game_description .game_id {
    font-family: "GraublauSansDisplayRegular";
    font-size: 12px;
    color: #000
}

.itemGame-new .game-content .top-content .name {
    height: 70px;
    padding: 12px 0;
    font-size: 14px;
    font-family: "GraublauSansDispBd";
    color: #fff;
    position: relative
}

.itemGame-new .game-content .top-content .name:before {
    height: 3px;
    width: 20px;
    position: absolute;
    content: "";
    bottom: 0;
    background-color: #252c3e
}

.itemGame-new .game-content .top-content .place {
    padding-left: 27px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    margin-top: 10px
}

.itemGame-new .game-content .top-content .place a[href="#map_modal"] {
    color: #fff
}

@media (max-width: 767px) {
    .itemGame-new .game-content .top-content .place a[href="#map_modal"] {
        display: none
    }
}

.itemGame-new .game-content .top-content .place .mobile {
    display: none;
    color: #fff
}

@media (max-width: 767px) {
    .itemGame-new .game-content .top-content .place .mobile {
        display: block
    }
}

.itemGame-new .game-content .top-content .place:before {
    content: "";
    position: absolute;
    left: 5px;
    height: 12px;
    width: 10px;
    background-image: url(/assets/symbol/location1-794b1d32a3025170d7f80549f561c9a83160a23b453bddbb12f5a55580ac40b0.png)
}

.itemGame-new .game-content .top-content .price {
    padding-left: 27px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    margin-top: 10px
}

.itemGame-new .game-content .top-content .price:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 8px;
    left: 6px;
    top: 2px;
    background-image: url(/assets/symbol/ticket1-5934c1bebe2d7c8026445491b6ff2a49972a684b6647b2a3ead4d5b27801cad6.png)
}

.itemGame-new .game-content .top-content .time {
    padding-left: 27px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    margin-top: 10px
}

.itemGame-new .game-content .top-content .time:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    left: 5px;
    top: 2px;
    background-image: url(/assets/symbol/time1-878deb8b6a48f4ac902572f242cc7c08017e7ef9c9b90277715dca73ac786adb.png)
}

.itemGame-new .game-content .bottom-content {
    display: flex;
    background-color: #000;
    border-radius: 0 0 6px 6px;
    padding: 15px 20px;
    justify-content: space-between;
    align-items: center
}

.itemGame-new .game-content .bottom-content .reg_btn {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px
}

.itemGame-new .game-content .bottom-content .reg_btn .roundBtn {
    color: #fff;
    padding: 10px 13px 9px;
    border-radius: 6px;
    border: 2px solid #fe0000;
    cursor: pointer;
    width: auto
}

.itemGame-new .game-content .bottom-content .reg_btn .roundBtn:hover {
    background-color: #fe0000
}

.itemGame-new .game-content .bottom-content .reg_btn .success_reg {
    cursor: not-allowed;
    border: 2px solid #fff;
    opacity: 0.7
}

.itemGame-new .game-content .bottom-content .reg_btn .muted {
    border: 2px solid #fff
}

.itemGame-new .game-content .bottom-content .list_wrap {
    display: flex;
    align-items: center
}

.itemGame-new .game-content .bottom-content .list_wrap .list_btn {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    cursor: pointer
}

.itemGame-new .game-content .bottom-content .list_wrap .list_btn span {
    width: 14px;
    height: 2px;
    margin-left: 4px;
    background-color: #333333;
    position: relative;
    margin-top: 6px
}

.itemGame-new .game-content .bottom-content .list_wrap .list_btn span:first-child {
    margin-top: 0
}

.itemGame-new .game-content .bottom-content .list_wrap .list_btn span:before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #8c8c8c;
    left: -4px;
    position: absolute
}

.itemGame-new .game-content .bottom-content .list_wrap .list_btn:hover span {
    background-color: #45161c
}

.itemGame-new .game-content .bottom-content .list_wrap .list_btn:hover span:before {
    background-color: #fe0000
}

.itemGame-new .game-content .bottom-content .list_wrap .list_count {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    opacity: 0.7
}

.itemGame-new .closed-reg .top-content {
    background-color: #000
}

.itemGame {
    min-width: 240px;
    max-width: 240px;
    margin: 0 27px 20px
}

.itemGame .navDayGame {
    display: flex;
    width: 220px;
    padding: 0 15px 0 0;
    margin: 0 0 10px auto
}

.itemGame .navDayGame.unvisible {
    visibility: hidden
}

.itemGame .navDayGame p {
    color: #e5e5e5;
    margin: 0 auto 0 0;
    font-family: "GraublauSansDispLtIt";
    font-size: 15px
}

.itemGame .navDayGame li {
    display: flex;
    align-items: center
}

.itemGame .navDayGame li a {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color .4s, border .4s
}

.itemGame .navDayGame li.active a {
    background-color: #fff;
    width: 8px;
    height: 8px
}

.itemGame .game-wrapper,
.itemGame .tab-content {
    border-radius: 5px;
    color: #fff;
    display: block
}

.itemGame .game-wrapper a[href="#map_modal"],
.itemGame .tab-content a[href="#map_modal"] {
    margin: 5px 0 0 0;
    border-bottom: 1px solid #fff;
    color: #fff
}

.itemGame .game-wrapper .game-content,
.itemGame .game-wrapper .tab-pane,
.itemGame .tab-content .game-content,
.itemGame .tab-content .tab-pane {
    position: relative
}

.itemGame .game-wrapper .game-content .date,
.itemGame .game-wrapper .tab-pane .date,
.itemGame .tab-content .game-content .date,
.itemGame .tab-content .tab-pane .date {
    position: absolute;
    top: 9px;
    left: -27px;
    width: 20px;
    line-height: 28px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    border-bottom: 4px solid #ff0001;
    padding-bottom: 6px
}

.itemGame .game-wrapper .game-content .date_m,
.itemGame .game-wrapper .tab-pane .date_m,
.itemGame .tab-content .game-content .date_m,
.itemGame .tab-content .tab-pane .date_m {
    position: absolute;
    top: 89px;
    left: -71px;
    width: 114px;
    line-height: 28px;
    font-family: GraublauSansDisplayRegular;
    font-size: 19px;
    padding-bottom: 6px;
    z-index: 1000;
    text-align: left;
    transform: rotate(-90deg)
}

.itemGame .game-wrapper .game-content .download_rating,
.itemGame .game-wrapper .tab-pane .download_rating,
.itemGame .tab-content .game-content .download_rating,
.itemGame .tab-content .tab-pane .download_rating {
    width: 21px;
    position: absolute;
    right: 16px;
    top: 148px
}

.itemGame .game-wrapper .game-content .description,
.itemGame .game-wrapper .tab-pane .description,
.itemGame .tab-content .game-content .description,
.itemGame .tab-content .tab-pane .description {
    display: none;
    line-height: 1;
    overflow: auto
}

.itemGame .game-wrapper .game-content .description h1,
.itemGame .game-wrapper .tab-pane .description h1,
.itemGame .tab-content .game-content .description h1,
.itemGame .tab-content .tab-pane .description h1 {
    margin: 0 0 4px 0
}

.itemGame .game-wrapper .game-content .description p,
.itemGame .game-wrapper .tab-pane .description p,
.itemGame .tab-content .game-content .description p,
.itemGame .tab-content .tab-pane .description p {
    margin: 0 0 3px 0
}

.itemGame .game-wrapper .game-content.my-game .top,
.itemGame .game-wrapper .tab-pane.my-game .top,
.itemGame .tab-content .game-content.my-game .top,
.itemGame .tab-content .tab-pane.my-game .top {
    background-color: #242c3f
}

.itemGame .game-wrapper .game-content .top,
.itemGame .game-wrapper .tab-pane .top,
.itemGame .tab-content .game-content .top,
.itemGame .tab-content .tab-pane .top {
    border-radius: 5px 5px 0 0;
    padding: 15px;
    font-family: "GraublauSansDispLt";
    position: relative;
    background-color: #ff0001;
    min-height: 173px
}

.itemGame .game-wrapper .game-content .top li:nth-child(1),
.itemGame .game-wrapper .tab-pane .top li:nth-child(1),
.itemGame .tab-content .game-content .top li:nth-child(1),
.itemGame .tab-content .tab-pane .top li:nth-child(1) {
    font-size: 15px;
    font-family: "GraublauSansDispLtIt"
}

.itemGame .game-wrapper .game-content .top li:nth-child(2),
.itemGame .game-wrapper .tab-pane .top li:nth-child(2),
.itemGame .tab-content .game-content .top li:nth-child(2),
.itemGame .tab-content .tab-pane .top li:nth-child(2) {
    font-family: "GraublauSansDispBd";
    font-size: 22px;
    margin-bottom: 9px;
    display: flex;
    align-items: flex-start
}

.itemGame .game-wrapper .game-content .top li:nth-child(2) span,
.itemGame .game-wrapper .tab-pane .top li:nth-child(2) span,
.itemGame .tab-content .game-content .top li:nth-child(2) span,
.itemGame .tab-content .tab-pane .top li:nth-child(2) span {
    display: block
}

.itemGame .game-wrapper .game-content .top li:nth-child(2) span.num,
.itemGame .game-wrapper .tab-pane .top li:nth-child(2) span.num,
.itemGame .tab-content .game-content .top li:nth-child(2) span.num,
.itemGame .tab-content .tab-pane .top li:nth-child(2) span.num {
    position: relative;
    padding-bottom: 12px;
    line-height: 27px;
    font-size: 21px;
    min-width: 20px
}

.itemGame .game-wrapper .game-content .top li:nth-child(2) span.num:before,
.itemGame .game-wrapper .tab-pane .top li:nth-child(2) span.num:before,
.itemGame .tab-content .game-content .top li:nth-child(2) span.num:before,
.itemGame .tab-content .tab-pane .top li:nth-child(2) span.num:before {
    height: 4px;
    width: 20px;
    position: absolute;
    content: "";
    bottom: 0;
    background-color: #000
}

.itemGame .game-wrapper .game-content .top li:nth-child(3),
.itemGame .game-wrapper .tab-pane .top li:nth-child(3),
.itemGame .tab-content .game-content .top li:nth-child(3),
.itemGame .tab-content .tab-pane .top li:nth-child(3) {
    margin-bottom: 7px
}

.itemGame .game-wrapper .game-content .top li:nth-child(4),
.itemGame .game-wrapper .tab-pane .top li:nth-child(4),
.itemGame .tab-content .game-content .top li:nth-child(4),
.itemGame .tab-content .tab-pane .top li:nth-child(4) {
    margin-bottom: 7px
}

.itemGame .game-wrapper .game-content .top li:last-of-type,
.itemGame .game-wrapper .tab-pane .top li:last-of-type,
.itemGame .tab-content .game-content .top li:last-of-type,
.itemGame .tab-content .tab-pane .top li:last-of-type {
    position: absolute;
    right: 10px;
    top: -2px
}

.itemGame .game-wrapper .game-content .top li.game_label p,
.itemGame .game-wrapper .tab-pane .top li.game_label p,
.itemGame .tab-content .game-content .top li.game_label p,
.itemGame .tab-content .tab-pane .top li.game_label p {
    margin: 0
}

.itemGame .game-wrapper .game-content .top li.game_label span,
.itemGame .game-wrapper .tab-pane .top li.game_label span,
.itemGame .tab-content .game-content .top li.game_label span,
.itemGame .tab-content .tab-pane .top li.game_label span {
    margin: 0;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}

.itemGame .game-wrapper .game-content .top li span img,
.itemGame .game-wrapper .tab-pane .top li span img,
.itemGame .tab-content .game-content .top li span img,
.itemGame .tab-content .tab-pane .top li span img {
    margin-right: 10px;
    display: inline-block
}

.itemGame .game-wrapper .game-content .bottom,
.itemGame .game-wrapper .tab-pane .bottom,
.itemGame .tab-content .game-content .bottom,
.itemGame .tab-content .tab-pane .bottom {
    font-family: "GraublauSansDisplayRegular";
    width: 100%;
    background-color: #e10000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    border-radius: 0 0 5px 5px
}

.itemGame .game-wrapper .game-content .bottom li,
.itemGame .game-wrapper .tab-pane .bottom li,
.itemGame .tab-content .game-content .bottom li,
.itemGame .tab-content .tab-pane .bottom li {
    margin: 0 5px
}

.itemGame .game-wrapper .game-content .bottom li:last-child a,
.itemGame .game-wrapper .tab-pane .bottom li:last-child a,
.itemGame .tab-content .game-content .bottom li:last-child a,
.itemGame .tab-content .tab-pane .bottom li:last-child a {
    border-bottom: 1px solid
}

.itemGame .game-wrapper .game-content .bottom a,
.itemGame .game-wrapper .tab-pane .bottom a,
.itemGame .tab-content .game-content .bottom a,
.itemGame .tab-content .tab-pane .bottom a {
    color: #fff;
    padding: 5px 0 0;
    text-decoration: none
}

.itemGame .game-wrapper .game-content .bottom a.roundBtn,
.itemGame .game-wrapper .tab-pane .bottom a.roundBtn,
.itemGame .tab-content .game-content .bottom a.roundBtn,
.itemGame .tab-content .tab-pane .bottom a.roundBtn {
    padding: 7px 0 5px 0;
    border-radius: 30px
}

.itemGame .game-wrapper .game-content .sorryClosed,
.itemGame .game-wrapper .tab-pane .sorryClosed,
.itemGame .tab-content .game-content .sorryClosed,
.itemGame .tab-content .tab-pane .sorryClosed {
    display: none
}

.itemGame .game-wrapper .game-content .sorryClosed .unreg,
.itemGame .game-wrapper .tab-pane .sorryClosed .unreg,
.itemGame .tab-content .game-content .sorryClosed .unreg,
.itemGame .tab-content .tab-pane .sorryClosed .unreg {
    display: block;
    font-size: 12px;
    color: white;
    border-bottom: 1px solid;
    width: 77px;
    margin: 0px auto 0px
}

.itemGame .game-wrapper .game-content.closed .top,
.itemGame .game-wrapper .game-content.closed .bottom,
.itemGame .game-wrapper .tab-pane.closed .top,
.itemGame .game-wrapper .tab-pane.closed .bottom,
.itemGame .tab-content .game-content.closed .top,
.itemGame .tab-content .game-content.closed .bottom,
.itemGame .tab-content .tab-pane.closed .top,
.itemGame .tab-content .tab-pane.closed .bottom {
    display: none
}

.itemGame .game-wrapper .game-content.closed .sorryClosed,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed,
.itemGame .tab-content .game-content.closed .sorryClosed,
.itemGame .tab-content .tab-pane.closed .sorryClosed {
    padding: 35px 10px 10px;
    display: flex;
    background-color: #242c3f;
    min-height: 241px;
    max-height: 241px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    font-family: "GraublauSansDisplayRegular"
}

.itemGame .game-wrapper .game-content.closed .sorryClosed li,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed li,
.itemGame .tab-content .game-content.closed .sorryClosed li,
.itemGame .tab-content .tab-pane.closed .sorryClosed li {
    text-align: center;
    color: #fff;
    font-size: 14px
}

.itemGame .game-wrapper .game-content.closed .sorryClosed li img,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed li img,
.itemGame .tab-content .game-content.closed .sorryClosed li img,
.itemGame .tab-content .tab-pane.closed .sorryClosed li img {
    display: block;
    margin: 0 auto 20px
}

.itemGame .game-wrapper .game-content.closed .sorryClosed li a,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed li a,
.itemGame .tab-content .game-content.closed .sorryClosed li a,
.itemGame .tab-content .tab-pane.closed .sorryClosed li a {
    font-size: 12px;
    color: #fff;
    border-bottom: 1px solid
}

.itemGame .game-wrapper .game-content.closed .sorryClosed li .standby_added,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed li .standby_added,
.itemGame .tab-content .game-content.closed .sorryClosed li .standby_added,
.itemGame .tab-content .tab-pane.closed .sorryClosed li .standby_added {
    border: none;
    display: block
}

.itemGame .game-wrapper .game-content.closed .sorryClosed li .standby_add,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed li .standby_add,
.itemGame .tab-content .game-content.closed .sorryClosed li .standby_add,
.itemGame .tab-content .tab-pane.closed .sorryClosed li .standby_add {
    line-height: 1;
    display: block;
    margin: 0 auto;
    border-bottom: none;
    border: 2px solid #ff0001;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    padding: 8px 2px;
    cursor: pointer;
    font-family: "GraublauSansDisplayRegular";
    background-color: #e10000
}

.itemGame .game-wrapper .game-content.closed .sorryClosed li .get_teams_list,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed li .get_teams_list,
.itemGame .tab-content .game-content.closed .sorryClosed li .get_teams_list,
.itemGame .tab-content .tab-pane.closed .sorryClosed li .get_teams_list {
    display: block;
    width: 77px;
    margin: 5px auto;
    line-height: 1
}

.itemGame .game-wrapper .game-content.closed .sorryClosed #quick-legionary,
.itemGame .game-wrapper .tab-pane.closed .sorryClosed #quick-legionary,
.itemGame .tab-content .game-content.closed .sorryClosed #quick-legionary,
.itemGame .tab-content .tab-pane.closed .sorryClosed #quick-legionary {
    display: block;
    font-size: 12px;
    color: #fff;
    width: 45px;
    margin: 4px auto;
    line-height: 1
}

.itemGame .game-wrapper .game-content .open-description,
.itemGame .game-wrapper .tab-pane .open-description,
.itemGame .tab-content .game-content .open-description,
.itemGame .tab-content .tab-pane .open-description {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.itemGame .game-wrapper .game-content .close-description,
.itemGame .game-wrapper .tab-pane .close-description,
.itemGame .tab-content .game-content .close-description,
.itemGame .tab-content .tab-pane .close-description {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.itemGame-new2 {
    margin: 0 0 35px 30px
}

@media (max-width: 767px) {
    .itemGame-new2 {
        margin: 0 0 28px 0
    }
}

.itemGame-new2 .time_wrap {
    margin-left: 25px;
    font-family: "GraublauSansDisplayRegular"
}

.itemGame-new2 .time_wrap .day {
    color: #020622;
    font-size: 20px
}

.itemGame-new2 .time_wrap .date_m {
    color: #0C73FE;
    font-size: 15px
}

.itemGame-new2 .game-content {
    width: 251px;
    height: 271px;
    border-radius: 10px
}

.itemGame-new2 .game-content .top-content {
    font-family: "GraublauSansDisplayRegular";
    font-size: 15px;
    background-color: #fff;
    min-height: 199px;
    background-repeat: no-repeat;
    background-position: bottom right;
    border-radius: 10px 10px 0 0
}

.itemGame-new2 .game-content .top-content .name {
    height: 70px;
    font-family: "GraublauSlab-Bold";
    font-size: 20px;
    color: #020622;
    padding-top: 12px;
    padding-left: 23px;
    padding-right: 23px
}

.itemGame-new2 .game-content .top-content .type_wrap {
    display: flex;
    height: 27px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 16px;
    margin-top: 10px
}

.itemGame-new2 .game-content .top-content .type_wrap .type {
    min-width: 138px;
    background: linear-gradient(92.19deg, #0056A6 0%, #00BBF5 100%);
    color: #fff;
    padding-left: 24px;
    line-height: 27px
}

.itemGame-new2 .game-content .top-content .type_wrap .type p {
    margin: 0
}

.itemGame-new2 .game-content .top-content .type_wrap .desc_wrap {
    position: relative
}

.itemGame-new2 .game-content .top-content .type_wrap .desc_wrap .open_description {
    margin-left: 1px;
    width: 81px;
    background: rgba(0, 187, 245, 0.3);
    border-radius: 0px 10px 10px 0px;
    height: 27px;
    line-height: 27px;
    padding-left: 15px;
    color: #020622;
    cursor: pointer
}

.itemGame-new2 .game-content .top-content .type_wrap .desc_wrap .close_description {
    display: none;
    margin-left: 1px;
    width: 81px;
    background-color: #00BBF5;
    border-radius: 0px 10px 10px 0px;
    height: 27px;
    line-height: 27px;
    padding-left: 15px;
    color: #fff;
    cursor: pointer
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description {
    display: none;
    position: absolute;
    top: 37px;
    left: -147px;
    color: #000;
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    width: 260px;
    z-index: 1001;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25))
}

@media (max-width: 767px) {
    .itemGame-new2 .game-content .top-content .type_wrap .game_description {
        left: -142px
    }
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .close_description {
    display: none !important
}

@media (max-width: 767px) {
    .itemGame-new2 .game-content .top-content .type_wrap .game_description .close_description {
        display: block;
        padding: 0;
        width: initial;
        background-color: initial;
        top: 5px;
        right: 12px;
        position: absolute
    }
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description h1 {
    margin-top: 0
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .default_text {
    margin: 0
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description:before {
    top: -8px;
    left: 38px;
    margin-left: -15px;
    content: "";
    border-width: 0 7px 8px;
    border-color: transparent;
    border-bottom-color: #fff;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .progress-bar-wrapper p {
    margin: 10px 0
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .progress-bar-wrapper .progress .bg--green {
    background-color: #7ADA00
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .progress-bar-wrapper .progress .bg--red {
    background-color: red
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .progress-bar-wrapper .progress .bg--orange {
    background-color: #F4C006
}

.itemGame-new2 .game-content .top-content .type_wrap .game_description .game_id {
    font-family: "GraublauSansDisplayRegular";
    font-size: 12px;
    color: #000
}

.itemGame-new2 .game-content .top-content .place {
    padding-left: 51px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    margin-top: 10px
}

.itemGame-new2 .game-content .top-content .place a[href="#map_modal"] {
    color: rgba(218, 0, 0, 0.8);
    font-size: 15px
}

@media (max-width: 767px) {
    .itemGame-new2 .game-content .top-content .place a[href="#map_modal"] {
        display: none
    }
}

.itemGame-new2 .game-content .top-content .place .mobile {
    display: none;
    color: rgba(218, 0, 0, 0.8)
}

@media (max-width: 767px) {
    .itemGame-new2 .game-content .top-content .place .mobile {
        display: block
    }
}

.itemGame-new2 .game-content .top-content .place:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 2px;
    height: 15px;
    width: 15px;
    background-image: url(../images/assets/loc1.png)
}

.itemGame-new2 .game-content .top-content .price {
    padding-left: 51px;
    color: rgba(2, 6, 34, 0.8);
    position: relative;
    margin-top: 9px
}

.itemGame-new2 .game-content .top-content .price:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 24px;
    top: 4px;
    background-image: url(../images/assets/price.png)
}

.itemGame-new2 .game-content .top-content .time {
    padding-left: 51px;
    color: rgba(2, 6, 34, 0.8);
    position: relative;
    margin-top: 8px
}

.itemGame-new2 .game-content .top-content .time:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 24px;
    top: 2px;
    background-image: url(../images/assets/time.png)
}

.itemGame-new2 .game-content .bottom-content {
    background-color: #0C73FE;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 10px 10px
}

.itemGame-new2 .game-content .bottom-content .reg_btn {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px
}

.itemGame-new2 .game-content .bottom-content .reg_btn .roundBtn {
    color: #fff;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    padding: 0 29px;
    border-radius: 5px;
    border: 2px solid #fff;
    cursor: pointer;
    width: auto
}

.itemGame-new2 .game-content .bottom-content .reg_btn .success_reg {
    cursor: not-allowed;
    border: 2px solid #fff;
    opacity: 0.7
}

.itemGame-new2 .game-content .bottom-content .reg_btn .muted {
    border: 2px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4)
}

.itemGame-new2 .game-content .list_wrap {
    display: flex;
    align-items: center
}

.itemGame-new2 .game-content .list_wrap .list_btn {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    cursor: pointer
}

.itemGame-new2 .game-content .list_wrap .list_btn span {
    width: 14px;
    height: 2px;
    margin-left: 15px;
    background-color: #fff;
    position: relative;
    margin-top: 6px
}

.itemGame-new2 .game-content .list_wrap .list_btn span:first-child {
    margin-top: 0
}

.itemGame-new2 .game-content .list_wrap .list_btn span:before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #fff;
    left: -4px;
    position: absolute
}

.itemGame-new2 .game-content .list_wrap .list_count {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    color: #fff
}

.itemGame-new2 .game-content .unreg {
    background-color: #B9B9B9
}

.itemGame-new2 .closed-reg .top-content {
    background: #020622
}

.itemGame-new2 .closed-reg .top-content .name {
    color: #fff
}

.itemGame-new2 .closed-reg .top-content .place:before {
    background-image: url(/assets/org/icons/loc2-5eaa8698f27123c9603976b1394886b12e9c294c6cc4d5e1f2561451a5426f0e.png)
}

.itemGame-new2 .closed-reg .top-content .place a[href="#map_modal"],
.itemGame-new2 .closed-reg .top-content .place .mobile {
    color: rgba(255, 255, 255, 0.8)
}

.itemGame-new2 .closed-reg .top-content .time {
    color: rgba(255, 255, 255, 0.8)
}

.itemGame-new2 .closed-reg .top-content .time:before {
    background-image: url(/assets/org/icons/time2-905a62eca216fafec0d8f552ae9800c3f52a2af1030a13400dc2b73636c645dd.png)
}

.itemGame-new2 .closed-reg .top-content .price {
    color: rgba(255, 255, 255, 0.8)
}

.itemGame-new2 .closed-reg .top-content .price:before {
    background-image: url(/assets/org/icons/price2-d4fa009bb2df3e0ce5cf9c3155c1551ef1ce6f1e68ccf8c25031bc3bd8e73073.png)
}

.itemGame-new2 .closed-reg .bottom-content {
    background: #020622
}

.itemGame-new2:nth-child(1) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .itemGame-new2:nth-child(1) {
        margin: 0 0 28px 0
    }
}

.itemGame-new2:nth-child(5) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .itemGame-new2:nth-child(5) {
        margin: 0 0 28px 0
    }
}

.itemGame-new2:nth-child(9) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .itemGame-new2:nth-child(9) {
        margin: 0 0 28px 0
    }
}

.itemGame-new2:nth-child(13) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .itemGame-new2:nth-child(13) {
        margin: 0 0 28px 0
    }
}

.topInfo.calendar {
    position: relative;
    background: #0C73FE
}

.topInfo.calendar .contentWrap {
    height: initial;
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .topInfo.calendar .contentWrap {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        padding: 0;
        margin: 0
    }
}

.topInfo.calendar .contentWrap .newTypeOfNav {
    max-width: initial;
    width: initial;
    margin: 0
}

@media (max-width: 767px) {
    .topInfo.calendar .contentWrap .newTypeOfNav {
        display: flex;
        width: 95vw;
        margin: 0 auto
    }
}

.topInfo.calendar .contentWrap .newTypeOfNav .authorizationWrap {
    top: initial;
    left: initial
}

@media (max-width: 767px) {
    .topInfo.calendar .contentWrap .newTypeOfNav .authorizationWrap {
        display: none
    }
}

.topInfo.calendar .contentWrap .newTypeOfNav .authorizationWrap a {
    margin-bottom: 0;
    width: 175px;
    height: 44px;
    line-height: 44px;
    background: #FFFFFF;
    border-radius: 5px;
    color: #DA0000;
    font-family: 'GraublauSansDisplayRegular';
    font-size: 18px;
    padding: 0;
    max-width: initial;
    margin-bottom: 0
}

.topInfo.calendar .contentWrap h1 {
    font-size: 52px
}

@media (max-width: 767px) {
    .topInfo.calendar .contentWrap h1 {
        font-size: 25px;
        padding-bottom: 0
    }
}

.calendarSec {
    padding: 60px 0;
    background-color: #181b23
}

@media (max-width: 767px) {
    .calendarSec {
        padding: 30px 0
    }
}

.calendarSec .banner_link_top {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .calendarSec .banner_link_top {
        display: none
    }
}

.calendarSec .banner_mobile {
    display: none
}

@media (max-width: 767px) {
    .calendarSec .banner_mobile {
        display: flex;
        justify-content: center
    }
}

.calendarSec .banner_mobile img {
    width: 350px
}

.calendarSec .calendarWrap {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: auto
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap {
        max-width: 100vw
    }
}

.calendarSec .calendarWrap #filter_form {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form {
        flex-direction: column;
        width: 100%
    }
}

.calendarSec .calendarWrap #filter_form .left-side {
    margin: 84px 0 20px;
    width: 250px
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .left-side {
        margin: 20px auto
    }
}

.calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth {
    flex-direction: column
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth {
        align-items: center
    }
}

.calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth .wrapper-dropdown {
    border-bottom: 2px solid #0C73FE;
    margin: 0
}

.calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth .wrapper-dropdown:before {
    background-image: url(/assets/org/icons/down-5259cb747932946f832b61ba19ef28d12b68a4ceba61e2a57bc05e5f8adf2f30.png)
}

.calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth .commentAboutGames {
    line-height: 1;
    margin: 15px 0 15px
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth .commentAboutGames {
        width: initial
    }
}

.calendarSec .calendarWrap #filter_form .left-side #city_month_filter .wrapSelectCityMonth .commentAboutGames span {
    color: #0C73FE
}

.calendarSec .calendarWrap #filter_form .left-side #places_filter {
    margin-top: 30px;
    margin-right: 30px
}

.calendarSec .calendarWrap #filter_form .left-side #places_filter .input_wrapper {
    display: flex
}

.calendarSec .calendarWrap #filter_form .left-side #places_filter .input_wrapper input[type=checkbox] {
    display: block
}

.calendarSec .calendarWrap #filter_form .left-side #places_filter .input_wrapper label {
    margin-left: 10px;
    color: #fff
}

.calendarSec .calendarWrap #filter_form .left-side #places_filter p {
    color: #fff;
    font-size: 12px
}

.calendarSec .calendarWrap #filter_form .left-side .phoneHelp {
    display: flex;
    margin: 30px 0 0;
    color: #0C73FE;
    font-size: 18px;
    font-family: "GraublauSansDispLt"
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .left-side .phoneHelp {
        display: none
    }
}

.calendarSec .calendarWrap #filter_form .left-side .franchise {
    display: flex;
    margin: 30px 0 0;
    background-image: url(/assets/calendar/frBg-4e41453bd481e1a1df1cb7df244759aed711378cfdd41dfd51692257d63ed544.png);
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .left-side .franchise {
        display: none
    }
}

.calendarSec .calendarWrap #filter_form .left-side .franchise a {
    color: #fff
}

.calendarSec .calendarWrap #filter_form .left-side .franchise a ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 230px;
    height: 230px;
    text-align: center;
    font-family: "GraublauSansDispLt";
    border: 5px solid #0C73FE
}

.calendarSec .calendarWrap #filter_form .left-side .franchise a ul li:nth-child(1) {
    margin-bottom: 20px;
    font-family: "GraublauSlab-Bold";
    font-size: 32px;
    line-height: 30px
}

.calendarSec .calendarWrap #filter_form .left-side .banner {
    margin-top: 30px
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .left-side .banner {
        display: none
    }
}

.calendarSec .calendarWrap #filter_form .left-side .banner a {
    display: flex;
    justify-content: start
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter {
    display: flex
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side #game_type_filter {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 70px
    }
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper {
    position: relative;
    min-width: 100px;
    padding-left: 20px
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper {
        padding-left: 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper label {
    padding-top: 2px;
    font-family: "GraublauSans-Semibold";
    font-size: 20px;
    color: #fff;
    text-align: left;
    min-width: 100px;
    z-index: 6;
    padding-left: 38px;
    margin: 15px auto 0;
    font-weight: 200;
    cursor: pointer;
    position: relative
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper label:before {
    content: none
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper label:hover~.check {
    border: 5px solid #fff
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper label:hover~.check:before {
    width: 16px;
    height: 16px;
    background: #0C73FE
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper .check {
    display: block;
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    height: 26px;
    width: 26px;
    top: 17px;
    z-index: 5
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 22px;
    width: 22px;
    top: 0px;
    left: 0px;
    margin: auto;
    background: rgba(255, 255, 255, 0.3)
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper input[type=radio]:checked~.check {
    border: 5px solid #fff
}

.calendarSec .calendarWrap #filter_form .right-side #game_type_filter .input_wrapper input[type=radio]:checked~.check:before {
    width: 16px;
    height: 16px;
    background: #0C73FE
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: initial;
    margin: 20px 20px
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth {
        margin: 20px 0
    }
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .date_games {
        margin-left: 20px
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .date_games {
    width: 100%;
    text-align: left;
    color: #fff;
    font-family: GraublauSlab-Bold;
    font-size: 24px
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .date_games span {
    color: #0C73FE
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel {
        justify-content: center
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .slick-prev {
    top: 87px;
    left: 10px;
    z-index: 1002;
    background-color: red;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: #000
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .slick-next {
    right: 10px;
    top: 87px;
    z-index: 1002;
    background-color: red;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .slick-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: #000
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2 .time_wrap .day {
    color: #fff
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(1) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(1) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(4) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(4) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(5) {
    margin: 0 0 35px 30px
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(5) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(7) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(7) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(10) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(10) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(13) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(13) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(16) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(16) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(19) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(19) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(22) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(22) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(25) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(25) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(28) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(28) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(31) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(31) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(34) {
    margin: 0 0 35px 0
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .gameTabCarousel .itemGame-new2:nth-child(34) {
        margin: 0 0 28px 0
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .links_wrap {
    display: flex
}

@media (max-width: 767px) {
    .calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .links_wrap {
        display: none
    }
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .links_wrap a {
    padding: 0 24px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    text-align: center;
    height: 44px;
    line-height: 44px
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .links_wrap a:hover {
    color: #FF9B27;
    border: 2px solid #FF9B27
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .links_wrap .md-link {
    margin-left: 40px;
    margin-right: 38px
}

.calendarSec .calendarWrap #filter_form .right-side .eventsParth .gamesTabs .links_wrap .active {
    color: #FF9B27;
    border: 2px solid #FF9B27;
    padding: 0 24px;
    border-radius: 5px;
    text-align: center;
    height: 44px;
    line-height: 44px
}

.calendarSec .loadMore {
    margin: 30px 30px 0
}

.topInfo.franchise {
    background-color: #ff0001;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center
}

.franchiseSec {
    background-color: #181b23;
    padding: 60px 0
}

.franchiseSec .mainWrap {
    justify-content: space-between
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap {
        flex-wrap: wrap;
        max-width: 90vw
    }
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap .newFranchiseBlock {
        margin: auto;
        justify-content: center
    }
}

.franchiseSec .mainWrap .newFranchiseBlock .square {
    width: 280px;
    padding: 40px
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap .newFranchiseBlock .square {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
        width: 288px
    }
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap .newFranchiseBlock .square.geo_mozgva {
        height: 300px
    }
}

.franchiseSec .mainWrap .newFranchiseBlock .square.geo_mozgva p {
    margin: 0
}

.franchiseSec .mainWrap .newFranchiseBlock .square.down article {
    margin-bottom: 24px
}

.franchiseSec .mainWrap .newFranchiseBlock .rectangle {
    padding: 40px
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap .newFranchiseBlock .rectangle {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px
    }
}

.franchiseSec .mainWrap .newFranchiseBlock .rectangle img {
    width: 100%;
    margin-left: -10px
}

.franchiseSec .mainWrap .newFranchiseBlock .rectangle ul li {
    color: #ff0001
}

.franchiseSec .mainWrap .franchiseWidget {
    width: 280px;
    margin: 20px 0 0 20px;
    display: flex;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap .franchiseWidget {
        width: 100%;
        margin: auto
    }
}

.franchiseSec .mainWrap .franchiseWidget .goMozgva {
    font-family: GraublauSlab-Bold;
    font-size: 60px;
    margin-top: 40px;
    margin-bottom: 70px
}

.franchiseSec .mainWrap .franchiseWidget p {
    margin: 20px 0 0px 0;
    font-size: 14px;
    color: #fff;
    font-family: GraublauSansDisplayRegular
}

.franchiseSec .mainWrap .franchiseWidget h2 {
    padding: 0;
    margin: 0;
    font-family: GraublauSansDisplayRegular;
    font-size: 25px;
    line-height: 1
}

.franchiseSec .mainWrap .franchiseWidget .btnBlue {
    margin-top: 80px;
    padding: 17.5px 20px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .franchiseSec .mainWrap .franchiseWidget .btnBlue {
        margin-bottom: 30px
    }
}

.partnersSec {
    background-color: #181b23;
    padding: 60px 0
}

.partnersSec .newinfoBlock {
    max-width: 1200px
}

@media (max-width: 767px) {
    .partnersSec .newinfoBlock {
        margin: auto;
        justify-content: center
    }
}

.partnersSec .newinfoBlock .rectangle {
    margin: 0
}

@media (max-width: 767px) {
    .partnersSec .newinfoBlock .rectangle {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px
    }
}

.partnersSec .newinfoBlock .rectangle article {
    margin: 0 0 15px 0
}

.partnersSec .newinfoBlock .rectangle p {
    font-size: 14px
}

.partnersSec .newinfoBlock .rectangle .podh {
    margin-top: 20px
}

.partnersSec .newinfoBlock .rectangle .cont {
    display: flex
}

.partnersSec .newinfoBlock .rectangle .cont .color_cont {
    color: #ff0001;
    width: 63px
}

.partnersSec .newinfoBlock .widget {
    width: 280px;
    margin: 20px 0 0 20px
}

.partnersSec .newinfoBlock .widget h2 {
    font-family: GraublauSansDisplayRegular;
    font-size: 25px;
    line-height: 1
}

.partnersSec .newinfoBlock .widget .btnBlue {
    padding: 17.5px 20px;
    margin-bottom: 10px
}

.partnersSec .newinfoBlock .rectangle.chica {
    background-image: url(/assets/partners/chica-c383d44f9ca65c3498e730f7a869bfbf78537e472bbe1a6d30119ac142aee473.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-left: 30px
}

.partnersSec .newinfoBlock .rectangle.chica ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 330px;
    height: 62px;
    margin-left: 20px
}

@media (max-width: 767px) {
    .partnersSec .newinfoBlock .rectangle.chica ul {
        height: auto
    }
}

.partnersSec .newinfoBlock .rectangle.chica ul li {
    list-style-type: decimal;
    color: #ff0001;
    height: auto;
    width: 140px
}

.partnersSec .newinfoBlock .square {
    width: 280px
}

@media (max-width: 767px) {
    .partnersSec .newinfoBlock .square {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
        width: 288px
    }
}

.partnersSec .newinfoBlock .square img {
    margin-bottom: 30px
}

.partnersSec .newinfoBlock .widget.rectangle {
    display: flex;
    justify-content: flex-start;
    padding: 20px;
    width: 280px;
    margin: 0
}

@media (max-width: 767px) {
    .partnersSec .newinfoBlock .widget.rectangle {
        width: 100%;
        margin: auto
    }
}

.partnersSec .newinfoBlock .widget.rectangle h2 {
    margin: 0;
    margin-bottom: 20px;
    padding: 0
}

.partnersSec .newinfoBlock .widget.rectangle .btnBlue {
    margin-top: 26px;
    text-decoration: none
}

@media (max-width: 767px) {
    .partnersSec .wrapPartnerSec {
        max-width: 90vw
    }
}

@media (max-width: 767px) {
    .partnersSec .wrapPartnerSec .AlbomItmWrapper {
        justify-content: center
    }
}

@media (max-width: 767px) {
    .partnersSec .wrapPartnerSec .AlbomItmWrapper .AlbomItm {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .partnersSec .wrapPartnerSec .AlbomItmWrapper .hiddenMob {
        display: none
    }
}

.topInfo.howPlay {
    background-color: #ff0001
}

.topInfo.howPlay .contentWrap {
    height: 480px
}

@media (max-width: 767px) {
    .topInfo.howPlay .contentWrap {
        height: auto
    }
}

.topInfo.howPlay .contentWrap .top_text {
    width: auto;
    font-size: 18px;
    font-family: GraublauSansDisplayRegular;
    color: #000;
    text-align: center;
    width: 452px;
    margin: 0 auto;
    padding: 40px 0
}

@media (max-width: 767px) {
    .topInfo.howPlay .contentWrap .top_text {
        max-width: 90vw;
        padding: 30px 0
    }
}

.howPlaySec {
    background-color: #181b23;
    padding: 60px 0
}

.howPlaySec .mainWrap {
    color: #fff;
    flex-direction: column;
    max-width: 850px
}

@media (max-width: 767px) {
    .howPlaySec .mainWrap {
        flex-wrap: wrap;
        max-width: 90vw
    }
}

.howPlaySec .mainWrap .ruleWrap {
    margin-bottom: 60px
}

.howPlaySec .mainWrap .number {
    color: #f00;
    margin: 0;
    line-height: 1;
    font-size: 16px;
    font-family: GraublauSlabExtraLightItalic
}

.howPlaySec .mainWrap .title {
    margin: 0 0 32px;
    font-size: 36px;
    font-family: GraublauSlab-Bold
}

.howPlaySec .mainWrap .description {
    color: #cbcbcb;
    margin: 0 0 15px;
    font-size: 20px;
    font-family: GraublauSansDisplayRegular
}

.topInfo.top_info_sert {
    background-color: #FF0001
}

.sertSec {
    background-color: #181b23;
    padding: 60px 0
}

.sertSec .mainWrap.sert {
    flex-direction: column
}

@media (max-width: 767px) {
    .sertSec .mainWrap.sert {
        max-width: 90vw
    }
}

.sertSec .mainWrap.sert .descriptSert {
    color: #fff;
    max-width: 900px;
    width: 100%;
    margin: 0 auto 20px
}

.sertSec .mainWrap.sert .descriptSert article {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    margin-bottom: 10px
}

.sertSec .mainWrap.sert .descriptSert p {
    font-size: 16px;
    font-family: "GraublauSansDispLt";
    max-width: 610px
}

.sertSec .mainWrap.sert .itemsWrap {
    display: flex;
    justify-content: center
}

.sertSec .mainWrap.sert .itemsWrap .itemSert {
    margin: 0 50px 0 0
}

@media (max-width: 767px) {
    .sertSec .mainWrap.sert .itemsWrap .itemSert {
        margin: 0 auto
    }
}

.sertSec .mainWrap.sert .itemsWrap .itemSert img {
    width: 250px
}

.sertSec .mainWrap.sert .itemsWrap .itemSert ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 5px
}

.sertSec .mainWrap.sert .itemsWrap .itemSert ul li {
    color: #fff;
    font-family: "GraublauSansDispLt";
    font-size: 16px
}

.sertSec .mainWrap.sert .itemsWrap .itemSert ul li:first-child {
    line-height: 23px
}

.sertSec .mainWrap.sert .itemsWrap .itemSert ul li:first-child span {
    font-size: 30px;
    font-family: "GraublauSlab-Bold";
    letter-spacing: 1.5px
}

.sertSec .mainWrap.sert .itemsWrap .itemSert ul li:last-child a {
    padding: 9px 25px
}

.sertSec .mainWrap.sert .itemsWrap .itemSert:last-child {
    margin: 0
}

.result_table_new {
    width: 100%;
    min-height: 100vh;
    color: white;
    padding-bottom: 30px;
    background-image: url(/assets/bg-a37dbff7c019679be114424e723770baee4333624399a7041d42f4c9afcd36c8.png);
    background-size: cover
}

.result_table_new .wrap {
    max-width: 935px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: center
}

.result_table_new .wrap .game_name {
    font-family: "GraublauSansDisplayRegular";
    font-style: bold;
    font-size: 30px;
    line-height: 35px
}

.result_table_new .throne {
    height: 450px;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    color: black
}

.result_table_new .throne p {
    font-family: "GraublauSans-Bold";
    font-size: 18px;
    text-align: center;
    width: 164px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.result_table_new .throne .card {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.result_table_new .throne .card .pos_2 {
    width: 391px;
    height: 296px;
    background-image: url(/assets/second_place-7ebac33e5c0b7d35ef6a25b205061aa209c9f40ccb1324aae875db144f803f79.png);
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.result_table_new .throne .card .pos_2 .pos_2_wrap {
    width: 100%;
    height: 152px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.result_table_new .throne .card .pos_1 {
    width: 406px;
    height: 350px;
    background-image: url(/assets/first_place-b1fc62b6731c023d2694ef1ca24f0fd192089ce22c6c5441ef6f218dc1ac88dc.png);
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.result_table_new .throne .card .pos_1 .pos_1_wrap {
    width: 100%;
    height: 152px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.result_table_new .throne .card .pos_3 {
    width: 376px;
    height: 264px;
    background-image: url(/assets/third_place-d96721e61e34e1f5fe4669718248bc6b4ab3ee9e4b0f83ace38c7ce62f037e48.png);
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.result_table_new .throne .card .pos_3 .pos_3_wrap {
    width: 100%;
    height: 152px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.result_table_new .throne .card .place {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-family: "GraublauSans-Regular";
    color: white
}

.result_table_new .throne .bottom {
    display: flex;
    flex-drection: column;
    justify-content: flex-end
}

.result_table_new table {
    width: 935px;
    margin: 50px auto 0;
    border-style: none;
    border-collapse: inherit;
    color: white
}

.result_table_new table thead {
    font-size: 18px;
    line-height: 24px;
    font-family: "GraublauSans-Regular";
    text-align: left
}

.result_table_new table thead td {
    padding-bottom: 9px
}

.result_table_new table thead td .line {
    display: inline-block;
    background-color: white;
    margin: 0 10px;
    width: 50px;
    height: 1px;
    margin-bottom: 2px;
    margin-right: 20px
}

.result_table_new table thead td:nth-child(1) {
    font-size: 14px;
    line-height: 16px;
    text-align: right
}

.result_table_new table thead td:nth-child(17) {
    font-size: 14px;
    line-height: 16px;
    text-align: right
}

.result_table_new table thead td .plus {
    display: flex;
    align-items: left;
    opacity: 0.3
}

.result_table_new table thead td:last-child {
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.result_table_new table tbody tr {
    font-size: 18px;
    line-height: 21px;
    height: 32px;
    font-family: "GraublauSansBook"
}

.result_table_new table tbody tr:nth-child(even) td:not(:first-child) {
    background-color: rgba(255, 255, 255, 0.07)
}

.result_table_new table tbody tr td {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-style: solid none none none
}

.result_table_new table tbody tr td:nth-child(1) {
    max-width: 140px;
    border-style: none;
    padding-right: 8px
}

.result_table_new table tbody tr td:nth-child(2) {
    padding-left: 9px;
    box-sizing: border-box;
    width: 434px;
    overflow: hidden
}

.result_table_new table tbody tr td:nth-child(3) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(4) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(5) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(6) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(7) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(8) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(9) {
    width: 41px
}

.result_table_new table tbody tr td:nth-child(10) {
    visibility: hidden;
    border: none;
    width: 18px
}

.result_table_new table tbody tr td:nth-child(11) {
    padding-left: 9px;
    padding-bottom: 4px;
    width: 36px
}

.result_table_new table tbody tr td:nth-child(12) {
    visibility: hidden;
    border: none;
    width: 18px
}

.result_table_new table tbody tr td:last-child {
    text-align: center;
    width: 40px
}

.result_table_new table tbody tr td .flex {
    display: flex;
    justify-content: flex-end;
    padding-left: 8px
}

.result_table_new table tbody tr td .flex img,
.result_table_new table tbody tr td .flex i {
    height: 20px;
    align-items: center
}

.result_table_new table tbody tr td .flex .winner {
    display: flex;
    align-items: center
}

.result_table_new table tbody tr td .flex .winner .cl_winner {
    width: 33px;
    height: 30px
}

.result_table_new table tbody tr td .flex .winner .cl_winner.stars-1 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png);
    background-repeat: no-repeat
}

.result_table_new table tbody tr td .flex .winner .cl_winner.stars-2 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png);
    background-repeat: no-repeat
}

.result_table_new table tbody tr td .flex .winner .cl_winner:before {
    visibility: hidden
}

.result_table_new table tbody tr td .flex .club_wrap {
    display: flex;
    align-items: center
}

.result_table_new table tbody tr td .flex .wreaths_wrap {
    display: flex;
    align-items: center
}

.result_table_new table tbody tr:last-child td {
    border-bottom-style: hidden
}

#aviapark .header {
    background-color: #EC252B;
    background-image: url(/assets/aviapark/bg-top-c1e226d5212b1eb5fd90a9d64dcadd6cca2d348245b1df4379f8647947a6b9b0.png);
    height: 600px;
    background-repeat: no-repeat;
    background-position: right 132px center;
    padding: 44px 20px 115px
}

@media (max-width: 767px) {
    #aviapark .header {
        background-image: url(/assets/aviapark/bg-top-mob-d166bb1fec26cb1d3bba9092fa4b8b65622b76d9c91720e4c2c4d67b69ad8f8c.png);
        background-position: right 20px center;
        padding: 28px 3px 12px;
        height: 190px
    }
}

#aviapark .header .logos {
    display: flex;
    align-items: center;
    width: 430px;
    margin: 0 auto 34px
}

@media (max-width: 767px) {
    #aviapark .header .logos {
        width: 230px;
        margin: 0 auto 15px
    }
}

@media (max-width: 767px) {
    #aviapark .header .logos .logo {
        display: none
    }
}

#aviapark .header .logos .logo-mob {
    display: none
}

@media (max-width: 767px) {
    #aviapark .header .logos .logo-mob {
        display: block
    }
}

#aviapark .header .title {
    font-family: GraublauSlab-Heavy;
    width: 630px;
    line-height: 94px;
    font-size: 100px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto 26px
}

@media (max-width: 767px) {
    #aviapark .header .title {
        line-height: 34px;
        font-size: 36px;
        margin: 0 auto 9px;
        width: initial
    }
}

#aviapark .header .main_description {
    font-family: GraublauSans-Semibold;
    line-height: 22px;
    font-size: 24px;
    text-align: center;
    margin: 0 auto 15px;
    color: #fff
}

@media (max-width: 767px) {
    #aviapark .header .main_description {
        display: none
    }
}

#aviapark .header .description {
    font-family: GraublauSans-Semibold;
    line-height: 19px;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
    margin: 0
}

@media (max-width: 767px) {
    #aviapark .header .description {
        line-height: 13px;
        font-size: 14px;
        margin: 0 auto
    }
}

#aviapark .low {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 330px
}

@media (max-width: 767px) {
    #aviapark .low {
        width: initial;
        padding-bottom: 220px
    }
}

#aviapark .low #new_aviapark_registration {
    position: absolute;
    left: calc(50% - 230px);
    top: -76px;
    width: 460px
}

@media (max-width: 767px) {
    #aviapark .low #new_aviapark_registration {
        position: relative;
        top: inherit;
        width: initial;
        left: initial;
        height: 340px
    }
}

#aviapark .low #new_aviapark_registration .reg_wrap {
    display: flex;
    flex-direction: column;
    min-height: 370px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(255, 0, 0, 0.25);
    border-radius: 6px;
    margin-bottom: 40px;
    padding: 35px 0 27px;
    align-items: center
}

@media (max-width: 767px) {
    #aviapark .low #new_aviapark_registration .reg_wrap {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
        min-height: 290px;
        padding: 20px 0 0
    }
}

#aviapark .low #new_aviapark_registration .reg_wrap .wrap_input {
    margin: 0 auto 35px
}

@media (max-width: 767px) {
    #aviapark .low #new_aviapark_registration .reg_wrap .wrap_input {
        margin: 0 auto 20px;
        width: 80%
    }
}

#aviapark .low #new_aviapark_registration .reg_wrap .wrap_input .error-after {
    font-size: 12px;
    color: red;
    margin-top: 3px;
    opacity: 0.7;
    text-align: center;
    padding: 0 20px
}

#aviapark .low #new_aviapark_registration .reg_wrap .input {
    width: 310px;
    min-height: 36px;
    background-color: transparent;
    margin: 0 auto;
    padding: 9px 5px;
    font-family: GraublauSans-Regular;
    line-height: 17px;
    font-size: 18px;
    text-align: center;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #E0E0E0;
    color: #EC252B
}

@media (max-width: 767px) {
    #aviapark .low #new_aviapark_registration .reg_wrap .input {
        width: 100%;
        margin: 0 auto
    }
}

#aviapark .low #new_aviapark_registration .reg_wrap .input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    -webkit-text-fill-color: #EC252B !important;
    color: #EC252B !important
}

#aviapark .low #new_aviapark_registration .reg_wrap .input::-webkit-input-placeholder {
    color: #EC252B
}

#aviapark .low #new_aviapark_registration .reg_wrap .input::-moz-placeholder {
    color: #EC252B
}

#aviapark .low #new_aviapark_registration .reg_wrap .input:-moz-placeholder {
    color: #EC252B
}

#aviapark .low #new_aviapark_registration .reg_wrap .input:-ms-input-placeholder {
    color: #EC252B
}

#aviapark .low #new_aviapark_registration .blueBtn {
    height: 70px;
    width: 236px;
    margin: 0 auto;
    background: #EC252B;
    box-shadow: 0px 10px 30px rgba(255, 0, 0, 0.25);
    border-radius: 40px;
    font-family: GraublauSans-Bold;
    line-height: 17px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #aviapark .low #new_aviapark_registration .blueBtn {
        width: 178px;
        height: 48px;
        line-height: 15px;
        font-size: 16px;
        padding: initial
    }
}

#aviapark .low .done_form {
    display: none;
    width: 460px;
    height: 370px;
    padding: 76px 0 68px;
    position: absolute;
    left: calc(50% - 230px);
    top: -76px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 41, 255, 0.25);
    border-radius: 6px
}

@media (max-width: 767px) {
    #aviapark .low .done_form {
        position: relative;
        top: inherit;
        width: initial;
        left: initial;
        height: 300px;
        padding: 50px 0 68px;
        box-shadow: none;
        border-radius: 0
    }
}

#aviapark .low .done_form .done-title {
    margin: 0 auto 30px;
    font-family: GraublauSlab-Bold;
    line-height: 22px;
    font-size: 24px;
    text-align: center;
    color: #333333
}

#aviapark .low .done_form .done-description {
    width: 264px;
    margin: 0 auto 49px;
    font-family: GraublauSans-Semibold;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    color: #EC252B
}

#aviapark .low .done_form .done-image {
    display: block;
    margin: 0 auto
}

#aviapark .low .enter_sport_wrapper {
    display: flex;
    padding-top: 531px;
    margin: 0 150px
}

@media (max-width: 767px) {
    #aviapark .low .enter_sport_wrapper {
        margin: 0;
        padding: 102px 0 0;
        flex-direction: column
    }
}

#aviapark .low .enter_sport_wrapper .logo {
    margin-right: 80px
}

@media (max-width: 767px) {
    #aviapark .low .enter_sport_wrapper .logo {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    #aviapark .low .enter_sport_wrapper .logo img {
        width: 100%
    }
}

@media (max-width: 767px) {
    #aviapark .low .enter_sport_wrapper .right_desc {
        padding: 0 10px
    }
}

#aviapark .low .enter_sport_wrapper .right_desc .title {
    margin: 48px 0;
    text-align: left;
    font-family: GraublauSlab-Bold;
    line-height: 23px;
    font-size: 24px;
    color: #333333
}

@media (max-width: 767px) {
    #aviapark .low .enter_sport_wrapper .right_desc .title {
        margin: 40px 0 19px
    }
}

#aviapark .low .enter_sport_wrapper .right_desc .description {
    text-align: left;
    font-family: GraublauSans-Regular;
    line-height: 28px;
    margin-bottom: 37px;
    font-size: 20px;
    color: #4F4F4F
}

@media (max-width: 767px) {
    #aviapark .low .enter_sport_wrapper .right_desc .description {
        line-height: normal;
        font-size: 20px
    }
}

#aviapark .low .enter_sport_wrapper .right_desc .description a {
    color: red
}

#aviapark .low .img-desctop {
    position: absolute
}

@media (max-width: 767px) {
    #aviapark .low .img-desctop {
        display: none
    }
}

#aviapark .low .img-mob {
    position: absolute;
    display: none
}

@media (max-width: 767px) {
    #aviapark .low .img-mob {
        display: block
    }
}

#aviapark .low .i1 {
    top: 39px;
    left: 41px
}

#aviapark .low .i2 {
    top: 153px;
    left: 114px
}

#aviapark .low .i3 {
    top: 186px;
    left: 265px
}

#aviapark .low .i4 {
    top: 363px;
    left: 197px
}

#aviapark .low .i5 {
    top: 384px;
    left: 37px
}

#aviapark .low .i6 {
    top: 469px;
    left: 409px
}

#aviapark .low .r1 {
    top: 69px;
    right: 52px
}

#aviapark .low .r2 {
    top: 159px;
    right: 76px
}

#aviapark .low .r3 {
    top: 69px;
    right: 268px
}

#aviapark .low .r4 {
    top: 322px;
    right: 87px
}

#aviapark .low .r5 {
    top: 371px;
    right: 210px
}

#aviapark .low .r6 {
    top: 305px;
    right: 543px
}

#aviapark .low .r7 {
    top: 423px;
    right: 257px
}

#aviapark .low .r8 {
    top: 568px;
    right: 92px
}

#aviapark .low .r9 {
    top: 48px;
    right: 294px
}

#aviapark .low .b1 {
    bottom: 160px;
    left: 49px
}

#aviapark .low .b2 {
    left: 331px;
    bottom: 34px
}

#aviapark .low .b3 {
    left: 521px;
    bottom: 112px
}

#aviapark .low .b4 {
    right: 293px;
    bottom: 240px
}

#aviapark .low .b5 {
    right: 51px;
    bottom: 40px
}

#aviapark .low .i1-mob {
    bottom: 138px;
    left: calc(50% - 132px)
}

#aviapark .low .i2-mob {
    bottom: 138px;
    left: calc(50% - 90px)
}

#aviapark .low .i3-mob {
    bottom: 38px;
    left: calc(50% - 106px)
}

.smm {
    width: 100%;
    min-width: 1300px;
    min-height: 100vh;
    color: white;
    padding-bottom: 30px;
    background-image: url(/assets/smm/smm_bg-3f79081e7c7e267e3c16cea88271873134196e023c48e9428a4b7ba53a2a4dca.png);
    background-size: cover
}

.smm .wrap {
    width: 1280px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.smm .wrap .game_name {
    font-family: "GraublauSansDispBd";
    font-size: 24px;
    line-height: 28px
}

.smm .wrap .game_name .gameset_name {
    margin-left: 15px
}

.smm .wrap .btns_wrapper {
    display: flex;
    align-items: center
}

.smm .wrap .btns_wrapper #smm_full_table {
    width: 200px;
    height: 44px;
    border: 3px solid #FFFFFF;
    border-radius: 30px;
    font-family: "GraublauSansDisplayRegular";
    line-height: normal;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    padding: 9px;
    margin-right: 30px
}

.smm .wrap .selector {
    height: 30px;
    display: flex;
    color: #FF9FB6;
    font-size: 24px;
    line-height: 28px;
    font-family: "GraublauSansDisplayRegular"
}

.smm .wrap .selector .pagination {
    display: flex;
    margin: 0;
    border-radius: 0
}

.smm .wrap .selector .pagination .current {
    color: #fff;
    border-color: #fff
}

.smm .wrap .selector .pagination span.page {
    display: block;
    width: 30px;
    text-align: center;
    border-bottom: 1px solid
}

.smm .wrap .selector .pagination span.page a:link {
    color: #FF9FB6
}

.smm .wrap .selector .pagination span.page a:visited {
    color: #FF9FB6
}

.smm .wrap .selector .pagination span.page a:active {
    color: white
}

.smm .wrap .selector .pagination span.page a:hover {
    color: #fff
}

.smm .wrap .selector .pagination .gap,
.smm .wrap .selector .pagination .prev,
.smm .wrap .selector .pagination .last,
.smm .wrap .selector .pagination .first,
.smm .wrap .selector .pagination .next {
    display: none
}

.smm .throne {
    width: 1280px;
    height: 90px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto
}

.smm .throne .card {
    width: 410px;
    height: 90px;
    padding: 0;
    border-radius: 6px;
    background-color: #fff;
    color: #E40141;
    font-family: "GraublauSans-Regular";
    font-size: 24px;
    display: flex;
    align-items: center
}

.smm .throne .card img {
    margin-left: 21px
}

.smm .throne .card p {
    max-width: 300px;
    margin: 0;
    margin-left: 20px
}

.smm table {
    width: 1280px;
    margin: 50px auto 0;
    border-style: none;
    border-collapse: inherit;
    color: white
}

.smm table thead {
    font-size: 20px;
    line-height: 23px;
    font-family: "GraublauSans-Regular";
    text-align: left
}

.smm table thead td {
    padding-bottom: 9px
}

.smm table thead td .line {
    display: inline-block;
    background-color: white;
    margin: 0 10px;
    width: 70px;
    height: 1px;
    margin-bottom: 2px;
    margin-right: 20px
}

.smm table thead td:nth-child(1) {
    text-align: right
}

.smm table thead td:nth-child(3) {
    width: 24px
}

.smm table thead td:nth-child(17) {
    text-align: center
}

.smm table thead td:last-child {
    text-align: center
}

.smm table thead .tour_head {
    width: 47px
}

.smm table thead .tour_head .number {
    display: inline;
    padding-right: 3px
}

.smm table thead .tour_head .disable_wrapper {
    display: inline
}

.smm table thead .tour_head .disable_wrapper a {
    color: #fff
}

.smm table thead .tour_head .disable_wrapper .tour_active {
    display: none
}

.smm table tbody tr {
    font-size: 25px;
    line-height: 38px;
    height: 40px;
    font-family: "GraublauSansBook"
}

.smm table tbody tr:nth-child(even) td:not(:first-child) {
    background-color: rgba(255, 255, 255, 0.07)
}

.smm table tbody tr:last-child td {
    border-bottom-style: hidden
}

.smm table tbody tr td {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-style: solid none none none
}

.smm table tbody tr td.disabled {
    color: darkgray
}

.smm table tbody tr td.name_td {
    position: relative
}

.smm table tbody tr td.name_td .position_wrapper {
    min-width: 60px;
    display: inline;
    position: absolute;
    right: 15px
}

.smm table tbody tr td.name_td .position_wrapper .fa-arrow-up {
    color: greenyellow
}

.smm table tbody tr td.name_td .position_wrapper .fa-arrow-down {
    color: red
}

.smm table tbody tr td.name_td .pos-1 {
    color: gold
}

.smm table tbody tr td.name_td .pos-2 {
    color: silver
}

.smm table tbody tr td.name_td .pos-3 {
    color: #CD7F32
}

.smm table tbody tr td:nth-child(1) {
    max-width: 140px;
    border-style: none;
    padding-right: 10px
}

.smm table tbody tr td:nth-child(2) {
    padding-left: 9px;
    box-sizing: border-box;
    width: 620px;
    overflow: hidden
}

.smm table tbody tr td:nth-child(3) {
    width: 41px
}

.smm table tbody tr td:nth-child(4) {
    width: 41px
}

.smm table tbody tr td:nth-child(5) {
    width: 41px
}

.smm table tbody tr td:nth-child(6) {
    width: 41px
}

.smm table tbody tr td:nth-child(7) {
    width: 41px
}

.smm table tbody tr td:nth-child(8) {
    width: 41px
}

.smm table tbody tr td:nth-child(9) {
    width: 41px
}

.smm table tbody tr td:nth-child(10) {
    visibility: hidden;
    border: none;
    width: 18px
}

.smm table tbody tr td:nth-child(11) {
    padding-left: 9px;
    padding-bottom: 4px;
    width: 36px
}

.smm table tbody tr td:nth-child(12) {
    visibility: hidden;
    border: none;
    width: 18px
}

.smm table tbody tr td:last-child {
    text-align: center;
    width: 40px
}

.smm table tbody tr td .flex {
    display: flex;
    justify-content: flex-end;
    padding-left: 8px
}

.smm table tbody tr td .flex img,
.smm table tbody tr td .flex i {
    height: 30px;
    align-items: center
}

.smm table tbody tr td .flex .winner {
    display: flex;
    align-items: center
}

.smm table tbody tr td .flex .winner .cl_winner {
    width: 33px;
    height: 30px
}

.smm table tbody tr td .flex .winner .cl_winner.stars-1 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png);
    background-repeat: no-repeat
}

.smm table tbody tr td .flex .winner .cl_winner.stars-2 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png);
    background-repeat: no-repeat
}

.smm table tbody tr td .flex .winner .cl_winner:before {
    visibility: hidden
}

.smm table tbody tr td .flex .club_wrap {
    display: flex;
    align-items: center
}

.smm table tbody tr td .flex .wreaths_wrap {
    display: flex;
    align-items: center
}

.smm .final_words {
    width: 1280px;
    margin: 100px auto;
    display: flex;
    justify-content: flex-start
}

.smm .final_words p {
    display: block;
    font-family: "GraublauSlab-Bold";
    text-align: left;
    font-size: 48px;
    line-height: 56px
}

.smm_new {
    width: 100%;
    min-width: 1300px;
    min-height: 100vh;
    color: white;
    padding-bottom: 30px;
    background-image: url(/assets/smm/smm-bg-7e4b7205fc25c696d832235bef778d1b5e1292d33c8cc91bb4a302d82efe7042.png);
    background-size: cover;
    background-color: #000920
}

.smm_new .wrap {
    width: 1280px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.smm_new .wrap .game_name {
    font-family: "GraublauSansDispBd";
    font-size: 42px;
    line-height: 28px
}

.smm_new .wrap .game_name img {
    width: 160px
}

.smm_new .wrap .game_name .date_place {
    font-size: 19px
}

.smm_new .wrap .btns_wrapper {
    display: flex;
    align-items: center
}

.smm_new .wrap .btns_wrapper .btn--write {
    width: 200px;
    height: 44px;
    border: 3px solid #f70303;
    border-radius: 30px;
    font-family: "GraublauSansDisplayRegular";
    line-height: normal;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    padding: 9px;
    margin-right: 30px
}

.smm_new .wrap .selector {
    height: 30px;
    display: flex;
    color: #FF9FB6;
    font-size: 24px;
    line-height: 28px;
    font-family: "GraublauSansDisplayRegular"
}

.smm_new .wrap .selector .pagination {
    display: flex;
    margin: 0;
    border-radius: 0
}

.smm_new .wrap .selector .pagination .current {
    color: #fff;
    border-color: #fff
}

.smm_new .wrap .selector .pagination span.page {
    display: block;
    width: 30px;
    text-align: center;
    border-bottom: 1px solid
}

.smm_new .wrap .selector .pagination span.page a:link {
    color: #FF9FB6
}

.smm_new .wrap .selector .pagination span.page a:visited {
    color: #FF9FB6
}

.smm_new .wrap .selector .pagination span.page a:active {
    color: white;
    text-decoration: underline
}

.smm_new .wrap .selector .pagination span.page a:hover {
    color: #fff
}

.smm_new .wrap .selector .pagination .gap,
.smm_new .wrap .selector .pagination .prev,
.smm_new .wrap .selector .pagination .last,
.smm_new .wrap .selector .pagination .first,
.smm_new .wrap .selector .pagination .next {
    display: none
}

.smm_new .throne {
    width: 1280px;
    height: 90px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto
}

.smm_new .throne .card {
    width: 390px;
    height: 68px;
    padding: 0;
    border-radius: 60px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-family: "GraublauSans-Regular";
    font-size: 22px;
    display: flex;
    align-items: center
}

.smm_new .throne .card p {
    max-width: 300px;
    margin: 0 20px 0 0
}

.smm_new .throne .card .number {
    font-family: "GraublauSans-Heavy-Italic";
    font-size: 40px;
    margin: 0 30px
}

.smm_new .throne .card .first_number {
    color: #fcc628
}

.smm_new .throne .card .second_number {
    color: #9ba6aa
}

.smm_new .throne .card .third_number {
    color: #ff7f41
}

.smm_new .smm_table {
    width: 1280px;
    margin: 0px auto 0;
    border-style: none;
    border-collapse: inherit;
    color: white;
    text-align: center
}

.smm_new .smm_table .header {
    font-size: 20px;
    line-height: 23px;
    font-family: "GraublauSans-Regular";
    display: flex;
    justify-content: center
}

.smm_new .smm_table .header .weather {
    width: 130px
}

.smm_new .smm_table .header .team_and_tour {
    width: 500px;
    padding-left: 15px;
    display: flex;
    justify-content: space-between
}

.smm_new .smm_table .header .tour {
    width: 60px
}

.smm_new .smm_table .header .tour .disable_wrapper {
    padding-bottom: 10px
}

.smm_new .smm_table .header .tour .disable_wrapper .tour_active {
    display: none
}

.smm_new .smm_table .header .tour_4 {
    background-image: url(/assets/smm/bg-4tour-188e52366834614031ea231b8f19c932afd9904ee224574c7265f0b6dcc28a9f.png);
    background-position: 50% 109%
}

.smm_new .smm_table .header .tour_7 {
    background-image: url(/assets/smm/bg-7tour-cd58ae9be6d8577bbbc8faebf344e58834587cb8295f15a1ddb43698ef5523f9.png);
    background-position: 70% 108%
}

.smm_new .smm_table .header .change_position {
    width: 40px
}

.smm_new .smm_table .header .sum {
    width: 88px;
    background-image: url(/assets/smm/bg-sum-40db1066ccfdded4c232f365fc0a58792e2c008d888a0497cf31b4de173aa65e.png);
    background-position: 73% 108%
}

.smm_new .smm_table .header .pos {
    position: relative;
    width: 100px;
    background-image: url(/assets/smm/bg-pos-5fbb1cb7f2775a93b35fbcea5f1d96a75dae1637f0347d7e286d573772cf85d6.png);
    background-position: 86% 108%
}

.smm_new .smm_table .team_body_wrapper {
    font-size: 25px;
    line-height: 38px;
    font-family: "GraublauSansBook"
}

.smm_new .smm_table .team_body_wrapper .team_body {
    display: flex;
    justify-content: center;
    height: 40px
}

.smm_new .smm_table .team_body_wrapper .team_body:nth-child(odd) div:not(:first-child) {
    background-color: rgba(255, 255, 255, 0.07)
}

.smm_new .smm_table .team_body_wrapper .team_body .weather {
    width: 130px;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px
}

.smm_new .smm_table .team_body_wrapper .team_body .weather img,
.smm_new .smm_table .team_body_wrapper .team_body .weather i {
    height: 30px;
    align-items: center
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .winner {
    display: flex;
    align-items: center
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .winner .cl_winner {
    width: 33px;
    height: 30px
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .winner .cl_winner.stars-1 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png);
    background-repeat: no-repeat
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .winner .cl_winner.stars-2 {
    background-image: url(/assets/symbol/star-new-7ac95f309a2f2fe7166e26dabe62904d1477463465e970a3325b20980a13d723.png);
    background-repeat: no-repeat
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .winner .cl_winner:before {
    visibility: hidden
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .club_wrap {
    display: flex;
    align-items: center
}

.smm_new .smm_table .team_body_wrapper .team_body .weather .wreaths_wrap {
    display: flex;
    align-items: center
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour {
    width: 500px;
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    text-align: left
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour .name {
    width: 476px;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour .name a {
    color: #fff;
    text-decoration: underline
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour .star {
    display: flex;
    align-items: center
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour .star .pos-1 {
    color: gold
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour .star .pos-2 {
    color: silver
}

.smm_new .smm_table .team_body_wrapper .team_body .team_and_tour .star .pos-3 {
    color: #CD7F32
}

.smm_new .smm_table .team_body_wrapper .team_body .tour {
    width: 60px
}

.smm_new .smm_table .team_body_wrapper .team_body .tour_4 {
    background-image: url(/assets/smm/bg-4tour-188e52366834614031ea231b8f19c932afd9904ee224574c7265f0b6dcc28a9f.png);
    background-position: center
}

.smm_new .smm_table .team_body_wrapper .team_body .tour_7 {
    background-image: url(/assets/smm/bg-7tour-cd58ae9be6d8577bbbc8faebf344e58834587cb8295f15a1ddb43698ef5523f9.png);
    background-position: 70%
}

.smm_new .smm_table .team_body_wrapper .team_body .change_position {
    width: 40px
}

.smm_new .smm_table .team_body_wrapper .team_body .change_position .top {
    margin: 12px auto 0;
    color: #000;
    background-color: #4dff30;
    width: 25px;
    height: 23px;
    position: relative;
    text-align: center;
    line-height: 1
}

.smm_new .smm_table .team_body_wrapper .team_body .change_position .top:before {
    content: '';
    position: absolute;
    left: 0;
    top: -20.5px;
    border: 12.5px solid transparent;
    border-bottom: 8px solid #4dff30
}

.smm_new .smm_table .team_body_wrapper .team_body .change_position .bot {
    margin: 5px auto 0;
    color: #fff;
    background-color: #a61415;
    width: 25px;
    height: 23px;
    position: relative;
    text-align: center;
    line-height: 1
}

.smm_new .smm_table .team_body_wrapper .team_body .change_position .bot:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20.5px;
    border: 12.5px solid transparent;
    border-top: 8px solid #a61415
}

.smm_new .smm_table .team_body_wrapper .team_body .sum {
    width: 88px;
    font-weight: bold;
    background-image: url(/assets/smm/bg-sum-40db1066ccfdded4c232f365fc0a58792e2c008d888a0497cf31b4de173aa65e.png);
    background-position: 74%
}

.smm_new .smm_table .team_body_wrapper .team_body .pos {
    position: relative;
    width: 100px;
    background-image: url(/assets/smm/bg-pos-5fbb1cb7f2775a93b35fbcea5f1d96a75dae1637f0347d7e286d573772cf85d6.png);
    background-position: 86%
}

.smm_new .smm_table .team_body_wrapper .team_body .pos span {
    position: absolute;
    right: 10px
}

.smm_new .final_words {
    width: 1280px;
    margin: 100px auto;
    display: flex;
    justify-content: flex-start
}

.smm_new .final_words p {
    display: block;
    font-family: "GraublauSlab-Bold";
    text-align: left;
    font-size: 48px;
    line-height: 56px
}

.smm_new #smm_help_modal .modal-dialog {
    max-width: 430px
}

.smm_new #smm_help_modal .modal-dialog .modal-content .modal-header {
    background-color: #fff
}

.smm_new #smm_help_modal .modal-dialog .modal-content .modal-header h2 {
    font-family: "GraublauSlab-Bold";
    font-size: 42px;
    color: red
}

.smm_new #smm_help_modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 50px
}

.smm_new #smm_help_modal .modal-dialog .modal-content .modal-body p {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    color: #000;
    margin: 6px auto 0;
    width: 305px;
    text-align: center
}

.smm_new #smm_help_modal .modal-dialog .modal-content .modal-body .blueBtn {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    width: 210px;
    margin: 30px auto 0
}

.detectit {
    width: 100%;
    min-height: 100vh;
    background-color: black;
    overflow: -moz-hidden-unscrollable
}

.detectit .resultGameCarousel {
    position: relative
}

.detectit .resultGameCarousel header {
    width: 100%;
    height: 10vh;
    background-color: black;
    position: relative;
    display: flex;
    align-items: center
}

.detectit .resultGameCarousel header .map {
    width: 8%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.detectit .resultGameCarousel header .logo {
    display: block;
    width: 14%;
    height: auto;
    position: absolute;
    right: 0;
    margin-right: 3%
}

.detectit .resultGameCarousel header .skrepka {
    height: 60%;
    position: absolute;
    top: 0;
    right: 39%
}

.detectit .resultGameCarousel .bottom {
    width: 6%;
    height: auto;
    position: absolute;
    top: 6vh;
    left: 20%;
    z-index: 2
}

.detectit .resultGameCarousel .rope {
    width: 25%;
    height: auto;
    position: absolute;
    top: 4vh;
    left: 0%;
    z-index: 1
}

.detectit .resultGameCarousel .rope2 {
    height: auto;
    position: absolute;
    top: -0.5vh;
    left: 23.5%;
    z-index: 1
}

.detectit .resultGameCarousel table {
    width: 100%
}

.detectit .resultGameCarousel table thead {
    height: 8vh;
    background-color: #fcc000;
    font-family: "Oswald-ExtraLight";
    text-transform: uppercase;
    color: black
}

.detectit .resultGameCarousel table thead tr {
    font-size: 23px
}

.detectit .resultGameCarousel table thead tr th:first-child {
    width: 6%
}

.detectit .resultGameCarousel table thead tr th:nth-child(2) {
    width: 32%
}

.detectit .resultGameCarousel table thead tr th:nth-child(3) {
    width: 11%
}

.detectit .resultGameCarousel table thead tr th:nth-child(4) {
    width: 11%
}

.detectit .resultGameCarousel table thead tr th:nth-child(5) {
    width: 11%
}

.detectit .resultGameCarousel table thead tr th:nth-child(6) {
    width: 11%
}

.detectit .resultGameCarousel table thead tr th:nth-child(7) {
    width: 11%
}

.detectit .resultGameCarousel table thead tr th:nth-child(8) {
    width: 7%;
    text-align: center
}

.detectit .resultGameCarousel table thead tr th:nth-child(8) .eql {
    height: 1vh;
    width: 30%;
    margin: 0 auto;
    border: 2px solid black;
    border-style: solid none
}

.detectit .resultGameCarousel table tbody tr {
    height: 4vh
}

.detectit .resultGameCarousel table tbody tr td {
    font-family: "a_OldTyperNr-Regular";
    font-size: 20px
}

.detectit .resultGameCarousel table tbody tr td:first-child {
    padding-left: 1%
}

.detectit .resultGameCarousel table tbody tr td:not(:last-child) {
    background-color: black;
    color: white
}

.detectit .resultGameCarousel table tbody tr td:last-child {
    background-color: #fff;
    color: black;
    text-align: center
}

.detectit .resultGameCarousel table tbody tr:first-child td:last-child {
    border-bottom: 1px solid black
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th.team {
    padding-left: 35px
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th.result {
    width: 10%;
    max-width: 10%;
    justify-content: flex-start;
    padding: 0
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th.place {
    width: 13%;
    max-width: 13%;
    padding: 0;
    justify-content: center
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result thead tr th.place {
    justify-content: flex-start;
    width: 8%;
    max-width: 8%
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result tbody {
    border-right: 2px solid #c1c1c1
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td.tName {
    padding-left: 35px
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td.result {
    width: 10%;
    max-width: 10%;
    padding: 0 0 0 0.9%;
    text-align: left
}

#game_result.special_game_result .result_table.full-screen .resultGameCarousel .games_result tbody tr td.place {
    width: 8%;
    max-width: 8%;
    font-size: 40px;
    text-align: left;
    padding: 0;
    padding-left: 0
}

#try_wrapper #calendar_sec #filter_form .right-side .eventsParth #btnMob {
    display: none
}

@media (max-width: 767px) {
    #try_wrapper #calendar_sec #filter_form .right-side .eventsParth #btnMob {
        display: block;
        width: 160px;
        margin: 0 auto;
        font-size: 17px
    }
}

@media (max-width: 767px) {
    #try_wrapper #calendar_sec #filter_form .right-side .eventsParth .gameTabCarousel .itemGame-new:nth-child(5) {
        display: none
    }

    #try_wrapper #calendar_sec #filter_form .right-side .eventsParth .gameTabCarousel .itemGame-new:nth-child(6) {
        display: none
    }

    #try_wrapper #calendar_sec #filter_form .right-side .eventsParth .gameTabCarousel .itemGame-new:nth-child(7) {
        display: none
    }

    #try_wrapper #calendar_sec #filter_form .right-side .eventsParth .gameTabCarousel .itemGame-new:nth-child(8) {
        display: none
    }
}

#try_wrapper .main html,
#try_wrapper .main body,
#try_wrapper .main body div,
#try_wrapper .main span,
#try_wrapper .main object,
#try_wrapper .main iframe,
#try_wrapper .main h1,
#try_wrapper .main h2,
#try_wrapper .main h3,
#try_wrapper .main h4,
#try_wrapper .main h5,
#try_wrapper .main h6,
#try_wrapper .main p,
#try_wrapper .main blockquote,
#try_wrapper .main pre,
#try_wrapper .main a,
#try_wrapper .main abbr,
#try_wrapper .main address,
#try_wrapper .main cite,
#try_wrapper .main code,
#try_wrapper .main del,
#try_wrapper .main dfn,
#try_wrapper .main em,
#try_wrapper .main img,
#try_wrapper .main ins,
#try_wrapper .main kbd,
#try_wrapper .main q,
#try_wrapper .main samp,
#try_wrapper .main small,
#try_wrapper .main strong,
#try_wrapper .main sub,
#try_wrapper .main sup,
#try_wrapper .main var,
#try_wrapper .main b,
#try_wrapper .main i,
#try_wrapper .main dl,
#try_wrapper .main dt,
#try_wrapper .main dd,
#try_wrapper .main ol,
#try_wrapper .main ul,
#try_wrapper .main li,
#try_wrapper .main fieldset,
#try_wrapper .main form,
#try_wrapper .main label,
#try_wrapper .main legend,
#try_wrapper .main table,
#try_wrapper .main caption,
#try_wrapper .main tbody,
#try_wrapper .main tfoot,
#try_wrapper .main thead,
#try_wrapper .main tr,
#try_wrapper .main th,
#try_wrapper .main td,
#try_wrapper .main article,
#try_wrapper .main aside,
#try_wrapper .main figure,
#try_wrapper .main footer,
#try_wrapper .main header,
#try_wrapper .main hgroup,
#try_wrapper .main menu,
#try_wrapper .main nav,
#try_wrapper .main section,
#try_wrapper .main time,
#try_wrapper .main mark,
#try_wrapper .main audio,
#try_wrapper .main video,
#try_wrapper .ratings html,
#try_wrapper .ratings body,
#try_wrapper .ratings body div,
#try_wrapper .ratings span,
#try_wrapper .ratings object,
#try_wrapper .ratings iframe,
#try_wrapper .ratings h1,
#try_wrapper .ratings h2,
#try_wrapper .ratings h3,
#try_wrapper .ratings h4,
#try_wrapper .ratings h5,
#try_wrapper .ratings h6,
#try_wrapper .ratings p,
#try_wrapper .ratings blockquote,
#try_wrapper .ratings pre,
#try_wrapper .ratings a,
#try_wrapper .ratings abbr,
#try_wrapper .ratings address,
#try_wrapper .ratings cite,
#try_wrapper .ratings code,
#try_wrapper .ratings del,
#try_wrapper .ratings dfn,
#try_wrapper .ratings em,
#try_wrapper .ratings img,
#try_wrapper .ratings ins,
#try_wrapper .ratings kbd,
#try_wrapper .ratings q,
#try_wrapper .ratings samp,
#try_wrapper .ratings small,
#try_wrapper .ratings strong,
#try_wrapper .ratings sub,
#try_wrapper .ratings sup,
#try_wrapper .ratings var,
#try_wrapper .ratings b,
#try_wrapper .ratings i,
#try_wrapper .ratings dl,
#try_wrapper .ratings dt,
#try_wrapper .ratings dd,
#try_wrapper .ratings ol,
#try_wrapper .ratings ul,
#try_wrapper .ratings li,
#try_wrapper .ratings fieldset,
#try_wrapper .ratings form,
#try_wrapper .ratings label,
#try_wrapper .ratings legend,
#try_wrapper .ratings table,
#try_wrapper .ratings caption,
#try_wrapper .ratings tbody,
#try_wrapper .ratings tfoot,
#try_wrapper .ratings thead,
#try_wrapper .ratings tr,
#try_wrapper .ratings th,
#try_wrapper .ratings td,
#try_wrapper .ratings article,
#try_wrapper .ratings aside,
#try_wrapper .ratings figure,
#try_wrapper .ratings footer,
#try_wrapper .ratings header,
#try_wrapper .ratings hgroup,
#try_wrapper .ratings menu,
#try_wrapper .ratings nav,
#try_wrapper .ratings section,
#try_wrapper .ratings time,
#try_wrapper .ratings mark,
#try_wrapper .ratings audio,
#try_wrapper .ratings video,
#try_wrapper .rules html,
#try_wrapper .rules body,
#try_wrapper .rules body div,
#try_wrapper .rules span,
#try_wrapper .rules object,
#try_wrapper .rules iframe,
#try_wrapper .rules h1,
#try_wrapper .rules h2,
#try_wrapper .rules h3,
#try_wrapper .rules h4,
#try_wrapper .rules h5,
#try_wrapper .rules h6,
#try_wrapper .rules p,
#try_wrapper .rules blockquote,
#try_wrapper .rules pre,
#try_wrapper .rules a,
#try_wrapper .rules abbr,
#try_wrapper .rules address,
#try_wrapper .rules cite,
#try_wrapper .rules code,
#try_wrapper .rules del,
#try_wrapper .rules dfn,
#try_wrapper .rules em,
#try_wrapper .rules img,
#try_wrapper .rules ins,
#try_wrapper .rules kbd,
#try_wrapper .rules q,
#try_wrapper .rules samp,
#try_wrapper .rules small,
#try_wrapper .rules strong,
#try_wrapper .rules sub,
#try_wrapper .rules sup,
#try_wrapper .rules var,
#try_wrapper .rules b,
#try_wrapper .rules i,
#try_wrapper .rules dl,
#try_wrapper .rules dt,
#try_wrapper .rules dd,
#try_wrapper .rules ol,
#try_wrapper .rules ul,
#try_wrapper .rules li,
#try_wrapper .rules fieldset,
#try_wrapper .rules form,
#try_wrapper .rules label,
#try_wrapper .rules legend,
#try_wrapper .rules table,
#try_wrapper .rules caption,
#try_wrapper .rules tbody,
#try_wrapper .rules tfoot,
#try_wrapper .rules thead,
#try_wrapper .rules tr,
#try_wrapper .rules th,
#try_wrapper .rules td,
#try_wrapper .rules article,
#try_wrapper .rules aside,
#try_wrapper .rules figure,
#try_wrapper .rules footer,
#try_wrapper .rules header,
#try_wrapper .rules hgroup,
#try_wrapper .rules menu,
#try_wrapper .rules nav,
#try_wrapper .rules section,
#try_wrapper .rules time,
#try_wrapper .rules mark,
#try_wrapper .rules audio,
#try_wrapper .rules video,
#try_wrapper .themed-games html,
#try_wrapper .themed-games body,
#try_wrapper .themed-games body div,
#try_wrapper .themed-games span,
#try_wrapper .themed-games object,
#try_wrapper .themed-games iframe,
#try_wrapper .themed-games h1,
#try_wrapper .themed-games h2,
#try_wrapper .themed-games h3,
#try_wrapper .themed-games h4,
#try_wrapper .themed-games h5,
#try_wrapper .themed-games h6,
#try_wrapper .themed-games p,
#try_wrapper .themed-games blockquote,
#try_wrapper .themed-games pre,
#try_wrapper .themed-games a,
#try_wrapper .themed-games abbr,
#try_wrapper .themed-games address,
#try_wrapper .themed-games cite,
#try_wrapper .themed-games code,
#try_wrapper .themed-games del,
#try_wrapper .themed-games dfn,
#try_wrapper .themed-games em,
#try_wrapper .themed-games img,
#try_wrapper .themed-games ins,
#try_wrapper .themed-games kbd,
#try_wrapper .themed-games q,
#try_wrapper .themed-games samp,
#try_wrapper .themed-games small,
#try_wrapper .themed-games strong,
#try_wrapper .themed-games sub,
#try_wrapper .themed-games sup,
#try_wrapper .themed-games var,
#try_wrapper .themed-games b,
#try_wrapper .themed-games i,
#try_wrapper .themed-games dl,
#try_wrapper .themed-games dt,
#try_wrapper .themed-games dd,
#try_wrapper .themed-games ol,
#try_wrapper .themed-games ul,
#try_wrapper .themed-games li,
#try_wrapper .themed-games fieldset,
#try_wrapper .themed-games form,
#try_wrapper .themed-games label,
#try_wrapper .themed-games legend,
#try_wrapper .themed-games table,
#try_wrapper .themed-games caption,
#try_wrapper .themed-games tbody,
#try_wrapper .themed-games tfoot,
#try_wrapper .themed-games thead,
#try_wrapper .themed-games tr,
#try_wrapper .themed-games th,
#try_wrapper .themed-games td,
#try_wrapper .themed-games article,
#try_wrapper .themed-games aside,
#try_wrapper .themed-games figure,
#try_wrapper .themed-games footer,
#try_wrapper .themed-games header,
#try_wrapper .themed-games hgroup,
#try_wrapper .themed-games menu,
#try_wrapper .themed-games nav,
#try_wrapper .themed-games section,
#try_wrapper .themed-games time,
#try_wrapper .themed-games mark,
#try_wrapper .themed-games audio,
#try_wrapper .themed-games video,
#try_wrapper .photos html,
#try_wrapper .photos body,
#try_wrapper .photos body div,
#try_wrapper .photos span,
#try_wrapper .photos object,
#try_wrapper .photos iframe,
#try_wrapper .photos h1,
#try_wrapper .photos h2,
#try_wrapper .photos h3,
#try_wrapper .photos h4,
#try_wrapper .photos h5,
#try_wrapper .photos h6,
#try_wrapper .photos p,
#try_wrapper .photos blockquote,
#try_wrapper .photos pre,
#try_wrapper .photos a,
#try_wrapper .photos abbr,
#try_wrapper .photos address,
#try_wrapper .photos cite,
#try_wrapper .photos code,
#try_wrapper .photos del,
#try_wrapper .photos dfn,
#try_wrapper .photos em,
#try_wrapper .photos img,
#try_wrapper .photos ins,
#try_wrapper .photos kbd,
#try_wrapper .photos q,
#try_wrapper .photos samp,
#try_wrapper .photos small,
#try_wrapper .photos strong,
#try_wrapper .photos sub,
#try_wrapper .photos sup,
#try_wrapper .photos var,
#try_wrapper .photos b,
#try_wrapper .photos i,
#try_wrapper .photos dl,
#try_wrapper .photos dt,
#try_wrapper .photos dd,
#try_wrapper .photos ol,
#try_wrapper .photos ul,
#try_wrapper .photos li,
#try_wrapper .photos fieldset,
#try_wrapper .photos form,
#try_wrapper .photos label,
#try_wrapper .photos legend,
#try_wrapper .photos table,
#try_wrapper .photos caption,
#try_wrapper .photos tbody,
#try_wrapper .photos tfoot,
#try_wrapper .photos thead,
#try_wrapper .photos tr,
#try_wrapper .photos th,
#try_wrapper .photos td,
#try_wrapper .photos article,
#try_wrapper .photos aside,
#try_wrapper .photos figure,
#try_wrapper .photos footer,
#try_wrapper .photos header,
#try_wrapper .photos hgroup,
#try_wrapper .photos menu,
#try_wrapper .photos nav,
#try_wrapper .photos section,
#try_wrapper .photos time,
#try_wrapper .photos mark,
#try_wrapper .photos audio,
#try_wrapper .photos video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

#try_wrapper .main article,
#try_wrapper .main aside,
#try_wrapper .main figure,
#try_wrapper .main footer,
#try_wrapper .main header,
#try_wrapper .main hgroup,
#try_wrapper .main nav,
#try_wrapper .main section,
#try_wrapper .ratings article,
#try_wrapper .ratings aside,
#try_wrapper .ratings figure,
#try_wrapper .ratings footer,
#try_wrapper .ratings header,
#try_wrapper .ratings hgroup,
#try_wrapper .ratings nav,
#try_wrapper .ratings section,
#try_wrapper .rules article,
#try_wrapper .rules aside,
#try_wrapper .rules figure,
#try_wrapper .rules footer,
#try_wrapper .rules header,
#try_wrapper .rules hgroup,
#try_wrapper .rules nav,
#try_wrapper .rules section,
#try_wrapper .themed-games article,
#try_wrapper .themed-games aside,
#try_wrapper .themed-games figure,
#try_wrapper .themed-games footer,
#try_wrapper .themed-games header,
#try_wrapper .themed-games hgroup,
#try_wrapper .themed-games nav,
#try_wrapper .themed-games section,
#try_wrapper .photos article,
#try_wrapper .photos aside,
#try_wrapper .photos figure,
#try_wrapper .photos footer,
#try_wrapper .photos header,
#try_wrapper .photos hgroup,
#try_wrapper .photos nav,
#try_wrapper .photos section {
    display: block
}

#try_wrapper .main header,
#try_wrapper .main section,
#try_wrapper .main footer,
#try_wrapper .ratings header,
#try_wrapper .ratings section,
#try_wrapper .ratings footer,
#try_wrapper .rules header,
#try_wrapper .rules section,
#try_wrapper .rules footer,
#try_wrapper .themed-games header,
#try_wrapper .themed-games section,
#try_wrapper .themed-games footer,
#try_wrapper .photos header,
#try_wrapper .photos section,
#try_wrapper .photos footer {
    clear: both
}

#try_wrapper .main html,
#try_wrapper .ratings html,
#try_wrapper .rules html,
#try_wrapper .themed-games html,
#try_wrapper .photos html {
    overflow-y: scroll
}

#try_wrapper .main div,
#try_wrapper .main p,
#try_wrapper .ratings div,
#try_wrapper .ratings p,
#try_wrapper .rules div,
#try_wrapper .rules p,
#try_wrapper .themed-games div,
#try_wrapper .themed-games p,
#try_wrapper .photos div,
#try_wrapper .photos p {
    color: #fff
}

#try_wrapper .main ul,
#try_wrapper .ratings ul,
#try_wrapper .rules ul,
#try_wrapper .themed-games ul,
#try_wrapper .photos ul {
    list-style: outside disc;
    margin: 15px 0 15px 30px
}

#try_wrapper .main ol,
#try_wrapper .ratings ol,
#try_wrapper .rules ol,
#try_wrapper .themed-games ol,
#try_wrapper .photos ol {
    list-style: outside decimal;
    margin: 15px 0 15px 30px
}

#try_wrapper .main table,
#try_wrapper .ratings table,
#try_wrapper .rules table,
#try_wrapper .themed-games table,
#try_wrapper .photos table {
    border-collapse: collapse;
    border-spacing: 0
}

#try_wrapper .main td,
#try_wrapper .main td img,
#try_wrapper .ratings td,
#try_wrapper .ratings td img,
#try_wrapper .rules td,
#try_wrapper .rules td img,
#try_wrapper .themed-games td,
#try_wrapper .themed-games td img,
#try_wrapper .photos td,
#try_wrapper .photos td img {
    vertical-align: top
}

#try_wrapper .main button,
#try_wrapper .main input,
#try_wrapper .main select,
#try_wrapper .main textarea,
#try_wrapper .ratings button,
#try_wrapper .ratings input,
#try_wrapper .ratings select,
#try_wrapper .ratings textarea,
#try_wrapper .rules button,
#try_wrapper .rules input,
#try_wrapper .rules select,
#try_wrapper .rules textarea,
#try_wrapper .themed-games button,
#try_wrapper .themed-games input,
#try_wrapper .themed-games select,
#try_wrapper .themed-games textarea,
#try_wrapper .photos button,
#try_wrapper .photos input,
#try_wrapper .photos select,
#try_wrapper .photos textarea {
    margin: 0;
    outline: none
}

#try_wrapper .main input::-moz-focus-inner,
#try_wrapper .main button::-moz-focus-inner,
#try_wrapper .ratings input::-moz-focus-inner,
#try_wrapper .ratings button::-moz-focus-inner,
#try_wrapper .rules input::-moz-focus-inner,
#try_wrapper .rules button::-moz-focus-inner,
#try_wrapper .themed-games input::-moz-focus-inner,
#try_wrapper .themed-games button::-moz-focus-inner,
#try_wrapper .photos input::-moz-focus-inner,
#try_wrapper .photos button::-moz-focus-inner {
    padding: 0;
    border: 0
}

#try_wrapper .main input,
#try_wrapper .main select,
#try_wrapper .ratings input,
#try_wrapper .ratings select,
#try_wrapper .rules input,
#try_wrapper .rules select,
#try_wrapper .themed-games input,
#try_wrapper .themed-games select,
#try_wrapper .photos input,
#try_wrapper .photos select {
    vertical-align: middle
}

#try_wrapper .main input[type=radio],
#try_wrapper .main input[type=checkbox],
#try_wrapper .ratings input[type=radio],
#try_wrapper .ratings input[type=checkbox],
#try_wrapper .rules input[type=radio],
#try_wrapper .rules input[type=checkbox],
#try_wrapper .themed-games input[type=radio],
#try_wrapper .themed-games input[type=checkbox],
#try_wrapper .photos input[type=radio],
#try_wrapper .photos input[type=checkbox] {
    margin: 1px 4px 4px 0
}

#try_wrapper .main input[type=text],
#try_wrapper .main input[type=password],
#try_wrapper .ratings input[type=text],
#try_wrapper .ratings input[type=password],
#try_wrapper .rules input[type=text],
#try_wrapper .rules input[type=password],
#try_wrapper .themed-games input[type=text],
#try_wrapper .themed-games input[type=password],
#try_wrapper .photos input[type=text],
#try_wrapper .photos input[type=password] {
    border-radius: 0;
    -webkit-appearance: none
}

#try_wrapper .main textarea,
#try_wrapper .ratings textarea,
#try_wrapper .rules textarea,
#try_wrapper .themed-games textarea,
#try_wrapper .photos textarea {
    overflow: auto;
    resize: vertical;
    border-radius: 0;
    -webkit-appearance: none
}

#try_wrapper .main button,
#try_wrapper .main input[type=submit],
#try_wrapper .ratings button,
#try_wrapper .ratings input[type=submit],
#try_wrapper .rules button,
#try_wrapper .rules input[type=submit],
#try_wrapper .themed-games button,
#try_wrapper .themed-games input[type=submit],
#try_wrapper .photos button,
#try_wrapper .photos input[type=submit] {
    width: auto;
    overflow: visible
}

#try_wrapper .main .ie7 input[type=submit],
#try_wrapper .main .ie7 input[type=reset],
#try_wrapper .main .ie7 input[type=button],
#try_wrapper .ratings .ie7 input[type=submit],
#try_wrapper .ratings .ie7 input[type=reset],
#try_wrapper .ratings .ie7 input[type=button],
#try_wrapper .rules .ie7 input[type=submit],
#try_wrapper .rules .ie7 input[type=reset],
#try_wrapper .rules .ie7 input[type=button],
#try_wrapper .themed-games .ie7 input[type=submit],
#try_wrapper .themed-games .ie7 input[type=reset],
#try_wrapper .themed-games .ie7 input[type=button],
#try_wrapper .photos .ie7 input[type=submit],
#try_wrapper .photos .ie7 input[type=reset],
#try_wrapper .photos .ie7 input[type=button] {
    filter: chroma(color=#000)
}

#try_wrapper .main input[type=button],
#try_wrapper .main input[type=submit],
#try_wrapper .main button,
#try_wrapper .ratings input[type=button],
#try_wrapper .ratings input[type=submit],
#try_wrapper .ratings button,
#try_wrapper .rules input[type=button],
#try_wrapper .rules input[type=submit],
#try_wrapper .rules button,
#try_wrapper .themed-games input[type=button],
#try_wrapper .themed-games input[type=submit],
#try_wrapper .themed-games button,
#try_wrapper .photos input[type=button],
#try_wrapper .photos input[type=submit],
#try_wrapper .photos button {
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none
}

#try_wrapper .main blockquote,
#try_wrapper .main q,
#try_wrapper .ratings blockquote,
#try_wrapper .ratings q,
#try_wrapper .rules blockquote,
#try_wrapper .rules q,
#try_wrapper .themed-games blockquote,
#try_wrapper .themed-games q,
#try_wrapper .photos blockquote,
#try_wrapper .photos q {
    quotes: none
}

#try_wrapper .main blockquote:before,
#try_wrapper .main blockquote:after,
#try_wrapper .main q:before,
#try_wrapper .main q:after,
#try_wrapper .ratings blockquote:before,
#try_wrapper .ratings blockquote:after,
#try_wrapper .ratings q:before,
#try_wrapper .ratings q:after,
#try_wrapper .rules blockquote:before,
#try_wrapper .rules blockquote:after,
#try_wrapper .rules q:before,
#try_wrapper .rules q:after,
#try_wrapper .themed-games blockquote:before,
#try_wrapper .themed-games blockquote:after,
#try_wrapper .themed-games q:before,
#try_wrapper .themed-games q:after,
#try_wrapper .photos blockquote:before,
#try_wrapper .photos blockquote:after,
#try_wrapper .photos q:before,
#try_wrapper .photos q:after {
    content: '';
    content: none
}

#try_wrapper .main del,
#try_wrapper .ratings del,
#try_wrapper .rules del,
#try_wrapper .themed-games del,
#try_wrapper .photos del {
    text-decoration: line-through
}

#try_wrapper .main abbr[title],
#try_wrapper .main dfn[title],
#try_wrapper .ratings abbr[title],
#try_wrapper .ratings dfn[title],
#try_wrapper .rules abbr[title],
#try_wrapper .rules dfn[title],
#try_wrapper .themed-games abbr[title],
#try_wrapper .themed-games dfn[title],
#try_wrapper .photos abbr[title],
#try_wrapper .photos dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

#try_wrapper .main small,
#try_wrapper .ratings small,
#try_wrapper .rules small,
#try_wrapper .themed-games small,
#try_wrapper .photos small {
    font-size: 85%
}

#try_wrapper .main strong,
#try_wrapper .ratings strong,
#try_wrapper .rules strong,
#try_wrapper .themed-games strong,
#try_wrapper .photos strong {
    font-weight: bold
}

#try_wrapper .main sub,
#try_wrapper .main sup,
#try_wrapper .ratings sub,
#try_wrapper .ratings sup,
#try_wrapper .rules sub,
#try_wrapper .rules sup,
#try_wrapper .themed-games sub,
#try_wrapper .themed-games sup,
#try_wrapper .photos sub,
#try_wrapper .photos sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

#try_wrapper .main sup,
#try_wrapper .ratings sup,
#try_wrapper .rules sup,
#try_wrapper .themed-games sup,
#try_wrapper .photos sup {
    top: -0.5em
}

#try_wrapper .main sub,
#try_wrapper .ratings sub,
#try_wrapper .rules sub,
#try_wrapper .themed-games sub,
#try_wrapper .photos sub {
    bottom: -0.25em
}

#try_wrapper .main hr,
#try_wrapper .ratings hr,
#try_wrapper .rules hr,
#try_wrapper .themed-games hr,
#try_wrapper .photos hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}

#try_wrapper .main pre,
#try_wrapper .main code,
#try_wrapper .main kbd,
#try_wrapper .main samp,
#try_wrapper .ratings pre,
#try_wrapper .ratings code,
#try_wrapper .ratings kbd,
#try_wrapper .ratings samp,
#try_wrapper .rules pre,
#try_wrapper .rules code,
#try_wrapper .rules kbd,
#try_wrapper .rules samp,
#try_wrapper .themed-games pre,
#try_wrapper .themed-games code,
#try_wrapper .themed-games kbd,
#try_wrapper .themed-games samp,
#try_wrapper .photos pre,
#try_wrapper .photos code,
#try_wrapper .photos kbd,
#try_wrapper .photos samp {
    font-family: monospace, sans-serif
}

#try_wrapper .main pre,
#try_wrapper .ratings pre,
#try_wrapper .rules pre,
#try_wrapper .themed-games pre,
#try_wrapper .photos pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

#try_wrapper .main .ie7 img,
#try_wrapper .ratings .ie7 img,
#try_wrapper .rules .ie7 img,
#try_wrapper .themed-games .ie7 img,
#try_wrapper .photos .ie7 img {
    -ms-interpolation-mode: bicubic
}

#try_wrapper .main .clear,
#try_wrapper .ratings .clear,
#try_wrapper .rules .clear,
#try_wrapper .themed-games .clear,
#try_wrapper .photos .clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}

#try_wrapper .main .center,
#try_wrapper .ratings .center,
#try_wrapper .rules .center,
#try_wrapper .themed-games .center,
#try_wrapper .photos .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

#try_wrapper .main a,
#try_wrapper .ratings a,
#try_wrapper .rules a,
#try_wrapper .themed-games a,
#try_wrapper .photos a {
    color: inherit;
    text-decoration: none
}

#try_wrapper .main a:hover,
#try_wrapper .ratings a:hover,
#try_wrapper .rules a:hover,
#try_wrapper .themed-games a:hover,
#try_wrapper .photos a:hover {
    text-decoration: none
}

#try_wrapper .main a.ajax-link,
#try_wrapper .ratings a.ajax-link,
#try_wrapper .rules a.ajax-link,
#try_wrapper .themed-games a.ajax-link,
#try_wrapper .photos a.ajax-link {
    text-decoration: none
}

#try_wrapper .main h1,
#try_wrapper .ratings h1,
#try_wrapper .rules h1,
#try_wrapper .themed-games h1,
#try_wrapper .photos h1 {
    font-size: 90px;
    font-family: "GraublauSlab-Bold";
    line-height: 90px;
    color: #fff
}

@media (max-width: 767px) {

    #try_wrapper .main h1,
    #try_wrapper .ratings h1,
    #try_wrapper .rules h1,
    #try_wrapper .themed-games h1,
    #try_wrapper .photos h1 {
        font-size: 32px;
        line-height: 1
    }
}

#try_wrapper .main h2,
#try_wrapper .ratings h2,
#try_wrapper .rules h2,
#try_wrapper .themed-games h2,
#try_wrapper .photos h2 {
    font-size: 100px;
    font-family: "GraublauSlab-Bold";
    line-height: 85px;
    color: #fff;
    letter-spacing: -0.3px
}

#try_wrapper .main h3,
#try_wrapper .ratings h3,
#try_wrapper .rules h3,
#try_wrapper .themed-games h3,
#try_wrapper .photos h3 {
    text-align: center;
    font-size: 60px;
    letter-spacing: -0.31px;
    font-family: "GraublauSlab-Bold";
    line-height: 85px;
    color: #fff
}

@media (max-width: 767px) {

    #try_wrapper .main h3,
    #try_wrapper .ratings h3,
    #try_wrapper .rules h3,
    #try_wrapper .themed-games h3,
    #try_wrapper .photos h3 {
        font-size: 35px;
        line-height: 1
    }
}

#try_wrapper .main *,
#try_wrapper .ratings *,
#try_wrapper .rules *,
#try_wrapper .themed-games *,
#try_wrapper .photos * {
    box-sizing: border-box
}

#try_wrapper .main *,
#try_wrapper .ratings *,
#try_wrapper .rules *,
#try_wrapper .themed-games *,
#try_wrapper .photos * {
    min-height: 0;
    min-width: 0
}

#try_wrapper .main li#slick-slide01,
#try_wrapper .ratings li#slick-slide01,
#try_wrapper .rules li#slick-slide01,
#try_wrapper .themed-games li#slick-slide01,
#try_wrapper .photos li#slick-slide01 {
    margin-top: 5px
}

#try_wrapper .main {
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-image: url(/assets/try/main-bg-f887c1886995016ecafcb2af8b18ff3a45dfc73aea0ba747c20237f4e610d3b3.jpg)
}

#try_wrapper .main .container {
    padding-top: 42px;
    padding-bottom: 105px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/assets/try/main-pattern-debe4504d1b9872f57afcabd40f5f0c6ab55c9f9a54865fc2d4fbe394d6b2718.png)
}

#try_wrapper .main-text {
    color: #fff;
    max-width: 930px;
    margin: 18px auto 0;
    font-size: 24px;
    line-height: 1
}

@media (max-width: 767px) {
    #try_wrapper .main-text {
        display: none
    }
}

#try_wrapper .main-text_mob {
    display: none;
    color: #fff;
    max-width: 930px;
    margin: 18px auto 0;
    font-size: 24px;
    line-height: 30px
}

@media (max-width: 767px) {
    #try_wrapper .main-text_mob {
        display: block;
        line-height: 1;
        font-size: 20px;
        text-align: left
    }
}

#try_wrapper .main-video_wrapper {
    margin: 70px auto 0
}

#try_wrapper .main-video_wrapper p {
    margin-bottom: 20px;
    font-size: 28px;
    color: #fff;
    font-family: "GraublauSlab-Bold"
}

#try_wrapper .main-video_wrapper .video {
    width: 500px;
    margin: 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 25.25%
}

#try_wrapper .main-video_wrapper .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    #try_wrapper .main-video_wrapper .video {
        width: 320px;
        padding-bottom: 60.25%
    }
}

#try_wrapper .main-video_wrapper #down_array {
    position: absolute;
    bottom: 40px;
    left: calc(50% - 15px);
    z-index: 1002;
    cursor: pointer
}

#try_wrapper .rules {
    padding-top: 75px;
    padding-bottom: 50px;
    background-color: #0b0d11
}

#try_wrapper .rules h3 {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    #try_wrapper .rules h3 {
        font-size: 33px
    }
}

#try_wrapper .rules-unit {
    border: 1px solid #23262c
}

#try_wrapper .rules-unit {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 1100px;
    width: 86%;
    padding-left: 70px;
    padding-right: 40px
}

@media (max-width: 767px) {
    #try_wrapper .rules-unit {
        padding: 10px 10px 10px 30px
    }
}

#try_wrapper .rules-unit:not(:last-child) {
    margin-bottom: 10px
}

#try_wrapper .rules-unit-title {
    font-family: "GraublauSlab-Bold";
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    position: relative;
    left: 0;
    top: 0
}

@media (max-width: 767px) {
    #try_wrapper .rules-unit-title {
        font-size: 16px;
        line-height: 1
    }
}

#try_wrapper .rules-unit-title img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    transform: rotate(-180deg);
    left: -42px;
    top: 27px
}

@media (max-width: 767px) {
    #try_wrapper .rules-unit-title img {
        left: -20px;
        top: 5px
    }
}

#try_wrapper .rules-unit-text {
    margin-top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    max-height: 0;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px
}

#try_wrapper .rules-unit-text span {
    color: #ff0000;
    text-decoration: underline
}

#try_wrapper .rules-unit-text p {
    margin-bottom: 10px
}

#try_wrapper .rules-unit:hover {
    background-color: #000
}

#try_wrapper .rules-unit.open {
    background-color: #000
}

#try_wrapper .rules-unit.open .rules-unit-text {
    margin-bottom: 20px;
    margin-top: 5px;
    max-height: 260px
}

@media (max-width: 767px) {
    #try_wrapper .rules-unit.open .rules-unit-text {
        max-height: initial
    }
}

#try_wrapper .rules-unit.open .rules-unit-title img {
    transform: none
}

#try_wrapper .rules-unit.schedule {
    background-repeat: no-repeat;
    background-position: 220px 7px
}

#try_wrapper .ratings {
    padding-top: 82px;
    padding-bottom: 40px;
    background: #090b30;
    background: -moz-linear-gradient(top, #090b30 0%, #0b0d11 100%);
    background: -webkit-linear-gradient(top, #090b30 0%, #0b0d11 100%);
    background: linear-gradient(to bottom, #090b30 0%, #0b0d11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#090b30', endColorstr='#0b0d11', GradientType=0)
}

#try_wrapper .ratings-unit {
    width: 50%
}

@media (max-width: 767px) {
    #try_wrapper .ratings-unit {
        width: initial
    }
}

#try_wrapper .ratings-unit-image {
    float: left;
    height: 130%;
    margin-right: 15px
}

#try_wrapper .ratings-unit:nth-child(2) {
    padding-left: 22px
}

#try_wrapper .ratings-unit .title {
    font-family: "GraublauSlab-Bold";
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px
}

#try_wrapper .ratings-unit-text {
    padding-top: 40px
}

#try_wrapper .ratings-unit-text p {
    margin-bottom: 10px;
    line-height: 20px
}

#try_wrapper .ratings-unit a {
    color: #ff0000;
    text-decoration: underline
}

#try_wrapper .ratings-unit a:hover {
    text-decoration: none
}

#try_wrapper .ratings-wrap {
    margin: 23px auto 0;
    max-width: 83%;
    display: flex
}

@media (max-width: 767px) {
    #try_wrapper .ratings-wrap {
        flex-direction: column
    }
}

#try_wrapper .themed-games {
    padding-top: 70px;
    background-color: #0b0d11
}

#try_wrapper .themed-games-wrap {
    margin-top: 64px;
    padding: 0 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

@media (max-width: 767px) {
    #try_wrapper .themed-games-wrap {
        padding: 0
    }
}

#try_wrapper .themed-games-unit {
    width: 340px;
    margin-bottom: 30px
}

#try_wrapper .themed-games-unit-image {
    height: 100%;
    float: left;
    margin-right: 15px
}

#try_wrapper .themed-games-unit-text {
    padding-top: 3px
}

#try_wrapper .themed-games-unit-text .title {
    font-family: "GraublauSlab-Bold";
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 7px
}

#try_wrapper .themed-games-unit-text .text {
    line-height: 20px
}

#try_wrapper .themed-games-unit-text .btn {
    margin-top: 20px;
    margin-left: 14px;
    height: 30px;
    font-size: 14px;
    line-height: 26px;
    border: 2px solid #ff0000;
    cursor: pointer;
    border-radius: 30px;
    display: inline-block;
    padding: 0 15px
}

#try_wrapper .themed-games-unit:last-child img {
    margin-top: -35px
}

@media (max-width: 767px) {
    #try_wrapper .themed-games-unit:last-child img {
        margin-top: 0
    }
}

#try_wrapper .themed-games-unit:nth-child(2) img {
    margin-top: -5px
}

@media (max-width: 767px) {
    #try_wrapper .themed-games-unit:nth-child(2) img {
        margin-top: 0
    }
}

#try_wrapper .photos {
    padding-top: 70px;
    padding-bottom: 40px;
    background: #0b0d11;
    background: -moz-linear-gradient(top, #0b0d11 0%, #2a0b0f 100%);
    background: -webkit-linear-gradient(top, #0b0d11 0%, #2a0b0f 100%);
    background: linear-gradient(to bottom, #0b0d11 0%, #2a0b0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0d11', endColorstr='#2a0b0f', GradientType=0)
}

#try_wrapper .photos-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 900px
}

#try_wrapper .photos-wrap {
    margin-top: 60px
}

#try_wrapper .photos .slick-dots {
    position: relative;
    margin: 2px 0 0 0
}

#try_wrapper .photos .slick-dots li {
    display: inline-block;
    width: 25%;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

#try_wrapper .photos .slick-dots li:hover {
    opacity: 1
}

#try_wrapper .photos .slick-dots li img {
    width: 100%
}

#try_wrapper .photos .slick-dots li.slick-active {
    opacity: 1
}

#try_wrapper .photos .controls {
    pointer-events: none;
    position: absolute;
    top: 43%;
    width: 100%;
    padding: 0 40px
}

#try_wrapper .photos .controls-unit {
    pointer-events: all;
    height: 87px;
    width: 109px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

#try_wrapper .photos .controls-unit.prev {
    float: left
}

#try_wrapper .photos .controls-unit.next {
    float: right;
    transform: rotate(180deg)
}

#game_registration_edit_wrapper {
    background-color: #ff0000;
    font-family: "GraublauSans-Regular"
}

#game_registration_edit_wrapper .main_section {
    min-height: 600px;
    max-width: 1280px;
    padding: 100px 0 130px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around
}

@media (max-width: 767px) {
    #game_registration_edit_wrapper .main_section {
        flex-direction: column;
        padding: 20px 10px 50px;
        justify-content: flex-start
    }
}

#game_registration_edit_wrapper .main_section .left {
    width: 560px;
    color: #fff;
    font-size: 86px;
    font-family: "GraublauSlab-Heavy";
    line-height: 1;
    padding-top: 35px
}

@media (max-width: 767px) {
    #game_registration_edit_wrapper .main_section .left {
        font-size: 26px;
        width: initial;
        padding-top: 15px;
        text-align: center;
        margin-bottom: 20px
    }
}

#game_registration_edit_wrapper .main_section .right {
    width: 360px;
    height: 324px;
    padding: 30px;
    background-color: #fff;
    border-radius: 20px
}

@media (max-width: 767px) {
    #game_registration_edit_wrapper .main_section .right {
        width: initial;
        padding: 25px
    }
}

#game_registration_edit_wrapper .main_section .right .range_wrapper .description {
    text-align: center;
    font-size: 18px
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .description {
    color: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .rezultOfRangeWrap .centerMod span {
    color: #b1b1b1 !important
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .rezultOfRangeWrap .ticket_blue {
    background-image: url(/assets/symbol/ticket-gray-f482d45424b7221bcbe794841cb4aff265e92c28c35e48a70bb9a88a623baa0e.png);
    background-position: left 96%
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider p {
    color: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-webkit-slider-thumb {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-moz-range-thumb {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-ms-thumb {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-webkit-slider-runnable-track {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-moz-range-track {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-ms-track {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-ms-fill-lower {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]:focus::-ms-fill-lower {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]::-ms-fill-upper {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .range_wrapper.disabled .conventionalSlider input[type=range]:focus::-ms-fill-upper {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .input_wrapper.disabled label {
    color: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .input_wrapper.disabled label:hover~.check {
    border: 2px solid #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .input_wrapper.disabled .check {
    border: 2px solid #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .input_wrapper.disabled input[type=checkbox]:checked~.check {
    border: 2px solid #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .input_wrapper.disabled input[type=checkbox]:checked~.check::before {
    background: #b1b1b1
}

#game_registration_edit_wrapper .main_section .right .input_wrapper {
    position: relative;
    display: flex;
    width: 253px;
    margin: 20px auto
}

#game_registration_edit_wrapper .main_section .right .input_wrapper label {
    font-family: "GraublauSansDisplayRegular";
    font-size: 18px;
    color: #000;
    text-align: left;
    z-index: 6;
    padding-left: 27px;
    margin: 15px auto 0;
    font-weight: 200;
    cursor: pointer;
    position: relative
}

#game_registration_edit_wrapper .main_section .right .input_wrapper label:before {
    content: none
}

#game_registration_edit_wrapper .main_section .right .input_wrapper label:hover~.check {
    border: 2px solid #ff0e00
}

#game_registration_edit_wrapper .main_section .right .input_wrapper .check {
    display: block;
    position: absolute;
    border: 2px solid #c9c9c9;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 17px;
    left: 30px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

#game_registration_edit_wrapper .main_section .right .input_wrapper .check:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear
}

#game_registration_edit_wrapper .main_section .right .input_wrapper input[type=checkbox]:checked~.check {
    border: 2px solid #ff0e00
}

#game_registration_edit_wrapper .main_section .right .input_wrapper input[type=checkbox]:checked~.check::before {
    background: #ff0e00
}

#game_registration_edit_wrapper .main_section .right .blueBtn {
    width: 268px;
    margin: 30px auto 0;
    font-size: 18px
}

#game_registration_edit_wrapper .main_section .right .redBtn {
    display: none;
    width: 268px;
    margin: 30px auto 0
}

#game_registration_edit_wrapper .main_section .error {
    color: #fff;
    font-size: 40px
}

#online_wrapper {
    background-color: #181b24;
    padding-bottom: 200px;
    min-height: 528px
}

#online_wrapper .newTypeOfNav {
    width: 1200px;
    max-width: 1200px;
    margin: auto
}

#online_wrapper .description {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 16px
}

#online_wrapper .title {
    font-size: 2.5rem;
    color: #fff;
    margin-top: 15px
}

#online_wrapper .games {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px
}

@media (max-width: 767px) {
    #online_wrapper .games {
        justify-content: center
    }
}

#online_wrapper .games .help_text {
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    margin: 0 auto
}

#online_wrapper .games .itemGame {
    min-width: 220px;
    max-width: 220px;
    margin: 0 27px 50px
}

#online_wrapper .games .itemGame .game-wrapper {
    border-radius: 5px;
    color: #fff;
    display: block;
    position: relative
}

#online_wrapper .games .itemGame .game-wrapper .date {
    position: absolute;
    top: 9px;
    left: -27px;
    width: 20px;
    line-height: 28px;
    font-family: "GraublauSansDisplayRegular";
    font-size: 20px;
    border-bottom: 4px solid #ff0001;
    padding-bottom: 6px
}

#online_wrapper .games .itemGame .game-wrapper .date_m {
    position: absolute;
    top: 89px;
    left: -71px;
    width: 114px;
    line-height: 28px;
    font-family: GraublauSansDisplayRegular;
    font-size: 19px;
    padding-bottom: 6px;
    z-index: 1;
    text-align: left;
    transform: rotate(-90deg)
}

#online_wrapper .games .itemGame .game-wrapper .download_rating {
    width: 21px;
    position: absolute;
    right: 16px;
    bottom: 60px;
    z-index: 1
}

#online_wrapper .games .itemGame .game-wrapper .open-description {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1
}

#online_wrapper .games .itemGame .game-wrapper .close-description {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1
}

#online_wrapper .games .itemGame .game-wrapper .description {
    display: none;
    line-height: 1;
    overflow: auto
}

#online_wrapper .games .itemGame .game-wrapper .description h1 {
    margin: 0 0 4px 0
}

#online_wrapper .games .itemGame .game-wrapper .description p {
    margin: 0 0 3px 0
}

#online_wrapper .games .itemGame .game-wrapper .top {
    border-radius: 5px 5px 0 0;
    padding: 15px;
    font-family: "GraublauSansDispLt";
    position: relative;
    background-color: #ff0001;
    min-height: 140px
}

#online_wrapper .games .itemGame .game-wrapper .top .game_label {
    font-size: 15px;
    font-family: "GraublauSansDispLtIt"
}

#online_wrapper .games .itemGame .game-wrapper .top .game_label p {
    margin: 0
}

#online_wrapper .games .itemGame .game-wrapper .top .game_label span {
    margin: 0;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}

#online_wrapper .games .itemGame .game-wrapper .top .game_name {
    font-family: "GraublauSansDispBd";
    font-size: 22px;
    margin-bottom: 9px;
    display: flex;
    align-items: flex-start
}

#online_wrapper .games .itemGame .game-wrapper .top .game_name span {
    display: block
}

#online_wrapper .games .itemGame .game-wrapper .top .game_name span.num {
    position: relative;
    padding-bottom: 12px;
    line-height: 27px;
    font-size: 21px;
    min-width: 20px
}

#online_wrapper .games .itemGame .game-wrapper .top .game_name span.num:before {
    height: 4px;
    width: 20px;
    position: absolute;
    content: "";
    bottom: 0;
    background-color: #000
}

#online_wrapper .games .itemGame .game-wrapper .top .map-link {
    margin-bottom: 7px
}

#online_wrapper .games .itemGame .game-wrapper .top span img {
    margin-right: 10px;
    display: inline-block
}

#online_wrapper .games .itemGame .game-wrapper .bottom {
    font-family: "GraublauSansDisplayRegular";
    width: 100%;
    background-color: #e10000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    border-radius: 0 0 5px 5px
}

#online_wrapper .games .itemGame .game-wrapper .bottom li .roundBtn {
    width: 144px;
    padding: 3px 0
}

#online_wrapper .games .itemGame .game-wrapper .no_reports {
    min-height: 206px;
    width: 220px;
    max-width: 220px;
    background-color: #252c3e;
    border-radius: 5px;
    padding: 30px 10px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "GraublauSansDisplayRegular"
}

#online_wrapper .games .itemGame .game-wrapper .no_reports li {
    text-align: center
}

#online_wrapper .games .itemGame .game-wrapper .no_reports .middle img {
    margin-bottom: 18px
}

#online_wrapper .games .pagination {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1100px
}

@media (max-width: 767px) {
    #online_wrapper .games .pagination {
        flex-wrap: wrap
    }
}

#online_wrapper .games .pagination .next,
#online_wrapper .games .pagination .last,
#online_wrapper .games .pagination .first,
#online_wrapper .games .pagination .prev {
    padding: 8px;
    height: 35px;
    width: initial;
    display: flex;
    align-items: center;
    position: initial;
    border-radius: 20px
}

#online_wrapper .games .pagination .next:before,
#online_wrapper .games .pagination .last:before,
#online_wrapper .games .pagination .first:before,
#online_wrapper .games .pagination .prev:before {
    content: none
}

#online_wrapper .games .pagination span {
    color: #fff;
    opacity: 0.6;
    border: 1px solid;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px
}

#online_wrapper .games .pagination span a {
    color: #fff
}

#online_wrapper .games .pagination .current {
    color: #fff;
    opacity: 1;
    border: 1px solid;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

#online_wrapper .no_games {
    font-size: 20px;
    color: #fff
}

.user_agreement {
    background-color: #ff0001;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    height: 355px
}

@media (max-width: 767px) {
    .user_agreement {
        height: initial;
        padding-bottom: 20px
    }
}

.user_agreement .contentWrap {
    width: 1200px;
    max-width: 1200px;
    margin: auto
}

@media (max-width: 767px) {
    .user_agreement .contentWrap {
        width: initial
    }
}

.user_agreement h1 {
    font-size: 7.5rem;
    font-family: "GraublauSlab-Bold";
    color: #fff;
    text-align: center;
    margin: 0 auto 0 0px;
    line-height: 65px
}

@media (max-width: 767px) {
    .user_agreement h1 {
        font-size: 28px;
        line-height: 1
    }
}

#admin_franchise .pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

#admin_franchise .pagination span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

#admin_franchise .pagination span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd
}

#admin_franchise .pagination .current {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    color: #fff;
    background-color: #000
}

.panel-heading-franchise-login-panel {
    padding: 5px 15px
}

.panel-footer-franchise-login-panel {
    padding: 1px 15px;
    color: #A0A0A0
}

.profile-img-franchise-login-panel {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.panel-default-franchise-login-panel {
    margin-top: 150px;
    margin-bottom: 250px
}

.franchise-container {
    margin-top: 25px
}

.navbar-brand {
    padding: 5px 15px
}

.material-switch>input[type="checkbox"] {
    display: none
}

.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px
}

.material-switch>label::before {
    background: black;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px
}

.material-switch>label::after {
    background: white;
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px
}

.material-switch>input[type="checkbox"]:checked+label::before {
    background: inherit;
    opacity: 0.5
}

.material-switch>input[type="checkbox"]:checked+label::after {
    background: inherit;
    left: 20px
}

.form-group.game_edit_input {
    width: 400px
}

#admin_franchise .game_edit #team_ratings_edit_channel .round_points {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none
}

#admin_franchise .game_edit #team_ratings_edit_channel .round_points::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#admin_franchise .game_edit #team_ratings_edit_channel .round_points::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#admin_franchise .game_reg_modal .hints {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: red;
    list-style: none;
    font-weight: normal;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

#admin_franchise .game_reg_modal .hints p {
    cursor: pointer;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

#admin_franchise .game_reg_modal .hints p:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

.panel-body.form-inline-franchise-class form {
    float: left;
    margin-right: 15px
}

#admin_franchise .team_event_export_form {
    margin: 15px 0;
    width: 400px;
    background-color: #6c757d;
    border-radius: 6px;
    padding: 10px
}

#admin_franchise .team_event_export_form h3 {
    text-align: center;
    color: #fff
}

#admin_franchise .team_event_export_form .form-group .combo-select {
    max-width: 260px;
    margin: 15px auto
}

#admin_franchise .team_event_export_form .form-group .combo-select .combo-arrow:before {
    left: 15px
}

#admin_franchise .team_event_export_form .form-group .btn {
    display: block;
    margin: 0 auto
}

#admin_franchise .team_event_export_form .success_message {
    display: none;
    padding: 10px;
    border-radius: 6px;
    margin: 10px 0
}

#admin_franchise .games_wrap {
    display: flex;
    flex-wrap: wrap
}

#admin_franchise .games_wrap .game_wrap {
    width: 250px;
    height: 250px;
    padding: 20px;
    border: 1px solid;
    margin: 10px
}

.chart_teams_stat {
    display: flex;
    margin-top: 50px;
    height: 570px
}

.chart_teams_stat .chart {
    height: 570px;
    width: 50%
}

.chart_teams_stat .info {
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.chart_teams_stat .info p {
    font-size: 24px
}

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone .dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone.dz-drag-hover {
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.04)
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    display: inline-block;
    margin: 17px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 6px 6px
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
    width: 100px;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px;
    margin-bottom: 22px
}

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%
}

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block
}

.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
    display: none
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    color: #8cc657
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    color: #ee162d
}

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7;
    display: none
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #8cc657
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245, 245, 245, 0.8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    z-index: 500
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    display: block
}

.dropzone {
    border: 1px solid rgba(0, 0, 0, 0.03);
    min-height: 360px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.03);
    padding: 23px
}

.dropzone .dz-default.dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-image: url(/assets/spritemap-628f64345fe189d355a3208038de23684f64a3db832a674cb646a250ced3361b.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 428px;
    height: 123px;
    margin-left: -214px;
    margin-top: -61.5px;
    top: 50%;
    left: 50%
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 1.5 / 1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 138dpi),
(min-resolution: 1.5dppx) {
    .dropzone .dz-default.dz-message {
        background-image: url(/assets/spritemap@2x-43da7e42cd34181210582211c7de89490282c2f7a6eb4b9c9ef3d692f8b7c742.png);
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px
    }
}

.dropzone .dz-default.dz-message span {
    display: none
}

.dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15)
}

.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
    font-size: 14px
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
    display: block;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10)
}

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
    background: #ee1e2d
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    background-image: url(/assets/spritemap-628f64345fe189d355a3208038de23684f64a3db832a674cb646a250ced3361b.png);
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 1.5 / 1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 138dpi),
(min-resolution: 1.5dppx) {

    .dropzone .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
        background-image: url(/assets/spritemap@2x-43da7e42cd34181210582211c7de89490282c2f7a6eb4b9c9ef3d692f8b7c742.png);
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px
    }
}

.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
    display: none
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    background-position: -268px -123px
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    background-position: -268px -163px
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    -webkit-animation: loading 0.4s linear infinite;
    -moz-animation: loading 0.4s linear infinite;
    -o-animation: loading 0.4s linear infinite;
    -ms-animation: loading 0.4s linear infinite;
    animation: loading 0.4s linear infinite;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url(/assets/spritemap-628f64345fe189d355a3208038de23684f64a3db832a674cb646a250ced3361b.png);
    background-repeat: repeat-x;
    background-position: 0px -400px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 1.5 / 1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 138dpi),
(min-resolution: 1.5dppx) {

    .dropzone .dz-preview .dz-progress .dz-upload,
    .dropzone-previews .dz-preview .dz-progress .dz-upload {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px
    }
}

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
    background-image: -webkit-linear-gradient(top, #fafafa, #eee);
    background-image: -moz-linear-gradient(top, #fafafa, #eee);
    background-image: -o-linear-gradient(top, #fafafa, #eee);
    background-image: -ms-linear-gradient(top, #fafafa, #eee);
    background-image: linear-gradient(to bottom, #fafafa, #eee);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
    color: #aaa;
    margin-top: 26px
}

.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
    color: #666
}

@-moz-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-webkit-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-o-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-ms-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

#photos_page .photos_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px
}

#photos_page .photos_wrapper .photo_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    align-items: center;
    margin: 10px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
    width: 160px;
    height: 213px
}

#photos_page .photos_wrapper .photo_wrapper .photo-body {
    padding: 1.25rem;
    background-color: #6c757d;
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 6px;
    width: 160px;
    height: 213px
}

#photos_page .photos_wrapper .photo_wrapper .photo-body .btns_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#photos_page .photos_wrapper .photo_wrapper .photo-body .btns_wrapper .destroy_photo {
    margin-top: 10px
}

#photos_page .photos_wrapper .photo_wrapper .photo-body .btns_wrapper .set_main_photo {
    margin-top: 10px
}

.team_export_form .success_message_export {
    display: none;
    padding: 10px;
    margin: 10px 0
}

#teams_statictics_wrap .team_comments .comment_wrapper {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
    padding: 5px
}

#teams_statictics_wrap .team_comments .comment_wrapper .comment span {
    font-weight: bold
}

#teams_statictics_wrap .team_comments .comment_wrapper .author_date_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

#teams_statictics_wrap .team_comments .comment_wrapper .author_date_wrap span {
    font-weight: bold
}

#addCommentModal .modal-dialog,
#updateCommentModal .modal-dialog,
#destroyCommentModal .modal-dialog {
    max-width: 600px
}

#addCommentModal .modal-dialog .form-group,
#updateCommentModal .modal-dialog .form-group,
#destroyCommentModal .modal-dialog .form-group {
    width: 400px
}

#destroyCommentFranchise {
    flex-direction: row;
    justify-content: center
}

#destroyCommentFranchise .btn-danger {
    margin-right: 10px
}

#franchise_team_show .top .info_wrap {
    display: flex;
    padding: 20px 20px 0;
    justify-content: space-between
}

#franchise_team_show .top .info_wrap .info p span {
    font-weight: bold
}

#franchise_team_show .top .info_wrap .info2 .thematic {
    color: gray
}

#franchise_team_show .top .info_wrap .description_wrap {
    width: 330px
}

#franchise_team_show .top .info_wrap .description_wrap .btn {
    margin-top: 10px
}

#franchise_team_show .top .hashtag_wrap .title {
    font-weight: bold
}

#franchise_team_show .main_content {
    display: flex
}

#franchise_team_show .main_content .comments_wrap {
    margin-right: 20px;
    width: 300px
}

#franchise_team_show .main_content .comments_wrap .add_comment_form .btn {
    margin-top: 10px
}

#franchise_team_show .main_content .comments_wrap .comments {
    margin-top: 20px
}

#franchise_team_show .main_content .comments_wrap .comments .comment_wrap .info {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 10px
}

#franchise_team_show .main_content .comments_wrap .comments .comment_wrap .btn_wrap {
    margin-top: 10px
}

#franchise_team_show .main_content .main_right .top_wrap {
    display: flex
}

#franchise_team_show .main_content .main_right .top_wrap .contacts {
    margin-right: 20px
}

#franchise_team_show .main_content .main_right .top_wrap .contacts .title {
    font-weight: bold;
    margin-bottom: 20px
}

#franchise_team_show .main_content .main_right .top_wrap .histories {
    padding: 10px;
    width: 500px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .title {
    font-weight: bold;
    margin-bottom: 20px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap {
    display: flex;
    flex-direction: column;
    padding: 10px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .game {
    width: 265px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .game span {
    font-weight: bold
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .date {
    width: 130px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .attend {
    width: 37px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .header {
    display: flex;
    font-weight: bold;
    margin-bottom: 5px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .history_wrap {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    border-bottom: 2px solid
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .history_wrap .attend {
    align-self: center;
    text-align: center;
    font-size: 22px
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .history_wrap .attend .fa-check-circle {
    color: green
}

#franchise_team_show .main_content .main_right .top_wrap .histories .table_wrap .history_wrap .attend .fa-times {
    color: red
}

#franchise_team_show .panel {
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3
}

#franchise_team_show p {
    margin: 0
}

#franchise_serts_modal .modal-dialog,
#franchise_promocodes_modal .modal-dialog {
    max-width: 1100px;
    width: 1100px
}

#franchise_serts_modal .sert_table_wrap,
#franchise_promocodes_modal .sert_table_wrap {
    font-size: 13px
}

#franchise_serts_modal .sert_table_wrap thead tr th,
#franchise_promocodes_modal .sert_table_wrap thead tr th {
    font-weight: bold;
    padding: 0 5px
}

#franchise_serts_modal .sert_table_wrap tbody tr td,
#franchise_promocodes_modal .sert_table_wrap tbody tr td {
    padding: 5px 5px;
    border-top: 1px solid #ddd
}

#destroyTeamCommentFranchise {
    flex-direction: row;
    justify-content: center
}

#destroyTeamCommentFranchise .btn-danger {
    margin-right: 10px
}

#franchise-filters-wrapper .filter_form {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin-top: 25px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap {
    display: flex
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .title {
    font-size: 15px;
    font-weight: bold;
    text-align: center
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-count-wrap {
    width: 33%;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-count-wrap .input_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-count-wrap .input_wrap label {
    margin: 0
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-count-wrap .input_wrap input {
    width: 80px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-type-wrap {
    width: 33%;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin: 0 20px 20px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-type-wrap .checkbox_wrap {
    display: flex;
    margin-left: 30px;
    margin-bottom: 20px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .game-type-wrap .checkbox_wrap p {
    margin: 0 0 0 10px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .date-range-wrap {
    width: 33%;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 10px 20px;
    margin-bottom: 20px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .date-range-wrap .input-group {
    width: 200px;
    margin-bottom: 20px
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .date-range-wrap .checkbox_wrap {
    display: flex
}

#franchise-filters-wrapper .filter_form .top_filter_wrap .date-range-wrap .checkbox_wrap p {
    margin: 0 0 0 10px
}

#franchise-filters-wrapper .filter_form .bottom-filter-wrap .form-group {
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    justify-content: space-between
}

#franchise-filters-wrapper .filter_form .bottom-filter-wrap .form-group .input_wrapper {
    display: flex;
    align-items: center;
    margin-right: 50px;
    margin-bottom: 15px
}

#franchise-filters-wrapper .filter_form .bottom-filter-wrap .form-group .input_wrapper #games_name {
    width: 500px
}

#franchise-filters-wrapper .filter_form .bottom-filter-wrap .form-group .input_wrapper label {
    margin-right: 20px
}

#admin_franchise #new_hash_tag_modal .hints {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: red;
    list-style: none;
    font-weight: normal;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    -moz-box-shadow: -1px 32px 47px -11px rgba(12, 59, 199, 0.88);
    box-shadow: -1px 22px 35px -11px rgba(12, 59, 199, 0.88)
}

#admin_franchise #new_hash_tag_modal .hints p {
    cursor: pointer;
    text-decoration: none;
    color: #ffcccc;
    padding: 6px 0px 3px;
    margin: 7px 7px 10px;
    transition: background .4s;
    border-radius: 50px
}

#admin_franchise #new_hash_tag_modal .hints p:hover {
    background: blue;
    color: #fff;
    border-radius: 50px
}

.generator_wrap {
    width: 500px;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px
}

.generator_wrap #generate_errors {
    display: none;
    color: red;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-top: 10px
}

.generator_wrap #generate_success {
    display: none;
    color: green;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-top: 10px
}

#bombora {
    position: relative;
    color: #000;
    background-color: #fff;
    min-height: 1200px;
    z-index: 1
}

@media (max-width: 767px) {
    #bombora {
        min-height: inherit;
        background-color: #fff;
        background-image: none;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    #bombora br {
        display: none
    }
}

#bombora .contentWrap {
    height: initial;
    padding-bottom: 30px;
    width: 1080px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #bombora .contentWrap {
        width: initial;
        background-color: red;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        padding: 0;
        margin: 0
    }
}

#bombora .contentWrap .newTypeOfNav {
    max-width: initial;
    width: initial;
    margin: 0
}

#bombora .contentWrap .newTypeOfNav .authorizationWrap {
    top: initial;
    left: initial
}

@media (max-width: 767px) {
    #bombora .contentWrap .newTypeOfNav .authorizationWrap {
        display: none
    }
}

#bombora .contentWrap .newTypeOfNav .authorizationWrap a {
    margin-bottom: 0
}

#bombora .mainContent {
    padding-bottom: 104px;
    position: relative
}

@media (max-width: 767px) {
    #bombora .mainContent {
        padding-bottom: 83px
    }
}

#bombora .mainContent:before {
    content: '';
    position: absolute;
    left: -67px;
    bottom: 87px;
    display: block;
    width: 481px;
    height: 819px;
    background-image: url(/assets/bombora-new/bg-left-141d0217a7df60e9a6895b2d8a7534a1963f3036065113cfa709b61023d9cb6e.png)
}

@media (max-width: 767px) {
    #bombora .mainContent:before {
        content: none
    }
}

#bombora .mainContent:after {
    content: '';
    position: absolute;
    right: -68px;
    bottom: -199px;
    display: block;
    width: 468px;
    height: 628px;
    background-image: url(/assets/bombora-new/bg-right-73433c72be344a633e7edf3666a0652f4b2bad61db01dab0ea2d30bc807610b3.png)
}

@media (max-width: 767px) {
    #bombora .mainContent:after {
        content: none
    }
}

#bombora .mainContent .mainWrapper {
    width: 1194px;
    margin: 0 auto;
    display: flex
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper {
        width: initial;
        padding: 0 22px;
        flex-direction: column
    }
}

#bombora .mainContent .mainWrapper .title {
    font-family: "GraublauSlab-Heavy";
    font-size: 56px;
    line-height: 66px;
    margin: 0
}

#bombora .mainContent .mainWrapper .description {
    font-family: "GraublauSans-Regular";
    font-size: 20px;
    line-height: 30px;
    margin: 0
}

#bombora .mainContent .mainWrapper .left {
    margin-right: 99px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left {
        margin-right: 0
    }
}

#bombora .mainContent .mainWrapper .left .logo {
    margin-bottom: 70px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .logo {
        margin-bottom: 50px;
        margin-top: 28px
    }
}

#bombora .mainContent .mainWrapper .left .when_wrap {
    display: flex;
    align-items: flex-end;
    margin-bottom: 46px
}

#bombora .mainContent .mainWrapper .left .when_wrap .date {
    display: flex;
    align-items: flex-end;
    font-family: "GraublauSlab-Heavy"
}

#bombora .mainContent .mainWrapper .left .when_wrap .date p {
    margin: 0
}

#bombora .mainContent .mainWrapper .left .when_wrap .date .big {
    font-size: 102px;
    line-height: 78px
}

#bombora .mainContent .mainWrapper .left .when_wrap .date .small {
    font-size: 32px;
    line-height: 1.3;
    margin-left: -2px
}

#bombora .mainContent .mainWrapper .left .when_wrap .place {
    margin-left: 20px;
    margin-bottom: 8px
}

#bombora .mainContent .mainWrapper .left .when_wrap .place .map {
    padding: 4px 11px 2px 9px;
    line-height: 21px
}

#bombora .mainContent .mainWrapper .left .when_wrap .place .time {
    width: 68px;
    padding: 3px 4px 3px 9px
}

#bombora .mainContent .mainWrapper .left .when_wrap .place p {
    background: #F9EA71;
    font-family: "GraublauSans-Bold";
    font-size: 20px;
    line-height: 23px;
    margin: 0
}

#bombora .mainContent .mainWrapper .left .title {
    margin-bottom: 22px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .title {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 16px
    }
}

#bombora .mainContent .mainWrapper .left .description {
    margin-bottom: 73px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .description {
        margin-bottom: 40px
    }
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper {
    margin: 0 -465px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .promocode_wrapper {
        background: #EFEFEF;
        margin: 0 -22px !important;
        padding-bottom: 11px;
        display: flex;
        justify-content: center
    }
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess {
    margin-top: 86px;
    background: #EFEFEF;
    padding: 45px 39px 34px;
    width: 410px;
    z-index: 10;
    position: relative
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess {
        width: inherit;
        margin-top: 40px;
        padding: 24px 27px
    }
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .desc {
    font-family: "GraublauSans-Regular";
    font-size: 15px;
    line-height: 22px;
    color: #747474;
    margin-bottom: 31px
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap {
    display: flex
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap #input_wrap {
    position: relative
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap #input_wrap.valid-promocode:before {
    z-index: 2;
    content: "";
    position: absolute;
    right: 15px;
    top: 20px;
    width: 19px;
    height: 15px;
    background-image: url(/assets/bombora-new/check-1fa49474037156747f55510312e45c6b9489e2e85c4c2ed6076ff9c0a8b2c6a6.png)
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap #input_wrap.invalid-promocode:before {
    z-index: 2;
    content: "";
    position: absolute;
    right: 15px;
    top: 20px;
    width: 12px;
    height: 12px;
    background-image: url(/assets/bombora-new/fail-1e122902613162525e605e76e645f38eeac8521a7d4c7e25e280da44237936c1.png)
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap .promocode {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
    font-family: "GraublauSans-Regular";
    font-size: 24px;
    line-height: 30px;
    width: 220px;
    height: 50px;
    color: #000000;
    padding: 0 34px 0 16px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap .promocode {
        width: 158px
    }
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper #bomboraCheckAccess .promo_wrap .bombora-btn {
    border: none;
    margin-left: 15px;
    background: #3BABE2;
    border-radius: 4px;
    width: 96px;
    height: 50px;
    font-family: "GraublauSans-Regular";
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .promocode_wrapper .itemGame-new {
        margin-top: 30px
    }
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper .itemGame-new .date {
    color: #000
}

#bombora .mainContent .mainWrapper .left .promocode_wrapper .itemGame-new .date_m {
    color: #000
}

#bombora .mainContent .mainWrapper .left .mob_wrap {
    display: none;
    background-color: #EFEFEF;
    padding-top: 32px;
    padding-bottom: 11px;
    margin: 0 -22px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .left .mob_wrap {
        display: block
    }
}

#bombora .mainContent .mainWrapper .left .mob_wrap .mob_img {
    margin: 0 auto;
    display: block
}

#bombora .mainContent .mainWrapper .right {
    width: 665px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .right {
        width: initial
    }
}

#bombora .mainContent .mainWrapper .right .main_book_img {
    margin-top: 103px;
    margin-bottom: 63px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .right .main_book_img {
        display: none
    }
}

#bombora .mainContent .mainWrapper .right .description {
    margin-bottom: 76px;
    padding-left: 4px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .right .description {
        margin-top: 40px;
        margin-bottom: 50px;
        font-size: 16px;
        line-height: 24px
    }
}

#bombora .mainContent .mainWrapper .right .title {
    padding-left: 7px;
    margin-bottom: 50px;
    font-size: 46px;
    line-height: 54px
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .right .title {
        font-size: 28px;
        line-height: 33px
    }
}

#bombora .mainContent .mainWrapper .right .ch_wrap {
    display: flex;
    margin-bottom: 22px
}

#bombora .mainContent .mainWrapper .right .ch_wrap .counter {
    color: #3BABE2;
    width: 24px;
    margin: -6px 39px 0 7px;
    font-family: "GraublauSlab-Heavy";
    font-size: 44px;
    line-height: 1.1
}

#bombora .mainContent .mainWrapper .right .ch_wrap .text {
    font-family: "GraublauSans-Regular";
    font-size: 20px;
    line-height: 30px;
    color: #5D3A7E
}

@media (max-width: 767px) {
    #bombora .mainContent .mainWrapper .right .ch_wrap .text {
        font-size: 16px;
        line-height: 24px
    }
}

#bombora .bottomContent {
    background: #3BABE2;
    padding-bottom: 138px;
    position: relative
}

#bombora .bottomContent:before {
    content: '';
    position: absolute;
    right: -67px;
    bottom: 0px;
    display: block;
    width: 666px;
    height: 401px;
    background-image: url(/assets/bombora-new/bg-right2-69737c764443a69048fd06d4048e2fbfb0741b95b06d1554e9bc81027dadb445.png)
}

@media (max-width: 767px) {
    #bombora .bottomContent:before {
        content: none
    }
}

#bombora .bottomContent .bottomWrap {
    margin: 0 auto;
    width: 1080px;
    position: relative
}

@media (max-width: 767px) {
    #bombora .bottomContent .bottomWrap {
        width: initial;
        padding: 0 20px
    }
}

#bombora .bottomContent .desc1 {
    font-family: "GraublauSlab-Heavy";
    font-size: 46px;
    line-height: 59px;
    color: #FFFFFF;
    padding: 92px 0 0 407px
}

@media (max-width: 767px) {
    #bombora .bottomContent .desc1 {
        font-size: 28px;
        line-height: 33px;
        padding: 50px 0 32px
    }
}

#bombora .bottomContent .desc2 {
    font-family: "GraublauSans-Regular";
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 92px 83px
}

@media (max-width: 767px) {
    #bombora .bottomContent .desc2 {
        font-size: 16px;
        line-height: 24px;
        padding: 0 0 49px
    }
}

#bombora .bottomContent .desc3 {
    font-family: "GraublauSlab-Heavy";
    font-size: 46px;
    padding: 0 0 0 80px;
    line-height: 57px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #bombora .bottomContent .desc3 {
        font-size: 28px;
        line-height: 33px;
        padding: 0 0 250px 0
    }
}

@media (max-width: 767px) {
    #bombora .bottomContent .book {
        display: none
    }
}

#bombora .bottomContent .book1 {
    position: absolute;
    top: -62px;
    left: -54px
}

#bombora .bottomContent .book2 {
    position: absolute;
    top: 66px;
    left: 73px
}

#bombora .bottomContent .book3 {
    position: absolute;
    top: 193px;
    left: 73px
}

#bombora .bottomContent .book4 {
    position: absolute;
    top: 410px;
    right: 66px
}

@media (max-width: 767px) {
    #bombora .bottomContent .book4 {
        display: block;
        top: initial;
        bottom: 41px;
        right: 35px
    }
}

#bombora .bottomContent .book5 {
    position: absolute;
    top: 535px;
    right: 191px
}

@media (max-width: 767px) {
    #bombora .bottomContent .book5 {
        display: block;
        top: initial;
        right: initial;
        bottom: -87px;
        left: 35px
    }
}

#mozgva_home_new_wrapper .header_top {
    position: relative;
    z-index: 10;
    display: flex;
    background: #1B43CB
}

#mozgva_home_new_wrapper .header_top .info {
    background: #1B43CB;
    width: 42%;
    padding: 24px 30px 24px 30px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info {
        width: 100%;
        background-image: url(/assets/mozgva_home_new/header_bg_mob-97b4e2aba171e57f1e2b486d32233a38f53ceb9f024d3f167a13bd336585250d.png);
        background-size: cover;
        padding: 10px;
        min-height: initial
    }
}

#mozgva_home_new_wrapper .header_top .info .navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation {
        flex-direction: column;
        align-items: normal
    }
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .links {
        display: flex;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .links .logo {
        display: none
    }
}

#mozgva_home_new_wrapper .header_top .info .navigation .links .logo_mob {
    display: none
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .links .logo_mob {
        display: block
    }
}

#mozgva_home_new_wrapper .header_top .info .navigation .links .rules {
    color: #F2F3F8;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    margin-left: 47px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .links .rules {
        display: none
    }
}

#mozgva_home_new_wrapper .header_top .info .navigation .links .about_link {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    margin-left: 47px;
    line-height: 150%;
    text-align: right;
    color: #F2F3F8;
    display: none
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .links .about_link {
        display: block;
        font-size: 14px;
        margin-left: 0
    }
}

#mozgva_home_new_wrapper .header_top .info .navigation .links .franchise_link {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 150%;
    color: #F2F3F8;
    margin-left: 40px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .links .franchise_link {
        display: none
    }
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .navigation .social_wrap {
        margin-top: 17px
    }
}

#mozgva_home_new_wrapper .header_top .info .navigation .social_wrap .vk {
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .main_content {
        width: initial
    }
}

#mozgva_home_new_wrapper .header_top .info .main_content .step {
    margin-top: 55px;
    transition: opacity .5s ease
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .main_content .step {
        margin-top: 20px
    }
}

#mozgva_home_new_wrapper .header_top .info .main_content .step .title {
    font-family: "IgraSans";
    font-size: 45px;
    line-height: 110%;
    color: #FFFFFF;
    margin-bottom: 40px;
    margin-left: -2px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .main_content .step .title {
        font-size: 20px;
        line-height: 130%;
        margin-left: 0;
        margin-bottom: 0
    }
}

#mozgva_home_new_wrapper .header_top .info .main_content .next_game_wrap {
    margin-top: 40px;
    display: flex;
    align-items: center;
    width: 395px;
    padding: 15px 14px 15px 14px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    box-shadow: 0 15px 24px rgba(0, 27, 98, 0.15);
    border-radius: 10px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .info .main_content .next_game_wrap {
        display: none
    }
}

#mozgva_home_new_wrapper .header_top .info .main_content .next_game_wrap p {
    padding: 0;
    margin: 0 0 0 20px;
    font-family: "Montserrat-Bold";
    font-size: 12.4655px;
    text-transform: uppercase;
    color: #FFFFFF
}

#mozgva_home_new_wrapper .header_top .header_img {
    position: relative;
    display: flex;
    width: 58%
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .header_top .header_img {
        display: none
    }
}

#mozgva_home_new_wrapper .header_top .header_img video {
    width: 100%;
    object-fit: contain
}

#mozgva_home_new_wrapper .header_top .header_img #btn_player {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 133px);
    left: calc(50% - 133px)
}

#mozgva_home_new_wrapper .header_top .header_img #btn_player img {
    width: 266px;
    height: 266px
}

#mozgva_home_new_wrapper .calendar_wrap {
    position: relative;
    background: #F2F3F8;
    padding-bottom: 170px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap {
        padding: 5px 5px 29px 5px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .circle_bg {
    position: absolute;
    left: -261px;
    top: -337px;
    width: 1023px;
    height: 1023px;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 50%
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .circle_bg {
        width: 400px;
        height: 400px;
        top: -200px;
        left: -200px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .nav-tabs {
    padding-top: 22px;
    padding-left: 17px;
    border: none
}

#mozgva_home_new_wrapper .calendar_wrap .nav-tabs li.active a {
    border: none;
    background-color: initial;
    color: #000000
}

#mozgva_home_new_wrapper .calendar_wrap .nav-tabs li a {
    font-family: "IgraSans";
    font-size: 30px;
    color: #1B43CB
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap {
    width: 1260px;
    margin: 5px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    z-index: 2;
    position: relative
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap {
        width: initial
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap {
    width: 364px;
    margin-top: 88px;
    display: flex;
    flex-direction: column;
    margin-right: 75px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap {
        width: 310px;
        margin: 40px auto 0
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap:nth-child(3n) {
        margin-right: inherit
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .offline_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .offline_wrap {
        margin-top: 2px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .offline_wrap .when_wrap {
    display: flex;
    align-items: center
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .offline_wrap .when_wrap .number {
    margin-right: 10px;
    margin-top: 6px;
    color: #F33E4A;
    font-size: 38px;
    line-height: 1
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .offline_wrap .when_wrap .month_wrap {
    color: #F33E4A;
    width: 100px;
    text-align: left
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .offline_wrap .offline_label {
    width: 132px;
    height: 32px;
    background: #F33E4A;
    border-radius: 9.79661px;
    font-family: "Montserrat-Bold";
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .when_wrap {
        display: flex;
        align-items: center
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .when_wrap .number {
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .when_wrap .number {
        font-size: 34px;
        line-height: 1;
        margin-left: 10px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .when_wrap .month_wrap {
    font-family: "Montserrat";
    font-size: 15px;
    text-align: center;
    color: #1B43CB
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .when_wrap .month_wrap {
        font-size: 16px;
        margin-left: 15px;
        line-height: 1;
        padding-bottom: 6px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card {
    background: #FFFFFF;
    box-shadow: 0px 0px 5px #CACEE1;
    border-radius: 10px;
    padding: 10px 10px 18px;
    margin-top: 7px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .card_img {
    width: 344px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .card_img {
        width: 100%;
        height: initial
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .name {
    position: relative;
    font-family: "IgraSans";
    font-size: 19px;
    line-height: 100%;
    color: #000000;
    margin-top: 28px;
    margin-left: 10px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .name {
        font-size: 18px;
        margin: 20px 0 0;
        padding: 0 25px 0 10px;
        text-align: left
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .name .share_mozgva_home_button_mob {
    display: none
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .name .share_mozgva_home_button_mob {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(/assets/mozgva_home_new/share_mob-4b50ca7554e0037fdb75fdb3bbece0161660eabc45d574167cfd319b12f6c695.png);
        position: absolute;
        top: -7px;
        right: 0
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .description {
    font-family: "Montserrat";
    font-size: 13px;
    line-height: 150%;
    color: #6B6B6B;
    margin-top: 21px;
    margin-left: 10px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .description {
        font-size: 14px;
        margin: 15px auto 0;
        padding: 0 10px;
        text-align: left
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description {
    display: flex;
    position: relative
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description {
        flex-direction: column
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left {
    margin-left: 10px;
    margin-top: 23px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left {
        margin-left: 10px;
        margin-top: 30px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 13px;
    color: #000000
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left span {
        font-size: 14px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .local {
    display: flex
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .local img {
        width: 14px;
        height: 16px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .local span {
    margin-left: 13.58px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .price img {
        width: 16px;
        height: 16px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .price span {
    margin-left: 12.58px;
    margin-top: 2px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .left .time span {
    margin-left: 13.58px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .right {
    position: absolute;
    right: 0
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .right {
        display: none
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .dop_description .right .share_link {
    font-family: "Montserrat-Bold";
    font-size: 14px;
    line-height: 150%;
    color: #1B43CB;
    margin-top: 20px;
    display: block;
    width: 190px;
    margin-left: 0px;
    cursor: pointer
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .btn_buy {
    display: block;
    width: 324px;
    height: 44px;
    line-height: 44px;
    background: #1B43CB;
    border-radius: 100px;
    font-family: "Montserrat-Bold";
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin: 37px auto 0;
    cursor: pointer
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .btn_buy {
        width: 274px;
        font-size: 16px;
        margin: 30px auto 0
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .btn_buy:hover {
    background: #003AFF
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .btn_buy.red {
    background: #F33E4A
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .sold_out {
    display: block;
    width: 324px;
    height: 44px;
    line-height: 44px;
    background: #DFE1EC;
    border-radius: 100px;
    font-family: "Montserrat-Bold";
    font-size: 14px;
    color: #6B6B6B;
    text-align: center;
    margin: 37px auto 0;
    cursor: pointer
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .card .sold_out {
        width: 274px;
        font-size: 16px;
        margin: 30px auto 0
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card {
    background: #FFFFFF;
    box-shadow: 0 0 3.49879px #CACEE1;
    border-radius: 9.79661px;
    padding: 10px 10px 18px;
    margin-top: 7px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .card_img {
    width: 344px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .card_img {
        width: 100%;
        height: initial
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .name {
    position: relative;
    font-family: "IgraSans";
    font-size: 19px;
    line-height: 100%;
    color: #000000;
    margin-top: 28px;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .name {
        font-size: 18px;
        margin: 20px 0 0;
        padding: 0 25px 0 10px;
        text-align: left
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .name .share_mozgva_home_button_mob {
    display: none
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .name .share_mozgva_home_button_mob {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(/assets/mozgva_home_new/share_mob-4b50ca7554e0037fdb75fdb3bbece0161660eabc45d574167cfd319b12f6c695.png);
        position: absolute;
        top: -7px;
        right: 0
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .description {
    font-family: "Montserrat";
    font-size: 13px;
    line-height: 150%;
    color: #6B6B6B;
    margin-top: 21px;
    margin-left: 10px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .description {
        font-size: 14px;
        margin: 15px auto 0;
        padding: 0 10px;
        text-align: left
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description {
    display: flex;
    position: relative;
    align-items: flex-end
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left {
    margin-left: 10px;
    margin-top: 23px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left {
        margin-left: 10px;
        margin-top: 30px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 13px;
    color: #000000
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left span {
        font-size: 14px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .price img {
        width: 16px;
        height: 16px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .price span {
    margin-left: 12.58px;
    margin-top: 2px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .team {
    margin-top: 14px;
    display: flex
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .team img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .team img {
        width: 16px;
        height: 16px
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .left .team span {
    margin-left: 12.58px;
    margin-top: 2px
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .right {
    position: absolute;
    right: 0
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .right {
        display: none
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .right .share_link {
    font-family: "Montserrat-Bold";
    font-size: 14px;
    line-height: 1;
    color: #1B43CB;
    margin-top: 20px;
    display: block;
    width: 190px;
    margin-left: 0px;
    cursor: pointer
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .dop_description .right .share_link.red {
    color: #F33E4A
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .btn_buy {
    display: block;
    width: 324px;
    height: 44px;
    line-height: 44px;
    background: #1B43CB;
    border-radius: 100px;
    font-family: "Montserrat-Bold";
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin: 37px auto 0;
    cursor: pointer
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .btn_buy {
        width: 274px;
        font-size: 16px;
        margin: 30px auto 0
    }
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .btn_buy:hover {
    background: #003AFF
}

#mozgva_home_new_wrapper .calendar_wrap .products_wrap .product_wrap .sert_card .btn_buy.red {
    background: #F33E4A
}

#mozgva_home_new_wrapper .about_wrap {
    background: #A4D5F1;
    padding: 27px 15px 14px 30px;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap {
        padding: 10px 10px 50px 10px
    }
}

#mozgva_home_new_wrapper .about_wrap .title {
    margin: 0;
    font-family: "IgraSans";
    font-size: 30px;
    color: #1B43CB
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .title {
        font-size: 20px
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 11px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap {
        flex-direction: column
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .left_desc {
    width: 280px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #1B43CB;
    margin-top: 81px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .left_desc {
        margin-top: 20px;
        font-size: 14px;
        width: initial
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .title {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 150%;
    color: #1B43CB
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles {
    display: flex;
    margin-top: 10px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles {
        margin: 0 auto;
        flex-wrap: wrap
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles .circle {
    position: relative;
    margin-left: -20px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 2px solid #A4D5F1
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles .circle {
        width: 110px;
        height: 110px;
        margin-left: -16px
    }
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles .circle:first-child {
        margin-left: 0
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles .circle p {
    margin: 0;
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .cc_wrap .circles .circle p {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap {
        margin-top: 20px
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .circle {
    background: #BD5EDE
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .c1 p {
    margin-top: 55px;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .c1 p {
        margin-top: 21px;
        margin-left: 14px
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .c2 p {
    margin-top: 55px;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .c2 p {
        margin-top: 21px;
        margin-left: 14px
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .c3 p {
    margin-top: 42px;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles_wrap .circles .c3 p {
        margin-top: 21px;
        margin-left: 14px
    }
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap {
        margin-top: 26px
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles {
    display: flex
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles .ff1 {
    display: flex
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles .ff2 {
    display: flex
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles .circle {
    background: #E48A63
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles .circle {
        margin-left: -6px
    }
}

#mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles .circle p {
    margin-top: 45px;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .about_wrap .content_wrap .circles2_wrap .circles .circle p {
        margin-top: 18px;
        margin-left: 15px
    }
}

#mozgva_home_new_wrapper .offline_game_wrap {
    background: #5200FF;
    padding-bottom: 14px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap {
        padding: 60px 22px 50px
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .title {
    margin: 0;
    padding-top: 95px;
    font-family: "IgraSans";
    font-size: 64.15px;
    line-height: 77px;
    text-align: center;
    color: #fff
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .title {
        font-size: 24px;
        line-height: 120%;
        padding-top: 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .desc_wrap {
    display: flex;
    justify-content: space-around;
    width: 1120px;
    margin: 75px auto 0
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .desc_wrap {
        width: 100%;
        flex-direction: column;
        margin: 42px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .desc_wrap p {
    margin: 0;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 30px;
    color: #F2F3F8
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .desc_wrap p {
        font-size: 16px;
        line-height: 150%
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .desc_wrap .left {
    width: 482px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .desc_wrap .left {
        width: 100%
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .desc_wrap .right {
    width: 482px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .desc_wrap .right {
        width: 100%;
        margin-top: 20px
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap {
    width: 1119px;
    margin: 93px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap {
        width: 100%;
        margin: 45px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn {
    display: block;
    position: relative;
    font-size: 18px;
    font-family: "GraublauSansDispBd";
    border-radius: 40px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn .desc {
    font-family: "GraublauSansDisplayRegular";
    font-size: 14px;
    display: block
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn1 {
    width: 263px;
    height: 75px;
    background-color: #ff2929;
    color: #840000;
    padding-left: 62px;
    padding-top: 16px;
    margin-right: 54px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn1 {
        margin: 0 auto
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn1:before {
    content: "";
    background-image: url(/assets/home_game/face3-0791f02091216ff85f25da78de8f62d294ccd9aa15eff26fe2cdcd2f4d392d9e.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 50px;
    position: absolute;
    top: 14px;
    left: 24px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn2 {
    width: 261px;
    height: 75px;
    background-color: #ff5bea;
    color: #5b00d8;
    line-height: 1;
    margin-right: 55px;
    padding-left: 65px;
    padding-top: 19px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn2 {
        margin: 20px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn2 .desc {
    margin-top: 7px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn2:before {
    content: "";
    background-image: url(/assets/home_game/face1-2aceac52a38941ede0452b98db469526420045fb7a6c10ca9391641b2c79d371.png);
    background-repeat: no-repeat;
    width: 37px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: 17px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn3 {
    width: 224px;
    margin-right: 50px;
    height: 75px;
    background-color: #372e26;
    color: #a1793d;
    padding-top: 15px;
    padding-left: 44px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn3 {
        margin: 20px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn3:before {
    content: "";
    background-image: url(/assets/home_game/face2-1e92aba910f181cba2888a4763917468635e5b72720ba107fb63c2f9e94089f2.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 20px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn4 {
    width: 210px;
    height: 75px;
    background-color: #49ba44;
    color: #fcff00;
    padding-top: 10px;
    padding-left: 60px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn4 {
        margin: 20px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn4:before {
    content: "";
    background-image: url(/assets/home_game/ball-c7e22c072839268afee03c1af7516ff82a810f4b0c8b2d227f251a5d784efe60.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: 10px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn4 span {
    line-height: 1
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn4 {
        margin-right: 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn5 {
    width: 227px;
    height: 75px;
    background-color: #030856;
    color: #d99d5c;
    padding-left: 59px;
    padding-top: 12px;
    margin-top: 54px;
    margin-right: 48px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn5 {
        margin: 20px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn5:before {
    content: "";
    background-image: url(/assets/home_game/game_1-24bd9d9a4d8770bf57f67c03ddceba482208bd6f33b6252243bbbec1e6c219b5.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 63px;
    position: absolute;
    top: 6px;
    left: 21px
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn5 span {
    line-height: 1
}

#mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn6 {
    display: block;
    margin-top: 49px;
    margin-left: 16px
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .files_wrap .btn_wrap .btn6 {
        margin: 20px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .link_rule {
    display: block;
    width: 407px;
    margin-top: 30px;
    margin-left: 30px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    text-decoration-line: underline;
    color: #F2F3F8
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .link_rule {
        width: 270px;
        margin: 50px auto 0
    }
}

#mozgva_home_new_wrapper .offline_game_wrap .link_style {
    display: none
}

@media (max-width: 767px) {
    #mozgva_home_new_wrapper .offline_game_wrap .link_style {
        display: block;
        margin: 30px auto 0;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        text-decoration-line: underline;
        color: #F2F3F8;
        width: 270px
    }
}

#requisites_modal {
    background: #1B43CB;
    max-height: 100vh;
    overflow: hidden
}

@media (max-width: 767px) {
    #requisites_modal {
        background: #1B43CB;
        max-height: 100%;
        height: 100%;
        overflow: initial
    }
}

#requisites_modal .modal-dialog {
    max-width: 800px;
    width: 800px
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog {
        width: 100%
    }
}

#requisites_modal .modal-dialog .modal-content {
    margin: 189px auto 0;
    position: relative;
    width: 800px;
    background-color: transparent;
    border: none;
    box-shadow: none
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content {
        width: 100%;
        padding: 5px;
        margin-top: 10px
    }
}

#requisites_modal .modal-dialog .modal-content .circle_1 {
    top: -243px;
    left: -209px;
    position: absolute;
    width: 1076px;
    height: 1076px;
    z-index: 2;
    box-shadow: 3px 3px 5px #002BBC, -3px -3px 5px #305AE7;
    border-radius: 50%;
    background: #1B43CB
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .circle_1 {
        display: none
    }
}

#requisites_modal .modal-dialog .modal-content .circle_2 {
    left: -360px;
    top: 15px;
    position: absolute;
    width: 290px;
    height: 290px;
    z-index: 3;
    box-shadow: 3px 3px 5px #002BBC, -3px -3px 5px #305AE7;
    border-radius: 50%;
    background: #1B43CB
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .circle_2 {
        display: none
    }
}

#requisites_modal .modal-dialog .modal-content .circle_3 {
    bottom: -394px;
    right: -423px;
    position: absolute;
    z-index: 1;
    width: 666px;
    height: 666px;
    box-shadow: 3px 3px 5px #002BBC, -3px -3px 5px #305AE7;
    border-radius: 50%;
    background: #1B43CB
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .circle_3 {
        display: none
    }
}

#requisites_modal .modal-dialog .modal-content .close {
    position: absolute;
    top: -3px;
    left: -83px;
    opacity: 1;
    background: #F2F3F8;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    z-index: 10
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .close {
        top: 0;
        left: 10px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

#requisites_modal .modal-dialog .modal-content .close img {
    margin-bottom: 2px
}

#requisites_modal .modal-dialog .modal-content .title {
    margin-bottom: 99px;
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 150%;
    color: #FFFFFF;
    z-index: 10;
    position: relative
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .title {
        margin-bottom: 45px;
        margin-left: 77px;
        font-size: 20px;
        margin-top: 5px
    }
}

#requisites_modal .modal-dialog .modal-content .iv {
    margin-bottom: 44px;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 180%;
    color: #FFFFFF;
    z-index: 10;
    position: relative
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .iv {
        margin-bottom: 0;
        font-size: 16px;
        margin-left: 60px
    }
}

#requisites_modal .modal-dialog .modal-content .description {
    display: flex;
    line-height: 180%;
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 20px;
    z-index: 10;
    position: relative
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .description {
        display: none
    }
}

#requisites_modal .modal-dialog .modal-content .description .left {
    width: 288px
}

#requisites_modal .modal-dialog .modal-content .description .left div {
    margin-top: 20px
}

#requisites_modal .modal-dialog .modal-content .description .right {
    width: 484px
}

#requisites_modal .modal-dialog .modal-content .description .right div {
    margin-top: 20px
}

#requisites_modal .modal-dialog .modal-content .description-mob {
    display: none
}

@media (max-width: 767px) {
    #requisites_modal .modal-dialog .modal-content .description-mob {
        display: block;
        margin-left: 60px;
        margin-top: 31px
    }
}

#requisites_modal .modal-dialog .modal-content .description-mob .key {
    margin-bottom: 10px;
    line-height: 1;
    font-family: "Montserrat";
    font-size: 16px;
    color: #8BA6FF
}

#requisites_modal .modal-dialog .modal-content .description-mob .value {
    line-height: 1;
    margin-bottom: 21px;
    font-family: "Montserrat";
    font-size: 18px;
    color: #FFFFFF
}

#mozgva_home_order_modal .modal-dialog,
#mozgva_home_free_order_modal .modal-dialog,
#offline_game_order_modal .modal-dialog,
#mozgva_home_sert_order_modal .modal-dialog {
    max-width: 460px;
    width: 460px
}

@media (max-width: 767px) {

    #mozgva_home_order_modal .modal-dialog,
    #mozgva_home_free_order_modal .modal-dialog,
    #offline_game_order_modal .modal-dialog,
    #mozgva_home_sert_order_modal .modal-dialog {
        width: 100%
    }
}

#mozgva_home_order_modal .modal-dialog .modal-content,
#mozgva_home_free_order_modal .modal-dialog .modal-content,
#offline_game_order_modal .modal-dialog .modal-content,
#mozgva_home_sert_order_modal .modal-dialog .modal-content {
    background: #F2F3F8
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-header,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-header,
#offline_game_order_modal .modal-dialog .modal-content .modal-header,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-header {
    display: none
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body,
#offline_game_order_modal .modal-dialog .modal-content .modal-body,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body {
    padding-top: 53px;
    padding-bottom: 30px
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .modalInput,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .modalInput,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .modalInput,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .modalInput {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 168%;
    text-align: center;
    width: 290px;
    max-width: 290px
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill,
#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:hover,
#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:focus,
#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:active,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:hover,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:focus,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:active,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:hover,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:focus,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:active,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:hover,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:focus,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:active {
    background-color: #F2F3F8 !important;
    -webkit-box-shadow: inset 0 0 0 50px #F2F3F8 !important
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .rules,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .rules,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .rules,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .rules {
    font-family: "Montserrat";
    font-size: 15px;
    line-height: 120%;
    color: #6A6A6A;
    text-align: center;
    margin-top: 28px
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .range_wrapper,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .range_wrapper,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .range_wrapper,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .range_wrapper {
    margin-bottom: 20px
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .range_wrapper .text,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .range_wrapper .text,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .range_wrapper .text,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .range_wrapper .text {
    font-family: "Montserrat";
    color: #0000ff;
    text-align: center;
    font-size: 16px;
    margin-top: 10px
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .combo-select .combo-input,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .combo-select .combo-input,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .combo-select .combo-input,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .combo-select .combo-input {
    background: #F2F3F8
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .errors,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .errors,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .errors,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .errors {
    font-family: "Montserrat";
    font-size: 15px;
    line-height: 120%;
    color: red;
    text-align: center;
    margin-top: 28px
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .btns,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .btns {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 25px
}

@media (max-width: 767px) {

    #mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns,
    #mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns,
    #offline_game_order_modal .modal-dialog .modal-content .modal-body .btns,
    #mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .btns {
        flex-direction: column-reverse;
        align-items: center
    }
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red {
    background: #1B43CB;
    height: 64px;
    border-radius: 100px;
    font-family: "Montserrat";
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    border: none;
    height: 64px;
    width: 274px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 20px
}

@media (max-width: 767px) {

    #mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
    #mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
    #offline_game_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
    #mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red {
        font-size: 21px;
        height: 64px
    }
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .pre_btns,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .pre_btns,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .pre_btns,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .pre_btns {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 25px
}

@media (max-width: 767px) {

    #mozgva_home_order_modal .modal-dialog .modal-content .modal-body .pre_btns,
    #mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .pre_btns,
    #offline_game_order_modal .modal-dialog .modal-content .modal-body .pre_btns,
    #mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .pre_btns {
        flex-direction: column-reverse;
        align-items: center
    }
}

#mozgva_home_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red,
#mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red,
#offline_game_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red,
#mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red {
    background: #1B43CB;
    height: 64px;
    border-radius: 100px;
    font-family: "Montserrat";
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    border: none;
    height: 73px;
    width: 196px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 20px
}

@media (max-width: 767px) {

    #mozgva_home_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red,
    #mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red,
    #offline_game_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red,
    #mozgva_home_sert_order_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red {
        font-size: 21px;
        height: 64px
    }
}

#mozgva_home_order_modal .modal-dialog .close,
#mozgva_home_free_order_modal .modal-dialog .close,
#offline_game_order_modal .modal-dialog .close,
#mozgva_home_sert_order_modal .modal-dialog .close {
    display: none;
    position: absolute;
    top: -3px;
    left: -83px;
    opacity: 1;
    background: #fff;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    z-index: 10
}

@media (max-width: 767px) {

    #mozgva_home_order_modal .modal-dialog .close,
    #mozgva_home_free_order_modal .modal-dialog .close,
    #offline_game_order_modal .modal-dialog .close,
    #mozgva_home_sert_order_modal .modal-dialog .close {
        display: flex;
        justify-content: center;
        align-items: center;
        top: 10px;
        left: 10px;
        border-radius: 50%
    }
}

#mozgva_home_order_modal .modal-dialog .close img,
#mozgva_home_free_order_modal .modal-dialog .close img,
#offline_game_order_modal .modal-dialog .close img,
#mozgva_home_sert_order_modal .modal-dialog .close img {
    margin-bottom: 2px
}

#offline_game_preorder_modal .modal-dialog {
    max-width: 460px;
    width: 460px
}

@media (max-width: 767px) {
    #offline_game_preorder_modal .modal-dialog {
        width: 100%
    }
}

#offline_game_preorder_modal .modal-dialog .modal-content {
    background: #1B43CB
}

#offline_game_preorder_modal .modal-dialog .modal-content .modal-header {
    background: #1B43CB
}

#offline_game_preorder_modal .modal-dialog .modal-content .modal-body {
    padding-top: 53px;
    padding-bottom: 30px;
    background: #F2F3F8
}

#offline_game_preorder_modal .modal-dialog .modal-content .modal-body .pre_btns {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 25px
}

@media (max-width: 767px) {
    #offline_game_preorder_modal .modal-dialog .modal-content .modal-body .pre_btns {
        flex-direction: column-reverse;
        align-items: center
    }
}

#offline_game_preorder_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red {
    background: #1B43CB;
    height: 64px;
    border-radius: 100px;
    font-family: "Montserrat";
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    border: none;
    height: 73px;
    width: 196px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 20px
}

@media (max-width: 767px) {
    #offline_game_preorder_modal .modal-dialog .modal-content .modal-body .pre_btns .btn--red {
        font-size: 15px;
        height: 64px;
        margin-top: 10px
    }
}

#offline_game_preorder_modal .modal-dialog .closeModal {
    background: #1B43CB
}

#offline_game_preorder_modal .modal-dialog .close {
    display: none;
    position: absolute;
    top: -3px;
    left: -83px;
    opacity: 1;
    background: #fff;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    z-index: 10
}

@media (max-width: 767px) {
    #offline_game_preorder_modal .modal-dialog .close {
        display: none
    }
}

#offline_game_preorder_modal .modal-dialog .close img {
    margin-bottom: 2px
}

#mozgva_home_result_wrapper {
    position: relative;
    background: #F2F3F8;
    min-height: 100vh;
    padding: 20px;
    overflow: hidden
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper {
        padding: 15px
    }
}

#mozgva_home_result_wrapper .header_logo {
    margin: 0 auto;
    padding: 0 0 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .header_logo {
        width: initial;
        display: flex;
        padding: 0;
        justify-content: center
    }
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .header_logo .logo {
        display: block;
        width: 135px;
        height: 36px
    }
}

#mozgva_home_result_wrapper .header_logo .title {
    margin: 0 0 0 45px;
    text-align: right;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #070402
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .header_logo .title {
        display: none
    }
}

#mozgva_home_result_wrapper .success_wrap {
    position: relative;
    width: 1180px;
    margin: 68px auto 130px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap {
        width: initial;
        margin: 0 -10px
    }
}

#mozgva_home_result_wrapper .success_wrap .title {
    position: relative;
    z-index: 10;
    margin-bottom: 63px;
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #1B43CB
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .title {
        font-size: 20px;
        line-height: 150%;
        width: 270px;
        margin: 52px auto
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap {
    position: relative;
    z-index: 10;
    width: 520px;
    margin: 41px auto 0
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap {
        width: 100%;
        margin-top: 0
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .number {
    font-family: "IgraSans";
    font-size: 44px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .month_wrap {
    font-family: "Montserrat";
    font-size: 22px;
    text-align: center;
    color: #1B43CB
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card {
    background: #FFFFFF;
    box-shadow: 0px 0px 5px #CACEE1;
    border-radius: 14px;
    padding: 10px 10px 22px;
    margin-top: 7px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .card_img {
    width: 500px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap .card .card_img {
        width: 100%;
        height: initial
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .name {
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 100%;
    color: #000000;
    margin-top: 42px;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap .card .name {
        font-size: 24px;
        margin: 30px auto 0;
        text-align: center
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .description {
    font-family: "Montserrat";
    font-size: 18px;
    line-height: 150%;
    color: #6B6B6B;
    margin-top: 27px;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap .card .description {
        font-size: 16px;
        margin: 30px auto 0;
        padding: 0 10px;
        text-align: left
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description {
    display: flex
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description {
        flex-direction: column
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left {
    margin-left: 20px;
    margin-top: 34px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left {
        margin-left: 10px;
        margin-top: 30px
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 20px;
    color: #000000
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .local {
    display: flex
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .local img {
    margin-top: 3px;
    width: 17px;
    height: 20px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .local span {
    margin-left: 20px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .price img {
    margin-top: 5px;
    width: 20px;
    height: 20px;
    margin-left: -1px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .price span {
    margin-left: 18px;
    margin-top: 2px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .time img {
    margin-top: 5px;
    width: 16px;
    height: 16px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .dop_description .left .time span {
    margin-left: 21px
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .red_text {
    margin-top: 20px;
    margin-left: 10px;
    font-family: "Montserrat";
    font-size: 20px;
    color: #000000
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .card .red_text span {
    color: #1B43CB
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .btn--green {
    display: block;
    width: 464px;
    height: 64px;
    line-height: 64px;
    background: #73C234;
    border-radius: 100px;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    margin: 37px auto 0;
    cursor: pointer
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .success_wrap .product_wrap .btn--green {
        width: 274px;
        font-size: 18px;
        margin: 33px auto 0
    }
}

#mozgva_home_result_wrapper .success_wrap .product_wrap .btn--green:hover {
    background: #6BBC2B
}

#mozgva_home_result_wrapper .fail_wrap {
    position: relative;
    width: 1180px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap {
        width: 100%
    }
}

#mozgva_home_result_wrapper .fail_wrap .title {
    margin-bottom: 44px;
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #1B43CB;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .title {
        font-size: 20px;
        line-height: 1;
        margin-top: 50px;
        margin-bottom: 20px
    }
}

#mozgva_home_result_wrapper .fail_wrap .error_description {
    font-family: "Montserrat";
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: #000000;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .error_description {
        font-size: 16px
    }
}

#mozgva_home_result_wrapper .fail_wrap .fl_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    margin-top: 50px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .fl_wrap {
        flex-direction: column;
        margin-top: 30px
    }
}

#mozgva_home_result_wrapper .fail_wrap .fl_wrap .error_code {
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    color: #F6614B;
    width: 262px;
    height: 80px;
    border: 2px solid #F6614B;
    padding-top: 29px;
    margin-right: 20px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .fl_wrap .error_code {
        font-size: 20px;
        margin-right: 0;
        width: 232px;
        height: 48px;
        padding-top: 12px
    }
}

#mozgva_home_result_wrapper .fail_wrap .fl_wrap .help_description {
    margin-top: 0;
    font-family: "Montserrat";
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    margin-left: 20px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .fl_wrap .help_description {
        font-size: 14px;
        margin-left: 0;
        margin-top: 30px
    }
}

#mozgva_home_result_wrapper .fail_wrap .fl_wrap .help_description p {
    margin: 0
}

#mozgva_home_result_wrapper .fail_wrap .btn-run {
    position: relative;
    z-index: 10;
    display: block;
    width: 236px;
    height: 52px;
    line-height: 52px;
    background: #1B43CB;
    border-radius: 100px;
    cursor: pointer;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    margin: 100px auto 30px
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .btn-run {
        margin: 30px auto 30px
    }
}

#mozgva_home_result_wrapper .fail_wrap .link_root {
    display: block;
    margin: 0 auto;
    width: 150px;
    position: relative;
    z-index: 10;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 120%;
    color: #000000;
    text-align: center
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .fail_wrap .link_root {
        font-size: 16px;
        line-height: 120%;
        text-align: center
    }
}

#mozgva_home_result_wrapper .circle_1 {
    top: -255px;
    left: -38px;
    position: absolute;
    width: 1076px;
    height: 1076px;
    z-index: 2;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .circle_1 {
        display: none
    }
}

#mozgva_home_result_wrapper .circle_2 {
    left: -190px;
    top: 0px;
    position: absolute;
    width: 290px;
    height: 290px;
    z-index: 3;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .circle_2 {
        display: none
    }
}

#mozgva_home_result_wrapper .circle_3 {
    top: 155px;
    right: -215px;
    position: absolute;
    z-index: 1;
    width: 666px;
    height: 666px;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_result_wrapper .circle_3 {
        display: none
    }
}

#mozgva_home_security_wrapper {
    background: #F2F3F8;
    padding: 30px 30px 99px
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper {
        padding: 20px 15px 99px
    }
}

#mozgva_home_security_wrapper .header_logo {
    margin: 0 auto;
    padding: 0 0 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .header_logo {
        width: initial;
        display: flex;
        padding: 0;
        justify-content: center
    }
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .header_logo .logo {
        display: block;
        width: 135px;
        height: 36px
    }
}

#mozgva_home_security_wrapper .header_logo .title {
    margin: 0 0 0 45px;
    text-align: right;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #070402
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .header_logo .title {
        display: none
    }
}

#mozgva_home_security_wrapper .main_wrap {
    position: relative;
    width: 820px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap {
        width: initial
    }
}

#mozgva_home_security_wrapper .main_wrap .circle_1 {
    top: -343px;
    left: -201px;
    position: absolute;
    width: 1076px;
    height: 1076px;
    z-index: 2;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .circle_1 {
        display: none
    }
}

#mozgva_home_security_wrapper .main_wrap .circle_2 {
    left: -372px;
    top: -14px;
    position: absolute;
    width: 290px;
    height: 290px;
    z-index: 3;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .circle_2 {
        display: none
    }
}

#mozgva_home_security_wrapper .main_wrap .circle_3 {
    top: 92px;
    right: -354px;
    position: absolute;
    z-index: 1;
    width: 666px;
    height: 666px;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .circle_3 {
        display: none
    }
}

#mozgva_home_security_wrapper .main_wrap .title {
    margin-bottom: 54px;
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 150%;
    color: #1B43CB;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .title {
        font-size: 20px;
        line-height: 150%;
        margin-top: 52px
    }
}

#mozgva_home_security_wrapper .main_wrap img {
    margin: 20px 0;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap img {
        width: 100%
    }
}

#mozgva_home_security_wrapper .main_wrap .title_desc {
    margin-bottom: 30px;
    font-family: "Montserrat";
    font-size: 26px;
    line-height: 140%;
    color: #000000;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .title_desc {
        font-size: 20px
    }
}

#mozgva_home_security_wrapper .main_wrap .desc_wrap {
    margin-top: 30px;
    margin-bottom: 69px;
    position: relative;
    z-index: 10
}

#mozgva_home_security_wrapper .main_wrap .desc_wrap .desc1 {
    font-family: "Montserrat";
    font-size: 18px;
    line-height: 200%;
    color: #000000
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .desc_wrap .desc1 {
        font-size: 16px;
        line-height: 150%;
        color: #6B6B6B
    }
}

#mozgva_home_security_wrapper .main_wrap .footer_wrap {
    margin-top: 102px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 120%
}

#mozgva_home_security_wrapper .main_wrap .footer_wrap a {
    color: #000
}

#mozgva_home_security_wrapper .main_wrap .footer_wrap .l-link {
    margin-right: 45px
}

@media (max-width: 767px) {
    #mozgva_home_security_wrapper .main_wrap .footer_wrap .l-link {
        margin-right: 15px
    }
}

#online_game {
    min-width: 100vw;
    min-height: 100vh;
    width: 100%;
    background: #1B3946
}

#online_game .mob {
    display: none
}

@media (max-width: 767px) {
    #online_game .mob {
        display: block
    }
}

@media (max-width: 767px) {
    #online_game .btn--green {
        font-family: "Montserrat-Bold";
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        color: #C3E0F1;
        border: 4px solid #00FFB3;
        box-sizing: border-box;
        box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70;
        margin: 30px auto;
        width: 180px;
        height: 66px;
        display: block;
        border-radius: 22px;
        padding-top: 14px;
        background: transparent
    }

    #online_game .navigation_wrap {
        margin: 50px 15px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 46px;
        position: relative;
        z-index: 2
    }

    #online_game .navigation_wrap .tour_name {
        font-family: "Montserrat-Bold";
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #C3E0F1
    }

    #online_game .navigation_wrap .arrow_wrap {
        position: absolute;
        cursor: pointer;
        background: linear-gradient(225deg, #00212D 0%, #153544 100%);
        border: 2px solid #1B3946;
        box-sizing: border-box;
        box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70;
        border-radius: 10px;
        width: 46px;
        height: 46px
    }

    #online_game .navigation_wrap .next_tour {
        right: 0;
        top: 0
    }

    #online_game .navigation_wrap .next_tour img {
        display: block;
        margin: 0 auto;
        padding-top: 15px
    }

    #online_game .navigation_wrap .prev_tour {
        left: 0;
        top: 0
    }

    #online_game .navigation_wrap .prev_tour img {
        display: block;
        margin: 0 auto;
        padding-top: 15px
    }
}

@media (max-width: 767px) {
    #online_game {
        min-height: 100vh
    }

    #online_game #open_reg_wrap .reg_container .big_el_wrap {
        height: 400px;
        position: relative;
        overflow: hidden
    }

    #online_game #open_reg_wrap .reg_container .big_el_wrap:before {
        width: 400px;
        height: 400px;
        content: '';
        position: absolute;
        top: -33px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game #open_reg_wrap .reg_container .el_wrap {
        padding-top: 20px;
        margin: 0 auto;
        width: 288px;
        height: 288px;
        position: relative
    }

    #online_game #open_reg_wrap .reg_container .el_wrap:before {
        content: '';
        position: absolute;
        top: 20px;
        right: 0;
        width: 288px;
        height: 288px;
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game #open_reg_wrap .reg_container .el_wrap .logo {
        position: relative;
        display: block;
        margin: 0 auto;
        padding: 42px 0 29px;
        z-index: 2
    }

    #online_game #open_reg_wrap .reg_container .el_wrap .title {
        position: relative;
        font-family: "Montserrat-Bold";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E;
        z-index: 2
    }

    #online_game #open_reg_wrap .reg_container .el_wrap .game_name {
        position: relative;
        margin-top: 12px;
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        color: #C3E0F1;
        z-index: 2
    }

    #online_game #open_reg_wrap .reg_container .el_wrap #team_name {
        position: relative;
        z-index: 2;
        margin-top: 20px;
        width: 290px;
        height: 54px;
        font-family: "Montserrat-Bold";
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #C3E0F1;
        background: linear-gradient(190.55deg, #00212D 0%, #153544 100%);
        border: 2px solid #1B3946;
        box-sizing: border-box;
        box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70;
        border-radius: 10px
    }

    #online_game #open_reg_wrap .reg_container .form-btn {
        padding-top: 0;
        line-height: 1
    }

    #online_game #open_reg_wrap .reg_container .errors {
        color: red;
        text-align: center
    }

    #online_game #open_reg_wrap .reg_wrap {
        display: none
    }

    #online_game #open_reg_wrap .reg_wrap .big_el_wrap {
        height: 400px;
        position: relative;
        overflow: hidden
    }

    #online_game #open_reg_wrap .reg_wrap .big_el_wrap:before {
        width: 400px;
        height: 400px;
        content: '';
        position: absolute;
        top: -33px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game #game_start_wrap .active_tour {
        padding: 20px 0
    }

    #online_game #game_start_wrap .active_tour .team_name {
        font-family: "Montserrat-Bold";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E
    }

    #online_game #game_start_wrap .active_tour .answers_wrap {
        padding: 0 7px;
        background: linear-gradient(233.33deg, #00212D 0%, #153544 100%);
        border: 2px solid #1B3946;
        box-sizing: border-box;
        box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70;
        border-radius: 10px
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap {
        position: relative;
        height: 57px
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap:not(:first-of-type) {
        border-top: 2px solid #1B3946
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap .question_number {
        position: absolute;
        left: 7px;
        top: 9px;
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        color: #C3E0F1
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game {
        display: flex;
        align-items: center;
        height: 57px
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game .input_answer {
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 20px;
        color: #C3E0F1;
        background: transparent;
        border: none;
        padding: 0 0 0 30px;
        width: 240px
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game .btn-submit {
        color: #000;
        width: 40px;
        height: 40px;
        background: #29FFE5;
        border: 4px solid #1B3946;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: 10px
    }

    #online_game #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game .added {
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 20px;
        color: #6F8B9A;
        padding-left: 30px
    }

    #online_game #game_start_wrap .previous_tour {
        padding: 20px 0
    }

    #online_game #game_start_wrap .previous_tour .team_name {
        font-family: "Montserrat-Bold";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E
    }

    #online_game #game_start_wrap .previous_tour .answers_wrap {
        padding: 0 7px;
        background: linear-gradient(233.33deg, #00212D 0%, #153544 100%);
        border: 2px solid #1B3946;
        box-sizing: border-box;
        box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70;
        border-radius: 10px
    }

    #online_game #game_start_wrap .previous_tour .answers_wrap .answer_wrap {
        position: relative;
        height: 57px
    }

    #online_game #game_start_wrap .previous_tour .answers_wrap .answer_wrap:not(:first-of-type) {
        border-top: 2px solid #1B3946
    }

    #online_game #game_start_wrap .previous_tour .answers_wrap .answer_wrap .question_number {
        position: absolute;
        left: 7px;
        top: 9px;
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        color: #C3E0F1
    }

    #online_game #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_online_game {
        display: flex;
        align-items: center;
        height: 57px
    }

    #online_game #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_online_game .added {
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 20px;
        color: #6F8B9A;
        padding-left: 30px
    }

    #online_game #game_start_wrap .disabled_tour .big_el_wrap {
        height: 400px;
        position: relative;
        overflow: hidden
    }

    #online_game #game_start_wrap .disabled_tour .big_el_wrap:before {
        width: 400px;
        height: 400px;
        content: '';
        position: absolute;
        top: -33px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game #game_start_wrap .disabled_tour .big_el_wrap .team_name {
        position: relative;
        z-index: 2;
        font-family: "Montserrat-Bold";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E;
        margin-top: 20px
    }

    #online_game #game_start_wrap .disabled_tour .big_el_wrap .tour_info {
        position: relative;
        z-index: 2;
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 150%;
        text-align: center;
        color: #C3E0F1
    }

    #online_game .game_pause_wrap .big_el_wrap {
        height: 400px;
        position: relative;
        overflow: hidden
    }

    #online_game .game_pause_wrap .big_el_wrap:before {
        width: 400px;
        height: 400px;
        content: '';
        position: absolute;
        top: -33px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game .game_pause_wrap .big_el_wrap .team_name {
        position: relative;
        z-index: 2;
        font-family: "Montserrat-Bold";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E;
        margin-top: 30px
    }

    #online_game .game_pause_wrap .big_el_wrap .title {
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 150%;
        text-align: center;
        color: #00FFB2;
        position: relative;
        z-index: 2;
        margin-top: 78px
    }

    #online_game .calculate_rating_wrap .big_el_wrap {
        height: 400px;
        position: relative;
        overflow: hidden
    }

    #online_game .calculate_rating_wrap .big_el_wrap:before {
        width: 400px;
        height: 400px;
        content: '';
        position: absolute;
        top: -33px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game .calculate_rating_wrap .big_el_wrap .team_name {
        position: relative;
        z-index: 2;
        font-family: "Montserrat-Bold";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E;
        margin-top: 30px
    }

    #online_game .calculate_rating_wrap .big_el_wrap .title {
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 150%;
        text-align: center;
        color: #00FFB2;
        position: relative;
        z-index: 2;
        margin-top: 78px
    }

    #online_game .game_end_wrap .big_el_wrap {
        height: 400px;
        position: relative;
        overflow: hidden
    }

    #online_game .game_end_wrap .big_el_wrap:before {
        width: 400px;
        height: 400px;
        content: '';
        position: absolute;
        top: -33px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #1B3946;
        opacity: 0.5;
        box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
        border-radius: 50%;
        z-index: 1
    }

    #online_game .game_end_wrap .big_el_wrap .team_name {
        position: relative;
        z-index: 2;
        font-family: "Montserrat-Bold";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #6B8B9E;
        margin-top: 30px
    }

    #online_game .game_end_wrap .big_el_wrap .title {
        font-family: "IgraSans";
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 150%;
        text-align: center;
        color: #00FFB2;
        position: relative;
        z-index: 2;
        margin-top: 78px
    }
}

#online_game .desktop {
    min-width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    #online_game .desktop {
        display: none
    }
}

#online_game .desktop .el_1 {
    position: relative;
    width: 940px;
    margin: 0 auto
}

#online_game .desktop .el_1:before {
    content: '';
    width: 940px;
    height: 940px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #1B3946;
    opacity: 0.5;
    box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
    border-radius: 50%;
    z-index: 1
}

#online_game .desktop .el_1 .el_red {
    position: relative;
    z-index: 2;
    width: 670px;
    height: 670px;
    background: #1B3946;
    border: 4px solid #D14444;
    box-sizing: border-box;
    box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
    border-radius: 50%;
    margin: 76px auto
}

#online_game .desktop .el_1 .el_red .logo {
    display: block;
    margin: 115px auto 102px
}

#online_game .desktop .el_1 .el_red .desc {
    font-family: "IgraSans";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #C3E0F1
}

#online_game_stream {
    background: #1B3946;
    min-width: 100%;
    min-height: 100vh;
    overflow: hidden;
    position: relative
}

@media (max-width: 767px) {
    #online_game_stream {
        min-width: 100vw
    }
}

#online_game_stream .btn--green {
    font-family: "Montserrat-Bold";
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #C3E0F1;
    border: 4px solid #00FFB3;
    box-sizing: border-box;
    box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70;
    margin: 30px auto;
    width: 180px;
    height: 66px;
    display: block;
    border-radius: 22px;
    padding-top: 20px;
    background: transparent
}

#online_game_stream .top_logo {
    position: absolute;
    right: 60px;
    top: 60px;
    z-index: 3
}

@media (max-width: 767px) {
    #online_game_stream .top_logo {
        position: absolute;
        top: 8px;
        right: initial;
        left: 50%;
        transform: translate(-50%, 0%);
        z-index: 3
    }
}

#online_game_stream .el_1 {
    position: relative;
    width: 940px;
    margin: 0 auto
}

#online_game_stream .el_1:before {
    content: '';
    width: 940px;
    height: 940px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #1B3946;
    opacity: 0.5;
    box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
    border-radius: 50%;
    z-index: 1
}

@media (max-width: 767px) {
    #online_game_stream .el_1 {
        width: initial;
        height: 463px;
        position: relative;
        overflow: hidden
    }

    #online_game_stream .el_1:before {
        width: 440px;
        height: 440px;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0%)
    }
}

#online_game_stream .el_1 .el_2 {
    position: relative;
    z-index: 2;
    width: 670px;
    height: 670px;
    background: #1B3946;
    box-sizing: border-box;
    box-shadow: 3px 3px 20px rgba(0, 30, 38, 0.7), -3px -3px 10px #3E5E70, inset 3px 3px 20px #001E26, inset -3px -3px 10px #3E5E70;
    border-radius: 50%;
    margin: 76px auto 0
}

@media (max-width: 767px) {
    #online_game_stream .el_1 .el_2 {
        width: 316px;
        height: 316px;
        margin: 65px auto 0
    }
}

#online_game_stream .stream_wrap {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 3
}

#online_game_stream .stream_wrap .title {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #6B8B9E;
    margin-top: 65px
}

#online_game_stream .stream_wrap .name {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #C3E0F1;
    margin-top: 12px
}

#online_game_stream .stream_wrap .video_wrapper {
    width: 800px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 16px
}

@media (max-width: 767px) {
    #online_game_stream .stream_wrap .video_wrapper {
        width: 99vw;
        height: 0;
        position: relative;
        padding-bottom: 56.25%
    }
}

#online_game_stream .stream_wrap .video_wrapper video,
#online_game_stream .stream_wrap .video_wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(209.36deg, #00212D 0%, #153544 100%);
    border: 2px solid #1B3946;
    box-sizing: border-box;
    box-shadow: 3px 3px 20px #001E26, -3px -3px 10px #3E5E70
}

#online_game_streams {
    background-color: #F2F3F8;
    background-image: url(/assets/online_game_streams/bg2x-3771dca2dc27e283e97e6b4a500f20ad786e7e335c946d1f3bc632e46852f245.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding: 0 0 100px
}

@media (max-width: 767px) {
    #online_game_streams {
        background-image: none;
        padding: 0 0 10px
    }
}

#online_game_streams .links_wrap {
    display: flex;
    margin: 0 0 100px 60px;
    padding-top: 50px
}

@media (max-width: 767px) {
    #online_game_streams .links_wrap {
        display: none
    }
}

#online_game_streams .links_wrap .mozgva_home {
    margin-left: 86px;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    width: 163px;
    height: 44px;
    line-height: 44px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    text-align: center;
    color: #939AB0
}

#online_game_streams .links_wrap .mozgva_home:hover {
    color: #1B43CB
}

#online_game_streams .links_wrap .fb {
    width: 44px;
    height: 44px;
    position: relative;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    margin: 0 10px 0 47px
}

#online_game_streams .links_wrap .fb:before {
    content: "";
    background-image: url(/assets/special_games/fb-1ac4a7b23eb32015b0cc4a54d0723c352e937a9a5b6fb5908d33409c2e4c22f2.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 23px;
    position: absolute;
    bottom: 10px;
    right: 15px
}

#online_game_streams .links_wrap .fb:hover:before {
    background-image: url(/assets/special_games/fb-hover-1d460b13ae069f81690b10286e931670c03059c05b82dd05cad01905189eba76.png)
}

#online_game_streams .links_wrap .vk {
    position: relative;
    width: 44px;
    height: 44px;
    position: relative;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px
}

#online_game_streams .links_wrap .vk:before {
    content: "";
    background-image: url(/assets/special_games/vk-f75acb5a5ec4c3b7b26eeaaf1f9e4894aaf19558cf63210dae6ed1957a0e97f6.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 14px;
    position: absolute;
    bottom: 14px;
    right: 11px
}

#online_game_streams .links_wrap .vk:hover:before {
    background-image: url(/assets/special_games/vk-hover-25ee1aa61a98a3a162b9dc08b2ac0bfda08a711f100fc5cd471545cdc42a123a.png)
}

#online_game_streams .porsche_links_wrap {
    display: flex;
    align-items: center;
    padding-bottom: 50px;
    padding-top: 34px
}

@media (max-width: 767px) {
    #online_game_streams .porsche_links_wrap {
        display: none
    }
}

#online_game_streams .porsche_links_wrap .logo_link {
    margin-left: 60px;
    margin-right: 50px
}

#online_game_streams .porsche_links_wrap .line {
    background: #DCDCDC;
    width: 2px;
    height: 103px
}

#online_game_streams .porsche_links_wrap .mzg_link {
    margin-left: 50px
}

#online_game_streams .porsche_links_wrap .porsche_games_link {
    margin-left: 86px;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    width: 163px;
    height: 44px;
    line-height: 44px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    text-align: center;
    color: #939AB0
}

#online_game_streams .porsche_links_wrap .porsche_games_link:hover {
    color: #1B43CB
}

#online_game_streams .main_wrap {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap {
        width: initial;
        justify-content: center
    }
}

#online_game_streams .main_wrap .stream_wrap .video_wrapper {
    width: 892px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .stream_wrap .video_wrapper {
        width: 100vw
    }
}

#online_game_streams .main_wrap .stream_wrap .video_wrapper video,
#online_game_streams .main_wrap .stream_wrap .video_wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #9AA6B5;
    box-shadow: 4.72941px 4.72941px 7.88236px #DEE0EC, -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px
}

@media (max-width: 767px) {

    #online_game_streams .main_wrap .stream_wrap .video_wrapper video,
    #online_game_streams .main_wrap .stream_wrap .video_wrapper iframe {
        border-radius: 0
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap {
    margin-top: -64px
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap {
        margin-top: 20px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .main_control_panel_styler {
    width: 320px;
    min-height: 612px;
    padding: 20px 0;
    background: #F2F3F8;
    box-shadow: 4.72941px 4.72941px 7.88236px #DEE0EC, -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .main_control_panel_styler {
        width: 300px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap {
    height: 100%
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .porsche_img {
    width: 100%;
    padding: 0 12px 20px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .title {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #A5B3E3
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .game_name {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #1B43CB;
    margin-top: 10px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap {
    display: none;
    height: 100%
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .title {
    padding-top: 44px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .inp_style {
    display: block;
    position: relative;
    margin: 30px auto 20px;
    width: 290px;
    height: 54px;
    font-family: "IgraSans";
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #1B43CB;
    background: #F2F3F8;
    box-shadow: inset 4.72941px 4.72941px 7.88236px #DEE0EC, inset -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px;
    border: none
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .inp_style {
        width: 270px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .errors {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #F6614B
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .form-btn {
    padding-top: 0
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap_member .title {
    margin-top: 44px;
    font-family: "IgraSans";
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap_member .btn--main {
    margin-top: 384px
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap_member .btn--main {
        margin-top: 125px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap {
    position: relative
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .disabled_tour {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .disabled_tour .tour_info {
    padding-top: 44px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .disabled_tour .btn--main {
    margin-top: 304px
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .disabled_tour .btn--main {
        margin-top: 125px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap {
    position: relative;
    height: 44px;
    width: 276px;
    margin: 0 auto 14px;
    background: #FFFFFF;
    box-shadow: inset 3px 3px 4px #DEE0EC, inset -3px -3px 4px #FFFFFF;
    border-radius: 10px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap:last-of-type {
    margin: 0 auto 20px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .question_number {
    position: absolute;
    top: 9px;
    left: 10px;
    font-family: "Montserrat-Bold";
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #9297A9
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js {
    display: flex;
    align-items: center;
    height: 44px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js .added {
    padding-left: 30px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #000000
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap {
    position: relative;
    height: 44px;
    width: 276px;
    margin: 0 auto 14px;
    background: #FFFFFF;
    box-shadow: inset 3px 3px 4px #DEE0EC, inset -3px -3px 4px #FFFFFF;
    border-radius: 10px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap:last-of-type {
    margin: 0 auto 20px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .question_number {
    position: absolute;
    top: 9px;
    left: 10px;
    font-family: "Montserrat-Bold";
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #9297A9
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js {
    display: flex;
    align-items: center;
    height: 44px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js .input_answer {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    color: #1B43CB;
    line-height: 18px;
    background: transparent;
    border: none;
    padding: 0 0 0 30px;
    width: 236px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js .input_answer:focus::placeholder {
    color: transparent
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js .btn-submit {
    display: none;
    width: 19px;
    height: 18px;
    background-image: url(/assets/online_game_streams/answer_btn-82b420e1d1a1f2557bd5878f692a1937d5abfbe039ffda0a7152309411568835.png);
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    border: none;
    background-color: transparent
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_online_game_steams_js .added {
    padding-left: 30px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 150%;
    color: #000000
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .errors {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #F6614B
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour #submit_all_answers_js {
    font-size: 14px;
    height: 40px;
    line-height: 1;
    padding-top: 10px;
    width: 200px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .info_unreg_team .title_min {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #1B43CB
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .info_unreg_team .title {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #1B43CB;
    padding: 20px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_pause_wrap .title {
    margin-top: 44px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_pause_wrap .btn--main {
    margin-top: 384px
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_pause_wrap .btn--main {
        margin-top: 125px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_end_wrap .title {
    margin-top: 44px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB;
    margin-top: 70px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_end_wrap .btn--main {
    margin-top: 256px
}

@media (max-width: 767px) {
    #online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #game_end_wrap .btn--main {
        margin-top: 125px
    }
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #calculate_rating_wrap .title {
    font-family: "IgraSans";
    font-size: 23px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB;
    margin-top: 147px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #calculate_rating_wrap .btn--main {
    margin-top: 44px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .gg_img {
    display: block;
    margin: 0 auto 30px;
    padding-top: 30px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap #share_game_button {
    padding-top: 13px;
    margin: 10px auto;
    text-align: center;
    display: block;
    cursor: pointer;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    color: #1B43CB;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 10px;
    height: 44px;
    width: 190px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .share_game_button_clicked {
    width: 281px !important
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .btn--main {
    padding-top: 14px;
    display: block;
    margin: 30px auto 5px;
    height: 66px;
    width: 180px;
    font-family: "Montserrat-Bold";
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #F6614B;
    background: #F2F3F8;
    border: 4px solid #F6614B;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 25px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .btn--main:hover {
    background: #F6614B;
    border: 4px solid #F6614B;
    color: #fff
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap {
    padding: 7px 0 27px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap {
    margin: 0 auto;
    position: relative;
    width: 212px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .tour_name {
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #000000
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .arrow_wrap {
    position: absolute;
    cursor: pointer;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 10px;
    width: 32px;
    height: 32px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .next_tour {
    right: 0;
    top: 7px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .next_tour:hover:before {
    background-image: url(/assets/online_game_streams/right-hover-ae6c165ed8bf962ab7f5305190ec4aac3b4711098f80299be0f64b487e2a40ec.png)
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .next_tour:before {
    background-image: url(/assets/online_game_streams/right-6647a034ae19bfc3edbed011adc45ed56784d98c1b91b32d7add153191bd514a.png);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 11px;
    height: 15px;
    top: 10px;
    right: 8px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .prev_tour {
    left: 0;
    top: 7px
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .prev_tour:hover:before {
    background-image: url(/assets/online_game_streams/left-hover-e463f4f7b1b43244baf02270f3615b102bc3d0da222875668b3cce6f4b3d43cb.png)
}

#online_game_streams .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .prev_tour:before {
    background-image: url(/assets/online_game_streams/left-29065f16e129fe81cbc08f080ed9330e486f8990bf8f962a747720154c31c953.png);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 11px;
    height: 15px;
    top: 10px;
    left: 12px
}

#online_game_streams .help_text {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #000;
    margin-top: 10px
}

#online_game_product {
    position: relative;
    display: flex;
    padding: 0 0 20px 10px;
    background: #F2F3F8
}

@media (max-width: 767px) {
    #online_game_product {
        display: none
    }
}

#online_game_product .left {
    position: fixed;
    top: 0;
    left: 0;
    width: 20%;
    height: 100vh;
    margin-right: 36px
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .left {
        width: 340px;
        left: 10px
    }
}

#online_game_product .left .product_wrap {
    width: 340px;
    padding: 15px 20px 15px;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 10px;
    margin: 10px auto 0
}

#online_game_product .left .product_wrap .header {
    display: flex;
    justify-content: center;
    align-items: center
}

#online_game_product .left .product_wrap .card_img {
    width: 300px;
    height: 150px;
    margin: 27px auto 24px
}

#online_game_product .left .product_wrap .product_name {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #1B43CB;
    margin-bottom: 25px
}

#online_game_product .left .product_wrap .team_count {
    margin: 0;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #555866;
    text-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF
}

#online_game_product .left .product_wrap .links_wrap {
    display: flex
}

#online_game_product .left .product_wrap .links_wrap .mozgva_home {
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    width: 163px;
    height: 44px;
    line-height: 44px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    text-align: center;
    color: #939AB0
}

#online_game_product .left .product_wrap .links_wrap .mozgva_home:hover {
    color: #1B43CB
}

#online_game_product .left .product_wrap .links_wrap .fb {
    width: 44px;
    height: 44px;
    position: relative;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    margin: 0 10px 0 31px
}

#online_game_product .left .product_wrap .links_wrap .fb:before {
    content: "";
    background-image: url(/assets/special_games/fb-1ac4a7b23eb32015b0cc4a54d0723c352e937a9a5b6fb5908d33409c2e4c22f2.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 23px;
    position: absolute;
    bottom: 10px;
    right: 15px
}

#online_game_product .left .product_wrap .links_wrap .fb:hover:before {
    background-image: url(/assets/special_games/fb-hover-1d460b13ae069f81690b10286e931670c03059c05b82dd05cad01905189eba76.png)
}

#online_game_product .left .product_wrap .links_wrap .vk {
    position: relative;
    width: 44px;
    height: 44px;
    position: relative;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px
}

#online_game_product .left .product_wrap .links_wrap .vk:before {
    content: "";
    background-image: url(/assets/special_games/vk-f75acb5a5ec4c3b7b26eeaaf1f9e4894aaf19558cf63210dae6ed1957a0e97f6.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 14px;
    position: absolute;
    bottom: 14px;
    right: 11px
}

#online_game_product .left .product_wrap .links_wrap .vk:hover:before {
    background-image: url(/assets/special_games/vk-hover-25ee1aa61a98a3a162b9dc08b2ac0bfda08a711f100fc5cd471545cdc42a123a.png)
}

#online_game_product .left .win_wrap {
    width: 340px;
    background: #1B43CB;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 10px;
    padding: 0 20px 10px 20px;
    margin: 10px auto
}

#online_game_product .left .win_wrap .title {
    position: relative;
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    padding-top: 88px
}

#online_game_product .left .win_wrap .title:before {
    content: "";
    background-image: url(/assets/special_games/winner-dc8520c05e2df97eca5a82b8dcd8d00d83c24ce2a98d7a09781e5f78a95f5a5f.png);
    background-repeat: no-repeat;
    width: 132px;
    height: 96px;
    position: absolute;
    top: 14px;
    left: 75px
}

#online_game_product .left .win_wrap .winners {
    margin-top: 15px
}

#online_game_product .left .win_wrap .winners .winner_wrap {
    font-family: "IgraSans";
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px
}

#online_game_product .left .win_wrap .winners .winner_wrap .position {
    margin-right: 37px
}

#online_game_product .left .lose_wrap {
    width: 340px;
    background: #000000;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 10px;
    padding: 0 20px 10px 20px;
    margin: 0 auto
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .left .lose_wrap {
        display: none
    }
}

#online_game_product .left .lose_wrap .title {
    position: relative;
    font-family: "IgraSans";
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    padding-top: 88px
}

#online_game_product .left .lose_wrap .title:before {
    content: "";
    background-image: url(/assets/special_games/lose-0f7a492deb0a0dc1e7487d9e46c1b684eda755c5c1d2550145d923e340fe8cea.png);
    background-repeat: no-repeat;
    width: 132px;
    height: 96px;
    position: absolute;
    top: 6px;
    left: 73px
}

#online_game_product .left .lose_wrap .losers {
    margin-top: 15px
}

#online_game_product .left .lose_wrap .losers .loser_wrap {
    font-family: "IgraSans";
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px
}

#online_game_product .left .lose_wrap .losers .loser_wrap .position {
    margin-right: 37px
}

#online_game_product .online_game_table {
    width: 80%;
    margin-left: 20%;
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 1;
    color: #F6614B;
    text-align: left
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .online_game_table {
        margin-left: 380px;
        width: 800px
    }
}

#online_game_product .online_game_table .header {
    width: 80%;
    position: fixed;
    background: linear-gradient(180deg, #F2F3F8 80.22%, rgba(242, 243, 248, 0) 100%);
    height: 100px;
    padding-top: 38px;
    padding-right: 44px
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .online_game_table .header {
        width: 800px;
        padding-right: 0
    }
}

#online_game_product .online_game_table .header .control {
    display: flex;
    position: absolute;
    top: 25px;
    left: 0
}

#online_game_product .online_game_table .header .control .to_top {
    display: none;
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    cursor: pointer
}

#online_game_product .online_game_table .header .control .to_top:before {
    content: "";
    background-image: url(/assets/special_games/top-4d17f31d776320ca011aa2802470714dbaf36d3fc610b14fc21685c5120599ea.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 9px;
    position: absolute;
    top: 19px;
    left: 18px
}

#online_game_product .online_game_table .header .control .to_top:hover:before {
    background-image: url(/assets/special_games/top_hover-92dda3903b6180c22cb585f8dc87d4464a21587950ca805dd1eb2ff165c2504d.png)
}

#online_game_product .online_game_table .header .control .minus_size {
    margin-right: 15px;
    width: 100px;
    height: 46px;
    padding-top: 12px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #939AB0;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    cursor: pointer
}

#online_game_product .online_game_table .header .control .minus_size::selection {
    background: transparent
}

#online_game_product .online_game_table .header .control .minus_size:hover {
    color: #1B43CB
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .online_game_table .header .control .minus_size {
        border-radius: 50%;
        width: 46px;
        height: 46px;
        margin: 0
    }

    #online_game_product .online_game_table .header .control .minus_size span {
        display: none
    }

    #online_game_product .online_game_table .header .control .minus_size:before {
        content: 'A-'
    }
}

#online_game_product .online_game_table .header .control .plus_size {
    margin-right: 30px;
    width: 112px;
    height: 46px;
    padding-top: 12px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #939AB0;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    cursor: pointer
}

#online_game_product .online_game_table .header .control .plus_size::selection {
    background: transparent
}

#online_game_product .online_game_table .header .control .plus_size:hover {
    color: #1B43CB
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .online_game_table .header .control .plus_size {
        border-radius: 50%;
        width: 46px;
        height: 46px;
        margin: 0 20px
    }

    #online_game_product .online_game_table .header .control .plus_size span {
        display: none
    }

    #online_game_product .online_game_table .header .control .plus_size:before {
        content: 'A+'
    }
}

#online_game_product .online_game_table .header .control .plus_size.disable,
#online_game_product .online_game_table .header .control .minus_size.disable {
    color: #CFD0D5
}

#online_game_product .online_game_table .header .control .plus_size.disable:hover,
#online_game_product .online_game_table .header .control .minus_size.disable:hover {
    color: #CFD0D5
}

#online_game_product .online_game_table .header .name {
    text-align: right;
    padding-right: 40px
}

#online_game_product .online_game_table .header .tours {
    display: flex
}

#online_game_product .online_game_table .body {
    margin-top: 100px;
    padding-right: 44px
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .online_game_table .body {
        padding-right: 0
    }
}

#online_game_product .online_game_table .body .team {
    display: flex;
    align-items: center;
    padding: 10px 0 8px;
    margin-top: 13px;
    margin-bottom: 13px
}

#online_game_product .online_game_table .body .team:hover {
    background: #FBFBFF;
    border-radius: 10px
}

#online_game_product .online_game_table .body .team .name {
    display: flex;
    overflow: hidden
}

#online_game_product .online_game_table .body .team .name .place {
    margin-left: 1.65%;
    margin-right: 1.65%
}

#online_game_product .online_game_table .body .team .name .team_name {
    color: #1B43CB
}

#online_game_product .online_game_table .body .team .tour {
    color: #1B43CB
}

#online_game_product .online_game_table .body .team .result {
    color: #1B43CB
}

#online_game_product .online_game_table .body .odd_row {
    background: #FAE6E5;
    border-radius: 10px;
    padding: 10px 0 8px
}

#online_game_product .online_game_table .name {
    width: 51.95%
}

#online_game_product .online_game_table .tour {
    width: 3.4%;
    margin-right: 2.68%
}

#online_game_product .online_game_table .result {
    width: 3.4%;
    margin-left: 1.03%;
    margin-right: 1.03%
}

@media (min-width: 767px) and (max-width: 1700px) {
    #online_game_product .online_game_table .result {
        margin-right: 3.03%
    }
}

#online_game_product_mob {
    display: none
}

@media (max-width: 767px) {
    #online_game_product_mob {
        display: block;
        position: relative;
        width: 100%;
        background: #F3F4F9;
        padding-bottom: 100px
    }
}

#online_game_product_mob .game_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 337px;
    margin: 0 5px;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 10px;
    padding-top: 20px
}

#online_game_product_mob .game_card .product_wrap .logo {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 27px
}

#online_game_product_mob .game_card .product_wrap .card_img {
    display: block;
    margin: 20px auto;
    width: 140px;
    height: 70px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: 6px
}

#online_game_product_mob .game_card .product_wrap .product_name {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #1B43CB;
    padding: 0 5px;
    margin-bottom: 15px
}

#online_game_product_mob .game_card .product_wrap .links_wrap {
    display: flex;
    justify-content: center
}

#online_game_product_mob .game_card .product_wrap .links_wrap .mozgva_home {
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    width: 163px;
    height: 44px;
    line-height: 44px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    text-align: center;
    color: #939AB0
}

#online_game_product_mob .game_card .product_wrap .links_wrap .mozgva_home:hover {
    color: #1B43CB
}

#online_game_product_mob .game_card .product_wrap .links_wrap .fb {
    width: 44px;
    height: 44px;
    position: relative;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px;
    margin: 0 10px 0 31px
}

#online_game_product_mob .game_card .product_wrap .links_wrap .fb:before {
    content: "";
    background-image: url(/assets/special_games/fb-1ac4a7b23eb32015b0cc4a54d0723c352e937a9a5b6fb5908d33409c2e4c22f2.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 23px;
    position: absolute;
    bottom: 9px;
    right: 15px
}

#online_game_product_mob .game_card .product_wrap .links_wrap .fb:hover:before {
    background-image: url(/assets/special_games/fb-hover-1d460b13ae069f81690b10286e931670c03059c05b82dd05cad01905189eba76.png)
}

#online_game_product_mob .game_card .product_wrap .links_wrap .vk {
    position: relative;
    width: 44px;
    height: 44px;
    position: relative;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 30px
}

#online_game_product_mob .game_card .product_wrap .links_wrap .vk:before {
    content: "";
    background-image: url(/assets/special_games/vk-f75acb5a5ec4c3b7b26eeaaf1f9e4894aaf19558cf63210dae6ed1957a0e97f6.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 14px;
    position: absolute;
    bottom: 14px;
    right: 11px
}

#online_game_product_mob .game_card .product_wrap .links_wrap .vk:hover:before {
    background-image: url(/assets/special_games/vk-hover-25ee1aa61a98a3a162b9dc08b2ac0bfda08a711f100fc5cd471545cdc42a123a.png)
}

#online_game_product_mob .game_card #tours_wrap_top .tours_header {
    padding-top: 13px;
    width: 310px;
    margin: 0 auto 10px
}

#online_game_product_mob .game_card #tours_wrap_top .tours_wrap {
    width: 310px;
    margin: 0 auto
}

#online_game_product_mob .game_card #tours_wrap_top .tours_wrap .tour {
    font-family: "IgraSans";
    font-size: 15px;
    line-height: 100%;
    color: #969BAF
}

#online_game_product_mob .game_card #tours_wrap_top .tours_wrap .result {
    font-family: "IgraSans";
    font-size: 15px;
    color: #969BAF;
    margin-left: 18px
}

#online_game_product_mob .game_card .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#online_game_product_mob .game_card .sticky+.team_cards_wrap {
    padding-top: 102px
}

#online_game_product_mob #search_special_reg {
    position: relative;
    margin: 10px auto;
    width: 310px;
    height: 46px;
    z-index: 1
}

#online_game_product_mob #search_special_reg input {
    display: block;
    border: none;
    padding: 0px 40px 0 10px;
    width: 310px;
    margin: 0 auto;
    height: 46px;
    background: #E9EAF1;
    box-shadow: inset 3px 3px 5px #DEE0EC;
    border-radius: 10px;
    font-family: "IgraSans";
    font-size: 16px;
    color: #565A6A;
    line-height: 100%
}

#online_game_product_mob #search_special_reg input::placeholder {
    font-size: 13px;
    color: #969BAF
}

#online_game_product_mob #search_special_reg .clear_input {
    display: none;
    position: absolute;
    right: 15px;
    top: 13px
}

#online_game_product_mob .team_cards_wrap {
    margin-top: 12px
}

#online_game_product_mob .team_cards_wrap .team_card {
    width: 310px;
    margin: 10px auto 0;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #DEE0EC, -3px -3px 5px #FFFFFF;
    border-radius: 10px
}

#online_game_product_mob .team_cards_wrap .team_card .place {
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 11px;
    font-family: "IgraSans";
    font-size: 13px;
    line-height: 13px;
    color: #F7614B
}

#online_game_product_mob .team_cards_wrap .team_card .team_name {
    padding: 0 10px;
    margin-bottom: 19px;
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 24px;
    color: #1B43CB;
    overflow: hidden
}

#online_game_product_mob .team_cards_wrap .team_card .tours_wrap {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 100%;
    color: #565A6A
}

#online_game_product_mob .team_cards_wrap .team_card .tours_wrap .result {
    margin-left: 18px
}

#online_game_product_mob .tours_header {
    font-family: "IgraSans";
    font-size: 13px;
    line-height: 13px;
    color: #969BAF;
    text-align: left;
    padding: 0 10px
}

#online_game_product_mob .tours_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 13px 10px 10px
}

#online_game_product_mob .tours_wrap .tour {
    width: 26px;
    margin-left: 4px
}

#online_game_product_mob .tours_wrap .tour:first-child {
    margin-left: 0
}

#porsche_games_wrap .header .header_top_wrap {
    display: flex;
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_top_wrap {
        display: block
    }
}

#porsche_games_wrap .header .header_top_wrap .desc_wrap {
    display: block;
    width: 100%;
    background: #403F45;
    position: relative
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_top_wrap .desc_wrap {
        display: none
    }
}

#porsche_games_wrap .header .header_top_wrap .desc_wrap .top {
    margin-top: 34px;
    margin-left: 30px
}

#porsche_games_wrap .header .header_top_wrap .desc_wrap .top .plus_img {
    margin-right: 5px;
    margin-top: 4px
}

#porsche_games_wrap .header .header_top_wrap .desc_wrap .desc_img {
    margin-left: 51px;
    margin-top: 47px
}

#porsche_games_wrap .header .header_top_wrap .desc_wrap .porsche_link {
    position: absolute;
    right: 27px;
    bottom: 22px;
    width: 140px;
    height: 31px;
    font-family: "PorscheNext";
    font-size: 17px;
    line-height: 130%;
    color: #000000;
    background: #FFFFFF;
    border-radius: 2px;
    text-align: center;
    padding-top: 6px
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_top_wrap .top_img {
        display: none
    }
}

#porsche_games_wrap .header .header_top_wrap .banner_mob {
    display: none
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_top_wrap .banner_mob {
        display: flex
    }
}

#porsche_games_wrap .header .header_top_wrap .banner_mob .left_block img {
    width: 208px;
    height: 100px
}

#porsche_games_wrap .header .header_top_wrap .banner_mob .right_block {
    width: 100%
}

#porsche_games_wrap .header .header_top_wrap .banner_mob .right_block img {
    display: block;
    margin: 4px auto 0;
    width: 96px;
    height: 58px
}

#porsche_games_wrap .header .header_top_wrap .banner_mob .right_block .porsche_link {
    display: block;
    margin: 5px auto 0;
    width: 98px;
    height: 24px;
    text-align: center;
    padding-top: 5px;
    background: #403F45;
    border-radius: 1.16788px;
    font-family: "PorscheNext";
    font-size: 12px;
    line-height: 130%;
    color: #FFFFFF
}

#porsche_games_wrap .header .fixed_header_top {
    display: none;
    opacity: 0;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 154px;
    z-index: 2;
    transition: opacity 1.3s ease-in
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .fixed_header_top {
        display: none !important
    }
}

#porsche_games_wrap .header .fixed_header_top .desc_wrap {
    width: 100%;
    background: #403F45;
    position: relative
}

#porsche_games_wrap .header .fixed_header_top .desc_wrap .top {
    margin-top: 34px;
    margin-left: 30px
}

#porsche_games_wrap .header .fixed_header_top .desc_wrap .top .plus_img {
    margin-right: 5px;
    margin-top: 4px
}

#porsche_games_wrap .header .fixed_header_top .desc_wrap .desc_img {
    margin-left: 51px;
    margin-top: 47px
}

#porsche_games_wrap .header .fixed_header_top .desc_wrap .porsche_link {
    position: absolute;
    right: 27px;
    bottom: 22px;
    width: 140px;
    height: 31px;
    font-family: "PorscheNext";
    font-size: 17px;
    line-height: 130%;
    color: #000000;
    background: #FFFFFF;
    border-radius: 2px;
    text-align: center;
    padding-top: 6px
}

#porsche_games_wrap .header .header_content {
    position: relative;
    padding-top: 23px;
    padding-bottom: 36px;
    background-color: #fff
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_content {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

#porsche_games_wrap .header .header_content .porsche_nav {
    position: absolute;
    margin-right: 30px;
    right: 0;
    top: 22px;
    z-index: 3
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_content .porsche_nav {
        display: none !important
    }
}

#porsche_games_wrap .header .header_content .porsche_nav .swip {
    display: block;
    margin-bottom: 46px;
    width: 10px;
    height: 6px;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid #C4C4C4;
    border-radius: 20px;
    cursor: pointer
}

#porsche_games_wrap .header .header_content .porsche_nav .swip:hover {
    background: #D12F37;
    border: 1px solid #D12F37
}

#porsche_games_wrap .header .header_content .porsche_nav .swip.active {
    background: #D12F37;
    border: 1px solid #D12F37
}

#porsche_games_wrap .header .header_content .porsche_nav.fixed-nav {
    position: fixed
}

#porsche_games_wrap .header .header_content .main_wrap {
    margin: 0 auto
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_content .main_wrap {
        width: initial
    }
}

#porsche_games_wrap .header .header_content .main_wrap .logo_img {
    display: block;
    margin: 0 auto
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_content .main_wrap .logo_img {
        width: 166px
    }
}

#porsche_games_wrap .header .header_content .main_wrap .title_img {
    width: 90%;
    display: block;
    margin: 50px auto 0
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_content .main_wrap .title_img {
        width: 100%;
        padding: 0 10px;
        margin: 30px auto 0
    }
}

#porsche_games_wrap .header .header_content .main_wrap .desc {
    margin-top: 47.7px;
    margin-left: 40px;
    width: 542px;
    font-family: "PorscheNext";
    font-size: 22px;
    line-height: 130%;
    color: #000000
}

@media (max-width: 767px) {
    #porsche_games_wrap .header .header_content .main_wrap .desc {
        width: initial;
        margin-top: 20px;
        margin-left: initial;
        font-size: 16px;
        padding: 0 10px
    }
}

#porsche_games_wrap .block2_wrap {
    position: relative
}

#porsche_games_wrap .block2_wrap .block2_img {
    width: 100%
}

@media (max-width: 767px) {
    #porsche_games_wrap .block2_wrap .block2_img {
        display: none
    }
}

#porsche_games_wrap .block2_wrap .block2_img_mob {
    display: none
}

@media (max-width: 767px) {
    #porsche_games_wrap .block2_wrap .block2_img_mob {
        display: block;
        width: 100%
    }
}

#porsche_games_wrap .block2_wrap .content_wrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 40px;
    padding-right: 106px
}

@media (max-width: 767px) {
    #porsche_games_wrap .block2_wrap .content_wrap {
        padding-left: 10px;
        padding-right: 10px;
        flex-direction: column
    }
}

#porsche_games_wrap .block2_wrap .content_wrap .mzg_logo_wrap {
    width: 258px;
    height: 108px;
    background: #D12F37;
    margin-right: 10px
}

@media (max-width: 767px) {
    #porsche_games_wrap .block2_wrap .content_wrap .mzg_logo_wrap {
        width: 122px;
        height: 51px;
        margin-left: 0
    }
}

#porsche_games_wrap .block2_wrap .content_wrap .mzg_logo_wrap img {
    display: block;
    margin: 28px auto 0
}

@media (max-width: 767px) {
    #porsche_games_wrap .block2_wrap .content_wrap .mzg_logo_wrap img {
        margin: 15px auto 0;
        width: 92px
    }
}

#porsche_games_wrap .block2_wrap .content_wrap .desc {
    margin-top: 28px;
    width: 536px;
    font-family: "PorscheNext";
    font-size: 22px;
    line-height: 130%;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65)
}

@media (max-width: 767px) {
    #porsche_games_wrap .block2_wrap .content_wrap .desc {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: inherit;
        padding: 0;
        font-size: 16px;
        line-height: 130%
    }
}

#porsche_games_wrap .games_wrap .game_wrap {
    display: flex
}

@media (max-width: 767px) {
    #porsche_games_wrap .games_wrap .game_wrap {
        display: none
    }
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap {
    background: #E8EBF0;
    width: 50%;
    padding-left: 40px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .date_wrap {
    display: flex;
    margin: 40px 0 0 0;
    font-family: "PorscheNextBold";
    text-transform: uppercase;
    color: #D12F37;
    font-size: 16px;
    line-height: 16px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .date_wrap .big_date {
    margin: 0 20px 0 0;
    font-size: 50px;
    line-height: 50px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .date_wrap .small_date {
    margin: 0;
    padding-top: 6px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .game_name {
    width: 387px;
    margin-top: 38px;
    font-family: "PorscheNextBoldItalic";
    font-size: 40px;
    line-height: 130%;
    text-transform: uppercase;
    color: #000000
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .game_name span {
    color: #D12F37
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .game_desc {
    margin-top: 36px;
    width: 507px;
    font-family: "PorscheNext";
    font-size: 22px;
    line-height: 130%;
    color: #6B6B6B
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description {
    display: flex;
    position: relative
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left {
    margin-top: 23px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left span {
    margin: 0;
    font-family: "PorscheNext";
    font-size: 18px;
    color: #000
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .local {
    display: flex
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .right {
    margin-left: 80px
}

#porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .right .share_link {
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 150%;
    color: #263543;
    margin-top: 20px;
    display: block;
    width: 160px;
    margin-left: 0px;
    cursor: pointer
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap {
    position: relative;
    width: 50%;
    background-color: #000
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .card_img {
    width: 100%;
    padding-bottom: 19%
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow {
    position: absolute;
    bottom: 0
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow .shadow_img {
    width: 100%
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow .btn_buy {
    position: absolute;
    bottom: 67px;
    width: 88.2%;
    left: calc(50% - 44%);
    border-radius: 6px;
    height: 96px;
    background: url(/assets/porsche_games/btn_bg-216161bc49d6537142bd7b7376517629d5007fe41bb1f0fd73d90458cf1fcf8b.png);
    background-size: cover;
    padding-top: 41px;
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    cursor: pointer
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow .btn_buy:hover {
    background: #D12F37;
    color: #FFFFFF
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow .btn_buy.disabled_reg {
    color: #000000;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png);
    background-size: cover
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow .btn_buy.disabled_reg:hover {
    color: #000000;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png);
    background-size: cover
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .shadow .sold_out {
    position: absolute;
    bottom: 67px;
    width: 88.2%;
    left: calc(50% - 44%);
    border-radius: 6px;
    height: 96px;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png);
    background-size: cover;
    padding-top: 41px;
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    cursor: pointer
}

#porsche_games_wrap .games_wrap .game_wrap .img_wrap .romb {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #E8EBF0;
    transform: rotate(-45deg);
    left: -7px;
    bottom: 109px
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
    #porsche_games_wrap .games_wrap .game_wrap .content_wrap {
        padding-left: 10px
    }

    #porsche_games_wrap .games_wrap .game_wrap .content_wrap .game_name {
        width: 100%;
        padding: 0 5px
    }

    #porsche_games_wrap .games_wrap .game_wrap .content_wrap .game_desc {
        width: 100%;
        padding: 0 5px
    }

    #porsche_games_wrap .games_wrap .game_wrap .content_wrap .dop_description {
        padding-bottom: 20px
    }
}

#porsche_games_wrap .games_wrap .game_wrap.even {
    flex-direction: row-reverse
}

#porsche_games_wrap .games_wrap .game_wrap.even .img_wrap .romb {
    right: -7px;
    left: initial
}

#porsche_games_wrap .games_wrap .game_wrap_mob {
    display: none;
    background: #E8EBF0;
    padding-top: 40px
}

@media (max-width: 767px) {
    #porsche_games_wrap .games_wrap .game_wrap_mob {
        display: block
    }
}

#porsche_games_wrap .games_wrap .game_wrap_mob .date_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .date_wrap .big_date {
    font-family: "PorscheNextBold";
    font-size: 50px;
    line-height: 130%;
    text-transform: uppercase;
    color: #D12F37;
    margin: 0 20px 0 0
}

#porsche_games_wrap .games_wrap .game_wrap_mob .date_wrap .small_date {
    font-family: "PorscheNextBold";
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #D12F37;
    margin: 0
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap {
    width: 310px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 10px 10px 23px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .card_img {
    width: 290px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_name {
    font-family: "PorscheNextBoldItalic";
    font-size: 26px;
    line-height: 130%;
    text-transform: uppercase;
    color: #000000;
    margin: 14px auto 0;
    width: 257px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_name span {
    color: #D12F37
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_desc {
    font-family: "PorscheNext";
    font-size: 16px;
    line-height: 130%;
    color: #6B6B6B;
    margin: 30px auto 0;
    width: 260px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description {
    margin-top: 30px;
    display: flex;
    position: relative;
    padding: 0 15px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left {
    margin-top: 23px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left span {
    margin: 0;
    font-family: "PorscheNext";
    font-size: 16px;
    color: #000
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .local {
    display: flex
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .right {
    margin-left: 12px
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .right .share_link {
    font-family: "PorscheNextBold";
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    color: #263543;
    margin-top: 20px;
    display: block;
    width: 142px;
    margin-left: 0px;
    cursor: pointer
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .sold_out {
    display: block;
    margin: 30px auto 0;
    padding-top: 17px;
    text-align: center;
    width: 274px;
    height: 54px;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png);
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #000
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .btn_buy {
    display: block;
    margin: 30px auto 0;
    padding-top: 17px;
    text-align: center;
    width: 274px;
    height: 54px;
    background: #D12F37;
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .btn_buy.disabled_reg {
    color: #000000;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png)
}

#porsche_games_wrap .games_wrap .game_wrap_mob .card_wrap .btn_buy.disabled_reg:hover {
    color: #000000;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png)
}

#porsche_games_wrap .games_wrap .bottom_mob {
    display: none
}

@media (max-width: 767px) {
    #porsche_games_wrap .games_wrap .bottom_mob {
        display: block;
        height: 123px;
        background-color: #E8EBF0;
        background: linear-gradient(180deg, #E8EBF0 26%, #9299A4 100%)
    }
}

#porsche_games_wrap .games_wrap .bottom_desk {
    padding-top: 42px;
    padding-bottom: 72px
}

@media (max-width: 767px) {
    #porsche_games_wrap .games_wrap .bottom_desk {
        display: none
    }
}

#porsche_games_wrap .games_wrap .bottom_desk .title_img {
    width: 100%;
    padding: 0 47px
}

#porsche_games_wrap .games_wrap .bottom_desk .logo_img {
    display: block;
    margin: 50px auto 0
}

#porsche_free_order_modal .modal-dialog {
    max-width: 500px;
    width: 500px
}

@media (max-width: 767px) {
    #porsche_free_order_modal .modal-dialog {
        width: 100%
    }
}

#porsche_free_order_modal .modal-dialog .modal-content {
    background: #F2F3F8
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-header {
    display: none
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-body {
    padding-top: 85px;
    padding-bottom: 30px
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-body .modalInput {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    width: 290px;
    max-width: 290px;
    color: #000000;
    border-bottom: 2px solid #D8DBE0
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-body .modalInput::placeholder {
    color: #000000
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill,
#porsche_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:hover,
#porsche_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:focus,
#porsche_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:active {
    background-color: #F2F3F8 !important;
    -webkit-box-shadow: inset 0 0 0 50px #F2F3F8 !important
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-body .errors {
    font-family: Helvetica;
    font-size: 15px;
    line-height: 120%;
    color: red;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 20px
}

#porsche_free_order_modal .modal-dialog .modal-content .modal-body .btn--pay {
    width: 290px;
    height: 54px;
    border: none;
    border-radius: 4px;
    background: #D12F37;
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #porsche_free_order_modal .modal-dialog .modal-content .modal-body .btn--pay {
        font-size: 21px;
        height: 64px
    }
}

#porsche_free_order_modal .modal-dialog .close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    background: #fff;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    z-index: 10
}

@media (max-width: 767px) {
    #porsche_free_order_modal .modal-dialog .close {
        display: flex;
        justify-content: center;
        align-items: center;
        top: 10px;
        left: 10px;
        border-radius: 50%
    }
}

#porsche_free_order_modal .modal-dialog .close .x_hover {
    display: none
}

#porsche_free_order_modal .modal-dialog .close:hover {
    background: #000000
}

#porsche_free_order_modal .modal-dialog .close:hover .x_img {
    display: none
}

#porsche_free_order_modal .modal-dialog .close:hover .x_hover {
    display: block;
    margin: 0 auto
}

#porsche_free_order_modal .modal-dialog .close img {
    margin-bottom: 2px
}

#porsche_games_success .header_logo {
    margin-top: 34px;
    margin-bottom: 37px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    #porsche_games_success .header_logo {
        margin-top: 30px;
        margin-bottom: 23px
    }
}

#porsche_games_success .header_logo .logo {
    margin-right: 50px
}

@media (max-width: 767px) {
    #porsche_games_success .header_logo .logo {
        margin-right: 25px
    }
}

@media (max-width: 767px) {
    #porsche_games_success .header_logo .logo img {
        width: 91px
    }
}

#porsche_games_success .header_logo .line {
    background: #DCDCDC;
    width: 2px;
    height: 103px
}

@media (max-width: 767px) {
    #porsche_games_success .header_logo .line {
        height: 50px
    }
}

#porsche_games_success .header_logo .mzg_logo {
    margin-left: 50px
}

@media (max-width: 767px) {
    #porsche_games_success .header_logo .mzg_logo {
        margin-left: 25px
    }
}

@media (max-width: 767px) {
    #porsche_games_success .header_logo .mzg_logo img {
        width: 70px
    }
}

#porsche_games_success .success_wrap .title {
    font-family: "PorscheNextBoldItalic";
    font-size: 50px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 47px
}

@media (max-width: 767px) {
    #porsche_games_success .success_wrap .title {
        font-size: 24px;
        line-height: 130%;
        margin-bottom: 35px
    }
}

#porsche_games_success .success_wrap .game_wrap {
    display: flex
}

@media (max-width: 767px) {
    #porsche_games_success .success_wrap .game_wrap {
        display: none
    }
}

#porsche_games_success .success_wrap .game_wrap .content_wrap {
    background: #E8EBF0;
    width: 50%;
    padding-left: 40px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .date_wrap {
    display: flex;
    margin: 40px 0 0 0;
    font-family: "PorscheNextBold";
    text-transform: uppercase;
    color: #D12F37;
    font-size: 16px;
    line-height: 16px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .date_wrap .big_date {
    margin: 0 20px 0 0;
    font-size: 50px;
    line-height: 50px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .date_wrap .small_date {
    margin: 0;
    padding-top: 6px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .game_name {
    width: 387px;
    margin-top: 38px;
    font-family: "PorscheNextBoldItalic";
    font-size: 40px;
    line-height: 130%;
    text-transform: uppercase;
    color: #000000
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .game_name span {
    color: #D12F37
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .game_desc {
    margin-top: 36px;
    width: 507px;
    font-family: "PorscheNext";
    font-size: 22px;
    line-height: 130%;
    color: #6B6B6B
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description {
    display: flex;
    position: relative
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left {
    margin-top: 23px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left span {
    margin: 0;
    font-family: "PorscheNext";
    font-size: 18px;
    color: #000
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .local {
    display: flex
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#porsche_games_success .success_wrap .game_wrap .img_wrap {
    position: relative;
    width: 50%;
    background-color: #000
}

#porsche_games_success .success_wrap .game_wrap .img_wrap .card_img {
    width: 100%;
    padding-bottom: 19%
}

#porsche_games_success .success_wrap .game_wrap .img_wrap .shadow {
    position: absolute;
    bottom: 0
}

#porsche_games_success .success_wrap .game_wrap .img_wrap .shadow .shadow_img {
    width: 100%
}

#porsche_games_success .success_wrap .game_wrap .img_wrap .shadow .btn_buy {
    position: fixed;
    width: 44.1%;
    height: 96px;
    left: calc(25% - 22%);
    bottom: 67px;
    background: url(/assets/porsche_games/btn_bg-216161bc49d6537142bd7b7376517629d5007fe41bb1f0fd73d90458cf1fcf8b.png);
    background-size: cover;
    border-radius: 6px;
    padding-top: 41px;
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    cursor: pointer
}

#porsche_games_success .success_wrap .game_wrap .img_wrap .shadow .btn_buy:hover {
    background: #D12F37;
    color: #FFFFFF
}

#porsche_games_success .success_wrap .game_wrap .img_wrap .romb {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #E8EBF0;
    transform: rotate(-45deg);
    right: -7px;
    bottom: 109px
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
    #porsche_games_success .success_wrap .game_wrap .content_wrap {
        padding-left: 10px
    }

    #porsche_games_success .success_wrap .game_wrap .content_wrap .game_name {
        width: 100%;
        padding: 0 5px
    }

    #porsche_games_success .success_wrap .game_wrap .content_wrap .game_desc {
        width: 100%;
        padding: 0 5px
    }

    #porsche_games_success .success_wrap .game_wrap .content_wrap .dop_description {
        padding-bottom: 20px
    }
}

#porsche_games_success .success_wrap .game_wrap_mob {
    display: none;
    background: #E8EBF0;
    padding-top: 40px;
    padding-bottom: 70px
}

@media (max-width: 767px) {
    #porsche_games_success .success_wrap .game_wrap_mob {
        display: block
    }
}

#porsche_games_success .success_wrap .game_wrap_mob .date_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px
}

#porsche_games_success .success_wrap .game_wrap_mob .date_wrap .big_date {
    font-family: "PorscheNextBold";
    font-size: 50px;
    line-height: 130%;
    text-transform: uppercase;
    color: #D12F37;
    margin: 0 20px 0 0
}

#porsche_games_success .success_wrap .game_wrap_mob .date_wrap .small_date {
    font-family: "PorscheNextBold";
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #D12F37;
    margin: 0
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap {
    width: 310px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 10px 10px 23px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .card_img {
    width: 290px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .game_name {
    font-family: "PorscheNextBoldItalic";
    font-size: 26px;
    line-height: 130%;
    text-transform: uppercase;
    color: #000000;
    margin: 14px auto 0;
    width: 257px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .game_name span {
    color: #D12F37
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .game_desc {
    font-family: "PorscheNext";
    font-size: 16px;
    line-height: 130%;
    color: #6B6B6B;
    margin: 30px auto 0;
    width: 260px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description {
    margin-top: 30px;
    display: flex;
    position: relative;
    padding: 0 15px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left span {
    margin: 0;
    font-family: "PorscheNext";
    font-size: 16px;
    color: #000
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .local {
    display: flex
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#porsche_games_success .success_wrap .game_wrap_mob .card_wrap .btn_buy {
    display: block;
    margin: 30px auto 0;
    padding-top: 17px;
    text-align: center;
    width: 274px;
    height: 54px;
    background: #D12F37;
    font-family: "PorscheNextBold";
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF
}

#football_games_wrap .header_wrap {
    display: block;
    position: relative
}

@media (max-width: 767px) {
    #football_games_wrap .header_wrap {
        display: none
    }
}

#football_games_wrap .header_wrap .header_img {
    width: 100%
}

#football_games_wrap .header_wrap .logo {
    position: absolute;
    top: 55px;
    left: 38px
}

#football_games_wrap .header_mob_wrap {
    display: none
}

@media (max-width: 767px) {
    #football_games_wrap .header_mob_wrap {
        display: block;
        position: relative
    }
}

#football_games_wrap .header_mob_wrap .header_mob_img {
    width: 100%
}

#football_games_wrap .games_wrap .game_wrap {
    display: flex
}

@media (max-width: 767px) {
    #football_games_wrap .games_wrap .game_wrap {
        display: none
    }
}

#football_games_wrap .games_wrap .game_wrap .content_wrap {
    background: #FFFFFF;
    width: 50%;
    padding: 40px 69px 70px 40px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .date_wrap {
    display: flex;
    font-family: "Montserrat";
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    line-height: 16px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .date_wrap .big_date {
    font-family: "IgraSans";
    color: #C02634;
    margin: 0 20px 0 0;
    font-size: 50px;
    line-height: 50px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .date_wrap .small_date {
    margin: 0;
    padding-top: 12px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .game_name {
    width: 578px;
    margin: 38px 0 0 0;
    font-family: "IgraSans";
    font-size: 40px;
    line-height: 130%;
    color: #000000
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .game_desc {
    margin-top: 36px;
    width: 574px;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 130%;
    color: #000
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description {
    display: flex;
    position: relative
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left {
    margin-top: 23px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 18px;
    color: #000
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .local {
    display: flex
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .right {
    margin-left: 80px
}

#football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description .right .share_link {
    font-family: "Montserrat-Bold";
    font-size: 18px;
    line-height: 150%;
    color: #263543;
    margin-top: 20px;
    display: block;
    width: 222px;
    margin-left: 0;
    cursor: pointer
}

#football_games_wrap .games_wrap .game_wrap .img_wrap {
    position: relative;
    width: 50%;
    background: linear-gradient(0deg, #C02634, #C02634), #36A94A;
    display: flex;
    flex-direction: column;
    align-items: center
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .card_img {
    margin-top: 50px;
    width: 380px
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .btn_wrapper {
    position: relative;
    width: 100%
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .btn_wrapper .romb {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(-45deg);
    left: -7px;
    bottom: calc(50% - 10px)
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .btn_buy {
    display: block;
    margin: 0 auto;
    width: 88%;
    border-radius: 4px;
    height: 96px;
    background: #fff;
    padding-top: 37px;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    line-height: 130%;
    color: #000000;
    text-align: center;
    cursor: pointer
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .btn_buy:hover {
    box-shadow: 0px 6.99758px 40px rgba(128, 1, 13, 0.9)
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .btn_buy.disabled_reg {
    color: #9D0916;
    background: linear-gradient(0deg, #E04755, #E04755);
    background-size: cover
}

#football_games_wrap .games_wrap .game_wrap .img_wrap .sold_out {
    display: block;
    margin: 0 auto;
    width: 88%;
    border-radius: 4px;
    height: 96px;
    background: linear-gradient(0deg, #E04755, #E04755);
    background-size: cover;
    padding-top: 37px;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    line-height: 130%;
    color: #9D0916;
    text-align: center;
    cursor: pointer
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
    #football_games_wrap .games_wrap .game_wrap .content_wrap {
        padding-left: 10px
    }

    #football_games_wrap .games_wrap .game_wrap .content_wrap .game_name {
        width: 100%;
        padding: 0 5px
    }

    #football_games_wrap .games_wrap .game_wrap .content_wrap .game_desc {
        width: 100%;
        padding: 0 5px
    }

    #football_games_wrap .games_wrap .game_wrap .content_wrap .dop_description {
        padding-bottom: 20px
    }
}

#football_games_wrap .games_wrap .game_wrap.even {
    flex-direction: row-reverse
}

#football_games_wrap .games_wrap .game_wrap.even .img_wrap .romb {
    right: -7px;
    left: initial
}

#football_games_wrap .games_wrap .game_wrap_mob {
    display: none;
    background: #fff;
    padding-top: 40px
}

@media (max-width: 767px) {
    #football_games_wrap .games_wrap .game_wrap_mob {
        display: block
    }
}

#football_games_wrap .games_wrap .game_wrap_mob .date_wrap {
    display: flex;
    padding-left: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 13px
}

#football_games_wrap .games_wrap .game_wrap_mob .date_wrap .big_date {
    font-family: "IgraSans";
    font-size: 34px;
    line-height: 120%;
    text-transform: uppercase;
    color: #C02634;
    margin: 0 20px 0 0
}

#football_games_wrap .games_wrap .game_wrap_mob .date_wrap .small_date {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 130%;
    color: #C02634;
    margin: 0
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap {
    width: 310px;
    margin: 0 auto 4px;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 10px 10px 18px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .image_wrap {
    width: 290px;
    background: #C02634;
    border-radius: 2px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .image_wrap .card_img {
    display: block;
    width: 151px;
    margin: 0px auto;
    padding-top: 6px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_name {
    position: relative;
    font-family: "IgraSans";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin: 19px auto 0;
    width: 272px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_name .share_mozgva_home_button_mob {
    display: none
}

@media (max-width: 767px) {
    #football_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_name .share_mozgva_home_button_mob {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(/assets/mozgva_home_new/share_mob-4b50ca7554e0037fdb75fdb3bbece0161660eabc45d574167cfd319b12f6c695.png);
        position: absolute;
        top: -7px;
        right: 0
    }
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .game_desc {
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 150%;
    color: #6B6B6B;
    margin: 19px auto 0;
    width: 270px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description {
    display: flex;
    position: relative;
    padding: 0 15px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left {
    margin-top: 23px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 14px;
    color: #000
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .local {
    display: flex
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .sold_out {
    display: block;
    margin: 30px auto 0;
    padding-top: 17px;
    text-align: center;
    width: 274px;
    height: 54px;
    background: linear-gradient(0deg, #E04755, #E04755);
    color: #9D0916;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 130%;
    border-radius: 100px
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .btn_buy {
    display: block;
    margin: 30px auto 0;
    padding-top: 13px;
    text-align: center;
    width: 274px;
    height: 48px;
    background: #C02634;
    border-radius: 100px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF
}

#football_games_wrap .games_wrap .game_wrap_mob .card_wrap .btn_buy.disabled_reg {
    background: linear-gradient(0deg, #E04755, #E04755);
    color: #9D0916
}

#football_games_wrap .bottom_mob {
    display: none
}

@media (max-width: 767px) {
    #football_games_wrap .bottom_mob {
        display: block;
        height: 123px;
        background-color: #E8EBF0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #CFCFCF 100%)
    }
}

#football_free_order_modal .modal-dialog {
    max-width: 500px;
    width: 500px
}

@media (max-width: 767px) {
    #football_free_order_modal .modal-dialog {
        width: 100%
    }
}

#football_free_order_modal .modal-dialog .modal-content {
    background: #fff
}

#football_free_order_modal .modal-dialog .modal-content .modal-header {
    display: none
}

#football_free_order_modal .modal-dialog .modal-content .modal-body {
    padding-top: 85px;
    padding-bottom: 30px
}

#football_free_order_modal .modal-dialog .modal-content .modal-body .modalInput {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    width: 290px;
    max-width: 290px;
    color: #000000;
    border-bottom: 2px solid #D8DBE0
}

#football_free_order_modal .modal-dialog .modal-content .modal-body .modalInput::placeholder {
    color: #000000
}

#football_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill,
#football_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:hover,
#football_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:focus,
#football_free_order_modal .modal-dialog .modal-content .modal-body .modalInput:-webkit-autofill:active {
    background-color: #F2F3F8 !important;
    -webkit-box-shadow: inset 0 0 0 50px #F2F3F8 !important
}

#football_free_order_modal .modal-dialog .modal-content .modal-body .errors {
    font-family: Helvetica;
    font-size: 15px;
    line-height: 120%;
    color: #C02634;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 20px
}

#football_free_order_modal .modal-dialog .modal-content .modal-body .btn--pay {
    width: 290px;
    height: 54px;
    border: none;
    border-radius: 60px;
    background: #C02634;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #football_free_order_modal .modal-dialog .modal-content .modal-body .btn--pay {
        font-size: 16px;
        height: 54px
    }
}

#football_free_order_modal .modal-dialog .close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    background: #fff;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    z-index: 10
}

@media (max-width: 767px) {
    #football_free_order_modal .modal-dialog .close {
        display: flex;
        justify-content: center;
        align-items: center;
        top: 10px;
        left: 10px;
        border-radius: 50%
    }
}

#football_free_order_modal .modal-dialog .close .x_hover {
    display: none
}

#football_free_order_modal .modal-dialog .close:hover {
    background: #000000
}

#football_free_order_modal .modal-dialog .close:hover .x_img {
    display: none
}

#football_free_order_modal .modal-dialog .close:hover .x_hover {
    display: block;
    margin: 0 auto
}

#football_free_order_modal .modal-dialog .close img {
    margin-bottom: 2px
}

#football_games_success {
    background: #F5F5F5;
    height: 100vh;
    overflow-y: auto
}

@media (max-width: 767px) {
    #football_games_success {
        background: #fff
    }
}

#football_games_success .header_logo {
    padding-top: 34px;
    margin-bottom: 37px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    #football_games_success .header_logo {
        padding-top: 30px;
        margin-bottom: 23px
    }
}

#football_games_success .header_logo .logo {
    margin-right: 50px
}

@media (max-width: 767px) {
    #football_games_success .header_logo .logo {
        margin-right: 25px
    }
}

@media (max-width: 767px) {
    #football_games_success .header_logo .logo img {
        width: 52px
    }
}

#football_games_success .header_logo .line {
    background: #DCDCDC;
    width: 2px;
    height: 103px
}

@media (max-width: 767px) {
    #football_games_success .header_logo .line {
        height: 50px
    }
}

#football_games_success .header_logo .mzg_logo {
    margin-left: 50px
}

@media (max-width: 767px) {
    #football_games_success .header_logo .mzg_logo {
        margin-left: 25px
    }
}

@media (max-width: 767px) {
    #football_games_success .header_logo .mzg_logo img {
        width: 70px
    }
}

#football_games_success .success_wrap .title {
    font-family: "IgraSans";
    font-size: 40px;
    line-height: 130%;
    text-align: center;
    color: #000000;
    margin-bottom: 66px
}

@media (max-width: 767px) {
    #football_games_success .success_wrap .title {
        font-size: 20px;
        line-height: 130%;
        margin-bottom: 30px
    }
}

#football_games_success .success_wrap .game_wrap {
    display: flex
}

@media (max-width: 767px) {
    #football_games_success .success_wrap .game_wrap {
        display: none
    }
}

#football_games_success .success_wrap .game_wrap .content_wrap {
    background: #FFFFFF;
    width: 50%;
    padding: 40px 69px 70px 40px
}

#football_games_success .success_wrap .game_wrap .content_wrap .date_wrap {
    display: flex;
    font-family: "Montserrat";
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    line-height: 16px
}

#football_games_success .success_wrap .game_wrap .content_wrap .date_wrap .big_date {
    font-family: "IgraSans";
    color: #C02634;
    margin: 0 20px 0 0;
    font-size: 50px;
    line-height: 50px
}

#football_games_success .success_wrap .game_wrap .content_wrap .date_wrap .small_date {
    margin: 0;
    padding-top: 12px
}

#football_games_success .success_wrap .game_wrap .content_wrap .game_name {
    width: 578px;
    margin: 38px 0 0 0;
    font-family: "IgraSans";
    font-size: 40px;
    line-height: 130%;
    color: #000000
}

#football_games_success .success_wrap .game_wrap .content_wrap .game_desc {
    margin-top: 36px;
    width: 574px;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 130%;
    color: #000
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description {
    display: flex;
    position: relative
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left {
    margin-top: 23px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 18px;
    color: #000
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .local {
    display: flex
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .right {
    margin-left: 80px
}

#football_games_success .success_wrap .game_wrap .content_wrap .dop_description .right .share_link {
    font-family: "Montserrat-Bold";
    font-size: 18px;
    line-height: 150%;
    color: #263543;
    margin-top: 20px;
    display: block;
    width: 222px;
    margin-left: 0;
    cursor: pointer
}

#football_games_success .success_wrap .game_wrap .img_wrap {
    position: relative;
    width: 50%;
    background: linear-gradient(0deg, #C02634, #C02634), #36A94A;
    display: flex;
    flex-direction: column;
    align-items: center
}

#football_games_success .success_wrap .game_wrap .img_wrap .card_img {
    margin-top: 50px;
    width: 380px
}

#football_games_success .success_wrap .game_wrap .img_wrap .btn_wrapper {
    position: relative;
    width: 100%
}

#football_games_success .success_wrap .game_wrap .img_wrap .btn_wrapper .romb {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(-45deg);
    right: -7px;
    bottom: calc(50% - 10px)
}

#football_games_success .success_wrap .game_wrap .img_wrap .btn_buy {
    display: block;
    margin: 0 auto;
    width: 88%;
    border-radius: 4px;
    height: 96px;
    background: #fff;
    padding-top: 37px;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    line-height: 130%;
    color: #000000;
    text-align: center;
    cursor: pointer
}

#football_games_success .success_wrap .game_wrap .img_wrap .btn_buy:hover {
    box-shadow: 0px 6.99758px 40px rgba(128, 1, 13, 0.9)
}

#football_games_success .success_wrap .game_wrap .img_wrap .sold_out {
    display: block;
    margin: 0 auto;
    width: 88%;
    height: 96px;
    background: linear-gradient(0deg, #E04755, #E04755);
    border-radius: 4px;
    background-size: cover;
    padding-top: 34px;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    line-height: 130%;
    color: #9D0916;
    text-align: center;
    cursor: pointer
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
    #football_games_success .success_wrap .game_wrap .content_wrap {
        padding-left: 10px
    }

    #football_games_success .success_wrap .game_wrap .content_wrap .game_name {
        width: 100%;
        padding: 0 5px
    }

    #football_games_success .success_wrap .game_wrap .content_wrap .game_desc {
        width: 100%;
        padding: 0 5px
    }

    #football_games_success .success_wrap .game_wrap .content_wrap .dop_description {
        padding-bottom: 20px
    }
}

#football_games_success .success_wrap .game_wrap_mob {
    display: none;
    background: #E8EBF0;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 767px) {
    #football_games_success .success_wrap .game_wrap_mob {
        display: block
    }
}

#football_games_success .success_wrap .game_wrap_mob .date_wrap {
    display: flex;
    padding-left: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 13px
}

#football_games_success .success_wrap .game_wrap_mob .date_wrap .big_date {
    font-family: "IgraSans";
    font-size: 34px;
    line-height: 120%;
    text-transform: uppercase;
    color: #C02634;
    margin: 0 20px 0 0
}

#football_games_success .success_wrap .game_wrap_mob .date_wrap .small_date {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 130%;
    color: #C02634;
    margin: 0
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap {
    width: 310px;
    margin: 0 auto 4px;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 10px 10px 18px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .image_wrap {
    width: 290px;
    background: #C02634;
    border-radius: 2px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .image_wrap .card_img {
    display: block;
    width: 151px;
    margin: 0px auto;
    padding-top: 6px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .game_name {
    position: relative;
    font-family: "IgraSans";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin: 19px auto 0;
    width: 272px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .game_name .share_mozgva_home_button_mob {
    display: none
}

@media (max-width: 767px) {
    #football_games_success .success_wrap .game_wrap_mob .card_wrap .game_name .share_mozgva_home_button_mob {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(/assets/mozgva_home_new/share_mob-4b50ca7554e0037fdb75fdb3bbece0161660eabc45d574167cfd319b12f6c695.png);
        position: absolute;
        top: -7px;
        right: 0
    }
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .game_desc {
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 150%;
    color: #6B6B6B;
    margin: 19px auto 0;
    width: 270px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description {
    display: flex;
    position: relative;
    padding: 0 15px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left {
    margin-top: 23px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left span {
    margin: 0;
    font-family: "Montserrat";
    font-size: 14px;
    color: #000
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .local {
    display: flex
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .local img {
    margin-top: 3px;
    width: 12px;
    height: 14px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .local span {
    margin-left: 13.58px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .price {
    margin-top: 14px;
    display: flex
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .price img {
    margin-top: 5px;
    width: 14px;
    height: 14px;
    margin-left: -1px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .price span {
    margin-left: 13px;
    margin-top: 2px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .time {
    display: flex;
    margin-top: 18px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .time img {
    margin-top: 5px;
    width: 12px;
    height: 12px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .dop_description .left .time span {
    margin-left: 13.58px
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .btn_buy {
    display: block;
    margin: 30px auto 0;
    padding-top: 13px;
    text-align: center;
    width: 274px;
    height: 48px;
    background: #C02634;
    border-radius: 100px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF
}

#football_games_success .success_wrap .game_wrap_mob .card_wrap .btn_buy.disabled_reg {
    color: #000000;
    background: url(/assets/porsche_games/btn_bg_disabled-6dc7d1b9aaed70af06ce3ab8c0735a4e9b8cb78c61b45eee0a86ba258a23387a.png)
}

#football_game_streams {
    background-color: #C3303E;
    background-image: url(/assets/football_game_streams/bg-new-f3a623e49b84e86db05d1c48ce4a436c87fe09153ff19996f9dd8d57a3625c6c.png);
    background-repeat: no-repeat;
    background-position: 66% top;
    min-height: 100vh
}

@media (max-width: 767px) {
    #football_game_streams {
        background-image: none
    }
}

#football_game_streams .main_wrap {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap {
        width: initial;
        justify-content: center;
        padding-bottom: 20px
    }
}

#football_game_streams .main_wrap .stream_with_links {
    margin: 0 auto
}

#football_game_streams .main_wrap .stream_with_links .links_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap {
        flex-direction: column;
        margin-bottom: 20px
    }
}

#football_game_streams .main_wrap .stream_with_links .links_wrap .logos {
    padding-top: 34px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap .logos {
        padding-top: 30px;
        margin-bottom: 23px
    }
}

#football_game_streams .main_wrap .stream_with_links .links_wrap .logos .logo {
    margin-right: 50px
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap .logos .logo {
        margin-right: 25px
    }
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap .logos .logo img {
        width: 52px
    }
}

#football_game_streams .main_wrap .stream_with_links .links_wrap .logos .line {
    background: #DCDCDC;
    opacity: 0.4;
    width: 2px;
    height: 103px
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap .logos .line {
        height: 50px
    }
}

#football_game_streams .main_wrap .stream_with_links .links_wrap .logos .mzg_logo {
    margin-left: 50px
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap .logos .mzg_logo {
        margin-left: 25px
    }
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_with_links .links_wrap .logos .mzg_logo img {
        width: 70px
    }
}

#football_game_streams .main_wrap .stream_with_links .links_wrap .calendar_link {
    width: 163px;
    height: 44px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #C3303E;
    background: #F2F3F8;
    border-radius: 30px
}

#football_game_streams .main_wrap .stream_wrap .video_wrapper {
    width: 892px;
    height: 500px;
    position: relative
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .stream_wrap .video_wrapper {
        width: 100vw
    }
}

#football_game_streams .main_wrap .stream_wrap .video_wrapper video,
#football_game_streams .main_wrap .stream_wrap .video_wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #9AA6B5;
    border: none;
    border-radius: 10px
}

@media (max-width: 767px) {

    #football_game_streams .main_wrap .stream_wrap .video_wrapper video,
    #football_game_streams .main_wrap .stream_wrap .video_wrapper iframe {
        border-radius: 0
    }
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .bottom_wrap #control_panel_wrap {
        margin-top: 20px
    }
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap .main_control_panel_styler {
    width: 340px;
    height: 500px;
    padding: 20px 0;
    background: #F2F3F8;
    border-radius: 10px
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .bottom_wrap #control_panel_wrap .main_control_panel_styler {
        width: 300px
    }
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .title {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #A5B3E3
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .game_name {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #1B43CB;
    margin-top: 10px
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap {
    display: none;
    height: 100%
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .title {
    padding-top: 24px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .inp_style {
    display: block;
    position: relative;
    margin: 30px auto 20px;
    width: 290px;
    height: 54px;
    font-family: "IgraSans";
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #1B43CB;
    background: #F2F3F8;
    box-shadow: inset 4.72941px 4.72941px 7.88236px #DEE0EC, inset -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px;
    border: none
}

@media (max-width: 767px) {
    #football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .inp_style {
        width: 270px
    }
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .errors {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #F6614B;
    padding: 0 20px
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_online_game_stream_form .form-btn {
    padding-top: 0
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap .card_img {
    display: block;
    margin: 0 auto 24px;
    padding-top: 0px;
    width: 90%
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap #share_game_button {
    width: max-content;
    padding: 0 18px;
    height: 44px;
    line-height: 44px;
    margin: 39px auto 33px;
    text-align: center;
    display: block;
    cursor: pointer;
    font-family: "Montserrat";
    font-size: 16px;
    color: #1B43CB;
    border: 2px solid #1B43CB;
    box-sizing: border-box;
    border-radius: 40px
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap .share_game_button_clicked {
    width: 281px !important
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap .btn--main {
    padding-top: 14px;
    display: block;
    margin: 30px auto 5px;
    height: 66px;
    width: 180px;
    font-family: "Montserrat-Bold";
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #F6614B;
    background: #F2F3F8;
    border: 4px solid #F6614B;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 25px
}

#football_game_streams .main_wrap .bottom_wrap #control_panel_wrap .btn--main:hover {
    background: #F6614B;
    border: 4px solid #F6614B;
    color: #fff
}

#recorded_game {
    background-color: #F2F3F8;
    background-image: url(/assets/online_game_streams/bg2x-3771dca2dc27e283e97e6b4a500f20ad786e7e335c946d1f3bc632e46852f245.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding: 0 0 100px
}

@media (max-width: 767px) {
    #recorded_game {
        background-image: none;
        padding: 0 0 10px
    }
}

#recorded_game .logo {
    margin: 50px 0 100px 60px
}

@media (max-width: 767px) {
    #recorded_game .logo {
        display: none
    }
}

#recorded_game .main_wrap {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 767px) {
    #recorded_game .main_wrap {
        width: initial;
        justify-content: center
    }
}

#recorded_game .main_wrap .product_img {
    max-width: 800px;
    max-height: 400px
}

#recorded_game .main_wrap .stream_wrap .video_wrapper {
    width: 892px;
    height: 0;
    position: relative;
    padding-bottom: 56.25%
}

@media (max-width: 767px) {
    #recorded_game .main_wrap .stream_wrap .video_wrapper {
        width: 100vw
    }
}

#recorded_game .main_wrap .stream_wrap .video_wrapper #recorded_game_video,
#recorded_game .main_wrap .stream_wrap .video_wrapper video,
#recorded_game .main_wrap .stream_wrap .video_wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #9AA6B5;
    box-shadow: 4.72941px 4.72941px 7.88236px #DEE0EC, -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px
}

@media (max-width: 767px) {

    #recorded_game .main_wrap .stream_wrap .video_wrapper #recorded_game_video,
    #recorded_game .main_wrap .stream_wrap .video_wrapper video,
    #recorded_game .main_wrap .stream_wrap .video_wrapper iframe {
        border-radius: 0
    }
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap {
    margin-top: -64px
}

@media (max-width: 767px) {
    #recorded_game .main_wrap .bottom_wrap #control_panel_wrap {
        margin-top: 20px
    }
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .main_control_panel_styler {
    width: 320px;
    min-height: 612px;
    padding: 20px 0;
    background: #F2F3F8;
    box-shadow: 4.72941px 4.72941px 7.88236px #DEE0EC, -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px
}

@media (max-width: 767px) {
    #recorded_game .main_wrap .bottom_wrap #control_panel_wrap .main_control_panel_styler {
        width: 300px
    }
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap {
    height: 100%
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .title {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #A5B3E3
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_container .game_name {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #1B43CB;
    margin-top: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap {
    height: 100%
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_recorded_game_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_recorded_game_form .title {
    padding-top: 44px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_recorded_game_form .inp_style {
    display: block;
    position: relative;
    margin: 30px auto 20px;
    width: 290px;
    height: 54px;
    font-family: "IgraSans";
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #1B43CB;
    background: #F2F3F8;
    box-shadow: inset 4.72941px 4.72941px 7.88236px #DEE0EC, inset -4.72941px -4.72941px 7.88236px #FFFFFF;
    border-radius: 10px;
    border: none
}

@media (max-width: 767px) {
    #recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_recorded_game_form .inp_style {
        width: 270px
    }
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_recorded_game_form .errors {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #F6614B
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #open_reg_wrap .reg_wrap #create_team_recorded_game_form .form-btn {
    padding-top: 0
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap {
    position: relative
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .disabled_tour {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .disabled_tour .tour_info {
    padding-top: 44px;
    font-family: "IgraSans";
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #1B43CB
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap {
    position: relative;
    height: 44px;
    width: 276px;
    margin: 0 auto 14px;
    background: #FFFFFF;
    box-shadow: inset 3px 3px 4px #DEE0EC, inset -3px -3px 4px #FFFFFF;
    border-radius: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap:last-of-type {
    margin: 0 auto 20px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .question_number {
    position: absolute;
    top: 9px;
    left: 10px;
    font-family: "Montserrat-Bold";
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #9297A9
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_recorded_game {
    display: flex;
    align-items: center;
    height: 44px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_recorded_game .added {
    padding-left: 30px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 150%;
    color: #000000
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.correct {
    border: 1px solid #6FCF97;
    border-radius: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.correct .added {
    color: #219653
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.incorrect {
    border: 1px solid #EB5757;
    border-radius: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .previous_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.incorrect .added {
    color: #EB5757
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap {
    position: relative;
    height: 44px;
    width: 276px;
    margin: 0 auto 14px;
    background: #FFFFFF;
    box-shadow: inset 3px 3px 4px #DEE0EC, inset -3px -3px 4px #FFFFFF;
    border-radius: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap:last-of-type {
    margin: 0 auto 20px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .question_number {
    position: absolute;
    top: 9px;
    left: 10px;
    font-family: "Montserrat-Bold";
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #9297A9
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game {
    display: flex;
    align-items: center;
    height: 44px;
    padding-right: 6px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .input_answer {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    color: #1B43CB;
    line-height: 18px;
    background: transparent;
    border: none;
    padding: 0 0 0 30px;
    width: 100%
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .input_answer:focus::placeholder {
    color: transparent
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .btn-submit {
    display: none;
    width: 19px;
    height: 18px;
    background-image: url(/assets/online_game_streams/answer_btn-82b420e1d1a1f2557bd5878f692a1937d5abfbe039ffda0a7152309411568835.png);
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    border: none;
    background-color: transparent
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .recorded_game_radio_wrap {
    margin-left: 2px;
    margin-right: 2px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .recorded_game_radio_wrap .recorded_game_label {
    display: block;
    width: 36px;
    height: 30px;
    border: 1px solid rgba(1, 1, 248, 0.2);
    border-radius: 6px;
    margin-bottom: 0;
    font-family: "IgraSans";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #1B43CB;
    text-align: center
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .recorded_game_radio_wrap input[type=radio]:checked~.recorded_game_label {
    background-color: #1B43CB;
    color: #F2F3F8
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game .added {
    padding-left: 30px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    overflow: hidden
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.correct {
    border: 1px solid #6FCF97;
    border-radius: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.correct .added {
    color: #219653
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.incorrect {
    border: 1px solid #EB5757;
    border-radius: 10px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .answers_wrap .answer_wrap .create_answer_recorded_game.show_answer.incorrect .added {
    color: #EB5757
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour .errors {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #F6614B
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #game_start_wrap .active_tour #recorded_game_submit_all_answers {
    font-size: 14px;
    height: 40px;
    line-height: 1;
    padding-top: 10px;
    width: 200px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .gg_img {
    display: block;
    margin: 0 auto 30px;
    padding-top: 30px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #share_game_button {
    padding-top: 13px;
    margin: 10px auto;
    text-align: center;
    display: block;
    cursor: pointer;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 20px;
    color: #1B43CB;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 10px;
    height: 44px;
    width: 190px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap #go_next_tour {
    display: none;
    font-size: 17px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .share_game_button_clicked {
    width: 281px !important
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .btn--main {
    padding-top: 14px;
    display: block;
    margin: 30px auto 5px;
    height: 66px;
    width: 180px;
    font-family: "Montserrat-Bold";
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #F6614B;
    background: #F2F3F8;
    border: 4px solid #F6614B;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 25px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .btn--main:hover {
    background: #F6614B;
    border: 4px solid #F6614B;
    color: #fff
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap {
    padding: 7px 0 27px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap {
    margin: 0 auto;
    position: relative;
    width: 212px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .tour_name {
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #000000
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .arrow_wrap {
    display: none;
    position: absolute;
    cursor: pointer;
    background: #F2F3F8;
    box-shadow: 3px 3px 5px #E6E7EC, -3px -3px 5px #FBFCFE;
    border-radius: 10px;
    width: 32px;
    height: 32px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .next_tour {
    right: 0;
    top: 7px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .next_tour:hover:before {
    background-image: url(/assets/online_game_streams/right-hover-ae6c165ed8bf962ab7f5305190ec4aac3b4711098f80299be0f64b487e2a40ec.png)
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .next_tour:before {
    background-image: url(/assets/online_game_streams/right-6647a034ae19bfc3edbed011adc45ed56784d98c1b91b32d7add153191bd514a.png);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 11px;
    height: 15px;
    top: 10px;
    right: 8px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .prev_tour {
    left: 0;
    top: 7px
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .prev_tour:hover:before {
    background-image: url(/assets/online_game_streams/left-hover-e463f4f7b1b43244baf02270f3615b102bc3d0da222875668b3cce6f4b3d43cb.png)
}

#recorded_game .main_wrap .bottom_wrap #control_panel_wrap .navigation_top_wrap .navigation_wrap .prev_tour:before {
    background-image: url(/assets/online_game_streams/left-29065f16e129fe81cbc08f080ed9330e486f8990bf8f962a747720154c31c953.png);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 11px;
    height: 15px;
    top: 10px;
    left: 12px
}

#recorded_game .help_text {
    font-family: "IgraSans";
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #000;
    margin-top: 10px
}

#recorded_game .how_play_modal .modal-dialog {
    max-width: 512px
}

#recorded_mozgva_home_wrapper {
    background-image: url(/assets/mozgva_home/bg_main-f92ff27480d71265522814d9fc947ab121d9e437d023c68ae6fa273a1cd3dd19.png);
    background-size: cover;
    min-height: 100vh
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper {
        background-image: none;
        background-color: #0038FF
    }
}

#recorded_mozgva_home_wrapper .header_logo {
    margin: 0 auto;
    padding: 66px 0 70px;
    width: 1147px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .header_logo {
        width: initial;
        display: flex;
        padding: 20px 15px
    }
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .header_logo .logo {
        display: block;
        width: 135px;
        height: 36px
    }
}

#recorded_mozgva_home_wrapper .header_logo .title {
    font-family: "GraublauSlab-Bold";
    font-size: 30px;
    line-height: 120%;
    text-align: right;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .header_logo .title {
        font-size: 15px;
        margin: 0;
        width: 155px
    }
}

#recorded_mozgva_home_wrapper .products_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap {
        width: initial;
        margin-left: 0
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap {
    width: 460px;
    margin: 20px 15px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap {
        width: 100%;
        margin: 20px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card {
    width: 460px;
    height: 460px;
    position: relative
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card {
        width: 100%;
        height: initial
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .card_img {
    border-radius: 10px;
    width: 460px;
    height: 460px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .card_img {
        width: 100%;
        height: initial;
        opacity: 0.8;
        border-radius: 10px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card:hover .card_img {
    background: rgba(20, 28, 56, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card:hover .hovered_content {
    display: flex
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 30px;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 10px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content {
        background-color: transparent;
        display: flex;
        height: 260px;
        width: 100%;
        padding: 10px;
        bottom: -289px;
        top: initial;
        flex-direction: column-reverse
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_tour_wrap {
    display: flex;
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_tour_wrap {
        font-size: 15px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_tour_wrap .tour_ico {
    margin-right: 18px;
    background: #0038FF;
    width: 32px;
    height: 32px;
    border-radius: 37%;
    border: 2px solid rgba(255, 255, 255, 0.3)
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_tour_wrap .tour_ico img {
    display: block;
    margin: 5px auto;
    width: 17px
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_tour_wrap p {
    margin: 0
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_tour_wrap p {
        opacity: 1
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_time_wrap {
    margin-top: 12px;
    display: flex;
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_time_wrap {
        font-size: 15px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_time_wrap .time_ico {
    margin-right: 18px;
    background: #0038FF;
    width: 32px;
    height: 32px;
    border-radius: 37%;
    border: 2px solid rgba(255, 255, 255, 0.3)
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_time_wrap .time_ico img {
    display: block;
    margin: 6px auto
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_time_wrap p {
    margin: 0
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .top_description .description_time_wrap p {
        opacity: 1
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .description {
    font-family: "GraublauSans-Regular";
    font-size: 30px;
    line-height: 120%;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .description {
        font-size: 16px;
        line-height: 1;
        margin-top: 10px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .description p {
    margin: 0
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns .btn--red {
    width: initial;
    padding: 23px 35px 0;
    height: 72px;
    background: linear-gradient(90deg, #FD5D02 0%, #EF000D 100%);
    box-shadow: 0px 14px 40px rgba(193, 0, 0, 0.7);
    border-radius: 35px;
    cursor: pointer;
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns .btn--red {
        font-size: 25px;
        height: 47px;
        padding-top: 12px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns .price_wrap {
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns .price_wrap {
        font-size: 25px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns .sold_out {
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 35px;
    color: red
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .card .hovered_content .btns .sold_out {
        font-size: 25px
    }
}

#recorded_mozgva_home_wrapper .products_wrap .card_wrap .name {
    margin-top: 50px;
    text-align: center;
    font-family: "GraublauSlab-Bold";
    font-size: 40px;
    line-height: 47px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .products_wrap .card_wrap .name {
        margin: 301px auto 10px;
        font-size: 30px;
        text-align: center
    }
}

#recorded_mozgva_home_wrapper .productsCarousel {
    margin-left: 136px;
    position: relative
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .productsCarousel {
        margin-left: 0
    }
}

#recorded_mozgva_home_wrapper .productsCarousel .slick-arrow {
    width: 70px;
    height: 70px;
    background: #F2F3F8;
    border-radius: 25px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .productsCarousel .slick-arrow {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        z-index: 1
    }
}

#recorded_mozgva_home_wrapper .productsCarousel .slick-prev {
    left: -107px;
    top: 223px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .productsCarousel .slick-prev {
        left: 30px;
        top: 182px
    }
}

#recorded_mozgva_home_wrapper .productsCarousel .slick-prev:before {
    content: '';
    background-image: url(/assets/mozgva_home/left-bdbf32984878e0fc11bee127d589402a7a6f0c1d22ccb4ab1e715c0663bbd804.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 23px;
    top: 25px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .productsCarousel .slick-prev:before {
        background-image: url(/assets/mozgva_home/left_mob-fcc2455081320e257c5ff2a05bcac4ff0e8a08a3985732a5ff1a322a33909819.png);
        width: 15px;
        height: 16px;
        left: 14px;
        top: 15px
    }
}

#recorded_mozgva_home_wrapper .productsCarousel .slick-next {
    right: 30px;
    top: 213px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .productsCarousel .slick-next {
        top: 182px
    }
}

#recorded_mozgva_home_wrapper .productsCarousel .slick-next:before {
    content: '';
    background-image: url(/assets/mozgva_home/right-c6e241f46fb97f6eb4d4b4fc32835f05337e2189e1759f5a9834bc916baa3a23.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 21px;
    top: 25px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .productsCarousel .slick-next:before {
        background-image: url(/assets/mozgva_home/right_mob-6b15388318b7f775269cc5f055316c695f07553463dc01fb1c45f2142e75d21c.png);
        width: 15px;
        height: 16px;
        right: 13px;
        top: 15px
    }
}

#recorded_mozgva_home_wrapper .footer_wrap {
    width: 1150px;
    margin: 80px auto 0;
    padding-bottom: 33px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .footer_wrap {
        width: initial;
        display: flex;
        flex-direction: column;
        padding: 0 20px 33px
    }
}

#recorded_mozgva_home_wrapper .footer_wrap a {
    font-family: "GraublauSans-Regular";
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF
}

#recorded_mozgva_home_wrapper .footer_wrap .l-link {
    margin-right: 45px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_wrapper .footer_wrap .l-link {
        margin-bottom: 21px
    }
}

#recorded_mozgva_home_order_modal .modal-dialog,
#recorded_mozgva_home_free_order_modal .modal-dialog {
    max-width: 460px;
    width: 460px
}

@media (max-width: 767px) {

    #recorded_mozgva_home_order_modal .modal-dialog,
    #recorded_mozgva_home_free_order_modal .modal-dialog {
        width: 100%
    }
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-header,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-header {
    display: none
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body {
    padding-top: 53px;
    padding-bottom: 30px
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .rules,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .rules {
    font-family: "GraublauSans-Regular";
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #6A6A6A;
    margin-top: 28px
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .errors,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .errors {
    margin-top: 25px;
    font-family: "GraublauSans-Regular";
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: #F2110C
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 25px
}

@media (max-width: 767px) {

    #recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns,
    #recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns {
        flex-direction: column-reverse;
        align-items: center
    }
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .close,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .close {
    opacity: 1;
    background: #F2F3F8;
    border-radius: 22px;
    width: 70px;
    height: 70px
}

@media (max-width: 767px) {

    #recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .close,
    #recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .close {
        position: absolute;
        top: 19px;
        left: 17px;
        width: 44px;
        height: 44px;
        border-radius: 15px
    }
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .close span,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .close span {
    color: #0006AB;
    font-size: 40px
}

@media (max-width: 767px) {

    #recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .close span,
    #recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .close span {
        font-size: 25px
    }
}

#recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
#recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red {
    border: none;
    height: 72px;
    background: linear-gradient(90deg, #FD5D02 0%, #EF000D 100%);
    box-shadow: 0px 14px 40px rgba(193, 0, 0, 0.7);
    border-radius: 35px;
    cursor: pointer;
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    text-align: center;
    padding: 3px 20px
}

@media (max-width: 767px) {

    #recorded_mozgva_home_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red,
    #recorded_mozgva_home_free_order_modal .modal-dialog .modal-content .modal-body .btns .btn--red {
        font-size: 21px;
        height: 46px
    }
}

#recorded_mozgva_home_result_wrapper {
    background-image: url(/assets/mozgva_home/bg_order-24a967280a47ab6ee568c20777ce65d02d4d6998c2908f43b3aedda0ba27bc1d.png);
    background-size: cover;
    min-height: 100vh;
    padding: 20px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper {
        background-image: none;
        background-color: #0038FF;
        padding: 15px
    }
}

#recorded_mozgva_home_result_wrapper .header_logo {
    margin: 0 auto;
    padding: 66px 0 70px;
    width: 1147px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .header_logo {
        width: initial;
        display: flex;
        padding: 0
    }
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .header_logo .logo {
        display: block;
        width: 135px;
        height: 36px
    }
}

#recorded_mozgva_home_result_wrapper .header_logo .title {
    font-family: "GraublauSlab-Bold";
    font-size: 30px;
    line-height: 120%;
    color: #FFFFFF;
    text-align: right
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .header_logo .title {
        font-size: 15px;
        margin: 0;
        width: 155px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap {
    width: 1147px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap {
        width: initial
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .title {
    font-family: "GraublauSlab-Bold";
    font-size: 60px;
    line-height: 70px;
    color: #FFFFFF;
    margin-bottom: 63px;
    text-align: center
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .title {
        font-size: 30px;
        line-height: 1;
        margin-top: 50px;
        margin-bottom: 37px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap {
        margin-top: 20px;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .left {
        width: 100%
    }
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .left img {
        width: 100%
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right {
    width: 540px;
    margin-left: 2%
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right {
        width: initial;
        display: flex;
        flex-direction: column-reverse
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .name {
    font-family: "GraublauSlab-Bold";
    font-size: 40px;
    line-height: 47px;
    color: #FFFFFF;
    margin-bottom: 37px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .name {
        display: none
    }
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description {
        margin-top: 30px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_tour_wrap {
    display: flex;
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_tour_wrap {
        font-size: 18px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_tour_wrap .tour_ico {
    margin-right: 18px;
    background: #0038FF;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3)
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_tour_wrap .tour_ico img {
    display: block;
    margin: 4px auto
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_tour_wrap p {
    margin: 0
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_time_wrap {
    margin-top: 12px;
    display: flex;
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_time_wrap {
        font-size: 18px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_time_wrap .time_ico {
    margin-right: 18px;
    background: #0038FF;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3)
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_time_wrap .time_ico img {
    display: block;
    margin: 6px auto
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .top_description .description_time_wrap p {
    margin: 0
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .description {
    font-family: "GraublauSans-Semibold";
    font-size: 30px;
    line-height: 120%;
    color: #FFFFFF;
    margin-top: 42px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .description {
        font-size: 18px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns {
        justify-content: space-between
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns .btn--red {
    width: 230px;
    height: 72px;
    background: linear-gradient(90deg, #FD5D02 0%, #EF000D 100%);
    box-shadow: 0px 14px 40px rgba(193, 0, 0, 0.7);
    border-radius: 35px;
    cursor: pointer;
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 1;
    text-align: center;
    padding-top: 23px;
    color: #FFFFFF;
    margin-top: 12px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns .btn--red {
        width: 130px;
        font-size: 18.75px;
        line-height: 22px;
        height: 46px;
        padding-top: 14px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns .link_root {
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
    margin-top: 1em
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns .link_root {
        margin-top: 18px;
        font-family: "GraublauSans-Regular";
        font-size: 16px;
        line-height: 120%;
        margin-right: 30px
    }
}

#recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns .price_wrap {
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .success_wrap .product_wrap .right .btns .price_wrap {
        margin-top: 18px;
        font-family: "GraublauSans-Regular";
        font-size: 16px;
        line-height: 120%;
        margin-right: 30px
    }
}

#recorded_mozgva_home_result_wrapper .fail_wrap .title {
    font-family: "GraublauSans-Bold";
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 44px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .fail_wrap .title {
        font-size: 24px;
        line-height: 1;
        margin-top: 50px
    }
}

#recorded_mozgva_home_result_wrapper .fail_wrap .error_description {
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .fail_wrap .error_description {
        font-size: 18px
    }
}

#recorded_mozgva_home_result_wrapper .fail_wrap .error_code {
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    width: 200px;
    border: 2px solid #fff;
    padding: 5px;
    margin: 20px auto 0
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .fail_wrap .error_code {
        font-size: 18px
    }
}

#recorded_mozgva_home_result_wrapper .fail_wrap .help_description {
    font-family: "GraublauSans-Semibold";
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 30px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .fail_wrap .help_description {
        font-size: 18px
    }
}

#recorded_mozgva_home_result_wrapper .fail_wrap .help_description p {
    margin: 0
}

#recorded_mozgva_home_result_wrapper .fail_wrap .btn-run {
    display: block;
    width: 230px;
    height: 72px;
    background: linear-gradient(90deg, #FD5D02 0%, #EF000D 100%);
    box-shadow: 0px 14px 40px rgba(193, 0, 0, 0.7);
    border-radius: 35px;
    cursor: pointer;
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 1;
    text-align: center;
    padding-top: 23px;
    color: #FFFFFF;
    margin: 31px auto 30px;
    width: 310px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .fail_wrap .btn-run {
        width: 190px;
        height: 46px;
        font-size: 18.75px;
        line-height: 22px;
        padding-top: 14px
    }
}

#recorded_mozgva_home_result_wrapper .fail_wrap .link_root {
    display: block;
    font-family: "GraublauSansDispBd";
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
    margin: 0 auto;
    width: 150px
}

@media (max-width: 767px) {
    #recorded_mozgva_home_result_wrapper .fail_wrap .link_root {
        font-size: 16px;
        line-height: 120%;
        text-align: center
    }
}

.dropdown-toggle::after {
    display: none !important;
}

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