/*
Theme Name: SAGAME
Theme URI: http://www.nswork.net/
Author: This nswork team
Author URI: http://www.nswork.net/
Description: This f0r SA Theme
Version: 1.09

Tags: NS

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/



.lds-default {
    position: relative;
    width: 80px;
    height: 80px
}

.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #c7994b;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px
}

.lds-default div:nth-child(2) {
    animation-delay: -.1s;
    top: 22px;
    left: 62px
}

.lds-default div:nth-child(3) {
    animation-delay: -.2s;
    top: 11px;
    left: 52px
}

.lds-default div:nth-child(4) {
    animation-delay: -.3s;
    top: 7px;
    left: 37px
}

.lds-default div:nth-child(5) {
    animation-delay: -.4s;
    top: 11px;
    left: 22px
}

.lds-default div:nth-child(6) {
    animation-delay: -.5s;
    top: 22px;
    left: 11px
}

.lds-default div:nth-child(7) {
    animation-delay: -.6s;
    top: 37px;
    left: 7px
}

.lds-default div:nth-child(8) {
    animation-delay: -.7s;
    top: 52px;
    left: 11px
}

.lds-default div:nth-child(9) {
    animation-delay: -.8s;
    top: 62px;
    left: 22px
}

.lds-default div:nth-child(10) {
    animation-delay: -.9s;
    top: 66px;
    left: 37px
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px
}

@keyframes lds-default {
    0%, 100%, 20%, 80% {
        transform: scale(1.5);
        opacity: .2
    }
    50% {
        transform: scale(1.5);
        opacity: 1
    }
}



/* ---------------------- */
/* ---------------------- */
/* ---------------------- */


.blockUI.blockMsg.blockPage {
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    width: 100%!important;
    position: fixed;
    cursor: wait
}

.blockUI.blockMsg.blockPage, .blockUI.blockOverlay {
    z-index: 99999999!important;
    opacity: 1!important
}

.slick-slider {
    -webkit-box-sizing: border-box;
    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, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

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

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

.slick-track:after, .slick-track:before {
    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-loading .slick-list {
    background: #fff url(data:image/gif;base64,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) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+PGZvbnQtZmFjZSBmb250LWZhbWlseT0ic2xpY2siIHVuaXRzLXBlci1lbT0iNTEyIiBhc2NlbnQ9IjQ4MCIgZGVzY2VudD0iLTMyIi8+PGdseXBoIHVuaWNvZGU9IuKGkiIgZD0iTTI0MSAxMTNsMTMwIDEzMGM0IDQgNiA4IDYgMTNzLTIgOS02IDEzTDI0MSAzOTljLTMgMy03IDUtMTIgNXMtMTAtMi0xMy01bC0yOS0zMGMtNC0zLTYtNy02LTEyczItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzczItOSA2LTEybDI5LTMwYzMtMyA4LTUgMTMtNXM5IDIgMTIgNXptMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOXMtNzcgOS0xMTAgMjljLTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMHM5IDc3IDI5IDExMGMyMCAzNCA0NiA2MCA4MCA4MCAzMyAyMCA3MCAyOSAxMTAgMjlzNzctOSAxMTAtMjljMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPjxnbHlwaCB1bmljb2RlPSLihpAiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMnMtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTNzLTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1cy05LTItMTItNUwxNDEgMjY5Yy00LTQtNi04LTYtMTNzMi05IDYtMTNsMTMwLTEzMGMzLTMgNy01IDEyLTVzMTAgMiAxMyA1em0xNzkgMTQzYzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5cy03NyA5LTExMCAyOWMtMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwczkgNzcgMjkgMTEwYzIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOXM3Ny05IDExMC0yOWMzNC0yMCA2MC00NiA4MC04MCAyMC0zMyAyOS03MCAyOS0xMTB6Ii8+PGdseXBoIHVuaWNvZGU9IuKAoiIgZD0iTTQ3NSAyNTZjMC00MC05LTc3LTI5LTExMC0yMC0zNC00Ni02MC04MC04MC0zMy0yMC03MC0yOS0xMTAtMjlzLTc3IDktMTEwIDI5Yy0zNCAyMC02MCA0Ni04MCA4MC0yMCAzMy0yOSA3MC0yOSAxMTBzOSA3NyAyOSAxMTBjMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5czc3LTkgMTEwLTI5YzM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz48Z2x5cGggdW5pY29kZT0iYSIgZD0iTTQ3NSA0MzlWMzExYzAtNS0xLTktNS0xM3MtOC01LTEzLTVIMzI5Yy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01N3M0LTM5IDExLTU3YzgtMTggMTgtMzMgMzItNDYgMTMtMTQgMjgtMjQgNDYtMzIgMTgtNyAzNy0xMSA1Ny0xMSAyMyAwIDQ0IDUgNjQgMTUgMjAgOSAzOCAyMyA1MSA0MiAyIDEgNCAzIDcgM3M1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxN3MtNTEgMjctNzAgNDdjLTIwIDE5LTM1IDQzLTQ3IDcwcy0xNyA1NS0xNyA4NSA1IDU4IDE3IDg1IDI3IDUxIDQ3IDcwYzE5IDIwIDQzIDM1IDcwIDQ3czU1IDE3IDg1IDE3YzI4IDAgNTUtNSA4MS0xNSAyNi0xMSA1MC0yNiA3MC00NWwzNyAzN2M2IDYgMTIgNyAyMCA0IDgtNCAxMS05IDExLTE3eiIvPjwvZm9udD48L2RlZnM+PC9zdmc+) format("svg")
}

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

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: rgba(0, 0, 0, 0)
}

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

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

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -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;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: 0;
    background: rgba(0, 0, 0, 0)
}

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

.slick-dots li button:focus:before, .slick-dots li button:hover: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: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.swiper-container {
    margin-left: auto;
    margin-right: auto
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: rgba(0, 0, 0, 0)
}

.hamburger:hover {
    opacity: 1
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 21px;
    height: 2px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 4px;
    background-color: #c19c5e
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -o-transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--3dx.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -o-transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -o-transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--3dy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -o-transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    -webkit-transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    -webkit-transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -o-transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -o-transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    -webkit-transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    -webkit-transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -o-transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -o-transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
    -o-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -o-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
    -o-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -o-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity .15s ease .4s;
    -o-transition: opacity .15s ease .4s;
    transition: opacity .15s ease .4s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity .15s ease .4s;
    -o-transition: opacity .15s ease .4s;
    transition: opacity .15s ease .4s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color .2s ease-in .25s;
    -o-transition: background-color .2s ease-in .25s;
    transition: background-color .2s ease-in .25s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    -webkit-transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    -webkit-transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    -webkit-transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -o-transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    -webkit-transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -o-transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color .2s ease-in .25s;
    -o-transition: background-color .2s ease-in .25s;
    transition: background-color .2s ease-in .25s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    -webkit-transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    -webkit-transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    -webkit-transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -o-transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    -webkit-transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -o-transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s linear .15s;
    -o-transition: background-color 0s linear .15s;
    transition: background-color 0s linear .15s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -o-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity 0s linear;
    -o-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity 0s linear;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .32s;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .32s;
    opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -o-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    -o-transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s
}

.hamburger--stand .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -o-transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -o-transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -o-transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -o-transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -o-transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    -o-transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s
}

.hamburger--stand-r .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -o-transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -o-transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -o-transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: rgba(0, 0, 0, 0)
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -o-transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -o-transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--spin .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .34s, opacity .1s ease-in;
    -o-transition: top .1s ease-in .34s, opacity .1s ease-in;
    transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .14s;
    -o-transition: top .1s ease-out, opacity .1s ease-out .14s;
    transition: top .1s ease-out, opacity .1s ease-out .14s;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -o-transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--spin-r .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .34s, opacity .1s ease-in;
    -o-transition: top .1s ease-in .34s, opacity .1s ease-in;
    transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .14s;
    -o-transition: top .1s ease-out, opacity .1s ease-out .14s;
    transition: top .1s ease-out, opacity .1s ease-out .14s;
    opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -o-transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top .1s ease .14s, opacity .1s ease;
    -o-transition: top .1s ease .14s, opacity .1s ease;
    transition: top .1s ease .14s, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom .1s ease .14s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease, opacity .1s ease .14s;
    -o-transition: top .1s ease, opacity .1s ease .14s;
    transition: top .1s ease, opacity .1s ease .14s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    -o-transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (min-width:320px) {
    .logo {
        background: 130px auto;
        background-position-y: 11px;
        border-bottom: 1px solid #343434;
        font-size: 0;
        height: 53px;
        left: 0;
        overflow: hidden;
        right: 0;
        top: 0;
        width: auto;
        z-index: 3
    }
    .logo img {
        -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%);
        width: 120px
    }
    .sagaming-logo {
        display: none
    }
    .casino-games img {
        margin: 0 auto;
        text-align: center;
        width: 100%
    }
    .content-title h2 {
        color: #fff1d3;
        font-size: .875em;
        font-weight: 400;
        line-height: 25px!important;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        width: 90%
    }
    .main-container {
        margin-bottom: 0
    }
    .modal-dialog {
        height: 100%;
        margin: 0;
        padding: 0;
        width: 100%
    }
    .modal-content {
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        background: #000 padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 1px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        height: auto;
        min-height: 100%;
        outline: 0;
        position: relative
    }
    .promo-container {
        padding-bottom: 20px
    }
    .wrapper-notice {
        width: 100%
    }
    .notice {
        width: auto
    }
    .notice-container {
        top: auto
    }
    .aboutus-logo {
        margin-left: 5px;
        width: 80%
    }
    .promo-ft {
        bottom: 8.5px!important
    }
    .promo-ft a {
        font-size: 12px!important;
        padding: 3px 18px!important
    }
    .ft-1 {
        left: 3%!important
    }
    .ft-2 {
        right: 37%!important
    }
    .ft-3 {
        right: 12%!important
    }
    .btn-in {
        bottom: 7px!important;
        left: 21.5%!important
    }
    .deposit-img-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
    .m-social-link-last a {
        width: 29%!important
    }
}

@media only screen and (min-width:375px) {
    .promo-ft {
        bottom: 9px!important
    }
    .promo-ft a {
        font-size: 16px!important;
        padding: 4px 23px!important
    }
    .ft-1 {
        font-size: 16px;
        left: 3%!important
    }
    .ft-2 {
        right: 36%!important
    }
    .ft-3 {
        right: 9%!important
    }
    .btn-in {
        bottom: 11px!important;
        left: 22.5%!important
    }
    .aboutus-logo {
        margin-left: 5px
    }
    .m-social-link-last a {
        width: 30%!important
    }
}

@media only screen and (min-width:414px) {
    .promo-ft {
        bottom: 11px!important
    }
    .btn-in {
        bottom: 13px!important
    }
    .aboutus-logo {
        margin-left: 5px
    }
}

@media only screen and (min-width:568px) {
    .marquee {
        width: 80%
    }
    .deposit-img-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
    .deposit-img {
        margin: 0 auto;
        width: 70%
    }
    .online-payment {
        padding: 20% 5% 10%
    }
    .m-social-link-last a {
        width: 12%!important
    }
}

@media only screen and (min-width:667px) {
    .marquee {
        width: 83%
    }
}

@media only screen and (min-width:768px) {
    .modal-dialog {
        margin: 30px auto;
        width: 600px
    }
    .modal-content {
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        background: #1a1a1a padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 1px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        min-height: auto;
        outline: 0;
        position: relative
    }
}

@media only screen and (min-width:992px) {
    .nct {
        width: 100%!important
    }
    .marquee {
        width: 64.9%
    }
    .deposit-img-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
    .deposit-img {
        margin: auto;
        width: auto
    }
    .online-payment {
        padding: 30% 5% 40%
    }
}

@media only screen and (min-width:1200px) {
    .wrapper {
        margin: 0 auto
    }
    .logo {
        background: 285px auto;
        border-bottom: 5px solid #000;
        font-size: 0;
        height: 100px;
        left: 0;
        overflow: hidden;
        right: 0;
        top: 32px;
        width: auto;
        z-index: 3
    }
    .logo img {
        left: 0;
        margin: 0 auto;
        right: 0;
        top: 0;
        -webkit-transform: translateY(5%);
        -ms-transform: translateY(5%);
        transform: translateY(5%);
        width: 35%
    }
    .logo img, .sagaming-logo {
        display: block
    }
    .content-title h2 {
        color: #fff;
        font-size: 1.375em;
        font-weight: 400;
        line-height: 25px!important;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase
    }
    .asd main {
        position: relative
    }
    .asd .notice-container {
        top: 0
    }
    .casino-games img {
        margin: 0 auto;
        text-align: center;
        width: 100%
    }
    .promo-ft {
        bottom: 12.5px!important
    }
    .promo-ft a {
        font-size: 17px!important;
        padding: 3px 15px!important
    }
    .ft-1 {
        left: 3%!important
    }
    .ft-2 {
        right: 40%!important
    }
    .ft-3 {
        right: 12%!important
    }
    .btn-in {
        bottom: 17px!important;
        left: 27.5%!important
    }
    .wrapper-notice {
        width: 1047px
    }
    .notice {
        padding-left: 10px;
        padding-right: 0;
        width: 10%
    }
    .aboutus-logo {
        width: auto
    }
}

@media only screen and (min-width:320px) {
    .remo-form.remo-login {
        padding: 0 10px
    }
    .remo-submit {
        width: 100%;
        margin-top: 10px
    }
    .remo-registration select {
        padding: 5px
    }
    .remo-latest-focus {
        color: #fff1d3
    }
    .remo-login-content-body, .remo-registration-content-body {
        padding-top: 0
    }
    .ft-2 a, .ft-3 a {
        border: 1px solid #fff!important;
        color: #fff!important;
        font-weight: 400!important
    }
    .ballot-result th {
        font-size: 12px;
        white-space: nowrap
    }
    .ballot-result td {
        font-size: 12px
    }
    .activities-input {
        width: 57.5%!important
    }
    .container-aboutus {
        margin-top: auto
    }
}

@media only screen and (min-width:375px) {
    .activities-input {
        width: 63.5%!important
    }
}

@media only screen and (min-width:414px) {
    .activities-input {
        width: 67.5%!important
    }
}

@media only screen and (min-width:480px) {
    .remo-submit {
        margin-top: 10px
    }
}

@media only screen and (min-width:568px) {
    .activities-input {
        width: 76.7%!important
    }
}

@media only screen and (min-width:667px) {
    .activities-input {
        width: 80%!important
    }
}

@media only screen and (min-width:736px) {
    .activities-input {
        width: 82%!important
    }
}

@media only screen and (min-width:768px) {
    .remo-form-footer {
        text-align: left
    }
    .remo-submit {
        margin-top: 0
    }
    .wrapper-l {
        width: 539px;
        padding: 0;
        margin: 0 190px auto
    }
}

@media only screen and (min-width:992px) {
    .remo-form.remo-login {
        padding: 15px 35px 25px;
        border: 1px solid #777
    }
    .remo-submit {
        margin-top: 5px
    }
    .remo-registration select {
        padding: 6px 12px
    }
    .remo-sitemap-container {
        padding: 25px 180px
    }
    .remo-latest-focus {
        color: #fff1d3;
        border-bottom: 1px solid #333;
        padding-bottom: 20px;
        margin: 0 150px
    }
    .wrapper-l {
        width: 539px;
        padding: 0;
        margin: 0 190px auto
    }
    .ballot-filter-div {
        display: inline-block;
        width: 19%
    }
    .ballot-result th {
        font-size: 14px;
        white-space: nowrap
    }
    .ballot-result td {
        font-size: 14px
    }
    .collapse .sp-collapse {
        display: block;
        visibility: hidden
    }
    .activities-input {
        width: 67.5%!important
    }
    .container-aboutus {
        margin-top: 10px
    }
}

@media only screen and (min-width:1200px) {
    .remo-sitemap-container {
        padding: 25px 180px
    }
    .wrapper-l {
        width: 539px;
        padding: 0;
        margin: 15px 190px auto
    }
}

@media only screen and (min-width:320px) {
    .nathan-dollarsign {
        float: left;
        font-size: 23px;
        margin-left: 75px;
        margin-right: -53px
    }
    .nathan-jackpot {
        margin: 0 auto 30px
    }
    .nathan-jackpotimage {
        margin-top: 6px;
        text-align: center
    }
    .jumbo {
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        margin: 0 auto
    }
    .jumbo, .nathan-USER {
        letter-spacing: 1px;
        text-align: center
    }
    .nathan-USER {
        display: block;
        font-size: 15px;
        margin-left: 11px;
        margin-top: 5px
    }
    .nathan-winner {
        float: right;
        margin-right: 48px;
        margin-top: 5px
    }
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 1px solid #333;
        font-size: 14px;
        list-style: none;
        margin-bottom: 2px;
        margin-left: -40px;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .remo-submit {
        margin-top: 10px;
        width: 100%
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 100%
    }
    .myacounttextalign, .withdrawtextalign {
        margin-bottom: 20px;
        text-align: justify
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        padding: 5px 0
    }
    .activitiescontentbody, .nathan-activities-content {
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (min-width:360px) {
    .nathan-dollarsign {
        float: left;
        font-size: 23px;
        margin-left: 10px;
        margin-right: 0
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: 67px;
        margin-top: 2px
    }
    .nathan-jackpot {
        margin: 0 auto 30px
    }
    .nathan-jackpotimage {
        float: left;
        margin-left: 9px;
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 11px;
        margin-top: 5px
    }
}

@media only screen and (min-width:375px) {
    .nathan-dollarsign {
        float: left;
        font-size: 23px;
        margin-left: 10px;
        margin-right: 0
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: 5px;
        margin-top: 2px
    }
    .nathan-jackpot {
        margin: 0 auto 30px
    }
    .nathan-jackpotimage {
        float: left;
        margin-left: 16px;
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 12px;
        letter-spacing: 1px;
        margin-left: 11px;
        margin-top: 5px
    }
}

@media only screen and (min-width:412px) {
    .nathan-dollarsign {
        float: left;
        font-size: 23px;
        margin-left: 10px;
        margin-right: -23px
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: 25px;
        margin-top: 2px
    }
    .nathan-jackpot {
        margin: 0 auto 30px
    }
    .nathan-jackpotimage {
        float: left;
        margin-left: 30px;
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 12px;
        letter-spacing: 1px;
        margin-left: 11px;
        margin-top: 5px
    }
}

@media only screen and (min-width:414px) {
    .nathan-dollarsign {
        float: left;
        font-size: 23px;
        margin-left: 10px;
        margin-right: -23px
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: 5px;
        margin-top: 2px
    }
    .nathan-jackpot {
        margin: 0 auto 50px
    }
    .nathan-jackpotimage {
        float: left;
        margin-left: 42px;
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 11px;
        margin-top: 5px
    }
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 1px solid #333;
        font-size: 14px;
        list-style: none;
        margin-bottom: 2px;
        margin-left: -40px;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .remo-submit {
        margin-top: 10px;
        width: 100%
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 100%
    }
    .myacounttextalign, .withdrawtextalign {
        margin-bottom: 20px;
        text-align: justify
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        padding-bottom: 10px
    }
    .activitiescontentbody, .nathan-activities-content {
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (min-width:480px) {
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 1px solid #333;
        font-size: 14px;
        list-style: none;
        margin-bottom: 2px;
        margin-left: -40px;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 100%
    }
    .remo-submit {
        margin-top: 10px
    }
    .myacounttextalign, .withdrawtextalign {
        margin-bottom: 20px;
        text-align: justify
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        padding-bottom: 10px
    }
    .activitiescontentbody, .nathan-activities-content {
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (min-width:667px) {
    .nathan-dollarsign {
        font-size: 21px;
        margin-left: 2px;
        margin-right: 2px
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: -12px;
        margin-top: 2px
    }
    .nathan-jackpot {
        margin: 0 auto 50px -36px;
        width: 748px
    }
    .nathan-jackpotimage {
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 21px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 0;
        margin-top: 5px
    }
}

@media only screen and (min-width:736px) {
    .nathan-dollarsign {
        font-size: 21px;
        margin-left: 2px;
        margin-right: 2px
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: -12px;
        margin-top: 2px
    }
    .nathan-jackpot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 50px -36px;
        width: 748px
    }
    .nathan-jackpotimage {
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 21px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 0;
        margin-top: 5px
    }
}

@media only screen and (min-width:768px) {
    .nathan-dollarsign {
        font-size: 23px;
        margin-left: 10px;
        margin-right: 2px
    }
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: -12px;
        margin-top: 2px
    }
    .nathan-jackpot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 23px 50px -33px;
        width: 783px
    }
    .nathan-jackpotimage {
        margin-top: 6px
    }
    .jumbo {
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 7px;
        margin-top: 5px
    }
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 0 solid #333;
        font-size: 14px;
        list-style: none;
        margin-bottom: 2px;
        margin-left: -40px;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .remo-form-footer {
        text-align: left
    }
    .remo-submit {
        margin-top: 0
    }
    .nathan-activities-content {
        margin: 0 auto;
        width: 600px
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 570px
    }
    .activitiescontentbody {
        margin: 0 auto;
        width: 80%
    }
    .withdrawtextalign {
        margin-bottom: 10px;
        text-align: center
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        margin-bottom: 20px;
        padding-bottom: 10px;
        text-align: justify
    }
}

@media only screen and (min-width:992px) {
    .nathan-jackpot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 50px;
        width: 880px
    }
    .nathan-jackpotimage {
        margin-top: 15px
    }
    .jumbo {
        color: #fff;
        font-size: 33px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 20px;
        letter-spacing: 1px;
        margin-left: 0;
        margin-top: 8px
    }
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 0 solid #333;
        font-size: 14px;
        list-style: none;
        margin-bottom: 2px;
        margin-left: -40px;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .remo-form.remo-login {
        border: 0 solid #333;
        padding: 15px 35px 25px
    }
    .remo-submit {
        margin-top: 0
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 570px
    }
    .withdrawtextalign {
        margin-bottom: 10px;
        text-align: center
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        margin-bottom: 20px;
        padding-bottom: 10px;
        text-align: justify
    }
    .activitiescontentbody, .nathan-activities-content {
        margin: 0 auto;
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .nathan-dollarsign {
        font-size: 33px;
        margin-left: 10px;
        margin-right: 2px
    }
    .nathan-jackpot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 50px;
        width: 924px
    }
    .nathan-jackpotimage {
        margin-top: 15px
    }
    .jumbo {
        color: #fff;
        font-size: 33px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 auto;
        text-align: center
    }
    .nathan-USER {
        font-size: 20px;
        letter-spacing: 1px;
        margin-left: 7px;
        margin-top: 8px
    }
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 0 solid #333;
        font-size: 14px;
        list-style: none;
        margin-bottom: 2px;
        margin-left: -40px;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 100%
    }
    .withdrawtextalign {
        margin-bottom: 10px;
        text-align: center
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        margin-bottom: 20px;
        padding-bottom: 10px;
        text-align: justify
    }
    .activitiescontentbody, .nathan-activities-content {
        margin: 0 auto;
        width: 50%
    }
}

