/* input(10076,27): run-time error CSS1030: Expected identifier, found '.'
input(10076,37): run-time error CSS1025: Expected comma or open brace, found ')'
input(10079,27): run-time error CSS1030: Expected identifier, found '.'
input(10079,37): run-time error CSS1025: Expected comma or open brace, found ')' */
html,
body,
div,
p,
span,
header,
hgroup,
footer,
nav,
menu,
article,
section,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
a,
img,
strong,
b,
em,
i,
u,
ol,
ul,
li,
dl,
dt,
dd,
a table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
form,
fieldset,
label,
legend,
object,
iframe,
embed,
audio,
video,
summary,
details,
canvas,
figure,
figcaption,
blockquote,
q,
big,
small,
sub,
sup,
pre,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
ins,
kbd,
s,
samp,
strike,
tt,
var,
output,
applet,
mark,
time {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
label.full-width,
label.full-width input,
label.full-width textarea {
    display: block;
}

label.full-width {
    text-align: left;
}

label.full-width input,
label.full-width textarea {
    width: 100%;
}

label,
.label-wbe {
    color: #7b8186;
    font-style: italic;
    font-size: 14px;
    text-align: left;
}

label .label,
.label-wbe .label {
    margin-bottom: 2px;
    margin-left: 16px;
}

label input,
label .custom-input-box,
label .custom-select-box {
    color: #123347;
}

audio,
canvas,
progress,
video,
span:not(.block) {
    display: inline-block;
}

span.inline {
    display: inline;
}

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

*,
*:before,
*:after,
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    outline: none;
}

img,
pre,
embed,
video,
iframe,
object,
input,
select,
textarea {
    max-width: 100%;
}

img,
iframe {
    vertical-align: middle;
}

img,
iframe {
    height: auto;
}

img {
    border-style: none;
}

pre,
textarea {
    overflow: auto;
}

pre,
code {
    font-family: monospace, monospace;
    font-size: 1em;
}

[hidden],
template {
    display: none;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong,
mark {
    font-weight: bold;
}

mark {
    background: transparent;
    color: inherit;
}

em,
i {
    font-style: italic;
}

small {
    font-size: 80%;
}

big {
    font-size: 125%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

legend,
.legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 10px;
    color: #111b36;
    font-size: 19px;
    text-align: center;
    white-space: normal;
    position: relative;
}

legend:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 1px;
    background: rgba(255, 255, 255, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(34%, rgba(168, 168, 168, 1)), color-stop(69%, rgba(168, 168, 168, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(168, 168, 168, 1) 34%, rgba(168, 168, 168, 1) 69%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(34%, rgba(168, 168, 168, 1)), color-stop(69%, rgba(168, 168, 168, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(168, 168, 168, 1) 34%, rgba(168, 168, 168, 1) 69%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

input {
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.custom-select-box,
.custom-select-box__options {
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #d2d3d5;
    border-radius: 6px;
}

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

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

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.alignleft,
.alignright {
    display: inline;
    margin-bottom: 10px;
}

.alignleft--2,
.alignright--2 {
    margin-top: 10px;
    margin-bottom: 40px;
}

.alignleft {
    float: left;
    margin-right: 10px;
}

.alignleft--2 {
    margin-right: 40px;
}

.alignright {
    float: right;
    margin-left: 10px;
}

.alignright--2 {
    margin-left: 40px;
}

.alignleft--no-m,
.alignright--no-m {
    margin: 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}
.body-home #main-head-wrap>div:first-child>p.info {
    font-weight: 300 !important;
    text-align: center;
}
body {
    min-width: 360px;
    margin: 0 auto;
    background: #f7f7f7;
    color: #111b36;
    font-weight: 400;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    overflow-x: hidden;
}

.body-review:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/1-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/2-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/3-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/4-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/5-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/6-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/7-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/8-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/9-voted.svg') no-repeat -9999px -9999px, url('https://media-173f0.kxcdn.com/assets/images/svg/rating-faces/10-voted.svg') no-repeat -9999px -9999px;
}

.body--ios select,
.body--ios textarea,
.body--ios input,
.body--ios select:focus,
.body--ios textarea:focus,
.body--ios input:focus {
    font-size: 16px;
}

.disable-click {
    pointer-events: none;
}

.main-width,
.main-width-md,
.main-width-md-b,
.main-width-sm {
    margin: 0 auto;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
}

a,
a:hover {
    color: #0d7a7a;
}

a {
    background-color: transparent;
    text-decoration: underline;
    word-break: break-word;
}

a:hover {
    text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 14px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}

h1 {
    color: #0e5a5b;
}

.body-home h1 {
    color: #fff;
}

.heading-logo-wrap h1 .block {
    color: #111b36;
    font-weight: 300;
    font-size: 25px;
}

h2,
h3,
h4,
h5,
h6 {
    color: #111b36;
}

.section h2,
.section h3,
.section h4,
.section h5,
.section h6 {
    color: inherit;
}

.font-size-ms {
    line-height: 1.3;
}

.font-size-small {
    font-size: 14px !important;
}

p,
li {
    line-height: 1.5;
}

ul {
    list-style: none;
}


/* Flags
   ========================================================================== */

.flags {
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

/* Rating Faces
   ========================================================================== */

.rating-face {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-indent: -9999px;
}

.rating-face--1 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-1');
}

.rating-face--1.voted,
.rating-face--1:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-1-voted');
}

.rating-face--2 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-2');
}

.rating-face--2.voted,
.rating-face--2:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-2-voted');
}

.rating-face--3 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-3');
}

.rating-face--3.voted,
.rating-face--3:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-3-voted');
}

.rating-face--4 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-4');
}

.rating-face--4.voted,
.rating-face--4:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-4-voted');
}

.rating-face--5 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-5');
}

.rating-face--5.voted,
.rating-face--5:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-5-voted');
}

.rating-face--6 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-6');
}

.rating-face--6.voted,
.rating-face--6:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-6-voted');
}

.rating-face--7 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-7');
}

.rating-face--7.voted,
.rating-face--7:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-7-voted');
}

.rating-face--8 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-8');
}

.rating-face--8.voted,
.rating-face--8:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-8-voted');
}

.rating-face--9 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-9');
}

.rating-face--9.voted,
.rating-face--9:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-9-voted');
}

.rating-face--10 {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-10');
}

.rating-face--10.voted,
.rating-face--10:hover {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#rating-10-voted');
}


