body.swal2-shown {

    overflow-y: hidden

}



body.swal2-iosfix {

    position: fixed;

    left: 0;

    right: 0

}



.swal2-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 10px;

    background-color: transparent;

    z-index: 1060

}



.swal2-container.swal2-fade {

    -webkit-transition: background-color .1s;

    transition: background-color .1s

}



.swal2-container.swal2-shown {

    background-color: rgba(0, 0, 0, .4)

}



.swal2-modal {

    background-color: #fff;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    text-align: center;

    margin: auto;

    overflow-x: hidden;

    overflow-y: auto;

    display: none;

    position: relative;

    max-width: 100%

}



.swal2-modal:focus {

    outline: 0

}



.swal2-modal.swal2-loading {

    overflow-y: hidden

}



.swal2-modal .swal2-title {

    color: #595959;

    font-size: 30px;

    text-align: center;

    font-weight: 600;

    text-transform: none;

    position: relative;

    margin: 0 0 .4em;

    padding: 0;

    display: block;

    word-wrap: break-word

}



.swal2-modal .swal2-buttonswrapper {

    margin-top: 15px

}



.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {

    opacity: .4;

    cursor: no-drop

}



.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 4px solid transparent;

    border-color: transparent;

    width: 40px;

    height: 40px;

    padding: 0;

    margin: 7.5px;

    vertical-align: top;

    background-color: transparent !important;

    color: transparent;

    cursor: default;

    border-radius: 100%;

    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;

    animation: rotate-loading 1.5s linear 0s infinite normal;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {

    margin-left: 30px;

    margin-right: 30px

}



.swal2-modal .swal2-buttonswrapper.swal2-loading:not(.swal2-styled).swal2-confirm::after {

    display: inline-block;

    content: '';

    margin-left: 5px;

    vertical-align: -1px;

    height: 15px;

    width: 15px;

    border: 3px solid #999;

    -webkit-box-shadow: 1px 1px 1px #fff;

    box-shadow: 1px 1px 1px #fff;

    border-right-color: transparent;

    border-radius: 50%;

    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;

    animation: rotate-loading 1.5s linear 0s infinite normal

}



.swal2-modal .swal2-styled {

    border: 0;

    border-radius: 3px;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #fff;

    cursor: pointer;

    font-size: 17px;

    font-weight: 500;

    margin: 15px 5px 0;

    padding: 10px 32px

}



.swal2-modal .swal2-styled:focus {

    outline: 0;

    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4);

    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)

}



.swal2-modal .swal2-image {

    margin: 20px auto;

    max-width: 100%

}



.swal2-modal .swal2-close {

    background: 0 0;

    border: 0;

    margin: 0;

    padding: 0;

    width: 38px;

    height: 40px;

    font-size: 36px;

    line-height: 40px;

    font-family: serif;

    position: absolute;

    top: 5px;

    right: 8px;

    cursor: pointer;

    color: #ccc;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.swal2-modal .swal2-close:hover {

    color: #d55

}



.swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea {

    display: none

}



.swal2-modal .swal2-content {

    font-size: 18px;

    text-align: center;

    font-weight: 300;

    position: relative;

    float: none;

    margin: 0;

    padding: 0;

    line-height: normal;

    color: #545454;

    word-wrap: break-word

}



.swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea {

    margin: 20px auto

}



.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 18px;

    border-radius: 3px;

    border: 1px solid #d9d9d9;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);

    -webkit-transition: border-color .3s, -webkit-box-shadow .3s;

    transition: border-color .3s, -webkit-box-shadow .3s;

    transition: border-color .3s, box-shadow .3s;

    transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s

}



.swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror {

    border-color: #f27474 !important;

    -webkit-box-shadow: 0 0 2px #f27474 !important;

    box-shadow: 0 0 2px #f27474 !important

}



.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {

    outline: 0;

    border: 1px solid #b4dbed;

    -webkit-box-shadow: 0 0 3px #c4e6f5;

    box-shadow: 0 0 3px #c4e6f5

}



.swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder {

    color: #ccc

}



.swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder {

    color: #ccc

}



.swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder {

    color: #ccc

}



.swal2-modal .swal2-range input {

    float: left;

    width: 80%

}



.swal2-modal .swal2-range output {

    float: right;

    width: 20%;

    font-size: 20px;

    font-weight: 600;

    text-align: center

}



.swal2-modal .swal2-range input, .swal2-modal .swal2-range output {

    height: 43px;

    line-height: 43px;

    vertical-align: middle;

    margin: 20px auto;

    padding: 0

}



.swal2-modal .swal2-input {

    height: 43px;

    padding: 0 12px

}



.swal2-modal .swal2-input[type=number] {

    max-width: 150px

}



.swal2-modal .swal2-file {

    font-size: 20px

}



.swal2-modal .swal2-textarea {

    height: 108px;

    padding: 12px

}



.swal2-modal .swal2-select {

    color: #545454;

    font-size: inherit;

    padding: 5px 10px;

    min-width: 40%;

    max-width: 100%

}



.swal2-modal .swal2-radio {

    border: 0

}



.swal2-modal .swal2-radio label:not(:first-child) {

    margin-left: 20px

}



.swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span {

    vertical-align: middle

}



.swal2-modal .swal2-radio input {

    margin: 0 3px 0 0

}



.swal2-modal .swal2-checkbox {

    color: #545454

}



.swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span {

    vertical-align: middle

}



.swal2-modal .swal2-validationerror {

    background-color: #f0f0f0;

    margin: 0 -20px;

    overflow: hidden;

    padding: 10px;

    color: gray;

    font-size: 16px;

    font-weight: 300;

    display: none

}



.swal2-modal .swal2-validationerror::before {

    content: '!';

    display: inline-block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-color: #ea7d7d;

    color: #fff;

    line-height: 24px;

    text-align: center;

    margin-right: 10px

}



@supports (-ms-accelerator:true) {

    .swal2-range input {

        width: 100% !important

    }



    .swal2-range output {

        display: none

    }

}



@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {

    .swal2-range input {

        width: 100% !important

    }



    .swal2-range output {

        display: none

    }

}



.swal2-icon {

    width: 80px;

    height: 80px;

    border: 4px solid transparent;

    border-radius: 50%;

    margin: 20px auto 30px;

    padding: 0;

    position: relative;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    cursor: default;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.swal2-icon.swal2-error {

    border-color: #f27474

}



.swal2-icon.swal2-error .swal2-x-mark {

    position: relative;

    display: block

}



.swal2-icon.swal2-error [class^=swal2-x-mark-line] {

    position: absolute;

    height: 5px;

    width: 47px;

    background-color: #f27474;

    display: block;

    top: 37px;

    border-radius: 2px

}



.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    left: 17px

}