@media only screen and (min-width:1200px) {
    .nathan-winner {
        float: right;
        margin-left: 6px;
        margin-right: -12px;
        margin-top: 2px
    }
    .nathan-jackpot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 50px;
        width: 929px
    }
    .nathan-jackpotimage {
        margin-top: 15px
    }
    .nathan-dollarsign {
        font-size: 33px;
        margin-left: 10px;
        margin-right: -21px
    }
    .jumbo {
        color: #fff;
        font-size: 33px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 auto 0 25px;
        text-align: center
    }
    .nathan-USER {
        font-size: 20px;
        letter-spacing: 1px;
        margin-left: 0;
        margin-top: 9px
    }
    .editable ul li {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==) 25px 25px no-repeat right;
        border-top: 0 solid #333;
        font-size: 14px;
        list-style: none;
        margin: 0 auto;
        padding-bottom: 5px;
        padding-top: 8px
    }
    .editable a {
        color: #fff1d3
    }
    .editable table td {
        background: #515151!important;
        border: 2px solid #9f9f9f;
        padding: 2px
    }
    .nathan-activities-content {
        margin: 0 auto;
        width: 1000px
    }
    .nathan-content-label {
        border-bottom: 1px solid #272727;
        line-height: 18px;
        margin: 0 auto;
        padding-bottom: 28px;
        padding-top: 15px;
        text-align: left;
        width: 570px
    }
    .activitiescontentbody {
        margin: 0 auto;
        width: 700px
    }
    .withdrawtextalign {
        margin-bottom: 10px;
        text-align: center
    }
    .myacounttextalign {
        border-bottom: 1px solid #333;
        margin-bottom: 20px;
        padding-bottom: 10px;
        text-align: justify
    }
}

@media only screen and (min-width:320px) {
    .content-title h2 {
        font-size: .875em;
        letter-spacing: 2px;
        line-height: 1.3em
    }
    .error {
        height: 200px
    }
    .error p {
        font-size: 15px;
        margin-top: 0
    }
    .padding-off-sm p {
        padding-bottom: 0!important
    }
    .main-content {
        margin-right: 0
    }
    .main-title {
        font-size: 13px;
        font-weight: 700
    }
}

@media only screen and (min-width:480px) {
    .content-title h2 {
        font-size: .875em;
        letter-spacing: 2px;
        line-height: 1.3em
    }
    .error p {
        font-size: 14px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        max-width: 50%
    }
    .padding-off-sm p {
        padding-bottom: 0!important
    }
    .main-title {
        font-size: 13px;
        font-weight: 700
    }
}

@media only screen and (min-width:768px) {
    .content-title h2 {
        letter-spacing: 2px;
        line-height: 1.3em
    }
    .error p {
        font-size: 17px;
        margin-left: auto;
        margin-right: auto;
        max-width: 45%
    }
    .padding-off-sm p {
        padding-bottom: 0!important
    }
    .main-title {
        font-size: 14px;
        font-weight: 700
    }
}

@media only screen and (min-width:992px) {
    .content-title h2 {
        letter-spacing: 2px;
        line-height: 1.3em
    }
    .error p {
        margin-left: auto;
        margin-right: auto;
        max-width: 45%
    }
    .padding-off-sm p {
        padding-bottom: 0!important
    }
    .main-title {
        font-size: 15px;
        font-weight: 700
    }
}

@media only screen and (min-width:1200px) {
    .content-title h2 {
        font-size: 1em;
        letter-spacing: 2px;
        line-height: 1.3em
    }
    .error p {
        max-width: 30%
    }
    .container-body, .error p {
        margin-left: auto;
        margin-right: auto
    }
    .container-body {
        letter-spacing: 0;
        line-height: 1.5;
        max-width: 50%
    }
    .main-title {
        font-size: 1em;
        font-weight: 700
    }
}

.last-man-countdown {
    border-radius: 10px
}

.last-man-countdown .mid-percent {
    color: #f9dfa8;
    font-size: 3.36vw;
    font-weight: 700;
    line-height: 67px
}

.arena-grid-item {
    line-height: 1.3em;
    text-align: center;
    vertical-align: inherit;
    width: 100%
}

.last-man-step .arena-button {
    color: #866604;
    display: inline-block;
    grid-column: span 2
}

.arena-grid-item .arena-button img {
    height: 1.3em;
    margin: 0;
    width: auto
}

.last-man-step {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    display: grid;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-row-gap: 0;
    grid-template-columns: 40% 1fr;
    max-width: 32%;
    padding: 20px
}

.last-man-step img {
    width: 80%
}

.sa-btn-hover {
    background: #bf9a5d;
    border: none;
    border-radius: 4px;
    font-size: 1.3vw;
    margin-top: .8vw;
    padding: .5vw;
    -webkit-transition: border-color background-color .3s .3s;
    -o-transition: border-color .3s background-color .3s;
    transition: border-color background-color .3s .3s;
    width: 100%
}

.last-man-countdown .bottom-text, .last-man-countdown .top-text {
    font-size: 1.9vw
}

.remo-form-footer .hidden-sm.hidden-xs .col-md-12:nth-child(2) {
    text-align: right
}

.sa-login {
    height: 384px;
    margin: 25px 0;
    padding: 0 20px 25px
}

.main {
    cursor: pointer;
    display: block;
    padding-left: 45px;
    position: relative
}

input[type=checkbox] {
    visibility: hidden
}

.remo-submit {
    background: #c09a5e;
    border: transparent;
    color: #fff;
    margin-bottom: 6px;
    margin-top: 14px
}

.login-tab-content .remo-form-footer {
    margin: 35px 0 5px
}

.sa-password-group, .sa-username-group {
    margin-bottom: 15px
}

.sa-form-label {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.remo-form.sa-login .form-group {
    padding-left: 0;
    padding-right: 0
}

.remo-form label {
    letter-spacing: unset
}

#tab-account-login {
    padding-top: 30px
}

.sa-login .remo-submit, .sa-login input {
    margin-bottom: 0
}

.sa-login :-moz-placeholder, .sa-login :-ms-input-placeholder, .sa-login ::-moz-placeholder, .sa-login ::-webkit-input-placeholder {
    font-size: 14px;
    transform: translate3d(0, -4px, 0)
}

a:hover {
    text-decoration: none
}

.pp__paymentMethods {
    max-width: 1135px
}

.tab-content {
    border: 1px solid #777;
    padding: 15px 35px 25px
}

b, strong {
    font-weight: 700
}

div#contentDropTarget {
    padding-bottom: 3em
}

.payments__table {
    border-bottom: 1px solid #333;
    border-collapse: collapse;
    border-spacing: 0 8px;
    font-size: 13px;
    margin-bottom: 30px;
    width: 100%
}

.payments__table thead {
    border-bottom: 0 solid #333;
    border-spacing: 0
}

.payments__table thead tr th {
    border: 0;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    text-align: left;
    vertical-align: top;
    width: 259px
}

.payments__table tbody tr .pay-icon {
    line-height: 55px;
    text-align: center;
    width: 160px
}

.payments__table tbody tr td {
    border-bottom: 0 solid #333;
    border-top: 1px solid #333;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px
}

.payments__table tbody tr .pay-icon img {
    max-width: 65px
}

.tb__tabbar {
    height: 52px;
    margin: 0 auto;
    max-width: 1065px;
    padding: 2px
}

.tb__tabbar__scrollX {
    border-bottom: 1px solid #333;
    margin: 0 22px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap
}

.tb__tabbar__tabs {
    margin: 0 auto;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.tb__tabbar__tabs__tabWrapper {
    position: relative
}

.tb__tabbar__tabs__tab {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 17px;
    padding-bottom: 19px;
    padding-top: 22px;
    text-decoration: none;
    user-select: none
}

.tb__tabbar__tabs__tab:first-child {
    margin-left: 0
}

.no-transform .tb__tabbar__tabs__tab--selected {
    border-bottom: 2px solid #14805e;
    padding-bottom: 11px
}

.tb__tabbar--payments .tb__tabbar__tabs__tab {
    color: inherit;
    float: left;
    text-align: center;
    width: 128px
}

.responsive {
    border-collapse: collapse;
    width: 100%
}

.payments__table thead tr th:last-child {
    text-align: center
}

.payments__table tbody tr {
    color: #270a36;
    margin-bottom: 25px;
    text-align: left
}

.payments__table tbody tr:last-child td {
    border-bottom: 0
}

.payments__table tbody tr .button a {
    display: inline-block
}

a.tb__tabbar__tabs__tab.tb__tabbar__tabs__tab.active {
    border-bottom: 2px solid #bf9a5d
}

.footer-banner p, .remo-form-footer .hidden-sm.hidden-xs .col-md-12 {
    padding: 0
}

.payments__table tbody tr td:before, .remo-form-footer .hidden-sm.hidden-xs .col-md-12 a {
    color: #fff
}

@media only screen and (max-width:768px) {
    .last-man-countdown {
        padding: 0
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .last-man__head {
        margin-bottom: 115px;
        margin-top: 13px;
        padding-top: 0;
        text-align: center
    }
    .last-man-countdown {
        padding: 10px 30px
    }
    .last-man-countdown img {
        width: 150px
    }
}

@media only screen and (max-width:478px) {
    .last-man__head {
        margin-bottom: 15vh;
        text-align: center
    }
    .last-man-countdown {
        background: rgba(0, 0, 0, .7);
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        line-height: 1.1;
        margin: 0 0 7vw;
        max-width: 100%;
        padding: 3.75vw 4.75vw;
        position: relative;
        width: 75vw;
        z-index: 2
    }
    .last-man-countdown .mid-percent {
        color: #f9dfa8;
        font-size: 15vw;
        font-weight: 700
    }
    .last-man-countdown .bottom-text, .last-man-countdown .top-text {
        font-size: 10vw
    }
}

@media only screen and (max-width:768px) {
    .remo-form-footer .hidden-lg.hidden-md a {
        color: #fff
    }
}

@media only screen and (max-width:446px) {
    .sa-login {
        padding: 0 10px 10px
    }
    .login-tab-content .remo-form-footer {
        margin: 33px 0 19px
    }
}

@media (min-width:768px) {
    .tb__tabbar__scrollX {
        border-bottom: 1px solid #333
    }
}

@media (min-width:768px) {
    .pp__paymentMethods, .tb__tabbar__scrollX {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }
    .pp__paymentMethods {
        width: 100%;
        padding-left: 33px;
        padding-right: 33px
    }
}

.dc__dynamiccontent {
    position: relative;
    background-size: contain
}

@media (max-width:769px) {
    div#contentDropTarget {
        background: unset
    }
    .payments__table tbody tr td:before {
        color: #fff
    }
    div#contentDropTarget {
        background: #1a1a1a;
        padding-bottom: 3em
    }
}

@media (max-width:799px) {
    .tab-content {
        padding: 15px 21px 0;
        border: unset;
        margin-top: -28px
    }
}

@media only screen and (max-width:800px) {
    .responsive>tbody, .responsive>tbody>tr, .responsive>thead, .responsive>thead>th {
        display: block
    }
    .responsive>tbody>tr>th, .responsive>thead>tr, .responsive>thead>tr>th {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    section.layout__content-page.without-title {
        display: none
    }
    .responsive>tbody>tr>td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%!important;
        white-space: normal;
        text-align: left;
        display: block;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        min-height: 1em
    }
    .responsive>tbody>tr>td:before {
        position: absolute;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        text-align: left;
        font-weight: 700;
        content: attr(data-title);
        color: #fff
    }
    .responsive td.responsive-omit-title:nth-child(2n), .responsive td.responsive-omit-title:nth-child(odd) {
        padding-left: 6px
    }
    .responsive td.responsive-omit-title:before {
        display: none
    }
    .responsive td.responsive-omit-if-empty:empty {
        display: none
    }
}

@media (max-width:800px) {
    .payments__table tbody {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width:800px) {
    .payments__table tbody tr td {
        line-height: 40px;
        text-align: right;
        padding-right: 20px
    }
}

@media (max-width:800px) {
    .payments__table tbody tr td:last-child {
        padding: 35px 0
    }
}

@media (max-width:800px) {
    .payments__table tbody tr .pay-icon {
        width: auto;
        padding-right: 20px;
        text-align: right;
        color: #fff;
        text-align: left;
        position: relative;
        display: contents;
        border: 1px solid #fff!important
    }
    .payments__table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0 8px;
        font-size: 13px;
        margin-bottom: 30px;
        border-bottom: 0 solid #333
    }
    .payments__table tbody tr .pay-icon img {
        max-width: 65px;
        margin-left: 20px
    }
}

@media (max-width:800px) {
    .payments__table tbody tr .button {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@media (min-width:800px) {
    .mobile {
        display: none
    }
    .layout__content-page.without-title {
        display: block
    }
    .tab-content {
        padding: 15px 35px 25px;
        border: 0 solid #777
    }
}

@media only screen and (max-width:801px) {
    .layout__content-page.without-title {
        display: none
    }
    .mobile {
        display: block
    }
    .tb__tabbar--payments .tb__tabbar__tabs__tab {
        color: inherit;
        width: 50%;
        text-align: center
    }
    .tb__tabbar__tabs__tab {
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 20px;
        color: #666;
        padding-top: 22px;
        padding-bottom: 19px;
        line-height: 17px
    }
}

.master-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.master-table>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    width: 33.3333%
}

.master-table .payment-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #bf9a5d;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 5px;
    padding: 22px;
    width: 100%
}

.layout__banking-text:before {
    border-top: 1px solid #bf9a5d;
    content: "";
    left: 0;
    margin: 0 25%;
    position: absolute;
    right: 0;
    top: 0
}

.layout__banking-text:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #bf9a5d;
    bottom: 0;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 148px
}

.layout__banking-text {
    display: block;
    height: 100%;
    margin-bottom: 10px;
    padding: 0 30px;
    position: relative;
    width: 100%
}

img.img-responsive.layout__banking-img {
    margin: 0 auto;
    padding-bottom: 22px
}

li {
    list-style-type: none
}

.content-text {
    padding: 18px
}

a.tb__tabbar__tabs__tab.active {
    color: #bf9a5d
}

form.bankTransfer {
    border: 1px solid #333;
    padding: 30px
}

#bankTransfer section.slim, form.bankTransfer section.slim {
    text-align: center
}

.bank-transfer-margin {
    margin-bottom: 20px;
    margin-top: 20px
}

form.bankTransfer input, form.bankTransfer textarea {
    font-size: 16px!important
}

#bankTransfer {
    padding-bottom: 30px;
    padding-top: 30px
}

#bankTransfer input {
    border-radius: 0;
    color: #fff
}

#bankTransfer .btn {
    color: #333;
    margin-top: 24px;
    padding: 5px 20px!important
}

.bank-transfer-container {
    border: 1px solid #333;
    padding: 30px!important
}

#bankTransfer .mainBtn {
    background: #bf9a5d!important;
    border-color: #bf9a5d!important;
    color: #fff!important;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

#bankTrans .field-validation-error {
    color: red
}

#bankTrans .col-md-12 .form-control {
    margin-bottom: 5px
}

#bankTrans .col-md-12 label {
    margin-top: 20px
}

.payment-line {
    border-bottom: 1px solid #bf9a5d;
    margin: auto;
    width: 218px
}

.payment-line-recommended {
    width: 170px;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
    height: 28px
}

.payment-line-mobile {
    border-bottom: 1px solid #333;
    position: relative;
    top: 6px
}

a {
    color: #666;
    outline: 0;
    text-decoration: none
}

.main_o {
    display: block;
    font-size: 14px
}

.main_o img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%
}

.main_o .content-tit p {
    line-height: 24px;
    text-align: center
}

.main_o .content-tit h2 {
    color: #bf995d;
    display: block;
    font-size: 42px;
    font-weight: 400;
    text-align: center
}

.a-us {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/646be0b6c1860c386c46db63b06cf806.jpg) top no-repeat;
    background-size: cover
}

.news-n {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/37451e59102fe1a8b6427b4d2e1c3f16.png) top no-repeat;
    background-size: cover
}

.news-detail {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/08956fe7d7df704e9bd6a6c85a2db0c6.png) top no-repeat;
    background-size: 100%;
    color: #000;
    background-color: #fff
}

.news-detail2 {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/8874d79871188584ecda7db80ccbf25e.png) top no-repeat;
    background-size: 100%;
    color: #000;
    background-color: #fff
}

.news-box {
    float: left;
    vertical-align: top;
    width: 48%
}

.news-box, .news-box-a {
    background: #fff;
    color: #000;
    margin: 1%;
    position: relative;
    text-align: left
}

.news-box-a {
    float: none;
    vertical-align: unset;
    width: 98%
}

.news-box-a span {
    color: #b2b2b2;
    font-size: 25px
}

.news-box-a p span {
    color: #000;
    font-size: 14px
}

.box-shadow {
    -webkit-box-shadow: 0 0 5px 5px #ececec;
    box-shadow: 0 0 5px 5px #ececec
}

.news-box .content_n {
    height: 200px;
    margin: 5% 8%
}

.news-box .content_b {
    height: auto!important;
    padding: 5% 8%
}

.news-box .year {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    padding: 1% 5%
}

.news-box h3 span {
    color: #bd9758;
    font-size: 25px;
    font-weight: 400;
    margin: 0
}

.news-box p {
    padding-top: 4%
}

.news-box .btn {
    cursor: default;
    display: block;
    padding: 15% 0;
    text-align: center
}

.news-box .btn_a {
    display: block;
    padding-bottom: 4%;
    padding-top: 10%;
    text-align: right
}

.news-box .btn_a a {
    display: inline-block;
    padding: 0 2px;
    width: 12%
}

.news-box .btn a {
    background: #bf9a5d;
    border: 1px solid rgba(191, 154, 93, 0);
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    outline: 0;
    overflow: hidden;
    padding: 2% 16%;
    text-decoration: none
}

.news-box .btn a:hover {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.au_banner {
    position: relative
}

.au_banner .tit-abs {
    display: block;
    left: 10%;
    position: absolute;
    top: 7%;
    width: 40%
}

.au_content {
    margin: 0 auto;
    max-width: 1170px;
    padding: 4% 0;
    position: relative
}

.cert {
    margin: 0 auto;
    padding-bottom: 10%;
    padding-top: 5%;
    width: 32%
}

.cert img {
    display: inline-block;
    margin: 0 3%;
    vertical-align: middle
}

.cert img, .pcl {
    text-align: center
}

.pcl {
    padding-top: 5%
}

.pcl img {
    vertical-align: middle
}

.award {
    margin: 0 auto;
    padding-top: 5%;
    text-align: center;
    width: 70%
}

.award, .award_b {
    padding-bottom: 10%
}

.award_i {
    width: 49%
}

.award_i, .award_t {
    display: inline-block
}

.award_t {
    padding-top: 15%;
    vertical-align: top;
    width: 50%
}

.box {
    margin: 0 auto;
    width: 100%
}

.waterfall {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
    float: left
}

.item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    line-height: 26px;
    margin: 0 0 1em;
    padding: 8px
}

.mov {
    margin: 0 auto;
    padding: 5% 0;
    text-align: center;
    width: 70%
}

.award img {
    display: inline-block;
    margin: 0 3%;
    vertical-align: middle
}

@media (min-width:992px) {
    .au_banner img.hidden-mobile {
        display: none
    }
}

@media (max-width:1679px) {
    .au_content {
        max-width: 1024px!important
    }
}

@media (max-width:1440px) {
    .au_banner .tit-abs {
        top: 26%!important
    }
    .au_content {
        max-width: 980px!important
    }
}

@media only screen and (max-width:1179px) {
    .au_banner .tit-abs {
        left: 6%!important;
        top: 16%!important;
        width: 44%!important
    }
    .au_content {
        padding: 5% 8%!important
    }
    .h-t_icon img {
        width: 55%!important
    }
}