/* ==========================================================================
   animate.css 3.7.2 Mit License ->
   ========================================================================== */

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(5deg);
        transform: perspective(400px) rotateY(5deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(2deg);
        transform: perspective(400px) rotateY(2deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-1deg);
        transform: perspective(400px) rotateY(-1deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(5deg);
        transform: perspective(400px) rotateY(5deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(2deg);
        transform: perspective(400px) rotateY(2deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-1deg);
        transform: perspective(400px) rotateY(-1deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
.dev-drop-fix.flipInY{
    animation-name: none;
}


@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-0-1s {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.animated.delay-0-2s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.animated.delay-0-3s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animated.delay-0-4s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.animated.delay-0-5s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animated.delay-0-6s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animated.delay-0-7s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.animated.delay-0-8s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.animated.delay-0-9s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-2-5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.delay-6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.animated.delay-7s {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.animated.delay-8s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.delay-8s {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

.animated.delay-9s {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}

.animated.delay-10s {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media only screen and (prefers-reduced-motion:reduce),
(print) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        -o-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}


/* ==========================================================================
   <- animate.css
   ========================================================================== */

* {
    cursor: url('https://media-173f0.kxcdn.com/assets/images/cursor.png'), auto;
}

a:hover,
a *:hover,
button:hover,
input[type="submit"],
.region-map__svg path.accessible:hover,
.cursor-hov:hover,
.cursor-hov *:hover {
    cursor: pointer;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-center,
.height-fix .valign-c {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.font-style-italic {
    font-style: italic !important;
}

.font-style-normal {
    font-style: normal !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-semi-bold {
    font-weight: 600 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-center {
    text-align: center !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.mt-n {
    margin-top: -36px !important;
}

.mt-n-fix {
    padding-bottom: 36px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-1-2 {
    margin-top: 5px !important;
}

.mt-1 {
    margin-top: 10px !important;
}

.mt-2 {
    margin-top: 20px !important;
}

.mr-1 {
    margin-right: 10px !important;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.ml-1 {
    margin-left: 10px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 10px !important;
}

.pt-2 {
    padding-top: 20px !important;
}

.pt-3 {
    padding-top: 30px !important;
}

.pt-4 {
    padding-top: 40px !important;
}

.pt-5 {
    padding-top: 50px !important;
}

.pt-7 {
    padding-top: 70px !important;
}

.pt-8 {
    padding-top: 80px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}
.pl-2 {
    padding-left: 20px !important;
}
.pb-2 {
    padding-bottom: 20px !important;
}

.pb-3 {
    padding-bottom: 30px !important;
}

.pl-3 {
    padding-left: 30px !important;
}

.pb-4 {
    padding-bottom: 40px !important;
}

.pb-5 {
    padding-bottom: 50px !important;
}

.pb-6 {
    padding-bottom: 60px !important;
}

.pl-7 {
    padding-left: 70px !important;
}

.pr-7 {
    padding-right: 70px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 10px !important;
}

.p-2 {
    padding: 20px !important;
}
.pr-2 {
    padding-right: 20px !important;
}
.p-3 {
    padding: 30px !important;
}

.p-4 {
    padding: 40px !important;
}

.p-5 {
    padding: 50px !important;
}

.line-height-1-2 {
    line-height: 1.2;
}

.delay-0-1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.delay-0-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.delay-0-3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.delay-0-4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.delay-0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.delay-0-6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.delay-0-7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.delay-0-8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.delay-0-9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-1-8s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.duration-0-5s {
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
}

.duration-1s {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
}

.duration-2s {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
}

.duration-3s {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
}

.duration-4s {
    -webkit-animation-duration: 4s !important;
    animation-duration: 4s !important;
}

.same-height:not(.same-height--initialized) {
    visibility: hidden;
    opacity: 0;
}

.same-height.same-height--initialized {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity linear .1s;
    -o-transition: opacity linear .1s;
    transition: opacity linear .1s;
}

.abs-right-parent {
    position: relative;
}

.abs-right {
    position: absolute;
    right: 0;
    top: -50px;
}

.bg-w {
    background: #fff;
}

.bg-w-2 {
    background: #f7f7f7;
}

.bg-d-w {
    background: #f0f0f0;
}

.bg-o {
    background: #ec6a38;
}

.bg-lll-y {
    background: #e2f0e0;
}

.bg-body-grad {
    background: rgba(247, 247, 247, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(225, 225, 225, 1)));
    background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 1)), to(rgba(225, 225, 225, 1)));
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(225, 225, 225, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1', GradientType=0);
}

.bg-g {
    background: #e1e1e1;
}

.bg-g-grad {
    background: rgba(247, 247, 247, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(62%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(225, 225, 225, 1)));
    background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 62%, rgba(225, 225, 225, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 1)), color-stop(62%, rgba(247, 247, 247, 1)), to(rgba(225, 225, 225, 1)));
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 62%, rgba(225, 225, 225, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1', GradientType=0);
}

.bg-gn-h,
#main-header.main-header--dark {
    background: rgba(68, 81, 86, 1);
    background: -o-radial-gradient(center, ellipse, rgba(68, 81, 86, 1) 0%, rgba(27, 69, 82, 1) 51%, rgba(17, 47, 67, 1) 84%, rgba(12, 29, 57, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(68, 81, 86, 1) 0%, rgba(27, 69, 82, 1) 51%, rgba(17, 47, 67, 1) 84%, rgba(12, 29, 57, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445156', endColorstr='#0c1d39', GradientType=1);
}

.bg-gn {
    background: #0f7a7a;
}

.bg-d-gn {
    background: #123346;
}

.bg-dd-gn {
    background: #0d2c3d;
}

.bg-ddd-gn {
    background: #0e293e;
}

.bg-b-b {
    background: #e9eeef;
}

.bg-gn-grad {
    background: rgba(54, 77, 84, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54, 77, 84, 1)), color-stop(9%, rgba(41, 75, 84, 1)), color-stop(29%, rgba(31, 69, 79, 1)), color-stop(59%, rgba(18, 51, 70, 1)), color-stop(100%, rgba(18, 51, 70, 1)));
    background: -o-linear-gradient(top, rgba(54, 77, 84, 1) 0%, rgba(41, 75, 84, 1) 9%, rgba(31, 69, 79, 1) 29%, rgba(18, 51, 70, 1) 59%, rgba(18, 51, 70, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 77, 84, 1)), color-stop(9%, rgba(41, 75, 84, 1)), color-stop(29%, rgba(31, 69, 79, 1)), color-stop(59%, rgba(18, 51, 70, 1)), to(rgba(18, 51, 70, 1)));
    background: linear-gradient(to bottom, rgba(54, 77, 84, 1) 0%, rgba(41, 75, 84, 1) 9%, rgba(31, 69, 79, 1) 29%, rgba(18, 51, 70, 1) 59%, rgba(18, 51, 70, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#364d54', endColorstr='#123346', GradientType=0);
}

.bg-gn-grad-2 {
    background: rgba(18, 51, 70, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18, 51, 70, 1)), color-stop(100%, rgba(32, 83, 92, 1)));
    background: -o-linear-gradient(top, rgba(18, 51, 70, 1) 0%, rgba(32, 83, 92, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 51, 70, 1)), to(rgba(32, 83, 92, 1)));
    background: linear-gradient(to bottom, rgba(18, 51, 70, 1) 0%, rgba(32, 83, 92, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#20535c', GradientType=0);
}

.bg-gn-grad-3 {
    background: rgba(13, 91, 91, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13, 91, 91, 1)), color-stop(100%, rgba(13, 121, 121, 1)));
    background: -o-linear-gradient(top, rgba(13, 91, 91, 1) 0%, rgba(13, 121, 121, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 91, 91, 1)), to(rgba(13, 121, 121, 1)));
    background: linear-gradient(to bottom, rgba(13, 91, 91, 1) 0%, rgba(13, 121, 121, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d5b5b', endColorstr='#0d7979', GradientType=0);
}

.bg-gn-grad-4 {
    color: #fff;
    background: rgb(17, 28, 55);
    background: -moz-linear-gradient(180deg, rgba(17, 28, 55, 1) 0%, rgba(13, 89, 91, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(17, 28, 55, 1) 0%, rgba(13, 89, 91, 1) 100%);
    background: linear-gradient(180deg, rgba(17, 28, 55, 1) 0%, rgba(13, 89, 91, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111c37", endColorstr="#0d595b", GradientType=1);
}

.bg-d-gn-grad {
    color: #fff;
    background: rgba(13, 90, 91, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13, 90, 91, 1)), color-stop(100%, rgba(17, 27, 54, 1)));
    background: -o-linear-gradient(top, rgba(13, 90, 91, 1) 0%, rgba(17, 27, 54, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 90, 91, 1)), to(rgba(17, 27, 54, 1)));
    background: linear-gradient(to bottom, rgba(13, 90, 91, 1) 0%, rgba(17, 27, 54, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d5a5b', endColorstr='#111b36', GradientType=0);
}
.bg-d-gn-darker{
    background: #101c36;
}
.bg-d-l-d-grad,
.related-el:after {
    background: rgba(18, 51, 70, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(18, 51, 70, 1)), color-stop(40%, rgba(18, 49, 69, 1)), color-stop(55%, rgba(27, 69, 82, 1)), color-stop(65%, rgba(27, 69, 82, 1)), color-stop(80%, rgba(49, 59, 69, 1)), color-stop(93%, rgba(27, 69, 82, 1)), color-stop(100%, rgba(18, 49, 69, 1)));
    background: -o-linear-gradient(315deg, rgba(18, 51, 70, 1) 0%, rgba(18, 49, 69, 1) 40%, rgba(27, 69, 82, 1) 55%, rgba(27, 69, 82, 1) 65%, rgba(49, 59, 69, 1) 80%, rgba(27, 69, 82, 1) 93%, rgba(18, 49, 69, 1) 100%);
    background: linear-gradient(135deg, rgba(18, 51, 70, 1) 0%, rgba(18, 49, 69, 1) 40%, rgba(27, 69, 82, 1) 55%, rgba(27, 69, 82, 1) 65%, rgba(49, 59, 69, 1) 80%, rgba(27, 69, 82, 1) 93%, rgba(18, 49, 69, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#123145', GradientType=1);
}

.bg-o-gn {
    background: rgba(125, 74, 52, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(125, 74, 52, 1)), color-stop(56%, rgba(33, 63, 79, 1)), color-stop(100%, rgba(33, 63, 79, 1)));
    background: -o-linear-gradient(315deg, rgba(125, 74, 52, 1) 0%, rgba(33, 63, 79, 1) 56%, rgba(33, 63, 79, 1) 100%);
    background: linear-gradient(135deg, rgba(125, 74, 52, 1) 0%, rgba(33, 63, 79, 1) 56%, rgba(33, 63, 79, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4a34', endColorstr='#213f4f', GradientType=1);
}

.bg-o-grad {
    background: rgba(175, 70, 29, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(175, 70, 29, 1)), color-stop(100%, rgba(236, 105, 57, 1)));
    background: -o-linear-gradient(top, rgba(175, 70, 29, 1) 0%, rgba(236, 105, 57, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(175, 70, 29, 1)), to(rgba(236, 105, 57, 1)));
    background: linear-gradient(to bottom, rgba(175, 70, 29, 1) 0%, rgba(236, 105, 57, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af461d', endColorstr='#ec6939', GradientType=0);
}

.bg-star-mask,
.bg-star-mask.section-box {
    margin-bottom: 40px;
}

.bg-star,
.bg-star-mask>div {
    position: relative;
}

.bg-star:before,
.bg-star:after,
.bg-info:before,
.bg-info:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.bg-star:before {
    width: 60px;
    height: 60px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/ico-star.svg') 0 0 no-repeat;
    z-index: 10;
}

.bg-info:before {
    width: 60px;
    height: 60px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/info.svg') 0 0 no-repeat;
    z-index: 10;
}

.bg-star--info:before {
    width: 60px;
    height: 60px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/ico-star-info.svg') 0 0 no-repeat;
    z-index: 10;
}

.bg-star:after {
    width: 124px;
    height: 64px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#back-w') 0 0 no-repeat;
}

.bg-star-mask>div:after {
    content: '';
    position: absolute;
    bottom: -33px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 33px solid #111b36;
}

.bg-grad-l {
    background: url('https://media-173f0.kxcdn.com/assets/images/background-images/bg-grad-l.png') 0 0 no-repeat;
    background-size: cover;
}

.bg-grad-l-bott {
    background: url('https://media-173f0.kxcdn.com/assets/images/background-images/bg-grad-l-bott.png') left bottom no-repeat;
    background-size: cover;
}

.bg-lv {
    background: #123346 url('https://media-173f0.kxcdn.com/assets/images/background-images/bg-section-home-live.jpg') center no-repeat;
    color: #fff;
    background-size: cover;
    background-attachment: fixed;
}

.bg-d-gn,
.bg-gn-grad,
.bg-gn-grad-2,
.bg-ddd-gn,
.bg-gn-h {
    color: #f3f4f5;
}

.b-gn {
    border: 1px solid #70c8b3;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.b-l-gn {
    border: 1px solid #4dbca2;
}

.b-d-gn {
    border: 1px solid #0f7a7a;
}

.b-o {
    border: 1px solid #ec6a38;
}

.b-l-box--left {
    margin: 30px auto;
    padding: 10px 20px;
    border-width: 0 0 0 5px !important;
}

.b-l-box.b-l-gn {
    color: #0d5a5b;
}

.b-l-box.b-o {
    color: #ec6a39;
}

.bs-gn {
    -webkit-box-shadow: 0 0 0 1px #70c8b3;
    box-shadow: 0 0 0 1px #70c8b3;
}

.br-all {
    border-radius: 40px;
}

.br-all-4 {
    border-radius: 4px;
}

.br-all-6 {
    border-radius: 6px;
}

.br-all-8 {
    border-radius: 8px;
}

.br-all-10 {
    border-radius: 10px;
}

.br-t {
    border-radius: 40px 40px 0px 0px;
}

.br-b {
    border-radius: 0px 0px 40px 40px;
}

.br-0 {
    border-radius: 0!important;
}

.b-tb-grad,
.b-t-grad,
.b-b-grad,
.b-r-grad,
.b-l-grad {
    position: relative;
}

.b-tb-grad:before,
.b-tb-grad:after,
.b-t-grad:before,
.b-b-grad:before,
.b-r-grad:after,
.b-l-grad:after {
    content: '';
    position: absolute;
}

.b-tb-grad:before,
.b-tb-grad:after,
.b-t-grad:before,
.b-b-grad:before {
    right: 0;
    left: 0;
    height: 1px;
    background: rgba(243, 244, 245, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243, 244, 245, 1)), color-stop(47%, rgba(170, 170, 170, 1)), color-stop(100%, rgba(243, 244, 245, 1)));
    background: -o-linear-gradient(left, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(243, 244, 245, 1)), color-stop(47%, rgba(170, 170, 170, 1)), to(rgba(243, 244, 245, 1)));
    background: linear-gradient(to right, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f5', endColorstr='#f3f4f5', GradientType=1);
}

.b-tb-grad:before,
.b-t-grad:before {
    top: 0;
}

.b-tb-grad:after,
.b-b-grad:before {
    bottom: 0;
}

.b-r-grad:after,
.b-l-grad:after {
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(243, 244, 245, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243, 244, 245, 1)), color-stop(47%, rgba(170, 170, 170, 1)), color-stop(100%, rgba(243, 244, 245, 1)));
    background: -o-linear-gradient(top, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 244, 245, 1)), color-stop(47%, rgba(170, 170, 170, 1)), to(rgba(243, 244, 245, 1)));
    background: linear-gradient(to bottom, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f5', endColorstr='#f3f4f5', GradientType=0);
}

.b-r-grad:after {
    right: 0;
}

.b-l-grad:after {
    left: 0;
}

.b-b {
    position: relative;
}

.b-b:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 280px;
    background: #e9eeef;
    z-index: 1;
}

.color-gn,
a.color-gn:hover,
.em-el .color-gn {
    color: #0d7a7a !important;
}

.color-l-gn,
a.color-l-gn:hover {
    color: #4dbca2 !important;
}

.color-default {
    color: #111b36 !important;
}

.color-default-green {
    color: #0e5a5b !important;
}

.color-o {
    color: #eb6b38 !important;
}

.color-w {
    color: #f3f4f5 !important;
}

.color-b {
    color: #265be9 !important;
}

.color-y {
    color: #ffcc6a !important;
}

.color-inh,
.color-inh:hover {
    color: inherit;
}

.ico-block {
    display: table !important;
    margin: 0 auto;
}

.ico-yes,
.ico-no {
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    text-indent: -9999px;
    direction: rtl;
    overflow: hidden;
}

.ico-yes,
.custom-input-field__status.ok {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-yes');
    background-repeat: no-repeat;
}

.ico-no,
.custom-input-field__status.not-ok {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-no');
    background-repeat: no-repeat;
}

input.not-ok {
    border-color: #ec6a39;
}

.ico-yes.ltr,
.ico-no.ltr {
    direction: ltr;
}

form .ico-yes,
form .ico-no {
    background-color: #fff;
}

.ico-yes--big {
    width: 50px;
    height: 50px;
}

.ico-no--big {
    width: 50px;
    height: 50px;
}

.ico-yes--medium {
    width: 26px;
    height: 26px;
}

.ico-yes--mb {
    width: 36px;
    height: 36px;
}

.ico-yes--small,
.custom-input-field__status.ok {
    width: 15px;
    height: 15px;
}

.ico-no--medium {
    width: 26px;
    height: 26px;
}

.ico-no--mb {
    width: 36px;
    height: 36px;
}

.ico-no--mb-2-w {
    width: 33px;
    height: 33px;
    background-image: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-no-w');
    text-indent: -9999px;
}

.ico-no--small,
.custom-input-field__status.not-ok {
    width: 15px;
    height: 15px;
}

.custom-input-field__status.ok,
.custom-input-field__status.not-ok {
    background-color: #fff;
    -webkit-transition: background linear .3s;
    -o-transition: background linear .3s;
    transition: background linear .3s;
}

.ico-star {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/ico-star.svg') 0 0 no-repeat;
}

.ico-star--big {
    width: 50px;
    height: 50px;
}

.category-group--vis .related-post .post-date--star {
    padding-left: 66px;
}

.category-group--vis .related-post .post-date--star .ico-star--big {
    position: absolute;
    left: 10px;
    top: -10px;
}

.ico-android,
.ico-ios {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 32px;
}

.ico-android {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-android') 0 0 no-repeat;
}

.ico-ios {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-ios') 0 0 no-repeat;
}

.ico-website-wrap {
    position: relative;
}

.ico-website {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-website') 0 0 no-repeat;
}

.ico-pdf {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 55px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-pdf') 0 0 no-repeat;
}

.ico-pin {
    display: inline-block;
    vertical-align: middle;
    width: 54px;
    height: 68px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/pin.svg') 0 0 no-repeat;
}

.tooltip-wrap {
    position: relative;
}

.tooltip {
    display: block;
    min-width: 120px;
    padding: 2px 6px;
    background: rgba(18, 51, 70, .9);
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    text-indent: 0;
    text-align: center;
    position: absolute;
    left: calc(100% + 4px);
    top: calc(100% + 4px);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: opacity ease-out .3s;
    -o-transition: opacity ease-out .3s;
    transition: opacity ease-out .3s;
}

.tooltip-wrap:hover .tooltip {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.custom-grid {
    margin-bottom: 10px;
}

.brands-flex {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.custom-grid__item,
.custom-ib-grid__item {
    margin-bottom: 10px;
}

.custom-grid__item {
    float: left;
}

.custom-ib-grid__item:not(:first-child),
.custom-grid__item:not(:first-child) {
    margin-left: 1%;
}

.ver-2 .custom-ib-grid__item:not(:first-child),
.ver-2 .custom-grid__item:not(:first-child) {
    margin-left: .5%;
}

.custom-grid__item-1-2 {
    width: 48.5%;
}

.ver-2 .custom-grid__item-1-2 {
    width: 49.5%;
}

.custom-grid__item-1-3 {
    width: 31.83%;
}

.ver-2 .custom-grid__item-1-3 {
    width: 32.83%;
}

.custom-grid__item-2-3 {
    width: 64.57%;
}

.ver-2 .custom-grid__item-2-3 {
    width: 65.57%;
}

.custom-grid__item-1-4 {
    width: 23.5%;
}

.ver-2 .custom-grid__item-1-4 {
    width: 24.5%;
}

.custom-grid__item-1-5 {
    width: 18.5%;
}

.ver-2 .custom-grid__item-1-5 {
    width: 19.5%;
}

.custom-grid__item-1-6 {
    width: 15.17%;
}

.ver-2 .custom-grid__item-1-6 {
    width: 16.17%;
}

.custom-grid__item-1-7 {
    width: 12.79%;
}

.ver-2 .custom-grid__item-1-7 {
    width: 13.79%;
}

.custom-grid__item-1-8 {
    width: 11%;
}

.ver-2 .custom-grid__item-1-8 {
    width: 12%;
}

.custom-grid__item-1-9 {
    width: 9.61%;
}

.ver-2 .custom-grid__item-1-9 {
    width: 10.61%;
}


.custom-grid__item-1-10 {
    width: 18.61%;
}

.custom-grid__item-1-10:nth-child(6) {
    margin-left:0px
}


.custom-grid-list .custom-grid__item,
.custom-grid-list .custom-ib-grid__item {
    border: 2px dotted #4bb69e;
    border-radius: 8px;
    position: relative;
}

.custom-grid-list--em .custom-grid__item,
.custom-grid-list--em .custom-ib-grid__item {
    padding: 0 !important;
    font-weight: 700;
    font-size: 19px;
    border-color: #e2dddb;
    background: rgba(103, 83, 67, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(103, 83, 67, 1)), color-stop(100%, rgba(39, 88, 95, 1)));
    background: -o-linear-gradient(315deg, rgba(103, 83, 67, 1) 0%, rgba(39, 88, 95, 1) 100%);
    background: linear-gradient(135deg, rgba(103, 83, 67, 1) 0%, rgba(39, 88, 95, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#675343', endColorstr='#27585f', GradientType=1);
}

.custom-grid-list--em .custom-grid__item>span,
.custom-grid-list--em .custom-ib-grid__item>span {
    padding: 8px 10px 10px;
    line-height: 1.3;
}

.custom-grid-list .title {
    vertical-align: middle;
    line-height: 1.2;
}

.custom-grid-list .custom-grid__item .title {
    font-size: 16px;
}

.custom-grid-list .font-size-big,
.custom-grid-list .font-size-medium,
.custom-grid-list .font-size-normal {
    line-height: 1.1;
}

.custom-grid-list.no-h .custom-grid__item>.title+.info,
.custom-grid-list.no-h .custom-ib-grid__item>.title+.info {
    margin-top: 10px;
}

.custom-fade-list {
    margin: 30px auto 20px;
}

.custom-fade-list.inset-60 {
    margin: 0 auto 20px;
}

.custom-fade-list .custom-grid__item,
.custom-fade-list .custom-ib-grid__item {
    padding: 60px 8px 22px;
    border: 1px solid #0e5a5b;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    position: relative;
    background: rgba(18, 51, 70, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18, 51, 70, 1)), color-stop(100%, rgba(18, 51, 70, .1)));
    background: -o-linear-gradient(top, rgba(18, 51, 70, 1) 0%, rgba(18, 51, 70, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 51, 70, 1)), to(rgba(18, 51, 70, .1)));
    background: linear-gradient(to bottom, rgba(18, 51, 70, 1) 0%, rgba(18, 51, 70, .1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#123346', GradientType=0);
}

.custom-fade-list .custom-grid__item:before,
.custom-fade-list .custom-ib-grid__item:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0;
    height: 20px;
    background: rgba(13, 43, 61, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13, 43, 61, 1)), color-stop(100%, rgba(13, 43, 61, 1)));
    background: -o-linear-gradient(top, rgba(13, 43, 61, .2) 0%, rgba(13, 43, 61, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 43, 61, .2)), to(rgba(13, 43, 61, 1)));
    background: linear-gradient(to bottom, rgba(13, 43, 61, .2) 0%, rgba(13, 43, 61, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d2b3d', endColorstr='#0d2b3d', GradientType=0);
}

.custom-fade-list .title {
    margin-bottom: 20px;
    color: #4ebca2;
    font-style: italic;
}

.custom-fade-list .info {
    position: relative;
    z-index: 10;
}

ul:not(.list-r),
ul.d-list:not(.list-r) {
    margin: 20px 0;
    padding-left: 30px;
}

ul:not(.list-r)>li:not(:last-child) {
    margin-bottom: 20px;
}

ol {
    list-style: decimal;
    list-style-position: inside;
}

.floated-list>li {
    float: left;
}

.inline-b-list>li {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs {
    display: inline-block;
    margin: 8px 0 0;
    color: #969696;
    font-size: 12px;
}

@media only screen and (max-width: 712px) {
    .breadcrumbs {
        display: flex;
        flex-wrap: nowrap;
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
}

.breadcrumbs>li {
    margin: 4px 16px 4px 0;
    padding-left: 14px;
    line-height: 1.1;
    text-align: left;
    position: relative;
}

.breadcrumbs>li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 4px;
    height: 4px;
    background: #969696;
    border-radius: 50%;
}

.breadcrumbs a {
    color: inherit;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

ul.d-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 21px;
    height: 21px;
    margin-right: 4px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-yes-dark-tick') 0 0 no-repeat;
}

ul.d-list li.no-loyalty:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-no');
}

ul.curr-list li,
ul.depwith-list li {
    display: inline-block;
    vertical-align: middle;
}

ul.curr-list li:before {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    position: relative;
    top: -2px;
    margin-left: 7px;
}

ul.curr-list li:not(.n-a):before {
    content: '';
}

.curr-list__us:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-dollar-circle') 0 0 no-repeat;
}

.curr-list__gb:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-pound-circle') 0 0 no-repeat;
}

.curr-list__eu:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-euro-circle') 0 0 no-repeat;
}

.curr-list__in:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-rupee-circle') 0 0 no-repeat;
}

.curr-list__jp:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-yen-circle') 0 0 no-repeat;
}

.curr-list__vn:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/currency/ico-dong-circle.svg') 0 0 no-repeat;
}

.curr-list__chf:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/currency/chf-circle.svg') 0 0 no-repeat;
}

.curr-list__php:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/currency/php-circle.svg') 0 0 no-repeat;
}