.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {

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

    transform: rotate(-45deg);

    right: 16px

}



.swal2-icon.swal2-warning {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    color: #f8bb86;

    border-color: #facea8;

    font-size: 60px;

    line-height: 80px;

    text-align: center

}



.swal2-icon.swal2-info {

    font-family: 'Open Sans', sans-serif;

    color: #3fc3ee;

    border-color: #9de0f6;

    font-size: 60px;

    line-height: 80px;

    text-align: center

}



.swal2-icon.swal2-question {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    color: #87adbd;

    border-color: #c9dae1;

    font-size: 60px;

    line-height: 80px;

    text-align: center

}



.swal2-icon.swal2-success {

    border-color: #a5dc86

}



.swal2-icon.swal2-success [class^=swal2-success-circular-line] {

    border-radius: 50%;

    position: absolute;

    width: 60px;

    height: 120px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {

    border-radius: 120px 0 0 120px;

    top: -7px;

    left: -33px;

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

    transform: rotate(-45deg);

    -webkit-transform-origin: 60px 60px;

    transform-origin: 60px 60px

}



.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {

    border-radius: 0 120px 120px 0;

    top: -11px;

    left: 30px;

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

    transform: rotate(-45deg);

    -webkit-transform-origin: 0 60px;

    transform-origin: 0 60px

}



.swal2-icon.swal2-success .swal2-success-ring {

    width: 80px;

    height: 80px;

    border: 4px solid rgba(165, 220, 134, .2);

    border-radius: 50%;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    position: absolute;

    left: -4px;

    top: -4px;

    z-index: 2

}



.swal2-icon.swal2-success .swal2-success-fix {

    width: 7px;

    height: 90px;

    position: absolute;

    left: 28px;

    top: 8px;

    z-index: 1;

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

    transform: rotate(-45deg)

}



.swal2-icon.swal2-success [class^=swal2-success-line] {

    height: 5px;

    background-color: #a5dc86;

    display: block;

    border-radius: 2px;

    position: absolute;

    z-index: 2

}



.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {

    width: 25px;

    left: 14px;

    top: 46px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {

    width: 47px;

    right: 8px;

    top: 38px;

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

    transform: rotate(-45deg)

}



.swal2-progresssteps {

    font-weight: 600;

    margin: 0 0 20px;

    padding: 0

}



.swal2-progresssteps li {

    display: inline-block;

    position: relative

}



.swal2-progresssteps .swal2-progresscircle {

    background: #3085d6;

    border-radius: 2em;

    color: #fff;

    height: 2em;

    line-height: 2em;

    text-align: center;

    width: 2em;

    z-index: 20

}



.swal2-progresssteps .swal2-progresscircle:first-child {

    margin-left: 0

}



.swal2-progresssteps .swal2-progresscircle:last-child {

    margin-right: 0

}



.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {

    background: #3085d6

}



.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {

    background: #add8e6

}



.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {

    background: #add8e6

}



.swal2-progresssteps .swal2-progressline {

    background: #3085d6;

    height: .4em;

    margin: 0 -1px;

    z-index: 10

}



[class^=swal2] {

    -webkit-tap-highlight-color: transparent

}



@-webkit-keyframes showSweetAlert {

    0% {

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }

    45% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }

    80% {

        -webkit-transform: scale(.95);

        transform: scale(.95)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes showSweetAlert {

    0% {

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }

    45% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }

    80% {

        -webkit-transform: scale(.95);

        transform: scale(.95)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes hideSweetAlert {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

    100% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 0

    }

}



@keyframes hideSweetAlert {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

    100% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 0

    }

}



.swal2-show {

    -webkit-animation: showSweetAlert .3s;

    animation: showSweetAlert .3s

}



.swal2-show.swal2-noanimation {

    -webkit-animation: none;

    animation: none

}



.swal2-hide {

    -webkit-animation: hideSweetAlert .15s forwards;

    animation: hideSweetAlert .15s forwards

}



.swal2-hide.swal2-noanimation {

    -webkit-animation: none;

    animation: none

}



@-webkit-keyframes animate-success-tip {

    0% {

        width: 0;

        left: 1px;

        top: 19px

    }

    54% {

        width: 0;

        left: 1px;

        top: 19px

    }

    70% {

        width: 50px;

        left: -8px;

        top: 37px

    }

    84% {

        width: 17px;

        left: 21px;

        top: 48px

    }

    100% {

        width: 25px;

        left: 14px;

        top: 45px

    }

}



@keyframes animate-success-tip {

    0% {

        width: 0;

        left: 1px;

        top: 19px

    }

    54% {

        width: 0;

        left: 1px;

        top: 19px

    }

    70% {

        width: 50px;

        left: -8px;

        top: 37px

    }

    84% {

        width: 17px;

        left: 21px;

        top: 48px

    }

    100% {

        width: 25px;

        left: 14px;

        top: 45px

    }

}



@-webkit-keyframes animate-success-long {

    0% {

        width: 0;

        right: 46px;

        top: 54px

    }

    65% {

        width: 0;

        right: 46px;

        top: 54px

    }

    84% {

        width: 55px;

        right: 0;

        top: 35px

    }

    100% {

        width: 47px;

        right: 8px;

        top: 38px

    }

}



@keyframes animate-success-long {

    0% {

        width: 0;

        right: 46px;

        top: 54px

    }

    65% {

        width: 0;

        right: 46px;

        top: 54px

    }

    84% {

        width: 55px;

        right: 0;

        top: 35px

    }

    100% {

        width: 47px;

        right: 8px;

        top: 38px

    }

}



@-webkit-keyframes rotatePlaceholder {

    0% {

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

        transform: rotate(-45deg)

    }

    5% {

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

        transform: rotate(-45deg)

    }

    12% {

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

        transform: rotate(-405deg)

    }

    100% {

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

        transform: rotate(-405deg)

    }

}



@keyframes rotatePlaceholder {

    0% {

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

        transform: rotate(-45deg)

    }

    5% {

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

        transform: rotate(-45deg)

    }

    12% {

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

        transform: rotate(-405deg)

    }

    100% {

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

        transform: rotate(-405deg)

    }

}



.swal2-animate-success-line-tip {

    -webkit-animation: animate-success-tip .75s;

    animation: animate-success-tip .75s

}



.swal2-animate-success-line-long {

    -webkit-animation: animate-success-long .75s;

    animation: animate-success-long .75s

}



.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {

    -webkit-animation: rotatePlaceholder 4.25s ease-in;

    animation: rotatePlaceholder 4.25s ease-in

}



@-webkit-keyframes animate-error-icon {

    0% {

        -webkit-transform: rotateX(100deg);

        transform: rotateX(100deg);

        opacity: 0

    }

    100% {

        -webkit-transform: rotateX(0);

        transform: rotateX(0);

        opacity: 1

    }

}



@keyframes animate-error-icon {

    0% {

        -webkit-transform: rotateX(100deg);

        transform: rotateX(100deg);

        opacity: 0

    }

    100% {

        -webkit-transform: rotateX(0);

        transform: rotateX(0);

        opacity: 1

    }

}



.swal2-animate-error-icon {

    -webkit-animation: animate-error-icon .5s;

    animation: animate-error-icon .5s

}



@-webkit-keyframes animate-x-mark {

    0% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    50% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    80% {

        -webkit-transform: scale(1.15);

        transform: scale(1.15);

        margin-top: -6px

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        margin-top: 0;

        opacity: 1

    }

}



@keyframes animate-x-mark {

    0% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    50% {

        -webkit-transform: scale(.4);

        transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }

    80% {

        -webkit-transform: scale(1.15);

        transform: scale(1.15);

        margin-top: -6px

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        margin-top: 0;

        opacity: 1

    }

}



.swal2-animate-x-mark {

    -webkit-animation: animate-x-mark .5s;

    animation: animate-x-mark .5s

}



@-webkit-keyframes rotate-loading {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes rotate-loading {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.ps {

    overflow: hidden !important;

    overflow-anchor: none;

    -ms-overflow-style: none;

    touch-action: auto;

    -ms-touch-action: auto

}



.ps__rail-x {

    display: none;

    opacity: 0;

    transition: background-color .2s linear, opacity .2s linear;

    -webkit-transition: background-color .2s linear, opacity .2s linear;

    height: 15px;

    bottom: 0px;

    position: absolute

}



.ps__rail-y {

    display: none;

    opacity: 0;

    transition: background-color .2s linear, opacity .2s linear;

    -webkit-transition: background-color .2s linear, opacity .2s linear;

    width: 15px;

    right: 0;

    position: absolute

}



.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {

    display: block;

    background-color: transparent

}



.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {

    opacity: 0.6

}



.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {

    background-color: #eee;

    opacity: 0.9

}



.ps__thumb-x {

    background-color: #aaa;

    border-radius: 6px;

    transition: background-color .2s linear, height .2s ease-in-out;

    -webkit-transition: background-color .2s linear, height .2s ease-in-out;

    height: 6px;

    bottom: 2px;

    position: absolute

}



.ps__thumb-y {

    background-color: #aaa;

    border-radius: 6px;

    transition: background-color .2s linear, width .2s ease-in-out;

    -webkit-transition: background-color .2s linear, width .2s ease-in-out;

    width: 6px;

    right: 2px;

    position: absolute

}



.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {

    background-color: #999;

    height: 11px

}



.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {

    background-color: #999;

    width: 11px

}



@supports (-ms-overflow-style:none) {

    .ps {

        overflow: auto !important

    }

}



@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

    .ps {

        overflow: auto !important

    }

}



html {

    line-height: 1.15;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article, aside, footer, header, nav, section {

    display: block

}



h1 {

    font-size: 2em;

    margin: .67em 0

}



figcaption, figure {

    display: block

}



figure {

    margin: 1em 40px

}



hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



main {

    display: block

}



pre {

    font-family: monospace, monospace;

    font-size: 1em

}



a {

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted

}



b, strong {

    font-weight: inherit

}



b, strong {

    font-weight: bolder

}



code, kbd, samp {

    font-family: monospace, monospace;

    font-size: 1em

}



dfn {

    font-style: italic

}



mark {

    background-color: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -0.25em

}



sup {

    top: -0.5em

}



audio, video {

    display: inline-block

}



audio:not([controls]) {

    display: none;

    height: 0

}



img {

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



button, input, optgroup, select, textarea {

    font-family: sans-serif;

    font-size: 100%;

    line-height: 1.15;

    margin: 0

}



button {

    overflow: visible

}



button, select {

    text-transform: none

}



button, html [type=button], [type=reset], [type=submit] {

    -webkit-appearance: button

}



button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {

    border-style: none;

    padding: 0

}



button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {

    outline: 1px dotted ButtonText

}



input {

    overflow: visible

}



[type=checkbox], [type=radio] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0

}



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

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



fieldset {

    padding: .35em .75em .625em

}



legend {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: table;

    max-width: 100%;

    padding: 0;

    color: inherit;

    white-space: normal

}



progress {

    display: inline-block;

    vertical-align: baseline

}



textarea {

    overflow: auto

}



details {

    display: block

}



summary {

    display: list-item

}



menu {

    display: block

}



canvas {

    display: inline-block

}



template {

    display: none

}



[hidden] {

    display: none

}



*, *::before, *::after {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



html {

    font-size: 13px;

    height: 100%

}



body {

    width: 100%;

    min-height: 100%;

    margin: 0 auto;

    font-family: "Maven Pro", "Arial", "Helvetica", sans-serif;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.6;

    color: #4c4c4c;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

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

}



button {

    cursor: pointer

}



p {

    padding: 0;

    margin: 0;

    max-height: 1000000px

}



h1, h2, h3, h4, h5, h6 {

    padding: 6px 0;

    margin: 0;

    max-height: 1000000px;

    line-height: 1.1

}



h1 {

    font-size: 1.4rem

}



h2 {

    font-size: 1.3rem

}



h3 {

    font-size: 1.2rem

}



a {

    color: #3cbaea;

    text-decoration: none

}



a:hover, a:focus, a:active {

    color: #1383ad;

    text-decoration: underline

}



li, ol, ul {

    max-height: 1000000px

}



div {

    max-height: 1000000px

}



.form-input {

    outline: none;

    -webkit-transition: all .4s;

    transition: all .4s;

    color: #4c4c4c;

    font-family: "Maven Pro", "Arial", "Helvetica", sans-serif

}



.form-input::-webkit-input-placeholder {

    font-weight: 400;

    opacity: 1;

    color: #a7a3a3;

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

    font-family: "Maven Pro", "Arial", "Helvetica", sans-serif

}



.form-input::-moz-placeholder {

    font-weight: 400;

    opacity: 1;

    color: #a7a3a3;

    -moz-transition: opacity .5s;

    transition: opacity .5s;

    font-family: "Maven Pro", "Arial", "Helvetica", sans-serif

}



.form-input:-moz-placeholder {

    font-weight: 400;

    opacity: 1;

    color: #a7a3a3;

    -moz-transition: opacity .5s;

    transition: opacity .5s;

    font-family: "Maven Pro", "Arial", "Helvetica", sans-serif

}



.form-input:-ms-input-placeholder {

    font-weight: 400;

    opacity: 1;

    color: #a7a3a3;

    -ms-transition: opacity .5s;

    transition: opacity .5s;

    font-family: "Maven Pro", "Arial", "Helvetica", sans-serif

}



.form-input:focus::-webkit-input-placeholder {

    opacity: 0

}



.form-input:focus::-moz-placeholder {

    opacity: 0

}



.form-input:focus:-moz-placeholder {

    opacity: 0

}



.form-input:focus:-ms-input-placeholder {

    opacity: 0

}



.form-textarea {

    resize: none;

    height: 65px

}



.content-box {

    border-radius: 4px;

    background: #fff;

    border-bottom: 3px solid #d4d8de;

    padding: 12px;

    margin-bottom: 6px;

    font-size: .95rem

}



.content-box h1 {

    font-size: 1.7142857143rem;

    color: #293b5a;

    margin-bottom: 15px

}



.content-box__thumb {

    float: left;

    margin: 0 15px 10px 0

}



.content-box__thumb img {

    border-radius: 5px

}



.content-box__meta strong {

    text-transform: uppercase;

    margin-right: 5px

}



.content-box__meta .post-categories {

    margin: 0;

    padding: 0;

    display: inline-block;

    list-style: none

}



.content-box__meta .post-categories li {

    display: inline-block

}



.content-box__item {

    margin-bottom: 3px

}



.block {

    margin-bottom: 28px

}



.block__title {

    font-size: 1.385rem;

    text-transform: uppercase;

    line-height: 30px;

    color: #293b5a;

    padding: 0;

    margin: 0;

    font-weight: 900;

    margin-bottom: 15px

}



.img-fluid {

    max-width: 100%;

    height: auto;

    display: block

}



.images-preload {

    display: none

}



.content p {

    margin-bottom: 1rem

}



@media screen and (max-width: 768px) {

    .social-likes {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.wrapper__inner {

    max-width: 1010px;

    margin: 0 auto;

    padding: 12px 0 40px

}



.container {

    max-width: 1113px;

    padding: 0 15px;

    margin: 0 auto

}



.layout {

    margin-bottom: 20px;

    background: #eef0f2;

    padding: 20px;

    border-radius: 6px

}



.layout__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap

}



.layout__content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.layout__sidebar {

    max-width: 200px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 200px;

    flex: 0 0 200px;

    margin-right: 20px

}



@media (max-width: 1140px) {

    .layout__inner {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap

    }



    .layout__sidebar {

        max-width: 185px;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 185px;

        flex: 0 0 185px

    }

}



@media (max-width: 768px) {

    .layout__sidebar {

        width: 100%;

        max-width: none;

        margin: 0;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }

}



.btn {

    display: inline-block;

    font-weight: bold;

    line-height: 1;

    background-origin: border-box;

    vertical-align: top;

    text-decoration: none;

    padding: 12px 20px;

    border-radius: 4px

}



.btn:hover, .btn:focus, .btn:active {

    text-decoration: none;

    outline: none

}



.btn__secondary {

    background: #773ca5;

    color: #fff;

    border: 2px solid rgba(0, 0, 0, 0)

}



.btn__secondary:hover, .btn__secondary:focus, .btn__secondary:active {

    color: #773ca5;

    background: transparent;

    border: 2px solid #773ca5

}



.btn--more-games {

    background: #339ec7;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    position: relative;

    padding-left: 28px;

    padding-right: 12px

}



.btn--more-games::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 10px;

    width: 14px;

    height: 9px;

    background: url(../images/icons.png) 0 -21px no-repeat

}



.btn--more-games:hover, .btn--more-games:focus, .btn--more-games:active {

    background: #3dc3f1;

    color: #fff

}



.btn--video {

    background: #293b5a;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    position: relative;

    padding-left: 28px;

    padding-right: 12px

}



.btn--video::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 10px;

    width: 14px;

    height: 14px;

    background: url(../images/icons.png) 0 0 no-repeat

}



.btn--video:hover, .btn--video:focus, .btn--video:active {

    background: #3d5886;

    color: #fff

}



.btn--shares {

    width: 37px;

    height: 37px;

    background: #7f3eaa;

    color: #fff;

    text-transform: uppercase;

    -webkit-box-shadow: 0 0 0 0 #96dcea;

    box-shadow: 0 0 0 0 #96dcea;

    position: relative;

    padding-left: 28px;

    padding-right: 12px

}



.btn--shares::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 14px;

    width: 15px;

    height: 17px;

    background: url(../images/icons.png) 0 -58px no-repeat

}



.btn--shares:hover, .btn--shares:focus, .btn--shares:active {

    background: #a852e2;

    color: #fff

}



.btn--fullscreen {

    font-weight: 400;

    background: #7f3eaa;

    color: #fff;

    text-transform: uppercase;

    -webkit-box-shadow: 0 0 0 0 #96dcea;

    box-shadow: 0 0 0 0 #96dcea;

    position: relative;

    padding-left: 28px;

    padding-right: 12px

}



.btn--fullscreen::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 10px;

    width: 14px;

    height: 14px;

    background: url(../images/icons.png) 0 -37px no-repeat

}



.btn--fullscreen:hover, .btn--fullscreen:focus, .btn--fullscreen:active {

    background: #a852e2;

    color: #fff

}



.btn--fullscreen-close {

    font-weight: 400;

    background: #ff318f;

    color: #fff;

    text-transform: uppercase;

    -webkit-box-shadow: 0 0 0 0 #96dcea;

    box-shadow: 0 0 0 0 #96dcea;

    position: fixed;

    top: 30px;

    right: 20px;

    z-index: 9999;

    display: none;

    padding-left: 26px;

    padding-right: 12px

}



.btn--fullscreen-close::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 10px;

    width: 14px;

    height: 14px;

    background: url(../images/icons.png) 0 -37px no-repeat

}



.btn--fullscreen-close:hover, .btn--fullscreen-close:focus, .btn--fullscreen-close:active {

    background: #ff64ab;

    color: #fff

}



.btn__bookmark {

    background: #ea624c;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400

}



.btn__bookmark:hover, .btn__bookmark:focus, .btn__bookmark:active {

    color: #fff;

    background-color: #ef8a7a

}



.btn--up {

    background: url(../images/icons.png) -30px -35px no-repeat;

    cursor: pointer;

    color: #fff;

    width: 75px;

    height: 75px;

    padding: 0;

    position: fixed;

    right: 15px;

    bottom: 15px;

    -webkit-transition: opacity .2s ease-out;

    transition: opacity .2s ease-out;

    opacity: 0.8;

    display: none;

}



.btn--xl {

    font-size: 21px;

    padding: 19px 43px 18px;

    border-radius: 30px

}



.promo-box {

    padding: 40px 10px;

    border-radius: 6px;

    text-align: center;

    margin-bottom: 28px;

    background: #d596f6;

    background: -webkit-gradient(linear, left top, right top, from(#d596f6), to(#6ba4f9));

    background: linear-gradient(to right, #d596f6 0%, #6ba4f9 100%);

    -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr="#d596f6", endColorstr="#6ba4f9", GradientType=1);

    filter: progid:dximagetransform.microsoft.gradient(startColorstr="#d596f6", endColorstr="#6ba4f9", GradientType=1)

}



.promo-box--side {

    padding: 15px;

    background: #d596f6;

    background: -webkit-gradient(linear, left top, left bottom, from(#d596f6), to(#6ba4f9));

    background: linear-gradient(to bottom, #d596f6 0%, #6ba4f9 100%);

    -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr="#d596f6", endColorstr="#6ba4f9", GradientType=0);

    filter: progid:dximagetransform.microsoft.gradient(startColorstr="#d596f6", endColorstr="#6ba4f9", GradientType=0)

}



.wp-pagenavi {

    font-size: 0;

    border-radius: 6px;

    overflow: hidden;

    display: inline-block

}



.wp-pagenavi .pages {

    display: none

}



.wp-pagenavi span, .wp-pagenavi a {

    display: inline-block;

    padding: 18px 20px;

    line-height: 1;

    color: #fff;

    text-decoration: none;

    background: #293b5a;

    background-clip: padding-box;

    margin: 0;

    font-size: 1rem;

    border: 0;

    position: relative

}



.wp-pagenavi span::before, .wp-pagenavi a::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 1px;

    background: #212f48

}



.wp-pagenavi span::after, .wp-pagenavi a::after {

    content: "";

    position: absolute;

    top: 0;

    right: -1px;

    bottom: 0;

    width: 1px;

    background: #293b5a

}



.wp-pagenavi a:hover {

    color: #55e4d4

}



.wp-pagenavi span.current {

    background: #293b5a;

    color: #55e4d4

}



.wp-pagenavi span.current::before {

    content: "";

    background: url(../images/icons.png) -133px 0 no-repeat;

    width: 12px;

    height: 6px;

    top: 0;

    left: 50%;

    margin-left: -6px

}



.wp-pagenavi .nextpostslink {

    position: relative

}



.wp-pagenavi .nextpostslink::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

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

    background: url(../images/icons.png) -145px 0 no-repeat;

    width: 5px;

    height: 8px

}



.wp-pagenavi .last {

    position: relative

}



.wp-pagenavi .last::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

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

    background: url(../images/icons.png) -173px 0 no-repeat;

    width: 10px;

    height: 8px

}



.wp-pagenavi .previouspostslink {

    position: relative

}



.wp-pagenavi .previouspostslink::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

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

    background: url(../images/icons.png) -152px 0 no-repeat;

    width: 5px;

    height: 8px

}



.wp-pagenavi .first {

    position: relative

}



.wp-pagenavi .first::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

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

    background: url(../images/icons.png) -161px 0 no-repeat;

    width: 10px;

    height: 8px

}