@media only screen and (max-width:991px) {
    .main_o {
        font-size: 1.2em
    }
    .a-us {
        background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/83c74c8cb628fce7c6c9d03b209ba0ff.png) top no-repeat;
        background-size: cover
    }
    .au_content {
        padding: 6% 4%!important
    }
    .au_banner img.hidden-pc {
        display: none
    }
    .au_banner .tit-abs {
        left: 0!important;
        margin: 0 3%;
        position: absolute;
        top: 20%!important;
        width: 94%!important
    }
    .au_banner .tit-abs2 {
        top: 32%!important
    }
    .main_o .news-box h3 {
        font-size: 1.725em!important
    }
    .news-box .btn a {
        font-size: 1em
    }
    .main_o .news-box span {
        font-size: .8em;
        line-height: 1.525em
    }
    .news-box .content_n {
        height: auto;
        margin: 5% 8%
    }
    .news-box .btn {
        padding: 10% 0
    }
    .cert {
        width: 80%
    }
    .award_i, .cert {
        text-align: center
    }
    .award_i, .award_t {
        display: inline-block;
        width: 100%
    }
    .award_t {
        padding-top: 10%;
        vertical-align: top
    }
    .award_t h2 {
        font-size: 1.2em!important
    }
    .pcl img {
        padding: 0
    }
    .pcl .m-pd {
        margin: 0 3%
    }
    .news-n .news-box {
        background: #fff;
        color: #000;
        float: left;
        margin: 0 0 6%;
        position: relative;
        text-align: left;
        vertical-align: top;
        width: 100%
    }
    .waterfall {
        -moz-column-count: 1;
        -moz-column-gap: 1em;
        -webkit-column-count: 1;
        -webkit-column-gap: 1em;
        column-count: 1;
        column-gap: 1em;
        float: left
    }
    .news-box-a span {
        font-size: 1.25em!important
    }
    .main_o .content-tit h2, .news-box .year {
        font-size: 1.725em
    }
    .main_o .content-tit p, .main_o .news-box p {
        font-size: 1em;
        line-height: 1.525em
    }
    .award, .mov {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .main_o {
        font-size: 1.125em
    }
}

@media only screen and (max-width:414px) {
    .main_o {
        font-size: 1em
    }
}

.bg-page .unique {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/c6e5b8c6b85a46b0dd04804703306741.jpg) top no-repeat
}

@media only screen and (max-width:991px) {
    .bg-page .unique {
        background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/2db994892f433cbd66daae5b220f5e30.jpg) top no-repeat
    }
}

.container.main-container ul {
    padding-left: 15px
}

.container.main-container .two-child {
    width: 155px
}

.container.main-container .thrd-child {
    width: 555px
}

.container.main-container tr:first-child td:first-child {
    padding: 8px
}

.container.main-container td:nth-child(2n) {
    text-align: center
}

.container.main-container table {
    border-collapse: collapse;
    width: 70%
}

.container.main-container td {
    border: solid #9cc2e5;
    border-width: 1px 1px 3px;
    padding: 8px;
    text-align: left
}

.container.main-container h2 {
    border-bottom: 2px solid #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 45px;
    padding-bottom: 10px;
    width: 225px
}

.container.main-container h6 {
    border-bottom: 2px solid #fff;
    font-size: 15px;
    padding-bottom: 5px;
    width: 60px
}

.container.main-container p {
    font-size: 15px;
    letter-spacing: 1.5px
}

.div-container-ul {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAB6AQMAAABJINuPAAAAA1BMVEUAAACnej3aAAAAAXRSTlMmkutdmwAAAAxJREFUCNdjYBh5AAAA9AABHwMH4gAAAABJRU5ErkJggg==) cover repeat-x 50%;
    border: 1px solid #343434;
    -o-border-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 5%, hsla(0, 0%, 76.9%, .25), rgba(0, 0, 0, 0) 90%) 1 stretch;
    border-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(hsla(0, 0%, 76.9%, .25)), color-stop(90%, rgba(0, 0, 0, 0))) 1 stretch;
    border-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 5%, hsla(0, 0%, 76.9%, .25), rgba(0, 0, 0, 0) 90%) 1 stretch;
    bottom: 100px;
    height: 61px;
    left: 0;
    width: 100%;
    z-index: 1
}

.lobby_steps {
    -webkit-box-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    counter-reset: mycounter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 55px;
    z-index: 2
}

.lobby_steps li {
    -webkit-box-flex: 1;
    color: #fff!important;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 0 45px
}

.lobby_steps li:before {
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 800;
    line-height: 75px;
    margin-right: .3em
}

.lobby_steps li:first-child:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgBAMAAABqY9zEAAAAKlBMVEVHcEz536j536j536j536j536j536j536j536j536j536j536j536j536iXCYp9AAAADXRSTlMAQ/B3KcXZZYoRrJxW0fhMCwAAANJJREFUKM+lkT0KwkAQhQdZSQIWUbAU0mgjVgt2QvQEuYAXEALiEQR7a8HGXhBP4B38QYzvLs6ERHbW0teEfLAz8/GIJOaMAalEa+Ch0QrAS5EuEzxdshOCt4vmJbq5s4FiAiQOMihSRpmLhikdgZM+gnJg6SEeH2tiGG01Cn58KPR9iJqeD6fh+XD22kfS0z4Sz0fyv0+0WcSezwy4ej55OSKwdgzcreUFLSkhk5tQ9xHKN6n6UWhUo6TcIw+/iO+P5OdC03YV2djhTj0Nc+gv6QPJlZDRR9C6lgAAAABJRU5ErkJggg==)
}

.lobby_steps li:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAiCAMAAAC3OnOQAAAANlBMVEVHcEz536j536j536j536j536j536j536j536j536j536j536j536j536j536j536j536j536i94AoQAAAAEXRSTlMAmW1EqSOE9ukTC9bCW8wwOs86kVMAAACRSURBVCjPfZLrDoUgDIO5wxBR3v9lj9uJ1BHj/nX5Am3BhHxNq+aeM49r3NTGst5o6qO8ASVOHQVIABLrDIA2XlgAToBz6ipAALAL4LFovGjQnvXYcUJg3RHLr7HCEmt1TUV7SNrjH7dLCccsKevT5LZC2q7TcTqpuEhDXdJWVdfwn04fVl6dRv3eD6f8H9DLD5zUC/5Q472mAAAAAElFTkSuQmCC);
    float: right;
    position: relative;
    top: -28px
}

.lobby_steps li:last-child:after {
    content: ""
}

.lobby_steps li:nth-child(2):before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgBAMAAABqY9zEAAAAKlBMVEVHcEz536j536j536j536j536j536j536j536j536j536j536j536j536iXCYp9AAAADXRSTlMAl/QOIjDHGN5MZq9+KFaCHwAAAPFJREFUKM9jYACByjWCJw0YkAD7sbtAoIgkxix7FwzaEUJsEJG71xBCvlChuwFwobV3L2VvAgktgAudvT2BgTkXKHQALjQRpCEWRRUY8KKYBbPjEqoI0I67F9GEeu/evYoqwgU0SgBVKOju3Rso/mZgB+pTRVVkBrRvAooIyO03URV5YChiBZqkiapoEtC6AAw3paMqAobzbZibmAtApDVSSLHsvSQMcYAWkieuGYAi49ISFyBwBwpBwnYtLDIuGTCwg+gGhr0wobsFDKwgSoFBF64KaDpEFVzoNtysiYJQIII12BhYc+9uR4sBBvZgBgYAHEuhnLG3CUQAAAAASUVORK5CYII=)
}

.lobby_steps li:nth-child(3):before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgBAMAAABqY9zEAAAAMFBMVEVHcEz536j536j536j536j536j536j536j536j536j536j536j536j536j536j536itI92WAAAAD3RSTlMAE5AkMeLOCPjySV53p7k4guJgAAABC0lEQVQoz2NgAAHrQ0qnChiQAIvqfyCYhCTG/P4/GKQjhEohIv8/IYTWQ4V+IoTO/39tKJUPFDOAC2koAwlJFCFBEMEHFEJxBljoG6oIg8T//3/QhPT//w9EFSkCGrUAwWV3cdkU//9/N5IKXrBD/zkgCVWARL5uRzbHH6zq6wEkIXuIF/8iCbELCi+aDxTbgOoIU6BQAqoQF1CoAVWIGVOIBaqR0REuxAMUUgDK5P+4yMAgDQ4lT6AQ0PkewCASYNCPAQZm9XyIu/LBivP/f7ukB3JWIMSS/wEM/dD4+WoAcQrQ4vlQoYcMcFVLISLZYIshZjEsyvz/I/YwxC0QG4GgEB5bEHehApDrAWG9vGi1MsgnAAAAAElFTkSuQmCC)
}

.lobby_steps li h2 {
    border: none;
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
    margin: 0
}

.lobby_steps li p {
    font-size: 18px;
    font-weight: 100;
    letter-spacing: .05em;
    margin-bottom: 0;
    margin-top: 15px
}

.cUcHDH, .hPClOT {
    position: relative
}

.cUcHDH {
    -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAAHBAMAAADKTDYDAAAAIVBMVEVHcEw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQAAAAjIyMQEBD6mq6bAAAAB3RSTlMAfTsKpry7kqI31gAAAElJREFUOMtjKKc5mNUBAytpbxkD7YH4DKh3OgsZhgWAemi4eIeBWXwF0DtdhQbDxD8MTEAPdRUqMAwbwOS5asow8g7QQ2F08g4AHJdy5NTef/EAAAAASUVORK5CYII=) 30 stretch;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAAHBAMAAADKTDYDAAAAIVBMVEVHcEw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQAAAAjIyMQEBD6mq6bAAAAB3RSTlMAfTsKpry7kqI31gAAAElJREFUOMtjKKc5mNUBAytpbxkD7YH4DKh3OgsZhgWAemi4eIeBWXwF0DtdhQbDxD8MTEAPdRUqMAwbwOS5asow8g7QQ2F08g4AHJdy5NTef/EAAAAASUVORK5CYII=) 30 stretch;
    border-top: 15px solid #343434;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    word-spacing: 2px
}

.cUcHDH span {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.cUcHDH:first-child {
    border-top: none;
    line-height: 40px
}

.cUcHDH:first-child:before {
    color: #fff;
    content: "1.";
    font-size: 22px;
    position: relative;
    top: 2px
}

.cUcHDH:nth-child(2):before {
    color: #fff;
    content: "2.";
    font-size: 22px;
    position: relative;
    top: 2px
}

.cUcHDH:nth-child(3):before {
    color: #fff;
    content: "3.";
    font-size: 22px;
    position: relative;
    top: 2px
}

.cUcHDH:last-child {
    border-bottom: 1px solid;
    -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAABAQMAAADU9VpuAAAAA1BMVEU0NDQehnfUAAAADElEQVQI12NgIAMAAAA1AAGRXjw4AAAAAElFTkSuQmCC) 15 stretch;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAABAQMAAADU9VpuAAAAA1BMVEU0NDQehnfUAAAADElEQVQI12NgIAMAAAA1AAGRXjw4AAAAAElFTkSuQmCC) 15 stretch;
    border-top: none
}

.cUcHDH:nth-child(2), .cUcHDH:nth-child(3) {
    line-height: 40px
}

.sc-frDJqD.hPClOT:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #000), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), to(#000));
    background: -o-linear-gradient(left, #000 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000 100%);
    background: linear-gradient(90deg, #000, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.no-margin-bottom {
    margin-bottom: 0!important
}

.no-padding-left-right {
    padding-left: 0;
    padding-right: 0
}

.lobby_steps li a, .lobby_steps li p a {
    color: #fff!important
}

@media only screen and (max-width:767px) {
    .capcha-input {
        float: left!important;
        width: 69%!important
    }
}

@media only screen and (min-width:768px) {
    .capcha-input {
        float: left!important;
        width: 82%!important
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .wrapper-notice {
        margin-top: 2px!important
    }
    .floating-right-panel {
        top: 40%
    }
    .swiper-container {
        height: 300px!important
    }
}

@media (max-width:1990px) {
    .div-container-ul {
        bottom: 65px
    }
}

.middle-div {
    text-align: center
}

.content {
    margin-top: 40px
}

.list-md-6 {
    list-style: none;
    padding: 0
}

.list-md-6 li a span {
    color: #fff
}

.list-md-6 li a:hover {
    text-decoration: none
}

.social-icons img {
    padding: 0 5px;
    width: 15%
}

.social-icons1 img {
    padding: 0 5px;
    width: 40%
}

.social-icons-m img {
    padding: 0 5px;
    width: 20%
}

.sponsors {
    margin-top: 31px;
    padding-bottom: 14px;
    padding-left: 9px;
    text-align: center
}

.sponsors img {
    margin-right: .55em
}

.sponsors img:last-child {
    margin-right: unset
}

.copyright span {
    text-transform: uppercase
}

.footer-banner {
    border-bottom: 1px solid #464646;
    position: relative
}

.footer-banner h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px
}

.footer-banner p {
    color: #c4c4c4;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 0 30px 0 40px;
    text-align: justify
}

.intro {
    margin-top: 27px
}

.intro p {
    padding: 0 35px 0 45px
}

.intro p, .intro-mobile p {
    color: #c4c4c4;
    font-size: 11px;
    text-align: justify
}

.footer-device-container {
    display: inline-grid
}

.footer-device-container-border {
    border-right: thin solid #c3c3c3;
    padding-right: 20px
}

.footer-device-container img {
    margin: 0 auto 10px
}

.white-line {
    border-bottom: thin solid #fff;
    margin: 10px 0
}

@media only screen and (max-width:768px) {
    .footer-banner {
        height: auto
    }
    .footer-banner p {
        padding: 0
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .m-social-link:first-child {
        display: block;
        margin: 0 auto
    }
    .m-social-link:first-child img:nth-child(2) {
        margin-top: 0!important
    }
    .m-social-link:first-child img {
        height: 55px;
        width: 200px!important
    }
    .m-social-link:nth-child(2) img {
        width: 60px
    }
    .hide-portrait img {
        width: 120px!important
    }
    .sponsor .social-icons img:first-child, .sponsor .social-icons img:nth-child(2) {
        width: 60px!important
    }
    .sponsor .social-icons img:nth-child(3), .sponsor .social-icons img:nth-child(4) {
        width: 100px!important
    }
}

@media (orientation:portrait) {
    .hide-portrait {
        display: none
    }
    .main-content {
        margin-right: 0
    }
}

@media (orientation:landscape) {
    .hide-portrait {
        display: block
    }
}

body {
    background: #000;
    color: #fff;
    padding-top: 50px
}

header {
    position: fixed;
    top: 0;
    background: #1a1a1a;
    width: 100%;
    padding: 4px;
    z-index: 9
}

.logo a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: auto;
    white-space: nowrap;
    width: max-content;
    height: 100%;
    display: block;
    margin: 0 auto
}

.header-menu ul {
    display: inline-block;
    margin-bottom: -5px
}

.header-menu ul li {
    border-right: 1px solid #333;
    float: left;
    list-style-type: none;
    color: #c4c4c4;
    text-decoration: none;
    font-size: 12px;
    line-height: 24px
}

.header-menu ul li:last-child {
    float: left;
    list-style-type: none;
    border-right: none;
    cursor: pointer
}

.header-menu ul li a, .header-menu ul li a:hover, .header-menu ul li a:visited {
    float: left;
    list-style-type: none;
    margin: 0 10px;
    color: #c4c4c4;
    text-decoration: none;
    font-size: 12px;
    line-height: 24px
}

.second-ul {
    margin-right: 45px
}

.nav-menu {
    border-top: 1px solid #262626;
    border-bottom: 1px solid #262626;
    z-index: 3
}

.nav-menu ul>li {
    margin: 0 30px
}

.nav-menu ul>li a {
    font-size: 15px;
    line-height: 38px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0;
    margin: -3px 5px
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    color: #c19c5e;
    background: 0 0!important
}

.navbar-nav {
    width: 100%;
    text-align: center
}

.navbar-nav>li {
    float: none;
    display: inline-block
}

.platform.social-icons a {
    display: inline-block;
    width: 18%
}

.platform a:nth-child(2) {
    width: 60px;
    margin-right: -19px
}

.platform a:nth-child(2) img {
    width: 60px!important
}

.platform a:nth-child(3) img {
    width: 35px
}

.platform a:nth-child(4) img {
    width: 15px!important
}

.platform a:nth-child(4) {
    width: 30px;
    margin-left: -24px;
    margin-right: -20px
}

.platform a:nth-child(5) img {
    width: 35px!important
}

.platform a:nth-child(5) {
    margin-right: -10px
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#wrapper.toggled {
    padding-left: 85%
}

#sidebar-wrapper {
    z-index: 999;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none
}

#wrapper.toggled #sidebar-wrapper {
    width: 85%
}

.side-nav-menu {
    border-bottom: 1px solid #333
}

.side-nav-menu a {
    text-align: left;
    height: auto;
    line-height: 20px;
    background: #000;
    display: block;
    left: 0;
    font-size: 14px;
    padding: 20px 40px 20px 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -ms-transform: none;
    transform: none;
    -webkit-transform: none;
    white-space: normal;
    width: auto;
    text-decoration: none;
    font-weight: 900
}

.nav-footer-color {
    color: #fff!important
}

div.side-nav-menu>a:after {
    -webkit-transition: none;
    -webkit-transform: none;
    -moz-transition: none;
    -moz-transform: none;
    -ms-transition: none;
    -ms-transform: none;
    -o-transition: none;
    transition: none;
    transform: none;
    background: 0;
    content: ">";
    top: 0;
    bottom: 0;
    font-size: 15px;
    right: 20px;
    left: auto;
    margin: 0;
    color: #fff1d3;
    line-height: 60px;
    position: absolute
}

div.side-nav-menu.side-menu-plus>a:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCBAMAAAB4LQ3OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTDU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1Nf/x03t1aq6lktjMtGxnXrTALZ0AAAAJdFJOUwDx1lZrt5YgO+E3a1sAAAJuSURBVGje3Zo9LwRRFIbX5yp9ROx0KyRstxQr24lCoqMQ0Uko6IgodCgkypn94CB+wIp/wk/gt2AJu2PuOefe90jEW04yT3LvnI973zO5nFuHy+uTIzQyur6zkAtQvjJJ3xrd3vcFVErUrWTb6/2+Nfqp8bIecB5RluJdLWCeXJrSAZbIrWkUoEKcEa9ZCXBEkjZ4QH8kEuJFNhA3SVaDC8850mjMDRgknbacaygpCYlrHadKAMUFRzpFpEZkJ1mV9KplhgL5KCsoVrwI9YxdID+VoV3I3ImhyJMQn6QIB+SrmRSh5E1IwjLCnR3VAELXXuajAELcmV8DFKLV4HjMiEvXIu6e23qRl+FaxE2rrXt5GReBhCsxnCRCIlYGifBVJXqDCUXpW4qEupRVIiGRqpNI+KxUvQChyEaDhvAREXsAodkmRAAhFsq8TGhv5QBEeE+uHogwzJdIBaHGfgoNocl3CgXhLa7zBBFon+3ZGkKZ7VYawhaTVzpCkQsHFWE4dwwSLtmeqyHU2IanIdTTIXndEvTwIyg3QULDgFACCUm6xnkT4j9BIJBABoT/sZN4RKWi+vaxQ0+fL3U+e5Tywju7G1zDURGaBhUGr3J4pcWrPd5x8K6Hd168++MnEINTEH4Sw0+D+IkUPxXjJ3OD2wF+Q8FvSfhNDb8tGtxYe+BbM35zx90DJiJ4XYFWUKeLEmRHdRtSsJtk4Gjhrhru7Bm4i7jDGeCyTpg7vbjbbOB44667gfOPTx8MJiD6KQwVfm0ShE+jDCZiBlM5fDJoMJ00mJAaTGkNJsUG02qDibnB1N7gzwGLvxf0f1C8Ahkgp4gwiU1EAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 100%;
    width: 22px;
    height: 22px;
    right: 16px;
    top: 18px
}

div.side-nav-menu.side-menu-plus.active>a:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCBAMAAAB4LQ3OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTDU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1Nf/x07zqrMUAAAAIdFJOUwBd7cwmB5avkr6i0gAAAj9JREFUaN7dmsFOwkAQhhdh4WpASI8CGvcoXORYPajH1kTjERJNOBr1wJWiML6Bvq1iRazdtrv7jwnxv/fLzuzM7s5MhcjWceuh36FO92i0IxxUafVpre7It/xethQlFY0CG0B4T2kdNM0Bp4p0im5MLWhQlnpGlsg6ZasdgAAjRIPy1SsCnFGRHvMBJVVIiLZzA3FAxZrlhWedTNTOBlyRmW4hG3LtOCFT7TnvQ8F+eGSuqXYJZCPNIqRnRZiiS9AtwrMkpBZRUZaEyHeOhYyYkANrwix51lTJXkPIjylfWvsx5csyuejQOR41ZjgZkTCjRm66g3YiYYZDOP0KqhK5apWgF86EfdAN346QypkQBaAbVo4oA4Q4sM8BwtMnYQwQ5qAjv1yJODJ2ZQ0iLJPrGiI8QxG5isoxRFhuhoII0ccJR5h8cDOX21kFCUMor+Lc2gIJu1BmxtnpgYQpA2EMEuZiAhIWQnNfvbxl6FV3bzEQFEiINoJAIIEYCP/Dk5sQkxOQsNBltxVhrjthrAgcZxR+0uKnPX7j4LcefvPitz/+AmF4BeEvMfw1iL9I8Vcx/jJnqA7wCgWvkvBKDa8W8YqVoWrGK3e8e4B3MBi6KHgnx9GMH90kCXe0GLpqeGePobuIdzjxLquDL32s4a1reeMdb8sN1bX+Q3QJDNMHhgkIPoVhmATh0yiGiRjDVE6EyjEU1ulhMJ2Ufz0hZZjS4pNiIS7RaTXDxFyIINR1ZxZNKcwF/znA8PeCxR8U7wCI0TnwI3Q7AAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 100%;
    width: 22px;
    height: 22px;
    right: 16px;
    top: 18px
}

.hamburger {
    height: 0
}

.hamburger, .hamburger.hamburger--squeeze.is-closed.is-active {
    position: fixed;
    top: 0;
    z-index: 3;
    display: block;
    width: 15%;
    background: #000;
    border: none
}