.curr-list__free-sp:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-free-circle') 0 0 no-repeat;
}
.curr-list__no-bonus:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/gift.svg') 0 0 no-repeat;
}

ul.depwith-list li:not(:last-child) {
    margin-right: 6px;
}

.circle-list .nav-link {
    display: block !important;
    padding: 4px 4px 4px 22px;
    text-decoration: none;
    position: relative;
}

#main-nav__list .items-list .nav-link {
    padding: 2px 4px 2px 24px;
    text-align: left;
}

.circle-list .nav-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 10px;
    height: 10px;
    border: 2px solid #ebecee;
    border-radius: 50%;
}

#main-nav__list .items-list .nav-link:before {
    left: 22px;
}

.circle-list .nav-link:hover:before {
    background: #fff;
}

.circle-list .nav-item--log-out .nav-link:before {
    border-color: #ec6b3a;
}

.circle-list .nav-item--log-out .nav-link:hover:before {
    background: #ec6b3a;
}

.list-pin {
    margin-left: 20px;
}

ul.list-pin--s>li:not(:last-child) {
    margin-bottom: 10px;
}

.list-pin>*:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/pin.svg') 0 0 no-repeat;
    position: relative;
    top: -2px;
}

.list-pin--s>*:before {
    width: 20px;
    height: 20px;
}

.list-pin i:before {
    display: none;
}

.list-pin--abs>* {
    padding-left: 35px;
    position: relative;
}

.list-pin--abs>*:before {
    position: absolute;
    left: 0;
    top: 2px;
}

.excl-list>*:not(:last-child) {
    margin-bottom: 10px;
}

.excl-list>*:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 23px;
    margin-right: 10px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/excl-box.svg') 0 0 no-repeat;
    position: relative;
    top: -1px;
}

.nav-item--log-out a:hover:before {
    background: #ec6b3a;
}

.form-wrap {
    width: 95%;
    margin: 0 auto;
    background: #f8f8f8;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
}

.item-close {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    padding-bottom: 2px;
    background: #ec6a39;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.add-sep-a,
.add-sep-b {
    position: relative;
}

.add-sep-a:after,
.add-sep-b:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 2px;
    height: 16px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#separator-login') 0 0 no-repeat;
}

.add-sep-a:after {
    right: 0;
}

.add-sep-b:before {
    left: 0;
}

#main-nav__user-info .add-sep-b:before {
    margin-top: -1px;
}

.c-num {
    vertical-align: bottom;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background: #4dbca2;
    border-radius: 50%;
    color: #111b36;
    font-size: 16px;
    text-align: center;
}

.pos-num {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    color: #111b36;
    font-style: normal;
    position: relative;
}

.pos-num:before,
.pos-num:after {
    content: '';
    position: absolute;
    top: 0;
    width: 13px;
    height: 22px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#number-leaf') 0 0 no-repeat;
}

.pos-num:before {
    left: -16px;
}

.pos-num:after {
    right: -16px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
}
.pos-num.orange-leaf:before,
.pos-num.orange-leaf:after {
    content: '';
    position: absolute;
    top: 0;
    width: 13px;
    height: 22px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/leaf-orange.svg') 0 0 no-repeat;
}
.read-more-dots-button {
    width: 30px;
    height: 30px;
    background: transparent;
}

.read-more-dots {
    width: 26px;
    height: 6px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#read-more-dots') 0 0 no-repeat;
    cursor: pointer;
}

.button-read-more {
    font-weight: 700;
    font-size: 12px;
}

.arrow-link-wrap.button-read-more {
    color: #0d7a7a;
}

.button-download.arrow-link-wrap.arrow-link--pos-l {
    padding-left: 32px;
}

.button-download.arrow-link-wrap.arrow-link--pos-r {
    padding-right: 45px;
}

.v-out-wrap,.v-out {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  
  .v-out,.v-out:hover {
    color: #fff;
    text-decoration: none;
  }
  
  .v-out {
    font-weight: 700;
    font-size: 19px;
    text-align: center;
    background-color:#ff5411;
    z-index: 10;
    border: 2px solid #f79874;
    padding: 8px 20px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.8);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.8);
  }
  
  .v-out:hover {
    background-color: #e94100;
    color:#fff;
  }
  
  .v-dot,.v-dot:hover,.v-dot.active {
    text-decoration: none;
    outline: none
  }
  
  .v-out:not(.not-available)::after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background: url(/assets/images/svg/right-arrow-white.svg?v=t_UOe_6UAr6PpnlZrdH3TeBViaY) 0 0 no-repeat;
    top: 50%;
    transform: translate(0, -50%);
}
  
.show-10-games .v-out::after {
    display: none;
}
  @media only screen and (max-width: 1024px) {
  .brand-table--main .v-out,.brand-table--t2:not(.scrollable) .v-out {
      min-width: 100%;
  }
  .brand-table--main .v-out.not-available,.brand-table--t2:not(.scrollable) .v-out {
    padding: 12px;
}
  .brand-table--main .v-out {
      padding: 10px 14px;
      font-size: 16px;
  }
  }

  @media only screen and (min-width: 620px) and (max-width: 1024px) {
    :lang(es).brand-table--main .v-out {
        padding: 10px 18px;
    }
  }

  @media only screen and (max-width: 571px) {
    .brand-table--main .v-out {
      padding: 4px 16px;
    }
  }

  @media only screen and (min-width: 520px) {
    :lang(es).v-out:not(.not-available)::after {
      right: 5px;
    }
  }

.v-dot,
input.v-dot {
    padding: 8px;
    border: 2px dotted #4dbca2;
}