#tooltip {

    font-weight: 600;

    text-align: center;

    color: #fff;

    background: #ff318f;

    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

    position: absolute;

    z-index: 100;

    padding: 5px 15px;

    border-radius: 5px

}



#tooltip::after {

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #ff318f;

    content: "";

    position: absolute;

    left: 50%;

    bottom: -10px;

    margin-left: -10px

}



#tooltip.top::after {

    border-top-color: transparent;

    border-bottom: 10px solid #ff318f;

    top: -20px;

    bottom: auto

}



#tooltip.left::after {

    left: 10px;

    margin: 0

}



#tooltip.right::after {

    right: 10px;

    left: auto;

    margin: 0

}



.smile-rating {

    position: relative

}



.smile-rating__items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    list-style: none;

    padding: 8px;

    margin: 0

}



.smile-rating__item {

    margin: 0 3px;

    padding: 0

}



.smile-rating__popup {

    display: none;

    position: absolute;

    bottom: 100%;

    left: -13px;

    background: #fff;

    border-radius: 4px

}



.smile-rating__popup.active {

    display: block

}



.smile-rating__link {

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

    width: 34px;

    height: 34px;

    display: block;

    -webkit-transform: scale(1);

    transform: scale(1);

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

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

    position: relative;

    text-decoration: none

}