.hamburger.hamburger--squeeze.is-closed.is-active {
    height: 60px
}

.hamburger.is-closed:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    transform: translateZ(0);
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translateZ(0);
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed .hamb-bottom, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-top, .hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-top {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%
}

.hamburger.is-closed .hamb-bottom, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-top {
    background-color: #c19c5e
}

.hamburger.is-closed .hamb-top {
    top: 5px;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-closed .hamb-bottom {
    bottom: 7px;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-top {
    background-color: #c19c5e
}

.hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-top {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-open .hamb-top {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
    -o-transition: transform .2s cubic-bezier(.73, 1, .28, .08);
    transition: transform .2s cubic-bezier(.73, 1, .28, .08);
    transition: transform .2s cubic-bezier(.73, 1, .28, .08), -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08)
}

.hamburger.is-open .hamb-middle {
    display: none
}

.hamburger.is-open .hamb-bottom {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
    -o-transition: transform .2s cubic-bezier(.73, 1, .28, .08);
    transition: transform .2s cubic-bezier(.73, 1, .28, .08);
    transition: transform .2s cubic-bezier(.73, 1, .28, .08), -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08)
}

.hamburger.is-open:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    transform: translateZ(0);
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translateZ(0);
    -webkit-transition: all .35s ease-in-out
}

.m-social-link {
    margin: 10px 20px;
    text-align: center;
    font-size: 24px
}

.m-social-link a {
    color: #c4c4c4;
    margin: 0 5px
}

.m-footer-txt {
    font-size: 12px;
    margin: 2px 8px;
    color: #fff1d3
}

.a {
    position: fixed;
    top: 12px;
    z-index: 1009;
    margin-left: 18px;
    background: red;
    border: none;
    display: block;
    width: 100px;
    height: 100px
}

.content-title {
    color: #fff
}

.content-banner {
    position: relative;
    text-align: center;
    background: #000
}

.content-banner img {
    margin: 0 auto
}

.selector-country {
    width: 20px;
    margin-right: 5px;
    margin-bottom: 2px;
    border: 0;
    margin-top: 0
}

.close, .close:hover {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff1d3;
    text-shadow: 0 1px 0 #fff;
    opacity: 1
}

.modal-header {
    min-height: 35px;
    padding: 15px;
    border-bottom: 0 solid #e5e5e5;
    text-align: center
}

.modal-header img {
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width:768px) {
    .modal-dialog {
        width: 662px
    }
}

.language-modal .modal-body {
    padding: 15px 30px 30px
}

.modal-content.language-modal .form-group {
    display: block
}

.language-modal .modal-body label {
    color: #fff1d3;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.222222;
    padding-bottom: 8px;
    text-align: left;
    display: inline-block
}

.language-modal .modal-header {
    padding: 0
}

.language-modal .modal-header .close {
    padding: 5px 10px;
    background: #000;
    font-weight: 400;
    font-size: 25px
}

.language-modal .modal-header img {
    padding: 15px 0
}

.moz-select-2 {
    background-color: #333;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 36px 35px;
    border-radius: 0;
    color: #c4c4c4;
    border: 1px solid #a9a9a9
}

.moz-select-2:focus {
    border-color: #a9a9a9;
    -webkit-box-shadow: none;
    box-shadow: none
}

select {
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    -o-appearance: none!important;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    text-indent: 0;
    padding: 0 0 0 10px;
    color: #c4c4c4;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.5
}

.mselect-country {
    position: fixed;
    background: #000;
    right: 0;
    z-index: 3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: 15px;
    min-width: 105px
}

.mselect-country a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.buttonmodal {
    background: #000;
    border: 0 solid #000;
    margin-top: -7px
}

.buttonmodal a:link {
    outline: 0!important
}

.languangeimage {
    width: 17px;
    margin-right: 5px;
    margin-bottom: 1px;
    border: 0
}

.promo {
    padding: 20px
}

.content-body .game-img img {
    width: 90%;
    margin: 0 auto
}

.promo-container {
    text-align: center;
    margin: 0 auto
}

.bg-page {
    background-color: #1a1a1a
}

body {
    overflow-y: scroll!important;
    padding-right: 0!important
}

.notice-container {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6)
}

.notice span {
    cursor: pointer
}

.wrapper-notice {
    margin-top: 13px
}

.marquee {
    margin: 0 auto;
    overflow: hidden;
    padding-left: 0;
    width: 90%
}

.marquee a {
    text-decoration: none;
    color: #ffb013
}

.m-social-link-last a {
    display: inline-block
}

.social-icons-last p {
    margin-bottom: -5px
}

.notice-modal .modal-body a {
    color: #ffb013
}

@media screen and (max-width:1024px) {
    .notice-modal .first-th {
        width: 24%
    }
}

.content3 {
    display: none;
    margin-top: 0;
    padding: 0
}

.content3 li {
    list-style: none
}

.content3 li a {
    border-bottom: none;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap
}

.navbar .social-icons img {
    padding-right: 5px;
    padding-left: 0;
    width: 13%
}

@media only screen and (max-width:991px) {
    .marquee {
        width: 57.333333%;
        width: 80%
    }
}

@media only screen and (max-width:446px) {
    .marquee {
        width: 75%
    }
}

@media only screen and (max-width:357px) {
    .marquee {
        width: 70%
    }
}

.link-icons>* {
    padding-left: 26px;
    background-size: 1.2em;
    background-position: 0;
    background-repeat: no-repeat
}

.link-icons .bg-tel {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZD0iTTEyLjUgOS43M0w5Ljg3IDhsLTEuNDYuODUtLjMtLjMtMi42LTIuNi44NS0xLjQ3LTEuNzUtMi42NUwyIDMuNTlhMTUgMTUgMCAwMDEuNzEgMy4wN2MuMjMuMzMuNDguNjUuNzUgMWwuMTguMjJjLjI2LjMuNTMuNi44MS44OWExNC43NyAxNC43NyAwIDAwMS4zMiAxLjE3Yy40My4zNS44Ny42NyAxLjMxIDFhMTUuMzkgMTUuMzkgMCAwMDIuNjQgMS40MnoiIGZpbGw9IiNiZjlhNWQiLz48L3N2Zz4=);
    margin-left: 25px
}

.link-icons .bg-mail {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZD0iTTIgM3Y4aDEwVjN6bTUgNi4wN0wzLjMgNi4xNmwuNy0uOTQgMyAyLjMzIDMtMi4zMy43NC45NHoiIGZpbGw9IiNiZjlhNWQiLz48L3N2Zz4=);
    margin-left: 25px
}

.link-icons .bg-weChat {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI3Ij48c3R5bGU+LnN0MXtmaWxsOiNmZmZ9PC9zdHlsZT48ZGVmcz48cGF0aCBpZD0iU1ZHSURfMV8iIGQ9Ik0xMy41IDBDNi4xIDAgMCA2LjEgMCAxMy41UzYuMSAyNyAxMy41IDI3IDI3IDIwLjkgMjcgMTMuNSAyMC45IDAgMTMuNSAweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjU1ZHSURfMV8iLz48L2NsaXBQYXRoPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIHgxPSItMjU1Ljk2NSIgeDI9Ii0yNTUuNzYiIHkxPSIzODIuNjg0IiB5Mj0iMzgyLjY4NCIgZ3JhZGllbnRUcmFuc2Zvcm09InJvdGF0ZSgtOTAgODM0MC44NjUgLTQxOTI4LjQwNikgc2NhbGUoMTMxLjMyNDUpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjdhYjM4Ii8+PHN0b3Agb2Zmc2V0PSIuMDAyIiBzdG9wLWNvbG9yPSIjMjdhYjM4Ii8+PHN0b3Agb2Zmc2V0PSIuOTUyIiBzdG9wLWNvbG9yPSIjNGNiMTM0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNGNiMTM0Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMCAwaDI3djI3SDB6IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSJ1cmwoI1NWR0lEXzNfKSIvPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF80XyIgZD0iTTcuMyAyLjlDNC45IDIuOSAzIDQuOCAzIDcuMnYxMi41QzMgMjIuMSA0LjkgMjQgNy4zIDI0aDEyLjVjMi40IDAgNC4zLTEuOSA0LjMtNC4zVjcuM2MwLTIuNC0xLjktNC4zLTQuMy00LjNINy4zeiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj48dXNlIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjU1ZHSURfNF8iLz48L2NsaXBQYXRoPjxwYXRoIGQ9Ik0xOC42IDE0LjhjLS40IDAtLjctLjMtLjctLjcgMC0uNC4zLS43LjctLjcuNCAwIC43LjMuNy43IDAgLjQtLjMuNy0uNy43bS0zLjQgMGMtLjQgMC0uNy0uMy0uNy0uNyAwLS40LjMtLjcuNy0uNy40IDAgLjcuMy43LjcgMCAuNC0uMy43LS43LjdtNS4xIDRjMS4xLS44IDEuOC0yIDEuOC0zLjIgMC0yLjQtMi4zLTQuMy01LjItNC4zLTIuOCAwLTUuMiAxLjktNS4yIDQuM3MyLjMgNC4zIDUuMiA0LjNjLjYgMCAxLjItLjEgMS43LS4yaC4yYy4xIDAgLjIgMCAuMy4xbDEuMS43aC4xYy4xIDAgLjItLjEuMi0uMnYtLjFzLS4xLS41LS4yLS45di0uMWMtLjItLjMtLjEtLjQgMC0uNCIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0xMy4yIDEwLjhjLS41IDAtLjgtLjQtLjgtLjggMC0uNS40LS44LjgtLjguNSAwIC44LjQuOC44cy0uNC44LS44LjhtLTQuMSAwYy0uNSAwLS44LS40LS44LS44IDAtLjUuNC0uOC44LS44LjUgMCAuOC40LjguOHMtLjQuOC0uOC44bTItNC4zYy0zLjQgMC02LjIgMi4zLTYuMiA1LjIgMCAxLjYuOCAzIDIuMSAzLjkuMS4xLjIuMi4yLjN2LjFjLS4xLjQtLjIgMS0uMiAxdi4yYzAgLjEuMS4yLjIuMmguMWwxLjQtLjhjLjEtLjEuMi0uMS4zLS4xaC4yYy42LjIgMS4zLjMgMiAuM2guM2MtLjEtLjQtLjItLjgtLjItMS4zIDAtMi42IDIuNS00LjcgNS42LTQuN2guM2MtLjQtMi40LTMtNC4zLTYuMS00LjMiIGNsYXNzPSJzdDEiLz48L3N2Zz4=);
    margin-left: 25px
}

.link-icons .bg-whatsApp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAMAAACPHmKLAAAASFBMVEVHcEw0xEs1xEo1xEouxEktxEc2w0s5w0snxEU4w0swxEk3xEs6w0z///84w0r0/PZTymRHx1jU8dma4KWB2I+46MDl9uho0XixaWyIAAAADHRSTlMAb7yjIjiL8A3eVc/QqCNJAAAB10lEQVRIx5VW2baDIBAT2WUuUNf//9OLuLAJtXmy55hmMoMZui6HIAPDSkmpFGaIiu4LyIAlhxuc94g030cKCkhGa++Lp/c9p6JDMIca+icZqqABiQrCIKEJjsRvhJ3yQ0knZYhN9/ACMtgXDF6hv5s8hLZqhzrlsiJCTfqzbfZ7XUFC28WY0dZVWCahP8ufw1QXUd4JDRKz2RnjR7edsEziz8x1BhZpUaNn/C1QpUhXFol8rwdjrXvfBx916tJodcsZQdHP7z4AR8YdZk+Ymiel6zBAWlZTImOcA2nZAJUxjoksjRH2qQ/X4PFwou+j/IUBsK2ecqhou32yaeK0u75fuxWzWPfvrkgzTjbhsPggHnXAdBzH2clM/mmy6QRJliIXxYzz8ZA0j7tvSmDIKfN5vi6Y7WaoPbVQ2cJtTBhr6Lb/CEkZbtpOscyUZ9ZD9miIOEuw0R9RSp8z3c7LalxQzKGmKxYL79e8wW5bMsJTIs6rkhUfE37FKJHvQvRMqzREm8D3Bvk5p8WrVQAq7AL6qqh4d6JXHuL9jF9sp2RtknsFctk/9pnjdJufNmTPBiIoKzgS57cZ11vu376vMorz6x4jcXnBEAznVyJBB8Qc0EBJeVn6B5l+WdEpjZtkAAAAAElFTkSuQmCC);
    margin-left: 25px
}

.link-icons .bg-line {
    background-image: url(data:image/png;base64,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);
    margin-left: 25px
}

.link-icons .bg-viber {
    background-image: url(data:image/png;base64,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);
    margin-left: 25px
}

.link-icons .bg-skype {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNy4yIj48cGF0aCBkPSJNMTUuOSAxMi4zbC0zLS43Yy0xLjEtLjMtMi40LS42LTIuNC0xLjdTMTEuNCA4IDEzIDhjMy4zIDAgMyAyLjMgNC43IDIuMy45IDAgMS42LS41IDEuNi0xLjQgMC0yLjEtMy4zLTMuNi02LjEtMy42LTMgMC02LjIgMS4zLTYuMiA0LjcgMCAxLjcuNiAzLjUgMy44IDQuM2w0IDFjMS4yLjMgMS42IDEgMS42IDEuNiAwIDEtMS4xIDIuMS0yLjkgMi4xLTMuNiAwLTMuMS0yLjktNS0yLjktLjkgMC0xLjUuNi0xLjUgMS41IDAgMS43IDIuMSA0IDYuNiA0IDQuMyAwIDYuNS0yLjIgNi41LTUtLjEtMS43LS45LTMuNi00LjItNC4zeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNi4yIDEzLjZDMjYuMiA2LjUgMjAuNS44IDEzLjUuOGMtLjggMC0xLjUuMS0yLjIuMi0xLjEtLjYtMi40LTEtMy43LTFDMy40IDAgMCAzLjQgMCA3LjZjMCAxLjQuNCAyLjcgMSAzLjgtLjEuNy0uMiAxLjUtLjIgMi4yIDAgNy4xIDUuNyAxMi44IDEyLjcgMTIuOC44IDAgMS41LS4xIDIuMi0uMiAxLjEuNiAyLjQgMSAzLjcgMSA0LjIgMCA3LjYtMy40IDcuNi03LjYgMC0xLjQtLjQtMi43LTEtMy44LjEtLjcuMi0xLjUuMi0yLjJ6bS0xMi42IDguMWMtNC41IDAtNi42LTIuMy02LjYtNCAwLS45LjctMS41IDEuNS0xLjUgMS45IDAgMS40IDIuOSA1IDIuOSAxLjggMCAyLjktMS4xIDIuOS0yLjEgMC0uNi0uNC0xLjMtMS42LTEuNmwtNC0xQzcuNiAxMy42IDcgMTEuOCA3IDEwLjFjMC0zLjUgMy4yLTQuNyA2LjItNC43IDIuOCAwIDYuMSAxLjUgNi4xIDMuNiAwIC45LS43IDEuNC0xLjYgMS40LTEuNiAwLTEuNC0yLjMtNC43LTIuMy0xLjYgMC0yLjUuOC0yLjUgMS45IDAgMS4xIDEuMyAxLjQgMi40IDEuN2wzIC43YzMuMy43IDQuMSAyLjYgNC4xIDQuNSAwIDIuNy0yLjIgNC44LTYuNCA0Ljh6IiBmaWxsPSIjMjVhNGRlIi8+PC9zdmc+);
    margin-left: 25px
}

.link-icons .bg-fb {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAOVBMVEU5V5r8/f43VZna4O2Vpsk3V5o0Vpk5V5rs8PZHcEw2XKA4WZk5V5r///9OaaU/Xp66yt5qhLWis9EtAkcVAAAADHRSTlPjHO76/swUHP0AU1VsFUdrAAAAvklEQVRIx+3W3QqDMAwF4I7+2GibtH3/h13VVdYxJQEZyDx3XnxUTQpHAbhBEAegYLRKEDuBcjaIYp0alIxUcGFCcwQEc0lzSsk8QkbHFsMiVGKUkU7wSPZSQilKCW6H+DkMQrkBk7GGGKeY/o0Cn/gsJ3hpgktK+/z18ZCgXmbn3wfpEx6SbrdeSSQnQUzML8i2Nvw/plE+F/qftbzJTc4k+7XnO6m1B6a9cmXW66z7cjXWPrZb4dxjzWeFewKe1Wk24YYIDgAAAABJRU5ErkJggg==);
    margin-left: 25px
}

.lang-dropdown {
    position: relative
}

.scroll-home {
    display: inline-grid;
    position: fixed;
    top: 80%;
    z-index: 888;
    left: 11px;
    visibility: hidden
}

.scroll-home img {
    width: 40px
}

.scroll-up img {
    margin-top: 15px
}

.editable {
    padding-left: 9%;
    padding-right: 10%
}

.navbar-nav .active {
    color: #c19c5e
}

.floating-right-panel {
    position: fixed!important;
    right: 0;
    top: 40%;
    z-index: 999!important;
    font-size: 11px;
    word-break: break-word
}

@media only screen and (max-width:991px) {
    .floating-right-panel {
        top: 25%
    }
}

.floating-right-panel .floating-right-panel__button {
    width: 5em;
    font-weight: 700;
    color: #fff;
    padding: .3em .5em 1em;
    margin-bottom: .2em;
    text-align: center;
    cursor: pointer
}

.floating-right-panel .all-games {
    background-color: #b3a25d
}