.v-dot,
.v-dot-input-wrap {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.v-dot {
    background-color: rgba(15, 122, 122, .1);
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.v-dot-input-wrap--center {
    display: table;
    margin: 0 auto;
}

.v-dot:after,
.v-dot-input-wrap:after {
    content: '';
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: -2px;
    height: 2px;
    background: #0d7a7a;
}

.v-dot-input-wrap:after {
    bottom: 0;
}

.v-dot:hover,
.v-dot.active {
    background: #0d7a7a;
    border-style: solid;
    color: #fff;
}

.v-dot:hover:after,
.v-dot-input-wrap:hover:after,
.v-dot.active:after {
    display: none;
}

.v-dot--o,
input.v-dot--o {
    background-color: rgba(236, 106, 57, .1);
    border-color: #eeae81;
    color: #f46f3a;
}

.v-dot--o:after,
input.v-dot--o:after {
    background: #ec6a39;
}

.v-dot--o:hover,
input.v-dot--o:hover {
    background: #ec6a39;
    border-color: #f3b183;
}

.v-dot.v-dot--color-d:not(:hover):not(.active) {
    color: #111b36;
}

.options-el .v-dot.v-dot--color-d:not(:hover):not(.active) {
    color: #fff;
}

.section-box--other-games .v-dot.v-dot--color-d:not(:hover):not(.active) {
    color: #fff;
}

.b-dot,
.b-dot:hover {
    text-decoration: none;
}

.b-dot {
    display: inline-block;
    vertical-align: middle;
    padding: 6px;
    border: 2px dotted #c39f6c;
    border-radius: 12px;
}

.b-dot>.inner {
    display: block;
    padding: 6px 12px;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    border-radius: 8px;
    background: rgb(244, 193, 122);
    background: -moz-linear-gradient(180deg, rgba(244, 193, 122, 1) 0%, rgba(193, 134, 78, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(244, 193, 122, 1) 0%, rgba(193, 134, 78, 1) 100%);
    background: linear-gradient(180deg, rgba(244, 193, 122, 1) 0%, rgba(193, 134, 78, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4c17a", endColorstr="#c1864e", GradientType=1);
}

.b-dot:hover>.inner {
    background: rgb(255, 238, 209);
    background: -moz-linear-gradient(180deg, rgba(255, 238, 209, 1) 0%, rgba(255, 208, 147, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 238, 209, 1) 0%, rgba(255, 208, 147, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 238, 209, 1) 0%, rgba(255, 208, 147, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeed1", endColorstr="#ffd093", GradientType=1);
}

@-webkit-keyframes cta-g-shine {
    from {
        opacity: 0;
        left: 0%;
    }
    20% {
        opacity: .2;
    }
    40% {
        left: 100%;
    }
    60% {
        opacity: 0;
    }
    to {
        left: 100%;
    }
}

@keyframes cta-g-shine {
    from {
        opacity: 0;
        left: 0%;
    }
    20% {
        opacity: .2;
    }
    40% {
        left: 100%;
    }
    60% {
        opacity: 0;
    }
    to {
        left: 100%;
    }
}

.cta-g,
.cta-g:hover {
    color: #113930;
    text-decoration: none;
}

.cta-g {
    padding: 8px;
    background: #4ebca2;
    border-radius: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    overflow: hidden;
    position: relative;
}

.cta-g:not(:hover):not(.cta-g--disabled):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    background: white;
    -webkit-box-shadow: 0 0 20px 14px #fff;
    box-shadow: 0 0 20px 14px #fff;
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg);
    -webkit-animation: cta-g-shine 3s ease-in infinite;
    animation: cta-g-shine 3s ease-in infinite;
}

.cta-g:hover {
    background: #40a089;
}

.cta-g--disabled,
.cta-g--disabled:hover {
    background: #919596;
    cursor: url('https://media-173f0.kxcdn.com/assets/images/cursor.png'), auto;
}

.summary-list .cta-g {
    background: #BC4E4E;
    color: #fff;
}

.summary-list .cta-g:hover {
    background: #c35a5a;
}

.flip-card {
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip-card__inner {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: -webkit-transform 1.2s;
    transition: -webkit-transform 1.2s;
    -o-transition: transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s, -webkit-transform 1.2s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card__front,
.flip-card__back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card__front>.title,
.flip-card__back>.title {
    line-height: 1.1;
}

.flip-card__back {
    position: absolute;
    background: #f3f4f5;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.rating-bar {
    font-style: italic;
    font-size: 14px;
    text-align: left;
}
.rating-bar:not(.rating-bar--inv)>*:first-child:not(.rating-bar__prog),
.rating-bar--inv>*:last-child:not(.rating-bar__prog) {
    width: 70px;
    text-align: center;
}

.rating-bar:not(.rating-bar--inv)>*:last-child:not(.rating-bar__prog),
.rating-bar--inv>*:first-child:not(.rating-bar__prog) {
    width: 38px;
}

.rating-bar:not(.rating-bar--inv)>*:first-child:not(.rating-bar__prog),
.rating-bar--inv>*:first-child:not(.rating-bar__prog) {
    text-align: right;
}

.rating-bar__prog,
.rating-bar__prog>* {
    height: 6px;
    border-radius: 6px;
}

.rating-bar__prog {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
    margin: 0 8px;
    background: #d2d3d5;
    position: relative;
    top: -1px;
}

.rating-bar--d .rating-bar__prog {
    background: #111b36;
}

.rating-bar__prog>* {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    -webkit-transition: width linear 1s;
    -o-transition: width linear 1s;
    transition: width linear 1s;
    background: rgba(236, 109, 58, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236, 109, 58, 1)), color-stop(34%, rgba(197, 188, 147, 1)), color-stop(74%, rgba(57, 179, 159, 1)), color-stop(100%, rgba(15, 124, 124, 1)));
    background: -o-linear-gradient(315deg, rgba(236, 109, 58, 1) 0%, rgba(197, 188, 147, 1) 34%, rgba(57, 179, 159, 1) 74%, rgba(15, 124, 124, 1) 100%);
    background: linear-gradient(135deg, rgba(236, 109, 58, 1) 0%, rgba(197, 188, 147, 1) 34%, rgba(57, 179, 159, 1) 74%, rgba(15, 124, 124, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6d3a', endColorstr='#0f7c7c', GradientType=1);
}

.rangeslider,
.rangeslider__fill {
    display: block;
}

.rangeslider {
    position: relative;
}

.rangeslider__fill {
    position: absolute;
}

.rangeslider--horizontal {
    width: 100%;
}

.rangeslider--vertical {
    max-height: 100%;
    height: 100%;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}

.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeslider__handle {
    position: absolute;
    cursor: pointer;
}

.rangeslider--horizontal .rangeslider__handle {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.rangeslider,
.rangeslider__fill {
    border-radius: 10px;
}

.rangeslider {
    background: #d2d3d5;
}

.rangeslider__fill {
    background: rgba(236, 109, 58, 1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236, 109, 58, 1)), color-stop(34%, rgba(197, 188, 147, 1)), color-stop(74%, rgba(57, 179, 159, 1)), color-stop(100%, rgba(15, 124, 124, 1)));
    background: -o-linear-gradient(315deg, rgba(236, 109, 58, 1) 0%, rgba(197, 188, 147, 1) 34%, rgba(57, 179, 159, 1) 74%, rgba(15, 124, 124, 1) 100%);
    background: linear-gradient(135deg, rgba(236, 109, 58, 1) 0%, rgba(197, 188, 147, 1) 34%, rgba(57, 179, 159, 1) 74%, rgba(15, 124, 124, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6d3a', endColorstr='#0f7c7c', GradientType=1);
}

.rangeslider--horizontal {
    height: 6px;
}

.rangeslider--vertical {
    width: 6px;
    min-height: 150px;
}

.rangeslider__handle {
    width: 14px;
    height: 14px;
    background: #0d7a7a;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
}

.rangeslider--horizontal .rangeslider__handle {
    top: -5px;
}

.rangeslider--vertical .rangeslider__handle {
    left: -5px;
}

.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
    background: #108e8e;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
}

.custom-range-slider--default {
    margin-top: 5px;
    padding: 10px 0 0;
}

.custom-range-slider--default .range-output-label>span {
    margin-top: 8px;
}

.custom-range-slider--default .js-range-output,
.custom-range-slider--default .range-output-sign {
    float: right;
}

.custom-range-slider--default .js-range-output {
    width: 100px;
    z-index: 100;
}

.custom-range-slider--default .range-output-sign {
    margin-right: 10px;
}

.custom-range-slider--default .rangeslider {
    margin-top: 10px;
}

.em-el {
    display: table;
    margin: 18px auto;
    padding: 8px;
    color: #111b36;
    border-radius: 8px;
}

.main-width-sm .em-el {
    width: 100%;
}

.em-el a {
    color: inherit;
    font-weight: 700;
}

.em-box {
    padding: 40px 40px 30px;
    border: 2px dotted #107a7a;
    color: #107a7a;
    border-radius: 10px;
    position: relative;
    margin-bottom: 50px;
}
.em-box .em-box__quotes br
{
    display: block;
    margin: 10px 0;
    content: '';
}

.em-box.special {
    color: #fff;
    background: rgba(68, 81, 86, 1);
    background: -o-radial-gradient(center, ellipse, rgba(68, 81, 86, 1) 0%, rgba(27, 69, 82, 1) 51%, rgba(17, 47, 67, 1) 84%, rgba(12, 29, 57, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(68, 81, 86, 1) 0%, rgba(27, 69, 82, 1) 51%, rgba(17, 47, 67, 1) 84%, rgba(12, 29, 57, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445156', endColorstr='#0c1d39', GradientType=1);
}

.em-box.special img {
    display: block;
    margin: auto;
    border-radius: 10px;
}

.em-box.color-o {
    border-color: #eb6b38;
}

.em-box.color-w {
    border-color: #eceded;
}

.em-box>p:first-child,
.em-box .excl-box+p {
    margin-top: 0;
}

.em-box>p:last-child {
    margin-bottom: 0;
}

.em-box .excl-box {
    position: absolute;
    left: -11px;
    top: -10px;
    width: 60px;
    height: 50px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/excl-box.svg') 0 0 no-repeat;
}

.em-box__quotes, .em-box__quotes.quote-start, .em-box__quotes.quote-end {
    position: relative;
}

.em-box__quotes:not(.quote-end):before,
.em-box__quotes:not(.quote-start):after {
    content: '“';
    display: inline-block;
    vertical-align: top;
    font-style: italic;
    font-weight: bold;
    font-size: 34px;
    line-height: 1;
}

.em-box__quotes:before {
    margin: -6px 8px -12px -8px;
}

.em-box__quotes:after {
    margin-top: -6px;
}

.em-box__quotes-author-name {
    font-weight: 700;
}

.em-box .align-left,
.em-box .align-right {
    border-radius: 10px;
}

.box-info {
    width: 85px;
    padding: 4px;
    border: 1px solid #0f7a7a;
    border-radius: 4px;
    text-align: center;
}

.box-info--o {
    border-color: #ec6a38;
}

.nav-c li:not(.sep),
.nav-c li:not(.sep) a {
    cursor: pointer;
}

.nav-c li:not(.sep) {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    line-height: 30px;
    margin: 0 5px 5px;
    background: #ececec;
    border: 2px dotted #111b36;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

.nav-c li.sep {
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 4px;
    line-height: 1;
}

.nav-c li.active,
.nav-c li:not(.sep):hover {
    border-style: solid;
    border-color: #4dbca2;
}

.nav-c li.active {
    background: #dfeaea;
}

.nav-c a {
    text-decoration: none;
}

.brand-svg,
.brand-svg .svg-img {
    position: relative;
}

.brand-svg {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
}

.brand-svg .svg-img {
    z-index: 10;
}

.brand-svg:after {
    content: '';
    position: absolute;
    left: -6px;
    top: 1px;
    width: 104px;
    height: 88px;
    border-radius: 0 0 50% 50%;
    z-index: 5;
    background: rgba(253, 253, 253, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 253, 253, 1)), color-stop(64%, rgba(253, 253, 253, 1)), color-stop(100%, rgba(220, 221, 222, 1)));
    background: -o-linear-gradient(left, rgba(253, 253, 253, 1) 0%, rgba(253, 253, 253, 1) 64%, rgba(220, 221, 222, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(253, 253, 253, 1)), color-stop(64%, rgba(253, 253, 253, 1)), to(rgba(220, 221, 222, 1)));
    background: linear-gradient(to right, rgba(253, 253, 253, 1) 0%, rgba(253, 253, 253, 1) 64%, rgba(220, 221, 222, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dcddde', GradientType=1);
}

.brand-svg--t2:after {
    height: 92px;
}

.thr-part-offer>.part-sm {
    font-weight: 300;
    font-size: 14px;
}

.thr-part-offer .part-md {
    color: #111b36;
    font-size: 24px;
}

.thr-part-offer .part-md:first-child {
    margin: 0 10px 0 0;
}

.thr-part-offer .part-md:nth-child(2) {
    margin: 0 10px 0 16px;
}

.thr-part-offer .part-bg {
    color: #0d7a7a;
    font-weight: 700;
    font-size: 30px;
}

.back-to-top,
.quick-nav {
    z-index: 810;
}

.back-to-top {
    display: none;
    position: fixed;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#back-to-top') 0 0 no-repeat;
}

.back-to-top.active {
    display: block;
}

.terms {
    color: inherit;
    font-style: italic;
    font-size: 12px;
}

.custom-input {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    margin-right: 4px;
    padding-left: 24px;
    font-style: italic;
    position: relative;
}

.custom-input input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
}

.custom-input__checkbox,
.custom-input-list>li {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #d2d3d5;
    border-radius: 2px;
    color: #0d5a5b;
    text-align: center;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

.table-wrap--t2 .custom-input__checkbox,
.table-wrap--t2 .custom-input-list>li {
    color: #86acad;
}

.custom-input--d .custom-input__checkbox,
.custom-input-list--d>li {
    background-color: #0c2534;
}

.custom-input__checkbox {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: 1px;
}

.custom-input--round .custom-input__checkbox {
    border-radius: 50%;
    background-color: #ededed;
    border-color: #ededed;
}

.custom-input input:checked~.custom-input__checkbox,
.custom-input-list>li.checked {
    border-color: #4dbca2;
}

.custom-input-list>li.checked {
    color: #4dbca2;
}

.custom-input--round input:checked~.custom-input__checkbox {
    background-color: #4dbca2;
}

.custom-input__checkbox:after {
    content: '';
    opacity: 0;
    position: absolute;
    left: 4px;
    top: 2px;
    width: 6px;
    height: 9px;
    border: solid #4dbca2;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.custom-input input:checked~.custom-input__checkbox:after,
.custom-input.active .custom-input__checkbox:after {
    opacity: 1;
}

.custom-input--round .custom-input__checkbox:after {
    border-color: #123346;
}

.custom-input-field {
    position: relative;
}

.custom-input-field__status,
.custom-input-field__passview {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-0, -50%);
    -ms-transform: translate(-0, -50%);
    transform: translate(-0, -50%);
    margin-top: 10px;
}

.login-signup-form__bd .custom-date-box .custom-input-field__status,
.age-verification__bd .custom-date-box .custom-input-field__status {
    margin-top: 0;
}

.custom-date-box {
    position: relative;
}

.custom-date-box>input {
    width: 100%;
}

.custom-input-field__status {
    right: 10px;
    width: 15px;
    height: 15px;
    background: #b7b7b7;
    border-radius: 50%;
}

.custom-input-field__passview {
    width: 19px;
    height: 16px;
    right: 30px;
    margin-top: 12px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/logo-grey.svg') 0 0 no-repeat;
}

.custom-input-field__passview.active {
    width: 22px;
    height: 18px;
    right: 29px;
    margin-top: 11px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/logo-fav.svg') 0 0 no-repeat;
}

.custom-ratinginputbox {
    display: block;
    position: relative;
    width: 25px;
    height: 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-ratinginputbox input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.custom-ratinginputbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-style: italic;
    font-size: 19px;
    cursor: pointer;
}

.popup-box-wrap {
    position: relative;
}

.popup-box-wrap span {
    vertical-align: middle;
}

.popup-box {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    width: 320px;
    max-height: 260px;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
    background: #f8f8f8;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .2);
    z-index: 500;
}

.popup-box__title {
    margin: 20px 0 10px;
    padding-bottom: 6px;
    text-align: center;
}

.popup-box__list {
    padding: 0 0 4px;
    font-weight: 300;
}

.popup-box__list>li {
    float: left;
    width: 50%;
    margin-bottom: 6px;
    padding: 4px;
}

.popup-box-open {
    margin-left: 10px;
    background: transparent;
    font-weight: 300;
    font-size: 14px;
}

.popup-box-open .arrow-link {
    background: rgba(15, 122, 122, .1);
}

.custom-select-box {
    padding: 0;
    text-align: left;
    position: relative;
}

.custom-select-box.disabled {
    opacity: .5;
    pointer-events: none;
}

.custom-select-box__button {
    padding: 6px 28px 6px 12px;
    padding-right: 28px;
}

.custom-select-box__button.search-visible .custom-select-box__selected:not(.custom-select-box__selected--appended),
.custom-select-box__button.search-visible .custom-select-box__trigger,
.custom-select-box__button.search-visible .dot-wrap {
    display: none;
}

.custom-select-box .item,
.custom-select-box .dot-wrap {
    display: inline-block;
    vertical-align: middle;
}

.custom-select-box__trigger {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
}

.custom-select-box__trigger:after {
    content: '';
    width: 9px;
    height: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 2px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-arrow-green') 0 0 no-repeat;
}

.custom-select-box__selected,
.custom-select-box__options .item {
    width: 100%;
}

.custom-select-box__selected.hidden {
    display: none;
}

.custom-select-box__options,
.custom-select-box__option:last-child {
    border-radius: 0 0 6px 6px;
}

.custom-select-box__options {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    margin-top: 4px;
    padding: 0;
    z-index: 100;
}

.find-brand__options .custom-select-box__options {
    max-height: 194px;
    overflow-y: auto;
}

.custom-select-box.active:not(.unclickable) .custom-select-box__options {
    display: block;
}

.custom-select-box__options>.n-a {
    padding: 6px 12px;
}

.custom-select-box__option {
    padding: 6px 12px;
    border: 1px solid transparent;
}

.custom-select-box__option:hover {
    border-color: #68c6b0;
}

.custom-select-box .flags {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.custom-list-toggle,
.custom-list-toggle__options {
    background: #fff;
}

.custom-list-toggle {
    margin: 0 0 30px;
    padding: 2px 0;
    border-radius: 6px;
    text-align: left;
    position: relative;
}

.body-compare .custom-list-toggle {
    text-align: center;
}

.custom-list-toggle__trigger,
.find-brand:after,
.toggle-box:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 88px;
    height: 50px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#back-fff') 0 0 no-repeat;
    cursor: pointer;
    z-index: 1;
}

.custom-list-toggle__trigger:not(.no-scale) {
    bottom: -39px;
    -webkit-transform: translate(-50%, 0) scale(.7);
    -ms-transform: translate(-50%, 0) scale(.7);
    transform: translate(-50%, 0) scale(.7);
    text-align: left;
}

.custom-list-toggle__trigger.no-scale {
    bottom: -47px;
    text-align: left;
}

.body-compare .custom-list-toggle__trigger {
    bottom: -40px;
    text-align: left;
}

.custom-list-toggle__trigger .arrow-link {
    top: 9px;
}

.custom-list-toggle__trigger:not(.no-scale) .arrow-link {
    left: 32px;
}

.custom-list-toggle__trigger.no-scale .arrow-link {
    left: 29px;
}

.custom-list-toggle__trigger.active .arrow-link--down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.custom-list-toggle__options {
    display: none;
}

.custom-list-toggle-slide .custom-list-toggle__options {
    display: block;
    max-height: 400px;
    -webkit-transition: max-height linear 1s;
    -o-transition: max-height linear 1s;
    transition: max-height linear 1s;
    overflow-y: auto;
}

.custom-list-toggle-slide:not(.active) .custom-list-toggle__options {
    max-height: 160px;
    overflow: hidden;
}

.body-blog .custom-list-toggle-slide:not(.active) .custom-list-toggle__options {
    max-height: 207px;
}

.body-compare .custom-list-toggle__options {
    max-height: 310px;
    overflow-y: auto;
}

.custom-list-toggle__option {
    padding: 8px 18px;
    position: relative;
}

.body-compare .custom-list-toggle .flags {
    position: absolute;
    top: 10px;
}

.button-select {
    padding: 4px 4px 6px;
    background: #f8f8f8;
    border: 1px solid #0d7a7a;
    border-radius: 4px;
    color: #123347;
    font-style: italic;
    font-size: 14px;
    -webkit-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

.button-select.active,
.button-select:hover {
    background: #0d7a7a;
    border-color: #d2d3d5;
    color: #fff;
}

.switch-button {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 17px;
    position: relative;
}

.switch-button input {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

.switch-button__slider {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #eaeaea;
    border-radius: 8px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.switch-button__slider:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    height: 20px;
    width: 20px;
    background-color: #bdc0c1;
    border-radius: 50%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

input:checked+.switch-button__slider:before {
    background-color: #123346;
    -webkit-transform: translate(22px, 0);
    -ms-transform: translate(22px, 0);
    transform: translate(22px, 0);
}

.arrow-link-wrap {
    display: inline-block;
    padding-right: 2px;
    color: inherit;
    line-height: 1.3;
    text-align: left;
    position: relative;
}

.arrow-link {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-color: #e6f1f1;
    border: 2px dotted #4dbca2;
    border-radius: 50%;
    outline: none !important;
    position: relative;
    bottom: 1px;
    cursor: pointer;
}

.arrow-link-wrap .arrow-link {
    position: absolute;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.arrow-link--pos-l .arrow-link {
    margin-right: 4px;
}

.arrow-link-wrap.arrow-link--pos-l {
    padding-left: 28px;
}

.arrow-link-wrap.arrow-link--pos-l .arrow-link {
    left: 0;
}

.arrow-link--pos-r .arrow-link {
    margin-left: 4px;
}

.arrow-link-wrap.arrow-link--pos-r {
    padding-right: 43px;
}

.arrow-link-wrap.arrow-link--pos-r .arrow-link {
    right: 0;
}

.arrow-link-wrap.arrow-link--big {
    padding-left: 45px;
    font-size: 14px;
}

.arrow-link--big:not(.cl-inh) {
    color: #111b36;
}

.arrow-link-wrap.arrow-link--small {
    padding-left: 24px;
}

.arrow-link-wrap.arrow-link--small .arrow-link,
.user-panel .arrow-link {
    width: 20px;
    height: 20px;
}

.arrow-link-wrap.arrow-link--small .arrow-link:before,
.user-panel .arrow-link:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
    -ms-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
    transform: translate(-50%, -50%) rotate(180deg) scale(.8);
}

.arrow-link-wrap.arrow-link--big .arrow-link {
    width: 35px;
    height: 35px;
}

.arrow-link-wrap.arrow-link--big .arrow-link:before {
    width: 17px;
    height: 15px;
}

.arrow-link--o {
    background-color: #fdf0eb;
    border-color: #eb6a39;
}

.arrow-link--g {
    background-color: #cbd6d6;
}

.arrow-link--d-g {
    background-color: #113a4b;
}

.arrow-link--w {
    background-color: #fff;
}

.arrow-link--wt {
    border-color: #eceded;
    background-color: transparent;
}

.arrow-link--mn {
    margin: 20px 0;
}

.arrow-slider-big {
    width: 55px;
    height: 55px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#arrow-slider-big') 0 0 no-repeat;
    opacity: 0.6;
    text-indent: -9999px;
    overflow: hidden;
}

.arrow-slider-big:hover {
    opacity: 1;
}

.arrow-slider-big--right {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.button-download {
    color: #4dbca2;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
}

.button-more {
    line-height: 1.2;
    text-decoration: none;
    position: relative;
}

.button-more--left {
    padding-left: 30px;
}

.button-more--right {
    padding-right: 30px;
}

.button-more .arrow-link {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.button-more--left .arrow-link {
    left: 0;
}

.button-more--right .arrow-link {
    right: 0;
}

.arrow-link:hover,
a:hover>.arrow-link,
button:hover>.arrow-link,
div:not(.slick-slider):not(.find-brand):hover>.arrow-link {
    border-style: solid;
}

.arrow-link:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 11px;
    height: 9px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#arrow-green') 0 0 no-repeat;
}

.arrow-link--o:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#arrow-orange') 0 0 no-repeat;
}

.arrow-link--wt:before {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#arrow-white') 0 0 no-repeat;
}

.arrow-link--right:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.arrow-link--down:before {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}

.arrow-link--up:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.arrow-sep .sep {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 7px;
    margin: -2px 2px 0;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-arrow-sep') 0 0 no-repeat;
}

#overlay,
.goverlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 900;
}

#overlay {
    display: none;
}

.popup {
    z-index: 910 !important;
}

.g-recaptcha {
    overflow: hidden;
}

.fav-logo {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 27px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/logo-fav.svg') 0 0 no-repeat;
}

.brand-wrap--c {
    position: absolute;
    width: 104px;
    height: 104px;
    line-height: 102px;
    background: #111b36;
    -webkit-box-shadow: 0 0 0 1px #2c7170;
    box-shadow: 0 0 0 1px #2c7170;
    border-radius: 50%;
    text-align: center;
}

.sub-heading {
    margin-top: -7px;
    color: #f3b183;
    font-style: italic;
    font-size: 19px;
    font-weight: 300;
}

.read-r-box__info {
    margin: 4px 0 0;
    font-style: italic;
    font-size: 12px;
}

.follow-us__list {
    text-align: left;
}

.follow-us__list>li:not(:last-child),
.jssocials-share {
    margin-right: 10px;
}

.follow-us__list>li>a,
.jssocials-share .jssocials-share-logo {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: -webkit-transform linear .1s;
    transition: -webkit-transform linear .1s;
    -o-transition: transform linear .1s;
    transition: transform linear .1s;
    transition: transform linear .1s, -webkit-transform linear .1s;
}

.follow-us__list>li>a:hover,
.follow-us .jssocials-share-link:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.login-signup-panel__left .follow-us__list>li>a {
    width: 22px;
    height: 22px;
}

.follow-us--facebook {
    background: #3775f7 url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#facebook') 0 0 no-repeat;
}

.follow-us--instagram {
    background: url('/assets/images/svg/instagram.svg?v=1LPrdf2mj19DWsJa_bIgB8_OkWU') 0 0 no-repeat;
}

.follow-us--linkedin {
    background: #427cb3 url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#linkedin') 0 0 no-repeat;
}

.follow-us--pinterest {
    background: #d60000 url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#pinterest') 0 0 no-repeat;
}

.follow-us--twitter {
    background: #000 url('https://media-173f0.kxcdn.com/assets/images/svg/x-icon.svg') 0 0 no-repeat;
}

.follow-us--telegram {
    background: #fff url('https://media-173f0.kxcdn.com/assets/images/svg/telegram.svg') 0 0 no-repeat;
    background-size: cover;
}

.follow-us--youtube {
    background: #ee0000 url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#youtube') 0 0 no-repeat;
}

.follow-us--spotify {
    background: url('/assets/images/svg/spotify.svg?v=C-pHiEtJC172mlT0M3Q8-nMEGTU') 0 0 no-repeat;
    background-size: cover;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    -webkit-appearance: none;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 4px solid #fff;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}


/* ======== */

.custom-scrollbar-2::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    -webkit-appearance: none;
}

.custom-scrollbar-2--sm::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}

.custom-scrollbar-2::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

.custom-scrollbar-2--sm::-webkit-scrollbar-track {
    border-radius: 2px;
}

.custom-scrollbar-2::-webkit-scrollbar-thumb {
    background: rgba(134, 134, 134, .5);
    border-radius: 8px;
}

.custom-scrollbar-2.custom-scrollbar-2--d::-webkit-scrollbar-thumb {
    background: #162a40;
}

.custom-scrollbar-2--sm::-webkit-scrollbar-thumb {
    border-radius: 2px;
}

.custom-scrollbar-2::-webkit-scrollbar-thumb:hover {
    background: rgba(134, 134, 134, .9);
}


/* ===================================================== */

#main-header,
#main-nav-wrap.fixed {
    background: #e7eaea;
}

#main-header {
    padding-top: 69px;
    background: #e7eaea;
    color: #fff;
    position: relative;
}

.body-home #main-header {
    padding-bottom: 69px;
}

#main-nav-wrap,
#main-nav__user-panel {
    height: 69px;
}

.body-compare:not(.body-compare--null) #main-header {
    height: 630px;
}

#logo,
#logo a,
#main-nav__list,
#main-nav__user-panel,
#navbarNavDropdown>.menu-item-c,
.form-search--header {
    display: inline-block;
    vertical-align: middle;
}

#logo {
    position: relative;
}

.menu-item-c>li {
    background: #ec6b3a;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    top: -3px;
}

.menu-item-c__box {
    display: none;
    position: absolute;
    padding: 14px 10px 10px 18px;
    right: 2px;
    top: calc(100% + 12px);
    width: 190px;
    background: rgba(10, 31, 58, .95);
    border: 1px solid #ec6b3a;
    border-radius: 18px;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: left;
}

#main-nav__list .nav-item--dropdown-content.menu-item-c__box {
    width: 100%;
}

.menu-item-c__box:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    height: 20px;
}

.menu-item-c>li:hover .menu-item-c__box {
    display: initial;
}

.menu-item-c__box .title {
    margin: 10px 0;
    color: #ec6a39;
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link {
    min-height: 28px;
    padding-left: 36px;
    line-height: 28px;
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link>span {
    vertical-align: middle;
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link>.head-log-grad {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 24px;
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link>span:not(.head-log-grad) {
    line-height: 1.2;
}

#main-nav-wrap {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    padding-top: 2px;
}

#main-nav-wrap.fixed,
.delete-user-profile {
    z-index: 9990;
}

#main-nav-wrap.fixed {
    position: fixed;
}

.main-header--dark #main-nav-wrap.fixed {
    background: #111b36;
}

#main-nav-wrap>.main-width {
    width: 100%;
}

#main-nav {
    float: right;
}

#main-nav .svg-wrap--ico {
    width: 26px;
    height: 26px;
    line-height: 20px;
    margin-right: 4px;
    background: #133447;
    border: 1px solid #245b61;
    border-radius: 50%;
    text-align: center;
}

#main-nav .svg-wrap--ico .svg--guides {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 18px;
}