.smile-rating__link--1 {

    background-position: 0 0

}



.smile-rating__link--2 {

    background-position: 0 -34px

}



.smile-rating__link--3 {

    background-position: 0 -68px

}



.smile-rating__link--4 {

    background-position: 0 -102px

}



.smile-rating__link--5 {

    background-position: 0 -136px

}



.smile-rating__link--6 {

    display: none

}



.smile-rating__link:hover {

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

    animation: anim-hop 1s ease-in-out infinite alternate

}



.smile-rating__count {

    position: absolute;

    bottom: -4px;

    right: -4px;

    background: #293b5a;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    font-size: .7rem;

    color: #fff;

    text-align: center;

    line-height: 15px;

    font-style: normal;

    font-weight: bold

}



.smile-rating__current {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.smile-rating__current-lbl {

    color: #fff;

    font-size: 13px;

    margin-right: 8px

}



.smile-rating__current-link {

    width: 34px;

    height: 34px;

    display: block;

    border-radius: 50%;

    margin-right: -6px;

    position: relative

}



.smile-rating__current-link::after {

    content: "";

    position: absolute;

    left: 3px;

    top: 3px;

    right: 3px;

    bottom: 3px;

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

    background-size: 28px 168px;

    width: 28px;

    height: 28px

}



.smile-rating__current-link:nth-of-type(1) {

    z-index: 5

}



.smile-rating__current-link:nth-of-type(2) {

    z-index: 4

}



.smile-rating__current-link:nth-of-type(3) {

    z-index: 3

}



.smile-rating__current-link:nth-of-type(4) {

    z-index: 2

}



.smile-rating__current-link:nth-of-type(5) {

    z-index: 1

}



.smile-rating__current-link--1::after {

    background-position: 0 0

}



.smile-rating__current-link--2::after {

    background-position: 0 -28px

}



.smile-rating__current-link--3::after {

    background-position: 0 -56px

}



.smile-rating__current-link--4::after {

    background-position: 0 -84px

}



.smile-rating__current-link--5::after {

    background-position: 0 -112px

}



@media (max-width: 768px) {

    .smile-rating__current {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .smile-rating__popup {

        left: 50%;

        margin-left: -130px

    }

}



.vote-block-info {

    overflow: hidden;

    vertical-align: middle;

    position: relative

}



.vote-block-info .rating-info {

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 12px;

    display: none !important

}



.vote-block-info span.rating-text {

    font-size: 14px;

    font-weight: bold;

    display: block;

    float: left;

    margin-left: 8px

}



.vote-block-info .rating {

    list-style: none;

    margin: 0 10px 0 0;

    padding: 0;

    height: 14px;

    float: left;

    vertical-align: middle;

    background: none !important

}



.vote-block-info .rating:hover li {

    background-image: url(../images/rating-info.png);

    cursor: pointer

}



.vote-block-info.disabled .rating:hover li {

    cursor: auto

}



.vote-block-info .rating li {

    display: block;

    width: 15px;

    height: 14px;

    float: right;

    text-indent: -9999px;

    cursor: pointer;

    margin-bottom: 0 !important

}



.vote-block-info .rating li:hover, .vote-block-info .rating li:hover ~ li {

    background-position: 0 -14px

}



.vote-block-info.disabled .rating li.current {

    display: block;

    z-index: 10

}



.vote-block-info .rating li.active, .vote-block-info .rating li.active ~ li {

    background-position: 0 -28px

}



.vote-block-info li.current {

    display: none

}



.vote-block-info ol.rating {

    position: relative;

    padding: 0 !important;

    margin: 3px 0 0 0 !important

}



.vote-block-info ol.rating li {

    cursor: default;

    z-index: 2;

    position: relative

}



.vote-block-info ol.rating li.current {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    z-index: 1;

    background-position: 0 0;

    background-repeat: repeat-x;

    background-image: url(../images/rating-info.png)

}



.vote-block-info ol.show-current li.current span {

    display: block;

    height: 14px;

    width: 0;

    background: inherit;

    background-position: 0 -28px

}



.vote-block {

    overflow: hidden;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.vote-block .rating-info {

    font-size: 10px;

    color: #fff

}



.vote-block .rating {

    list-style: none;

    margin: 0 10px 0 0;

    padding: 0;

    height: 14px;

    float: left;

    vertical-align: middle;

    background: none !important

}



.vote-block .rating:hover li {

    background-image: url(../images/rating-star.png);

    cursor: pointer

}



.vote-block.disabled .rating:hover li {

    cursor: auto

}



.vote-block .rating li {

    display: block;

    width: 15px;

    height: 14px;

    float: right;

    text-indent: -9999px;

    cursor: pointer;

    margin-bottom: 0 !important

}



.vote-block .rating li:hover, .vote-block .rating li:hover ~ li {

    background-position: 0 -14px

}



.vote-block.disabled .rating li.current {

    display: block;

    z-index: 10

}



.vote-block .rating li.active, .vote-block .rating li.active ~ li {

    background-position: 0 -28px

}



.vote-block li.current {

    display: none

}



.vote-block ol.rating {

    position: relative;

    padding: 0 !important;

    min-width: 75px

}



.vote-block ol.rating li {

    cursor: default;

    z-index: 2;

    position: relative

}



.vote-block ol.rating li.current {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    z-index: 1;

    background-position: 0 0;

    background-repeat: repeat-x;

    background-image: url(../images/rating-star.png)

}



.vote-block ol.show-current li.current span {

    display: block;

    height: 14px;

    width: 0;

    background: inherit;

    background-position: 0 -28px

}



.shares-popup__form {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 999;

    display: none;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

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

}



.shares-popup__form.active {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.shares-popup__inner {

    position: relative;

    background: #fff;

    -webkit-box-shadow: 0 2px 21px rgba(14, 41, 91, .35);

    box-shadow: 0 2px 21px rgba(14, 41, 91, .35);

    border-radius: 5px;

    z-index: 1;

    padding: 30px;

    width: 540px

}



.shares-popup__title {

    font-size: 2.188rem;

    font-weight: 500;

    margin-bottom: 20px

}



.shares-popup__close {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 31px;

    height: 31px;

    background: url(../images/icons.png) -252px 0 no-repeat;

    opacity: .4;

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

    transition: .2s ease-in-out;

    text-decoration: none

}



.shares-popup__close:hover, .shares-popup__close:focus, .shares-popup__close:active {

    opacity: .6

}



.social-likes {

    margin: 0;

    padding: 5px;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



.social-likes__widget {

    border-radius: 5px;

    overflow: hidden;

    margin: 0 3px

}



.social-likes__widget:hover {

    -webkit-animation: smile-anim 1s infinite;

    animation: smile-anim 1s infinite

}



.social-likes__widget_notext .social-likes__icon {

    margin: 9px

}



.shares__subtitle {

    margin-bottom: 10px

}



.shares__buttons {

    margin-bottom: 20px

}



.shares__code {

    margin-bottom: 10px

}



.shares__code-title {

    font-size: 1rem;

    font-weight: 700;

    margin: 0 0 10px

}



.shares__code-val {

    width: 100%;

    height: 120px;

    padding: 5px 10px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.shares__link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    border: 1px solid #eee;

    border-radius: 20px 20px 20px 0;

    background: #fafafa;

    font-size: .875rem

}



.shares__link-val {

    margin: 0 15px 0 0 !important;

    border: 0;

    background: transparent;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    color: #293b5a;

    padding: 12px 8px 10px 15px

}



.shares__link-copy {

    font-weight: 500;

    color: #fff;

    background: #773ca5;

    text-decoration: none;

    padding: 2px 35px;

    margin-left: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: 5px

}



.shares__link-copy:hover {

    color: #fff;

    background: #293b5a;

    text-decoration: none

}



.social-groups__item {

    display: inline-block;

    line-height: 1;

    background-origin: border-box;

    vertical-align: top;

    text-decoration: none;

    padding: 12px 12px 12px 40px;

    border-radius: 4px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    position: relative

}



.social-groups__item::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 10px;

    width: 24px;

    height: 24px;

    background: url(../images/icons.png) 0 0 no-repeat

}



.social-groups__item:hover, .social-groups__item:focus, .social-groups__item:active {

    text-decoration: none;

    outline: none

}



.social-groups__item--discord {

    background: #293b5a

}



.social-groups__item--discord::before {

    background: url(../images/icons.png) 0 -110px no-repeat

}



.social-groups__item--discord:hover, .social-groups__item--discord:focus, .social-groups__item--discord:active {

    background: #3d5886;

    color: #fff

}



.social-groups__item--youtube {

    background: #293b5a;

    font-weight: 400;

    position: relative;

    padding-right: 12px

}



.social-groups__item--youtube::before {

    background: url(../images/icons.png) -30px -110px no-repeat

}



.social-groups__item--youtube:hover, .social-groups__item--youtube:focus, .social-groups__item--youtube:active {

    background: #3d5886;

    color: #fff

}



@-webkit-keyframes smile-anim {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    75% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes smile-anim {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    75% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes anim-hop {

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9)

    }

    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)

    }

}



@keyframes anim-hop {

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9)

    }

    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)

    }

}