.fn-all-games.all-games.floating-right-panel__button.hidden-sm.hidden-xs:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAxkHMyAqphEpAAAGfElEQVRIx5WWaWyUxxnHf++7u7axIQabGgjhqgjFISikEamSBqQWcBIraUKrRPmQpEUVSluUtlLPILUVKUpbNVJJSZSLD0VtInBo2rSlpRFgSjCmEI5wGh8YX/hYe72H973mnXn6gQZ2bXzw/zbz/Oc3M8+MZh4YoRMEpAjZZmXn+0+p1/Rh3WOUiIgJda/+r3rTf2ZoYb0dkibk4kgAVn5zIz9GMY1U0eT7Ik/aq5kPkjR9MoCDWJOscqvCKsOSDtmva5yPSp1BYtTy2OjQJhbi0WQvWhl93n6YmD6t9qs61ejGM9lEaFEevWVS0fTY7dH7oqsidyOyT23t3fuZcBKNfI4bqpuP0QzNVL81Ke37f00/3lYuKAZp5xyHqecCXSQJEDpLsw8FO0zWZMPXhuYKLfTcCNlOO4K7XB80ourTj5+YJLSziToezPOtYh/ruYLiTEHmQVVrRB9zVwpdtA9HXqENwasyzSbwftc9U2hE+B6jaQtp2gkZKPc3G8d0emuFDjpyLWeoR/CqdKdOOd+pjyYQdjGeDiCk+JvtPavjOu59VbjI2U+D7yEY3HtMs045zwodxFk9LhKgijjdCM5aHTdd7kpB2H41lMQhM0MfMIGzQWihaULAT3WZywjeM8bRH6fnZUkBHCbOYUv92oj/yvFYFy3/N3fQRTttE8C20c1O23/RiHr9UizOOfAIcVeYwfBo/6wU/desgiBk8Dg9LjZOmkRZuM84brXGQIKegnCnCYa+JghfumYMCSuDRxOFin5S1IwJXYMQ4qwxQ+G/BkqSoPBWmIzafam4k0M5RkGqzWD4rr8cPHYRHxNbTzcXY+pd43vVIQjqFaPdJzRBnk2QhyUQMT3hr9z5QhYZ8wjTKNwq46vthyKkbtPn1dmeil72jIT6IiIi5pz6VmaqIYXDf0aBvk8/faXhYd2WWoT7mPG8V4W/DDPlQkUk1HuD6t5YQC/JUbC/QfB/aULnG3bkfmK6Tvjs2AccsVdFd5a/bZZVUITQdwNLNSGmHhN9wLbvJiMNLtvGvTjW5MjXC/6hN5nboAQzIsO1+ITNkrCXoZt0S3L2yC0N236OzCm1Lj1FkyTLh3ljEgyW6U903Ga6JIOsP+46c1Z8V/TNkhq9OhONsobWnEhA4JKgzLYKxXPC7E1AgZj9UHTXrDdMZX53ikFtPNu2ESxr+Fc1Ed3CHVTkd0WJYFlCVFy7eHJMbpJoGoLXnXfKBmpZkDcPUatYVFT6rGnRKQzeBLAn/IP7VmmrD5TnQWNYJUyXfluarPLorQX8eUJAyajtziOFL0RaX6UHi7tyYlspIDrDqjCXbHOc4sidRXx5fKAK/+0+2bw+dvwCSXaweFh8LYVEFzNVH7fDOpzIinfs+DhIfSJYP/BE0Z5S5bGNOdSNcAxgY68QE3xEf3l4VLem52W4kL+unMuvW/0XErOEfoTaUSY9TZpUhT6jLnTNQQh+YcR/TpCR0EDE9Pu/T1UKKYSTYyUHIXjKGH+LgEt2qe4NjyTKU1zJN1WbpHpv6IEP7Cz1tFA9BrKTFAOT9Yc6nb7fgXZ2WsFWI/4G4RB7r9kUqtL7StukgDbifHPMfO9DEPynTej98UisEeK4ZO7QbfpSdolPwMs529H0kp3A++Xik12gz4TxxL0OcfiAUwj+88ao9wdK06RZBUAjTVy8YfWZrwhJ0sSLw+1Gsj+DI2y8mo8E3SXqT0bUy52FadJsHRd1XUOkaYionxvx/t48rev6HRrCITU3PGh0sKmrcAjNsQkB9xOQpS0a/Mj4wcmexVnC68dZgxCSWRIeNVptSZYpLueUFaMpzlkCBqeozSYIzvd+QRA25xrqrtYjlWGtkXC3+3nBYTedzB8F2A5kEZwl4S4j/rGe5cJz7BhuO4oQkpwdbDOh6Qp+OjRb8OhHOM8j11yFnEHox0UYmhF837QacWraFhoeHYmEq/VmlpYid13YYESfUxvdpT2FQohHlgQDZPEIEa4UuJXqB/qkEXU5+d1jk1MIb+SQ8p78l/g2PjMYXFC8Lvq0vYABOWbqzGnTYZK+D4UFdqk9x77T/qJ1LxW6y60ZfHvuhUZuZd3YRXIjL5JCGFjgbPD3hL1GG2WSplO36GbTYQaN0kb1u7XJH7YtxorzEv+kahjjhp9TA30sZSqfFM+6veie6DJ7kTXTLsHSjvSFzepU9vjlhhWZXg4wj59wcMT4/wGykwMVQ4mJywAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMy0yNVQwNzo1MDoyOSswMDowMM0eIf4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDMtMjVUMDc6NTA6MjkrMDA6MDC8Q5lCAAAAAElFTkSuQmCC);
    content: "";
    display: block;
    height: 3.9em;
    background-size: 70% 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.fn-all-games.all-games.floating-right-panel__button.hidden-lg.hidden-md:before {
    background-image: url(data:image/png;base64,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);
    content: "";
    display: block;
    height: 40px;
    background-size: 60% 55%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.floating-right-panel .help-button {
    background-color: #3c7067
}

.fn-help.help-button.floating-right-panel__button.hidden-xs.hidden-sm:before {
    background-image: url(data:image/png;base64,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);
    content: "";
    display: block;
    height: 3.6em;
    background-size: 70% 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.fn-help.help-button.floating-right-panel__button.hidden-lg.hidden-md:before {
    background-image: url(data:image/png;base64,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);
    content: "";
    display: block;
    height: 40px;
    background-size: 60% 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.floating-right-panel .line-button {
    background-color: #00b900
}

.fn-line.line-button.floating-right-panel__button.hidden-xs.hidden-sm:before {
    background-image: url(data:image/png;base64,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);
    content: "";
    display: block;
    height: 3.6em;
    background-size: 70% 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.fn-line.line-button.floating-right-panel__button.hidden-lg.hidden-md:before {
    background-image: url(data:image/png;base64,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);
    content: "";
    display: block;
    height: 40px;
    background-size: 60% 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.floating-right-panel .register-button {
    background-color: #b4a35d
}

.fn-register.register-button.floating-right-panel__button.hidden-xs.hidden-sm:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAxkHMyAqphEpAAAD0klEQVRIx5WWTWxUVRSAv5mOM6XTUqHolFLUhhhAg5YAhmDQmGhM4z8SExONGw1KNFHThA0mboikiT8LoyxcuZLABiISFYREQWONQVCoAq3RhiIUTCl22pm2n4uZoTOdn/c4d/Puu+d+99xzzj33RqgoFj7m0MHtLCJJlov0c5rhwlCEahKpAZxPF0+zkptIEEUmucIZ9rObU0HYMqSIdT7uYSfMybRZJy3IgG+5IKcXytK8WgNv0M2NwAg/c4QBrpAgxWrWcSsgX9BNX0hrRUz6rll13J0+YJNcazGXutVBVX9wRS1rS5FRt5pVh3zFZBFwpq31kKqHbQ8LfdBh9aIbC5Ayf+NtHlT1PWMBWBGb3KdO+Ho5sgR8t33qsOvDQLu8qu53bnXlPHazWXWH0SBo1B3qmBtqh0DElL3qWZeUa0ZLevNZA/TxLQQmyz/sB9pZUT5UCm2jHTjBpdrI/NhPZIhzRxA0RSPwJ9OEkUFGgcVB0AR1wEQwLwIwyRRQP4tRBh1nCkgEQwW4gRiQLt9XKfQ8o0BH+doVpZ1G4K+g7Q/xN7CCBdRM6fzYauJMcDIIepleYBnri6ZWkxRdwCAnAvwkPuyo+qXNgSfqVSfVj4NPFDa6V83YbaTm2V/lafWC9wbWKRHv87x62RdqVKllfqfqO0bDQSNuMaMO+2ZJgZ5p9/u9qgdcGKKe5rEN9jihZtzjY84vwiXsdLtDqh7xzmplp/IdVc9rdHMzMMZxjtLHVRLcwiruoRXI8DlbOFMBUCOy2OFuq8uAj+S8GcLSvMI8nuMllhMD5F8uMUKGOpK00EIcgAvs5UN+CbQ1v/Jq9+Xv+CF3+7JrbHeeTTabcrkbfN9jZlXtd7Px4CzFJz2j6jl7XGm8YvRbfdFep9VhO4tHKiOf8byqX7mukPzFykWANt92wK9tE+e4OLd8JeSjnlMzfmSqehCuYaMusVWM22N/7vYtV+z0DzVrjw1BL48SZyz0lHrABstUku5S9RMbQz1mZuYusk89ZLIc+qxp9WjuIROEnBW2U+pBEzP/YuYycxP1jLKdwcDMK8hcOkkyTQsNQAtdjBNhhGOM5dgbHVc/sz7cxsWI27xq2jHTTqlTpk2bdsRNEgNiPEGCMT5lPPTrOMoikiX9egDqSUEMaGMtcJIfQ0YHYIpt/EYT08zleRbQz06yRBhmV24rD/mf+sF1xXx2Sn2Tc12uRYGlNDBFb3gzS1wUzXfrZn7FgGZgjLPXsflrWAudSPHfGLCHu/idX68HWiQjnKSD44zP9k88xAVW3btLfMrW4vn/A/XLQivFMqIeAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAzLTI1VDA3OjUxOjIxKzAwOjAwETMEpwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMy0yNVQwNzo1MToyMSswMDowMGBuvBsAAAAASUVORK5CYII=);
    content: "";
    display: block;
    height: 3.6em;
    background-size: 70% 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.fn-register.register-button.floating-right-panel__button.hidden-lg.hidden-md:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAxkHMyAqphEpAAAD0klEQVRIx5WWTWxUVRSAv5mOM6XTUqHolFLUhhhAg5YAhmDQmGhM4z8SExONGw1KNFHThA0mboikiT8LoyxcuZLABiISFYREQWONQVCoAq3RhiIUTCl22pm2n4uZoTOdn/c4d/Puu+d+99xzzj33RqgoFj7m0MHtLCJJlov0c5rhwlCEahKpAZxPF0+zkptIEEUmucIZ9rObU0HYMqSIdT7uYSfMybRZJy3IgG+5IKcXytK8WgNv0M2NwAg/c4QBrpAgxWrWcSsgX9BNX0hrRUz6rll13J0+YJNcazGXutVBVX9wRS1rS5FRt5pVh3zFZBFwpq31kKqHbQ8LfdBh9aIbC5Ayf+NtHlT1PWMBWBGb3KdO+Ho5sgR8t33qsOvDQLu8qu53bnXlPHazWXWH0SBo1B3qmBtqh0DElL3qWZeUa0ZLevNZA/TxLQQmyz/sB9pZUT5UCm2jHTjBpdrI/NhPZIhzRxA0RSPwJ9OEkUFGgcVB0AR1wEQwLwIwyRRQP4tRBh1nCkgEQwW4gRiQLt9XKfQ8o0BH+doVpZ1G4K+g7Q/xN7CCBdRM6fzYauJMcDIIepleYBnri6ZWkxRdwCAnAvwkPuyo+qXNgSfqVSfVj4NPFDa6V83YbaTm2V/lafWC9wbWKRHv87x62RdqVKllfqfqO0bDQSNuMaMO+2ZJgZ5p9/u9qgdcGKKe5rEN9jihZtzjY84vwiXsdLtDqh7xzmplp/IdVc9rdHMzMMZxjtLHVRLcwiruoRXI8DlbOFMBUCOy2OFuq8uAj+S8GcLSvMI8nuMllhMD5F8uMUKGOpK00EIcgAvs5UN+CbQ1v/Jq9+Xv+CF3+7JrbHeeTTabcrkbfN9jZlXtd7Px4CzFJz2j6jl7XGm8YvRbfdFep9VhO4tHKiOf8byqX7mukPzFykWANt92wK9tE+e4OLd8JeSjnlMzfmSqehCuYaMusVWM22N/7vYtV+z0DzVrjw1BL48SZyz0lHrABstUku5S9RMbQz1mZuYusk89ZLIc+qxp9WjuIROEnBW2U+pBEzP/YuYycxP1jLKdwcDMK8hcOkkyTQsNQAtdjBNhhGOM5dgbHVc/sz7cxsWI27xq2jHTTqlTpk2bdsRNEgNiPEGCMT5lPPTrOMoikiX9egDqSUEMaGMtcJIfQ0YHYIpt/EYT08zleRbQz06yRBhmV24rD/mf+sF1xXx2Sn2Tc12uRYGlNDBFb3gzS1wUzXfrZn7FgGZgjLPXsflrWAudSPHfGLCHu/idX68HWiQjnKSD44zP9k88xAVW3btLfMrW4vn/A/XLQivFMqIeAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAzLTI1VDA3OjUxOjIxKzAwOjAwETMEpwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMy0yNVQwNzo1MToyMSswMDowMGBuvBsAAAAASUVORK5CYII=);
    content: "";
    display: block;
    height: 40px;
    background-size: 60% 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.floating-right-panel .promotion-button {
    background-color: #f7823c
}

.fn-promotion.promotion-button.floating-right-panel__button.hidden-xs.hidden-sm:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAxkHMyAqphEpAAADN0lEQVRIx+2WT2hcVRSHv/dmJmYm0I5NQFpIa1BrabFFVJTaFKmISqqiUlFRC6IuRNCFEKEIShFUBHXjTrpwIRTbIhQENVpCTIMiFNRiXERrpZEmsTQxTZr587l4k9eZ5M2LxOzsOXDhnfO7v3vuueeedwMaxMZPApqJKbigObA58VK4YBF0LbdwDWVOcoKJxbQxYYEtbKPIGYYYabK8kT7gd86qOuWgz7smsi9A5dztp46pWnbYF82bFL+IOz2tVp2qEZc86k2XaGuUHb7jeVUnPO0F9aKvGCaTZjygjtvrTu/3A8dV/cUeqdNrPaJW/d5eb/U693hS/dWNCbGKqxxU+20zWuIej6v6u/fFlNd7TB1zn+ti28vqnA8nk652SP3ZDTH8ag+resp7Rez0C3XY3QZ1sT9pxap7k0mzfqRWfNNcPGGdh1QdcYdFP1Z/cHtDOvBd9a/I2nieke5yVJ32Ndtj21qPqPqNB9Rhb2+YUfQ5z6oHLczbLpGG5szZ4iP+aMWyX/mEXbYZiuv90khGfdQ1drjeG+z2Mffb74wlP3dL/VKBUGQP3RRqK3SyjTwwxx+MMMokFTZxJxngPKeAgFZWUSBPFpAzDHCWgIApBuhjFvO+b9mVkr991ZbAXRyknRIl0uQKMsBFKqmoHDnGeTzLRlYDn/BhSkvKso8dVHiLY2Saoqrs5SmuZGuWLAC/0ZcSQcizgJzg69RIu6N4w3hammRqu0hHzfsNaxVbTQVX/hUq9meZoEyWrTydEkeGDUDIXRRTc3ojUGEMOx1UtZKqVVWrS6BUv7ULsdt+J1ekSqcc8I7oRkGRF3idkD4GEgsr5CE2U+UQPyUmSW7jbmQ/73EO6tuX9i7oP/Oa8bBa8sEmfnxJrfpM9BUG9cXQ7KiWLrzIE0RDdrF/4f5N9Sb9sJcq52XJZdLLpP9b0sZrWoXEd3Jd509+Rdd6ftBIWkLgKjaRJSAgIIzHkBbagYDN/JnY+St0ATLHPLcAN/MZHUxyIaYLoG7MkwNmmr4OWmjlHD0cr4UrYotvOPOfuv6sb9saPdCCOIsFethO2zLPZpohjjJNbWs0Tf6yJCZdOdqI7h/b1WIUWLBeSAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMy0yNVQwNzo1MToyMCswMDowMLdEDxMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDMtMjVUMDc6NTE6MjArMDA6MDDGGbevAAAAAElFTkSuQmCC);
    content: "";
    display: block;
    height: 3.6em;
    background-size: 70% 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.fn-promotion.promotion-button.floating-right-panel__button.hidden-lg.hidden-md:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAxkHMyAqphEpAAADN0lEQVRIx+2WT2hcVRSHv/dmJmYm0I5NQFpIa1BrabFFVJTaFKmISqqiUlFRC6IuRNCFEKEIShFUBHXjTrpwIRTbIhQENVpCTIMiFNRiXERrpZEmsTQxTZr587l4k9eZ5M2LxOzsOXDhnfO7v3vuueeedwMaxMZPApqJKbigObA58VK4YBF0LbdwDWVOcoKJxbQxYYEtbKPIGYYYabK8kT7gd86qOuWgz7smsi9A5dztp46pWnbYF82bFL+IOz2tVp2qEZc86k2XaGuUHb7jeVUnPO0F9aKvGCaTZjygjtvrTu/3A8dV/cUeqdNrPaJW/d5eb/U693hS/dWNCbGKqxxU+20zWuIej6v6u/fFlNd7TB1zn+ti28vqnA8nk652SP3ZDTH8ag+resp7Rez0C3XY3QZ1sT9pxap7k0mzfqRWfNNcPGGdh1QdcYdFP1Z/cHtDOvBd9a/I2nieke5yVJ32Ndtj21qPqPqNB9Rhb2+YUfQ5z6oHLczbLpGG5szZ4iP+aMWyX/mEXbYZiuv90khGfdQ1drjeG+z2Mffb74wlP3dL/VKBUGQP3RRqK3SyjTwwxx+MMMokFTZxJxngPKeAgFZWUSBPFpAzDHCWgIApBuhjFvO+b9mVkr991ZbAXRyknRIl0uQKMsBFKqmoHDnGeTzLRlYDn/BhSkvKso8dVHiLY2Saoqrs5SmuZGuWLAC/0ZcSQcizgJzg69RIu6N4w3hammRqu0hHzfsNaxVbTQVX/hUq9meZoEyWrTydEkeGDUDIXRRTc3ojUGEMOx1UtZKqVVWrS6BUv7ULsdt+J1ekSqcc8I7oRkGRF3idkD4GEgsr5CE2U+UQPyUmSW7jbmQ/73EO6tuX9i7oP/Oa8bBa8sEmfnxJrfpM9BUG9cXQ7KiWLrzIE0RDdrF/4f5N9Sb9sJcq52XJZdLLpP9b0sZrWoXEd3Jd509+Rdd6ftBIWkLgKjaRJSAgIIzHkBbagYDN/JnY+St0ATLHPLcAN/MZHUxyIaYLoG7MkwNmmr4OWmjlHD0cr4UrYotvOPOfuv6sb9saPdCCOIsFethO2zLPZpohjjJNbWs0Tf6yJCZdOdqI7h/b1WIUWLBeSAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMy0yNVQwNzo1MToyMCswMDowMLdEDxMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDMtMjVUMDc6NTE6MjArMDA6MDDGGbevAAAAAElFTkSuQmCC);
    content: "";
    display: block;
    height: 40px;
    background-size: 60% 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: .3em
}

.floating-right-panel a {
    color: #fff
}

.floating-right-panel a:hover {
    text-decoration: none
}

.remo-login a {
    text-decoration: underline
}

.join-now .top-text {
    font-size: 1.9vw
}

.join-now .mid-percent {
    font-size: 3.36vw;
    font-weight: 700;
    color: #f9dfa8
}

.join-now .bottom-text {
    font-size: 1.9vw
}

.join-now button {
    border: none;
    border-radius: 4px;
    width: 100%;
    margin-top: .8vw;
    font-size: 1.3vw;
    padding: .5vw
}

.sa-btn-hover {
    background-color: #bf9a5d;
    -webkit-transition: border-color .3s, background-color .3s;
    -o-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.sa-btn-hover:hover {
    background: #3c7067;
    color: #fff
}

.sa-login-register-banner-container {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 50px
}

.sa-login-register-banner-container img {
    width: 100%;
    height: auto
}

main {
    border-bottom: 1px solid #262626
}

.list-drp {
    display: grid;
    display: -ms-flexbox;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.list-drp li.active {
    border-bottom: 2px solid #fff
}

.list-drp .active {
    color: #fff
}

.list-drp>* {
    padding: 10px 1px
}

@media only screen and (max-width:446px) {
    .sa-login-register-banner-container {
        grid-column-gap: 15px
    }
    .sa-button-a {
        height: 38px;
        border-radius: 38px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        background: #bf9a5d!important;
        border-color: transparent!important;
        color: #fff!important;
        margin-right: 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .floating-right-panel .floating-right-panel__button {
        width: 35px;
        padding: 0;
        min-height: 84px
    }
    .floating-right-panel .bottom, .fn-all-games.all-games.floating-right-panel__button.hidden-lg.hidden-md.top {
        position: relative;
        height: 84px
    }
    .floating-right-panel .bottom span, .fn-all-games.all-games.floating-right-panel__button.hidden-lg.hidden-md span {
        position: absolute;
        left: 0;
        right: 0;
        font-size: 11px
    }
    .last-man-countdown.container {
        margin: 0;
        padding: 3.75vw 4.75vw;
        position: relative;
        border-radius: 10px;
        background: rgba(0, 0, 0, .7);
        display: inline-block;
        z-index: 2;
        color: #fff;
        max-width: 100%;
        line-height: 1.1;
        width: 90vw
    }
    .last-man-countdown .top-text {
        font-size: 10vw
    }
    .last-man-countdown .mid-percent {
        font-weight: 700;
        font-size: 15vw;
        color: #f9dfa8
    }
    .last-man-countdown .bottom-text {
        font-size: 10vw
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .wrapper-notice {
        margin-top: 7px!important
    }
    .floating-right-panel {
        top: 40%
    }
    .scroll-home {
        top: 70%
    }
}

.rotate-loading {
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#textOnlyModal {
    display: block;
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%
}

#textOnlyModal>article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

#textOnlyModal>article .modalText {
    color: #222;
    font-size: 28px;
    padding: 22px;
    background-color: #fff;
    border-radius: 14px
}

.content-body {
    background: #1a1a1a;
    min-height: 600px
}

.error {
    height: 245px;
    margin-top: 45px;
    padding: 30px;
    text-align: center;
    width: 100%
}

.error p {
    font-size: 18px;
    margin-top: 4%
}

.error p a {
    color: #fff;
    text-decoration: underline
}

.main-content {
    border-top: 1px solid #333;
    font-weight: 700;
    margin-right: -20px;
    padding-bottom: 30px;
    padding-top: 30px
}

.swiper-container {
    height: 100%;
    padding-bottom: 50px;
    width: 100%
}

.content-body {
    padding: 0!important
}

.table_transaction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
    white-space: nowrap
}

.pagination li:hover {
    cursor: pointer
}

.lbl_table {
    font-size: 15px;
    padding-left: 0;
    padding-right: 5px;
    text-align: right
}

.content_table {
    padding-left: 0;
    padding-right: 0
}

.table_head {
    border-radius: 13px;
    margin-top: -44px;
    padding: 20px;
    width: 1042px
}

button.btn_trans {
    background: #c09a5e;
    border: 1px solid #b59054;
    color: #513c19;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    min-width: 6em;
    padding: 4px
}

button.menu {
    background: unset;
    border: unset;
    font-size: 15px
}

button.menu-active {
    border: unset;
    background: #2c2c2c;
    color: #c09a5e;
    border-radius: 3px;
    outline: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    color: #000;
    line-height: unset
}

.pagination>li>a, .pagination>li>span {
    background: hsla(0, 0%, 100%, 0);
    border: 1px solid hsla(0, 0%, 42.4%, .03137254901960784);
    color: #fff;
    float: left;
    line-height: 1.42857143;
    margin-left: -1px;
    padding: 6px 3px;
    position: relative;
    text-decoration: none
}

button.menu:active {
    border: none;
    outline: 0
}

button.menu:focus {
    outline: 0
}

.table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid #333;
    border-top: none
}

.no-label-select {
    background: 12% 100%!important
}

.noDataTableMessage, table td, table th {
    text-align: center
}

.transaction-from-block, .transaction-to-block {
    display: inline-block
}

@media only screen and (max-width:991px) {
    .table_head {
        border-radius: 13px;
        overflow-x: auto;
        padding: 20px;
        width: unset
    }
    .table-responsive-sm-md-lg-xl {
        overflow-y: auto;
        white-space: nowrap
    }
    .lbl_table {
        white-space: normal
    }
    .content_table, .lbl_table {
        display: inline-block
    }
    .datepicker input {
        width: 100%
    }
    .mobile-label-to {
        font-weight: 400;
        padding-top: 5px
    }
    .noDataTableMessage {
        text-align: left
    }
    .transaction-from-block, .transaction-to-block {
        display: block;
        text-align: right
    }
}

.content-drp {
    border-bottom: 1px solid #343434;
    float: left;
    margin: 5px 0 1em;
    padding: 0;
    text-align: center;
    width: 100%
}

.list-drp {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    color: #525252;
    display: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    line-height: 1.2;
    list-style: none;
    margin: 0;
    padding: 0
}

hr {
    border-top: 1px solid #464646;
    margin-bottom: 0;
    margin-top: 0
}

.footer-banner {
    background: #000
}

@media only screen and (max-width:768px) {
    .last-man__head.hidden-lg.hidden-md {
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 28vw
    }
    .last-man-countdown img {
        margin: 18px 20px 16px;
        padding: 0;
        width: 48vw
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .last-man-countdown.container {
        top: -120px;
        width: 45vw
    }
    .last-man-countdown img {
        margin: 0 0 16px!important;
        width: 125px
    }
    .img-portrait.hide-portrait {
        height: 295px;
        margin: 0!important;
        width: 100%
    }
    .container.promo-container.promo {
        padding-bottom: 25px!important;
        padding-top: 25px!important
    }
}

.categories-list {
    display: block
}

.categories-list .list-items {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 31%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 100%
}

.categories-list .dropdown-item {
    border-right: 1px solid #202020;
    cursor: pointer;
    font-size: 14px;
    height: 85px;
    line-height: 12px;
    max-width: 160px;
    opacity: .75;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: opacity .3s, border-color .2s;
    -o-transition: opacity .3s, border-color .2s;
    transition: opacity .3s, border-color .2s;
    width: 11%;
    z-index: 1
}

.categories-list .dropdown-item .icon {
    display: block;
    height: 32px;
    margin: 10px auto;
    -webkit-transition: opacity, .3s, top .3s, -webkit-transform .3s;
    transition: opacity, .3s, top .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity, .3s, top .3s;
    transition: transform .3s, opacity, .3s, top .3s;
    transition: transform .3s, opacity, .3s, top .3s, -webkit-transform .3s
}

.categories-list .dropdown-item .icon.selected {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.categories-list .icon.selected {
    top: 5px
}

.categories-list .dropdown-item:last-child {
    border-right: none
}

.categories-list .dropdown-item.active .category-title {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.categories-list .dropdown-item:hover {
    border-bottom: 2px solid #fff;
    cursor: pointer;
    opacity: 1
}

.categories-list .list-items .dropdown-item {
    opacity: 1
}

.categories-list .list-items .dropdown-item.active {
    border-bottom: 2px solid #fff
}

@media only screen and (min-width:320px) {
    .content-body {
        padding: 10px
    }
}

@media only screen and (min-width:1200px) {
    .content-body {
        padding: 0
    }
}

body {
    background: #222!important;
    margin: 0
}

select {
    padding: 7px!important
}

.content-title h5 {
    color: #fff1d3;
    font-size: 15px;
    margin-top: 0
}

.content-title h1 {
    color: #bf9a5d!important;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 10px;
    padding: .65em 2em;
    text-transform: uppercase
}

#register p {
    color: #fff;
    font-size: 15px;
    margin: 20px 20px 30px
}

#register .phoneNumber {
    text-indent: 10px
}

#register .field-validation-error {
    color: #d8a626;
    text-align: center
}

input[type=radio] {
    display: none
}

input[type=radio]+label {
    color: #fff;
    font-size: 14px
}

input[type=radio]+label span {
    -moz-border-radius: 50%;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 10px
}

input[type=radio]:checked+label span {
    background: #fff
}

input[type=radio]+label span, input[type=radio]:checked+label span {
    -o-transition: background-color .4s linear;
    -webkit-transition: background-color .4s linear;
    transition: background-color .4s linear
}

#register {
    width: 100%
}