#main-nav li {
    position: relative;
}

#main-nav a,
#main-nav__list #main-nav__log-sign #loginLink,
.main-header--dark #main-nav__log-sign #loginLink {
    color: #fff;
}

#main-nav a {
    display: block;
    font-size: 12px;
    text-decoration: none;
}


@media only screen and (max-width: 1403px) and (min-width: 1023px) {
    #main-nav a {
        font-size: 11px;
    }
    #logo img{
    width: 135px;
    }

}

#main-nav__log-sign #loginLink {
    color: #0e5a5b;
    cursor: pointer;
}

#main-nav__list>.nav-item {
    padding: 0;
    border-radius: 10px;
}

#main-nav__list .nav-item--dropdown-content>.inner-wrap {
    margin: 0 auto;
}

#main-nav__list .nav-item--dropdown-content .inner {
    min-width: 90px;
    width: 260px;
    text-align: left;
}

#main-nav__list .nav-item--dropdown-content .inner-wrap .inner>a {
    padding: 10px 4px 15px;
    text-align: center;
    /* height: 130px; */
    height: unset;
}

#main-nav__list .nav-item--dropdown-content>li>a:hover,
#main-nav__list .items-list .nav-link:hover,
#main-nav .menu-item-c__box .nav-link:hover {
    color: #4dbca2;
    text-decoration: none;
}

#main-nav__list .nav-item--dropdown-content a:hover,
.form-search .search-results>li>a:hover {
    background: #163b4c;
}

#main-nav__list .nav-item--gam .nav-item--dropdown-content img {
    margin-bottom: 10px;
}

#main-nav__list .nav-item--dropdown-content .items-list>li {
    display: block;
}

#main-nav__list .nav-item--dropdown-content .items-list>li:not(:last-child) {
    margin-bottom: 8px;
}

#main-nav__list .nav-item--dropdown-content .inner>.title {
    margin-bottom: 10px;
    margin-left: 26px;
    color: #ec6a39;
    font-size: 12px;
    text-align: left;
}

#main-nav__list .nav-item--dropdown-content.menu-item-c__box .inner>.title {
    margin-left: 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #193c4c;
    font-size: 18px;
    text-align: center;
}

#main-nav__list>.nav-item>.nav-link,
#main-nav__log-sign .nav-link {
    display: inline-block;
    text-transform: uppercase;
}

#main-nav__log-sign .nav-link {
    padding: 23px 15px;
}

#main-nav__list>.nav-item--promos>.nav-link {
    color: #cd7d58 !important;
    position: relative;
}

#main-nav__list .nav-item--promos>a:after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 30%;
    height: 2px;
    border-bottom: 2px dotted #cd7d58;
}

#main-nav #registerLink {
    color: #4dbca2;
    cursor: pointer;
}

#main-nav__user-info {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1;
    position: relative;
}

#main-nav__user-info:not(.active) {
    overflow: hidden;
}

#main-nav__user-info .user-name,
#main-nav__user-info .user-name *,
#main-nav__user-info .user-avatar {
    cursor: pointer;
}

.user-avatar {
    border-radius: 50%;
}

#main-nav__user-info .user-avatar {
    position: relative;
    top: -2px;
}

#main-nav__user-info .user-name {
    width: calc(100% - 83px);
    margin-right: 9px;
    margin-left: -2px;
    padding: 8px 10px 8px 6px;
    color: #fff;
    position: relative;
}

#main-nav__user-info .user-name:after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
    width: 8px;
    height: 7px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-arrow-right-w') 0 0 no-repeat;
}

#main-nav__user-info.active .user-name:after {
    margin-top: -3px;
    -webkit-transform: translate(0, -50%) rotate(270deg);
    -ms-transform: translate(0, -50%) rotate(270deg);
    transform: translate(0, -50%) rotate(270deg);
}

#main-nav__user-info .user-notifications {
    padding-right: 4px;
    padding-left: 12px;
    top: 5px;
}

.user-notifications__bell {
    width: 17px;
    height: 20px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#notification-bell') 0 0 no-repeat;
    position: relative;
    cursor: pointer;
}

.user-notifications__bell>span {
    position: absolute;
    right: -4px;
    top: -4px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    padding-right: 2px;
    background: #4dbca2;
    border-radius: 50%;
    color: #0e1c37;
    font-style: italic;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
}

#main-nav__user-info .user-actions,
#main-nav__user-info .user-name:after {
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

#main-nav__user-info.active .user-actions,
.menu-item-c__box {
    z-index: 850;
}

#main-nav__user-info .user-actions #formLogout {
    display: inline-block;
}

#main-nav__user-info .user-actions .svg,
#main-nav__user-info .user-actions .svg-img {
    margin-right: 10px;
}

#main-nav__user-info .user-actions .svg {
    fill: #fff;
    stroke: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-top: -4px;
}

#main-nav__user-info .user-actions .nav-item--log-out .svg {
    fill: #ec6b3a;
    stroke: #ec6b3a;
}

#main-nav .nav-item--log-out .nav-link {
    background: transparent;
    color: #ec6b3a;
}

.main-nav-toggle,
.quick-nav-toggle {
    display: inline-block;
    vertical-align: middle;
}

.main-nav-toggle {
    width: 36px;
    height: 24px;
    margin-left: 30px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-menu-toggle') 0 0 no-repeat;
}

.main-header--dark .main-nav-toggle {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-menu-toggle-w') 0 0 no-repeat;
}

.body-user #main-nav__user-panel {
    display: none;
}

.quick-nav-toggle {
    width: 35px;
    height: 35px;
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-quick-nav-button') 0 0 no-repeat;
}

.body-compare .quick-nav-toggle,
.body-user .quick-nav-toggle {
    display: none;
}

.main-header--dark .quick-nav-toggle {
    background: url('https://media-173f0.kxcdn.com/assets/images/svg/svg-sprite-bg.svg#ico-quick-nav-button-w') 0 0 no-repeat;
}

#mob-bott-nav {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: -2px;
    right: 0;
    left: 0;
    height: 50px;
    background: #111d37;
    border: 1px solid #104251;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    text-align: center;
    z-index: 911;
}

.body-blog #mob-bott-nav {
    display: none;
}

#mob-bott-nav>li {
    width: calc(100% / 6);
    padding: 6px 2px 4px;
}

#mob-bott-nav>li.not-active {
    opacity: 0.4;
}

#mob-bott-nav>li>a, #mob-bott-nav>li>span{
    display: block;
    font-size: 8px;
    text-decoration: none;
}

#mob-bott-nav .mob-ico-svg {
    display: table;
    margin: 0 auto 2px;
    width: 22px;
    height: 22px;
}

#main-nav .head-log-grad {
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    text-align: center;
    border-radius: 50%;
}

#main-nav .head-log-grad img {
    border-radius: 50%;
}


/* ===================================================== */

#login-signup-panel-wrap {
    position: fixed;
    top: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

#login-signup-panel {
    display: none;
    -webkit-box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .3);
    line-height: 1.5;
}

#login-signup-panel.login-active .fs-signup,
#login-signup-panel.password-reset-active .fs-signup,
#login-signup-panel.password-reset-active .fs-login {
    display: none;
}

#login-signup-panel.signup-active .fs-login,
#login-signup-panel.login-active .fs-forgot-password,
#login-signup-panel.signup-active .fs-forgot-password {
    display: none;
}

.login-signup-panel__left {
    height: 100%;
    border-radius: 10px 0 0 10px;
    position: relative;
}

.login-active .login-signup-panel__left,
.password-reset-active .login-signup-panel__left {
    background: url('https://media-173f0.kxcdn.com/assets/images/background-images/bg-login.jpg') 0 0 no-repeat;
    background-size: cover;
}

.signup-active .login-signup-panel__left {
    background: url('https://media-173f0.kxcdn.com/assets/images/background-images/bg-signup.jpg') 0 0 no-repeat;
    background-size: cover;
}

.login-signup-panel__left .site-logo,
.login-signup-panel__left .follow-us--log-sign {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.login-active .login-signup-panel__left .site-logo {
    top: 67%;
}

.signup-active .login-signup-panel__left .site-logo {
    top: 76%;
}

.password-reset-active .login-signup-panel__left .site-logo {
    top: 64%;
}

.login-signup-panel__left .follow-us--log-sign {
    width: 185px;
}

.login-active .login-signup-panel__left .follow-us--log-sign {
    top: 77%;
}

.signup-active .login-signup-panel__left .follow-us--log-sign {
    top: 84%;
}

.password-reset-active .login-signup-panel__left .follow-us--log-sign {
    top: 80%;
}

.login-signup-panel__left .follow-us--log-sign .title,
.login-signup-panel__left .follow-us--log-sign ul {
    display: inline-block;
    vertical-align: middle;
}

.login-signup-panel__left .follow-us--log-sign .title {
    margin: 0 8px 2px 0;
    color: #f3f4f5;
    font-size: 12px;
}

.login-signup-panel__right {
    height: 100%;
    padding: 10px;
    border-radius: 0 10px 10px 0;
    position: relative;
}

.log-sign__flag {
    position: absolute;
    left: 6px;
    top: 6px;
}

.login-signup__button,
.button-w {
    background: rgba(248, 248, 248, .2);
    border-radius: 10px 0 0 10px;
    color: #f3f4f5;
    font-style: italic;
    font-size: 19px;
}

.login-signup__button {
    position: absolute;
    left: -140px;
    width: 140px;
    padding: 8px 10px 8px 28px;
}

.login-signup__button-s {
    top: 76px;
}

.login-signup__button-l {
    top: 130px;
}

.button-w {
    padding: 8px 10px;
}

.login-signup__button.active,
.login-signup__button:hover,
.button-w.active,
.button-w:hover {
    background: rgba(248, 248, 248, 1);
    color: #4dbca2;
}

.login-signup-form {
    width: 100%;
    margin: 0 auto;
}

.login-signup-form legend {
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 5px;
    font-weight: 700;
}

.login-active .login-signup-form legend {
    margin-bottom: 40px;
}

.login-signup-form input:not([type="submit"]):not(.custom-date-input):not([name="log-in-form__consent"]),
.login-signup-form .custom-select-box--country {
    width: calc(100% - 32px);
    margin-left: 32px;
}

.login-signup-form .custom-select-box--country .custom-select-box__trigger {
    display: none;
}

.login-signup-form .custom-select-box--country .custom-select-box__options {
    max-height: 115px;
    overflow-y: auto;
}

.login-signup-form .svg,
.login-signup__terms .svg,
.age-verification__bd .svg--bd {
    width: 22px;
    height: 22px;
}

.login-signup-panel__right label .svg,
.login-signup-panel__right .label-wbe .svg,
.age-verification__bd .svg--bd {
    float: left;
    position: relative;
    top: 28px;
}

.login-signup-panel__right .label-wbe.log-in-form__country .svg {
    top: 9px;
}

.login-signup-panel__right .label-wbe .svg--bd,
.age-verification__bd .svg--bd {
    top: 6px;
}

.login-signup-form label .label {
    margin-left: 26px;
}

.login-signup-form .label-wbe .label {
    margin-left: 44px;
}

.login-signup-form .login-signup-form__bd>.label,
.age-verification__bd>.label,
.login-signup-form .label-wbe .label {
    display: block;
}

.login-signup-form .login-signup-form__bd .custom-date-box,
.age-verification__bd .custom-date-box {
    float: left;
    width: calc(32% - 12px);
    position: relative;
}

.login-signup-form .login-signup-form__bd .custom-date-box:nth-child(3),
.age-verification__bd .custom-date-box:nth-child(3) {
    margin-left: 10px;
}

.login-signup-form .login-signup-form__bd .custom-date-box:nth-child(4),
.age-verification__bd .custom-date-box:nth-child(4) {
    margin: 0 2%;
}

.login-signup-form__bottom {
    margin-top: 20px;
}

.login-signup-form__bottom a {
    display: inline-block;
}

.login-active .login-signup-form__bottom {
    margin-bottom: 30px;
}

#login-in-form__passreset {
    float: right;
}