@-webkit-keyframes anim-pop {

    0%, 100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    50% {

        -webkit-transform: scale(2);

        transform: scale(2)

    }

}



@keyframes anim-pop {

    0%, 100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    50% {

        -webkit-transform: scale(2);

        transform: scale(2)

    }

}



.header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0 20px

}



.header__search {

    padding: 5px 0 10px;

    margin-left: 25px

}

@media screen and (max-width:768px) {
  .header__search {
    padding: 15px 0 0;
  }
}



.header__shares {

    padding-top: 18px

}



@media screen and (max-width: 768px) {

    .header {

        text-align: center;

        /* margin-bottom: 20px; */

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .header__logo {

        max-width: 100%;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }



    .header__logo img {

        margin: 0 auto

    }



    .header__shares {

        max-width: 100%;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }

}



.navbar {

    background: #293b5a;

    border-radius: 6px;

    margin-bottom: 20px;

    padding: 11px 10px

}



.main-menu {

    margin: 0;

    padding: 0;

    list-style: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.main-menu li {

    padding-right: 10px

}



.main-menu li.all a {

    background-position: 0 0

}



.main-menu li.top a {

    background-position: 0 -30px

}



.main-menu li.for-boys a {

    background-position: 0 -60px

}



.main-menu li.for-girls a {

    background-position: 0 -90px

}



.main-menu li.adventure a {

    background-position: 0 -120px

}



.main-menu li.shooting a {

    background-position: 0 -150px

}



.main-menu li.driving a {

    background-position: 0 -180px

}



.main-menu li.io a {

    background-position: 0 -210px

}



.main-menu li.puzzle a {

    background-position: 0 -240px

}



.main-menu li.horror a {

    background-position: 0 -270px

}



.main-menu a {

    display: block;

    background: url(../images/menu-icons.png) 0 0 no-repeat;

    line-height: 30px;

    padding-left: 30px;

    text-transform: uppercase;

    color: #7b96c4

}



.main-menu a:hover, .main-menu a:focus, .main-menu a:active {

    text-decoration: none;

    color: #55e4d4

}



@media screen and (max-width: 768px) {

    .main-menu {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-bottom: 20px

    }

}



.games-list {

    margin-bottom: 50px

}



.games-list__title {

    font-size: 1.385rem;

    text-transform: uppercase;

    line-height: 30px;

    color: #293b5a;

    padding: 0;

    margin: 0;

    font-weight: 900;

    margin-bottom: 15px

}



.games-list__items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 0 -6px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 10px

}



.games-list__item {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    max-width: 197px;

    padding: 6px

}



@media (max-width: 768px) {

    .games-list__item {

        max-width: 50%;

        /* max-width: 197px; */

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%

    }

}



.game-prev {

    background: #fff;

    border-radius: 6px;

    overflow: hidden;

    border-bottom: 3px solid #d4d8de

}



.game-prev__inner {

    position: relative;

    z-index: 0;

    border: 1px solid #e9ebee;

    border-radius: 6px

}



.game-prev__title {

    color: #54627b;

    text-decoration: none;

    font-size: .95rem

}



.game-prev__title::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.game-prev__title:hover, .game-prev__title:focus, .game-prev__title:active {

    text-decoration: none

}



.game-prev__thumb {

    max-height: 150px;

    overflow: hidden;

    padding: 3px

}



.game-prev__thumb img {

    border-radius: 4px 4px 0 0;
    height: 150px;

}



.game-prev__content {

    padding: 2px 8px 8px;

    height: 50px;

    overflow: hidden;

}



.cats-list {

    background: #293b5a;

    border-radius: 5px;

    padding: 4px;

    margin-bottom: 22px;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap

}



.cat-listed {

    padding: 3px;

    display: block;

    position: relative

}



.cat-listed__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-decoration: none

}