#register .register {
    margin: 10px 0
}

.form-control {
    color: none
}

.remo-content-body {
    padding-top: 15px
}

.remo-hidden-overflow-x {
    overflow-x: hidden!important
}

.content-title h2 {
    color: #fff1d3;
    font-size: 1em;
    letter-spacing: 2px;
    line-height: 25px;
    text-align: center
}

textarea {
    resize: none
}

.remo-form input, .remo-form textarea {
    -webkit-box-sizing: border-box;
    -webkit-transition: outline .3s;
    background: #333;
    border: 1px solid #333;
    border-radius: 0;
    box-sizing: border-box;
    color: #c4c4c4;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    outline: 1px solid #1a1a1a;
    outline-offset: 0;
    padding: 18px 0;
    text-indent: 10px;
    -o-transition: outline .3s;
    transition: outline .3s;
    width: 100%
}

.remo-form input:focus, .remo-form textarea:focus {
    -webkit-box-shadow: none;
    -webkit-transition: border .3s;
    border: 1px solid #fff;
    box-shadow: none;
    -o-transition: border .3s;
    transition: border .3s
}

.remo-submit {
    background: #bf9a5d;
    border: 1px solid #bf9a5d;
    border-radius: 5px;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    margin-bottom: 20px;
    padding: 10px 20px;
    text-shadow: none
}

.remo-submit i {
    font-size: 15px;
    font-weight: lighter;
    margin-right: 5px
}

.remo-submit:active, .remo-submit:focus, .remo-submit:hover {
    -webkit-transition: background .3s;
    background: #3c7067!important;
    border-color: #3c7067!important;
    color: #fff!important;
    font-weight: 400;
    -o-transition: background .3s;
    transition: background .3s
}

.remo-submit i:hover {
    font-weight: 400
}

.remo-form label {
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
    white-space: nowrap
}

.remo-login {
    border: 1px solid #333;
    margin: 25px 0
}

.remo-form-footer {
    margin: 10px 0 20px;
    text-align: center
}

.remo-form-footer h3, .remo-form-footer h4 {
    letter-spacing: .5px;
    margin: 5px 0
}

.remo-form-footer h4 a {
    text-decoration: underline
}

.remo-form-footer h3, .remo-form-footer h4 a {
    color: #c4c4c4;
    font-size: 15px
}

.remo-form-footer h3 a {
    color: #fff1d3;
    font-weight: 700;
    text-decoration: underline
}

.remo-registration {
    border: 1px solid #777;
    margin: 30px 0;
    padding: 0 20px 15px
}

.remo-registration .row:nth-child(4) {
    padding: 5px 0 20px
}

.no-label-select, .remo-registration select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #333 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABGCAQAAADBG8qBAAAAkUlEQVR4Ae3O0QmEQBAE0Q3B0AzBYCcAM1qPzmCo4RCsLujvt7L960UTJUrUN1GiRIkSJUqUKFGiRIkSJaru2q2uWp1ybdQRFicxFGCFxFGMBUgA1WCFxFGMBUgA1WCFxFGMBUgA1WCFNI8irJDmUYQV0jyKsEKaRxHWCSgA9beJEiVKlChRokSJEiVKlChRoh4GlelzLr6YJwAAAABJRU5ErkJggg==);
    background-position: 100% 10%;
    background-repeat: no-repeat;
    background-size: 8% 100%;
    color: #c4c4c4;
    border: 1px solid #333;
    border-radius: 0;
    height: 38px
}

.no-label-select select option, .remo-registration select option {
    background: #fff;
    color: #c4c4c4
}

.remo-registration-title {
    font-size: 15px;
    margin: 3px 0;
    text-align: center
}

.table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0;
    line-height: 1.78;
    padding: 8px;
    vertical-align: top
}

button a, button a:hover {
    color: inherit;
    text-decoration: none!important
}

.remo-input-display {
    background: #333!important;
    border: 1px solid #333!important;
    color: #c4c4c4!important;
    outline: 1px solid #1a1a1a!important
}

.remo-form .phoneNumber {
    margin-bottom: 20px;
    padding-left: 5px
}

.remo-form .phoneNumber input {
    margin-top: 30px;
    padding: 3px 1px
}

.remo-form .phoneNumber .field-validation-error {
    bottom: -20px;
    left: 5px;
    position: absolute
}

.remo-form .resend {
    color: #fff;
    height: 38px;
    margin: 0!important;
    padding: 8px 5px;
    position: absolute;
    right: 15px;
    top: 93px;
    width: 120px;
    z-index: 1
}

.remo-form ::-webkit-input-placeholder {
    color: #c4c4c4;
    font-size: 14px
}

.remo-form ::-moz-placeholder {
    color: #c4c4c4;
    font-size: 14px
}

.remo-form :-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 14px
}

.remo-form ::-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 14px
}

.remo-form .withdrawal_to, .remo-form ::placeholder {
    color: #c4c4c4;
    font-size: 14px
}

.label-input-show-button {
    background: #333;
    color: #c4c4c4;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0;
    padding: 8px!important;
    position: absolute!important;
    right: 16px;
    top: 31px;
    white-space: nowrap
}

.remo-form input.form-control[readonly] {
    background: #333;
    color: #c4c4c4
}

.remo-login input, .remo-registration .form-group {
    margin-bottom: 0
}

.remo-form-footer a:hover {
    text-decoration: none
}

.remo-registration .row:nth-child(2), .remo-registration .row:nth-child(3) {
    padding: 20px 0 0
}

.remo-registration .row:nth-child(5), .remo-registration .row:nth-child(6) {
    padding: 5px 0
}

.content-body {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.information {
    margin-bottom: 40px
}

.sub-title-text {
    border-bottom: 1px solid #ccc;
    border-color: currentcolor #ccc;
    border-top: 1px solid;
    padding-bottom: 10px;
    padding-top: 10px
}

.information .titleText {
    color: #fff
}

.contact .yourInformation input {
    background: #fff;
    border: 1px solid #d7d9db;
    border-radius: 42px;
    margin-bottom: 10px
}

.contact .yourInformation input, .contacts-form__col input {
    color: #818888;
    font-size: 13px;
    font-weight: 100;
    height: 42px;
    padding: 0 20px;
    width: 365px
}

.contacts-form__col input {
    background: #fff!important;
    border: 1px solid #d7d9db!important;
    border-radius: 42px
}

.contact .contacts-form__row {
    width: 50%
}

.contacts-form__message {
    background: #fff;
    border: none;
    border-radius: 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #818888;
    font-size: 13px;
    font-weight: 100;
    height: 165px;
    outline: 0;
    padding: 10px;
    resize: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%
}

#reset, #submit {
    background: #bf9a5d!important;
    border-color: transparent!important;
    border-radius: 38px;
    color: #fff!important;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    margin-right: 25px;
    text-transform: uppercase;
    width: 13%
}

#reset:hover, #submit:hover {
    background: #3c7067!important
}

#submit {
    margin-right: 0
}

#contacts-form__col, .contacts-form__col, .contacts-form__row, .yourInformation {
    margin-left: 4px
}

.information ul {
    padding-left: 0
}

.information ul li {
    list-style: none
}

.information .info-content ul li:first-child {
    width: 16px
}

.information .info-content ul li:first-child:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZD0iTTEyLjUgOS43M0w5Ljg3IDhsLTEuNDYuODUtLjMtLjMtMi42LTIuNi44NS0xLjQ3LTEuNzUtMi42NUwyIDMuNTlhMTUgMTUgMCAwMDEuNzEgMy4wN2MuMjMuMzMuNDguNjUuNzUgMWwuMTguMjJjLjI2LjMuNTMuNi44MS44OWExNC43NyAxNC43NyAwIDAwMS4zMiAxLjE3Yy40My4zNS44Ny42NyAxLjMxIDFhMTUuMzkgMTUuMzkgMCAwMDIuNjQgMS40MnoiIGZpbGw9IiNiZjlhNWQiLz48L3N2Zz4=);
    padding-right: .1em;
    padding-top: .1em
}

.content b {
    color: #fff
}

.btn {
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    outline: 0;
    padding: 5px 50px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.content-banner img {
    width: 100%
}

.activitybanner, .twoAct {
    -webkit-transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 65%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact .yourInformation input:focus, .contacts-form__col input:focus {
    outline: 0
}

.contact .uploadFiles-m {
    margin-left: 0
}

@media (max-width:500px) {
    .fileSearchArea {
        margin-left: 3px
    }
    #reset, #submit {
        background: #bf9a5d!important;
        border-color: transparent!important;
        border-radius: 38px;
        color: #fff!important;
        font-size: 13px;
        font-weight: 400;
        height: 38px;
        margin-right: 20px;
        text-transform: uppercase;
        width: 31%
    }
    .uploadFiles.devideHor {
        display: 0;
        position: relative
    }
    .contact .contacts-form__row {
        width: 100%
    }
}

@media only screen and (max-width:446px) {
    .contact .yourInformation {
        margin-left: 0
    }
    .contact .yourInformation input {
        margin: 0;
        width: 100%
    }
    #reset, #submit {
        width: 40%
    }
    .searchName {
        width: 100%
    }
    .contacts-form__col, .uploadFiles.devideHor {
        margin: 0
    }
    .contact .contacts-form__row {
        margin: 0;
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    #contacts-form__col {
        text-align: center
    }
    .size {
        padding-right: 20px
    }
    .content-banner .one {
        -webkit-transform: translateY(-120%)!important;
        -ms-transform: translateY(-120%)!important;
        transform: translateY(-120%)!important
    }
    .content-banner .twoAct {
        font-size: 24px!important;
        top: 60%!important;
        -webkit-transform: translateY(-160%)!important;
        -ms-transform: translateY(-160%)!important;
        transform: translateY(-160%)!important
    }
    .contact .yourInformation input {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    #contacts-form__col {
        text-align: left
    }
    #reset, #submit {
        width: 20%
    }
}

button, select {
    text-transform: none
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

canvas {
    display: inline-block
}

.swiper-container {
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

[type=reset], [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration, [type=submit], button, html [type=button] {
    -webkit-appearance: none
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[hidden] {
    display: none
}

.main-container {
    margin: 0 auto;
    max-width: 1360px;
    padding: 0 15px
}

@media (max-width:1024px) {
    .main-container {
        max-width: calc(100% - 50px)
    }
}

@media (max-width:768px) {
    .main-container {
        max-width: 100%;
        padding: 0
    }
}

img {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    height: auto;
    max-width: 100%;
    user-select: none;
    vertical-align: middle
}

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

.banner-404-detail {
    max-width: 365px;
    position: absolute;
    right: 28%;
    text-align: left;
    top: 15%;
    width: 100%
}

.banner-404-detail h3 {
    font-size: 60px
}

.banner-404-detail h4 {
    color: #c4c4c4;
    letter-spacing: 5px
}

.banner-404-detail .step-404-one, .banner-404-detail .step-404-two {
    color: #c4c4c4;
    font-size: 16px;
    letter-spacing: 1px
}

.div-404-btn button {
    background: #bf9a5d;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    padding: 3px 50px
}

button.left-404 {
    margin-right: 8%
}

.div-404-btn {
    margin-top: 30px
}

@media only screen and (max-width:768px) {
    .step-404 {
        text-align: left
    }
    .banner-404-detail h3, .banner-404-detail h4 {
        text-align: center
    }
    .banner-404-detail {
        left: 0;
        margin: 0 auto;
        max-width: 320px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 60%
    }
    .banner-404-detail h3 {
        font-size: 50px
    }
    .banner-404-detail .step-one, .banner-404-detail .step-two {
        font-size: 14px
    }
    .div-404-btn button {
        padding: 3px 40px
    }
    button.left-404 {
        margin-right: 33px
    }
}

body {
    background: #000!important
}

.back, main {
    border: none!important
}

#error-page {
    text-align: center
}

.error-msg {
    background: url(data:image/jpeg;base64,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);
    margin: 0 auto;
    padding: 20px;
    width: 80%
}

#error-page nav {
    margin-bottom: 10px
}

#error-page img.sa-logo {
    height: 120px;
    width: 120px
}

#error-page .custsupt img {
    height: 60px;
    width: 60px
}

#error-page .thisWillFadeFromTop {
    margin: 0;
    padding: 10px;
    text-shadow: 5px 5px 5px #000
}

body {
    overflow-y: scroll
}

.pc-container {
    display: block;
    font-size: 17px;
    line-height: 32px
}

.pc-container img {
    display: inline-block;
    width: auto
}

.mobile-container {
    display: none;
    font-size: 1em;
    line-height: 1.525em
}

.pc_table {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/3f0d2e3477830917155d329f25931a5f.jpg) top no-repeat;
    background-size: cover;
    padding: 5% 0;
    position: relative
}

.pc_table .content {
    margin: 0 auto
}

.pc_table .tpis {
    margin-top: -40px;
    padding: 0 6%
}

.pc_ser {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/f242b6bc02fb5c875db3e825219fd9d7.jpg) top no-repeat;
    background-size: cover;
    padding: 10% 0
}

.pc_ser .content {
    margin: 0 auto;
    padding: 80px 0
}

.pc_ser .content .txt {
    padding: 0 6%
}

.pc_help {
    background: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/947ae29d0b5c6a936a8ca800d3dc0438.jpg) top no-repeat;
    background-size: cover;
    padding: 5% 0
}

.pc_help .content {
    margin: 0 auto;
    padding-top: 60px
}

.pc_help .content .txt {
    padding: 0 5%
}

.pc_help .content h4 {
    color: #bf9a5f;
    font-weight: 700;
    padding: 6px 0
}

.mobile-container .content .txt, .mobile-container .tpis {
    font-size: 1.2em
}

.mobile-container .content h4 {
    font-size: 1.1em
}

.max-w {
    margin: 0 auto;
    max-width: 1270px
}

.bg>img {
    margin-left: auto;
    margin-right: auto
}

.h-t_icon {
    left: 1%;
    position: absolute;
    top: -2%
}

.h-t_icon img {
    width: 90%
}

.pc_help ol, .pc_ser ol {
    list-style: decimal;
    list-style-position: outside
}

.pc_help ol {
    padding-left: 20px
}

.pc_help ol, .pc_help ul {
    padding-bottom: 25px
}

.pc_help ol>li, .pc_ser ol>li {
    list-style-type: decimal
}

.mobile-container .pc_help ol>li, .mobile-container .pc_ser ol>li {
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 4%;
    padding-bottom: 5px
}

.agent {
    margin-top: -50px
}

.mobile-container .pc_help ol, .pc_ser ol {
    padding-left: 0
}

@media (max-width:959px) {
    .pc-container {
        display: none
    }
    .mobile-container {
        display: block
    }
}

@media (max-width:1679px) {
    .max-w {
        max-width: 1180px!important
    }
    .h-t_icon img {
        width: 77%!important
    }
}

@media (max-width:1440px) {
    .max-w {
        max-width: 1080px!important
    }
    .h-t_icon img {
        width: 68%!important
    }
}

@media only screen and (max-width:1179px) {
    .max-w {
        font-size: 15px!important;
        max-width: 940px!important
    }
    .h-t_icon img {
        width: 55%!important
    }
}

@media only screen and (max-width:1019px) {
    .max-w {
        font-size: 14px!important;
        max-width: 900px!important
    }
    .h-t_icon img {
        width: 50%!important
    }
}

@media only screen and (max-width:959px) {
    .max-w {
        font-size: 1em!important
    }
    .pc_table .tpis {
        margin-top: -3%!important
    }
    .h-t_icon img {
        width: 35%!important
    }
    .pc_ser .content {
        padding: 6% 0!important
    }
    .pc_help .content {
        padding-top: 6%!important
    }
}

@media only screen and (max-width:735px) {
    .h-t_icon img {
        width: 25%!important
    }
}

@media only screen and (max-width:414px) {
    .h-t_icon img {
        width: 20%!important
    }
    .max-w {
        font-size: .8em!important
    }
}

.slick-dots li button:before {
    color: #fff
}

.slick-dots li.slick-active button:before {
    color: #fff
}

.slick-dots {
    bottom: 10px
}

.multiEntertainment-head-1 {
    padding: 30px;
    border-bottom: thin solid #fff;
    text-align: center;
    font-size: 31px
}

.multiEntertainment-head-2 {
    text-align: center;
    padding: 20px;
    font-size: 18px
}

.entertainment-box-header {
    padding: 20px;
    background-color: #000;
    border: 3px solid #b07a29;
    border-bottom: unset
}

.entertainment-box-content {
    background-color: #000;
    border: 3px solid #b07a29;
    border-top: unset
}

.entertainment-content {
    margin: auto
}

.entertainment-box-header-button {
    border: 2px solid #b07a29;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    font-size: 15px;
    background: #12130e
}

.entertainment-footer {
    padding: 40px;
    font-size: 13px
}

.entertainment-main, .marketInformation-main {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.marketInformation-head {
    padding: 50px 15px 15px;
    border-bottom: 2px solid #bb822b;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px
}

.marketInformation-btn-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 25px
}

.marketInformation-btn {
    padding: 10px;
    border: 1px solid #bb822b;
    text-align: center;
    font-size: 13px;
    background: #000;
    cursor: pointer
}

.marketInformation-info-container {
    margin-top: 10px;
    border: 2px solid #bb822b;
    height: 329px;
    padding: unset;
    background: #000;
    margin-bottom: 200px
}

.marketInformation-info-des {
    font-size: 13px;
    padding-top: 30px
}