#login-in-form__passreset:hover {
    text-decoration: underline;
}

.fs-forgot-password .log-in-form__email {
    margin: 20px 0 30px;
}

.login-signup__terms {
    color: #123347;
    font-size: 12px;
    text-align: right;
    position: relative;
}

.login-signup__terms .svg {
    vertical-align: middle;
}

.login-signup__terms .svg:not(:only-child) {
    float: left;
    margin-right: 4px;
}

#login-signup-panel.signup-active .login-signup-form__bottom {
    display: table;
    margin: 10px auto;
}

#login-signup-panel.signup-active .login-signup-form__bottom a {
    display: inline;
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
}

#login-signup-panel.signup-active .login-signup-form__bottom a:hover {
    color: #ec6a39;
}

#cas-miss {
    display: none;
    position: fixed;
    left: 50%;
    top: 90px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-height: calc(100vh - 110px);
    padding: 20px 20px 10px;
    -webkit-box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .3);
}

#cas-miss legend {
    margin-bottom: 30px;
}

#cas-miss label:not(:last-child),
#cas-miss .label-wbe:not(:last-child) {
    margin-bottom: 14px;
}

#cas-miss .cas-miss-form__available,
#cas-miss .cas-miss-form__notify {
    margin-top: 8px;
    margin-bottom: 8px !important;
}

#cas-miss .v-dot-input-wrap {
    margin: 20px auto;
}

#cas-miss .v-dot:not(:hover) {
    color: #111b36;
}

.cas-miss-link {
    font-weight: 700;
    background: transparent;
}

.cas-miss-link>span:first-child {
    text-decoration: underline;
}

.cas-miss-link:hover>span:first-child {
    text-decoration: none;
}

#cas-miss .tarea-other {
    resize: none;
    opacity: 0;
    width: 260px;
    height: 52px;
    max-height: 0;
    color: #7b8186;
    font-size: 12px;
    line-height: 1.2;
    -webkit-transition: all linear .4s;
    -o-transition: all linear .4s;
    transition: all linear .4s;
    -webkit-transition-property: max-height, opacity;
    -o-transition-property: max-height, opacity;
    transition-property: max-height, opacity;
}

#cas-miss .tarea-other.active {
    opacity: 1;
    max-height: 52px;
}


/* ===================================================== */

.form-search-input {
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: transparent;
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="text"].form-search-input {
    padding: 10px;
    background-color: transparent;
    background-image: url('https://media-173f0.kxcdn.com/assets/images/form-search-inactive.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 32px;
}

#main-header:not(.main-header--dark) input[type="text"].form-search-input {
    color: #111b36;
}

#main-header:not(.main-header--dark) .form-search--main-nav input[type="text"].form-search-input,
.body-blog--news #main-header:not(.main-header--dark) input[type="text"].form-search-input {
    color: #fff;
}

.form-search--dark input[type="text"].form-search-input,
input[type="text"].form-search-input.form-search--dark {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/form-search-inactive-dark.png');
    color: #111b36;
}

.form-search-input:focus {
    width: 232px;
    color: #fff;
}

.form-search-input:not(:focus) {
    color: transparent !important;
    cursor: pointer;
}

input[type="text"].form-search-input:focus {
    padding: 10px 30px 10px 42px;
    border-color: #0d7a7a;
    background-position: 10px 10px;
    position: relative;
    z-index: 10;
}

input[type="text"].form-search-input:focus,
.body-blog--news #main-header:not(.main-header--dark) .form-search:not(.form-search--main-nav) input[type="text"].form-search-input:focus {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/form-search.png');
}

#main-header:not(.main-header--dark) .form-search:not(.form-search--main-nav) input[type="text"].form-search-input:focus,
.form-search--dark input[type="text"].form-search-input:focus,
input[type="text"].form-search-input.form-search--dark:focus {
    background-image: url('https://media-173f0.kxcdn.com/assets/images/form-search-dark.png');
}

.body-blog .posts-sort input[type="text"].form-search-input:focus,
.body-calendar .posts-sort input[type="text"].form-search-input:focus {
    background-color: #123346;
}

.form-search {
    position: relative;
}

.form-search.active .form-search--clear {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    color: #ec6a39;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
    z-index: 100;
}

.form-search--posts-sort {
    position: absolute;
    right: 10px;
    top: 7px;
}

.body-blog-category--default .form-search--posts-sort {
    top: 4px;
}

.form-search .search-results {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    padding-bottom: 10px;
    background: rgba(10, 31, 58, 1);
    border-radius: 8px;
    font-weight: 300;
    font-size: 12px;
}

.form-search-input:not(:focus)~.search-results,
.form-search-input:not(:focus)+.form-search--clear {
    opacity: 0;
}

.form-search .search-results>li:not(:last-child) {
    border-bottom: 1px solid #1c2e46;
}

.form-search .search-results .li-not-found {
    padding: 10px 10px 0;
}

.form-search .search-results>li>a {
    padding: 10px 20px 16px;
}

.form-search .search-results>li:first-child>a {
    border-radius: 8px 8px 0 0;
}

.form-search .search-results>li:last-child>a {
    border-radius: 0 0 8px 8px;
}

.form-search .search-results__p {
    margin-bottom: 8px;
    color: #a6a9af;
    font-size: 10px;
    text-align: right;
}

.search-results__t {
    padding-left: 42px;
    line-height: 1.4;
    position: relative;
}

.form-search .search-results__img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #2b6266;
    box-shadow: 0 0 0 1px #2b6266;
}

.pos-unset{
    position: unset !important;
}
@media only screen and (max-width: 1499px) and (min-width: 1300px){
    .back-to-top {
        right: 10px;
        bottom: 10px;
    }
}
/* TO DO */
@media only screen and (min-width: 640px) {  
    h1 {
        font-size: 50px
    }
    h2,.font-size-big,.profile-why-title {
        font-size: 36px !important
    }
    .body-terms h2 {
        font-size: 26px !important
    }
    h3,.font-size-medium {
        font-size: 24px !important
    }

    h4,h5,h6,.font-size-ms {
        font-size: 19px !important
    }
    .body-blog h1 {
        font-size: 36px !important
    }
    .mt-2 {
        margin-top:20px !important
    }

    .mt-3 {
        margin-top: 30px !important
    }

    .mr-2 {
        margin-right: 20px !important
    }

    .mb-2 {
        margin-bottom: 20px !important
    }

    .ml-2 {
        margin-left: 20px !important
    }

    .mr-3 {
        margin-right: 30px !important
    }

    .mb-3 {
        margin-bottom: 30px !important
    }

    .ml-3 {
        margin-left: 30px !important
    }

    .mt-4 {
        margin-top: 40px !important
    }

    .mt-4 {
        margin-top: 40px !important
    }

    .mr-4 {
        margin-right: 40px !important
    }

    .mb-4 {
        margin-bottom: 40px !important
    }

    .ml-4 {
        margin-left: 40px !important
    }

    .mt-5 {
        margin-top: 50px !important
    }

    .mt-5-n {
        margin-top: -50px !important
    }

    .mr-5 {
        margin-right: 50px !important
    }

    .mb-5 {
        margin-bottom: 50px !important
    }

    .ml-5 {
        margin-left: 50px !important
    }

    .mt-6 {
        margin-top: 60px !important
    }

    .mt-6-n {
        margin-top: -60px !important
    }

    .mr-6 {
        margin-right: 60px !important
    }

    .mb-6 {
        margin-bottom: 60px !important
    }

    .ml-6 {
        margin-left: 60px !important
    }

    .mt-7 {
        margin-top: 70px !important
    }

    .mt-7-n {
        margin-top: -70px !important
    }

    .mr-7 {
        margin-right: 70px !important
    }

    .mb-7 {
        margin-bottom: 70px !important
    }

    .ml-7 {
        margin-left: 70px !important
    }

    .mt-8 {
        margin-top: 80px !important
    }

    .mt-8-n {
        margin-top: -80px !important
    }

    .mr-8 {
        margin-right: 80px !important
    }

    .mb-8 {
        margin-bottom: 80px !important
    }

    .ml-8 {
        margin-left: 80px !important
    }

    .mt-9 {
        margin-top: 90px !important
    }

    .mt-9-n {
        margin-top: -90px !important
    }

    .mr-9 {
        margin-right: 90px !important
    }

    .mb-9 {
        margin-bottom: 90px !important
    }

    .ml-9 {
        margin-left: 90px !important
    }

    .mt-13 {
        margin-top: 130px !important
    }

    .mb-17 {
        margin-bottom: 170px !important
    }
}
h1 {
    font-weight: 400 !important;
    font-size: 50px !important;
    color: #4dbca2 !important
}

h2 {
    font-size: 36px !important
}

h3 {
    font-size: 24px !important
}

h1,h2,h3 {
    font-family: 'Open Sans',sans-serif !important
}
@media only screen and (max-width: 639px) {
    .fav-logo {
        width: 33px;
        height: 25px;
    }
    .flags {
        width: 14px;
        height: 14px;
    }
    .custom-select-box .flags {
        top: -3px;
    }
    body,
    .font-size-normal {
        font-size: 14px;
    }
    .section-box>p {
        margin: 10px 0;
    }
    h1,
    .body-default h1 {
        font-size: 24px;
    }
    .heading-logo-wrap h1 .block {
        font-size: 18px;
    }
    h2,
    .font-size-big,
    .profile-why-title {
        font-size: 22px !important;
    }
    .font-size-bm {
        font-size: 21px;
    }
    h3,
    .font-size-medium {
        font-size: 20px !important;
    }
    h4,
    h5,
    h6,
    .font-size-ms {
        font-size: 18px !important;
    }
}
.d-flex {
    display: flex !important;
}