.cat-listed__inner:hover, .cat-listed__inner:focus, .cat-listed__inner:active {

    text-decoration: none

}



.cat-listed__thumb {

    border-radius: 5px;

    background: #fff;

    padding: 3px

}



.cat-listed__thumb img {

    display: block;

    border-radius: 3px

}



.cat-listed__title {

    color: #7b96c4;

    text-transform: uppercase;

    line-height: 1.2

}



.cat-listed:hover .cat-listed__title {

    color: #ff318f

}



.cat-listed:hover .cat-listed__thumb {

    background: #ff318f

}



.liked-games {

    margin-bottom: 22px

}



.liked-games__title {

    padding-left: 30px;

    color: #293b5a;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 24px;

    margin-bottom: 15px;

    position: relative

}



.liked-games__title::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    background: url(../images/icons.png) -50px 0 no-repeat;

    width: 21px;

    height: 19px

}



.liked-games__items {

    background: #773ca5;

    border-radius: 5px;

    padding: 10px

}



.liked-game {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    margin-bottom: 10px;

    position: relative

}



.liked-game__thumb {

    margin-right: 10px;

    border-radius: 6px;

    overflow: hidden;

    -webkit-box-flex: 0;

    -ms-flex: none;

    flex: none

}



.liked-game__thumb img {

    display: block

}