.marketInformation-info-img {
    height: 218px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.background333 {
    background: #333!important
}

@media (min-width:576px) {
    .entertainment-box-header-en, .entertainment-box-header-th, .entertainment-box-header-vi, .entertainment-box-header-zh-cn {
        min-height: 120px
    }
}

@media (min-width:768px) {
    .entertainment-content {
        width: 750px
    }
}

@media (min-width:992px) {
    .entertainment-content {
        width: 970px
    }
    .entertainment-box-header-zh-cn {
        min-height: 172px
    }
    .entertainment-box-header-en {
        min-height: 150px
    }
    .entertainment-box-header-th {
        min-height: 242px
    }
    .entertainment-box-header-vi {
        min-height: 331px
    }
}

@media (min-width:1200px) {
    .entertainment-content {
        width: 1170px
    }
    .entertainment-box-header-zh-cn {
        min-height: 120px
    }
    .entertainment-box-header-en {
        min-height: 150px
    }
    .entertainment-box-header-th {
        min-height: 190px
    }
    .entertainment-box-header-vi {
        min-height: 243px
    }
}

.list-initial>li {
    list-style-type: disc
}

.list-inherit>li {
    list-style-type: inherit
}

.aboutus-bg {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.aboutus-content {
    text-align: center;
    padding: 2% 4% 6%;
    line-height: 24px
}

@media only screen and (max-width:991px) {
    .aboutus-bg {
        background-image: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/87509333ad74e1dafd0d8ebdb0b627a3.png)
    }
}

@media only screen and (min-width:992px) {
    .aboutus-bg {
        background-image: url(https://cc.yfsj68.com//prod/sa.game/dist/20210728032415/4b969021cb66fafe9f11daedc43e2ead.png)
    }
}

.content-title {
    font-size: 42px;
    display: block;
    color: #bf995d;
    font-weight: 400;
    text-align: center
}

.dark-table {
    width: 100%
}

.message-table table, .message-table td, .message-table th {
    border: 1px solid;
    border-collapse: collapse;
    padding: 5px 10px;
    text-align: left!important
}

.message-table table {
    width: 100%
}

@media only screen and (min-width:768px) {
    .message-table {
        padding: 0 20px
    }
}

.message-table thead {
    line-height: 20px;
    font-size: 16px
}

.message-table td {
    height: 42px;
    cursor: pointer
}

.message-table input[type=checkbox] {
    visibility: visible;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.message-table-footer {
    margin: 20px 19px 0
}

.message-table .remo-submit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px
}

.message-table-center {
    text-align: center!important
}

.message-table-crop {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px
}

.pagination {
    display: inline-block
}

.pagination a {
    float: left;
    padding: 5px;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.pagination a.active {
    border: 1px solid #337ab7;
    border-radius: 20%;
    color: #fff;
    background-image: -o-linear-gradient(346deg, #337ab7 0, #337ab7 100%);
    background-image: linear-gradient(104deg, #337ab7, #337ab7)
}

.pagination a:hover:not(.active) {
    background-image: -o-linear-gradient(346deg, #337ab7 0, #337ab7 100%);
    background-image: linear-gradient(104deg, #337ab7, #337ab7);
    color: #fff;
    border-bottom: 1px solid #337ab7;
    border-top: 1px solid #337ab7;
    border-radius: 20%
}

.align-right {
    text-align: right
}

.reset-cursor {
    cursor: default!important
}

.games-container {
    background-color: #12130e;
    border: solid #2c2c2c;
    z-index: 2;
    margin-bottom: 20px
}

.games-title {
    background-repeat: no-repeat
}

.title-bottom-border {
    border-bottom: 1px solid grey
}

.link-box {
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #bf9a5d;
    border-radius: 5px;
    letter-spacing: .5px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.padding-left-0 {
    padding-left: 0
}

.padding-left-5 {
    padding-left: 5px
}

.padding-right-0 {
    padding-right: 0
}

.padding-right-5 {
    padding-right: 5px
}

.padding-top-10 {
    padding-top: 10px
}

.text-align-left {
    text-align: left
}

.friendUnion-table table, .friendUnion-table td, .friendUnion-table th {
    text-align: center!important
}

.content-description {
    padding-left: 29px;
    font-size: 17px;
    padding-bottom: 10px;
    border-bottom: 1px solid grey
}

.cursor-pointer {
    cursor: pointer
}

.font-size-17 {
    font-size: 17px
}

.grid-2-button {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 5px;
    padding-right: 5px
}

.fr-like-icon {
    width: 20px;
    margin-left: 5px
}

.min-width-70 {
    min-width: 70px
}

.btn-white-default {
    color: #fff
}

.btn-grey-default, .btn-white-default {
    padding: 10px 20px;
    height: 100%;
    min-height: 42px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%
}

.btn-grey-default {
    background: #a9a9a9;
    border-color: #a9a9a9;
    color: #000
}

.break-word {
    overflow-wrap: break-word
}

.table-responsive {
    border: 0
}

#all-balance {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

iframe {
    margin: auto;
    display: block;
    border: 0
}

.mobile-footer-menu {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
    background-color: #1b1b1b;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 8px 5px
}

.mobile-footer-menu ul {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr))
}

.mobile-footer-menu ul li {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row: 1/auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    font-size: 12px;
    word-break: break-all
}

.mobile-footer-menu ul li * {
    text-transform: uppercase
}

.mobile-footer-menu ul li a {
    display: grid;
    text-decoration: none;
    text-align: center
}

.mobile-footer-menu ul li img {
    height: 26px
}

.mobile-footer-menu-image {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px
}

.mobileFooter {
    margin: 15px 0 85px
}

.mobile-footer-menu ul li.active .mobile-footer-menu-image {
    animation: bounceInDown .8s ease-in;
    -webkit-animation: bounceInDown .8s ease-in;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    25% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    25% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.mobile-footer-menu ul li.active .mobile-footer-menu-text {
    -webkit-animation: bounceInUp .8s ease-in;
    animation: bounceInUp .8s ease-in;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    25% {
        opacity: 1;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    25% {
        opacity: 1;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.mobile-footer-menu-text-zh-cn {
    font-size: 12px
}

.mobile-footer-menu-text-en {
    font-size: 12px;
    -webkit-transform: scale(.73);
    -ms-transform: scale(.73);
    transform: scale(.73);
    white-space: nowrap
}

.mobile-footer-menu-text-th {
    font-size: 12px
}

.mobile-footer-menu-text-vi {
    font-size: 12px;
    -webkit-transform: scale(.83);
    -ms-transform: scale(.83);
    transform: scale(.83);
    white-space: nowrap
}

.disable-scroll {
    position: fixed
}

.btn {
    white-space: normal
}

.manualDipositDetail {
    border: thin solid #bf9a5d;
    line-height: 32px;
    padding: 8px
}

.manualDipositCopyBtn {
    background: #bf9a5d;
    line-height: 24px;
    cursor: pointer;
    padding: 4px 15px;
    border-radius: 5px;
    float: right
}

.textCenter {
    text-align: center!important
}

.manualDepositHints {
    padding: 5px 0;
    text-align: center;
    color: #bf9a5d
}

.manualDepositTable {
    border: thin solid #bf9a5d;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.manualDepositTable-item-header {
    background-color: #bf9a5d
}

.manualDepositTable-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-break: break-all
}

.manualDepositTable-item, .manualDepositTable-item-copy {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.manualDepositTable-item-copy {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.manualDepositTable-item-border-bottom {
    border-bottom: thin solid #bf9a5d
}

.manualDeposit-img-inner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:992px) {
    .manualDipositContent {
        padding: 30px
    }
}

.progressBar-line {
    width: 33%;
    height: 0;
    border-top: 1px solid #c4c4c4;
    margin: 8px 0;
    display: inline-block
}

.progressBar-icon {
    display: inline-block;
    font-size: 26px;
    color: #bf9a5d
}

.banner-join-now {
    position: absolute;
    right: 14vw;
    top: 1vw;
    width: 16vw;
    line-height: 1.2
}

.join-now button {
    font-size: 1.3vw!important
}

@media only screen and (max-width:991px) {
    .banner-join-now {
        position: absolute;
        right: 0;
        width: 90%;
        margin: 5%;
        padding: 3.75vw 4.75vw;
        border-radius: 10px;
        background: rgba(0, 0, 0, .7)
    }
    .bottom {
        bottom: 1vw!important;
        top: unset!important
    }
    .top-text {
        font-size: 10vw!important
    }
    .mid-percent {
        font-size: 15vw!important
    }
    .bottom-text {
        font-size: 10vw!important
    }
    .join-now button {
        font-size: 7vw!important
    }
    .sa-btn-hover {
        letter-spacing: 2px;
        font-weight: 700;
        padding: 5px 0!important
    }
}

.goToLobby-btn {
    color: #fff;
    text-align: center;
    background-color: #c7a867;
    width: 228px;
    padding: 6px 0;
    font-size: 20px;
    margin: auto;
    border-radius: 3px;
    position: relative;
    font-weight: 700
}

@media only screen and (max-width:320px) {
    .fishGameClass .last-man-countdown {
        min-width: 284px!important
    }
}

.sponsors picture {
    margin-right: .55em
}

.mobile-header-balance {
    top: 12px;
    position: fixed;
    right: 8px;
    z-index: 3;
    height: 20px;
    font-size: 12px
}

.balance-text {
    color: #c4c4c4
}

.padding-right-three {
    padding-right: 3px!important
}

.depositMinAmountTips {
    text-align: center;
    padding: unset
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden
}

.modal {
    background-color: rgba(0, 0, 0, .65)!important
}

table {
    margin-bottom: 0!important
}

.promotionClass .content-body {
    padding: 0!important
}

.promotionClass .main-container {
    width: 60%;
    padding: 0 15px
}

.promotionClass .promotions__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 55px
}

.promotionClass .promotions__step.is-first, .promotionClass .promotions__step.is-fouth, .promotionClass .promotions__step.is-second, .promotionClass .promotions__step.is-third {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.promotionClass .promotions__step {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
    border-bottom: 1px solid #4b4848;
    padding-bottom: 40px;
    margin-bottom: 60px;
    position: relative
}

.promotionClass .promotions-badge {
    position: relative
}

.promotionClass .is-first .promotions-badge__percentage {
    color: #43aea5
}

.promotionClass .promotions-badge__percentage {
    font-size: 30px
}

.promotionClass .promotions-badge .promo-widget__summ-inner {
    color: #fff;
    font-size: 100px;
    font-weight: 900;
    line-height: .8;
    margin-bottom: 5px;
    letter-spacing: -2px;
    display: inline-block
}

.promotionClass .promotions-badge__spins {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase
}

.promotionClass .promotions__step img:not(.promotions__step-carousel-image) {
    width: 100%;
    padding: 0
}

.promotionClass .promotions__step.is-first .promotions__step-content, .promotionClass .promotions__step.is-fouth .promotions__step-content, .promotionClass .promotions__step.is-second .promotions__step-content, .promotionClass .promotions__step.is-third .promotions__step-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.promotionClass .is-first .promotions__step-title {
    color: #bf9a5d
}

.promotionClass .promotions__step-title {
    display: block;
    text-transform: uppercase;
    font-size: 38px;
    margin: .75em 0 .6em;
    color: #fff;
    font-weight: 300
}

.promotionClass .promotions__step p {
    font-size: 20px;
    color: #b8b8b8;
    line-height: 1.4;
    margin: 0
}

.promotionClass .is-first.promotions__step .button, .promotionClass .is-fouth.promotions__step .button, .promotionClass .is-second.promotions__step .button, .promotionClass .is-third.promotions__step .button {
    color: #bf9a5d;
    border: 3px solid #bf9a5d;
    background-color: rgba(0, 0, 0, 0);
    font-size: 24px;
    padding: 7px 15px;
    min-width: 275px;
    text-transform: uppercase;
    margin-top: auto;
    display: inline-block
}

.promotionClass .button.is-empty {
    color: #fff
}

.promotionClass .promo-widget__cta {
    text-align: center;
    text-decoration: none;
    line-height: normal;
    font-weight: 600
}

.promotionClass .button {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.promotionClass .is-second .promotions-badge__percentage {
    color: #c44949
}

.promotionClass .button.is-empty:hover {
    text-decoration: none
}

.promotionClass .is-fouth .promotions__step-title, .promotionClass .is-second .promotions__step-title, .promotionClass .is-third .promotions__step-title {
    color: #bf9a5d
}

.promotionClass .promotions__step.is-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 50px 0;
    margin-bottom: 50px;
    border-top: 1px solid #4b4848
}

.promotionClass .promotions__step picture {
    display: block;
    width: 100%
}

.promotionClass .promotions__step.is-full>picture>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    border-bottom: none
}

.promotionClass .promotions__step-content.is-above-image {
    width: 43%;
    position: relative
}

.promotionClass .promotions__step-content.is-long-content {
    width: 60%
}

.promotionClass .is-full.promotions__step .promotions__step-title {
    margin: 0 0 25px
}

.promotionClass .is-above-image .promotions__step-title {
    margin-top: 0
}

.promotionClass .is-full.promotions__step p {
    margin-bottom: 16px
}

.promotionClass .promotions__step p:last-of-type {
    margin: 0 0 30px
}

.promotionClass .is-full.promotions__step .button {
    margin-top: 12px
}

.promotionClass a.button.is-red, .promotionClass a.button.is-red:hover {
    text-decoration: none
}

.promotionClass .promotions__step .button {
    font-size: 24px;
    padding: 7px 15px;
    min-width: 275px;
    text-transform: uppercase;
    margin-top: auto;
    display: inline-block
}

.promotionClass .button.is-red {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #c44949;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.promotionClass .promotions__step.is-full .promotions__countdown {
    margin-bottom: 0;
    color: #a0a0a0
}

.promotionClass .promotions__countdown {
    display: block;
    font-size: 18px;
    margin-bottom: 20px
}

.promotionClass .promotions__step.is-full .promotions__countdown .countdown-timer__value {
    font-weight: 600;
    color: #a0a0a0
}

.promotionClass .footer-banner {
    background-color: #000
}

.promotionClass .content-drp {
    float: unset;
    margin-top: 0
}

.promotionClass .list-drp {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

@media (max-width:768px) {
    .promotionClass .main-container {
        max-width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:768px) {
    .promotionClass .main-container {
        width: 95%
    }
    .promotionClass .promotions__step:not(.is-full) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .promotionClass .promotions__step {
        margin-bottom: 40px
    }
    .promotionClass .promotions__step.is-full>picture>img {
        left: -100%;
        width: 200%;
        max-width: 200%;
        position: relative;
        -o-object-position: 50% 50%;
        object-position: 50% 50%
    }
    .promotionClass .promotions__step.is-full {
        padding-top: 0;
        overflow: hidden;
        border-top: none
    }
    .promotionClass .promotions__step-content.is-above-image {
        width: 100%;
        padding-top: 25px
    }
    .promotionClass .promotions__step-title {
        font-size: 25px
    }
    .promotionClass .promotions__step p {
        font-size: 15px;
        color: #e2e2e2
    }
    .promotionClass .promotions__steps {
        padding-top: 40px
    }
    .promotionClass .content-drp {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .promotionClass .is-first.promotions__step .button, .promotionClass .is-fouth.promotions__step .button, .promotionClass .is-second.promotions__step .button, .promotionClass .is-third.promotions__step .button {
        width: 100%
    }
    .promotionClass .promotions__step:not(.is-full) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex: 0 1 47%;
        flex: 0 1 47%
    }
}

@media only screen and (max-width:478px) {
    .promotionClass .promotions-badge .promo-widget__summ-inner {
        font-size: 50px
    }
    .promotionClass .promotions-badge__spins {
        font-size: 20px
    }
    .promotionClass .promotions__step .button {
        min-width: 100%;
        width: 100%
    }
}

.banner-text-container {
    float: right
}

.chess {
    background: #000;
    margin-bottom: 8%;
    position: relative
}

.mc_s {
    height: 5px;
    left: 42%;
    text-align: center;
    top: 48%;
    width: 16%
}

.mc_s, .mc_s2 {
    position: absolute
}

.mc_s2 {
    top: 56%!important
}

.mc_s .games-i {
    padding: 8% 0;
    text-align: center
}

.mc_s .games-i img {
    display: inline-block;
    vertical-align: middle;
    width: 47%
}

.img-pst {
    position: absolute;
    top: 0
}

.img-left {
    left: 20%;
    top: 5%
}

.img-left, .img-right {
    position: absolute;
    width: 7%
}

.img-right {
    right: 20%;
    top: 50%
}

.animati {
    -webkit-animation: animati 1.5s ease;
    animation: animati 1.5s ease
}

.animati_ia {
    -webkit-animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animati_ia 1s ease;
    animation: animati_ia 1s ease;
    animation-delay: .3s;
    animation-fill-mode: both
}

.animati_ib {
    -webkit-animation-delay: .7s;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animati_ib 1.2s ease;
    animation: animati_ib 1.2s ease;
    animation-delay: .7s;
    animation-fill-mode: both
}

.animati_ic {
    -webkit-animation-delay: 1.2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animati_ic 1.5s ease;
    animation: animati_ic 1.5s ease;
    animation-delay: 1.2s;
    animation-fill-mode: both
}

.animati_id {
    -webkit-animation-delay: 2.2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animati_id 1.2s ease;
    animation: animati_id 1.2s ease;
    animation-delay: 2.2s;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animati_ie {
    -webkit-animation-delay: 2.2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animati_ie 1.2s ease;
    animation: animati_ie 1.2s ease;
    animation-delay: 2.2s;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animati_if {
    -webkit-animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animati_if 1s ease;
    animation: animati_if 1s ease;
    animation-delay: 1.5s;
    animation-fill-mode: both
}

.animati_ih {
    -webkit-animation: animati_ih .7s ease;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: both;
    animation: animati_ih .7s ease;
    animation-delay: 2s;
    animation-fill-mode: both
}

@media only screen and (max-height:737px) {
    .animati_ic {
        top: 20%!important
    }
}

@media only screen and (max-width:960px) {
    .banner-text-container {
        float: unset
    }
    .animati_ih {
        left: -30%
    }
}

@media only screen and (max-width:660px) {
    .animati_ih {
        left: -100%
    }
}

@keyframes animati {
    0% {
        opacity: 0
    }
    to {
        left: 0;
        top: 0;
        width: 100%;
        opacity: 1
    }
}

@-webkit-keyframes animati {
    0% {
        opacity: 0
    }
    to {
        left: 0;
        top: 0;
        width: 100%;
        opacity: 1
    }
}

@keyframes animati_ia {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 50%;
        top: 10%;
        width: 0;
        opacity: 0
    }
    25% {
        opacity: .1
    }
    50% {
        opacity: .6
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0;
        top: 0;
        width: 100%;
        opacity: 1
    }
}

@-webkit-keyframes animati_ia {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 50%;
        top: 10%;
        width: 0;
        opacity: 0
    }
    25% {
        opacity: .1
    }
    50% {
        opacity: .6
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0;
        top: 0;
        width: 100%;
        opacity: 1
    }
}

@keyframes animati_ib {
    0% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
        left: 33%;
        top: 15%;
        width: 10%;
        opacity: 0
    }
    50% {
        opacity: .3
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0;
        top: 0;
        width: 100%;
        opacity: 1;
        visibility: visible!important;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@-webkit-keyframes animati_ib {
    0% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
        left: 33%;
        top: 15%;
        width: 10%;
        opacity: 0
    }
    50% {
        opacity: .3
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0;
        top: 0;
        width: 100%;
        opacity: 1;
        visibility: visible!important;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@keyframes animati_ic {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 0;
        right: 15%;
        top: 1%;
        width: 10%
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        right: 15%;
        top: 1%;
        width: 10%;
        opacity: .3
    }
}

@-webkit-keyframes animati_ic {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 0;
        right: 15%;
        top: 1%;
        width: 10%
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        right: 15%;
        top: 1%;
        width: 10%;
        opacity: .3
    }
}

@keyframes animati_id {
    0% {
        opacity: .4;
        width: 6%;
        right: 12%;
        top: 50%
    }
    50% {
        right: 13%;
        top: 50%;
        width: 6.5%;
        opacity: 1
    }
    to {
        right: 12%;
        top: 50%;
        width: 6%;
        opacity: .4;
        visibility: visible
    }
}

@-webkit-keyframes animati_id {
    0% {
        opacity: .4;
        width: 6%;
        right: 12%;
        top: 50%
    }
    50% {
        right: 13%;
        top: 50%;
        width: 6.5%;
        opacity: 1
    }
    to {
        right: 12%;
        top: 50%;
        width: 6%;
        opacity: .4;
        visibility: visible
    }
}

@keyframes animati_ie {
    0% {
        opacity: .5;
        width: 5%;
        left: 14%;
        top: 9%
    }
    50% {
        left: 15%;
        top: 10%;
        width: 6%;
        opacity: 1
    }
    to {
        left: 14%;
        top: 9%;
        width: 5%;
        opacity: .5;
        visibility: visible
    }
}

@-webkit-keyframes animati_ie {
    0% {
        opacity: .5;
        width: 5%;
        left: 14%;
        top: 9%
    }
    50% {
        left: 15%;
        top: 10%;
        width: 6%;
        opacity: 1
    }
    to {
        left: 14%;
        top: 9%;
        width: 5%;
        opacity: .5;
        visibility: visible
    }
}

@keyframes animati_if {
    0% {
        opacity: 0;
        left: -50%;
        width: 200%;
        position: absolute;
        top: 0
    }
    to {
        width: 100%;
        left: 0;
        top: 0;
        opacity: 1;
        position: absolute
    }
}

@-webkit-keyframes animati_if {
    0% {
        opacity: 0;
        left: -50%;
        width: 200%;
        position: absolute;
        top: 0
    }
    to {
        width: 100%;
        left: 0;
        top: 0;
        opacity: 1;
        position: absolute
    }
}

@keyframes animati_ih {
    0% {
        opacity: 0;
        top: 800%;
        position: absolute
    }
    60% {
        opacity: .4
    }
    to {
        top: 60%;
        opacity: 1;
        position: absolute
    }
}

@-webkit-keyframes animati_ih {
    0% {
        opacity: 0;
        top: 800%;
        position: absolute
    }
    60% {
        opacity: .4
    }
    to {
        top: 60%;
        opacity: 1;
        position: absolute
    }
}

.liveGame .content-body.bg-page {
    background: #0a0a0a!important
}

.liveGame .content-body.bg-page, .liveGame .unique {
    background-color: #1a1a1a!important
}

.liveGame .LiveGameGrid {
    color: #fff;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6px 1fr 6px 1fr 6px 1fr 6px 1fr 6px 1fr;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 1%;
    margin-bottom: 20px;
    grid-gap: 6px 6px
}

.liveGame .lGame:hover {
    border: 1px solid #bf9a5d
}

.liveGame .lGame {
    overflow: hidden;
    border: 1px solid #252525;
    -webkit-transition: border .5s;
    -o-transition: border .5s;
    transition: border .5s;
    width: 100%
}

.liveGame .lGame img {
    -webkit-transition: opacity .5s, -webkit-transform .5s ease;
    transition: opacity .5s, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .5s;
    transition: transform .5s ease, opacity .5s;
    transition: transform .5s ease, opacity .5s, -webkit-transform .5s ease;
    height: auto;
    width: 100%
}

.liveGame .lGame:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .4
}

.liveGame .lGame .text-info1, .liveGame .text-info2 {
    display: none
}

.liveGame .lGame:hover .text-info1 {
    font-weight: 700;
    display: block;
    position: absolute;
    left: 37%;
    bottom: 65%;
    overflow: hidden;
    width: auto;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.liveGame .lGame:hover .text-info2 {
    font-weight: 700;
    display: block;
    position: absolute;
    left: 37%;
    bottom: 58%;
    overflow: hidden;
    width: auto;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.liveGame .lGame .info-play {
    display: none;
    position: absolute;
    left: 50px
}

.liveGame .lGame:hover .info-play {
    font-weight: 700;
    display: block;
    position: absolute;
    right: 20%;
    bottom: 16%;
    overflow: hidden;
    padding: 6px 8px;
    margin: 0 5px;
    cursor: pointer;
    width: auto;
    text-align: center;
    background: #bf9a5d;
    border: 1px solid #bda886;
    color: #fff;
    border-radius: 15px
}

@media only screen and (max-width:768px) {
    .liveGame .main-container {
        margin: auto;
        min-width: 100%!important
    }
    .liveGame .LiveGameGrid {
        -ms-grid-columns: 1fr 10px 1fr;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 10px 10px;
        grid-template-columns: repeat(2, 1fr);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 3%;
        width: 95%
    }
    .liveGame .lGame {
        margin: 5px;
        overflow: hidden;
        width: 47%
    }
    .liveGame .lGame img {
        height: auto;
        width: 100%
    }
    .liveGame .lGame:hover .info-play {
        background: #bf9a5d;
        border: 1px solid #bda886;
        border-radius: 15px;
        bottom: 18%;
        cursor: pointer;
        display: block;
        font-weight: 700;
        left: 25%;
        margin: 0 5px;
        overflow: hidden;
        padding: 4px 6px;
        position: absolute;
        text-align: center;
        width: 100px
    }
    .liveGame .lGame:hover .info-demo {
        background: #bf9a5d;
        border-radius: 15px;
        bottom: 5%;
        color: #fff;
        cursor: pointer;
        display: block;
        font-weight: 700;
        left: 40%;
        margin: 0 3px;
        overflow: hidden;
        padding: 5px;
        position: absolute;
        text-align: center;
        width: 50px
    }
    .liveGame .lGame:hover .info-demo:hover {
        background: #3c7067
    }
    .liveGame .lGame:hover .text-info1 {
        bottom: 65%;
        color: #fff;
        display: block;
        font-weight: 700;
        left: 35%;
        overflow: hidden;
        position: absolute;
        text-align: center;
        width: auto
    }
    .liveGame .lGame:hover .text-info2 {
        bottom: 58%;
        color: #fff;
        display: block;
        font-weight: 700;
        left: 35%;
        overflow: hidden;
        position: absolute;
        text-align: center;
        width: auto
    }
    .liveGame .lGame .info-demo, .liveGame .lGame .info-play {
        display: none
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .liveGame .lGame:hover .info-play {
        bottom: 17%;
        left: 30%;
        width: 80px
    }
}

.fishGameClass .last-man__head {
    margin-top: 20px;
    position: relative
}

.fishGameClass .last-man-countdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 30px;
    position: relative;
    text-align: center
}

.fishGameClass .is-in-mobile .last-man-countdown {
    border-radius: 10px;
    padding: 10px 15px 5px
}

.fishGameClass .banners-slider .last-man-countdown {
    padding-top: 20px
}

.fishGameClass .last-man-countdown .countdown-timer__label {
    display: none
}

.fishGameClass .last-man-countdown .countdown-timer__value {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 70px;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1
}

.fishGameClass .last-man-countdown .countdown-timer__value span {
    padding: 0 5px
}

.fishGameClass .last-man-countdown .countdown-timer__value span:last-of-type {
    padding-right: 0
}

.fishGameClass .last-man-countdown .countdown-timer__value span:first-of-type {
    padding-left: 0
}

.fishGameClass .last-man-countdown .countdown-timer__value i {
    display: block;
    font-size: 16px;
    font-style: normal;
    text-align: center
}

.fishGameClass .is-in-mobile .last-man-countdown .countdown-timer__value i {
    font-size: 13px
}

.fishGameClass .is-in-mobile .last-man-countdown .countdown-timer__value {
    font-size: 40px
}

.fishGameClass .last-man-steps {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fishGameClass .last-man-step img {
    height: auto
}

.fishGameClass .last-man-step__desription {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.fishGameClass .goToLobby-btn {
    background: #c7a867;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: auto;
    padding: 6px 0;
    position: relative;
    text-align: center;
    width: 228px
}

.fishGameClass .fishgame-second-row-container {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: auto auto auto
}

.fishGameClass .fishgame-container {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 20px 0
}

@media only screen and (max-width:478px) {
    .fishGameClass .last-man__head {
        text-align: center
    }
    .fishGameClass .banners-slider .last-man-countdown {
        padding-top: 10px!important
    }
    .fishGameClass .last-man-countdown {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 3vh;
        min-width: 346px
    }
    .fishGameClass .last-man-countdown .countdown-timer__value {
        font-size: 60px
    }
    .fishGameClass .last-man-step__desription {
        font-size: 19px
    }
}

@media only screen and (max-width:1024px) {
    .fishGameClass .last-man-steps {
        display: block
    }
    .fishGameClass .last-man-step {
        border-top: none;
        max-width: 100%;
        width: 100%
    }
    .fishGameClass .last-man-step:first-of-type {
        border-top: 1px solid #fff
    }
}

@media only screen and (max-width:1024px) {
    .fishGameClass .fishgame-second-row-container {
        grid-template-columns: auto;
        row-gap: 0
    }
    .fishGameClass .fishgame-container {
        border-top: none
    }
    .fishGameClass .right-img-container {
        height: 24vh;
        position: relative
    }
    .fishGameClass .right-img-container img {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: auto
    }
}

@media only screen and (max-width:500px) {
    .fishGameClass .right-img-container {
        height: 14vh;
        position: relative
    }
}

@media only screen and (max-width:375px) {
    .fishGameClass .right-img-container {
        height: 12vh;
        position: relative
    }
}

.onlineTransfer .dot {
    background: grey;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    text-align: center;
    width: 20px
}

.onlineTransfer .select-box {
    border-radius: 5px;
    border: thin solid grey;
    color: grey;
    cursor: pointer;
    float: left;
    margin-bottom: 20px;
    padding: 6px 0;
    text-align: center;
    width: 49%
}

.onlineTransfer .section-container {
    clear: both;
    padding-bottom: 10px
}

.onlineTransfer .section-bottom {
    margin-left: 40px;
    padding: 10px 0
}

.onlineTransfer .depositLimit {
    background: #bf9a5d;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 5px 50px;
    white-space: pre-wrap
}

.onlineTransfer .margin-right-2pen {
    margin-right: 2%
}

@media only screen and (max-width:768px) {
    .onlineTransfer .section-bottom {
        margin-left: unset;
        padding: 10px 0
    }
    .onlineTransfer .dot {
        display: none
    }
    .onlineTransfer .select-box {
        display: block;
        margin-bottom: 20px;
        margin-left: unset;
        margin-right: unset;
        width: 100%
    }
    .onlineTransfer .depositLimit {
        padding: 5px 25px
    }
}

.nextStepBtn {
    background: #a9a9a9;
    color: #000
}

.backStepBtn, .nextStepBtn {
    margin-top: 25px;
    padding: 10px;
    width: 45%
}

.backStepBtn {
    color: #fff;
    float: right;
    text-align: center
}

.depositMinAmountTips {
    background: #bf9a5d;
    border-radius: 5px;
    font-size: 16px;
    line-height: 44px
}

.desktopPopupInfo {
    display: block
}

.mobilePopupInfo {
    display: none
}

.sumbitBtn {
    width: 38%
}

@media only screen and (max-width:768px) {
    .nextStepBtn {
        background: #a9a9a9!important;
        color: #000!important;
        padding: 10px;
        width: 100%
    }
    .backStepBtn {
        color: #fff;
        margin-top: 0;
        padding: 10px;
        width: 100%
    }
    .depositMinAmountTips {
        background: #bf9a5d;
        border-radius: 0;
        font-size: 12px
    }
    .desktopPopupInfo {
        display: none
    }
    .mobilePopupInfo {
        display: block
    }
    .mobilePopupInfoInput {
        background: inherit;
        border: none;
        color: #fff
    }
    .mobilePopupInfoContainer {
        border-bottom: 1px solid grey
    }
    .sumbitBtn {
        border-radius: 0;
        width: 80%
    }
}

.lazyload-wrapper {
    display: initial
}

@media only screen and (max-width:768px) {
    .liveGame .lGame {
        width: 44%
    }
}

@media only screen and (max-width:991px) {
    .liveGame .LiveGameGrid {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        width: 95%;
        grid-gap: 10px 10px;
        margin-left: 3%
    }
}

.home-banner-text-container {
    position: absolute;
    top: 0;
    left: calc(100% - 350px);
    right: 0;
    bottom: 0;
    padding: 20px 2vh 20px 0;
    text-align: right
}

.home-banner-text-container-outer {
    display: table;
    height: 100%;
    width: 100%
}

.home-banner-text-container-inner {
    display: table-cell;
    vertical-align: middle
}

.home-banner-text {
    color: #fff;
    text-shadow: 2px 2px 7px #000, -2px -2px 7px #000;
    z-index: 9999;
    font-size: calc(15px + .5vh + .5vw);
    font-weight: 700
}

.home-banner-text.home-banner-header {
    color: #ffe000
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -400px 0
    }
    to {
        background-position: 400px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -400px 0
    }
    to {
        background-position: 400px 0
    }
}

.animate-bg {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #0f0f0f;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #0f0f0f), color-stop(33%, #1c1c1c), color-stop(58%, #0f0f0f));
    background: -o-linear-gradient(left, #0f0f0f 8%, #1c1c1c 33%, #0f0f0f 58%);
    background: linear-gradient(90deg, #0f0f0f 8%, #1c1c1c 33%, #0f0f0f 58%);
    background-size: 800px 104px;
    min-height: 12px;
    display: block;
    clear: both
}

#promotionModal .popupContent {
    padding: 25px;
    height: 95%
}

#promotionModal .popupClass {
    padding: 25px;
    overflow: auto
}

#promotionModal .modal-content {
    background-color: #1a1a1a
}

#promotionModal .popupTitle {
    text-align: center;
    color: #bf9a5d;
    padding-bottom: 10px;
    border-bottom: 1px solid #494847;
    margin-top: unset;
    overflow-wrap: break-word
}

#promotionModal .popupClose {
    float: right;
    font-size: 30px;
    color: grey;
    cursor: pointer
}

@media only screen and (min-width:1024px) {
    #promotionModal .popupClass {
        min-width: 1000px
    }
    #promotionModal .popupTitle {
        font-size: 38px
    }
    #promotionModal .modal-dialog {
        width: 1000px
    }
}

@media only screen and (min-width:768px) {
    #promotionModal .modal-dialog {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #promotionModal .modal-content {
        height: 95%
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    #promotionModal .popupClass {
        min-width: 1000px;
        width: 1000px
    }
}

@media only screen and (max-width:1024px) {
    #promotionModal .popupTitle {
        font-size: 25px
    }
    #promotionModal .popupClose {
        font-size: 20px
    }
}

@media only screen and (max-height:968px) {
    #promotionModal .popupContent {
        min-height: 691px
    }
}

#promotionModal .popupClass {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#promotionModal .popupClass::-webkit-scrollbar {
    display: none
}

#clubsbody {
    min-height: 600px
}

@media only screen and (min-width:768px) {
    #clubsbody {
        min-height: 600px
    }
}