.flex-align-center {
    align-items: center;
}
.flex-justify-center{
    justify-content: center;
}
.dir-column {
    flex-direction: column;
}
.main-width-md.d-flex {
    justify-content: center;
}
.slider-wrap:not(.slick-initialized) {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.slider-wrap:not(.slick-initialized)>* {
    visibility: hidden;
}
.slider__top-latest-news,.slider__top-latest-news.slick-slider {
    position: absolute
}

.slider__top-latest-news .slick-slide {
    margin: 0 5px
}

.slider__top-latest-news .slick-list,.top-latest-news {
    border-radius: 20px
}

.slider__top-latest-news .slick-list {
    margin: 0 -5px
}

.slider__top-latest-news {
    top: -25px
}
.slider-wrap.slick-initialized {
    opacity: 1;
    height: auto;
    transition: none;
    -webkit-transition: none;
}
.slick-prev,.slick-next {
    background-color: transparent;
    font-size: 12px;
    text-indent: -9999px
}
.slick-dots,ul:not(.list-r).slick-dots {
    padding-left: 0
}

.slick-dots>li {
    float: left;
    width: 10px;
    height: 10px;
    background: #4dbca2;
    border: 1px solid #4dbca2;
    border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer
}

.slick-dots>li:not(:last-child) {
    margin-right: 8px
}

.slick-dots>li.slick-active,.slick-dots>li:hover {
    background: #111b36
}

.slider__cas-of-month {
    min-height: 400px;
    margin: 0 auto;
    position: relative
}
.slider__top-ww-why {
    min-height: 190px;
    margin-top: 39px
}

.slider__top-ww-why .slick-slide.slick-current:not(:first-child) {
    -webkit-transition: all linear 1.1s;
    -o-transition: all linear 1.1s;
    transition: all linear 1.1s
}

.slider__top-ww-why .slick-slide:not(.slick-current) {
    padding-top: 20px;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: .3
}

.slider__top-ww-why .slick-slide img {
    margin-bottom: 20px
}

.slider__top-ww-why .slick-arrow {
    position: absolute;
    bottom: 0;
    z-index: 10
}

.slider__top-ww-why .slider-caption {
    margin: 0 auto;
    font-style: italic;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    -webkit-transition: opacity ease-in-out 2s;
    -o-transition: opacity ease-in-out 2s;
    transition: opacity ease-in-out 2s
}

.slider__top-ww-why .slick-slide:not(.slick-current) .slider-caption {
    opacity: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.slider__el-of-month {
    position: relative
}

.slider__el-of-month .slick-dots {
    position: absolute;
    right: 10px;
    bottom: 110px
}

.slider__el-of-month .slick-dots>li {
    border-color: #fff
}

.slider__el-of-month .slick-dots>li:not(.slick-active):not(:hover) {
    background: #fff
}

.slider__game-list-free {
    margin: 30px auto;
    z-index: 10
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}
.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

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

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

.slick-track:after {
    clear: both
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
.slick-initialized .slick-slide {
    display: block
}
.slick-slider .arrow-link {
    text-indent: -9999px
}

#main-header .slick-slider .arrow-link {
    background-color: #0e2e43
}
@media only screen and (min-width: 1500px) {
    .slider__cas-of-month {
        left: -30px
    }
    .slider__flip-cards-cas {
        top: 1px
    }
}
@media only screen and (max-width: 1499px) and (min-width: 1300px){
    .slider__cas-of-month {
        width: 580px;
    }
}
@media only screen and (min-width: 1300px) {
    .slider__cas-of-month .slick-arrow {
        bottom: 35px
    }
    
    .slider__gallery .slick-slide:not(.slick-current),.fix-img-width .slick-slide:not(.slick-current) {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    .slider__lbc-more-games .slick-current+.slick-slide img {
        width: 570px;
        height: 274px
    }

    .slider__lbc-more-games .slick-current img,.slider__lbc-more-games .slick-current+.slick-slide+.slick-slide img {
        top: 65px
    }

    .slider__lbc-more-games .slick-slide:not(.slick-active) img {
        visibility: hidden
    }

    .brand-table--wbd th:last-child,.brand-table--wbd th:nth-last-child(2) {
        width: 200px
    }

    .gambl-calc .custom-range-wrap>.custom-range-slider-input {
        display: inline-block;
        vertical-align: bottom;
        width: 46%
    }

    .gambl-calc .custom-range-wrap>.custom-range-slider-input:nth-child(2n+1) {
        margin-right: 6%
    }

    .gambl-calc .custom-range-slider-input .range-output-label>span {
        width: 250px
    }
}
@media only screen and (max-width: 1299px) and (min-width: 640px){
    .slider__top-latest-news {
        left: 50px;
        right: 50px;
    }
}
@media only screen and (min-width: 1200px) {
    .slider__top-latest-news {
        width: 1010px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}
@media only screen and (min-width: 1024px) {
    .slider__prov-games .arrow-slider-big--right {
        right: 70px
    }
    .slider__flip-cards-cas {
        background: #0d2c3d
    }

    .slider__flip-cards-cas .slick-slide {
        float: left
    }
}
@media only screen and (max-width: 1299px){
    .back-to-top {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        right: 3px;
    }
}
@media only screen and (max-width: 1023px) {
    .slider__flip-cards-cas {
        margin: 0 auto 30px;
    }
    .slider__flip-cards-cas .slick-slide {
        padding: 4px 8px;
    }
    .slider__flip-cards-cas .slick-dots {
        display: table;
        margin: 10px auto 0;
    }
    .d-only-mobile {
        display: block !important;
    }
}
@media only screen and (min-width: 800px) {
    .slider__cas-of-month {
        width: 686px
    }
    .slider__related-el .slick-slide {
        width: 100% !important
    }
}
@media only screen and (max-width: 799px) {
    h1, .body-blog h1 {
        font-size: 30px !important;
    }
    h2 {
        font-size: 26px !important;
    }
    .slider__cas-of-month .d-flex.fl-right {
        width: 100%;
        justify-content: space-evenly;
    }
    .slider__related-el .slick-dots {
        position: absolute;
        bottom: -16px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .main-width,
    .main-width-md,
    .main-width-md-b,
    .main-width-sm {
        width: calc(100% - 20px);
    } 
    #login-signup-panel {
        background: rgba(68, 81, 86, 1);
        background: -o-radial-gradient(center, ellipse, rgba(68, 81, 86, 1) 0%, rgba(27, 69, 82, 1) 51%, rgba(17, 47, 67, 1) 84%, rgba(12, 29, 57, 1) 100%);
        background: radial-gradient(ellipse at center, rgba(68, 81, 86, 1) 0%, rgba(27, 69, 82, 1) 51%, rgba(17, 47, 67, 1) 84%, rgba(12, 29, 57, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445156', endColorstr='#0c1d39', GradientType=1);
    }
    #main-nav #login-signup-panel a {
        color: #fff;
    }
    .login-signup-form legend {
        width: 100%;
        color: #48bea4;
        font-size: 16px;
    }
    .login-signup-form legend:after {
        background: #40a694;
    }
    .login-signup-panel__left {
        display: none;
    }
    .login-signup-panel__right {
        max-height: 670px;
        overflow-y: auto;
    }
    .login-signup__terms {
        margin: 14px auto;
        color: #fff;
        text-align: center;
    }
    .login-signup__button {
        display: none !important;
    }
    #login-signup-panel input[type="submit"] {
        color: #fff !important;
    }
    .login-signup-panel__right .login-signup-link {
        margin-top: 14px;
        font-size: 14px;
    }
    .login-signup-panel__right .login-signup-link {
        text-align: center;
    }
    .login-signup-panel__right .login-signup-link>.link {
        margin-left: 10px;
        color: #48bfa5;
        font-size: 16px;
        text-decoration: underline;
    }
}
@media only screen and (max-width: 767px) {
    .slider__lbc-overvld {
        text-align: center;
    }
    .slider__lbc-overvld img {
        width: 260px;
        height: 140px;
    }
}
@media only screen and (min-width: 640px) {
    .slider__top-ww-why-p {
        min-height: 200px
    }

    .slider__top-ww-why .slider-caption {
        max-width: 270px;
        font-size: 19px
    }

    .slider__top-ww-why .slick-prev {
        left: 10%
    }

    .slider__top-ww-why .slick-next {
        right: 10%
    }  
    h3,.font-size-medium {
        font-size: 24px !important
    }

    h4,h5,h6,.font-size-ms {
        font-size: 19px !important
    }
    .slider__cas-of-month .slick-arrow {
        bottom: 60px
    }

    .slider__cas-of-month .slick-prev {
        left: -26px
    }

    .slider__cas-of-month .slick-next {
        right: -26px
    }

}
@media only screen and (max-width: 639px) {
    #login-signup-panel .g-recaptcha {
        display: table;
        margin: 0 auto 20px;
    }
    #login-signup-panel .v-dot-input-wrap {
        display: table;
        margin: 0 auto;
    }
    .slider__top-ww-why .slider-caption {
        max-width: 240px;
    }
    .slider__top-ww-why-p {
        min-height: 170px;
    }
    .slider__top-ww-why .slick-prev {
        left: -10px;
    }
    .slider__top-ww-why .slick-next {
        right: -10px;
    }
    .slider__cas-of-month .slick-arrow {
        top: 86px;
    }
    .slider__cas-of-month .slick-prev,
    .slider__cas-of-month .slick-next {
        z-index: 1;
    }
    .slider__cas-of-month .slick-prev {
        left: 10px;
    }
    .slider__cas-of-month .slick-next {
        right: 10px;
    }
    .slider__top-latest-news {
        left: 20px;
        right: 20px;
    }
}
@media only screen and (min-width: 460px) {
    .slider__top-ww-why {
        min-height:260px
    }
}
@media only screen and (min-width: 450px) {
    .slider__cas-of-month .d-flex.fl-right .read-r-box:first-child {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 449px) {
    .slider__cas-of-month .d-flex.fl-right .read-r-box:first-child {
        margin-bottom: 10px;
    }
}
.slider__cas-of-month .d-flex.fl-right {
    display: flex;
    width: fit-content;
    float: right;
    flex-wrap: wrap
}

.slider-arrow-small .slick-arrow:after, #main-nav__list>.nav-item--dropdown:after {
    background: url(https://media-173f0.kxcdn.com/assets/images/svg/ico-arrow-right-w.svg) 0 0 no-repeat;
}
.slider__game-list-free .slick-dots {
    display: table;
    margin: 30px auto;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.slider__cas-of-month {
    min-height: 400px;
    margin: 0 auto;
    position: relative;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider {
    position: relative;
    display: block;
    -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;
}
.el-of-month__main,.el-of-month__main img,.slider__el-of-month>.slick-list {
    border-radius: 16px
}
.slider__cas-of-month .slick-arrow {
    position: absolute;
}
.category-groups .custom-list-toggle__option>a {
    color: #ec6a39;
}
.author-bio .d-flex .left{
    width: 12%;
    margin-right: 15px;
}
.author-bio .d-flex .right{width: 88%;}
.author-bio .d-flex .left img{border-radius: 8px; text-align: center;}
.author-bio .d-flex .left .follow-us__list{display: flex; justify-content: center; margin-top: 5px;}
.author-bio .d-flex .right p{font-size: 15px;}
@media only screen and (max-width: 1024px) {
    .author-bio .d-flex{flex-direction: column; align-items: center;}
    .author-bio .d-flex .left, .author-bio .d-flex .right{width: auto;}
    .author-bio .d-flex .left{margin: 10px 0 15px 0;}
    .author-bio .d-flex .right .post-author__a{text-align: center;}
}
.center-button{
    margin: 15px auto;
    width: fit-content;
    display: block !important;
}
.center-button:hover{
    color: white;
}
.editorial h2 span{
    width: 35px;
    height: 35px;
    line-height: 34px;
    font-size: 30px;
}
@media only screen and (max-width: 519px){
    .table-wrap--main, .find-brand--main, .table-foot--brand-table, .table-wrap.table-wrap--main {
        width: 350px;
    }
}
.cas-of-month__right .email .svg{
    width: 26px;
    height: 19px;
}
.cas-of-month__right .phone-call .svg {
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.cas-new a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.cas-new .brand-wrap {
    position: absolute;
    top: -4px;
    width: 56px;
    height: 56px;
    line-height: 42px;
    background: #111b36;
    border: 1px solid #2c7170;
    border-radius: 50%;
    text-align: center;
}
.cas-new .brand-wrap>img {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.cas-new .brand-name {
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.3;
}
@media only screen and (max-width: 799px) and (min-width: 640px){
    .slider__cas-of-month {
        width: 476px;
    }
}
ul.land-based-sitemap li a{
    height: fit-content;
    line-height: 65px;
    max-height: 63px;
}
.nav-c li:not(.sep){
    width: 40px;
    height: 40px;
    line-height: 35px;
}
.section--c-live p, .flip-card__back>.info{
    position: relative;
    z-index: 90;
    user-select: auto;
}
.flip-card__back>.info{
    user-select: all;
}
.d-none {
    display: none;
}
.section--sitemap .page-title.more-width{
    width: 420px;
}
.post-author__i p , .author-bio .d-flex .right .post-author__a{
    font-style: italic !important;
}
@media (hover: hover){
    .quick-nav:hover {
        right: 0 !important;
    }
}
.more-el__bottom {
    padding: 14px 30px 10px;
}
.more-el .v-dot--o {
    color: #fff;
}
.more-el .v-dot {
    width: 100%;
    padding: 8px 4px;
}
.more-el .v-dot:last-child:not(:first-child) {
    margin-top: 14px;
}
.brand-table--t2 tbody tr.terms td:first-child {
    padding-left: unset;
    text-align: center;
    background-color: #e1e1e1;
    padding-top: 1px;
}
.brand-table tbody tr.terms.active td {
    opacity: 1;
    max-height: none;
}
@media only screen and (max-width: 1299px) and (min-width: 640px){
    .back-to-top {
        bottom: 0;
    }
}
@media only screen and (max-width: 639px){
    .back-to-top {
        bottom: 50px;
    }
}
.featured-image--single {
    opacity: 1 !important;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
@media only screen and (min-width: 1200px){
    .featured-image--single {
        width: 1200px;
        height: 522px;
    }
}
.sticky {
    position: fixed;
    top: 73px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 900px;
}
img[alt="Curaçao Gaming License"]{
    transform: scale(0.4);
}
.faq-boxes {
    padding-bottom: 20px;
    text-align: left;
}
@media only screen and (min-width: 1300px){
    .faq-box:nth-child(2n+1) {
        margin-right: 4%;
    }
    .faq-box {
        float: left;
        width: 48%;
    }
}
@media only screen and (min-width: 640px){
    .faq-box__q, .fav-logo-title {
        font-size: 19px;
    }
}
.faq-box__q, .fav-logo-title {
    min-height: 40px;
    line-height: 32px;
    margin-bottom: 10px;
    padding-left: 70px;
    color: #4dbca2;
    font-style: italic;
    font-size: 16px;
    position: relative;
}
.faq-box__q, .faq-box__q>span, .fav-logo-title>span {
    cursor: pointer;
}
.body-review--casino .faq-boxes .fav-logo-wrap {
    background: none;
}
.faq-box__q .fav-logo-wrap, .fav-logo-title .fav-logo-wrap {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 62px;
    height: 37px;
    line-height: 33px;
    background: #123346;
    border-radius: 8px 0 8px 0;
    text-align: center;
}
.faq-box__q>span {
    vertical-align: middle;
    line-height: 1.3;
}
.faq-box__a {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 300;
}
.faq-box .faq-box__hidden {
    font-weight: 300;
}
.faq-box__hidden, .toggle-hidd-box__hidden {
    display: none;
}
.faq-box__hidden>p:first-child, .toggle-hidd-box__hidden>p:first-child {
    margin-top: 0;
    padding-top: 10px;
}
.faq-box__hidden>p:last-child {
    margin-bottom: 0;
}
.faq-boxes .read-more-dots-button.active, .toggle-hidd-box .read-more-dots-button.active {
    opacity: .3;
}
.faq-boxes .read-more-dots-button, .toggle-hidd-box .read-more-dots-button {
    display: block;
    opacity: 1;
    -webkit-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s;
}
.body-blog h1 {
    color: #0e5a5b !important;
}
.regulation-table .thr-part-offer .part-bg{
    font-size: 24px;
}
.regulation-table .thr-part-offer .part-md:nth-child(2){
    margin: 0;
    font-size: 20px;
}
li.display-usa{
    display: none !important;
}
body.body-live table td div.d-flex img{
 border-radius: 50px;
}
html[lang="vi"] .body-review--casino .casino-types.banking ul.curr-list li:not(.n-a):before{
    content: none !important;
    display: none;
}

.body-blog.body-blog--index .slider__horizontal-banner ul.slick-dots.list-r{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.slider__cas-of-month .v-out-wrap, .slider__cas-of-month .v-out-wrap a{
    width: 97%;
}
@media only screen and (max-width: 799px){
    .slider__cas-of-month .d-flex.fl-right{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .slider__cas-of-month .d-flex.fl-right .read-r-box{
        width: 100%;
    }
    .cas-of-month__top .inline-block.mt-2{
        width: 100%;
    }
}
.canada-casino + .redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .brand-svg{
    pointer-events: none;
}
.canada-casino + .redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .brand-name{
    pointer-events: none;
}
.canada-casino + .redesign-country:not(.redesign-country.CA) .el-of-month__main .read-r-box{
    pointer-events: none;
}
.canada-casino + .redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .v-out{
    pointer-events: none;
}
.canada-casino + .redesign-country:not(.redesign-country.CA) .dark-blue-bg .d-flex.dir-column.ca-only a{
    pointer-events: none;
}
.canada-casino + .redesign-country:not(.redesign-country.CA) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}


.united-kingdom + .redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .brand-svg{
    pointer-events: none;
}
.united-kingdom + .redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .brand-name{
    pointer-events: none;
}
.united-kingdom + .redesign-country:not(.redesign-country.GB) .el-of-month__main .read-r-box{
    pointer-events: none;
}
.united-kingdom + .redesign-country:not(.redesign-country.GB) .casino-types tr td:nth-child(2){
    pointer-events: none;
}
.united-kingdom + .redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .v-out{
    pointer-events: none;
}
.united-kingdom + .redesign-country:not(.redesign-country.GB) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}


.spain-header + .redesign-country:not(.redesign-country.ES) .cas-of-month.country-casino .brand-wrap{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .cas-of-month.country-casino .v-dot[rel~="nofollow"]{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .brand-svg{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .brand-name{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .v-out{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .el-of-month__main .read-r-box{
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .casino-types tr td:nth-child(2){
    pointer-events: none;
}
.spain-header + .redesign-country:not(.redesign-country.ES) .el-of-month__main .brand-wrap{
    pointer-events: none;
}

.vietnam-header + .redesign-country:not(.redesign-country.VN) .cas-of-month.country-casino .brand-wrap{
    pointer-events: none;
}
.vietnam-header + .redesign-country:not(.redesign-country.VN) .cas-of-month.country-casino .v-out{
    pointer-events: none;
}
.vietnam-header + .redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .brand-svg{
    pointer-events: none;
}
.vietnam-header + .redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .brand-name{
    pointer-events: none;
}
.vietnam-header + .redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .v-out{
    pointer-events: none;
}
.vietnam-header + .redesign-country:not(.redesign-country.VN) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}


.swiss-header + .redesign-country:not(.redesign-country.CH) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}
.swiss-header + .redesign-country:not(.redesign-country.CH) .casino-types tr td:nth-child(2){
    pointer-events: none;
}
.swiss-header + .redesign-country:not(.redesign-country.CH) .social-casinos-table .brand-svg{
    pointer-events: none;
}
.swiss-header + .redesign-country:not(.redesign-country.CH) .social-casinos-table .v-out{
    pointer-events: none;
}


.thai-header + .redesign-country:not(.redesign-country.TH) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}
.thai-header + .redesign-country:not(.redesign-country.TH) .casino-types tr td:nth-child(2){
    pointer-events: none;
}
.thai-header + .redesign-country:not(.redesign-country.TH) .social-casinos-table .brand-svg{
    pointer-events: none;
}
.thai-header + .redesign-country:not(.redesign-country.TH) .social-casinos-table .v-out{
    pointer-events: none;
}

.ph-header + .redesign-country:not(.redesign-country.PH) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}
.ph-header + .redesign-country:not(.redesign-country.PH) .casino-types tr td:nth-child(2){
    pointer-events: none;
}
.ph-header + .redesign-country:not(.redesign-country.PH) .brand-table--main.country-table .brand-svg{
    pointer-events: none;
}
.ph-header + .redesign-country:not(.redesign-country.PH) .brand-table--main.country-table .v-out{
    pointer-events: none;
}

.usa-header + .redesign-country:not(.redesign-country.US) .dark-blue-bg .d-flex.dir-column a{
    pointer-events: none;
}
.usa-header + .redesign-country:not(.redesign-country.US) .social-casinos-table .brand-svg{
    pointer-events: none;
}
.usa-header + .redesign-country:not(.redesign-country.US) .social-casinos-table .v-out{
    pointer-events: none;
}

.w-100{
    width: 100% !important;
}
.fix-min-height div.clear:not(.add-to){
    clear: both;
}
.white-color {
    color: #fff !important;
}
.social-casino-banking table .brand-name{
    display: none;
}
.social-casino-banking table img{
    height: 50px;
}
.social-casino-banking table .pos-num{
    left: 20px;
    bottom: 10px;
    position: absolute;
}
@media only screen and (min-width: 1024px){
    .social-casino .review-element .d-flex.dir-column.bonuses{
        width: 23%;
    }
    .social-casino .review-element .heading-logo-wrap{
        width: 17%;
    }
}
.social-casino #security + .d-flex .support-text{
    width: 50%;
}
@media only screen and (max-width: 820px){
    .social-casino #security + .d-flex .support-text{
        width: 100%;
    }
    .social-casino #security + .d-flex{
        flex-wrap: wrap;
    }
}
.social-casino .table-wrap table thead th{
    font-weight: bold;
}
.social-casino .table-wrap table ul.curr-list li::before{
    display: none;
}
.social-casino .table-wrap.d-block{
    display: block !important;
}
.social-casino .table-wrap .brand-table--t2.brand-table--t2.social-casinos-table tr td:nth-child(3) img{
   display: block;
   margin: 3px auto;
}
.social-casino .step-grid-box{
    height: 110px;
}
.social-casino .review-element .languages .popup-box-open{
    display: none;
}
@media only screen and (max-width: 768px){
    .social-casino .review-element{
        position: relative;
    }
    .social-casino .review-element .payments ul.d-flex{
        flex-direction: column;
    }
    .social-casino .review-element .payments ul.d-flex.all-pays{
        flex-direction: row;
    }
    .social-casino .review-element .payments ul.d-flex.all-pays li{
        width: 30%;
    }
    .social-casino .review-element .payments ul.d-flex li{
        width: 100%;
    }
    .social-casino .review-element .currencies{
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
@media only screen and (max-width: 450px){
    .social-casino .table-wrap table th:nth-child(4), .social-casino .table-wrap table td:nth-child(4){
        display: none;
    }
    .social-casino .table-wrap.d-block .pos-num{
        display: none;
    }
    .social-casino .table-wrap.d-block tr td.pl-3{
        padding-left: 0 !important;
    }
}
/* Casino Pop up */
body{
    position: relative;
}
.overlay-bonus-popup{
    display: none;
    position: absolute;
    background-color: #020202cc;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;

}
.bonus-popup{
    background: transparent linear-gradient(270deg, #163D53 0%, #09212F 100%) 0% 0% no-repeat padding-box;
    width: 560px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #4CBCA2;
    box-shadow: 0px 0px 30px #FFFFFF80;
    padding: 10px 30px 0 0;
    position: relative;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 200px;
    min-height: 268px;
}
.bonus-popup > div.picture-grl{
    width: 60%;
    position: relative;
}
.bonus-popup > div.picture-grl img{
    position: absolute;
    bottom: 0;
    left: -10px;
}
.bonus-popup > div.picture-grl span{
    background: url(/assets/images/bonus-popup-en.png?v=TbVPZ818sbSOBJinRAM54KeKsuw);
    width: 209px;
    height: 302px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: -10px;
}
html[lang="vi"] .bonus-popup > div.picture-grl span{
    background: url(/assets/images/bonus-popup-vi.png?v=17dNdJCUPSOBgSJjC_6761E92as);
    top: unset;
    bottom: 0;
}
.bonus-popup p:not(.terms){
    color: #fff;
    font-size: 20px;
}
.bonus-popup .bonus-sec .d-flex{
    align-items: center;
}
.bonus-popup .bonus-sec .d-flex{
    display: none !important;
}
.bonus-popup .bonus-sec .d-flex:nth-child(1), .bonus-popup .bonus-sec .d-flex:nth-child(2),.bonus-popup .bonus-sec .d-flex:nth-child(3){
    display: flex !important;
}
.bonus-popup .bonus-sec .d-flex img{
    border: 1px solid;
    border-radius: 50%;
}
.bonus-popup .bonus-sec .d-flex > a{
    margin-right: 15px !important;
}
.bonus-popup .bonus-sec .d-flex p{
    line-height: 1.3;
    margin-bottom: 25px;
}
.bonus-popup p .bonus{
    color: #FF5410;
    font-size: 40px;
    font-weight: bold;
}
.bonus-popup .terms{
    color: #596B77;
    padding-bottom: 20px;
    font-size: 10px;
    width: 290px;
}
.bonus-popup .v-out , .bonus-popup .v-out-wrap{
    width: 100%;
}
.bonus-popup .v-out::after{
    display: none;
}
.bonus-popup .close{
    background: url(https://media-173f0.kxcdn.com/assets/images/popup-close.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -7px;
    top: -10px;
    cursor: pointer;
}
@media only screen and (max-width: 768px){
    .bonus-popup{
        flex-direction: column;
        top: 270px;
        padding: 20px 20px 0 20px;
        width: 90%;
    }
    .bonus-popup > div.picture-grl span{
        background: url(/assets/images/bonus-popup-en.png?v=TbVPZ818sbSOBJinRAM54KeKsuw);
        width: 209px;
        height: 191px;
        background-repeat: no-repeat;
        position: absolute;
        top: -212px;
        left: 50%;
        transform: translateX(-50%);
    }
    html[lang="vi"] .bonus-popup > div.picture-grl span{
        background: url(/assets/images/bonus-popup-vi.png?v=17dNdJCUPSOBgSJjC_6761E92as);
    }
    .bonus-popup > div.picture-grl{
        width: 100%;
    }
}
.top-three-popup{
    width: 700px;
    padding: 10px 15px 0 0;
}
.top-three-popup div.picture-grl{
    width: 40%;
}
.top-three-popup .bonus-sec > span{
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
.top-three-casinos{
    flex-direction: column;
}
.bonus-popup.top-three-popup > div.picture-grl span{
    top: unset;
    bottom: 0;
}
.top-three-popup .bonus-sec{
    width: 80%;
}
.top-three-casinos .d-flex{
    background: #FFFFFF;
    color: black;
    border-radius: 8px;
    margin-bottom: 5px;
    max-height: 90px;
    width: 100%;
    padding: 5px 10px;
    flex-wrap: wrap;
}
.top-three-casinos .d-flex div p{
    color: black;
    margin: 0 !important;
    font-size: 16px;
    line-height: 1 !important;
}
.bonus-sec .top-three-casinos .d-flex img{
    width: 50px;
}
.bonus-sec .top-three-casinos .d-flex .v-out-wrap a{
    font-size: 14px;
}
.bonus-sec .top-three-casinos .d-flex .v-out-wrap{
    width: 40%;
}
.bonus-sec .top-three-casinos .d-flex div:not(.v-out-wrap){
    width: 45%;
    font-weight: 500;
    line-height: 1;
}
.top-three-casinos .v-out, .top-three-casinobonus-popup .v-out-wrap{
    width: 100%;
}
.top-three-casinos p .bonus{
    font-size: 28px;
}
.top-three-popup .bonus-sec span.terms{
    color: #596B77;
    padding-bottom: 20px;
    font-size: 10px;
    text-align: left;
}
.bonus-popup .bonus-sec >span:first-of-type{
    text-transform: uppercase;
}
.bonus-popup .bonus-sec .d-flex p.terms{
    margin: 0;
    margin-top: 5px;
    padding: 0;
    width: 100%;
}
@media only screen and (max-width: 768px){
    .top-three-popup .bonus-sec>span{
        font-size: 20px;
    }
    .top-three-popup{
        width: 95%;
        align-items: center;
        padding: 20px 20px 0 20px;
    }
    .top-three-popup .bonus-sec{
        width: 100%;
    }
    .top-three-casinos .d-flex{
        flex-wrap: wrap;
        max-height: unset;
    }
    .bonus-popup.top-three-popup>div.picture-grl span{
        bottom: 21px;
    }
    .bonus-sec .top-three-casinos .d-flex .v-out-wrap{
        width: 100%;
        margin: 10px 0;
    }
    .bonus-sec .top-three-casinos .d-flex div:not(.v-out-wrap){
        width: 75%;
    }
    .bonus-popup .bonus-sec .d-flex img{
        margin-right: 10px;
    }
    html[lang="vi"] .bonus-popup>div.picture-grl span{
        top: -212px;
    }
}
@media only screen and (max-width: 400px){
    .top-three-popup {
        padding: 20px 10px 0 10px;
    }
}
.site-links__out.site-links__out.list-r li:first-of-type a{
    position: relative;
    width: 85px;
    height: 32px;
} 
.site-links__out.site-links__out.list-r li:first-of-type a img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.blog-nav-v-2 .d-flex.w-80 {
    width: 85%;
}
.blog-nav-v-2 .d-flex.w-60 {
    width: 60%;
}

.read-more-dots-button.make-p-full-height{
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0 20px;
}
.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='/go/wow-vegas-popup/'] + p .bonus{
    font-size: 20px;
}
.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='/go/mcluck-popup/'] + p .bonus{
    font-size: 20px;
}
.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='/go/stake-us-popup/'] + p .bonus{
    font-size: 20px !important;
}
.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='go/stake-us-popup'] + p .bonus{
    font-size: 20px !important;
}
.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='go/pulsz-casino-popup'] + p .bonus{
    font-size: 20px !important;
}
.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='go/pulsz-casino-popup/'] + p .bonus{
    font-size: 20px !important;
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='/go/wow-vegas-popup/'] + div .bonus{
    font-size: 14px;
}
.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='/go/mcluck-popup/'] + div .bonus{
    font-size: 14px;
}
.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='/go/stake-us-popup/'] + div .bonus{
    font-size: 14px !important;
}
.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='go/stake-us-popup'] + div .bonus{
    font-size: 14px !important;
}
.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='go/pulsz-casino-popup'] + div .bonus{
    font-size: 14px !important;
}
.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='go/pulsz-casino-popup/'] + div .bonus{
    font-size: 14px !important;
}
.social-casino .section--customer-care .d-flex {
    flex-wrap: wrap;
}
.social-casino .section--customer-care .d-flex .support-text {
    width: 50%;
}
.casino-types.m-auto{
    margin: 0 auto;
}
@media only screen and (max-width: 820px) {
    .social-casino .section--customer-care .d-flex .support-text {
        width: 100%;
    }
}
.author-date-container{
    width: 100%;
}
@media only screen and (max-width: 1023px){
    .author-date-container.flex--container{
        flex-direction: row;
        flex-wrap: wrap;
    } 
    .lastupdated.mb-2{
        margin-bottom: 20px;
    }
}
.lastupdated{
    font-style: italic;
}
.body-country .lastupdated{
    margin: 10px 0 0;
    color: #969696;
    font-size: 12px;
    vertical-align: super;
}
.body-country .breadcrumbs-wrap{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
@media only screen and (max-width: 712px){
    .body-country .breadcrumbs-wrap{
        display: block;
    }
    .body-country .lastupdated{
        text-align: left;
        width: 100%;
    }
}
.popup-box.smaller-box{
    width: 110px;
}
.review-element .payments .popup-box.smaller-box ul li{
    width: 100%;
    margin-bottom: 5px;
}
@media only screen and (max-width: 768px){
    .social-casino .review-element .payments .popup-box.smaller-box ul.d-flex.all-pays li {
        width: 100%;
    }
}
.d-flex.float-right{
    float: right;
    align-items: center;
}
@media only screen and (max-width: 500px){
    .d-flex.float-right{
        float: unset;
        margin-top: 5px;
    }
}
.mt-neg-2{
    margin-top: -20px;
}

.user-notifications__bell.alert-js span{
    display: none;
}
span.user-notifications__bell.alert-js::after {
    content: '1';
    position: absolute;
    right: -4px;
    top: -4px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    padding-right: 2px;
    background: #4dbca2;
    border-radius: 50%;
    color: #0e1c37;
    font-style: italic;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    animation: lights 2s infinite; 
}
@-webkit-keyframes lights {
    0%, 30% {
        background: #4dbca2;
    }
    31%, 70% {
        background: #d8362f;
        }
    71%, 100% {
        background: #ec6b3a;
    }
}

/* .overlay-bonus-popup .bonus-popup:has(.geo-brand) .default-brand{
    display: none;
}

.country-popup p a{
    display: none;
}
.country-popup p a:first-of-type{
    display: block;
}
.country-popup .default-brand{
    
} */
.country-popup  div p:has(.geo-brand) .default-brand{
    display: none;
}
.country-popup  div p:has(.geo-brand) .geo-brand{
    display: block;
}
/* FIX Header Menu */
#main-header #main-nav-wrap > div.main-width, #main-header #main-nav-wrap > div.main-width-md{
    display: flex;
    justify-content: space-between;
}
#main-nav{
    float: none;
}
#navbarNavDropdown{
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1150px){
    #navbarNavDropdown .menu-item-c{
        display: none;
    }
}
@media only screen and (max-width: 1023px){
    #navbarNavDropdown .menu-item-c{
        display: inline-block;
    }
}
/* FIX Header Menu END*/