.liked-game__title {

    display: block;

    color: #bb9ed2;

    line-height: 1.2;

    text-decoration: none;

    margin-bottom: 7px

}



.liked-game__title::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0

}



.liked-game__title:hover, .liked-game__title:focus, .liked-game__title:active {

    text-decoration: none;

    color: #ff318f

}



.liked-game__likes {

    color: #77cff0;

    padding-left: 20px;

    position: relative

}



.liked-game__likes::before {

    content: "";

    position: absolute;

    left: 0;

    background: url(../images/icons.png) -74px 0 no-repeat;

    width: 15px;

    height: 12px;

    top: 50%;

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

    transform: translateY(-50%)

}



.top-games {

    margin-bottom: 30px

}



.top-games__inner {

    background: #d7474a;

    padding: 14px;

    border-radius: 6px

}



.top-games__title {

    padding-left: 30px;

    color: #293b5a;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 24px;

    margin-bottom: 15px;

    position: relative

}



.top-games__title::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    background: url(../images/icons.png) -92px 0 no-repeat;

    width: 20px;

    height: 24px

}



.top-games__items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 0 -6px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.top-games__item {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    max-width: 197px;

    padding: 6px

}



.top-game {

    border-radius: 4px;

    overflow: hidden

}



.top-game__inner {

    position: relative;

    z-index: 0

}