.game-hover-text-1 {
    top: 30%
}

.game-hover-text-1, .game-hover-text-2 {
    position: absolute;
    width: 100%;
    text-align: center;
    right: 0;
    display: none;
    font-size: 12px
}

.game-hover-text-2 {
    top: 40%
}

.game-hover-button {
    background: #bf9a5d;
    bottom: 24%
}

.game-hover-button, .game-hover-button-free-game {
    text-align: center;
    border: 1px solid #bda886;
    border-radius: 15px;
    position: absolute;
    margin: 0 12px;
    left: 0;
    right: 0;
    display: none;
    white-space: nowrap;
    padding: 2px 10px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 120px;
    font-size: 12px
}

.game-hover-button-free-game {
    color: #bda886;
    bottom: 46%
}

.liveGame .lGame:hover .game-hover-button, .liveGame .lGame:hover .game-hover-text-1, .liveGame .lGame:hover .game-hover-text-2, .mobile-home-content-game:hover .game-hover-button, .mobile-home-content-game:hover .game-hover-button-free-game, .mobile-home-content-game:hover .game-hover-text-1, .mobile-home-content-game:hover .game-hover-text-2 {
    display: block
}

.animate-lazy-load {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #0f0f0f
}

.home-content-container {
    margin: 10px
}

.home-balance-container {
    border: 1px solid #282828;
    border-radius: 8px
}

.home-balance-content {
    margin: 8px 15px;
    color: #666;
    font-weight: 700;
    font-size: 12px
}

.home-balance-eye {
    margin: 0 4px 2px 0
}

.color-skin {
    color: #be955a
}

.nav-bar-icon {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.66%, 1fr));
    background-color: #1c1c1c;
    margin: 10px 0;
    padding: 12px 4px;
    border-radius: 8px
}

.nav-bar-icon-picture {
    margin: auto
}

.mobile-home-content {
    border: 1px solid #282828;
    border-radius: 8px;
    padding-bottom: 12px
}

.mobile-home-content-title {
    text-align: center;
    font-size: 2vh;
    font-weight: 700;
    padding: 2vh 0
}

.mobile-home-content-game-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 10px;
    gap: 1px;
    row-gap: 13px
}

.mobile-home-content-game {
    margin: auto;
    position: relative
}

.mobile-home-content-game:hover img {
    opacity: .4;
    cursor: pointer;
    border: 1px solid #bf9a5d
}

@media only screen and (max-width:700px) {
    .game-hover-text-1 {
        top: 10%;
        white-space: nowrap
    }
    .game-hover-text-2 {
        top: 22%;
        white-space: nowrap
    }
    .game-hover-button, .game-hover-button-free-game {
        width: auto;
        min-width: unset
    }
}

.font-size-12 {
    font-size: 12px
}

.home-page-register-login-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 2vh
}

.home-page-register-btn {
    background-color: #bf9a5d;
    color: #fff
}

.home-page-login-btn, .home-page-register-btn {
    border: 2px solid #bf9a5d;
    text-align: center;
    padding: 4px;
    width: 48%;
    border-radius: 5px;
    cursor: pointer
}

.home-page-login-btn {
    color: #bf9a5d
}

.mobile-home-friendRecommend {
    background-repeat: no-repeat!important;
    background-size: 100% 100%!important;
    min-height: 400px;
    text-align: center
}

@media only screen and (min-width:700px) {
    .mobile-home-friendRecommend {
        min-height: 700px
    }
    .mobile-home-content-referalUrl {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.mobile-home-content-btn {
    background-color: #bf9a5d;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    min-width: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.mobile-home-content-box {
    margin: 10px auto 0
}

.mobile-home-content-referalUrl {
    background-color: hsla(0, 0%, 54.9%, .5);
    border-radius: 5px;
    margin: 0 auto;
    max-width: 80vw;
    padding: 5px 10px
}

.seo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.seo-box {
    background-color: #373737;
    min-width: 80px;
    text-align: center;
    border-radius: 7px;
    padding: 5px 15px;
    margin: 3px
}

.nav-bar-icon-animation {
    animation: smallToNormal .2s ease-in 0;
    -webkit-animation: smallToNormal .2s ease-in 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: smallToNormal;
    animation-name: smallToNormal;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

@-webkit-keyframes smallToNormal {
    0% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes smallToNormal {
    0% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.mobile-home-page-banner {
    position: relative
}

.mobile-home-page-banner-text {
    position: absolute;
    top: 0;
    padding-top: 15%;
    padding-left: 18%;
    font-size: 13px;
    max-width: 165px;
    color: #c3bdb3
}

.mobile-home-page-banner-text-box {
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 13px;
    padding-top: 7%;
    padding-left: 10%
}

.text-box-text-1 {
    font-size: 20px
}

@media only screen and (min-width:540px) {
    .mobile-home-page-banner-text {
        font-size: 26px;
        max-width: 360px
    }
    .mobile-home-page-banner-text-box {
        font-size: 26px
    }
    .text-box-text-1 {
        font-size: 40px
    }
}

.fu_title {
    font-size: 20px;
    line-height: 1
}

.mobile-home-content-game-head {
    color: #aa8145;
    text-align: center
}

.slick-arrow {
    display: none!important
}

.remo-form .phoneNumber input {
    height: 38px
}

.general-btn {
    background: #bf9a5d;
    border: 1px solid #bf9a5d;
    border-radius: 5px;
    color: #fff;
    height: 38px;
    padding: 8px 5px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    text-shadow: none;
    text-align: center;
    text-decoration: none!important;
    cursor: pointer
}

.general-btn i {
    font-size: 15px;
    font-weight: lighter;
    margin-right: 5px
}

.general-btn:active, .general-btn:focus, .general-btn:hover {
    -webkit-transition: background .3s;
    background: #3c7067!important;
    border-color: #3c7067!important;
    color: #fff!important;
    font-weight: 400;
    -o-transition: background .3s;
    transition: background .3s
}

.general-btn i:hover {
    font-weight: 400
}

@media only screen and (max-width:320px) {
    .remo-form input, .remo-form textarea {
        font-size: 18px
    }
}

.tips-line {
    color: #bf9a5d;
    min-height: 30px;
    margin: 10px 0
}

@media only screen and (min-width:700px) {
    .game-hover-button {
        margin: 0 auto
    }
}

.redirect-link {
    cursor: pointer;
    color: #bf9a5d
}

.icon-input-container {
    border: 1px solid #333;
    display: grid;
    grid-template-columns: 24px 1fr;
    padding: 4px 9px;
    border-radius: 3px
}

.no-border {
    border: none!important
}

.inherit-background {
    background: inherit!important
}

.margin-auto {
    margin: auto
}

.register-progressBar-icon {
    display: inline-block
}

.register-progressBar-line {
    width: 10%;
    border-top: 1px solid #c4c4c4;
    margin: 3px 0;
    display: inline-block
}

.place-holder-center::-webkit-input-placeholder {
    text-align: center
}

.place-holder-center::-moz-placeholder {
    text-align: center
}

.place-holder-center:-ms-input-placeholder {
    text-align: center
}

.place-holder-center::-ms-input-placeholder {
    text-align: center
}

.place-holder-center::placeholder {
    text-align: center
}

.text-color-main {
    color: #bf9a5d
}

.register-button-after-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 59%;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
    margin: 10px auto auto
}

.login-form-tab-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    padding-top: 10px;
    border-bottom: 1px solid #333
}

.login-form-tab {
    padding-bottom: 5px;
    cursor: pointer
}

.login-form-tab-active {
    border-bottom: 1px solid #bf9a5d;
    cursor: pointer
}

.vertical-line {
    min-width: 2px;
    border: 1px solid transparent;
    -o-border-image: -o-radial-gradient(#8a8a8a 10%, rgba(0, 0, 0, 0) 65%);
    border-image: radial-gradient(#8a8a8a 10%, rgba(0, 0, 0, 0) 65%);
    border-image-slice: 1
}

@media only screen and (min-width:700px) {
    .login-form-tab-container {
        grid-template-columns: 1fr 1px 1fr 1px 1fr;
        border-bottom: none
    }
    .login-form-tab-active {
        border-bottom: none
    }
    .register-button-after-success {
        width: 80%
    }
}

.active-border-pc {
    position: relative;
    width: 25%;
    border: 2px solid #bf9a5d;
    border-radius: 70px;
    left: 20px;
    margin-top: 5px;
    background: #bf9a5d
}

.verifyBtn {
    background: -webkit-gradient(linear, left top, right top, from(#3e3d46), to(#50515f));
    background: -o-linear-gradient(left, #3e3d46, #50515f);
    background: linear-gradient(90deg, #3e3d46, #50515f);
    text-align: center;
    padding: 13px 0;
    margin-top: 24px;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.verifyBtn:focus {
    border: 1px solid #bf9a5d;
    color: #bf9a5d!important;
    padding: 12px 0;
    outline: 0
}

.link {
    color: #bf9a5d;
    cursor: pointer
}

.loginForm-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #c4c4c4;
    margin-top: 10px
}

.register-main-image {
    min-height: 42px;
    text-align: center;
    margin: 10px 0 30px
}

.register-login-popup {
    width: 790px;
    height: 494px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important
}

.register-login-form input {
    color: #fff
}

.register-login-form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.register-login-form .icon-input-container:focus-within {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(60, 112, 103, .6);
    border-color: #3c7067;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(60, 112, 103, .6);
    outline: 0
}

#loginModal .modal-content, #registerModal .modal-content {
    background: 0 0
}

.modal-close-btn {
    padding: 18px 11px 0 0;
    float: right;
    font-size: 30px;
    color: grey;
    cursor: pointer
}

.register-form-container {
    padding: 0 10px
}

@media only screen and (max-width:1024px) {
    .register-form-container {
        padding-top: 15px
    }
}



/* ---------------------- */
/* ---------------------- */
/* ---------------------- */