/*SOCIAL SHARE NEWS*/
.share-platforms {
    display: flex;
    align-items: center;
}
.share-platforms span {
    margin-right: 5px;
}
#socials-share-news .jssocials-share, #socials-share-news .jssocials-share:last-child {
    margin-right: 5px;
}
#main-nav .user-info a{
    display: inline-block;
}
.category-post.clear.review-at .item__v, .category-post.clear.review-at .post-date{
    display: none;
}
.category-post.clear.review-at .featured-image-wrap{
    background: url(/assets/images/author-reviews-casino-image.jpg?v=euyHGOk3C_G8ahsWZFxTSz8IQ-o);
    background-size: cover;
}
.category-post.clear.review-at .featured-image-wrap img{
    padding: 20px;
    border: none;
    border-radius: 0;
}
@media only screen and (max-width: 1024px){
    .title.valign-middle.ml-5{
        display: none;
    }
    .category-post.clear.review-at .featured-image-wrap img{
        height: 180px;
    }
}
.body-blog-category--author .category-post__excerpt{
    margin-bottom: 0;
}
.body-blog-category--author img{
    box-shadow: none;
    border-radius: 8px;
}
.body-blog-category--author .featured-image-wrap, .review-at .featured-image-wrap{
    border-radius: 8px;
    overflow: hidden;
}
@media only screen and (max-width: 1024px){
    .body-blog-category--author .category-post__excerpt{
        margin-bottom: 14px;
    }
}
.latest-posts.vegas-news{
    display: none;
}

.nav-link.new-ico:after{
    content:'NEW';
    display:block;
    position: absolute;
    right: 6px;
    top: -4px;
    font-size: 8px;
    color: #ec6c3a;
    font-weight: 900;
}

@media only screen and (max-width: 1023px) {
    .nav-link.new-ico:after{
        top: 8px;
        right:10px;
        font-size: 10px;
    }
}
.overlay-bonus-popup.bet-awereness .bonus-popup{
    background: #15172E;
    border: 1px solid #777886;
    border-radius: 10px;
    box-shadow: 0px 0px 30px #FFFFFF80;
    width: 680px;
    padding: 10px 30px 30px 30px;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .close{
    background: url(/assets/images/bet-awereness-close.png?v=tEXHAf9mkg5XY3NwQYlDfcCXVZ8) 0 0 no-repeat;
}
.overlay-bonus-popup.bet-awereness .bonus-popup p.txt-orange{
    color: #EC6C3A;
    text-align: center;
    font-size: 17px;
}
.overlay-bonus-popup.bet-awereness .cards{
    background: url(/assets/images/mini-cards.png?v=xSRhoZjpIGSZX0qntSF8ybtPNWM);
    width: 260px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 40px;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column{
    align-items: flex-start;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column p{
    font-size: 38px;
    font-weight: bold !important;
    margin: 0;
    line-height: 45px;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column p.small-txt{
    color: #EC6C3A;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column .d-flex{
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column a{
    color: #EC6B39 !important;
    font-size: 16px !important;
}
.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column a.button{
    color: #fff !important;
    background-color: #ec6b39;
    border-radius: 6px;
    padding: 10px 25px;
    font-weight: bold;
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
    .overlay-bonus-popup.bet-awereness .bonus-popup .cards{
        display: none;
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column{
        align-items: center;
        width: 100%;
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column .d-flex{
        flex-direction: column;
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup{
        width: 90%;
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column p{
        text-align: center;
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column a.button{
        margin-bottom: 25px;
        margin-top: 25px;
    }
    .overlay-bonus-popup.bet-awereness .cards{
        height: 80px;
        display: block !important;
        background-position: center;
        margin: 0 !important;
        width: 100%;
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup .bonus-sec.d-flex .cards{
        display: none !important; 
    }
    .overlay-bonus-popup.bet-awereness .bonus-popup p.txt-orange{
        padding: 0 30px;
    }
}
.slot-aff-button a:not(:first-of-type){
    display: none !important;
}
.notver-mess .read-more, .notver-mess span:not(.flags){display: none;}
.v-dot.v-dot--color-d.d-block, .notver-mess span.d-block{
    display: block !important;
}
.notver-mess span.brand-name{display: inline-block;}
.user-panel__right>div:not(:first-child):not(.compare-box):not(div:nth-child(1)) {
    display: none;
}