.top-game__title {

    color: #fff;

    text-decoration: none;

    font-size: 1rem

}



.top-game__title::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.top-game__title:hover, .top-game__title:focus, .top-game__title:active {

    text-decoration: none;

    color: #ffc107

}



.top-game__thumb {

    max-height: 150px;

    overflow: hidden

}



.top-game__meta {

    padding: 5px

}



.game-player {

    background: #d7474a;

    padding: 5px;

    border-radius: 6px;

    border-bottom: 3px solid #b13c3f;

    margin-bottom: 20px

}



.game-footer {

    padding: 10px 5px;

    color: #184a5e

}



.game-footer__items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.game-footer__item {

    margin-right: 10px

}



.game-footer__item--last {

    margin: 0;

    margin-left: auto

}



.g-foot-likes {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: rgba(255, 255, 255, .2);

    border-radius: 4px;

    padding: 1px 13px 2px

}



.g-foot-likes__label {

    margin-right: 8px;

    color: #fff

}



.g-foot-likes .cs-likes-dislikes {

    display: block

}



.g-foot-likes .cs-likes-dislikes .like-ico {

    width: 15px;

    height: 12px

}



.g-foot-likes .cs-likes-dislikes .like-count {

    line-height: 1;

    color: #fff;

    margin-left: 5px;

    font-size: 10px

}



.g-foot-likes .cs-likes-dislikes .cs-like-post {

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.g-foot-likes .cs-likes-dislikes .cs-dislike-post {

    display: none

}



.g-foot-rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: rgba(255, 255, 255, .2);

    border-radius: 4px;

    padding: 8px 13px 9px

}



.g-foot-rating__label {

    margin-right: 8px;

    color: #fff

}



.g-foot-comments {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.g-foot-comments__ico {

    display: inline-block;

    background: url(../images/icons.png) -118px 0 no-repeat;

    width: 15px;

    height: 12px;

    margin-right: 5px

}



.g-foot-comments__link {

    color: #184a5e;

    text-decoration: none

}



.g-foot-comments__link:hover, .g-foot-comments__link:focus, .g-foot-comments__link:active {

    text-decoration: none

}



.g-foot-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.g-foot-links__item {

    margin-left: 3px

}



.flash-container {

    position: relative;

    text-align: center

}



.flash-container > noindex, .flash-container > p, .flash-container object, .flash-container iframe {

    display: block;

    margin: 0 auto

}



.flash-container.fullscreen {

    border: none;

    text-align: center;

    background: #fff

}



.flash-container.fullscreen noindex, .flash-container.fullscreen p, .flash-container.fullscreen object, .flash-container.fullscreen embed, .flash-container.fullscreen iframe {

    width: 100%;

    height: 100%

}



.comments {

    background: #fff;

    border-radius: 6px;

    border-bottom: 3px solid #d4d8de;

    padding: 3px

}



.search-form {

    display: block

}



.search-form__inner {

    position: relative

}



.search-form__input {

    font-size: 1rem;

    padding: 9px 25px 9px;

    line-height: 1;

    border-radius: 4px;

    background-color: #212f48;

    min-width: 300px;

    border: 0;

    color: #fff

}



.search-form__input::-webkit-input-placeholder {

    color: #7b96c4

}



.search-form__input::-moz-placeholder {

    color: #7b96c4

}



.search-form__input:-moz-placeholder {

    color: #7b96c4

}



.search-form__input:-ms-input-placeholder {

    color: #7b96c4

}



.search-form__btn {

    position: absolute;

    z-index: 1;

    right: 0;

    top: 0;

    bottom: 0;

    border: 0;

    outline: none;

    width: 30px;

    text-indent: -999px;

    overflow: hidden;

    cursor: pointer;

    background: transparent

}



.search-form__btn::after {

    content: "";

    position: absolute;

    background: url(../images/icons.png) -30px 0 no-repeat;

    width: 15px;

    height: 14px;

    left: 50%;

    top: 50%;

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

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

}



.search-form__btn:focus, .search-form__btn:hover, .search-form__btn:active {

    outline: none

}



.videogallery__heading {

    margin-bottom: 15px

}



.videogallery__title {

    font-size: 1.385rem;

    text-transform: uppercase;

    line-height: 30px;

    color: #293b5a;

    padding: 0;

    margin: 0;

    font-weight: 900

}



.videogallery__subscribe {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.videogallery__items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 0 -5px

}



.videogallery__item {

    max-width: 100%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    padding: 0 5px;

    margin-bottom: 10px

}



.videogallery .iframe-container-16-9 {

    position: relative;

    overflow: hidden;

    padding-top: 56.25%

}



.videogallery .iframe-container-16-9 iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0

}



.videogallery .iframe-container-4-3 {

    position: relative;

    overflow: hidden;

    padding-top: 75%

}



.videogallery .iframe-container-4-3 iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0

}



.footer {

    padding: 20px;

    border-radius: 6px

}



.footer h2, .footer h3 {

    margin-bottom: 10px;

    text-transform: uppercase;

    font-size: 1rem;

    color: #293b5a

}



.footer__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.footer__column--1 {

    max-width: 50%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%

}



.footer__column--2 {

    max-width: 20%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    padding-left: 15px

}



.footer__column--3 {

    max-width: 20%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%

}



.footer-menu {

    display: block;

    list-style: none;

    padding: 0;

    margin: 0

}



.footer-menu li {

    margin-bottom: 5px

}



.footer-menu a {

    color: #54627b;

    text-decoration: none;

    text-transform: uppercase

}



.footer-menu a:hover, .footer-menu a:focus, .footer-menu a:active {

    border-bottom: 1px dotted #54627b

}



.footer-counters {

    height: 0;

    overflow: hidden;

    opacity: 0

}



.game-prev .labels__hot, .game-prev .labels__new {

    padding: 6px 12px 5px

}



.game-prev .labels__desktop, .game-prev .labels__new, .game-prev .labels__hot {

    font-size: .875rem;

    border-radius: 5px;

    color: #fff;

    line-height: 1;

    font-weight: 700;

    text-transform: uppercase;

    z-index: 2;

    background: #66CD00

}



.game-prev .labels__hot {

    background: #f51e1e;

}



.btn--primary {

    background: #293b5a;

    color: #fff;

    border: 2px solid transparent

}



.game-heading__play {

    justify-content: center;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 5px

}