@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-light.eot');
    src: url('../fonts/poppins-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-light.woff') format('woff'),
    url('../fonts/poppins-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-light-italic.eot');
    src: url('../fonts/poppins-light-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-light-italic.woff') format('woff'),
    url('../fonts/poppins-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-regular.eot');
    src: url('../fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-regular.woff') format('woff'),
    url('../fonts/poppins-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-italic.eot');
    src: url('../fonts/poppins-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-italic.woff') format('woff'),
    url('../fonts/poppins-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-medium.eot');
    src: url('../fonts/poppins-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-medium.woff') format('woff'),
    url('../fonts/poppins-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-semi-bold.eot');
    src: url('../fonts/poppins-semi-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-semi-bold.woff') format('woff'),
    url('../fonts/poppins-semi-bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-bold.eot');
    src: url('../fonts/poppins-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-bold.woff') format('woff'),
    url('../fonts/poppins-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-family: 'poppins';
    src: url('../fonts/poppins-bold-italic.eot');
    src: url('../fonts/poppins-bold-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-bold-italic.woff') format('woff'),
    url('../fonts/poppins-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face{
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?60480237');
    src: url('../fonts/fontello.eot?60480237#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?60480237') format('woff2'), url('../fonts/fontello.woff?60480237') format('woff'), url('../fonts/fontello.ttf?60480237') format('truetype'), url('../fonts/fontello.svg?60480237#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Fontello icons*/
[class*="font-icon-"]:before, .select-box .selected:after, .social-links a:before, .social-links a:after{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #fff;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong, b{
    font-weight: bold;
}
em, i{
    font-style: italic;
}
sup, sub{
    position: relative;
    top: -0.6em;
    font-size: 75% !important;
    line-height: 1em !important;
}
sub{
    top: auto;
    bottom: -0.3em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, main{
    display: block;
}
/*_____________________________________________*/
html{
    height: 100% !important;
}
html.animate{
    overflow-x: hidden;
}
body{
    height: 100%;
    color: #fff;
    font-family: 'poppins';
    font-weight: 300;
    font-size: 19px;
    line-height: 1.736842105263158em;
    letter-spacing: .025em;
    min-width: 320px;
    background: #19171c;
}
.static-page body, .game-inner-page body{
    background: none;
}
.static-page body, .static-page h2{
    color: #000;
}
.game-inner-page body{
    color: #1b1515;
}
/*.no-touch */
body.no-scroll{
    overflow: hidden;
}
/*Common styles*/
*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    outline: none !important;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{
    font-family: 'poppins';
    position: relative;
    letter-spacing: 0;
}
h1{
    font-weight: 600;
    font-size: 80px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0 0 61px;
    text-align: center;
}
.screen-text .thin, h1 .thin{
    font-weight: 200;
    display: block;
    margin-top: -8px;
}
main h1{
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
    margin: 33px 0 14px;
    text-transform: none;
    text-align: left;
}
h2, .h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2em;
    color: #fff;
    margin: 33px 0 14px;
}
h3{
    font-size: 30px;
    line-height: 1.215em;
    margin: 33px 0 12px;
}
h3 b{
    font-weight: 700;
}
h4{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.335em;
    letter-spacing: 3.6px;
    margin: 37px 0 14px;
}
h5{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.444444444444444em;
    margin: 34px 0 13px;
}
.sub-title{
    text-align: center;
    font-weight: 700;
    margin-top: 0;
}
h2.sub-title, .h2.sub-title{
    text-transform: uppercase;
}
.intro-title{
    line-height: 1.3em;
    max-width: 1132px;
    margin: 53px auto 104px;
}
h3.sub-title{
    letter-spacing: 6px;
}
.sub-title:after{
    content: '';
    display: block;
    margin: 29px auto 33px;
    width: 64px;
    height: 4px;
    background: #dd0920;
}
h3.sub-title:after{
    margin: 13px auto 16px;
    width: 53px;
}
.sub-line{
    position: relative;
}
.sub-line:before, .sub-line:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    height: 1px;
    background: rgba(237, 67, 64, .3);
}
.sub-line:after{
    right: 100%;
    background: #fe4937;
    -ms-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.no-touch .sub-line.hover:after{
    right: 0;
}
ol, ul{
    list-style: none;
    margin: 12px 0 41px;
}
ul li, ol li{
    padding: 0 0 0 40px;
    margin-bottom: 12px;
    background: url("../i/list-bullet.gif") no-repeat 0 15px;
    position: relative;
}
.special-list li{
    padding-left: 34px;
    background: url("../i/special-list-bullet.svg") no-repeat 0 13px/9px auto;
}
ol{
    counter-reset: li;
    list-style: none;
}
ol ol{
    margin: 0 0 3px;
}
ol li{
    background: none;
}
ol li:before{
    content: counter(li) '.';
    counter-increment: li;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
}
ul li p, ol li p{
    margin-bottom: 0;
}
/*_______________________________*/
.scroll-tbl{
    margin: 50px 0 40px;
    position: relative;
    width: 100%;
    overflow-x: auto;
}
.scroll-tbl table{
    margin: 0 auto;
    min-width: 700px;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 50px auto 40px;
    overflow: auto;
    position: relative;
}
table th, table td{
    font-size: 16px;
    line-height: 1.3125em;
    padding: 7px 14px 10px;
    text-align: left;
    border: 1px solid #c8c4c4;
    vertical-align: top;
}
table th{
    font-weight: 700;
}
table td{
    font-size: 14px;
    padding: 9px 14px 12px;
}
table tr:nth-child(2n-1) td{
    /*background: #f6f6f6;*/
}
table ul li{
    background-position: 0 8px;
}
a{
    color: #ed0013;
    text-decoration: none;
    outline: none !important;
}
.no-touch a:hover{
    opacity: .7;
}
/*a[target="_blank"]:after{
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background: url("../i/standart-blank.gif") no-repeat 0 0;
	margin: 0 4px 0 2px;
	position: relative;
	top: -2px;
	}*/
/**/
.col-text{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 26px;
    -moz-column-gap: 26px;
    column-gap: 26px;
    font-size: 16px;
    line-height: 1.5em;
    margin: 30px 0 50px;
}
.col-text p:first-child{
    margin-top: 0;
}
p{
    margin: 12px 0;
}
blockquote{
    font-size: 16px;
    line-height: 1.666666666666667em;
    display: block;
    padding: 2px 0 0 40px;
    position: relative;
    margin: 12px 0 40px;
}
blockquote:before{
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 24px;
    height: 19px;
    background: url("../i/quotes.png") no-repeat 0 0;
}
blockquote p, ul li p, table td p{
    margin: 0 0 12px;
}
blockquote:last-child p, ul li p:last-child, table td p:last-child{
    margin: 0 !important;
}
blockquote .author{
    font-size: 13px;
    letter-spacing: 1px;
}
img{
    max-width: 100%;
    display: block;
    margin: 12px 0 40px;
}
a img{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.shadow-img{
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
}
main img{
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}
.img.lft, img.lft{
    margin: 11px 20px 40px 0;
    max-width: 50%;
}
.img.rght, img.rght{
    margin: 11px 0 40px 20px;
    max-width: 50%;
}
p .img.lft, p img.lft, p .img.rght, p img.rght{
    margin-top: 11px;
    margin-bottom: 13px;
}
.img img{
    margin: 0;
}
figure{
    margin: 31px auto 27px;
}
figure img{
    margin: 0;
}
figcaption{
    position: relative;
    font-size: 11px;
    line-height: 1.2em;
    color: #9a9a9a;
    margin: 17px 0 0;
    display: block;
}
figcaption:before, figcaption:after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 1px;
    background: #c8c4c4;
    margin: 6px 16px 0 0;
}
figcaption:after{
    margin: 6px 0 0 16px;
}
.no-touch a.img:hover img, .no-touch .img.hover img{
    opacity: .7;
}
/*To top*/
/*#to-top{
	position: absolute;
	z-index: 99;
	width: 54px;
	height: 54px;
	right: 36px;
	bottom: 42px;
	background: url("../i/to-top.png") no-repeat 0 0;
	display: none;
	cursor: pointer;
	}*/
/*_______*/
span{

}
small{
    font-size: 0.8em;
}
.time{
    display: block;
    margin: -8px 0 25px;
    font-size: 14px;
    line-height: 1.2em;
    color: #c1c1c1;
}
.index-page .articles-list .time{
    display: inline-block;
    color: #fff;
}
.index-page .articles-list .time span::before{
    background: #fff;
}
.time > span{
    position: relative;
    margin-left: 20px;
}
.time > span::before{
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #19171C;
}
h2 + .time, h1 + .time{
    margin-top: -12px;
}
.close{
    position: absolute;
    top: 0;
    right: 0;
    width: 53px;
    height: 53px;
    background: url("../i/close-bg.gif") no-repeat 50% 50%;
    cursor: pointer;
    transition: opacity .2s ease;
}
.no-touch .close:hover{
    opacity: .7;
}
/*___________________________*/
/*Form styles*/
.form{
    display: block;
    position: relative;
    z-index: 2;
    margin: 40px 0;
    font-size: 0;
}
.news-layout.loading{
    background: url(../i/loader.svg) no-repeat 50% 50px/64px auto;
}
.news-search-box{
    margin-bottom: 50px;
}
.news-search-form{
    position: relative;
    padding: 0 0 0 68px;
    margin: 0;
}
.news-search-form .search-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 68px;
    max-width: 68px;
    height: 57px;
    margin: 0 !important;
    padding: 0;
    min-width: 30px;
    background: #ff0000 url(../i/search-btn.svg) no-repeat 50% 50%/20px auto;
    background-size: 28px auto;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: opacity .3s ease;
}
.no-touch .news-search-form .search-btn:not(:disabled):hover{
    background: #ff0000 url(../i/search-btn.svg) no-repeat 50% 50%/20px auto;
    background-size: 28px auto;
    border: none;
    box-shadow: none;
    opacity: .6;
}
.news-search-form .form-control{
    display: block;
    font-family: 'poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 33px;
    text-transform: uppercase;
    color: #fff;
    height: 33px;
    padding: 0 90px 0 36px;
    margin: 0;
    width: 100%;
    background: #1C1B24;
    border: none;
    box-shadow: none;
}
.js-clear-inp{
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    transition: opacity .2s ease;
}
.news-search-form .js-clear-inp{
    position: absolute;
    z-index: 10;
    right: 22px;
    top: 6px;
}
.js-clear-inp:before, .js-clear-inp:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 20px;
    width: 1px;
    background: #fff;
    transform: rotate(-135deg);
}
.js-clear-inp:after{
    transform: rotate(135deg);
}
.no-touch .js-clear-inp:hover{
    opacity: .6;
}
.news-search-form .search-btn{
    top: 0;
    left: 0;
    width: 68px;
    max-width: 68px;
    height: 33px;
    background-size: 20px auto;
}
.no-result-text{
    font-family: 'Poppins';
    font-weight: normal;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: 0.005em;
    color: #19171C;
    margin: 0 85px 270px !important;
    width: 100%;
}
.form:after{
    content: '';
    display: table;
    clear: both;
}
form .field{
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    font-size: 0;
}
form .field-name{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    color: #19171c;
    text-align: right;
    text-transform: uppercase;
    width: 74px;
    padding-right: 20px;
    margin: 12px 0 0;
}
span.err{

}
.err{
    border-color: #da251d;
}
.ok-message{

}
.form-control{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 75px);
    background: #fff;
    outline: none;
    margin: 0 0 20px;
    border: 1px solid #c6ccd2;
    height: 39px;
    font-family: 'poppins';
    font-weight: 300;
    font-size: 14px;
    color: #19171c;
    line-height: 37px;
    padding: 0 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: 0 5px 20px rgba(50, 50, 50, .05);
    -moz-box-shadow: 0 5px 20px rgba(50, 50, 50, .05);
    box-shadow: 0 5px 20px rgba(50, 50, 50, .05);
}
textarea.form-control{
    overflow: auto;
    resize: none;
    height: 74px;
    line-height: 18px;
    padding: 9px 16px 8px;
}
.form-control.parsley-error{
    border-color: #ed0013;
}
input:focus, textarea:focus{

}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    opacity: 1;
    color: #b2b2b2;
}
input::-moz-placeholder, textarea::-moz-placeholder{
    opacity: 1;
    color: #b2b2b2;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
    opacity: 1;
    color: #b2b2b2;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{
    opacity: 0 !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{
    opacity: 0 !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{
    opacity: 0 !important;
}
/*Btn*/
button{
    border: none;
    cursor: pointer;
}
button::-moz-focus-inner{
    border: 0;
}
.btn{
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 4;
    font-family: 'poppins';
    font-weight: 700;
    font-size: 19px;
    line-height: 1.325em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 2px solid #ed0013;
    padding: 5px 16px 4px;
    margin: 12px 0;
    min-width: 100px;
    background: #ed0013;
    border-radius: 1px;
    cursor: pointer;
    outline: none !important;
    transition: all .3s ease !important;
}
.btn.large{
    padding: 6px 16px 5px;
    font-size: 24px;
    line-height: 1.225em;
    min-width: 192px;
}
.ie .btn.large{
    padding-top: 8px;
    padding-bottom: 4px;
}
.btn.largest{
    padding: 12px 16px 10px;
    font-size: 26px;
    letter-spacing: 5px;
}
.btn.action-btn{
    min-width: 388px;
}
.btn.light{
    border-color: #fff;
    color: #fff;
}
.btn.cntr{
    display: table;
    margin: 12px auto;
}
.btn.fluid{
    min-width: 0;
}
.btn.full-width{
    width: 100%;
}
.btn.transparent{
    font-weight: 500;
    color: #dd0920;
    padding-top: 8px;
    padding-bottom: 7px;
    background: transparent;
    border-color: #dd0920;
    border-width: 1px;
}
.no-touch .btn:not(:disabled):hover{
    background: #1b1515;
    border-color: #1b1515;
    box-shadow: none;
}
.no-touch .btn.transparent:not(:disabled):hover{
    color: #fff;
    background: #dd0920;
    border-color: #dd0920;
}
.no-touch .btn:active:not(:disabled){
    border-color: #423838;
    background: #423838;
    box-shadow: inset 0 2px 5px 0 rgba(27, 21, 21, .7);
}
.no-touch a.btn:not(:disabled):hover, .no-touch a.btn:not(:disabled):active{
    opacity: 1;
    color: #19171c;
    background: #fff;
    border-color: #fff;
}
.btn:disabled{
    opacity: .3;
    cursor: default;
}
.form .btn{
    margin-top: 19px;
    margin-left: 74px;
    width: calc(100% - 74px);
}
/**/
.form .field-hint{
    font-size: 13px;
    line-height: 1.25em;
    letter-spacing: .015em;
    color: #545454;
    margin: 6px 0 0 74px;
}
.form .field-error + .field-hint{
    margin-top: 4px;
}
/*Radio input*/
.radio-item{
    margin-bottom: 21px;
    line-height: 0;
}
input[type="radio"]{
    display: none;
}
input[type="radio"] + label{
    font-size: 17px;
    line-height: 1.294117647058824em;
    color: #494d4f;
    background: none;
    text-shadow: none;
    padding: 0 0 0 32px;
    margin: 0;
    position: relative;
    cursor: pointer;
    min-height: 16px;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
input[type="radio"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 2px solid #8dc63f;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
input[type="radio"]:checked + label:after{
    content: '';
    position: absolute;
    left: 6px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #8dc63f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.form p{

}
.thanks{
    font-size: 18px;
    line-height: 1.5em;
    margin: 20px 0 0;
    text-align: center;
    display: none;
}
.thanks .important{
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px;
}
.play-form .thanks{
    margin-left: 74px;
}
/*Type file*/
.fileinput-wrapper{
    display: block;
    margin: -2px 0 15px 74px;
    text-align: center;
}
.fileinput{
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.fileinput input[type=file],
.fileinput input[type=file]:focus,
.fileinput input[type=file]:hover{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    min-width: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    outline: 0;
}
.fileinput-name{
    position: relative;
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1.5em;
}
.fileinput-name .close{
    position: relative;
    top: -1px;
    display: inline-block;
    float: none;
    margin: 0 0 0 8px;
    padding: 0;
    right: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    background: none;
    border: 0;
    cursor: pointer;
}
.fileinput.btn, .no-touch .fileinput.btn:active:not(:disabled){
    position: relative;
    display: inline-block;
    font-weight: 300;
    font-size: 19px;
    line-height: 1.444444444444444em;
    color: #19171c;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    text-align: center;
    padding: 0 !important;
    width: auto !important;
    margin: 0 auto !important;
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.fileinput.btn{
    z-index: 10;
    cursor: pointer;
}
/*.fileinput.btn:before{
	content: '';
	position: relative;
	display: inline-block;
	top: 5px;
	left: -3px;
	width: 21px;
	height: 21px;
	background: url("../i/attach-icon.png") no-repeat 0 0;
	}*/
.no-touch .fileinput.btn:hover{
    opacity: .7;
    cursor: pointer;
}
/*Independent*/
.container, .wide-container, .large-container{
    max-width: 1086px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.wide-container{
    max-width: 1800px;
}
.large-container{
    max-width: 1980px;
}
/*Social share*/
.social-links{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    margin: 4px 0 0;
}
.social-links a{
    position: relative;
    z-index: 2;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    text-decoration: none;
    text-align: center;
    color: #ed0013;
}
.no-touch .social-links a:hover{
    color: #fff;
    opacity: 1;
}
.social-links a:before, .social-links a:after{
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    font-size: 27px;
    line-height: 30px;
    width: 100%;
    height: 100%;
    color: #ed0013;
    transition: color .2s ease;
}
.no-touch .social-links a:hover:before{
    color: #fff;
}
.social-links a:after{
    z-index: 0;
    opacity: .15;
    color: #fff;
}
.social-links .facebook:before, .social-links .facebook:after{
    content: '\f09a';
    font-size: 23px;
}
.social-links .linkedin:before, .social-links .linkedin:after{
    content: '\f0e1';
    font-size: 26px;
}
.social-links .twitter:before, .social-links .twitter:after{
    content: '';
    font-size: 28px;
    background: url("../i/twitter-icon.svg") no-repeat 50% 50%/24px auto;
}
.social-links .twitter:after, .no-touch .social-links .twitter:hover:before{
    background-image: url("../i/twitter-icon-light.svg");
}
.social-links .instagram:before, .social-links .instagram:after{
    content: '\f16d';
}
.social-links .youtube:before, .social-links .youtube:after{
    content: '\f167';
    font-size: 24px;
}
.social-links .mailto:before, .social-links .mailto:after{
    content: '\2709';
    font-size: 24px;
}
.social-links a:after{
    pointer-events: none;
}
.no-touch .social-links a:hover:after{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(4);
    transform: scale(4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
/*Appearance*/
.lft{
    float: left;
}
.rght{
    float: right;
}
.cntr{
    text-align: center;
}
.clr{
    clear: both;
}
.uppercase{
    text-transform: uppercase;
}
.no-indent{
    margin-bottom: 0 !important;
}
.align-m, .align-b{
    display: table-cell;
    vertical-align: middle;
}
.align-b{
    vertical-align: bottom;
}
.intro{
    text-align: center;
    max-width: 930px;
    margin: 23px auto 79px;
}
h2 + .intro, .h2 + .intro{
    margin-top: 33px;
}
.intro.small-indent{
    margin-bottom: 20px;
}
.intro.line:before{
    content: '';
    display: block;
    margin: 50px auto 30px;
    width: 64px;
    height: 4px;
    background: #fe4937;
}
.author{
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #adadad;
    line-height: 1.3em;
    letter-spacing: 3.6px;
    margin: 10px 0 0;
}
/*================================================================================
								STRUCTURE
================================================================================*/
#all{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
}
#indent{
    clear: both;
}
.top-page-box{
    position: relative;
    overflow: hidden;
    /*z-index: 1;*/
}
.top-page-box .sub-box{
    padding: 0;
}
.top-page-box .container{
    position: relative;
    z-index: 3;
    max-width: 1370px;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto;
    padding: 100px 0;
    /* padding-top: 50px;
	padding-bottom: 180px; */
}
.career-inner-page .top-page-box .container{
    max-width: 1490px;
}
.top-page-box .container .max-w{
    width: 100%;
}
.top-page-box .bg{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10% top;
}
.top-page-box .title{
    text-align: right;
    font-size: 170px;
    line-height: 1.2em;
    margin-bottom: 60px;
    margin-right: -70px;
    font-weight: 700;
}
.career-inner-page .top-page-box .container{
    padding-left: 20px;
    padding-right: 20px;
    align-items: flex-start;
    padding-top: 160px;
}
.career-inner-page .top-page-box .title{
    margin: 0 0 7vh;
}
.career-inner-page .top-page-box .title br.mob-br{
    display: none;
}
.top-page-box .links-box{
    display: flex;
    justify-content: space-between;
    max-width: 787px;
    margin: 0 0 0 auto;
}
.top-page-box .links-box .btn, .btn.largest-btn{
    font-size: 27px;
    line-height: 1.2em;
    min-width: 348px;
    max-width: calc(50% - 8px);
    padding: 11px 16px;
    white-space: nowrap;
}
/*================================HEADER====================================*/
#header{
    position: fixed;
    z-index: 101;
    left: 0;
    width: 100%;
    padding: 27px 0;
    transition: all .2s ease;
}
.sticky-header #header{
    background: rgba(26, 24, 29, .85);
}
.sticky-header.load-inner-article #header{
    opacity: 0;
    visibility: hidden;
}
#header .wide-container{
    display: flex;
    justify-content: space-between;
}
#logo{
    display: inline-block;
    vertical-align: top;
    width: 152px;
    height: 39px;
    margin: -10px 0;
    background: url("../i/logo-v2-light.png") no-repeat 0 0/100% auto;
    transition: opacity .3s ease;
}
.no-touch a#logo:hover{
    opacity: .7;
}
/*=============NAV=================*/
#nav{
    margin: 0 0 0 auto;
}
#nav ul{
    display: flex;
    align-items: flex-start;
    margin: 0;
    position: relative;
}
#nav li{
    font-size: 19.44px;
    line-height: 1em;
    color: #fff;
    padding: 0;
    margin: 0 0 0 31px;
    background: none;
}
#nav .active{
    font-weight: 700;
}
#nav a{
    position: relative;
    color: #fff;
    padding: 0;
    transition: all .2s ease;
}
#nav .active a{
    padding-bottom: 2px;
}
.no-touch #nav a:hover{
    opacity: 1;
}
.no-touch #nav .active a:hover{
    opacity: 1;
}
#nav a:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #dd0920;
    transform: translateX(-50%);
    transition: width .2s ease;
}
#nav .active a:after, .no-touch #nav a:hover:after{
    width: 100%;
}
.no-touch #nav .active a:hover:after{
    width: 0;
}
#nav .social-bar{
    display: none;
}
#nav .dropdown{
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: -1;
    text-align: center;
    top: -17px;
    left: 50%;
    height: auto;
    width: 170px;
    padding: 53px 15px 10px;
    margin-left: -85px;
    background: #19171c;
    box-shadow: 0 9px 13px rgb(16 15 18 / 91%);
}
#nav .dropdown li{
    display: block;
    float: none;
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    margin: 0 0 16px;
}
#nav .dropdown li a::after{
    content: none;
}
#nav .dropdown li a::after{
    content: none;
}
#nav .dropdown .active a{
    opacity: .7;
}
.no-touch #nav .dropdown .active a:hover{
    opacity: 1;
}
.no-touch #nav .dropdown a:hover{
    opacity: .7;
}
/*Open nav button*/
#js-open-nav{
    position: fixed;
    z-index: 113;
    width: 40px;
    height: 25px;
    right: 20px;
    top: 16px;
    cursor: pointer;
    display: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.sticky-header #js-open-nav{
    right: 12px;
}
.sticky-header:not(.opened-nav) #js-open-nav:before{
    content: '';
    position: absolute;
    z-index: 1;
    left: -5px;
    top: -10px;
    width: 51px;
    height: 46px;
    background: rgba(0, 0, 0, .6);
}
#js-open-nav .lines{
    top: 12px;
    height: 4px;
    display: block;
    width: 41px;
    background: #fff;
    position: relative;
    z-index: 2;
    -ms-transition: background .2s linear;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
}
#js-open-nav .lines .top-line, #js-open-nav .lines .bottom-line{
    position: absolute;
    right: 0;
    width: 41px;
    top: -11px;
    border-bottom: 4px solid #fff;
    height: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
#js-open-nav .lines .bottom-line{
    top: auto;
    bottom: -11px;
}
.opened-nav #js-open-nav .lines{
    background: #000;
}
.opened-nav #js-open-nav .lines .top-line, .opened-nav #js-open-nav .lines .bottom-line{
    border-color: #000;
}
.opened-nav #js-open-nav .top-line{
    right: -4px;
    top: -5px;
    width: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.opened-nav #js-open-nav .bottom-line{
    right: -4px;
    bottom: -5px;
    width: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*==========END OF NAV=============*/
/*=============================END OF HEADER=================================*/
/*Main screen*/
#main-screen{
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    min-height: 480px;
    height: 100vh;
    margin: 0 0 25px;
    width: 100%;
    padding: 120px 0;
}
#main-screen .wide-container{
    width: 100%;
    height: 100%;
}
.index-page #main-screen, .error-page #main-screen{
    background-color: #141319;
    background-position: 0 50%;
}
#main-screen.no-indent{
    margin-bottom: 0;
}
#main-screen .wide-container .wrap{
    position: relative;
    display: block;
    height: 100%;
}
#main-screen .screen-img{
    position: absolute;
    top: -20%;
    left: -15%;
    max-width: 110%;
    width: 120%;
    height: 140%;
    white-space: nowrap;
}
.error-page #main-screen .screen-img{
    max-width: 100%;
    left: 0;
    top: -6% !important;
}
#main-screen .screen-img .img-box{
    position: relative;
    height: 100%;
    text-align: center;
}
.error-page #main-screen .screen-img .img-box{
    height: 80%;
    text-align: center;
    /*padding-left: 6%;*/
}
#main-screen .screen-img .img-box:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
#main-screen .screen-img img{
    max-height: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
#main-screen .screen-text h2, #main-screen h1{
    font-size: 80px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0;
    color: #fff;
    margin: 0 0 12px;
}
#main-screen .screen-text{
    position: absolute;
    top: 78.8%;
    right: .8%;
    min-width: 33.15789473684211%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main-screen .anchor{
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 40px;
    width: 37px;
    height: 26px;
    margin: 0 0 0 -18px;
    cursor: pointer;
}
#main-screen .anchor:after{
    content: '';
    position: absolute;
    width: 37px;
    height: 26px;
    top: 0;
    left: 0;
    background: url("../i/anchor-arrow.png") no-repeat 0 0;
}
.no-touch .anchor:hover:after{
    -webkit-animation: anchor .3s infinite ease-in-out;
    -moz-animation: anchor .3s infinite ease-in-out;
    animation: anchor .6s infinite ease-in-out;
}
@-webkit-keyframes anchor{
    0%{
        top: 0;
    }
    50%{
        top: 10px;
    }
    100%{
        top: 0;
    }
}
@-moz-keyframes anchor{
    0%{
        top: 0;
    }
    50%{
        top: 10px;
    }
    100%{
        top: 0;
    }
}
@keyframes anchor{
    0%{
        top: 0;
    }
    50%{
        top: 10px;
    }
    100%{
        top: 0;
    }
}
/*Main screen inner*/
#main-screen .container{
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
#main-screen p{
    max-width: 790px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 0 15px;
}
#main-screen .page-name, #top-screen .page-name{
    font-size: 22px;
    line-height: 1.5em;
    text-align: center;
    display: block;
    color: #ed0013;
    margin: 0 0 2px;
}
#main-screen h1 + .page-name, #top-screen h1 + .page-name{
    margin-top: -7px;
}

/*Features main screen*/
.features-main-screen{
    position: relative;
}
.features-main-screen .container{
    display: flex;
    align-items: center;
    min-height: 100vh;
    max-width: 1380px;
    padding-top: 120px;
    padding-bottom: 80px;
}
.features-main-screen h1{
    font-weight: 700;
    font-size: 170px;
    line-height: 1.2em;
    text-align: right;
    text-shadow: 1px 0 8px rgba(0, 0, 0, .35);
    margin: 0;
    width: 100%;
    transition: opacity .5s ease .4s;
}
html:not(.page-load) .features-main-screen h1{
    opacity: 0;
}
.features-main-screen .bg{
    position: absolute;
    z-index: 0;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.preload-page .features-main-screen .bg{
    transform: scale(1.1);
    transition: transform 1s ease;
}
.page-load .features-main-screen .bg{
    transform: none;
    opacity: 1;
}
.features-main-screen .character{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    max-width: 65vw;
}
.features-main-screen img{
    max-width: 100%;
    max-height: 86vh;
    margin: 0 0 6vh 7vw;
    transition: transform .75s ease;
    transform-origin: 0 100%;
}
.reel-bets-feature .features-main-screen img{
    margin: 0 0 7vh;
}
.race-reels-feature .features-main-screen img{
    max-height: 100vh;
    margin: 0;
}
.push-up-feature .features-main-screen img{
    max-height: 93.63957597173145vh;
    margin: 0 0 0 5vw;
}
html:not(.page-load) .features-main-screen img{
    transform: scale(.5);
}


.our-features-section.multiple-view{
    color: #19171c;
    padding: 20px 0 120px;
    background: #fff;
}
.our-features-section .container{
    max-width: 1670px;
}
.reel-bets-feature .our-features-section .container, .race-reels-feature .our-features-section .container{
    max-width: 1570px;
}
.our-features-section.multiple-view .container{
    max-width: 1380px;
}
.our-features-grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 26px;
    line-height: 1.384615384615385em;
}
.multiple-view .our-features-grid{
    display: block;
}
.features-logo-slider{
    position: relative;
    margin: 0 auto;
    width: 1100px;
    max-width: 100%;
    transition: opacity .5s ease .4s;
}
section:not(.visible) .features-logo-slider{
    opacity: 0;
}
.features-logo-slider .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.333333%;
    height: auto;
    padding: 20px 0;
}
.features-logo-slider .swiper-slide a{
    display: inline-block;
    vertical-align: top;
    transform: scale(.6);
    transition: all .3s ease;
}
.features-logo-slider .swiper-slide-active a{
    transform: scale(1.05);
}
.no-touch .features-logo-slider .swiper-slide a:hover{
    opacity: 1;
}
.features-logo-slider .swiper-slide img{
    max-width: 100%;
    margin: 0 auto;
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .8;
    transition: all .4s ease;
}
.no-touch .features-logo-slider .swiper-slide a:hover img{
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
}
.features-logo-slider .slider-arrows{
    position: absolute;
    z-index: 100;
    left: -30px;
    right: -30px;
    top:50%;
    display: flex;
    justify-content: space-between;
    height: 0;
}
.features-logo-slider .swiper-btn{
    display: table;
    line-height: 0;
    margin: -21px 0 0;
    cursor: pointer;
    transition: opacity .2s ease;
}
.no-touch .features-logo-slider .swiper-btn:hover{
    opacity: .7;
}
.features-logo-slider .swiper-pagination{
    display: none;
}
.features-logo-slider .swiper-pagination .swiper-pagination-bullet{
    margin: 0 6px 6px;
    border: 1px solid #19171c;
}
.features-logo-slider .swiper-pagination .swiper-pagination-bullet-active{
    border: 2px solid #19171c;
}
.features-logo-slider .swiper-pagination .swiper-pagination-bullet-active:before{
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 110%;
    background: #19171c;
    opacity: 1;
    transition: opacity .1s ease;
}

.our-features-grid .description-box{
    text-align: center;
    max-width: 760px;
    width:50%;
    padding: 120px 0;
}
.our-features-grid .description-box.loading{
    background: url("../i/loader.svg") no-repeat 50% 100px/48px auto;
}
.multiple-view .our-features-grid .description-box{
    max-width: none;
    width: 100%;
    padding: 0;
}
.reel-bets-feature .our-features-grid .description-box, .race-reels-feature .our-features-grid .description-box{
    max-width: none;
}
.our-features-grid .description-box > *:first-child{
    margin-top: 0;
}
.our-features-grid .description-box > *:last-child{
    margin-bottom: 0;
}
.our-features-grid .description-box p{
    margin: 36px 0;
    transition: opacity .3s ease .6s, transform .3s ease .6s;
}
.our-features-grid .description-box p + p{
    transition: opacity .3s ease .7s, transform .3s ease .7s;
}
section:not(.visible) .our-features-grid .description-box p, .multiple-view:not(.visible) .our-features-grid .description-box:before, section:not(.visible)  .our-features-grid .description-box .logo{
    opacity: 0;
    transform: translateY(50px);
}
#all .our-features-grid .description-box .logo{
    max-width: 90%;
    margin: 0 auto 32px;
    transition: opacity .3s ease .5s, transform .3s ease .5s;
}
.multiple-view .our-features-grid .description-box:before{
    content: '';
    display: block;
    margin: 0 auto 24px;
    width: 64px;
    height: 4px;
    background: #dd0920;
    transition: opacity .3s ease .5s, transform .3s ease .5s;
}
.our-features-grid .logo-box{
    max-width: 710px;
    width: 93.42105263157895%;
    margin: 0 auto 36px;
    transition: opacity .4s ease .4s, transform .4s ease .4s;
}
section:not(.visible) .our-features-grid .logo-box{
    opacity: 0;
    transform: scale(.5);
}
.our-features-grid .logo-box img{
    max-width: 100%;
    margin: 0 auto;
}
.our-features-grid .logo-box:after{
    content: '';
    display: block;
    margin: 46px auto 0;
    width: 64px;
    height: 4px;
    background: #dd0920;
}
.reel-bets-feature .our-features-grid .description-box > *{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.our-features-section.multiple-view .our-features-grid .description-box > *{
    max-width: none;
}
.our-features-grid .img-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46%;
    padding: 100px 0;
}
.race-reels-feature .our-features-grid .img-box{
    width: 42.10526315789474%;
}
.reel-bets-feature .our-features-grid .img-box{
    max-width: 673px;
    padding: 140px 0;
}
.race-reels-feature .our-features-grid .img-box{
    padding: 40px 0 200px;
}
.push-up-feature .our-features-grid .img-box{
    padding: 60px 0 100px;
}
.our-features-grid .img-box .symbols-box{
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.our-features-grid .img-box img{
    margin: 0 auto;
    max-width: 100%;
}
.our-features-grid .img-box .race-reels-road{
    transition: opacity .4s ease .4s;
}
.our-features-grid .race-reels-symbol{
    position: absolute;
    transition: transform .75s ease .45s;
}
.our-features-grid .race-reels-symbol1{
    top: 7.085346215781%;
    left: 7.14285714285714%;
    width: 37.06563706563707%;
}
.our-features-grid .race-reels-symbol2{
    top: 8.53462157809984%;
    left: 55.40540540540541%;
    width: 38.61003861003861%;
    transition-delay: .55s;
}
.our-features-grid .race-reels-symbol3{
    top: 45.57165861513688%;
    left: 20.65637065637066%;
    width: 60.23166023166023%;
    transition-delay: .6s;
}

.our-features-grid .cluster-symbol{
    opacity: 0;
}

@keyframes clustersymbol{
    0%{
        transform: translateY(100%);
        opacity: 0;
    }
    15%{
        opacity: 1;
    }
    45%{
        opacity: 1;
        transform: translateY(-15%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.our-features-grid .cluster-symbol2{
    position: absolute;
    z-index: 2;
    top: -7.6%;
    right: -4.75%;
    width: 53.02826379542396%;
    opacity: 0;
}

@keyframes clustersymbol2{
    0%{
        transform: translateY(300%) scale(.7);
        opacity: 0;
    }
    15%{
        opacity: 1;
    }
    55%{
        opacity: 1;
        transform: translateY(-15%) scale(1);
    }
    100%{
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}



.our-features-grid .img-box .push-up-symbol{
    opacity: 0;
    width: 120.6711409395973%;
    max-width: 899px;
    margin: 0 0 0 -20.335%;
}
.our-features-grid .push-up-symbol2{
    position: absolute;
    z-index: 2;
    bottom: 3.95%;
    right: -10.4%;
    width: 56.4%;
    max-width: 420px;
    opacity: 0;
}

.our-features-grid .reelbets-symbol{
    opacity: 0;
}
.our-features-grid .reelbets-symbol2{
    position: absolute;
    z-index: 2;
    bottom: -16%;
    right: -19%;
    width: 68.35066864784547%;
    max-width: 460px;
    opacity: 0;
}


@keyframes pushupsymbol{
    0%{
        transform: translateY(100%);
        opacity: 0;
    }
    15%{
        opacity: 1;
    }
    45%{
        opacity: 1;
        transform: translateY(-15%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes pushupsymbol2{
    0%{
        transform: translateY(200%) scale(.7);
        opacity: 0;
    }
    15%{
        opacity: 1;
    }
    55%{
        opacity: 1;
        transform: translateY(-15%) scale(1);
    }
    100%{
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}




.our-features-video-section{
    position: relative;
    padding: 124px 0 170px;
}
.our-features-video-section.multiple-view{
    padding: 54px 0 100px;
}
.features-game-links{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -32px 32px;
    transition: opacity .4s ease .2s;
}
section:not(.visible) .features-game-links{
    opacity: 0;
}
.features-game-links .feature-game-link{
    position: relative;
    font-weight: 500;
    margin: 0 32px 10px;
    opacity: .6;
    cursor: pointer;
    transition: opacity .2s ease;
}
.features-game-links .feature-game-link.active, .no-touch .features-game-links .feature-game-link:hover{
    opacity: 1;
}
.features-game-links .feature-game-link.active{
    cursor: default;
}
.features-game-links .feature-game-link:not(:last-child):after{
    content: '';
    position: absolute;
    right: -31px;
    top:0;
    width: 1px;
    height: 32px;
    background: #fff;
}
.tablet-video-box{
    text-align: center;
    transition: opacity .4s ease .4s;
}
.tablet-video-box:not(.visible){
    opacity: 0;
}
.tablet-video-box .ratio-box{
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    position: relative;
}
.tablet-video-box .ratio-box img{
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 100%;
    max-height: 80vh;
}
.tablet-video-box .ratio-box .crop-box{
    position: absolute;
    z-index: 1;
    left:50%;
    top:50%;
    transform: translate3d(-50%, -50%, 0);
    width: calc(100% - 10px);
    min-width: calc(100% - 10px);
    min-height: calc(100% - 10px);
    border-radius: 4%;
    background: #19171c url("../i/loader.svg") no-repeat 50% 50%/64px 64px;
    overflow: hidden;
}
.tablet-video-box .ratio-box iframe{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}

.our-features-video-section .bg{
    position: absolute;
    z-index: 0;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.features-game-sub-links{
    padding: 40px 0;
    margin: 0 -16px;
    background: #fff;
}
.features-game-sub-links .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.features-game-sub-links .btn{
    margin: 12px 16px;
    min-width: 200px;
}
.no-touch .features-game-sub-links .btn:not(:disabled):hover{
    border-color: #19171c;
}
/*Main screen error page*/
#main-screen .error-box{
    width: 100%;
    position: absolute;
    top: 77%;
    left: 0;
    text-align: center;
    margin: 0;
    white-space: normal;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
#main-screen .error-box .num{
    display: block;
    font-weight: 700;
    font-size: 300px;
    line-height: .75em;
    color: #fff;
}
#main-screen .error-box .btn{
    margin: 38px 0 0;
}
@media screen and (max-height: 820px){
    #main-screen .error-box .num{
        font-size: 200px;
    }
    #main-screen .error-box{
        -webkit-transform: translateY(-80%);
        -moz-transform: translateY(-80%);
        -ms-transform: translateY(-80%);
        transform: translateY(-80%);
    }
}
@media screen and (max-width: 1000px) and (max-height: 890px){
    #main-screen .error-box .num{
        font-size: 200px;
    }
    #main-screen .error-box{
        -webkit-transform: translateY(-90%);
        -moz-transform: translateY(-90%);
        -ms-transform: translateY(-90%);
        transform: translateY(-90%);
    }
}
@media screen and (max-height: 660px){
    #main-screen .error-box .num{
        font-size: 150px;
    }
    #main-screen .error-box .btn{
        margin: 20px 0 0;
    }
}
@media screen and (max-height: 570px){
    #main-screen .error-box .num{
        font-size: 130px;
    }
    #main-screen .error-box{
        -webkit-transform: translateY(-80%);
        -moz-transform: translateY(-80%);
        -ms-transform: translateY(-80%);
        transform: translateY(-80%);
    }
}
@media screen and (max-width: 1420px) and (min-height: 880px){
    #main-screen .error-box .num{
        font-size: 300px;
    }
}
@media screen and (max-width: 1220px) and (min-height: 880px){
    #main-screen .error-box .num{
        font-size: 200px;
    }
}
@media screen and (max-width: 770px) and (min-height: 880px){
    #main-screen .error-box .num{
        font-size: 200px;
    }
    #main-screen .error-box{
        -webkit-transform: translateY(-120%);
        -moz-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        transform: translateY(-120%);
    }
}
@media screen and (max-width: 480px) and (min-height: 880px){
    #main-screen .error-box .num{
        font-size: 150px;
    }
    #main-screen .error-box{
        -webkit-transform: translateY(-140%);
        -moz-transform: translateY(-140%);
        -ms-transform: translateY(-140%);
        transform: translateY(-140%);
    }
}
@media screen and (max-width: 1520px){
    .features-main-screen img{
        margin: 0 0 6vh 3vw;
    }
}
@media screen and (max-width: 1440px){
    #main-screen .screen-img{
        top: -12%;
        left: -12%;
        height: 130%;
    }

    .features-logo-slider .slider-arrows{
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 1360px){
    .career-inner-page .top-page-box .title{
        font-size: 12.5vw;
    }
    .top-page-box .links-box{
        max-width: 640px !important;
    }
    .top-page-box .links-box .btn, .btn.largest-btn{
        font-size: 22px;
        min-width: 290px;
    }
    /*Features main screen*/
    .features-main-screen h1{
        font-size: 12.5vw;
    }
}
@media screen and (max-width: 570px){
    #main-screen .error-box .num{
        font-size: 140px !important;
        margin: 0 0 16px;
    }
    .inline-logos{
        padding-left: 32px;
    }
    .inline-logos img{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .inline-logos img:last-child{
        width: 60%;
        max-width: 60%;
    }
}
@media screen and (max-width: 1220px){
    /*Main screen*/
    .index-page #main-screen, .error-page #main-screen{
        padding: 120px 0 100px;
    }
    .index-page #main-screen, .error-page #main-screen{
        background-position: 10% 50%;
    }
    #main-screen .wide-container{
        display: flex;
    }
    #main-screen .wide-container .wrap{
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }
    #main-screen .screen-img{
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        max-height: 100%;
    }
    .error-page #main-screen .screen-img{
        max-height: 100%;
    }
    #main-screen .screen-img .img-box{
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    #main-screen .screen-img .img-box img{
        position: absolute;
        top: 40%;
        left: 55%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
    }
    .error-page #main-screen .screen-img .img-box img{
        left: 50%;
    }
    .error-page #main-screen .error-box{
        top: 100%;
    }
    #main-screen .screen-text{
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin: 0;
        font-size: 70px !important;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
    }
}
@media screen and (max-width: 1080px){
    .intro-title{
        margin: 24px auto 90px;
    }
    /*Main screen*/
    #main-screen .screen-text h2{
        font-size: 70px !important;
    }
}
@media screen and (max-width: 990px){

    /*Main screen*/
    #main-screen .screen-text h2{
        font-size: 60px !important;
    }
}
@media screen and (max-width: 990px) and (max-height: 560px){
    /*Main screen*/
    #main-screen .screen-img{
        top: 3%;
    }
}
@media screen and (max-width: 990px) and (max-height: 520px){
    /*Main screen*/
    #main-screen .screen-img{
        top: 0;
    }
}
@media screen and (max-width: 940px){
    .intro-title{
        font-size: 42px;
    }
    /*.error-page #main-screen .screen-img .img-box img{
		left: 65%;
		max-width: 150%;
		width: 150%;
		}*/
}
@media screen and (min-width: 781px){
    .our-features-section.visible .our-features-grid .cluster-symbol{
        animation: clustersymbol 1.1s ease-in-out forwards;
    }
    .our-features-section.visible .our-features-grid .cluster-symbol2{
        animation: clustersymbol2 1.3s ease-in-out .1s forwards;
    }


    .our-features-section.visible .our-features-grid .push-up-symbol{
        animation: pushupsymbol 1.1s ease-in-out forwards;
    }
    .our-features-section.visible .our-features-grid .push-up-symbol2{
        animation: pushupsymbol2 1.4s ease-in-out forwards;
    }

    .our-features-section.visible .our-features-grid .reelbets-symbol{
        animation: pushupsymbol 1.1s ease-in-out forwards;
    }
    .our-features-section.visible .our-features-grid .reelbets-symbol2{
        animation: pushupsymbol2 1.4s ease-in-out forwards;
    }
}
@media screen and (max-width: 780px){
    .intro-title{
        font-size: 36px;
        margin: 0 auto 72px;
    }
    /*#main-screen .screen-img{
		width: 120%;
		left: -10%;
		}*/
    .error-page #main-screen .screen-img{
        top: -10% !important;
    }
    .top-page-box .bg{
        background-position: 50% top;
    }
    .join-our-team .bg{
        background-position: 80% top;
    }


    .our-features-grid .img-box.visible .cluster-symbol{
        animation: clustersymbol 1.1s ease-in-out forwards;
    }
    .our-features-grid .img-box.visible .cluster-symbol2{
        animation: clustersymbol2 1.3s ease-in-out .1s forwards;
    }

    .our-features-grid .img-box.visible .push-up-symbol{
        animation: pushupsymbol 1.1s ease-in-out forwards;
    }
    .our-features-grid .img-box.visible .push-up-symbol2{
        animation: pushupsymbol2 1.3s ease-in-out .1s forwards;
    }

    .our-features-grid .img-box.visible .reelbets-symbol{
        animation: pushupsymbol 1.1s ease-in-out forwards;
    }
    .our-features-grid .img-box.visible .reelbets-symbol2{
        animation: pushupsymbol2 1.3s ease-in-out .1s forwards;
    }
}
@media screen and (max-width: 720px){
    /*Main screen*/
    #main-screen .screen-img .img-box img{
        left: 50%;
    }
    #main-screen .screen-text h2{
        font-size: 50px !important;
    }
    #main-screen h1 + .page-name, #top-screen h1 + .page-name{
        margin-top: 0;
    }
}
@media screen and (max-width: 1080px) and (max-height: 620px){
    #main-screen .screen-text h2{
        font-size: 60px !important;
    }
}
@media screen and (max-width: 640px){
    .intro-title{
        font-size: 32px;
        margin: 0 auto 64px;
    }
    /*Main screen*/
    #main-screen p{
        font-size: 18px;
    }
    #main-screen .page-name, #top-screen .page-name{
        font-size: 20px;
    }
}
@media screen and (max-width: 540px){
    .intro-title{
        font-size: 28px;
    }
    /*Main screen*/
    #main-screen .screen-text h2{
        font-size: 44px !important;
    }
    #main-screen p{
        padding: 0;
    }
}
@media screen and (max-width: 480px){
    .intro-title{
        font-size: 24px;
    }
    /*Main screen*/
    .index-page #main-screen, .error-page #main-screen{
        padding: 120px 0 74px;
    }
    /*#main-screen .screen-img{
		width: 130%;
		left: -15%;
		}*/
    #main-screen .screen-img .img-box img{
        top: 35%;
    }
    #main-screen .screen-text{
        font-size: 40px !important;
    }
    #main-screen .anchor{
        bottom: 20px;
    }
    .news-search-form .search-btn{
        width: 54px;
    }
    .news-search-form .form-control{
        padding: 0 60px 0 20px;
    }
    .news-search-form .js-clear-inp{
        right: 12px;
    }

}
/*Top screen*/
#top-screen{
    position: relative;
    height: 469px;
    margin: 0 0 75px;
    float: left;
    width: 100%;
    white-space: nowrap;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding: 120px 15px;
}
#top-screen.small-indent{
    margin-bottom: 17px;
}
#top-screen:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
#top-screen .align-m{
    display: inline-block;
    width: 100%;
}
#top-screen h1{
    line-height: 1.2em;
    color: #fff;
    margin: 0;
    white-space: normal;
}
/*Dots bg*/
.dots-bg{
    background: url("../i/dots-bg.gif") repeat 100% 100%;
}
/*Half bg*/
.half-bg{
    position: relative;
}
/*Shadow box*/
.shadow-box{
    margin: 0 0 100px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
    -moz-box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
    box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
}
.half-bg .shadow-box{
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    margin: 0;
}
/*Dark-box*/
.dark-box{
    background: #1b1515 url("../i/dark-box-bg.gif") repeat 100% 100%;
    padding: 96px 0 90px;
    margin: 0 0 97px;
}
.dark-box .sub-title, .team-list-box .sub-title, .team-list-box p{
    color: #fff;
}
.dark-box p{
    color: #cac9cf;
}
/*Cases*/
.cases-box{
    position: relative;
    z-index: 10;
    font-size: 0;
    height: 536px;
    margin: 0;
}
.cases-box .item{
    position: absolute;
    z-index: 0;
    width: 33.5%;
    max-width: 33.5%;
    left: 0;
    top: 0;
    transition: all .3s ease;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    opacity: 1 !important;
}
.cases-box .item:nth-child(2){
    left: 33.3333333333%;
}
.cases-box .item:nth-child(3){
    left: 66.6666666666%;
}
.cases-box .item:nth-child(4){
    left: 100%;
}
.cases-box .item:nth-child(5){
    left: 133.3333333333%;
}
.cases-box .item:nth-child(6){
    left: 166.6666666666%;
}
.cases-box .item:nth-child(7){
    left: 200%;
}
.cases-box .item:nth-child(8){
    left: 233.3333333333%;
}
.cases-box .item:nth-child(9){
    left: 266.6666666666%;
}
.cases-box .item:nth-child(10){
    left: 300%;
}
.cases-box .item:nth-child(11){
    left: 333.3333333333%;
}
.cases-box .item:nth-child(12){
    left: 366.6666666666%;
}
.no-touch .in-focus .item{
    width: 30.5%;
    max-width: 30.5%;
}
.no-touch .cases-box .item.active{
    width: 40.4%;
    max-width: 40.4%;
}
.cases-box .item:after{
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all .3s ease;
}
.cases-box .item.active:after, .touch .cases-box .item:after{
    opacity: 1;
}
.coming-soon{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 29.55px;
    line-height: 1em;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    padding: 25px 16px 24px;
    background: rgba(221, 9, 32, .53);
}
/*First*/
.no-touch .cases-box.first-active .item:nth-child(2){
    left: 40%;
}
.no-touch .cases-box.first-active .item:nth-child(3){
    left: 70%;
}
.no-touch .cases-box.second-active .item:nth-child(2){
    left: 30%;
}
.no-touch .cases-box.first-active .item:nth-child(3), .no-touch .cases-box.second-active .item:nth-child(3){
    left: 70%;
}
.no-touch .cases-box.third-active .item:nth-child(2){
    left: 30%;
}
.no-touch .cases-box.third-active .item:nth-child(3){
    left: 60%;
}
/*bg*/
.cases-box .item .bg{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.cases-box .decolorized .bg{
    filter: gray;
    -webkit-filter: grayscale(100%);
}
/*Cases content*/
.cases-box .item .align-m{
    position: relative;
    z-index: 3;
    width: 100%;
    text-align: center;
    height: 536px;
    padding: 0 25px;
}
.cases-box .item .logo-link{
    display: inline-block;
    vertical-align: top;
    max-width: 90%;
}
.cases-box .item .logo{
    position: relative;
    margin: 0 auto;
    transition: all .2s ease;
    max-width: 100%;
    max-height: 332px;
}
.cases-box .decolorized .logo{
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.cases-box .item.active .logo, .touch .cases-box .item .logo{
    margin-top: -100px;
    max-height: 210px;
}
.cases-box .item.active.decolorized .logo, .touch .cases-box .item.decolorized .logo{
    margin-top: 0;
}
.cases-box .item .description{
    font-size: 19px;
    line-height: 1.736842105263158em;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    transition: all .3s ease;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 49px;
}
.cases-box .item.active .description, .touch .cases-box .item .description{
    opacity: 1;
}
.cases-box .item .description .wrap{
    max-width: 458px;
    padding: 0 25px;
    margin: 0 auto;
}
.cases-box .item .description p{
    margin: 0 0 20px;
}
.cases-box .item .view{
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 4;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.325em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    padding: 8px 32px 7px;
    margin: 12px 0;
}
.cases-box .btn{
    letter-spacing: 0;
    border-color: #fff !important;
    background: transparent !important;
    border-radius: 0;
}
/*Advantages*/
.advantages-box{
    position: relative;
    z-index: 2;
    padding: 60px 0 90px;
}
.advantages{
    margin: 0 -25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.advantages .item{
    font-size: 19.44px;
    line-height: 1.175em;
    letter-spacing: .05em;
    color: #fff;
    text-align: center;
    padding: 0 25px;
    width: 33%;
    margin: 0 0 60px;
}
.advantages.js-view-checker .item{
    transform: translateY(150px);
    opacity: 0;
    transition: transform .4s ease, opacity .3s ease;
}
.advantages.js-view-checker .item:nth-child(2){
    transition-delay: .2s;
}
.advantages.js-view-checker .item:nth-child(3){
    transition-delay: .4s;
}
.advantages.visible .item{
    transform: none;
    opacity: 1;
}
.advantages .img{
    line-height: 0;
    white-space: nowrap;
    margin: 0 0 24px;
}
.advantages .img:before{
    content: '';
    display: inline-block;
    vertical-align: bottom;
    width: 0;
    height: 100%;
}
.advantages .item img{
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
}
.advantages .item:nth-child(1) img{
    margin-left: -4px;
}
.advantages .item:nth-child(2) img{
    margin-left: 7px;
}
.advantages .item:nth-child(3) img{
    margin-left: -24px;
}
.advantages .sub-title{
    font-weight: 300;
    font-size: 22.22222px;
    line-height: 1.45em;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px;
}
.advantages .sub-title:after{
    margin: 14px auto 0;
}
.advantages .item p:not(.sub-title){
    max-width: 390px;
    margin: 0 auto;
}
.advantages .sub-text{
    font-size: 22px;
    line-height: 1.35em;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 0;
}
/*Latest posts box*/
.latest-posts-box{
    position: relative;
    z-index: 2;
    margin: 115px 0 110px;
    clear: both;
}
.latest-posts-box .wide-container{
    max-width: 1604px;
}
.latest-posts-box .btn{
    margin: 0 auto;
}
.latest-posts-box .articles-list{
    margin: 46px -30px 8px;
    padding-bottom: 0;
}
.latest-posts-box .articles-list .item{
    position: relative;
    z-index: 3;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: #fff;
    width: 33.333333%;
    padding: 0 30px;
    margin: 0 0 64px;
}
.latest-posts-box .articles-list .img-box{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 44px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .5);
}
.no-touch .latest-posts-box .articles-list .on-hover .img-box{
    opacity: 1;
    box-shadow: none;
}
.latest-posts-box .articles-list .img-box img{
    margin: 0;
}
.latest-posts-box .articles-list .sub-line{
    padding-top: 30px;
}
.latest-posts-box .articles-list .item h3{
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
}
.latest-posts-box .articles-list .item a{
    color: #fff;
}
.no-touch .latest-posts-box .articles-list .on-hover a{
    color: #dd0920;
}
.latest-posts-box .articles-list p{
    margin: 9px 0 0;
}
/*Thinking box*/
.thinking-box{
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    color: #1a171f;
    width: 100%;
    margin: 0 0 0;
    background: #fff;
}
.thinking-box .text-col{
    display: flex;
    align-items: center;
    width: 55.5%;
    text-align: center;
    padding: 116px 0 98px;
}
.thinking-box.js-view-checker .text-col{
    transform: translateX(-100%);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.thinking-box .text-col .container > *:first-child{
    margin-top: 0;
}
.thinking-box .text-col .container > *:last-child{
    margin-bottom: 0;
}
.thinking-box .text-col .container{
    letter-spacing: 0;
    max-width: 860px;
    margin: 0 0 0 auto;
}
.thinking-box h2, .thinking-box .h2{
    color: #1a171f;
}
.thinking-box .text-col .btn{
    margin-top: 44px;
}
.thinking-box .img-col{
    display: flex;
    align-items: flex-end;
    width: 44.5%;
    padding: 0 12px 0 0;
    margin: -15.1% 0 0;
}
.thinking-box.js-view-checker .img-col{
    transform: translateX(100%);
    transition: transform .7s ease;
}
.thinking-box .img-col img{
    margin: 0;
}
.thinking-box .img-col .animated-box{
    position: relative;
    max-width: 669px;
}
.thinking-box .img-col .animated-box .character1{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 53%;
}
.thinking-box.js-view-checker .img-col .animated-box .character1{
    transform: translateX(50%);
    opacity: 0;
    transition: transform 1.2s ease .2s, opacity 1.6s ease;
}
.thinking-box.visible .text-col, .thinking-box.visible .img-col, .thinking-box.visible .img-col .animated-box .character1{
    transform: none !important;
    opacity: 1 !important;
}
.thinking-box .img-col .animated-box .sprite-box{
    position: absolute;
    z-index: 2;
    left: 29%;
    bottom: 0;
    width: 71.03694874851013%;
    height: 100%;
    background: url("../uploads/main-page-animated-character2.png") no-repeat 0 0/100% auto;
}
.thinking-box .img-col .animated-box .sprite-box.medusa-character{
    left: auto;
    right: -16px;
    width: 100%;
    height: 100%;
    background: url("../uploads/medusa-character.png") no-repeat 0 0/100% auto;
}
.thinking-box .img-col .animated-box .sprite-box.eagle-character{
    left: auto;
    right: -32px;
    width: 100%;
    height: 100%;
    background: url("../uploads/eagle-character.png") no-repeat 0 0/100% auto;
}
.thinking-box .img-col .animated-box .sprite-box.men-character{
    left: auto;
    width: 100%;
    height: 100%;
    background: url("../uploads/men-character.png") no-repeat 0 0/100% auto;
}
.thinking-box .img-col .animated-box .sprite-box.panda-character{
    right: -30%;
    left: auto;
    width: 140%;
    height: 100%;
    bottom: -1px;
    background: url("../uploads/panda-character.png") no-repeat 100% 100%/100% auto;
}
/*Two-col box*/
.two-col-box{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 61px auto 0;
}
.two-col-box .col{
    display: table-cell;
    vertical-align: middle;
}
.two-col-box .text-col{
    width: 50%;
    text-align: center;
    padding: 0 0 5.3%;
}
.two-col-box .text-col .content{
    max-width: 720px;
}
.two-col-box .text-col .sub-title{
    margin-top: 0;
}
.two-col-box .img-col{
    vertical-align: bottom;
}
.two-col-box .img-col.has-indent{
    padding: 0 25px 70px;
}
.two-col-box .img-col img{
    margin: 0 auto;
}
.two-col-box .img-col.has-indent img{
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .3) !important;
    -moz-box-shadow: 0 15px 40px rgba(0, 0, 0, .3) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .3) !important;
}
/*Articles list*/
.articles-list{
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -4% -1px;
    padding-bottom: 23px;
}
.articles-list .item{
    position: relative;
    z-index: 3;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: #19171c;
    width: 33.333333%;
    padding: 0 4%;
    margin: 0 0 54px;
}
.articles-list .item .img{
    position: relative;
    z-index: -1;
    display: block;
    margin: 0 0 21px;
    opacity: 1 !important;
    padding-bottom: 66%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 4px 24px rgba(9, 9, 11, .5);
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.no-touch .articles-list .item .img:hover, .no-touch .articles-list .item .img.hover, .no-touch .articles-list .item.on-hover .img{
    box-shadow: none;
}
.articles-list .item h3{
    font-weight: 700;
    font-size: 20.5px;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.articles-list .sub-line{
    padding-top: 15px;
}
.articles-list .sub-line:before, .articles-list .sub-line:after{
    top: 0;
}
.articles-list .item h3 a{
    color: #ed0013;
}
.articles-list .item h3 a:hover, .no-touch .articles-list .item.on-hover h3 a{
    /*opacity: .7;*/
    opacity: 1 !important;
}
.articles-list .time{
    font-size: 12px;
    margin: -8px 0 0;
    color: #19171c;
}
.articles-list .sub-line:before{
    background: rgba(193, 8, 28, .6);
}
.no-touch .articles-list .sub-line:after{
    background: rgba(193, 8, 28, 1) !important;
}
.on-hover .sub-line:after{
    right: 0;
}
.articles-list p{
    margin: 17px 0 0;
}
/*Two-col plates box*/
.two-col-plates-box{
    font-size: 0;
    margin: 0 -11px 61px;
}
.two-col-plates-box .col{
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 11px;
    margin: 0 0 23px;
}
.two-col-plates-box .col:nth-child(2){
    z-index: 2;
}
.two-col-plates-box .col:nth-child(3){
    z-index: 3;
}
.two-col-plates-box .col:nth-child(4){
    z-index: 4;
}
.two-col-plates-box .col:nth-child(5){
    z-index: 5;
}
.two-col-plates-box .col:nth-child(6){
    z-index: 6;
}
.two-col-plates-box .col:nth-child(7){
    z-index: 7;
}
.two-col-plates-box .col:nth-child(8){
    z-index: 8;
}
.two-col-plates-box .col:before{
    content: '';
    position: absolute;
    left: 11px;
    top: 0;
    right: 11px;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
.two-col-plates-box .item{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 243px;
    font-size: 18px;
}
.two-col-plates-box .item h3{
    margin-top: 0;
    margin-bottom: 10px;
}
.two-col-plates-box .item .sub-text + h3{
    margin-top: 0;
}
.two-col-plates-box .item .sub-text{
    display: block;
    font-size: 12px;
    line-height: 1em;
    color: #c1c1c1;
    margin: 17px 0 3px;
}
.two-col-plates-box .item p{
    line-height: 1.444444444444444em;
    margin-top: 10px;
    color: #676767;
}
.two-col-plates-box .img{
    width: 371px;
    display: table-cell !important;
    vertical-align: middle;
    line-height: 0;
    padding: 10px 30px;
    position: relative !important;
}
.two-col-plates-box .img img, .two-col-plates-box .img .icon{
    display: block;
    margin: 0 auto;
    max-height: 270px;
    max-width: 100%;
}
.two-col-plates-box .content{
    position: relative;
    z-index: 2;
    display: table-cell;
    height: 243px;
    vertical-align: middle;
    padding: 24px 24px 24px 0;
}
.two-col-plates-box .content > *:last-child{
    margin-bottom: 0;
}
/*Careers box*/
.careers-box{
    position: relative;
    z-index: 2;
    margin: 0 0 120px;
}
.careers-box .intro{
    max-width: 790px;
}
/*Careers list*/
.two-col-plates-box.careers-list{
    margin-bottom: -42px;
}
.two-col-plates-box.careers-list .col{
    margin: 0 0 52px;
}
.careers-list .col:before{
    display: none;
}
.careers-list .item{
    padding-bottom: 22px;
    border-bottom: 1px solid #ececec;
}
.careers-list .item, .careers-list img{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.careers-list .item .img{
    padding-top: 0;
    padding-bottom: 0;
}
.careers-list .col:nth-last-child(2) .item, .careers-list .col:last-child .item{
    border: none;
}
.our-benefits{
    position: relative;
    padding: 82px 0 110px;
    background: #fff;
    color: #19171c;
}
.our-benefits::before{
    content: '';
    position: absolute;
    top: -168px;
    right: 97px;
    width: 362px;
    height: 380px;
    background: url(../i/career-el1.png) no-repeat;
    z-index: 2;
    background-size: cover;
}
.our-benefits .container{
    max-width: 1520px;
}
.our-benefits .h2{
    color: #19171c;
}
.our-benefits p:not([class]){
    text-align: center;
    max-width: 1220px;
    margin: 0 auto;
}
.benefits-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
}
.benefits-box .item{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 700;
    max-width: 520px;
    font-size: 28px;
    letter-spacing: 0.04em;
    color: #19171c;
    text-transform: uppercase;
    margin: 0 0 71px;
}
.benefits-box .right-box .item{
    justify-content: flex-start;
}
.benefits-box .item img{
    display: none;
    width: 55px;
    height: 55px;
    margin-right: 20px;
}
.benefits-box .item:first-child{
    margin-top: 113px;
}
.benefits-box .item:last-child{
    /* margin: 0; */
}
.benefits-box > .item{
    justify-content: center;
    max-width: 100%;
    width: 100%;
    margin-top: 28px;
    margin-bottom: 0;
    text-align: center;
}
.benefits-box .img-box{
    margin: 0 40px;
    max-width: calc(100% - 1000px);
}
.benefits-box img{
    margin: 0;
}
.benefits-box .left-box{
    text-align: right;
}
.benefits-box .left-box, .benefits-box .right-box{
    width: 460px;
}
.benefits-box .item .lottie-bullet{
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -20px 0 0;
}
.our-teams-love{
    position: relative;
    background: #19171c;
    padding: 107px 0 26px;
}
.our-teams-love::before{
    content: '';
    position: absolute;
    top: -192px;
    left: 144px;
    width: 389px;
    height: 311px;
    background: url(../i/career-el2.png) no-repeat;
    background-size: cover;
}
.our-teams-love .container{
    max-width: 1430px;
}
.our-teams-love .items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 90px -20px 0;
}
.our-teams-love .items .item{
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 314px;
    width: 100%;
    margin: 0 20px 40px;
}
.our-teams-love .items .item .img-box{
    display: flex;
    align-items: flex-end;
    height: 354px;
}
.our-teams-love .items .item img{
    margin: 0 auto;
}
.our-teams-love .items .item .text-box{
    min-height: 335px;
    padding: 48px 5px 12px;
}
.our-teams-love .items .item::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 354px;
    background: #19171c;
    z-index: -1;
    filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.76));
}
.our-teams-love .text-box p{
    margin: 0;
}
.our-teams-love .text-box .title{
    font-size: 24px;
    line-height: 1.5em;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 35px;
}
.our-teams-love .text-box .text{
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    letter-spacing: -0.006em;
}
.our-culture{
    position: relative;
    background: #fff;
    color: #19171c;
    padding: 60px 0 103px;
}
.our-culture .container{
    max-width: 1160px;
}
.our-culture .h2{
    color: #19171c;
}
.our-culture p:not([class]){
    max-width: 1090px;
    text-align: center;
    font-size: 19px;
    line-height: 1.736842105263158em;
    font-weight: 300;
    letter-spacing: 0.025em;
    margin: 33px auto;
}
.our-culture .before-title-text{
    position: relative;
    font-size: 26px;
    line-height: 1.846153846153846em;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #121114;
    margin-bottom: 66px;
    text-align: center;
}
.our-culture .before-title-text::before{
    content: '';
    position: absolute;
    left: -42px;
    top: -104px;
    width: 322px;
    height: 310px;
    z-index: -1;
    opacity: .1;
    background: url(../i/quote.png) no-repeat;
    background-size: contain;
}
.how-we-work{
    position: relative;
    padding: 91px 0 102px;
}
.how-we-work::before{
    content: '';
    position: absolute;
    bottom: -167px;
    left: 31px;
    width: 407px;
    height: 459px;
    background: url(../i/career-el4.png) no-repeat;
    background-size: contain;
    z-index: 1;
}
.how-we-work .container{
    max-width: 1260px;
}
.how-we-work p:not([class]){
    max-width: 1090px;
    text-align: center;
    font-size: 19px;
    line-height: 1.736842105263158em;
    font-weight: 300;
    letter-spacing: 0.025em;
    margin: 33px auto;
}
.how-we-work .grid{
    display: flex;
    justify-content: space-between;
    margin-top: 66px;
}
.how-we-work .grid .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px 30px;
}
.how-we-work .grid .img-box{
    margin-bottom: 40px;
}
.how-we-work .grid span{
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1em;
    color: #ffffff;
    font-weight: 700;
    font-family: "Poppins";
    text-align: center;
}
.we-are{
    position: relative;
    background: #fff;
    padding: 80px 0 72px;
    color: #19171c;
}
.we-are::before{
    content: '';
    position: absolute;
    top: -172px;
    right: 81px;
    width: 365px;
    height: 370px;
    background: url(../i/career-el3.png) no-repeat;
    background-size: cover;
    z-index: 1;
}
.we-are .container{
    max-width: 1534px;
}
.we-are .h2{
    color: #19171c;
}
.we-are p:not(.h2){
    max-width: 1090px;
    text-align: center;
    font-size: 19px;
    line-height: 1.736842105263158em;
    font-weight: 300;
    letter-spacing: 0.025em;
    margin: 19px auto;
}
.we-are .grid{
    display: flex;
    margin: 50px -20px 0;
}
.we-are .grid .col{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(33.3333% - 40px);
    margin: 0 20px;
}
.we-are .grid .icon-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.we-are .grid img{
    margin: 0;
}
.we-are .grid p{
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: none;
}
.we-are .question{
    font-size: 26px !important;
    font-weight: 700 !important;
    margin-top: 72px !important;
}
.we-are .question a{
    text-transform: uppercase;
}
.we-are{
    font-size: 30px !important;
}
.cases-box.career .item{
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.cases-box.career .item .description .wrap{
    max-width: 550px;
    padding: 0 15px;
}
.cases-box.career .align-m{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.cases-box.career .description{
    position: relative;
    bottom: 0;
}
.cases-box.career .wrap .description .align-m{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cases-box.career .wrap .title{
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.cases-box.career .wrap p{
    font-size: 18px;
    line-height: 1.666666666666667em;
    font-weight: 300;
    margin-bottom: 0;
}
.cases-box.career .photo-gallery{
    position: relative;
    height: 100%;
}
.cases-box.career .photo-gallery .item a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 25px;
}
.cases-box.career .photo-gallery .item a:first-child{
    display: flex !important;
}
.cases-box.career .photo-gallery .item a{
    display: none;
}
.lg-on .cases-box.career .photo-gallery .item a{
    display: flex;
}
.cases-box.career .photo-gallery .item a img{
    display: none;
}
/* .gallery-slider{
	position: relative;
	} */
.gallery-slider .swiper-slide{
    height: 534px !important;
    width: 33.333333333%;
    overflow: hidden;
    transition: width .3s ease;
}
.no-touch .gallery-slider .swiper-slide{
    width: calc(33.333333333% + (17px) / 3);
}
.no-touch .gallery-slider .swiper-slide.active{
    width: 40.4%;
    max-width: 40.4%;
}
.gallery-slider .photo-gallery .item{
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
}
.gallery-slider.cases-box{
    height: auto;
}
.gallery-slider.cases-box .item .align-m{
    display: table-cell;
    height: 100% !important;
    padding: 0 !important;
}
.gallery-slider .swiper-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    /* background: rgba(0, 0, 0, 0.3); */
    /* border-radius: 50%; */
    cursor: pointer;
    /* transition: width .3s ease, height .3s ease; */
}
.gallery-slider .swiper-btn .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: rgba(0, 0, 0, 0.5); */
    /* width: 102px; */
    /* height: 102px; */
    /* border-radius: 50%; */
    /* transition: background-color .3s ease, width .3s ease, height .3s ease; */
}
.gallery-slider .swiper-btn.swiper-button-disabled{
    opacity: 0;
    cursor: auto;
}
.gallery-slider .swiper-buttons{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0;
}
.gallery-slider .swiper-buttons{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0;
}
.gallery-slider .swiper-buttons .prev-btn{
    transform: translateX(-50%);
}
.gallery-slider .swiper-buttons .prev-btn svg{
    transform: translateX(30px);
    transition: transform .3 se ease;
}
.gallery-slider .swiper-buttons .next-btn{
    transform: translateX(50%);
}
.gallery-slider .swiper-buttons .next-btn svg{
    transform: translateX(-30px);
    transition: transform .3 se ease;
}
.no-touch .gallery-slider .swiper-buttons .swiper-btn:not(.swiper-button-disabled):hover{
    width: 152px;
    height: 152px;
}
.no-touch .gallery-slider .swiper-buttons .swiper-btn:not(.swiper-button-disabled):hover .icon-box{
    /* width: 122px;
	height: 122px; */
    /* background-color: rgba(0, 0, 0, 0.7); */
}
.gallery-slider .swiper-buttons .swiper-btn .icon-box svg path{
    transition: stroke .3s ease;
}
.no-touch .gallery-slider .swiper-buttons .swiper-btn:not(.swiper-button-disabled):hover .icon-box svg path{
    stroke: #fff;
}
/*=================================MAIN======================================*/
main{
    padding-bottom: 50px;
    position: relative;
    z-index: 10;
    clear: both;
}
main.no-indent{
    padding-bottom: 0 !important;
}
.responsible-gaming-page main{
    max-width: 1084px;
    margin: 0 auto;
    padding-bottom: 80px;
}
main .container > *:first-child{
    margin-top: 0;
}
main .close-to-top{
    margin: -130px 0 0 0 !important;
}
/*Return box*/
.return-box{
    position: relative;
    color: #1a171f;
    max-width: 1750px;
    padding: 56px 180px 73px;
    margin: -25px auto -12px;
}
.return-box:before{
    content: '';
    position: absolute;
    z-index: 0;
    left: -1500px;
    right: -1500px;
    top: 0;
    bottom: 0;
    background: #fff;
}
.return-box .return{
    position: absolute;
    top: 66px;
    left: 0;
}
.return-box .intro{
    position: relative;
    margin: 0 auto;
}
.return{
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    padding-left: 15px;
    opacity: 1 !important;
}
.return:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 5px;
    height: 11px;
    background: url("../i/return-arrow.png") no-repeat 0 0;
}
.return-box .return:before{
    top: 2px;
}
.no-touch .return:hover:before{
    -webkit-animation: return .3s infinite ease-in-out;
    -moz-animation: return .3s infinite ease-in-out;
    animation: return .6s infinite ease-in-out;
}
@-webkit-keyframes return{
    0%{
        left: 0;
    }
    50%{
        left: -5px;
    }
    100%{
        left: 0;
    }
}
@-moz-keyframes return{
    0%{
        left: 0;
    }
    50%{
        left: -5px;
    }
    100%{
        left: 0;
    }
}
@keyframes return{
    0%{
        left: 0;
    }
    50%{
        left: -5px;
    }
    100%{
        left: 0;
    }
}
/*Tabs*/
.tabs-box{
    max-width: 1034px;
    margin: 0 auto;
}
.tabs-nav{
    position: relative;
    display: flex;
    margin: 0 0 78px;
}
.tabs-nav-item{
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0;
    transition: color .2s ease;
    cursor: pointer;
}
.no-touch .tabs-nav-item:not(.active):hover{
    color: #dd0920;
}
.tabs-nav-item.active{
    font-weight: 700;
    color: #dd0920;
    cursor: default;
}
.tabs-nav .separator{
    content: '';
    display: block;
    width: 1px;
    height: 28px;
    margin: 0 24px;
    background: #19171c;
}
.tabs-content{
    color: #19171c;
}
.tabs-content .tab{
    display: none;
}
.accordion-mobile .tabs-content .tabs-nav-item{
    display: none;
}
.tabs-content .tab > *:first-child{
    margin-top: 0;
}
.tabs-content .tab > *:last-child{
    margin-bottom: 0;
}
.tabs-content p{
    margin: 32px 0;
}
.tabs-content .title{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.375em;
    margin: 32px 0;
}
.tabs-content .special-list{
    margin: 32px 0;
}
.tabs-content .special-list li{
    margin: 0 0 32px;
}
.tabs-content .special-list li:last-child{
    margin-bottom: 0;
}
p + .special-list.download-list{
    margin-top: -32px;
}
.special-list.download-list li{
    margin-bottom: 0 !important;
}
.tabs-content a{
    color: #1454a2;
    text-decoration: underline;
}
.no-touch .tabs-content a:hover{
    text-decoration: none;
}
.inline-logos{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 32px 0 0;
}
.inline-logos:last-child{
    margin-bottom: -24px;
}
.inline-logos img{
    margin: 24px 32px;
    max-width: 50%;
    box-shadow: none;
}
/*Licenses box*/
.licences-box{
    color: #19171c;
    max-width: 1300px;
    margin: 0 auto;
}
.licences-box *{
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
}
.licences-box p{
    margin-top: 32px;
    margin-bottom: 32px;
}
.licences-box > *:first-child{
    margin-top: 0;
}
.licences-box > *:last-child{
    margin-bottom: 0;
}
.licences-box .scroll-tbl{
    overflow: hidden;
    overflow-x: auto;
    max-width: 1300px;
    margin: 32px auto 90px;
    border: 1px solid #000;
}
.licences-box table{
    letter-spacing: 0;
    min-width: 1060px;
    max-width: none;
}
.licences-box table tr:first-child th{
    border-top: 0;
}
.licences-box table th:first-child, table td:first-child{
    border-left: 0;
}
.licences-box table th:last-child, table td:last-child{
    border-right: 0;
}
.licences-box table tr:last-child td{
    border-bottom: 0;
}
.licences-box table th{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2em;
    text-align: left;
    vertical-align: middle;
    padding: 15px 2.8% 11px;
    border-color: #000;
}
.licences-box table td{
    font-weight: 300;
    font-size: 19px;
    line-height: 1.578947368421053em;
    text-align: left;
    vertical-align: top;
    padding: 18px 2.8%;
    background: #fff !important;
    border-color: #000;
}
.licences-logos{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 90px -60px 0;
    max-width: none;
}
.licences-logos .img{
    margin: 0 60px 48px;
    max-width: calc(50% - 24px);
}
.licences-logos img{
    margin: 0;
    max-width: 100%;
    box-shadow: none;
}
/*Content video*/
.content-video{
    position: relative;
    margin: 0 auto;
    max-height: 1000px;
    overflow: hidden;
    background-color: #000;
}
.content-video .box{
    padding-bottom: 56.25%;
}
.content-video iframe, .content-video .poster{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    border: none !important;
}
.content-video .poster{
    z-index: 4;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.content-video .play-video-btn{
    position: absolute;
    z-index: 5;
    width: 141px;
    height: 141px;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
    background: url("../i/video-play-btn.png") no-repeat 0 0;
    background-size: 100% auto;
    -webkit-box-shadow: 0 5px 51px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 5px 51px rgba(0, 0, 0, 0.75);
    box-shadow: 0 5px 51px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 71px;
    -moz-border-radius: 71px;
    border-radius: 71px;
    cursor: pointer;
}
.no-touch .content-video .play-video-btn:hover{
    opacity: .7;
}
/*Licensed box*/
.licensed-box{
    margin: 83px 0 76px;
}
.licensed-box .intro{
    margin-bottom: 48px;
}
.licensed-box .intro + .intro{
    margin-top: -32px;
}
/*Timeline*/
.inner-top-indent{
    padding-top: 97px;
}
.timeline-box{
    position: relative !important;
    z-index: 10 !important;
    margin: -32px auto 77px;
    text-align: center;
}
.touch .timeline-box{
    overflow-y: hidden;
    overflow-x: auto;
    margin: 0;
}
.timeline-content{
    position: relative;
    padding: 0 100px;
    float: left;
    font-size: 0;
    height: 490px;
    text-align: left;
    margin: 0 0 68px;
}
.touch .timeline-content{
    margin: 0;
}
.timeline-content:after{
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 50%;
    background: rgba(221, 9, 32, .6);
}
.timeline-content .item{
    width: 430px;
    height: 490px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.timeline-content .item .content{
    font-size: 18px;
    line-height: 1.225em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 280px;
    padding: 36px 26px 22px;
    min-height: 186px;
    color: #fff;
    border: 2px solid rgba(237, 0, 19, .8);
}
.timeline-content .item.important .content{
    background: #c00313;
    border: none;
}
.timeline-content .item:nth-child(2n) .content{
    bottom: auto;
    top: 280px;
    padding-top: 22px;
}
/*.timeline-content .item .content:after{
	content: '';
	position: absolute;
	z-index: 10;
	top: 100%;
	width: 26px;
	left: 50%;
	margin-left: -5px;
	height: 17px;
	background: url("../i/time-line-content-arrow.png") no-repeat 0 0;
	}
.timeline-content .item:nth-child(2n) .content:after{
	top: auto;
	bottom: 100%;
	background-position: 0 -17px;
	}
.timeline-content .item.important .content:after{
	background-position: 0 -34px;
	}
.timeline-content .item.important:nth-child(2n) .content:after{
	top: auto;
	bottom: 100%;
	background-position: 0 -51px;
	}*/
.timeline-content .item .content p{
    margin: 0 0 6px;
}
.timeline-content .item h3{
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4em;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 14px;
}
.timeline-content .item .content > *:last-child{
    margin-bottom: 0;
}
.timeline-content .item .pin{
    font-size: 19px;
    line-height: 1em;
    text-align: center;
    height: 72px;
    width: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -36px 0 0 -22px;
}
.timeline-content .item:nth-child(2n-1) .pin{
    padding-top: 57px;
}
.timeline-content .item .pin:after{
    content: '';
    position: absolute;
    z-index: 10;
    width: 17px;
    height: 17px;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -10px;
    background: #201e23;
    border: 2px solid #c00313;
    border-radius: 110%;
}
/**/
.scroll-bar-wrap{
    display: inline-block;
    vertical-align: top;
    padding: 0 4px 0 2px;
    margin: 0 auto;
}
.touch .scroll-bar-wrap{
    display: none;
}
.scroll-bar-wrap .ui-slider{
    background: none;
    border: 0;
    height: auto;
    margin: 0 auto;
}
.scroll-bar-wrap .ui-handle-helper-parent{
    position: relative;
    width: 100%;
    height: 41px;
    margin: 0 auto;
}
.scroll-bar-wrap .ui-handle-helper-parent:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    width: 100%;
    background: #2b2b2b;
}
.scroll-bar-wrap .ui-handle-helper-parent .fill-color{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 0;
    height: 6px;
    background: #ff1030;
}
.scroll-bar-wrap .ui-handle-helper-parent .fill-color:after{
    content: '';
    position: absolute;
    top: -6px;
    right: -2px;
    width: 3px;
    height: 18px;
    background: #ff1030;
}
.scroll-bar-wrap .ui-slider-handle{
    width: 23px !important;
    height: 20px !important;
    background: url("../i/time-line-handle.png") no-repeat 0 0 !important;
    border: none !important;
    top: 15px !important;
    margin-left: -11px !important;
    -ms-touch-action: none;
    touch-action: none;
}
.scroll-bar-wrap .ui-slider-handle > *{
    display: none;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon{
    margin: -8px auto 0;
    position: relative;
    top: 50%;
}
/*Timeline nav*/
.timeline-nav{
    position: relative;
    height: 12px;
    font-size: 0;
    line-height: 0;
}
.timeline-nav .item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 51px;
    height: 6px;
    border-left: 1px solid #484f4f;
    margin: 6px 0 0 0;
}
.timeline-nav .item.year-box{
    height: 12px;
    margin: 0;
}
.timeline-nav .item:last-child{
    width: 1px;
}
.timeline-nav .year{
    position: absolute;
    left: -11px;
    top: -30px;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 1em;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(-60deg);
}
/*Timeline anchors*/
.timeline-anchors{
    text-align: center;
    margin: 0 0 86px;
}
.no-touch .timeline-anchors{
    display: none;
}
.timeline-anchors a{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 4px;
}
/*Three column list*/
.three-col-box{
    font-size: 0;
    margin: 63px -4.1% 60px;
    text-align: center;
}
.half-bg .three-col-box{
    margin-bottom: -21px;
}
.three-col-box .item{
    width: 33.3333333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 4%;
    text-align: left;
}
.three-col-box .shadow-img{
    margin: 0 auto 16px;
}
.three-col-box h3{
    margin: 0 0 1px;
}
.three-col-box h4{
    margin: 0 0 8px;
    color: #adadad;
}
.three-col-box p{
    font-size: 18px;
    line-height: 1.444444444444444em;
    color: #676767;
    margin: 8px 0 12px;
}
/*Our story*/
.our-story{
    text-align: center;
    color: #19171c;
    padding: 27px 0 92px;
    margin: 90px 0 60px;
    background: #fff;
}
.our-story .container{
    max-width: 1520px;
}
.our-story h2, .our-story .h2, .our-values h2, .our-values .h2, .we-work h2, .we-work .h2{
    color: #19171c;
}
.our-story .intro{
    margin-bottom: 45px;
}
.our-story p:not(.intro){
    margin: 19px 0;
}
.our-story .container > *:first-child{
    margin-top: 0;
}
.our-story .container > *:last-child{
    margin-bottom: 0;
}
/*About page*/
.about-page h2 + .intro, .about-page .h2 + .intro{
    margin: 43px auto 28px;
}
/*Our values*/
.our-values{
    text-align: center;
    color: #19171c;
    padding: 82px 0 86px;
    background: #fff;
}
.our-values .wide-container{
    max-width: 1564px;
}
.our-values .intro{
    letter-spacing: .025em;
    max-width: 1180px;
}
.our-values-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -20px -54px;
}
.our-values-grid .item{
    font-size: 19px;
    line-height: 1.25em;
    /*	text-align: justify;
	text-align-last: center;*/
    color: #19171c;
    letter-spacing: -.0075em;
    width: 25%;
    padding: 0 20px;
    margin: 0 0 54px;
}
.our-values-grid .item > *:last-child{
    margin-bottom: 0;
}
.our-values-grid .img-box{
    margin: 0 0 64px;
}
.our-values-grid img{
    margin: 0 auto;
    box-shadow: none;
}
.our-values-grid .lottie-player{
    width: 100%;
    height: auto;
}
.our-values-grid .title-box{
    /*margin: 0 0 27px;*/
    margin: 0;
}
/*.our-values-grid .title-box:after{
	content: '';
	display: block;
	margin: 21px auto 0;
	width: 64px;
	height: 4px;
	background: #ff0000;
	}*/
.our-values-grid .title{
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1em;
    text-align: center;
    letter-spacing: .025em;
    /*margin: 0 -32px 6px;*/
    margin: 0;
}
.our-values-grid .js-open-value-dropdown{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 24px;
    cursor: pointer;
}
.our-values-grid .js-open-value-dropdown .arrow{
    position: absolute;
    right: 0;
    top: 3px;
    height: auto;
}
.our-values-grid .js-open-value-dropdown.active .arrow{
    right: -4px;
    top:4px;
    transform: rotate(90deg);
}
.our-values-grid .js-open-value-dropdown.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown:hover .arrow *{
    fill: #dd0920;
}
.our-values-grid .js-open-value-dropdown.v2.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown.v2:hover .arrow *{
    fill: #1068d4;
}
.our-values-grid .js-open-value-dropdown.v3.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown.v3:hover .arrow *{
    fill: #f9710e;
}
.our-values-grid .js-open-value-dropdown.v4.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown.v4:hover .arrow *{
    fill: #72c31d;
}
.our-values-grid .sub-title{
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: .025em;
    margin: 0;
}
.our-values-grid .sub-title:after{
    display: none;
}
.our-values-grid .title-box > *:first-child{
    margin-top: 0;
}
.our-values-grid .title-box > *:last-child{
    margin-bottom: 0;
}

.values-dropdowns{
    text-align: left;
    max-width: 912px;
    margin: 75px auto 0;
}
.value-dropdown{
    display: none;
    position: relative;
    padding: 20px 200px 0 0;
}
.value-dropdown .text > *:first-child{
    margin-top: 0;
}
.value-dropdown .text > *:last-child{
    margin-bottom: 0;
}
.value-dropdown .dropdown-img{
    position: absolute;
    right: 0;
    top: 0;
    max-width: 172px;
}
.value-dropdown .dropdown-img img{
    margin: 0 0 0 auto;
    max-width: 100%;
    box-shadow: none;
}
.value-dropdown ul li{
    margin: 0 0 7px;
    min-height: 39px;
    padding-left: 72px;
    background: url("../i/values-dropdown-bullet.png") no-repeat 0 6px/32px auto;
}
.value-dropdown .v2 li{
    background-image: url("../i/values-dropdown-bullet-v2.png");
}
.value-dropdown .v3 li{
    background-image: url("../i/values-dropdown-bullet-v3.png");
}
.value-dropdown .v4 li{
    background-image: url("../i/values-dropdown-bullet-v4.png");
}
.value-dropdown li:last-child{
    margin: 0;
}
/*Push in numbers*/
.push-in-numbers{
    padding: 82px 0 94px;
}
.push-in-numbers .wide-container{
    max-width: 1564px;
}
.in-numbers-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 72px 0 -80px;
}
.in-numbers-grid .item{
    font-size: 19px;
    line-height: 1.25em;
    letter-spacing: 0;
    text-align: center;
    width: 33.333333%;
    padding: 0 20px;
    margin: 0 0 80px;
}
.in-numbers-grid .item > *:last-child{
    margin-bottom: 0;
}
.in-numbers-grid .title{
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1em;
    text-align: center;
    letter-spacing: .025em;
    margin: 0 0 20px;
}
.in-numbers-grid .title:after{
    content: '';
    display: block;
    margin: 21px auto 0;
    width: 64px;
    height: 4px;
    background: #dd0920;
}
.in-numbers-grid p:not(.title){
    max-width: 408px;
    margin: 0 auto;
}
.in-numbers-grid .counter-box{
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 160px;
    line-height: 1em;
    white-space: nowrap;
    margin: 0 0 16px;
}
.in-numbers-grid .plus{
    position: absolute;
    left: 100%;
    top: 0;
}
.in-numbers-grid .counter-img{
    position: absolute;
    z-index: 4;
    left: -74px;
    bottom: -6px;
    opacity: 0;
}
.in-numbers-grid .finished .counter-img{
    animation: counterImg 1s ease forwards;
}
@keyframes counterImg{
    0%{
        opacity: 0;
        transform: translateY(20px);
    }
    50%{
        opacity: 1;
        transform: translateY(-20px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.in-numbers-grid .counter-img img{
    margin: 0;
    box-shadow: none;
}
.in-numbers-grid .item a{
    color: #fff;
    text-decoration: underline;
}
.no-touch .in-numbers-grid .item a:hover{
    text-decoration: none;
}
/*We work*/
.we-work{
    text-align: center;
    color: #19171c;
    padding: 82px 0 86px;
    /*margin: 0 0 10px;*/
    background: #fff;
}
.we-work .wide-container{
    max-width: 1564px;
}
.we-work .intro{
    letter-spacing: .025em;
    max-width: 1024px;
}
.logos-slider{
    position: relative;
    max-width: 1500px;
    margin: 60px auto 0;
    padding: 0 60px;
}
.logos-slider .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 0 12px;
}
.logos-slider img{
    margin: 0 auto;
    box-shadow: none;
}
.logos-slider .swiper-btn{
    position: absolute;
    left: 0;
    top: 50%;
    width: 22px;
    height: 42px;
    margin: -21px 0 0;
    cursor: pointer;
    transition: opacity .2s ease;
}
.no-touch .logos-slider .swiper-btn:not(.swiper-button-disabled):hover{
    opacity: .5;
}
.logos-slider .next-btn{
    left: auto;
    right: 0;
}
.logos-slider .swiper-button-disabled{
    opacity: .2;
    cursor: default;
}
.logos-slider .swiper-pagination{
    display: none;
    flex-wrap: wrap;
    margin: 0 -6px;
}
.logos-slider .swiper-pagination .swiper-pagination-bullet{
    margin: 0 6px 6px;
    border: 1px solid #19171c;
}
.logos-slider .swiper-pagination .swiper-pagination-bullet-active{
    border: 2px solid #19171c;
}
.logos-slider .swiper-pagination .swiper-pagination-bullet:before{
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 110%;
    background: #19171c;
    transition: opacity .1s ease;
}
.logos-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 106px 0 0;
}
.logos-box .item{
    text-align: center;
    width: 20%;
    margin: 0 0 68px;
    padding: 0 30px;
}
.logos-box .item img{
    margin: 0 auto;
}
.logos-box a, .logos-slider a{
    display: inline-block;
    vertical-align: top;
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: all .4s ease;
}
.no-touch .logos-box a:hover, .no-touch .logos-slider a:hover{
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
}
/*Social responsibility*/
.social-responsibility{
    padding: 82px 0 86px;
}
.social-responsibility .container > *:last-child{
    margin-bottom: 0 !important;
}
/*Team-list*/
.team-list-box{
    position: relative;
    z-index: 21;
    margin: 0 0 128px;
    padding: 27px 0 0;
}
.team-list-box .intro{
    margin-bottom: 0;
}
.team-list{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 133px 0 0;
}
.team-list .item{
    position: relative;
    z-index: 1;
    width: 14.28571428571429%;
    padding-bottom: 17.36%;
    overflow: hidden;
    text-align: center;
}
.team-list .item:after{
    content: '';
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background: rgba(0, 0, 0, .55);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.team-list .item.empty:after{
    display: none;
}
.no-touch .team-list .item:hover:after, .touch .team-list .item:after{
    opacity: 1;
}
.no-touch .team-list .item.empty{
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.no-touch .team-list .item.empty:hover{
    opacity: .8;
}
.team-list .item .img{
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.team-list .item.empty .img{
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background-color: #fe000a;
    background-size: 55% auto;
    background-position: 50% 15%;
    background-repeat: no-repeat;
}
.team-list .item .text{
    position: absolute;
    z-index: 2;
    bottom: -10px;
    left: 0;
    right: 0;
    padding: 0 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.275em;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.no-touch .team-list .item:hover .text, .team-list .item.empty .text, .touch .team-list .item .text{
    opacity: 1;
    bottom: 15px;
}
.team-list .item.empty .text{
    bottom: 19px !important;
}
.team-list .item .full-name{
    display: block;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0;
    max-width: 280px;
    margin: 0 auto;
}
.team-list .item.empty .full-name{
    font-weight: 600;
    font-size: 19px;
}
.team-list .item .post{
    display: block;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    margin: 6px auto 0;
    max-width: 280px;
}
.team-list .item.empty .post{
    font-size: 16px;
    line-height: 1.2em;
    text-transform: none;
    max-width: 206px;
    margin: 3px auto 0;
}
.team-list .item .text .in-brief{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 6px auto 3px;
    max-width: 280px;
}
/*News layout*/
.news-layout{
    position: relative;
}
.news-layout:after{
    content: '';
    display: table;
    clear: both;
}
.news-layout:before{
    content: '';
    position: absolute;
    z-index: -1;
    left: -1500px;
    right: -1500px;
    top: -50px;
    bottom: -1px;
    background: #fff;
}
/*News box*/
.news-box{
    position: relative;
    z-index: 10;
    transition: all .2s ease;
}
.news-box.hidden{
    transform: scale(.9);
    opacity: 0;
    pointer-events: none;
}
.news-box .articles-list .item{
    transition: all .2s ease;
}
.news-box .articles-list .item.hidden{
    transform: scale(.5);
    opacity: 0;
}
/*Main content*/
.main-content-box{
    float: left;
    width: 64.97142857142857%;
    position: relative;
    z-index: 30;
    left: -2000px;
    max-width: 1137px;
    margin: 0;
    color: #19171c;
    background: #fff;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    visibility: hidden;
    height: 0;
}
.main-content-box.visible{
    left: 0;
    visibility: visible;
    min-height: 100px;
    height: auto;
    margin: 0 0 60px;
}
.main-content-box .text-box{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    padding: 60px;
}
.main-content-box .comments-box{
    margin-top: 75px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    padding: 63px 117px 90px;
}
.main-content-box .main-content{
    margin: 0;
}
.main-content-box.news-inner{
    visibility: visible;
    height: auto;
    left: 0;
    float: none;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 1028px;
    padding: 0 !important;
}
.main-content-box:after{
    content: '';
    display: table;
    clear: both;
}
.main-content{
    margin: 60px 0 80px;
}
.main-content > *:first-child{
    margin-top: 0;
}
.main-content > .text-box *:last-child{
    margin-bottom: 0;
}
.main-content-box.news-inner .close{
    display: none;
}
.main-content-box .comments-box .top-wrap{
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 29px;
}
.main-content-box .comments-box .top-wrap .btn{
    margin-top: -7px;
}
.main-content-box .comments-list{
    margin-bottom: 30px;
}
.main-content-box .comments-list > .comment-item{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.main-content-box .comments-list > .comment-item:last-child{
    margin-bottom: 0;
}
.main-content-box .comments-box .top-wrap .comments-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2em;
    letter-spacing: 0.002em;
    color: #19171C;
    margin: 0;
}
.main-content-box .comments-box .btn{
    margin: 0 0 0 auto;
    border: 2px solid #F23242;
    text-transform: none;
    font-family: 'poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: 0.001em;
    padding: 6px 40px;
}
.main-content-box .comments-box .comment-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.main-content-box .comments-box .data{
    display: flex;
    align-items: center;
}
.main-content-box .comments-box .author{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    color: #1C1C1C;
    margin: 0 16px 0 0;
}
.main-content-box .comments-box .time{
    font-size: 12px;
    line-height: 1.17em;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #969696;
    margin: 0;
}
.main-content-box .comments-box .reaction-box{
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
.main-content-box .comments-box .reaction-box .item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    transition: background-color .4s ease, border-color .4s ease;
}
.no-touch .main-content-box .comments-box .reaction-box .item:hover{
    cursor: pointer;
}
.main-content-box .comments-box .reaction-box .item svg path{
    transition: fill .4s ease
}
.no-touch .main-content-box .comments-box .reaction-box .item:hover svg path, .no-touch .main-content-box .comments-box .reaction-box .item.active:hover svg path{
    fill: #fff;
}
.no-touch .main-content-box .comments-box .reaction-box .item.up:hover{
    background-color: #59D345;
    border-color: #59D345;
}
.no-touch .main-content-box .comments-box .reaction-box .item.down:hover{
    background-color: #D34545;
    border-color: #D34545;
}
.main-content-box .comments-box .reaction-box .item.up.active svg path{
    fill: #59D345;
}
.main-content-box .comments-box .reaction-box .item.down.active svg path{
    fill: #D34545;
}
.main-content-box .comments-box .reaction-box.voted .item:not(.active){
    pointer-events: none;
}
.main-content-box .comments-box .reaction-box .rating{
    margin: 0 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.08em;
    letter-spacing: 0.2px;
    color: #969696;
}
.main-content-box .comments-box .comment-item > p{
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: -0.007em;
    color: #585757;
}
.reply-comment{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #1C1C1C;
    width: 84px;
    padding: 8px 15px;
    border: 1px solid rgba(44, 43, 46, 0.3);
    margin-top: 25px;
    transition: color .4s ease, background-color .4s ease;
}
.no-touch .reply-comment:hover{
    background-color: #1C1C1C;
    color: #fff;
    cursor: pointer;
}
.reply-comment svg path{
    transition: fill .4s ease;
}
.no-touch .reply-comment:hover svg path{
    fill: #fff;
}
.reply-comment .icon{
    margin-right: 9px;
}
.comment-answers .comment-item{
    position: relative;
    padding-left: 43px;
    margin: 19px 0 0;
}
.comment-answers .comment-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    background: url(../i/reply-arrow.svg) no-repeat;
}
.add-comments-box{
    display: flex;
    flex-direction: column;
}
.add-comments-box .title{
    font-weight: 500;
    font-size: 18px;
    line-height: 1.39em;
    letter-spacing: 0.002em;
    color: #19171C;
    margin: 0 0 20px;
}
.add-comments-box form{
    text-align: right;
}
.add-comments-box .fields-wrap{
    display: flex;
    margin: 0 -8px;
}
.add-comments-box .fields-wrap .field{
    width: calc(33.33333333% - 16px);
    margin: 0 8px 16px;
}
.add-comments-box .fields-wrap .field .form-control{
    height: 37px;
}
.add-comments-box .field{
    margin-bottom: 16px;
}
.add-comments-box .field .form-control{
    box-shadow: none;
    width: 100%;
}
.add-comments-box .field textarea.form-control{
    height: 156px;
}
/*Games main screen*/
#games-main-screen{
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
}
#games-main-screen:after{
    content: '';
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    height: 220px;
    width: 100%;
    background: url("../i/games-screen-shadow.png") repeat-x 100% 0;

    display: none;
}
#games-main-screen .align-b{
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    padding: 90px 48px 0;
}
#games-main-screen .max-w{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 1280px;
    margin: 0 auto;
}
#games-main-screen .sub-text{
    display: block;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25em;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
}
#games-main-screen .sub-text span{
    display: inline-block;
    vertical-align: top;
    transform: translateX(-100%);
    transition: transform .7s ease .3s;
}
#games-main-screen h1{
    font-weight: 700;
    font-size: 170px;
    line-height: 1em;
    top: 30vh;
    opacity: 0;
    transition: top 1s ease, opacity 1s ease;
}
#games-main-screen .max-w h1{
    margin-bottom: -11%;
}
#games-main-screen .max-w > *:first-child{
    margin-top: 0;
}
#games-main-screen .animated-characters{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 1917px;
    max-width: 100%;
    margin: -8% auto 0;
}
#games-main-screen .animated-characters img{
    margin: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: transform .7s ease-in-out, opacity 1.5s ease;
}
#games-main-screen .animated-characters img:nth-child(1){
    max-width: 30.46426708398539%;
    max-height: 64.63917525773196vh;
    margin-bottom: 12%;
    transform: translateY(50%);
    transition: transform 1s ease-in-out, opacity .7s ease .5s;
}
#games-main-screen .animated-characters img:nth-child(2){
    position: relative;
    z-index: 2;
    max-width: 45.225873761085%;
    margin: 0 -10% 0 -10%;
    max-height: 100vh;
}
#games-main-screen .animated-characters img:nth-child(3){
    max-width: 28.69066249347939%;
    max-height: 66.08247422680412vh;
    transform: translateY(80%);
    margin-bottom: 11.5%;
    transition: transform 1s ease-in-out, opacity .7s ease .5s;
}
#games-main-screen .animated-characters img:nth-child(4){
    position: absolute;
    z-index: 5;
    left:50%;
    bottom: 55%;
    max-width: 11.99791340636411%;
    max-height: 26vh;
    transform: translateY(-80%) translateX(100%);
    transition: transform 1s ease-in-out, opacity .7s ease .5s;
}
.page-load #games-main-screen .animated-characters img:nth-child(4){
    transform: translateX(230%);
}
.page-load #games-main-screen .animated-characters img, .page-load #games-main-screen h1, .page-load #games-main-screen .sub-text span{
    opacity: 1;
    transform: none;
}

.page-load #games-main-screen h1{
    top: 0;
}
#games-main-screen .animated-characters .lights-bg-box{
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 0;
    height: 398px;
    max-height: 41.03092783505155vw;
    width: 152.999478351591%;
    transform: translateX(-50%);
}
#games-main-screen .animated-characters .lights-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: auto 100%;
    opacity: 0;
    transition: opacity .7s ease .5s;
}
.page-load #games-main-screen .animated-characters .lights-bg{
    transform: none;
    opacity: 1;
    /*	animation: moveLights 1.6s ease-in-out forwards;*/
}
/*@keyframes moveLights{
	0%{
		transform: translateY(100%);
		}
	60%{
		transform: translateY(-6%);
		opacity: 1;
		}
	100%{
		transform: none;
		opacity: 1;
		}
	}*/
#games-main-screen .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    transform: scale(1.1);
    transition: transform 1s ease-in-out;
}
.page-load #games-main-screen .bg{
    transform: none;
}



#games-box{
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 100px 48px 0;
}
.games-box-characters{
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    height: calc(100vh - 120px);
    width: 100%;
}
.games-box-characters img{
    margin: 0;
    max-width: 100%;
    max-height: 100%;
}
.games-box-characters .animate-elements{
    position: relative;
    height: auto;
}
.games-box-characters .animate-elements img{
    max-height: calc(100vh - 120px);
}
.games-box-characters .bison{
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: flex-end;
}
.games-box-characters .bison-left{
    z-index: 2;
    left: 0;
    bottom: 0;
    height: 101%;
    width: 100%;
    max-width: 35%;
    transition: transform .7s cubic-bezier(0.25, 0.1, 0.25, 1) .3s;
}
html:not(.page-load) .games-box-characters .bison-left{
    transform: translateX(-100%);
}
.games-box-characters .bison-snow{
    position: absolute;
    z-index: 4;
    top: -10%;
    left: 0;
    width: 112.2058823529412%;
    max-width: 763px;
}
.games-box-characters .bison-cntr{
    justify-content: center;
    left: 50%;
    bottom: 0;
    height: calc(100% - 40px);
    width: 100%;
    max-width: 44%;
    min-width: 680px;
    transform: translate3d(-50%, 0, 0);
    transition: transform 1s ease-in-out;
}
.games-box-characters .bison-cntr img{
    transition: transform 1s ease-in-out;
    transform-origin: bottom center;
}
html:not(.page-load) .games-box-characters .bison-cntr img{
    transform: scale(.7);
}
.games-box-characters .bison-right{
    z-index: 2;
    right: 0;
    bottom: 0;
    height: 102%;
    max-width: 37%;
    transition: transform .7s cubic-bezier(0.25, 0.1, 0.25, 1) .3s;
}
html:not(.page-load) .games-box-characters .bison-right{
    transform: translateX(100%);
}
.games-box-characters .bison-leaves{
    position: absolute;
    z-index: 4;
    top: -10%;
    right: 0;
    width: 89.18539325842697%;
    max-width: 635px;
}
.games-box-characters .bison-snow, .games-box-characters .bison-leaves{
    transition: opacity 1.3s ease .5s;
}
html:not(.page-load) .games-box-characters .bison-snow, html:not(.page-load) .games-box-characters .bison-leaves{
    opacity: 0;
}


.games-box-characters .crystals-box, .games-box-characters .big-bamboo-box, .games-box-characters .nightfall-box, .games-box-characters .fat-banker-box, .games-box-characters .mad-cars-box, .games-box-characters .deadly-five-box, .games-box-characters .space-stacks-box{
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 1000px;
    max-width: 90%;
    height: calc(100% - 80px);
    transform: translate3d(-50%, 0, 0);
}
.games-box-characters .crystal-cntr-box, .games-box-characters .big-bamboo-cntr-box, .games-box-characters .nightfall-cntr-box, .games-box-characters .fat-banker-cntr-box, .games-box-characters .mad-cars-cntr-box, .games-box-characters .deadly-five-cntr-box, .games-box-characters .deadly-five-box, .games-box-characters .space-stacks-cntr-box{
    position: relative;
    left: -3%;
    display: flex;
    align-items: flex-end;
    height: 100%;
    transition: transform 1s ease-in-out;
}
.games-box-characters .crystal-cntr-box .crystal-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.6);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.page-load .games-box-characters .crystal-cntr-box .crystal-cntr, .page-load .games-box-characters .crystal-cntr-box .crystal-left, .page-load .games-box-characters .crystal-cntr-box .crystal-right{
    transform: none;
}
.games-box-characters .crystal-left, .games-box-characters .big-bamboo-left, .games-box-characters .nightfall-left, .games-box-characters .fat-banker-left, .games-box-characters .mad-cars-left, .games-box-characters .deadly-five-left{
    position: absolute;
    z-index: 2;
    left: -65.5%;
    bottom: 0;
    width: 162.4301675977654%;
    max-width: 162.4301675977654%;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .crystal-right, .games-box-characters .big-bamboo-right, .games-box-characters .nightfall-right, .games-box-characters .fat-banker-right, .games-box-characters .mad-cars-right, .games-box-characters .deadly-five-right{
    position: absolute;
    z-index: 2;
    right: -78%;
    bottom: 0;
    width: 124.4413407821229%;
    max-width: 124.4413407821229%;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .crystal-box img{
    margin: 0;
}

.games-box-characters .big-bamboo-box{
    height: calc(100% - 150px);
    max-width:65%;
}
.games-box-characters .big-bamboo-cntr-box{
    left: -2.2%;
}
.games-box-characters .big-bamboo-cntr-box .big-bamboo-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.5);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .big-bamboo-left{
    left: -42%;
    width: 81.03092783505155%;
    max-width: 81.03092783505155%;
}
.games-box-characters .big-bamboo-right{
    right: -45%;
    width: 64.5360824742268%;
    max-width: 64.5360824742268%;
}
.page-load .games-box-characters .big-bamboo-cntr-box .big-bamboo-cntr, .page-load .games-box-characters .big-bamboo-cntr-box .big-bamboo-left, .page-load .games-box-characters .big-bamboo-cntr-box .big-bamboo-right{
    transform: none;
}
.big-bamboo-leaves{
    position: absolute;
    z-index: 4;
    bottom: 0;
    transition: transform .5s linear;
    transform: translateY(100%);
}
.page-load .big-bamboo-leaves{
    transform: none;
}
.big-bamboo-leaves.leaves-left{
    left: -27%;
    width: 58.04123711340206%;
    max-width: 58.04123711340206%;
}
.big-bamboo-leaves.leaves-right{
    right: -21.5%;
    width: 50.51546391752577%;
    max-width: 50.51546391752577%;
}
.games-box-characters .big-bamboo-light{
    position: absolute;
    z-index: 5;
    left: -76%;
    width: 246.5979381443299%;
    max-width: 246.5979381443299%;
    max-height: none;
}
.page-load .games-box-characters .big-bamboo-light{
    transform: none;
    opacity: 1;
    animation: moveLights 1.6s ease-in-out forwards;
}
@keyframes moveLights{
    0%{
        transform: translateY(30%);
    }
    60%{
        transform: translateY(-6%);
        opacity: 1;
    }
    100%{
        transform: none;
        opacity: 1;
    }
}

.games-box-characters .nightfall-box{
    height: calc(100% - 126px);
    max-width:85%;
}
.games-box-characters .nightfall-cntr-box{
    left: 1%;
}
.games-box-characters .nightfall-left{
    left: -56%;
    width: 80.33373063170441%;
    max-width: 80.33373063170441%;
    transform: scale(.7);
    transform-origin: 100% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .nightfall-cntr-box .nightfall-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .nightfall-right{
    right: -47%;
    width: 72.22884386174017%;
    max-width: 72.22884386174017%;
    transform: scale(.7);
    transform-origin: 0% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .nightfall-clouds{
    display: none;
    position: absolute;
    z-index: 11;
    left: 50%;
    bottom: 0;
    margin: 0;
    width: 911px;
    height: 273px;
    max-width: none;
    max-height: 30vh;
    transform: translateX(-50%);
    transition: transform 4s ease-out;
}
.games-box-characters .nightfall-clouds.invert{
    z-index: -1;
    transform: translateX(-50%) scaleX(-1);
}
.page-load .games-box-characters .nightfall-cntr-box .nightfall-cntr, .page-load .games-box-characters .nightfall-cntr-box .nightfall-left, .page-load .games-box-characters .nightfall-cntr-box .nightfall-right{
    transform: none;
}
.page-load .games-box-characters .nightfall-clouds{
    transform: translateX(-40%);
}
.page-load .games-box-characters .nightfall-clouds.invert{
    transform: translateX(-60%) scaleX(-1);
}




.games-box-characters .fat-banker-box{
    height: calc(100% - 100px);
    max-width:85%;
}
.games-box-characters .fat-banker-cntr-box{
    left: 0;
}
.games-box-characters .fat-banker-left{
    z-index: 5;
    left: -27%;
    width: 52.60570304818092%;
    max-width: 52.60570304818092%;
    transform: scale(.7);
    transform-origin: 100% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .fat-banker-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .fat-banker-right{
    right: -27.1%;
    width: 55.55555555555556%;
    max-width: 55.55555555555556%;
    transform: scale(.7);
    transform-origin: 0% 100% 0;
    transition: transform .5s ease-in;
}

.page-load .games-box-characters .fat-banker-cntr, .page-load .games-box-characters .fat-banker-left, .page-load .games-box-characters .fat-banker-right{
    transform: none;
}









.games-box-characters .mad-cars-box{
    height: calc(100% - 120px);
    max-width:85%;
}
.games-box-characters .mad-cars-cntr-box{
    left: 0;
}
.games-box-characters .mad-cars-left{
    left: -50%;
    width: 86.875%;
    max-width: 86.875%;
    transform: scale(.7);
    transform-origin: 100% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .mad-cars-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .mad-cars-right{
    right: -55.1%;
    width: 80.125%;
    max-width: 80.125%;
    transform: scale(.7);
    transform-origin: 0% 100% 0;
    transition: transform .5s ease-in;
}


.mad-cars-bg-els{
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: transform 1s linear;
    opacity: 0;
}
.page-load .mad-cars-bg-els{
    animation: moveEls 1.1s ease-in-out forwards;
}


.page-load .games-box-characters .mad-cars-cntr, .page-load .games-box-characters .mad-cars-left, .page-load .games-box-characters .mad-cars-right{
    transform: none;
}






.games-box-characters .deadly-five-box{
    height: calc(100% - 80px);
    max-width:85%;
    width: 1200px;
}
.games-box-characters .deadly-five-cntr-box{
    left: 3%;
}
.games-box-characters .deadly-five-left{
    left: -39.65%;
    width: 88.37209302325581%;
    max-width: 88.37209302325581%;
    transform: scale(.7);
    transform-origin: 100% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .deadly-five-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .5s ease-in;
}
.games-box-characters .deadly-five-right{
    right: -28.1%;
    width: 77.51937984496124%;
    max-width: 77.51937984496124%;
    transform: scale(.7);
    transform-origin: 0% 100% 0;
    transition: transform .5s ease-in;
}

.page-load .games-box-characters .deadly-five-cntr, .page-load .games-box-characters .deadly-five-left, .page-load .games-box-characters .deadly-five-right{
    transform: none;
}


.deadly-five-bg-els{
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 40% 50%;
    background-repeat: no-repeat;
    transition: transform 1s linear;
    opacity: 0;
    pointer-events: none;
}
.page-load .deadly-five-bg-els{
    animation: moveEls 1.1s ease-in-out forwards;
}







.games-box-characters .space-stacks-box{
    height: calc(100% - 150px);
    max-width:80%;
    width: 1200px;
}
.games-box-characters .space-stacks-cntr-box{
    align-items: center;
    left: 1.5%;
}
.games-box-characters .space-stacks-cntr{
    position: relative;
    z-index: 3;
    transform: scale(.7);
    transform-origin: 50% 100% 0;
    transition: transform .6s linear;
}

.page-load .games-box-characters .space-stacks-cntr{
    transform: none;
}


.space-stacks-bg-els{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 40% 100%;
    background-repeat: no-repeat;
    transition: transform 1s linear;
    opacity: 0;
    pointer-events: none;
}
.page-load .space-stacks-bg-els{
    animation: moveEls 1.1s ease-in-out forwards;
}
@keyframes moveEls{
    0%{
        transform: translateY(0%);
    }
    40%{
        transform: translateY(-5%);
        opacity: 1;
    }
    100%{
        transform: translateY(14vh);
        opacity: 1;
    }
}
/*Box title*/
.box-title{
    font-size: 30px;
    line-height: 1.25em;
    text-transform: uppercase;
    text-align: center;
    padding: 32px 0;
    background: #1a171f;
}
.box-title .container > *:first-child{
    margin-top: 0;
}
.box-title .container > *:last-child{
    margin-bottom: 0;
}
/*Last games box*/
.last-games-box{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.last-games-box .item{
    position: relative;
    /* display: flex; */
    /* align-items: flex-end; */
    font-size: 18px;
    line-height: 1.375em;
    letter-spacing: 0;
    color: #fff;
    min-height: 534px;
    width: 33.3333333%;
    overflow: hidden;
    opacity: 1 !important;
    height: auto;
    padding-bottom: 29.2%;
}
.last-games-box .item .wrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    font-size: 0;
    padding: 32px 30px 26px;
}
.last-games-box .item .wrap:before{
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
}
.last-games-box .content{
    display: inline-block;
    vertical-align: bottom;
    max-width: 482px;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0;
    white-space: normal;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.last-games-box .item .max-w{
    position: relative;
    z-index: 2;
    max-width: 386px;
    width: 100%;
}
.ie .last-games-box .item{
    height: 1px;
}
.last-games-box .item .title{
    position: relative;
    font-weight: 700;
    font-size: 29px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 16px;
    padding-bottom: 16px;
}
.last-games-box .item .title:before, .last-games-box .item .title:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: rgba(193, 8, 28, .6);
}
.last-games-box .item .title:after{
    width: 0;
    transition: width .3s ease;
    background: rgba(193, 8, 28, 1);
}
.no-touch .last-games-box .item:hover .title:after{
    width: 100%;
}
.last-games-box .item p{
    margin: 0;
    font-size: 18px;
    line-height: 1.375em;
    letter-spacing: 0;
    color: #fff;
}
.last-games-box .item p:not(.title){
    min-height: 74px;
}
.last-games-box .item .bg{
    position: absolute;
    z-index: 1;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: all .5s ease;
    overflow: hidden;
}
.no-touch .last-games-box .item:hover .bg{
    box-shadow: none;
    transform: scale(1.1);
}
.last-games-box .item .bg:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 288px;
    background: url("../i/last-games-box-shadow.png") repeat-x 100% 0;
    opacity: .7;
}
.last-games-box .bg:before{
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .4s ease;
}
.no-touch .last-games-box .item:hover .bg:before{
    opacity: 1;
}
.last-games-box .item .content{
    transition: all .2s ease-out;
}
.no-touch .last-games-box .item:hover .content, .touch .last-games-box .item .content{
    padding: 0 0 80px;
}
.last-games-box .item .btn-box{
    position: absolute;
    bottom: 22px;
    left: 0;
    padding: 0 30px;
    opacity: 0;
    visibility: hidden;
    max-width: 446px;
    width: 100%;
    transition: opacity .15s ease, visibility .15s ease;
    /* -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease; */
    /* transition: opacity .3s ease; */
}
.no-touch .last-games-box .item:hover .btn-box, .touch .last-games-box .item .btn-box{
    opacity: 1;
    visibility: visible;
    /* -webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out; */
}
.last-games-box .item .wrap-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.item .btn-box .btn{
    position: relative;
    left: 0;
    bottom: 0;
    font-size: 15px;
    line-height: 1.325em;
    letter-spacing: 1px;
    float: left;
    display: block;
    opacity: 1;
    border: 2px solid #fff;
    border-radius: 2px;
    padding: 9px 34px 8px;
    /* -webkit-transition: none;
	-moz-transition: none;
	transition: none; */
}
.btn-box .btn.open-play-popup{
    background: #fff !important;
    color: #000 !important;
    transition: color .4s ease, background-color .4s ease, border .4s ease;
}
.no-touch .btn-box .btn.open-play-popup:hover{
    color: #fff !important;
    background-color: #dd0920 !important;
    border-color: #dd0920 !important;
}
.btn-box .btn.more{
    background-color: transparent !important;
}
.no-touch .btn-box .btn.more:hover{
    background-color: #fff !important;
}
.cases-box .item .btn-box{
    max-width: 386px;
    margin: 0 auto;
}
.cases-box .item .btn-box .wrap-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cases-box .item .btn-box .wrap-btn a{
    margin: 0 auto;
}
.game-inner-page h2, .game-inner-page .h2{
    color: #1b1515;
}
/*Game description*/
.game-description .row{
    position: relative;
    font-size: 0;
    overflow: hidden;
    background: #1b1515;
}
.game-description .row.light-bg{
    background: #fbfbfb;
}
.game-description .chess-grid{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.game-description .chess-grid .group-row{
    display: table-row;
}
.game-description .content{
    font-size: 19px;
    line-height: 1.736842105263158em;
    position: relative;
    z-index: 2;
    padding: 84px 0 80px;
    color: #fff;
    width: 50%;
    text-align: center;
}
.game-description .group-row + .group-row .content{
    padding-top: 0 !important;
}
.game-description .chess-grid .content{
    display: table-cell;
    vertical-align: middle;
}
.game-description .chess-grid .content.full-width{

}
.game-description .chess-grid .content.rare-humpty{
    padding-left: 4%;
}
.game-description .chess-grid .content.rare-hockey, .game-description .chess-grid .content.rare-meerkats{
    padding-right: 5.3%;
}
.game-description .chess-grid .content.rare-star{
    padding-left: 3%;
}
.game-description .chess-grid .content.rare-dream-team{
    padding-right: 4%;
}
.game-description .chess-grid .content.rare-heroes{
    padding-left: 5%;
}
.game-description .row.light-bg .content{
    color: #000;
}
.game-description .chess-grid .img-box{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 65px 50px 65px 25px;
}
.game-description .chess-grid.invert .img-box{
    /*padding-right: 1px;*/
    padding: 65px 25px 65px 50px;
}
.game-description .group-row + .group-row .img-box{
    padding-top: 0 !important;
}
.game-description .chess-grid .img-box img{
    margin: 0 auto;
}
.game-description .chess-grid .img-box img + img{
    margin-top: 24px;
}
.game-description .chess-grid .rare-img{
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 65px;
    width: 100%;
    font-size: 0;
}
.game-description .chess-grid .rare-img.humpty-img{
    left: 10%;
    bottom: 43px;
    text-align: right;
}
.game-description .chess-grid .rare-img.hockey-img, .game-description .chess-grid .rare-img.meerkats-img{
    left: -10%;
    top: 55px;
    bottom: 55px;
}
.game-description .chess-grid .rare-img.dream-team-img{
    left: -8%;
    top: 70px;
    bottom: 35px;
}
.game-description .chess-grid .rare-img.star-img{
    left: 6%;
    top: 75px;
    bottom: 75px;
    text-align: right;
}
.game-description .chess-grid .rare-img.heroes-characters, .game-description .chess-grid .rare-img.villains-characters{
    left: -19%;
    top: 35%;
    bottom: 20px;
    text-align: right;
}
.game-description .chess-grid .rare-img.villains-characters{
    left: -16%;
}
.game-description .chess-grid .rare-img:before{
    content: '';
    display: inline-block;
    vertical-align: bottom;
    width: 0;
    height: 100%;
    white-space: nowrap;
}
.game-description .chess-grid .rare-img img{
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    max-height: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.game-description .content h2{
    color: #fff;
}
.game-description .row.light-bg .content h2{
    color: #000;
}
.game-description .content p{
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.game-description .main-img{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 49.95%;
    bottom: -2px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.game-description .sub-img{
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 350px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.game-description .rare-box{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.game-description .rare-col{
    display: table-cell;
    vertical-align: middle;
}
.game-description .rare-col.img-col{
    padding: 0 10px;
}
.game-symbols{
    font-size: 0;
    margin: 50px 0 -35px;
}
.game-symbols .item{
    display: inline-block;
    vertical-align: middle;
    max-width: 33.3333%;
    padding: 0 25px;
    margin-bottom: 35px;
}
.game-symbols .item.auto-width{
    max-width: none;
}
.game-symbols .item img{
    margin: 0;
}
.game-symbols .item.full-width{
    width: 100% !important;
    max-width: none !important;
}
.game-symbols .item.auto-width img, .game-symbols .item.full-width img{
    max-width: 100%;
}
.game-symbols .item.center img{
    margin: 0 auto !important;
}
.game-symbols + p{
    margin-top: 40px;
}
/*Game description v2*/
.game-description-v2{
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 100px 0;
    background: #1a171f;
    /*box-shadow: 0 0 114px rgba(9, 9, 11, .38);*/
    overflow: hidden;
}
.game-description-v2 .container{
    max-width: 1630px;
}
.game-description-v2 .game-slider-box{
    padding: 0 64px;
}
.game-description-grid{
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 1370px;
    width: 100%;
    margin: 0 auto;
}
.game-description-grid .slider-col{
    width: calc(100% - 340px);
    padding-right: 60px;
}
.game-description-grid .video-col{
    width: 340px;
}
.horizontal-view .game-description-grid .slider-col{
    width: calc(100% - 610px);
    padding-right: 60px;
}
.horizontal-view .game-description-grid .video-col{
    width: 610px;
}
.horizontal-view .smartphone-video .video-ratio-box{
    width: 100%;
    height: 100%;
    border: none;
}
.game-description-v2.js-view-checker .game-slider{
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 1.5s ease, opacity 1s ease .3s;
}
.game-slider .swiper-container{
    overflow: visible;
}
.game-slider .swiper-slide{
    padding: 0;
    height: auto;
    background: #1a171f;
    opacity: 0 !important;
}
.game-slider .swiper-slide-active{
    opacity: 1 !important;
}
.game-slider .swiper-slide .animate-box{
    transform: translateY(-70px);
    transition: transform .7s ease .5s;
}
.game-slider .swiper-slide-active .animate-box{
    transform: translateY(0) !important;
    transition: transform .7s ease;
}
.game-description-grid .swiper-btn{
    position: absolute;
    left: -64px;
    top: 50%;
    width: 22px;
    height: 42px;
    margin-top: -21px;
    transition: opacity .3s ease;
    cursor: pointer;
}
.game-description-grid .next-btn{
    left: auto;
    right: -64px;
}
.no-touch .game-description-grid .swiper-btn:hover{
    opacity: .7;
}
.game-description-grid .swiper-btn svg{
    height: auto;
}
.game-slider .img-text-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.game-slider .img-text-grid .img{
    /* width: 38.14432989690722%; */
    width: 30.44432989690722%;
    align-self: flex-start;
    padding-right: 16px;
    margin-bottom: 20px;
}
.game-slider .img-text-grid .img img{
    margin: 0;
    box-shadow: none;
}
.game-slider .img-text-grid .text{
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    padding: 0 16px 0 32px;
}
.game-slider .img-text-grid .text p{
    margin: 36px 0;
}
.game-slider .img-text-grid .text > *:first-child{
    margin-top: 0;
}
.game-slider .img-text-grid .text > *:last-child{
    margin-bottom: 0;
}
.game-slider .h2{
    display: none;
    color: #fff;
    margin: 0 0 24px;
}
.game-slider .img-text-grid .text .h2{
    display: block;
    margin: 0 0 45px;
}
.game-description-v2.js-view-checker .smartphone-video-box{
    transform: translateY(100%);
    opacity: 0;
    transition: transform 1.5s ease, opacity 1s ease .3s;
}
.game-description-v2.visible .game-slider, .game-description-v2.visible .smartphone-video-box{
    opacity: 1;
    transform: none;
}
.game-features{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px -6% 0 -6%;
}
.game-features .item{
    position: relative;
    font-size: 22px;
    line-height: 1.25em;
    text-align: center;
    width: 20%;
    padding: 0 10px;
}
.game-features .icon{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 120px;
    margin: 0 0 28px;
}
.game-features .icon img{
    margin: 0;
    box-shadow: none;
}
.game-features .other-icon img{
    margin-bottom: -16%;
    width: 140px;
}
.game-features .value{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 1em;
    white-space: nowrap;
    text-transform: none;
    margin: 0 0 19px;
}
.game-features .item .title{
    font-weight: 700;
    font-size: 1.090909090909091em;
    text-transform: uppercase;
}
.game-features .item .title + *{
    margin-top: 10px;
}
.game-features .question-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    margin: 0 -20px 7px 10px;
}
.game-features .question-icon svg{
    pointer-events: none;
}
.game-features .tooltip{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: calc(100% - 120px);
    left: calc((400px - 100%) / 2 * -1);
    font-size: 15px;
    width: 400px;
    background: rgba(0, 0, 0, .8);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    transition: opacity .3s ease, visibility .3s ease;
}
.game-features .item:first-child .tooltip{
    left: 0;
}
.game-features .item .tooltip{
    text-transform: none;
}
.game-features .item.active .tooltip{
    opacity: 1;
    visibility: visible;
}
.game-features p{
    margin: 0;
}
.game-features p:not([class]){
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.game-slider-box .swiper-pagination{
    margin: 104px 0 0;
}
.game-slider-box .swiper-pagination .swiper-pagination-bullet-active{
    background: #ec0013;
}
.game-external-slider{
    margin-top: 100px;
}
.game-external-slider .swiper-container{
    padding-bottom: 50px;
    padding-top: 50px;
}
.game-external-slider .swiper-slide{
    opacity: 0 !important;
}
.game-external-slider .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.game-external-slider .text .h2{
    display: block;
    color: #fff;
    font-size: 45px;
}
.game-external-slider .text{
    max-width: 1210px;
    margin: 0 auto;
}
.game-external-slider .text p{
    text-align: center;
    opacity: 0;
    transform: translateY(-50px)
}
.game-external-slider.visible .text p{
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1.5s ease .3s, transform .8s ease .3s;
}
.game-external-slider .text p:not([class]){
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: 0.025em;
}
.game-external-slider .images{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 120px auto 0;
}
.game-external-slider .images.symbols{
    max-width: 1210px;
    min-height: 258px;
}
.game-external-slider .images.symbols .img{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 258px;
    max-height: 258px;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    margin: 0 10px;
}
.game-external-slider .images .img img{
    box-shadow: none;
}
.game-external-slider .images.symbols .img img{
    border-radius: 50%;
    width: 0;
    height: 0;
}
.game-external-slider .images.symbols .img img{
    border-radius: 50%;
    width: 0;
    height: 0;
}
.game-external-slider.visible .images.symbols .img img{
    width: 100%;
    height: 100%;
    transition: width 1s ease .3s, height 1s ease .3s;
}
.no-touch .game-external-slider .images .img:hover img{
    transform: scale(1.1);
    cursor: pointer;
    transition: transform .4s ease;
}
.game-external-slider .images.characters{
    max-width: 1200px;
}
.game-external-slider .swiper-pagination{
    margin-top: 90px;
}
/*Contacts*/
.contacts-box{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 1500px;
    margin: 0 auto;
    padding: 25px 0 46px;
}
.contacts-box:before{
    content: '';
    position: absolute;
    z-index: -1;
    top: -25px;
    left: -1500px;
    right: -1500px;
    bottom: 0;
    background: #fff;
}
.contacts{
    color: #19171c;
    width: 50%;
    max-width: 708px;
    padding: 78px 40px 43px 48px;
    background: #fff;
    border-left: 4px solid #ed0013;
    box-shadow: 0 0 29px rgba(10, 10, 14, .31);
}
.contacts p{
    line-height: 1.15em;
    margin: 0 0 42px;
    text-transform: uppercase;
}
.contacts .info{
    line-height: 1.65em;
    min-height: 30px;
    padding-left: 40px;
    margin: 0 0 48px;
    text-transform: none;
    background: url("../i/info-icon.png") no-repeat 0 1px;
}
.contacts-grid{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contacts .col{
    min-width: 234px;
    padding-right: 20px;
}
.contacts .col:nth-child(even){
    padding-right: 0;
}
.location, .mail, .contacts .phone{
    min-height: 32px;
    padding-left: 40px;
    background: url("../i/location-icon.png") no-repeat 0 0;
}
.mail{
    font-weight: 700;
    min-height: 21px;
    background: url("../i/mail-icon.png") no-repeat 0 0;
    white-space: nowrap;
}
.contacts .mail + .mail{
    margin-top: -32px;
}
.mail a{
    color: #19171c;
}
.locations-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 570px;
}
.locations-box p{
    width: calc(50% - 16px);
    text-transform: none;
}
.contacts .phone{
    white-space: nowrap;
    min-height: 27px;
    padding: 4px 0 0 46px;
    background: url("../i/phone-icon.png") no-repeat 8px 0;
}
.contacts .phone a{
    color: #1b1515;
}
.contacts .social-links{
    position: relative;
    padding: 28px 0 0 40px;
    margin: -11px 0 0;
    max-width: 570px;
}
.contacts .social-links:before{
    content: '';
    position: absolute;
    top: 0;
    left: 40px;
    right: 0;
    height: 1px;
    background: #c6c6c6;
}
.contacts .social-links a{
    width: 31px;
    height: 31px;
    margin: 0 12px;
}
.contacts .social-links a:before, .contacts .social-links a:after{
    font-size: 33px;
    line-height: 31px;
}
.contacts .social-links .facebook:before, .contacts .social-links .facebook:after{
    font-size: 31px;
}
.contacts .social-links .twitter:before, .contacts .social-links .twitter:after{
    font-size: 34px;
}
.contacts .social-links .youtube:before, .contacts .social-links .youtube:after{
    font-size: 29px;
}
.no-touch .contacts .social-links a:hover:before, .contacts .social-links a:after{
    color: #1b1515;
}
.contacts .social-links .twitter:after, .contacts .social-links .twitter:before{
    background-size: 29px;
}
.contacts .social-links .twitter:after, .no-touch .contacts .social-links .twitter:hover:before{
    background-image: url("../i/twitter-icon-dark.svg");
}
.want-to-work{
    width: 50%;
    padding-left: 54px;
    margin: -12px 0 0;
}
.want-to-work h2{
    color: #19171c;
    margin: 0 0 48px 0;
}
.want-to-work .sub-indent{
    padding-right: 56px;
}
.want-to-work .form{
    max-width: 462px;
    margin: 0 auto;
}
.want-to-work .form-control{
    color: #19171c;
    background: #fff;
    border-color: #59585b;
}
.want-to-work .checkbox-item input[type="checkbox"] + label{
    color: #19171c;
}
.no-touch .want-to-work .checkbox-item input[type="checkbox"] + label a:hover{
    opacity: 1;
    text-decoration: underline;
}
.want-to-work .form .btn{
    margin-top: 9px;
}

.contacts-page #map-box{
    z-index: 1;
}


.btn-select-box{
    position: relative;
    z-index: 100;
}
.form .btn-select-box{
    padding-top: 8px;
    margin: 0 0 0 74px;
    clear: both;
}
.btn-select-box .select2-container{
    width: 100% !important;
}
.btn-select-box .select2-selection__placeholder{
    font-family: 'poppins';
    font-weight: 700;
    font-size: 19px;
    line-height: 39px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 0 0 0 38px;
}
.btn-select-box .select2-container:not(.select2-container--open){
    box-shadow: none;
}
.btn-select-box .select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
    line-height: 39px;
    color: #fff;
    padding: 0 54px 0 16px;
}
.btn-select-box  .select2-container .select2-selection--single{
    height: 39px;
    background: #ed0013;
    border: none;
    border-radius: 0;
    transition: background .2s ease;
}
.no-touch .btn-select-box .select2-container .select2-selection--single:hover{
    background: #1b1515;
}

.btn-select-box .select2-container .select2-results__option::before{
    content: none;
}
.btn-select-box .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 0;
    right: 10px;
    width: 39px;
    height: 39px;
}
.btn-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b{
    right:0;
    top: 0;
    width: 39px;
    height: 39px;
    background: url(../i/select-arrow-light.png) no-repeat 50% 50%/10px auto;
}
.btn-select-box .select2-dropdown{
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .05);
}
.btn-select-box .select2-container--default .select2-results > .select2-results__options{
    padding: 4px 24px 14px;
    max-height: 220px;
}
.btn-select-box .select2-results__option{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(25, 23, 28, .7);
    padding: 8px 14px 9px;
    border-bottom: 1px solid transparent;
    transition: all .2s ease;
}
.no-touch .btn-select-box .select2-results__option:not([aria-selected="true"]):hover, .btn-select-box .select2-container--default .select2-results__option[aria-selected="true"]{
    display: block;
    color: rgba(25, 23, 28, 1);
    font-weight: 700;
    border-color: #ed0014;
    opacity: 1;
}
/*.btn-select-box .select2-results__option:last-child{
	border: none;
	}*/
.btn-select-box .select2-dropdown:before{
    content: none;
}
/*Google maps*/
#map-box{
    position: relative;
    z-index: 10;
    margin: 0;
    height: 580px;
}
#map-box .map-img{
    margin: 0;
    width: 100%;
    min-width: 740px;
}
#map{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#map-box .info p{
    font-family: 'poppins';
    font-size: 19px;
    line-height: 1.166666666666667em;
    text-transform: uppercase;
    color: #19171c;
}
#map-box img{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
}
#map-box .gm-style-cc{
    visibility: hidden;
}
.use-cookies{
    position: fixed;
    bottom: 0;
    background-color: rgba(36, 36, 36, .9);
    width: 100%;
    z-index: 999;
}
.use-cookies .max-w{
    display: flex;
    max-width: 872px;
    margin: 0 auto;
    padding: 19px 16px 17px 16px;
    justify-content: space-between;
}
.use-cookies .max-w p{
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    margin: -3px 0 0 0;
}
.use-cookies .max-w .btn{
    width: 200px;
    height: 33px;
    max-width: 100%;
    font-size: 14px;
    padding: 3px 12px 2px;
    margin: 0 0 0 70px;
}
.use-cookies .max-w .btn:not(:disabled):hover{
    border: 1px solid #fff;
}
.leaflet-popup-content-wrapper{
    border-radius: 0 !important;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .14) !important;
}
.leaflet-popup-content{
    margin: 13px 19px;
}
/*Form box*/
.form-box{
    padding: 115px 0 160px;
    max-width: 580px;
    margin: 0 auto;
}
.form-box p{
    text-align: center;
}
.form-box .sub-indent{
    padding-right: 56px;
}
.form-box .form{
    max-width: 462px;
    margin: 40px auto 0;
}
.form-box .form .btn{
    margin-top: 6px;
}
/*coolies page*/
.cookie-controls{
    max-width: 790px;
    margin: 12px auto;
}
.cookie-controls .item{
    margin-top: 34px;
    padding-left: 51px;
}
.cookie-controls .checkbox-item{
    margin-left: -51px;
    margin-bottom: -8px;
}
.cookie-controls .checkbox-item input[type="checkbox"] + label{
    position: relative;
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
    padding-left: 51px;
    color: #fff;
}
.cookies .checkbox-item input[type="checkbox"] + label:before{
    top: 4px;
    width: 25px;
    height: 25px;
    background-size: 18px 23px !important;
    background-position: 4px 1px !important;
    border: 3px solid #fe4937;
}
.checkbox-item input[type="checkbox"]:disabled + label:before{
    opacity: .35;
}
/* jammin jars */
.jammin-jars-page #all{
    position: relative;
    padding: 80px 0 72px;
}
.jammin-jars-page #all::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../uploads/jj-page-bg.jpg) no-repeat;
    z-index: -1;
}
.jammin-jars-page #all::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(31, 31, 31, 0.38) 0%, rgba(31, 31, 31, 0.82) 83.85%, #1F1F1F 100%);;
    z-index: 0;
}
.jammin-jars-page #main *{
    position: relative;
    z-index: 100;
}
.jammin-jars-page .jj-grid{
    display: flex;
}
.jammin-jars-page .container{
    max-width: 1611px;
}
.jammin-jars-page .jj-grid .col{
    max-width: 735px;
}
.jammin-jars-page .jj-grid .col:first-child{
    margin-left: 56px;
}
.jammin-jars-page .jj-grid .col .logo{
    text-align: center;
    max-width: 735px;
}
.jammin-jars-page h1{
    font-size: 90px;
    line-height: 1em;
    margin-top: 0;
}
.jammin-jars-page h1 span{
    display: block;
    font-size: 24px;
    line-height: 1.55em;
    font-weight: 400;
    margin-left: 7px;
}
.jammin-jars-page .subtitle{
    font-weight: 500;
    font-size: 25px !important;
    line-height: 1.48em !important;
    padding: 4px 20px;
    box-shadow: inset 5px 0px 0px #D11726;
    margin: 40px 0 28px;
    letter-spacing: 0.02em;
}
.jammin-jars-page .col p:not([class]){
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin: 27px 0;
}
.jammin-jars-page .col:first-child p{
    max-width: 635px;
}
.jammin-jars-page ul{
    margin: 0 0 10px;
}
.good-luck-text{
    margin-top: 10px;
    font-size: 18px;
}
.jammin-jars-page ul li{
    position: relative;
    background: none;
    padding-left: 24px;
    margin-bottom: 7px;
}
.jammin-jars-page ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #F82334;
}
.jammin-jars-page form{
    display: flex;
    flex-direction: column;
    padding: 84px 59px 60px;
    background: #FFFFFF;
    border-radius: 1px;
    max-width: 540px;
    margin-top: 42px;
}
.jammin-jars-page .field{
    margin-bottom: 30px;
}
.jammin-jars-page.form-page .form-control{
    width: 100%;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    border: 1px solid #C6CCD2;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
    border-radius: 1px;
}
.jammin-jars-page.form-page .form-control::placeholder{
    font-size: 14px;
}
.jammin-jars-page.form-page .competition-entry .field-name{
    font-size: 16px;
}
.jammin-jars-page.form-page .radio-group{
    margin-top: 13px;
}
.jammin-jars-page.form-page .field-name{
    width: 100%;
    margin-bottom: 6px;
    margin-top: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.79em;
    color: #616161;
    text-transform: none;
}
.jammin-jars-page.form-page .required .field-name:after{
    margin-left: 5px;
}
.jammin-jars-page .jj-grid .form-col{
    margin-left: auto;
}
.jammin-jars-page .delivery-address-box{
    display: flex;
    flex-direction: column;
    margin-bottom: 7px;
}
.jammin-jars-page .delivery-address-box .field{
    margin-bottom: 23px;
}
.jammin-jars-page .form-col .title{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.56em;
    color: #616161;
    margin-top: 0;
    margin-bottom: 23px;
}
.jammin-jars-page .info-text{
    display: flex;
    margin-top: 45px;
    margin-bottom: 43px;
}
.jammin-jars-page .info-text span{
    font-size: 13px;
    line-height: 1.46em;
}
.jammin-jars-page .info-text span:first-child{
    margin-right: 10px;
}
.jammin-jars-page a.btn{
    padding: 15px 40px;
    font-size: 18px;
    line-height: 1.39em;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}
.jammin-jars-page .col > .img-box{
    margin-top: -20px;
    margin-left: 30px;
}
.jammin-jars-page main img{
    box-shadow: none;
    margin: 0;
}
.jj-wrap{
    display: flex;
    align-items: center;
    margin-top: 29px;
}
.jj-wrap a{
    margin-left: 55px;
    opacity: .6;
}
.jj-wrap a{
    margin-left: 55px;
    opacity: .6;
}
.jj-wrap img{
    margin: 0;
}
.jammin-jars-page .radio-group{
    display: flex;
    align-items: center;
}
.jammin-jars-page .radio-group .radio-item{
    margin-right: 80px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.79em;
    color: #616161;
}
.jammin-jars-page input[type="radio"] + label{
    font-size: 15px;
}
.jammin-jars-page .radio-group .radio-item:last-child{
    margin-right: 0;
}
.jammin-jars-page input[type="radio"] + label:before{
    background: #FFFFFF;
    border: 2px solid #C6CCD2;
}
.jammin-jars-page input[type="radio"]:checked + label:before{
    background: #F23242;
    border-color: #F23242;
}
.jammin-jars-page input[type="radio"]:checked + label:after{
    background: #FFFFFF;
    width: 8px;
    height: 8px;
    top: 7px;
    left: 5px;
}
.jammin-jars-page .field-wrap{
    display: flex;
    margin: 0 -10px;
}
.jammin-jars-page .field-wrap .field{
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.jammin-jars-page .checkbox-items{
    margin-top: 10px;
}
.jammin-jars-page.form-page .checkbox-item{
    margin-bottom: 17px;
}
.jammin-jars-page.form-page input[type="checkbox"] + label{
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #868588;
    padding-left: 34px;
}
.jammin-jars-page.form-page .checkbox-item input[type="checkbox"] + label:before{
    top: 50%;
    margin-top: -7px;
}
.jammin-jars-page form .btn{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.56em;
    color: #ED0013;
    padding: 10px 20px;
    background: #fff;
    margin-top: 19px;
    margin-bottom: 0;
}
.no-touch.jammin-jars-page form .btn:hover{
    color: #fff;
    background: #ED0013;
    border-color: #ED0013;
}
.jammin-jars-page .select + .select2-container{
    width: 100% !important;
}
.jammin-jars-page .select2-selection__placeholder{
    font-size: 14px;
    line-height: 39px;
    color: #19171C;
    opacity: 0.3;
    font-weight: 400;
}
.jammin-jars-page .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 18px;
}
.jammin-jars-page .select2-container--default .select2-selection--single .select2-selection__arrow b{
    right: 11px;
}
.jammin-jars-page .select2-container .select2-selection--single{
    height: 39px;
    border: 1px solid #C6CCD2;
}
.jammin-jars-page .select2-results__option::before{
    content: none;
}
.jammin-jars-page .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background: url(../i/jj-arrow-select.svg) no-repeat 0 0/10px auto;
    background-position: center;
    top: 9px;
    width: 18px;
    height: 18px;
}
.jammin-jars-page .select2-dropdown:before{
    content: none;
}
.jammin-jars-page .select2-container--open .select2-dropdown{
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
}
/*==============================END OF MAIN==================================*/
.aside{
    position: relative;
    z-index: 30;
    width: 31.25714285714286%;
    float: right;
    overflow: hidden;
}
.aside.content-height{
    right: -2000px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    visibility: hidden;
}
.aside.content-height.no-height{
    height: 0 !important;
}
.aside.content-height.visible{
    height: auto;
    right: 0;
    visibility: visible;
}
.aside .articles-list{
    margin: 7px 0 0;
    padding: 0;
}
.aside .articles-list .item{
    width: 100%;
    padding: 0;
}
.aside .articles-list .item:last-child{
    margin: 0;
}
.aside .articles-list h3{
    margin-top: 0;
}
.aside .mCSB_container{
    padding-right: 12.79707495429616%;
}
.no-touch .aside .articles-list a:hover{
    color: #19171c;
}
/*Scroll box*/
.aside .scroll-box{
    height: 100%;
}
.scroll-box{
    overflow: hidden;
}
/*Play game box*/
.play-game-box{
    position: relative;
    z-index: 2;
    padding: 64px 0;
    text-align: center;
    background: #fff;
}
.play-game-box .btn{
    margin: 0;
    min-width: 375px;
    letter-spacing: .025em;
}
/*Sub box*/
.sub-box{
    position: relative;
    overflow: hidden;
    padding: 77px 0;
}
.sub-box .bg{
    position: absolute !important;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 25s linear 0s;
    transition: transform 25s linear 0s;
}
.no-touch .sub-box:hover .bg{
    -webkit-transform: scale(1.4);
    -ms-transform: none;
    transform: scale(1.4);
}
.sub-box .btn.large{
    display: table;
    width: auto;
    padding-left: 28px;
    padding-right: 28px;
    max-width: 100%;
    border-color: rgba(255, 255, 255, 1);
    background: transparent;
}
.no-touch .sub-box .btn:not(:disabled):hover, .no-touch .sub-box .btn:not(:disabled):active{
    color: #19171c;
    border-color: #fff;
    background: #fff;
    opacity: 1;
}
/*Other games*/
.other-games{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.other-games .col{
    position: relative;
    width: 50%;
    height: 186px;
    display: table-cell;
    vertical-align: middle;
    padding: 27px 0 30px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 1 !important;
}
.no-touch .other-games .col:hover, .touch .other-games .col{
    /*padding: 36px 0 37px;*/
}
.other-games .col.full-width{
    width: 100%;
}
.other-games .col .container{
    max-width: 640px;
    transition: all .2s ease;
}
.no-touch .other-games .col:hover .container, .touch .other-games .col .container{
    /*padding-bottom: 70px;*/
}
.other-games h3{
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: .025em;
    text-transform: uppercase;
    margin: 0 0 3px;
}
.other-games h3 a{
    color: #fff;
}
.no-touch .other-games h3 a.hover, .no-touch .careers-list h3 a.hover{
    opacity: .7;
}
.other-games p{
    margin: 0;
    font-size: 18px;
    line-height: 1.611111111111111em;
}
/*.other-games .btn{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	visibility: hidden;
	}
.no-touch .other-games .col:hover .btn, .touch .other-games .col .btn{
	opacity: 1;
	}*/
.other-games .btn{
    font-family: 'poppins';
    font-weight: 700;
    font-size: 24px;
    line-height: 1.208333333333333em;
    letter-spacing: .025em;
    padding: 14px 16px 13px;
    margin: 12px auto 0;
    width: 375px;
    max-width: 100%;
    background: transparent;
    border: 1px solid #fff;
    box-shadow: 0 9px 10px 0 rgba(25, 23, 28, .42);
}
.no-touch .other-games .btn:hover{
    color: #1b1515;
    background: #fff;
    border-color: #fff;
}
.other-games .col .bg{
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.no-touch .other-games .col:hover .bg{
    -webkit-transform: scale(1.1);
    -ms-transform: none;
    transform: scale(1.1);
}
/*Load more*/
.load-more-box{
    position: relative;
    margin: 112px 0 122px;
}
.load-more-box.hidden{
    display: none;
}
/*Popup*/
.overlay{
    position: fixed;
    z-index: 300;
    left: 0;
    right: 0;
    top: 0;
    font-size: 0;
    text-align: center;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .8);
    transition: all .3s ease;
    overflow: hidden;
    overflow-y: auto;
}
.overlay.visible{
    opacity: 1;
    visibility: visible;
}
.overlay:before{
    content: '';
    position: relative;
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -1px 0 0;
}
.overlay .popup{
    position: relative;
    opacity: 0;
    max-width: 1275px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 19px;
    color: #1b1515;
    min-height: 200px;
    transform: translateY(-50px);
    background: #fff;
    box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
    transition: all .3s ease .3s;
}
.overlay.visible .popup{
    opacity: 1;
    transform: none;
}
.overlay .popup .container{
    margin: 115px auto 109px;
}
.popup .play-form{
    text-align: left;
    max-width: 462px;
    margin: 40px auto 0;
    transform: translateX(-32px);
}
.popup h2, .popup .h2, .popup p, #full-age-confirm-box p{
    color: #1b1515;
}
.overlay .popup.game-popup{
    max-width: 665px;
    padding: 40px 58px 50px;
}
.overlay .popup.game-popup .container{
    margin: 0 auto;
    padding: 0;

}
.overlay .popup.game-popup .logo{
    position: relative;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 59px;
}
.overlay .popup.game-popup .logo::after{
    content: '';
    position: absolute;
    bottom: -20px;
    left: -6px;
    right: -6px;
    height: 4px;
    background: #ED0013;
}
.overlay .popup.game-popup .title{
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45em;
    text-align: center;
    letter-spacing: -0.01em;
    color: #2C2B2E;
    margin-bottom: 40px;
}
.overlay .popup.game-popup .buttons-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.overlay .popup.game-popup .btn{
    width: calc(50% - 8px);
    margin: 0;
    padding: 10px;
    border-width: 2px;
}
.overlay .popup.game-popup .close{
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    width: 22px;
    height: 22px;
    top: 25px;
    right: 25px;
    z-index: 100;
}
/*Full age confirm*/
#full-age-confirm-box{
    overflow: hidden;
    position: fixed;
    z-index: 300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
#full-age-confirm-box .sub-box{
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0;
    width: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#full-age-confirm{
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    padding: 74px 40px 54px;
    background: #fff;
    -webkit-box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
    -moz-box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
    box-shadow: inset 0 33px 250px 0 rgba(27, 21, 21, .1);
}
#full-age-confirm.show-policy .auxiliary-box{
    display: none;
}
#full-age-confirm-box .popup-logo{
    margin: 0 auto;
    max-width: 90%;
}
#full-age-confirm p{
    font-size: 16px;
}
#full-age-confirm.v2 p{
    margin: min(max(16px, calc(1rem + ((1vw - 4.8px) * 0.8333))), 28px) 0;
}
#full-age-confirm-box .prompting-message{
    display: none;
    font-size: 22px;
    line-height: 1.5em;
    text-align: center;
    padding: 9px 24px 11px;
    max-width: 596px;
    margin: 18px auto -8px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}
#full-age-confirm-box .prompting-message p{
    margin: 0;
}
#full-age-confirm-box .form-wrap{
    margin-left: -74px;
}
#full-age-confirm-box .form{
    max-width: 462px;
    margin: 37px auto;
}
#full-age-confirm-box .form-wrap:last-child .form{
    margin-bottom: 0;
}
.line-separator{
    width: 64px;
    height: 0;
    margin: 29px auto 27px;
    padding-bottom: 4px;
    border: none;
    background: #f24635;
}
#full-age-confirm-box .form .field{
    margin-bottom: 0;
}
#full-age-confirm-box .form .form-control{
    margin-bottom: 20px;
}
/*25.04.2019*/
#full-age-confirm .auxiliary-box .form-wrap{
    text-align: center;
    margin: 28px 0 0;
}
#full-age-confirm .auxiliary-box .form-wrap p{
    margin: 0 auto;
}
#full-age-confirm .auxiliary-box .form{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 390px;
    margin-top: 27px;
}
#full-age-confirm .auxiliary-box .form .field{
    float: none;
    width: auto;
}
#full-age-confirm .auxiliary-box .form .field-name{
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 12px 0 0;
    padding-right: 14px;
}
#full-age-confirm .auxiliary-box .form .field .form-control{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 80px;
}
#full-age-confirm .auxiliary-box .form .btn{
    width: 100%;
    margin: 12px auto;
}
#full-age-confirm .auxiliary-box .policy-link{
    margin: 12px 0 0;
    width: 100%;
}
.no-touch #full-age-confirm .btn:hover{
    color: #fff;
    background: #1b1515;
    border-color: #1b1515;
}

#full-age-confirm .btns-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin: 38px 0 12px;
}
#full-age-confirm .btns-grid .btn{
    width: calc(50% - 12px);
    margin: 0;
}

#full-age-confirm.v2{
    position: relative;

}
#full-age-confirm.v2 .auxiliary-box{
    position: relative;
    z-index: 2;
}
#full-age-confirm.v2 .line-separator{
    padding-bottom: 2px;
}
#full-age-confirm.v2 .bg-icon{
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    pointer-events: none;
    mix-blend-mode: multiply;
    max-width: 45.13888888888889%;
    height: auto;
}
/*Radio and Checkboxes*/
.checkbox-item{
    position: relative;
    margin: 0 0 12px 74px;
    line-height: 0;
}
.checkbox-item input[type="checkbox"]{
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox-item input[type="checkbox"] + label{
    position: relative;
    top: -4px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.434em;
    padding: 0 0 0 20px;
    color: #201e23;
    cursor: pointer;
}
.checkbox-item input[type="checkbox"]:disabled + label{
    cursor: default;
}
.checkbox-item input[type="checkbox"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 9px;
    height: 9px;
    border: 1px solid #ed0013;
    border-radius: 1px;
}
.checkbox-item input[type="checkbox"]:checked + label:before{
    background: url("../i/checked-icon.svg") no-repeat 0 1.5px;
    background-size: 9px auto;
}
/*Policy popup*/
.policy-link{
    font-size: 16px;
    line-height: 1.45em;
    text-align: center;
    width: calc(100% - 74px);
    margin: 12px 0 0 74px;
}
.policy-link .js-show-policy{
    color: #1b1515;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.no-touch .policy-link .js-show-policy:hover{
    border-bottom-color: transparent;
}
.policy-box{
    display: none;
    font-size: 16px;
}
#full-age-confirm .policy-box{
    margin-bottom: -24px;
}
.show-policy .policy-box{
    display: block;
}
.policy-box h2{
    font-size: 32px !important;
}
.policy-box h3{
    font-size: 26px !important;
    margin: 20px 0 0;
}
.policy-box h3 + p{
    margin-top: 6px;
}
.policy-box ul li{
    padding: 0 0 0 32px;
    margin-bottom: 6px;
    background-position: 0 14px;
    position: relative;
}
.policy-box ul{
    margin: 6px 0 12px;
}
.policy-box p + ul{
    margin-top: -6px;
}
/*Careers search*/
.careers-search{
    position: relative;
    z-index: 100;
    max-width: 862px;
    margin: -13px auto 50px;
    padding: 0 25px 71px;
}
.careers-search:after{
    content: '';
    position: absolute;
    left: -1500px;
    right: -1500px;
    bottom: 0;
    height: 1px;
    background: #ececec;
}
.careers-search .form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.careers-search .form:after{
    display: none;
}
.careers-search .btn{
    margin: 0;
    width: 181px;
    padding: 6px 16px 5px;
}
.select-box{
    position: relative;
}
.careers-search .select-box{
    width: calc((100% - 221px) / 2);
}
.select-box .selected{
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 37px;
    letter-spacing: 2.7px;
    color: #adadad;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 39px;
    width: 100%;
    padding: 0 44px 0 20px;
    border: 1px solid #c6ccd2;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .05);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.select-box .selected:after{
    content: '\f107';
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 20.12px;
    color: #adadad;
}
.select-box .dropdown{
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 54px;
    width: 100%;
    padding: 20px;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}
.select-box.opened .dropdown{
    display: block;
}
.select-box .dropdown li{
    padding: 0;
    margin: 0 0 12px;
    background: none;
}
.select-box .dropdown li:last-child{
    margin-bottom: 0;
}
.select-box .checkbox-item{
    margin: 0;
}
.select-box .checkbox-item input[type="checkbox"] + label{
    top: 0;
    font-size: 16px;
    line-height: 1.538461538461538em;
}
.no-touch .select-box .checkbox-item input[type="checkbox"] + label:hover{
    color: #1b1515;
}
.select-box .checkbox-item input[type="checkbox"]:checked + label{
    color: #f24635;
}
.select-box .checkbox-item input[type="checkbox"] + label:before{
    top: 5px;
    border-color: #c6ccd2;
}
.no-touch .select-box .checkbox-item input[type="checkbox"] + label:hover:before, .select-box .checkbox-item input[type="checkbox"]:checked + label:before{
    border-color: #fe4937;
}
.careers-search p{
    text-align: center;
    margin: 62px 0 0;
}
/*Applications box*/
.applications-box{
    position: relative;
    z-index: 5;
    text-align: center;
    background: #fff;
}
.shadow-box + .applications-box{
    margin-top: -51px;
}
.applications-box .container{
    max-width: 760px;
}
.applications-box p:last-of-type{
    margin-bottom: 0;
}
/*Redesign*/
#first-screen-box{
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#first-screen-box .align-m{
    position: relative;
    z-index: 22;
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    width: 100%;
    padding: 100px 16px;
}
#first-screen-box .animate-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
#first-screen-box .logo-col{
    padding-right: 30px;
}
#first-screen-box .logo-col svg{
    transform: scale(1.65) translate3d(83%, 6%, 0);
    transition: transform .4s ease-in-out;
}
#first-screen-box .text-col{
    padding-left: 30px;
    overflow: hidden;
}
#first-screen-box h1{
    font-weight: 600;
    font-size: 91px;
    line-height: 1em;
    text-align: left;
    margin: 0;
    transform: translate3d(-110%, 0, 0);
    transition: transform .4s cubic-bezier(0.25, 0.1, 0.25, 1) .4s;
}
#first-screen-box .sub-text{
    font-size: 50px;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 9px 0 0;
    overflow: hidden;
}
#first-screen-box .sub-text span{
    display: block;
    transform: translate3d(-110%, 0, 0);
    transition: transform .6s ease-out .8s;
}
#first-screen-box .text-col > *:first-child{
    margin-top: 0;
}
#first-screen-box .text-col > *:last-child{
    margin-bottom: 0;
}
.page-load #first-screen-box .logo-col svg, .page-load #first-screen-box h1, .page-load #first-screen-box .sub-text span{
    transform: none;
}
#first-screen-box .bg{
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
html:not(.ie):not(.ios) #first-screen-box .bg{
    background-attachment: fixed;
}
/**/
.logo-bg-layer{
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 38.65%;
    width: 98.6%;
    min-width: 400px;
    max-width: 1892px;
    height: auto;
    opacity: .08;
    pointer-events: none;
    transform: translate3d(0, -46%, 0);
}
.game-inner-page .logo-bg-layer{
    z-index: 11;
}
.index-page .logo-bg-layer{
    opacity: 1;
}
.about-page .logo-bg-layer{
    opacity: .13;
}
.logo-bg-layer .ratio{
    width: 100%;
}
.logo-bg-layer .animated-layer, .logo-bg-layer .scaled-layer, .logo-bg-layer .over-layer, .logo-bg-layer .blended-logo, .logo-bg-layer svg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.logo-bg-layer .animated-layer{
    transform: translate3d(-52%, -3.5%, 0);
    transition: transform .8s ease;
}
.logo-bg-layer .scaled-layer{
    transform: scale(.4);
    transition: transform 1.2s ease;
}
.page-load.index-page .logo-bg-layer .animated-layer, .page-load.index-page .logo-bg-layer .scaled-layer{
    transform: none;
}
.logo-bg-layer .blended-logo{
    opacity: 0;
}
.logo-bg-layer .scaled-layer:before, .logo-bg-layer .scaled-layer:after{
    content: '';
    position: absolute;
    right: calc(100% - 2px);
    top: 0;
    height: 100%;
    width: 4000px;
    background: #19171c;
}
.logo-bg-layer .scaled-layer:after{
    right: -4000px;
    left: -4000px;
    width: auto;
    height: 3000px;
    top: -2968px;
}
.logo-bg-layer .scaled-layer .bg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 5px);
    width: 4000px;
    background: #19171c;
}
.logo-bg-layer .scaled-layer .bg:after{
    content: '';
    position: absolute;
    left: -150%;
    width: 10000px;
    top: calc(100% - 32px);
    height: 4000px;
    background: #19171c;
}
.logo-bg-layer .over-layer{
    overflow: hidden;
}
.logo-bg-layer .over-layer-top{
    left: 23%;
}
.logo-bg-layer .over-layer-top svg{
    left: -23%;
}
.logo-bg-layer .over-layer-bottom{
    left: 33%;
}
.logo-bg-layer .over-layer-bottom svg{
    left: -33%;
}
.logo-bg-layer .over-layer svg{
    transition: transform 1s ease .45s;
}
.logo-bg-layer .over-layer-bottom svg{
    transition: transform 1s ease .55s;
}
.page-load .logo-bg-layer .over-layer svg{
    transform: translateX(-110%);
}
.page-load .logo-bg-layer .scaled-layer .angle{
    opacity: 0;
    transition: opacity .3s ease .5s;
}
/*Page bg*/
.page-bg{
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}
/*Page title box*/
.page-title-box{
    position: relative;
    font-size: 30px;
    line-height: 1.5em;
    color: #fff;
    /* margin: 0 0 25px; */
}
.about-page .page-title-box{
    margin: 0;
}
.responsible-gaming-page .page-title-box{
    margin-bottom: 118px;
}
.licenses-page .page-title-box{
    margin-bottom: 70px;
}
.page-title-box .wide-container{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 30px;
}
.page-title-box .align-m{
    padding: 168px 0 164px;
    height: 537px;
    text-align: center;
}
.page-title-box.has-btn .align-m{
    padding-bottom: 54px;
}
.page-title-box.full-screen .align-m{
    height: 100vh;
}
.page-title-box h1{
    font-weight: 700;
    font-size: 170px;
    line-height: 1em;
    margin: 0 0 39px;
}
.responsible-gaming-page .page-title-box h1, .licenses-page .page-title-box h1{
    font-size: 140px;
}
.about-page .page-title-box h1{
    text-shadow: 1px 0 8px rgba(0, 0, 0, .35);
}
.page-title-box h1.small-indent{
    margin-bottom: -22px;
}
.page-title-box .align-m > *:first-child{
    margin-top: 0;
}
.page-title-box .align-m > *:last-child{
    margin-bottom: 0;
}
.page-title-box .sub-text{
    position: relative;
    z-index: 3;
}

.page-title-box .btn.largest-btn{
    margin: 0 auto;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}


.page-title-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 1px);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
}



.contacts-page .page-title-box .bg{
    background-position: 30% 100%;
}
.about-page .page-title-box .bg{
    background-position: 50% 50%;
}
.game-inner-page .page-title-box .bg{
    background-position: 50% 100%;
}
.preload-page.game-inner-page .page-title-box .bg{
    transform: scale(1.1);
    transition: transform 1s ease;
}
.preload-page.game-inner-page .page-title-box h1{
    transform: translateY(70px);
    opacity: 0;
    transition: transform .7s ease .2s, opacity .7s ease .2s;
}
.preload-page.game-inner-page .page-title-box .sub-text{
    transform: translateY(40px);
    opacity: 0;
    transition: transform .7s ease .4s, opacity .7s ease .4s;
}
.page-load.game-inner-page .page-title-box .bg, .page-load.game-inner-page .page-title-box h1, .page-load.game-inner-page .page-title-box .sub-text{
    transform: none;
    opacity: 1;
}
.game-inner-page .game-description-v2 .play-game-box{
    background: none;
    padding-bottom: 0;
}
.page-title-box .anchor{
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 40px;
    width: 37px;
    height: 26px;
    margin: 0 0 0 -18px;
    cursor: pointer;
}
.page-title-box .anchor:after{
    content: '';
    position: absolute;
    width: 37px;
    height: 26px;
    top: 0;
    left: 0;
    background: url("../i/anchor-arrow.png") no-repeat 0 0;
}
/*Work with us*/
.work-with-us{
    position: relative;
    z-index: 3;
    color: #19171c;
    padding: 80px 0 70px;
    background: #fff;
}
.work-with-us .h2{
    color: #19171c;
}
.work-with-us .form-box{
    padding: 0;
    max-width: 680px;
}
.work-with-us .form{
    letter-spacing: 0;
    margin-top: 30px;
}
/*Application box*/
.applications-box{
    color: #19171c;
    padding: 80px 0 102px;
}
.work-with-us + .applications-box{
    padding-top: 0;
}
.applications-box .container{
    max-width: 1060px;
}
.applications-box .container > *:first-child{
    margin-top: 0;
}
.applications-box .container > *:last-child{
    margin-bottom: 0;
}
/*Smartphone video box*/
.smartphone-video-box{
    text-align: center;
    pointer-events: none;
}
.smartphone-video{
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: url("../i/loader.svg") no-repeat 50% 50%/64px 64px;
}
.smartphone-video .smartphone{
    position: relative;
    z-index: 2;
    margin: 0;
    max-height: 70vh;
    pointer-events: none;
}
.popup .smartphone-video .smartphone{
    max-height: 700px;
    height: 70vh;
}
.smartphone-video .img{
    position: absolute;
    left: 7px;
    top:14px;
    max-width: calc(100% - 14px);
    margin: 0;
}
.video-ratio-box .ratio{
    min-width: 100%;
    margin: 0;
}
.smartphone-video .crop-box{
    position: absolute;
    z-index: 1;
    left: 5.5%;
    top: 4.5%;
    height: 92%;
    width: 90.11494252873563%;
    overflow: hidden;
}
.smartphone-video .video-ratio-box{
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    width: 372%;
    transform: translate3d(-50%, 0, 0);
}
.video-ratio-box iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*Photo gallery*/
.photo-gallery-box{
    max-width: 1270px;
    margin: 40px auto;
}
.photo-gallery{
    margin: 0 -10px;
}
.photo-gallery .item{
    float: left;
    width: 50%;
    padding: 0 10px;
    margin: 0 0 20px;
    text-align: center;
}
.photo-gallery .item a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 100%;
    transition: all .75s ease;
}
.photo-gallery a:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(19, 173, 104, .7) url(../i/zoom-icon.svg) no-repeat 50% 50%/56px auto;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}
.no-touchevents .photo-gallery .item a:hover:after{
    opacity: 1;
}
.photo-gallery img{
    margin: 0;
    max-width: 100%;
    width: 100%;
}
/*================================FOOTER=====================================*/
#footer{
    position: relative;
    z-index: 11;
    overflow: hidden;
    font-size: 16.67px;
    line-height: 1.499700059988002em;
    color: rgba(255, 255, 255, .64);
    background: #19171c;
}
.static-page #footer, .game-inner-page #footer{
    background: #19171c;
}
#footer:not(.no-border):before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1600px;
    height: 1px;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .6);
}
#footer .container{
    position: relative;
    max-width: 1650px;
    padding-top: 80px;
    padding-bottom: 50px;
}
#footer .footer-wrapper{
    display: flex;
    font-size: 16px;
    line-height: 1.2em;
    letter-spacing: 0.002em;
}
#footer .footer-wrapper .title{
    display: block;
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 18px;
}
#footer .address-col{
    max-width: 365px;
    width: 100%;
    margin-right: 4%;
}
#footer .address-col .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    width: 222px;
    height: 57px;
}
#footer .address-col .client-area{
    display: inline-block;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #eb1d25;
    margin-bottom: 6px;
}
#footer .address-col address{
    margin-bottom: 40px;
}
#footer .footer-nav{
    max-width: 175px;
    width: 100%;
    margin-right: 8.6%;
}
#footer .footer-nav .title{
    margin-bottom: 28px;
}
#footer .footer-nav li{
    padding: 0;
    background: none;
    margin-bottom: 20px;
}
#footer .footer-nav li a{
    color: #a2a1a3;
}
#footer .licences-col{
    max-width: 410px;
    width: 100%;
    margin-right: 8%;
}
#footer .licences-col .title{
    margin-bottom: 28px;
}
#footer .licences-col .text p{
    line-height: 1.5em;
}
#footer .licences-col .text a{
    color: #a2a1a3;
}
#footer .licences-col .links-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 47px;
}
#footer .licences-col .links-box a{
    margin-bottom: 12px;
}
#footer .licences-col .links-box a:last-child{
    opacity: .54;
}
.no-touch #footer .licences-col .links-box a:last-child:hover{
    opacity: .34;
}
#footer .licences-col .links-box img{
    margin: 0;
}
#footer .licences-col .links-box .cambling{
    width: 135px;
}
#footer .contacts-col{
    max-width: 210px;
    width: 100%;
}
#footer .contacts-col .social-links{
    display: flex;
    flex-direction: column;
}
#footer .contacts-col .social-links .links{
    display: flex;
    margin-left: -15px;
}
#footer .contacts-col .contact-us .title, #footer .contacts-col .legal .title{
    margin-top: 57px;
}
#footer .contacts-col .contact-us a, #footer .contacts-col .legal a{
    color: #a2a1a3;
}
#footer .contacts-col .legal a{
    display: block;
    margin-bottom: 20px;
}
#footer .contacts-col .copy{
    display: none;
}
#footer .col-18plus{
    min-width: 44px;
    min-height: 44px;
    margin-left: auto;
}

.ftr-logos-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 42px 0 0;
    max-width: 410px;
}
.ftr-logos-box .col{
    width: calc(50% - 10px);
}
.ftr-logos-box a{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 30px;
}
.ftr-logos-box .col img{
    max-width: 100%;
    margin: 0;
}
.ftr-logos-box .col > *:last-child{
    margin-bottom: 0;
}
/*=============================END OF FOOTER=================================*/

/* popup */
.opened-nav body{
    overflow: hidden;
}
.no-touch.opened-popup body, .no-touch.opened-nav body{
    overflow: hidden;
    padding-right: 17px;
}
.no-touchevents.opened-popup #header{
    padding-right: 17px;
}
.opened-popup #popup-box{
    opacity: 1;
    visibility: visible;
}
#popup-box{
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: rgba(26, 23, 31, .9);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    min-width: 320px;
}
.opened-popup #popup-box .container{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform .5s ease .3s, opacity .5s linear .3s;
}
#popup-box .container{
    position: relative;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translate3d(0, -30px, 0);
    visibility: hidden;
    opacity: 0;
    max-width: 1100px;
}
#popup-box .container:before{
    content: '';
    position: relative;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin: 0 -1px 0 0;
}
.popup.visible{
    display: inline-block;
}
.popup{
    position: relative;
    display: none;
    vertical-align: middle;
    /* text-align: left; */
    font-size: 20px;
    line-height: 1.5em;
    /* max-width: 1200px; */
    width: 100%;
    margin: 40px auto 24px;
}
.popup-slider{
    max-width: 940px;
    margin: 0 auto;
}
.popup-slider .sub-title{
    position: relative;
    font-family: 'poppins';
    font-size: 45px;
    line-height: 1.333333333333333em;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    z-index: 10;
}
.popup-slider .text{
    font-family: 'poppins';
    font-size: 24px;
    line-height: 1.5em;
    letter-spacing: 0.001em;
    font-weight: 300;
    color: #ffffff;
}
#symbols-popup .popup-slider .img{
    width: 390px;
    height: 390px;
    margin-top: 18%;
    margin-bottom: 20.5%;
}
#symbols-popup .popup-slider .img img{
    width: 100%;
    height: 100%;
    margin-left: 50px;
}
.popup-slider .swiper-btn{
    position: absolute;
    left: -3%;
    top: 49%;
    width: 50px;
    height: 70px;
    cursor: pointer;
    z-index: 1000;
    transition: opacity .4s ease;
}
.popup-slider .swiper-btn svg{
    width: 100%;
    height: 100%;
}
.popup-slider .next-btn{
    left: auto;
    right: 0;
}
.no-touch .popup-slider .swiper-btn:hover{
    opacity: .6;
}
.popup .video-col{
    position: absolute;
    top: 19%;
    right: 9%;
}
#characters-popup .swiper-slide.messenger .img{
    margin-top: -130px;
}
#characters-popup .swiper-slide.magister .img{
    margin-top: -70px;
}
.popup-slider .swiper-slide{
    opacity: 0 !important;
    transition: opacity 2s ease-in-out;
}
.popup-slider .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.popup-slider .swiper-slide.swiper-slide-prev .img img, .popup-slider .swiper-slide.swiper-slide-next .img img{
    transform: translateX(-50px) !important;
    opacity: 0 !important;
}
.popup-slider .swiper-slide.swiper-slide-active .img img{
    transform: translateX(0) !important;
    opacity: 1 !important;
    transition: transform 2s ease, opacity .5s ease;
}
.popup-slider .swiper-slide.swiper-slide-prev .sub-title, .popup-slider .swiper-slide.swiper-slide-next .sub-title, .popup-slider .swiper-slide.swiper-slide-prev .text, .popup-slider .swiper-slide.swiper-slide-next .text{
    opacity: 0 !important;
}
.popup-slider .swiper-slide.swiper-slide-active .sub-title, .popup-slider .swiper-slide.swiper-slide-active .text{
    opacity: 1 !important;
    transition: opacity 3s ease;
}
.js-close-popup{
    position: absolute;
    top: 0;
    right: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}
.js-close-popup svg{
    width: 100%;
    height: 100%;
}
.js-close-popup:hover svg{
    opacity: .7;
    cursor: pointer;
}
/*==============================TRANSITIONS==================================*/
.no-touch .content-video .play-video-btn{
    transition: all .2s ease-out;
}
.no-touch a{
    transition: all .2s ease;
}
/**/
/*Some reset*/
/*{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
	}*/
.logos-box img, figure img, .main-content-box.news-inner, .standart-android .main-content-box, .thinking-box .img-col img, .two-col-box .img-col img, .no-shadow{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}
/*
	{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	}*/

/*jobs-embed style*/

.bamboo-box.no-indent{
    padding: 78px 0 150px !important;
    background: #fff;
}
.BambooHR-ATS-board{
    max-width: 1228px;
    margin: 0 auto;
}
.BambooHR-ATS-board h2{
    font-family: 'poppins' !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    line-height: 1.2em !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #19171c !important;
    text-transform: uppercase;
    padding: 0 !important;
    margin-bottom: 48px !important;
}
html .BambooHR-ATS-board h2{
    border: none !important;
}
.BambooHR-ATS-board h2:after{
    content: '';
    display: block;
    margin: 25px auto;
    width: 64px;
    height: 4px;
    background: #dd0920;
}
.BambooHR-ATS-Department-Header{
    font-weight: 500;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #19171c;
    margin: 0 0 3px;
}
.BambooHR-ATS-board a{
    display: inline-block;
    vertical-align: top;
    font-size: 22.2222px !important;
    line-height: 1.4em !important;
    color: #19171c;
    text-transform: uppercase;
}
.BambooHR-ATS-board .BambooHR-ATS-Department-List{
    /* border-top: 1px solid rgba(221, 9, 32, .7); */
    padding: 0 !important;
}
.BambooHR-ATS-board .BambooHR-ATS-Department-List > li{
    padding: 30px 0 5px;
    border-bottom: 1px solid rgba(221, 9, 32, .7);
}
.BambooHR-ATS-board .BambooHR-ATS-Department-List > li:last-child{
    /* border: none; */
    /* padding-bottom: 0; */
}
.BambooHR-ATS-board li{
    background: none;
    padding: 0;
}
.BambooHR-ATS-Jobs-List{
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.BambooHR-ATS-board .BambooHR-ATS-Jobs-List li{
    margin-bottom: 24px !important;
}
.BambooHR-ATS-board .BambooHR-ATS-Jobs-List li:last-child{
    margin-bottom: 0 !important;
}
.BambooHR-ATS-Location{
    display: block;
    font-size: 19.44px !important;
    line-height: 1.3em !important;
    color: #19171c;
    text-align: right;
    float: none !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important;
}
.BambooHR-ATS-board ul{
    font-size: 14px !important;
}
#BambooHR-Footer{
    display: none !important;
}
.BambooHR-ATS-board .filter-box{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.BambooHR-ATS-board .js-open-filter-dropdown{
    font-family: 'Poppins';
    display: flex;
    align-items: center;
    font-size: 19.5px;
    line-height: 25px;
    font-weight: 300;
    text-transform: uppercase;
    color: #19171c;
    cursor: pointer;
    transition: opacity .3s ease;
}
.no-touch .BambooHR-ATS-board .js-open-filter-dropdown:hover{
    opacity: .6;
}
.BambooHR-ATS-board .filter-box img{
    box-shadow: none !important;
    margin: 0;
    margin-left: 6px;
    transform-origin: center;
    transform: rotate(-90deg)
}
.BambooHR-ATS-board .filter-box .item{
    position: relative;
    margin-left: 60px;
}
.BambooHR-ATS-Jobs-Item{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.BambooHR-ATS-board .filter-box .dropdown-box{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    padding: 50px 35px 30px;
    background-color: #ffffff;
    min-width: 279px;
    box-shadow: -12px 6px 18px 0px rgba(11, 10, 12, 0.2);
}
.BambooHR-ATS-board .filter-box .item.active .dropdown-box{
    opacity: 1;
    visibility: visible;
}
.BambooHR-ATS-board .filter-box .item.active img{
    transform: rotate(0);
}
.BambooHR-ATS-board .filter-box .item.active .js-open-filter-dropdown{
    font-weight: 700;
}
.BambooHR-ATS-board .filter-box .dropdown-item{
    font-size: 19.5px;
    font-weight: 300;
    text-transform: none;
    color: #19171c;
    margin-bottom: 20px;
    white-space: nowrap;
    cursor: pointer;
}
.no-touch .BambooHR-ATS-board .filter-box .dropdown-item:not(.active):hover{
    opacity: .6;
}
.BambooHR-ATS-board .filter-box .dropdown-item.active{
    font-weight: 700;
    text-transform: uppercase;
}


.teamtailor-box{
    color: #19171c;
    max-width: 1228px;
    margin: 0 auto;
}
.teamtailor-box h2{
    font-family: 'poppins';
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2em;
    letter-spacing: 0;
    text-align: center;
    color: #19171c;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 72px;
}
.teamtailor-box h2:after{
    content: '';
    display: block;
    margin: 25px auto;
    width: 64px;
    height: 4px;
    background: #dd0920;
}
.teamtailor-jobs__job{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 5px;
    margin: 0 0 32px !important;
    border-bottom: 1px solid rgba(221, 9, 32, .7);
}
.teamtailor-jobs__job-title{
    display: table;
    font-weight: bold;
    font-size: 22.2222px;
    line-height: 1.4em;
    color: #19171c;
    text-transform: uppercase;
}
.teamtailor-jobs__job-info{
    display: block;
    font-size: 18px;
    line-height: 1.3em;
    text-align: right;
    color: #19171c;
    width: 45%;
    margin-left: 32px;
}
/*Resolutions*/
@media screen and (min-width: 1845px){
    #games-main-screen h1{
        font-size: 170px;
    }
}
@media screen and (max-width: 1844px){
    #games-main-screen h1{
        font-size: 9.1vw;
    }
    .games-box-characters .big-bamboo-box{
        height: calc(100% - 8vw);
    }
    .games-box-characters .nightfall-box{
        height: calc(100% - 7vw);
    }
    .games-box-characters .fat-banker-box{
        height: calc(100% - 5vw);
    }
    .games-box-characters .mad-cars-box{
        height: calc(100% - 6vw);
    }
    .games-box-characters .deadly-five-box{
        height: calc(100% - 4vw);
    }
    .games-box-characters .space-stacks-box{
        height: calc(100% - 8vw);
    }
    .games-box-characters .space-stacks-cntr-box{
        left: 0;
    }
}
@media screen and (max-width: 1700px){
    /*Page title box*/
    .page-title-box h1{
        font-size: 10vw;
    }
    .responsible-gaming-page .page-title-box h1, .licenses-page .page-title-box h1{
        font-size: 8.23vw;
    }
    /*Games main screen*/
    #games-main-screen .sub-text{
        font-size: 2vw;
        margin: 0 0 6px;
    }
    /*Team list*/
    .team-list .item{
        width: 16.66666666666667%;
    }
    .team-list .item.empty .img{
        background-size: 42% auto;
        background-position: 50% 20%;
    }
    .we-are::before{
        opacity: .3;
        right: -130px;
    }
    .how-we-work::before{
        opacity: .3;
        left: -170px;
    }
    .our-benefits::before{
        right: -170px;
        opacity: .3;
    }
    .our-teams-love::before{
        left: 0;
        opacity: .3;
    }
    .top-page-box .title{
        margin-right: 20px;
    }
}
@media screen and (max-width: 1622px){

    .games-box-characters .deadly-five-cntr-box{
        left: 7.5%;
    }


    #footer:not(.no-border):before{
        left: 15px;
        right: 15px;
        width: auto;
        transform: none;
    }
}
@media screen and (max-width: 1560px){
    /*Last games box*/
    .last-games-box .item{
        min-height: 450px;
    }
    /*Two-col plates box*/
    .two-col-plates-box .img{
        width: 50.68306010928962%;
    }
    /*Form box*/
    .form-box{
        padding: 11.1% 0;
    }
    /*Applications box*/
    .shadow-box + .applications-box{
        margin-top: -10px;
    }
    /*Redesign*/
    main h1{
        font-size: 54px;
    }
}
@media screen and (max-width: 1500px){
    /*Game description*/
    .game-description .sub-img{
        height: auto;
        padding-bottom: 23.6%;
    }
    .team-list .item{
        width: 20%;
    }
    .team-list .item.empty .img{
        background-size: 34% auto;
        background-position: 50% 20%;
    }
    /*V2*/
    .game-features .item{
        font-size: 20px;
        padding: 0 8px;
    }
    .game-features .value{
        font-size: 40px;
        margin: 0 0 16px;
    }
}
@media screen and (max-width: 1440px){
    /*Licensed box*/
    .licensed-box{
        margin: 83px 0 5.4%;
    }
    /*Map box*/
    #map-box{
        height: auto;
        padding-bottom: 40.4%;
        min-height: 320px;
    }
}
@media screen and (max-width: 1430px){
    .our-teams-love .items{
        margin: 0 -15px;
    }
    .our-teams-love .items .item{
        max-width: none;
        width: calc(50% - 30px);
        margin: 0 15px 30px;
    }
    .our-teams-love .items .item .text-box{
        min-height: 250px;
    }
}
@media screen and (max-width: 1420px){
    .team-list .item{
        width: 25%;
        padding-bottom: 25%;
    }
    .team-list .item.empty .img{
        background-size: 42% auto;
        background-position: 50% 20%;
    }
    .benefits-box .img-box{
        margin: 0 20px;
        max-width: calc(100% - 960px);
    }
}
@media screen and (max-width: 1400px){
    .game-features .item{
        font-size: 18px;
    }
    /*Push in numbers*/
    .in-numbers-grid .counter-box{
        font-size: 11.445vw;
    }
    .in-numbers-grid .counter-img{
        left: -5vw;
        max-width: 6.7vw;
    }
    /*Footer*/
    #footer .footer-nav{
        margin-right: 4%;
    }
    /* jammin jars page */
    .jammin-jars-page .jj-grid .col:first-child{
        margin-left: 0;
    }
    .jammin-jars-page .radio-group .radio-item{
        margin-right: 40px;
    }
    .jammin-jars-page form{
        padding: 60px 30px;
    }
}
@media screen and (max-width: 1370px){
    /*Redesign*/
    /*Contacts*/
    .contacts-grid{
        display: block;
    }
    .contacts .col{
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        min-width: 234px;
        padding: 0;
    }
    .contacts .col .location{
        padding-right: 48px;
    }
    .contacts .col .location:nth-child(even){
        padding-right: 0;
    }
    /*V2*/
    .game-description-grid .slider-col{
        padding-right: 48px;
    }
    .game-features{
        margin: 55px -32px 0 -48px;
    }
    /*V2*/
    .game-features .value{
        font-size: 32px;
    }
    .game-slider-box .swiper-pagination{
        margin: 72px 0 0;
    }
    .horizontal-view .game-description-grid .slider-col{
        width: calc(100% - 450px);
    }
    .horizontal-view .game-description-grid .video-col{
        width: 450px;
    }
}
@media screen and (max-width: 1340px){
    /*Cases*/
    .cases-box .item .description .wrap{
        max-width: 428px;
    }
    /*Two-col plates box*/
    .two-col-plates-box .img{
        padding: 0 20px;
    }
    /*Three column list*/
    .three-col-box{
        margin: 63px -2.1% 60px;
    }
    .three-col-box .item{
        padding: 0 2%;
    }
    /*Redesign*/
    /*Thinking box*/
    .thinking-box .text-col{
        width: 47%;
        padding: 64px 0;
    }
    .thinking-box .img-col{
        width: 53%;
    }
}

@media screen and (max-width: 1340px) and (min-width: 1211px){
    .benefits-box .item{
        font-size: 24px;
        margin: 0 0 68px;
    }
    .benefits-box .img-box{
        margin: 32px 20px;
        max-width: calc(100% - 860px);
    }
    .benefits-box .left-box, .benefits-box .right-box{
        width: 410px;
    }
}
@media screen and (min-width: 1211px){
    .benefits-box .item span{
        display: inline-block;
        vertical-align: top;
        padding-left: 40px;
        background: url("../i/benefits-bullet.png") no-repeat 0 10px/15px auto;
    }
    .benefits-box .left-box .item span{
        padding: 0 40px 0 0;
        background-position-x: 100%;
    }
}
@media screen and (max-width: 1280px){
    .game-slider .img-text-grid .text{
        font-size: 22px;
    }
    .game-slider .img-text-grid .text p{
        margin: 30px 0;
    }
    .game-external-slider .text p:not([class]){
        font-size: 22px;
    }
    .games-box-characters .fat-banker-cntr-box{
        left: 7%;
    }
}
@media screen and (min-width: 1261px){
    .no-touch .our-values-grid .js-open-value-dropdown:hover, .our-values-grid .js-open-value-dropdown.active{
        color: #dd0920;
    }
    .no-touch .our-values-grid .js-open-value-dropdown.v2:hover, .our-values-grid .js-open-value-dropdown.v2.active{
        color: #1068d4;
    }
    .no-touch .our-values-grid .js-open-value-dropdown.v3:hover, .our-values-grid .js-open-value-dropdown.v3.active{
        color: #f9710e;
    }
    .no-touch .our-values-grid .js-open-value-dropdown.v4:hover, .our-values-grid .js-open-value-dropdown.v4.active{
        color: #72c31d;
    }
    .values-dropdowns{
        min-height: 178px;
    }
}
@media screen and (max-width: 1260px){
    /*Our values*/
    .our-values-grid{
        margin: 40px 0 -54px;
    }
    .our-values-grid .item{
        width: 33.3333333%;
    }

    .our-values-grid .js-open-value-dropdown{
        display: block;
        padding: 0;
    }
    .our-values-grid .js-open-value-dropdown .arrow{
        display: none;
    }

    .values-dropdowns{
        display: none;
    }
    .value-dropdown{
        display: block !important;
        padding: 0;
        margin: 48px 0 0;
    }
    .value-dropdown .dropdown-img{
        display: none;
    }
    .value-dropdown ul li{
        display: block;
        text-align: left !important;
        padding-left: 40px;
        min-height: 33px;
        background-position: 0 0;
    }




    .copy-box{
        padding: 8px 0 0;
        max-width: 1040px;
    }
    #footer .age-limit-icon{
        position: relative;
        bottom: auto;
        right: auto;
        margin: 32px auto 0;
    }
    #footer.has-age-limit .privacy-policy{
        bottom: 96px;
        margin-left: -70px;
    }
}
@media screen and (max-width: 1240px){
    /*Redesign*/
    .logo-bg-layer{
        top: -12%;
        transform: none;
    }
    /*First screen box*/
    .logo-bg-layer .scaled-layer{
        transform: scale(.5);
    }
    /*Main*/
    main h1{
        font-size: 48px;
    }
    /*Licenses box*/
    .licences-box table th{
        font-size: 20px;
        padding: 16px 16px 14px;
    }
    .licences-box table td{
        font-size: 18px;
        padding: 18px 16px;
    }



    .games-box-characters .deadly-five-box {
        width: 150%;
        max-width: 150%;
    }
    .games-box-characters .deadly-five-cntr-box{
        left: 4.2%;
    }

    /*Footer*/
    #footer .meta-box .address-col{
        width: 520px;
        margin-left: 0;
    }
    .game-features .value{
        font-size: 24px;
    }
}
@media screen and (max-width: 1210px){
    /*Page title box*/
    .page-title-box h1.small-indent{
        margin-bottom: -8px;
    }
    /*Main content*/
    .main-content{
        margin: 50px 0 60px;
    }
    .close{
        width: 40px;
        height: 40px;
    }
    .main-content-box .text-box{
        padding: 30px 25px;
    }
    /* comments box */
    .main-content-box .comments-box{
        margin-top: 40px;
        padding: 25px;
    }
    .main-content-box .comments-box .top-wrap .btn{
        margin-top: 0;
    }
    /*Last games box*/
    .last-games-box .item{
        width: 50%;
        padding: 32px 24px 24px;
    }
    /*We work*/
    .logos-slider{
        padding: 0 40px;
    }
    .benefits-box .img-box{
        display: none;
    }
    .benefits-box{
        flex-direction: column;
        margin-top: 50px;
    }
    .benefits-box .item{
        position: relative;
        max-width: 320px;
        width: 100%;
        margin: 0 0 30px !important;
        padding-left: 56px;
        text-align: left;
        justify-content: space-between !important;
    }
    .benefits-box .item:first-child{
        margin-top: 0;
    }
    .benefits-box .item img{
        display: flex;
    }
    .benefits-box .left-box, .benefits-box .right-box{
        width: auto;
    }
    .benefits-box .item .lottie-bullet{
        display: block;
    }
    /* Footer */
    #footer .footer-wrapper{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #footer .address-col{
        order: 1;
        margin-right: 30px;
    }
    #footer .footer-nav{
        order: 3;
        margin-right: 0;
        margin-left: 30px;
    }
    #footer .contacts-col{
        order: 4;
    }
    #footer .col-18plus{
        order: 5;
    }
    #footer .licences-col{
        order: 2;
        margin-right: 0;
    }
    #footer .contacts-col .contact-us .title, #footer .contacts-col .legal .title{
        margin-top: 30px;
    }
    #footer .address-col address{
        margin-bottom: 25px;
    }
    /* popup */
    .js-close-popup{
        right: 0;
    }
    .benefits-box .img-box{
        margin: 0 30px;
    }
}
@media screen and (min-width: 1201px){
    .no-touch .cases-box.gallery-slider.first-active .swiper-slide:nth-child(2), .no-touch .cases-box.gallery-slider.first-active .swiper-slide:nth-child(3), .no-touch .cases-box.gallery-slider.second-active .swiper-slide:nth-child(1), .no-touch .cases-box.gallery-slider.second-active .swiper-slide:nth-child(3), .no-touch .cases-box.gallery-slider.third-active .swiper-slide:nth-child(1), .no-touch .cases-box.gallery-slider.third-active .swiper-slide:nth-child(2), .no-touch .cases-box.gallery-slider.fourth-active .swiper-slide:nth-child(5), .no-touch .cases-box.gallery-slider.fourth-active .swiper-slide:nth-child(6), .no-touch .cases-box.gallery-slider.fifth-active .swiper-slide:nth-child(4), .no-touch .cases-box.gallery-slider.fifth-active .swiper-slide:nth-child(6), .no-touch .cases-box.gallery-slider.sixth-active .swiper-slide:nth-child(4), .no-touch .cases-box.gallery-slider.sixth-active .swiper-slide:nth-child(5), .no-touch .cases-box.gallery-slider.seventh-active .swiper-slide:nth-child(8), .no-touch .cases-box.gallery-slider.seventh-active .swiper-slide:nth-child(9), .no-touch .cases-box.gallery-slider.eighth-active .swiper-slide:nth-child(7), .no-touch .cases-box.gallery-slider.eighth-active .swiper-slide:nth-child(9), .no-touch .cases-box.gallery-slider.ninth-active .swiper-slide:nth-child(7), .no-touch .cases-box.gallery-slider.ninth-active .swiper-slide:nth-child(8), .no-touch .cases-box.gallery-slider.tenth-active .swiper-slide:nth-child(11), .no-touch .cases-box.gallery-slider.tenth-active .swiper-slide:nth-child(12), .no-touch .cases-box.gallery-slider.eleventh-active .swiper-slide:nth-child(10), .no-touch .cases-box.gallery-slider.eleventh-active .swiper-slide:nth-child(12), .no-touch .cases-box.gallery-slider.twelfth-active .swiper-slide:nth-child(10), .no-touch .cases-box.gallery-slider.twelfth-active .swiper-slide:nth-child(11){
        width: 29.8%;
    }
}
@media screen and (max-width: 1200px){
    .we-are .grid{
        flex-wrap: wrap;
        justify-content: center;
    }
    .we-are .grid .col{
        width: calc(50% - 40px);
        margin-bottom: 20px;
    }
    .gallery-slider .swiper-slide{
        width: 50%;
    }
    .no-touch .gallery-slider .swiper-slide{
        width: calc(50% + (17px) / 2);
    }
    /* .no-touch .gallery-slider .swiper-slide.active {
		width: 60%;
		max-width: 60%;
	} */
    /* .no-touch .cases-box.gallery-slider.first-active .swiper-slide:nth-child(2), .no-touch .cases-box.gallery-slider.second-active .swiper-slide:nth-child(1), .no-touch .cases-box.gallery-slider.third-active .swiper-slide:nth-child(4), .no-touch .cases-box.gallery-slider.fourth-active .swiper-slide:nth-child(3), .no-touch .cases-box.gallery-slider.fifth-active .swiper-slide:nth-child(6), .no-touch .cases-box.gallery-slider.sixth-active .swiper-slide:nth-child(5), .no-touch .cases-box.gallery-slider.seventh-active .swiper-slide:nth-child(8), .no-touch .cases-box.gallery-slider.eighth-active .swiper-slide:nth-child(7), .no-touch .cases-box.gallery-slider.ninth-active .swiper-slide:nth-child(10), .no-touch .cases-box.gallery-slider.tenth-active .swiper-slide:nth-child(9), .no-touch .cases-box.gallery-slider.eleventh-active .swiper-slide:nth-child(12), .no-touch .cases-box.gallery-slider.twelfth-active .swiper-slide:nth-child(11){
		width: 40%;
		} */
    .cases-box.gallery-slider .item .description{
        opacity: 1 !important;
        height: auto !important;
        padding-top: 0 !important;
    }
    .cases-box.gallery-slider .item:after{
        opacity: 1 !important;
    }
    #games-main-screen .main-img img{
        max-width: 90%;
    }
    .page-load #games-main-screen .left-img{
        left: 0;
    }
    .page-load #games-main-screen .right-img{
        right: 5%;
    }

    .game-features{
        margin: 55px -32px 0 -32px;
    }
    .game-features .item{
        font-size: 17px;
    }

    .mad-cars-bg-els{
        display: none;
    }
}
@media screen and (max-width: 1190px){
    /*Top screen*/
    #top-screen{
        height: auto;
        padding: 15% 15px;
        margin-bottom: 70px;
    }
    /*Timeline*/
    .timeline-content{
        margin: 0 0 40px;
    }
    .timeline-nav{
        display: none;
    }
    .scroll-bar-wrap{
        max-width: 750px;
        padding: 0 25px;
        width: 100%;
    }
    /*Game description v2*/
    .game-description-v2 .game-slider-box{
        padding: 0 16px;
    }
    .game-description-grid .prev-btn{
        left: -48px;
    }
    .game-description-grid .next-btn{
        right: -48px;
    }
    /*Our features*/
    .our-features-grid{
        font-size: 24px;
    }
    .our-features-grid .description-box p{
        margin: 24px 0;
    }
}
@media screen and (max-width: 1150px){
    /*Team-list*/
    .team-list{
        margin: 80px 0 0;
    }
    .team-list .item{
        width: 33.333333333333%;
        padding-bottom: 33.33333333333%;
    }
    .cases-box .item .btn-box .btn{
        padding: 9px 20px 8px;
    }
}
@media screen and (max-width: 1140px){
    /*Cases*/
    .cases-box .item .description .wrap{
        max-width: 368px;
    }
    /*Redesign*/
    .page-title-box .align-m{
        height: auto;
    }
    .responsible-gaming-page .page-title-box{
        margin-bottom: 90px;
    }
    /*Tabs*/
    .tabs-nav{
        margin: 0 0 54px;
    }
    /*Contacts*/
    .contacts{
        width: 45%;
        padding: 78px 24px 43px;
    }
    .contacts .social-links{
        padding-left: 0;
    }
    .contacts .social-links:before{
        left: 0;
    }
    .want-to-work{
        width: 55%;
        padding: 0 16px 0 32px;
    }

    .locations-box{
        display: block;
    }
    .locations-box p{
        width: 100%;
    }
    .locations-box .location + .location{
        margin-top: -32px;
    }

    .licences-logos{
        margin: 90px 0 0;
    }
    .licences-logos .img{
        margin: 0 50px 48px;
        max-width: calc(50% - 100px);
    }
    /*V2*/
    .game-description-grid .slider-col{
        width: calc(100% - 300px);
        padding-right: 40px;
    }
    .game-description-grid .video-col{
        width: 300px;
    }
    .game-slider .img-text-grid .img{
    }
    .game-slider .img-text-grid .text{
        font-size: 18px;
    }
    .game-features .icon{
        margin: 0 0 10px;
    }
    .game-features .value{
        font-size: 24px;
        margin: 0 0 8px;
    }
    .game-features .question-icon{
        min-width: 16px;
        min-height: 16px;
        max-width: 16px;
        max-height: 16px;
        margin-left: 6px;
        margin-bottom: 4px;
    }
    .game-features .icon img{
        transform: scale(.8);
    }
    .game-features .other-icon img{
        transform: scale(1);
        margin-bottom: -10%;
    }


    .our-features-grid .img-box{
        padding: 80px 0;
    }
    .race-reels-feature .our-features-grid .img-box{
        padding: 60px 0 160px;
    }
    /*Latest posts box*/
    .latest-posts-box .articles-list{
        margin: 46px -13px 8px;
    }
    .latest-posts-box .articles-list .item{
        padding: 0 13px;
    }
    .game-external-slider .text p:not([class]){
        font-size: 18px;
    }
}
@media screen and (max-width: 1110px){

    /*Articles list*/
    .articles-list .item{
        width: 50%;
    }
    /*Footer*/
    #footer{
        font-size: 14px;
    }
    #footer .meta-box .col{
        font-size: 17px;
        line-height: 1.35em;
    }
    #footer .sub-text{
        margin: 72px auto 24px;
        padding: 0 190px 0 220px;
    }
    .copy-box{
        margin: 64px auto 0;
    }
    /*Logos box*/
    .logos-box .item{
        width: 25%;
    }
    /*Applications box*/
    .shadow-box + .applications-box{
        padding: 9% 0;
    }
    /*Redesign*/
    #first-screen-box h1{
        font-size: 78px;
    }
    /* game popup */
    .popup-slider .prev-btn{
        left: 0;
    }
    #symbols-popup .popup-slider .img{
        width: 320px;
        height: 320px;
        margin-top: 18%;
        margin-bottom: 22.5%;
    }
    #symbols-popup .popup-slider .img img{
        margin-left: 100px;
    }
}
@media screen and (max-width: 1090px){
    /*Return box*/
    .return-box{
        padding: 32px 0 64px;
    }
    .return-box .return{
        position: relative;
        top: 0;
        display: table;
        margin: 0 0 32px;
    }
    .game-symbols.small-inner-indents .item{
        padding: 0 16px;
    }


    .games-box-characters .mad-cars-left{
        left: -30%;
    }
    .games-box-characters .mad-cars-right{
        right: -35.1%;
    }

    .games-box-characters .deadly-five-cntr-box{
        left: 8.5%;
    }
    .games-box-characters .deadly-five-left{
        left: -32.65%;
    }
    .games-box-characters .deadly-five-right{
        right: -20.1%;
    }

    /* Footer */
    #footer .container{
        padding-bottom: 60px;
    }
    #footer .licences-col{
        max-width: 550px;
    }
    #footer .licences-col .links-box{
        margin-top: 20px;
    }
    #footer .address-col .logo{
        margin-bottom: 10px;
    }
    #footer .contacts-col{
        margin-left: 0;
    }
    #footer .footer-nav{
        display: none;
    }
}
@media screen and (min-width: 1071px){
    body.no-scroll{
        overflow: visible !important;
    }
    .no-touch .main-content-box .mCustomScrollBox, .no-touch .main-content-box .mCSB_container{
        position: static !important;
    }
}
@media screen and (max-width: 1070px){
    /*Two-col plates box*/
    .two-col-plates-box{
        margin: 0 0 60px;
    }
    .two-col-plates-box .col{
        display: block;
        width: 100%;
        padding: 0;
    }
    .two-col-plates-box .col:last-child{
        margin: 0;
    }
    .two-col-plates-box .col:before{
        left: 0;
        right: 0;
    }
    .two-col-plates-box .img{
        width: 300px;
        padding: 0 30px;
    }
    /*Careers list*/
    .two-col-plates-box.careers-list{
        margin-bottom: 0;
    }
    .two-col-plates-box.careers-list .col{
        margin: 0 0 12px;
    }
    .careers-list .col:before{
        display: none;
    }
    .two-col-plates-box.careers-list .item{
        height: auto !important;
    }
    .careers-list .col:nth-last-child(2) .item{
        border-bottom: 1px solid #ececec;
    }
    /*News box*/
    .news-box{
        height: auto !important;
    }


    .game-features .item{
        font-size: 16px;
    }
    /*Main content*/
    .main-content-box:not(.news-inner){
        position: fixed;
        z-index: 30;
        overflow: auto;
        top: 0;
        bottom: 0;
        float: none;
        width: 100%;
        height: 100%;
        max-width: none;
        background: #fff;
        padding: 0;
    }
    .main-content-box.visible{
        height: 100%;
    }
    .main-content{
        margin-bottom: 40px;
        overflow: hidden;
    }
    .main-content-box .close{
        right: 10px;
    }
    .touch .main-content-box .close{
        right: 0;
    }
    .main-content-box .close.sticky{
        position: fixed;
        z-index: 100;
    }
    /*Aside*/
    .aside{
        display: none !important;
    }
}
@media screen and (min-width: 1041px){
    .sprite-box .eyes{
        position: absolute;
        z-index: 3;
        left: 13.59060402684564%;
        top: 34.6264367816092%;
        width: 34.06040268456376%;
        height: 16.8120482758621%;
        background: url("../uploads/eyes-sprite3.png") no-repeat 0 0/auto 100%;
        animation: eyesSprite 3s steps(10) infinite;
    }
    @keyframes eyesSprite{
        0%{
            background-position-x: 0;
        }
        50%{
            background-position-x: 111.1111111111111%;
        }
        100%{
            background-position-x: 111.1111111111111%;
        }
    }

    .sprite-box.medusa-character .medusa-sprite{
        position: absolute;
        z-index: 3;
        left: 26.97841726618705%;
        bottom: 7.15474209650582%;
        width: 64.74820143884892%;
        height: 93.17803660565724%;
        background: url("../uploads/medusa-sprite.png") no-repeat 0 0/auto 100%;
        animation: medusaSprite 3s steps(15) infinite;
    }
    @keyframes medusaSprite{
        0%{
            background-position-x: 0;
        }
        50%{
            background-position-x: 107.142857142857143%;
        }
        100%{
            background-position-x: 107.142857142857143%;
        }
    }


    /* .sprite-box.eagle-character .eagle-sprite{
		position: absolute;
		z-index: 3;
		left: 9.03686087990488%;
		top: 3.74812593703148%;
		width: 38.0499405469679%;
		height: 46.4767616191904%;
		background: url("../uploads/eagle-sprite.png") no-repeat 0 0/auto 100%;
		animation: eagleSprite 3s steps(18) infinite;
		}
	@keyframes eagleSprite{
		0%{
			background-position-x: 0;
			}
		50%{
			background-position-x: 105.882352941176471%;
			}
		100%{
			background-position-x: 105.882352941176471%;
			}
		}
	} */
    .sprite-box.men-character .men-sprite{
        position: absolute;
        z-index: 3;
        left: 33.020554699537%;
        top: 32.87256502242152%;
        width: 30.94170403587444%;
        height: 19.72265023112481%;
        background: url("../uploads/index-page-men-sprite.png") no-repeat 0 0/auto 100%;
        animation: menSprite 3s steps(15) infinite;
    }
    @keyframes menSprite{
        0%{
            background-position-x: 0;
        }
        50%{
            background-position-x: 107.358157142857143%;
        }
        100%{
            background-position-x: 107.358157142857143%;
        }
    }

}
@media screen and (max-width: 1040px){
    /*Dark-box*/
    .dark-box{
        padding: 89px 0 70px;
        margin-bottom: 83px;
    }
    /*Cases*/
    .cases-box .item .description .wrap{
        max-width: 328px;
    }
    /*Advantages*/
    .advantages-box{
        padding: 60px 0 48px;
    }
    .advantages .item{
        width: 50%;
    }
    /*Thinking box*/
    .thinking-box{
        position: relative;
        display: block;
    }
    .thinking-box .text-col{
        display: block;
        width: 100%;
        padding: 90px 0 80px;
    }
    .thinking-box.js-view-checker .text-col{
        transform: translateY(50px);
        opacity: 0;
    }
    .thinking-box .text-col .container{
        margin: 0 auto;
    }
    .thinking-box .img-col{
        position: absolute;
        right: 0;
        top: 0;
        justify-content: flex-end;
        height: 100%;
        margin: 0;
        width: 100%;
    }
    .thinking-box .img-col .animated-box{
        width: 606px;
        max-width: 80%;
        max-height: 100%;
        opacity: .15;
    }
    .sprite-box > div{
        display: none;
    }
    .thinking-box .img-col .animated-box .sprite-box.eagle-character{
        right: -16px;
    }
    /*Timeline*/
    .inner-top-indent{
        padding-top: 89px;
    }
    /*Page title box*/
    .page-title-box .wide-container{
        padding: 0 40px;
    }
    /*Latest posts box*/
    .latest-posts-box{
        margin: 80px 0 110px;
    }
}
/* @media screen and (min-width: 1200px) {
	.vertical-view .game-features{
		width: calc(100% - 340px);
		padding-right: 60px;
		padding-left: 64px;
		}
} */
@media screen and (max-width: 1100px) and (min-width: 1025px){
    #nav li{
        font-size: 18px;
        margin-left: 24px;
    }
}
@media screen and (max-width: 1024px){
    #header{
        padding: 0;
        height: 0;
    }
    .sticky-header #header{
        background: none;
    }
    .load-inner-article #header{
        opacity: 0;
        visibility: hidden;
    }
    #header .wide-container{
        display: block;
    }
    #logo{
        margin: 13px 0 0;
    }
    .sticky-header #header #logo{
        opacity: 0;
        pointer-events: none;
    }
    /*NAV*/
    #nav{
        float: none;
        margin: 0;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        text-align: center;
        padding: 0 80px 0 0;
        background: #fff;
        overflow: hidden;
        overflow-y: auto;
        transform: translateX(105%);
        visibility: hidden;
        -webkit-transition: transform .3s ease, visibility .3s ease .3s;
        -moz-transition: transform .3s ease, visibility .3s ease .3s;
        transition: transform .3s ease, visibility .3s ease .3s;
    }
    .sticky-header #nav{
        padding-right: 70px;
    }
    .opened-nav #nav{
        visibility: visible;
        transform: none;
        -webkit-transition: transform .3s ease, visibility 0s;
        -moz-transition: transform .3s ease, visibility 0s;
        transition: transform .3s ease, visibility 0s;
    }
    #nav:before{
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
    }
    #nav ul{
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 10px);
        margin: 40px 0;
    }
    #nav li{
        color: #1b1515;
        margin: 48px 0;
        font-size: 32px;
    }
    #nav li a{
        color: #1b1515;
    }
    #nav .active a{
        color: #ed4340;
        padding: 0;
    }
    #nav .social-bar{
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        padding: 0 16px;
        height: 100%;
        background: #f1f1f2;
        transition: width .3s ease;
    }
    .sticky-header #nav .social-bar{
        width: 70px;
        padding: 0 11px;
    }
    #nav .social-links a{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        line-height: 0;
        margin: 12px 0;
        border: 1px solid #727174;
        border-radius: 110%;
    }
    #nav .social-links a.facebook{
        padding-top: 3px;
    }
    #nav .social-links a.mailto{
        border-color: #dc0214;
    }
    .no-touch #nav .social-links a:hover{
        border-color: #1b1515;
        background: #1b1515;
    }
    .no-touch #nav .social-links a.mailto:hover{
        border-color: #dc0214;
        background: #dc0214;
    }
    #nav .social-links a:after{
        display: none;
    }
    #nav .social-links a:before{
        position: relative;
        line-height: 1em;
        color: #727174;
        height: auto;
    }
    #nav .social-links a.mailto:before{
        color: #dc0214;
    }
    .no-touch #nav .social-links a:hover:before{
        color: #fff;
    }

    #nav .social-links .twitter:before{
        height: 100%;
        background: url("../i/twitter-icon-grey.svg") no-repeat 50% 50%/22px auto;
    }
    .no-touch #nav .social-links .twitter:hover:before{
        background-image: url("../i/twitter-icon-light.svg");
    }

    #nav .dropdown{
        position: relative;
        width: 100%;
        text-align: center !important;
        padding: 26px 0 0 !important;
        left: 0;
        top: 0 !important;
        margin: 0 !important;
        background: none;
        border: none !important;
        box-shadow: none;
        transform: none;
        z-index: 100;
    }
    #nav .dropdown a{
        color: #1b1515;
        font-size: 24px;
    }
    #nav .dropdown .active a{
        color: #ed4340;
        opacity: 1;
    }
    #nav .has-child > a:before, .client #nav .has-child:not(.visible-dropdown) > a:before, #nav .has-child > span:before{
        content: '';
        display: inline-block;
        /* vertical-align: top; */
        position: absolute;
        top: 50%;
        left: calc(100% + 5px);
        margin: -3px -16px 0 6px;
        width: 10px;
        height: 6px;
        background: url(../i/dropdown-arrow.png) no-repeat 0 0;
        transform: none;
    }
    #nav .has-child.opened-dropdown > a::before{
        transform: scale(1, -1);
    }
    /*Open nav*/
    #js-open-nav{
        display: block;
    }
    /*Top screen*/
    #top-screen{
        margin: 0 0 60px;
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 0;
    }
    #top-screen .align-m{
        display: table-cell;
        padding: 15% 15px;
    }
    /*Redesign*/
    /*Main screen*/
    #main-screen h1{
        font-size: 7.7vw;
    }
    /*Careers box*/
    .careers-box .intro{
        margin-bottom: 56px;
    }
    /*Page title box*/
    .page-title-box{
        font-size: 28px;
    }
    .page-title-box.full-screen .align-m{
        padding: 120px 0 110px;
    }
    .page-title-box .align-m{
        padding: 120px 0 100px;
    }
    /*Games main screen*/
    #games-main-screen .sub-text{
        font-size: 21px;
        margin: 0 0 6px;
    }


    .games-box-characters .bison-left, .games-box-characters .bison-right{
        display: none;
    }
    .games-box-characters .bison-cntr{
        height: calc(100% - 60px);
        width: 100%;
        max-width: 200%;
        min-width: 680px;
    }

    .games-box-characters .big-bamboo-box{
        width: 100%;
        max-width: 200%;
        min-width: 680px;
    }
    .games-box-characters .big-bamboo-cntr-box{
        left: -1%;
    }
    .games-box-characters .big-bamboo-left, .games-box-characters .big-bamboo-right, .games-box-characters .big-bamboo-light{
        display: none;
    }

    .games-box-characters .big-bamboo-box{
        width: 100%;
        max-width: 200%;
        min-width: 680px;
    }

    .games-box-characters .nightfall-box{
        width: 100%;
        max-width: 200%;
        min-width: 634px;
    }
    .games-box-characters .nightfall-cntr-box{
        left: 0;
    }


    .games-box-characters .fat-banker-box{
        width: 150%;
        max-width: 150%;
    }
    .games-box-characters .fat-banker-cntr-box{
        left: 5%;
    }

    .games-box-characters .fat-banker-left{
        left: -28%;
        width: 60%;
        max-width: 60%;
    }
    .games-box-characters .fat-banker-right{
        right: -27.1%;
        width: 63%;
        max-width: 63%;
    }

    .games-box-characters .mad-cars-box{
        width: 150%;
        max-width: 150%;
    }





    .our-features-section.multiple-view{
        padding: 20px 0 100px;
    }
    /*Logos-box*/
    .logos-box{
        margin: 80px 0 0;
    }
    /*Last games box*/
    .last-games-box .item{
        min-height: 400px;
    }
    /*Articles list*/
    .articles-list{
        padding-bottom: 10px;
    }
    /*Load more*/
    .load-more-box{
        margin: 72px 0;
    }
    .career-inner-page .top-page-box .title{
        margin-bottom: 5vw;
    }
    .top-page-box .links-box{
        max-width: 520px !important;
    }
    .top-page-box .links-box .btn, .btn.largest-btn{
        font-size: 18px;
        min-width: 244px;
    }
    /*Push in numbers*/
    .in-numbers-grid{
        margin-bottom: -64px;
    }
    .in-numbers-grid .item{
        width: 50%;
        margin: 0 0 64px;
    }
    .in-numbers-grid .counter-box{
        font-size: 130px;
    }
    .in-numbers-grid .counter-img{
        left: -34px;
        max-width: 61px;
    }
    /*Our features*/
    .features-main-screen .character{
        width: 100vw;
        max-width: 780px;
    }
    .features-main-screen .container{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .push-up-feature .features-main-screen img{
        margin: 0 0 0 3vw;
        max-width: 90vw;
    }

    .our-features-grid .img-box .push-up-symbol{
        width: 116%;
        margin: 0 0 0 -16%;
    }

    .our-features-video-section{
        padding: 124px 0;
    }
    /*Footer*/
    #footer .meta-box{
        display: block;
    }
    #footer .meta-box .col{
        margin: 0 0 54px;
    }
    #footer .meta-box p{
        text-align: center;
    }
    #footer .meta-box .address-col{
        width: 520px;
        max-width: 100%;
        margin: 0 auto 32px;
    }
    #footer .meta-box .address-col address{
        padding: 0 12px;
        margin: 0 0 24px;
    }
    #footer .sub-text{
        display: block;
        padding: 0;
        margin: 64px 0 0;
    }
    #footer .sub-text p{
        max-width: 640px;
    }
    .we-are::before{
        content: none;
    }
    .how-we-work::before{
        content: none;
    }
    .our-culture .before-title-text{
        font-size: 22px;
    }
    .our-culture{
        padding: 35px 0 40px;
    }
    .our-culture p:not([class]){
        margin: 20px auto;
    }
    .how-we-work{
        padding: 60px 0 50px;
    }
    .we-are{
        padding: 60px 0 50px;
    }
    .we-are .question{
        font-size: 26px !important;
    }
    .our-benefits::before{
        content: none;
    }
    .our-teams-love::before{
        content: none;
    }
    .top-page-box .title{
        margin-bottom: 0;
    }
    .our-benefits{
        padding: 60px 0 50px;
    }
    .benefits-box .item br{
        display: none;
    }
    .benefits-box .img-box{
        order: 1;
        margin: 30px auto;
    }

}
@media screen and (max-width: 1024px) and (max-height: 620px){
    #nav li{
        margin: 32px 0;
    }
    #nav .social-links a{
        margin: 6px 0;
    }
}
@media screen and (max-width: 1024px) and (max-height: 520px){
    #nav li{
        font-size: 26px;
    }
    #nav .social-links a{
        width: 42px;
        height: 42px;
    }
    #nav .social-links a:before{
        font-size: 22px !important;
    }
}
@media screen and (max-width: 1024px) and (max-height: 460px){
    #nav ul{
        margin: 16px 0;
    }
    #nav li{
        font-size: 22px;
        margin: 28px 0;
    }
    #nav .social-links{
        padding-top: 30px;
    }
    #nav .social-links a{
        width: 38px;
        height: 38px;
        margin: 4px 0;
    }
    #nav .social-links a:before{
        font-size: 21px !important;
    }
}
@media screen and (max-width: 1023px){
    /* jammin jars page */
    .jammin-jars-page .jj-grid{
        flex-direction: column;
        align-items: center;
    }
    .jammin-jars-page .jj-grid .form-col{
        margin-left: 0;
    }
    .jj-wrap{
        margin-top: 0;
    }
    .jammin-jars-page form{
        margin-top: 60px;
    }
    .jammin-jars-page .col > .img-box{
        margin: 0;
    }
    .how-we-work .grid{
        flex-wrap: wrap;
    }
    .how-we-work .grid .item{
        width: 50%;
        margin: 0 0 30px;
    }
    .how-we-work .grid .item .img-box{
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 1023px){
    .game-slider .img-text-grid{
        flex-wrap: nowrap;
    }
    .game-slider .img-text-grid .img{
        width: 35%;
    }
    .game-slider .img-text-grid .text{
        width: 65%;
    }
    .horizontal-view .game-slider .img-text-grid .text{
        width: 100%;
    }
}
@media screen and (max-width: 1024px) and (max-height: 360px){
    #nav li{
        font-size: 18px;
        margin: 24px 0;
    }
}
@media screen and (max-width: 995px){
    /* Footer */
    #footer .licences-col{
        max-width: 400px;
    }
    #footer .address-col{
        max-width: 355px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 980px){
    /*Independent*/
    .container, .wide-container{
        padding: 0 15px;
    }
    /*Half*/
    .half-bg .shadow-box{
        display: none !important;
    }
    /*Cases*/
    .cases-box{
        height: auto;
    }
    .cases-box .item{
        margin: 0 0 -1px;
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
    }
    .cases-box .item .align-m{
        width: 100%;
        height: 320px;
        padding: 40px 15px;
    }
    .cases-box .item.has-label .align-m{
        padding-top: 110px;
    }
    .cases-box .item .description{
        position: relative;
        bottom: 0;
        height: 0;
    }
    .cases-box .item.active .description, .touch .cases-box .item .description{
        margin: 0;
        padding-top: 30px;
        height: auto;
    }
    .cases-box .item .description .wrap{
        max-width: 458px;
        padding: 0 15px;
    }
    .cases-box .item .logo{
        margin: 0 auto !important;
        max-height: 280px !important;
    }
    .cases-box .btn{
        margin: 12px auto 0;
    }
    /*Three column list*/
    .three-col-box{
        margin: 63px -3% 60px;
    }
    .three-col-box .item{
        width: 50%;
        margin: 0 0 56px;
        text-align: center;
        padding: 0 3%;
    }
    .three-col-box .item:last-child{
        margin-bottom: 24px;
    }
    .three-col-box .item h3{
        color: #fff;
    }
    .three-col-box .item p{
        color: #adadad;
    }
    /*Main content*/
    .main-content-box .text-box{
        padding: 20px 15px;
    }
    .main-content-box .comments-box{
        padding: 20px 15px;
    }
    /*Content video*/
    .content-video .play-video-btn{
        width: 100px;
        height: 100px;
        margin: -50px 0 0 -50px;
    }
    /*Game description*/
    .game-description .chess-grid .img-box{
        padding: 65px 40px 65px 15px;
    }
    .game-description .chess-grid.invert .img-box{
        padding: 65px 15px 65px 40px;
    }
    /*Careers search*/
    .careers-search{
        margin: -13px auto 40px;
        padding: 0 15px 60px;
    }
    /*Applications box*/
    .applications-box .container{
        max-width: 740px;
    }
    /*Redesign*/
    #first-screen-box .logo-col{
        padding-right: 16px;
    }
    #first-screen-box .logo-col svg{
        width: 200px;
        height: 201px;
    }
    #first-screen-box .text-col{
        padding-left: 16px;
    }
    #first-screen-box h1{
        font-size: 72px;
    }
    /*V2*/
    .game-description-v2{
        padding: 24px 0 71px;
    }
    .game-slider .swiper-slide{
        padding-top: 48px;
    }
    .game-slider .swiper-slide .animate-box{
        transform: translateY(-48px);

        /*transform: none !important;
		transition: none !important;*/
    }
    .game-description-grid .slider-col{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
    }
    .game-description-grid .video-col{
        display: none;
    }
    .game-slider{
        max-width: 720px;
        margin: 0 auto 54px;
    }
    .game-slider .img-text-grid .img{
        width: 35%;
    }
    .game-slider .img-text-grid .text{
        font-size: 19px;
        width: 65%;
        padding: 0 0 0 16px;
    }
    .game-slider .img-text-grid .text p{
        margin: 24px 0;
    }
    .game-description-v2 .game-slider{
        /* order: 2; */
    }
    .game-description-v2 .smartphone-video-box{
        /* order: 3; */
    }
    .game-features{
        /* order: 1; */
        width: auto;
        margin: 0 -8px 34px;
    }
    .game-description-grid .smartphone-video-box{
        display: none;
    }
    .game-features .item{
        font-size: 18px;
    }
    .game-features .icon{
        margin: 0 0 16px;
    }
    .game-features .value{
        font-size: 32px;
        margin: 0 0 12px;
    }
    .game-features .icon img{
        transform: none;
    }
    .smartphone-video-box{
        max-width: 420px;
        margin: 0 auto;
    }
    .smartphone-video .smartphone{
        max-height: 70vh;
    }
    .game-slider-box .swiper-pagination{
        margin: 54px 0 0;
    }
    .game-description-v2 .game-slider-box{
        margin: 0 auto;
        max-width: 860px;
    }
    .game-description-grid .swiper-btn{
        top: 200px;
        margin-top: 0;
    }
    /*Our values*/
    .our-values-grid{
        margin-bottom: -40px;
    }
    .our-values-grid .item{
        width: 50%;
        margin: 0 0 40px;
    }
    /*Latest posts box*/
    .latest-posts-box .articles-list .item{
        width: 50%;
    }
    /* game external slider */
    .game-external-slider{
        margin-top: 20px;
    }
    .game-external-slider .images{
        margin-top: 70px;
    }
    .game-external-slider .swiper-pagination{
        margin-top: 0;
    }
    .popup .video-col{
        top: 28%;
        right: 9%;
    }
    .cases-box.career .photo-gallery{
        height: 100%;
        margin: 0;
    }
    /*Tabs*/
    .tabs-nav-item{
        font-size: 22px;
    }
    .tabs-nav .separator{
        height: 26px;
    }
    /*Our features*/
    .our-features-grid{
        font-size: 22px;
    }
}
@media screen and (max-width: 890px){
    .team-list .item.empty .img{
        background-size: 40% auto;
    }
}
@media screen and (max-width: 880px){
    /*Timeline*/
    .timeline-content{
        padding: 0 25px;
    }
    .timeline-nav{
        display: none;
    }
    .scroll-bar-wrap{
        max-width: 750px;
        padding: 0 25px;
        width: 100%;
    }
    /*Redesign*/
    h1{
        font-size: 9vw;
    }
    /*Logos box*/
    .logos-box .item{
        padding: 0 20px;
    }
    /*Contacts*/
    .contacts-box{
        display: block;
    }
    .contacts{
        width: 100%;
        padding: 54px 24px 43px;
        margin: 0 auto 92px;
    }
    .contacts .social-links{
        padding-left: 0;
        max-width: none;
    }
    .contacts .social-links:before{
        left: 0;
    }
    .want-to-work{
        width: 100%;
        padding: 0;
    }
    #map-box .map-img{
        position: relative;
        left: 50%;
        margin-left: -370px;
    }

    .locations-box{
        display: flex;
        max-width: none;
    }
    .locations-box p{
        width: calc(50% - 12px);
    }
    .locations-box .location + .location{
        margin-top: 0;
    }
    /*Our features*/
    .our-features-grid{
        font-size: 20px;
    }
}
@media screen and (max-width: 860px){
    /*Push in numbers*/
    .in-numbers-grid{
        margin-top: 64px;
    }
    .in-numbers-grid .item{
        padding: 0 10px;
    }
    .in-numbers-grid .counter-box{
        font-size: 15.175vw;
    }
    .in-numbers-grid .counter-img{
        left: -4.5vw;
        max-width: 7.2vw;
    }
    /* games */
    .game-description-grid .swiper-btn{
        display: none;
    }

    #games-main-screen .animated-characters img:nth-child(2){
        max-width: 90%;
        width: 580px;
        max-height: none;
    }
    #games-main-screen .animated-characters img:nth-child(4){
        bottom: 75%;
        min-width: 20%;
    }
    .page-load #games-main-screen .animated-characters img:nth-child(4) {
        transform: translateX(110%);
    }
}
@media screen and (max-width: 850px){
    .gallery-slider .swiper-btn{
        width: 100px;
        height: 100px;
    }
    .gallery-slider .swiper-btn .icon-box{
        width: 85px;
        height: 85px;
    }
    .gallery-slider .swiper-buttons .prev-btn svg{
        transform: translateX(17px);
    }
    .gallery-slider .swiper-buttons .next-btn svg{
        transform: translateX(-17px);
    }
    /*Tabs*/
    .tabs-nav-item{
        font-size: 20px;
    }
    .tabs-nav .separator{
        height: 24px;
    }
    .tabs-content .title{
        font-size: 22px;
    }
}
@media screen and (max-width: 800px){
    /*Dark-box*/
    .dark-box{
        padding: 80px 0 70px;
        margin-bottom: 82px;
    }
    /*Timeline*/
    .inner-top-indent{
        padding-top: 80px;
    }
    /*Main content*/
    .main-content-box.news-inner{
        margin-bottom: 0;
    }
    /*Two-col box*/
    .two-col-box{
        display: block;
        margin: 61px auto 70px;
    }
    .two-col-box .col{
        display: block;
    }
    .two-col-box .text-col{
        width: 100%;
        padding: 0;
    }
    .two-col-box .img-col.has-indent{
        padding: 0 0 70px;
    }
    /*Game description*/
    .game-description .chess-grid.invert .img-box{
        padding-right: 0;
    }
    .game-description .content{
        width: 100%;
        padding: 70px 0 56px !important;
    }
    .game-description .main-img{
        position: relative;
        z-index: 3;
        left: 0;
        padding-bottom: 65%;
        margin: 0 0 -1px;
    }
    .game-description .sub-img{
        padding-bottom: 44%;
        width: 50%;
    }
    .game-description .chess-grid{
        display: block;
    }
    .game-description .chess-grid .content{
        display: block;
    }
    .game-description .chess-grid .group-row .content + .img-box{
        margin: -32px 0 80px;
        padding: 0 15px;
    }
    .game-description .chess-grid .img-box{
        display: block;
        margin: 30px 0;
    }
    .game-description .chess-grid .img-box, .game-description .chess-grid.invert .img-box{
        padding: 0;
    }
    .game-description .chess-grid .rare-img{
        left: 0;
        top: 0;
        bottom: 0;
        text-align: left;
    }
    .game-description .chess-grid .rare-img:before{
        display: none;
    }
    .game-description .chess-grid .rare-img.humpty-img{
        left: 3.3%;
        top: 0;
        bottom: -18px;
    }
    .game-description .chess-grid .rare-img.hockey-img, .game-description .chess-grid .rare-img.meerkats-img{
        left: 1.5%;
        text-align: right;
        top: -10px;
        bottom: -10px;
    }
    .game-description .chess-grid .rare-img.meerkats-img{
        left: 2%;
    }
    .game-description .chess-grid .rare-img.star-img{
        left: 1%;
        top: 20px;
        bottom: -20px;
    }
    .game-description .chess-grid .rare-img.heroes-characters, .game-description .chess-grid .rare-img.villains-characters{
        left: -23%;
        top: 35%;
        bottom: -20px;
    }
    .game-description .chess-grid .rare-img.villains-characters{
        left: -20%;
    }
    .game-description .chess-grid .rare-img.dream-team-img{
        left: -3%;
        top: -10px;
        bottom: -20px;
    }
    .game-description .rare-box{
        display: block;
    }
    .game-description .rare-col{
        display: block;
        vertical-align: middle;
    }
    .game-description .rare-col.img-col{
        display: block;
    }
    .game-symbols.heroes-large-spin .item{
        width: 50%;
        max-width: 210px;
    }
    .game-symbols.heroes-large-spin .item img{
        margin: 0 auto;
    }
    .gallery-slider .swiper-slide{
        height: 65vw !important;
        min-height: 320px;
    }
    /*Redesign*/
    #first-screen-box .logo-col{
        padding-right: 12px;
    }
    #first-screen-box .logo-col svg{
        width: 180px;
        height: 181px;
    }
    #first-screen-box .text-col{
        padding-left: 12px;
    }
    #first-screen-box h1{
        font-size: 64px;
    }
    #first-screen-box .sub-text{
        font-size: 44px;
    }
    /* game external slider */
    .game-external-slider .images.characters{
        flex-wrap: wrap;
    }
    .game-external-slider .images.characters .img{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }
    .popup .video-col{
        position: static;
    }
    #symbols-popup .popup-slider .img{
        margin: 0 auto;
    }
    #symbols-popup .popup-slider .img img{
        margin: 0;
    }
    #characters-popup .popup-slider .img{
        max-height: 600px;
    }
    #characters-popup .popup-slider .img img{
        margin: 0 auto;
        max-height: 600px;
    }
    #characters-popup .swiper-slide.messenger .img{
        margin-top: -90px;
    }
    .popup-slider .swiper-btn{
        top: 28%;
    }
    .popup-slider .sub-title{
        font-size: 30px;
    }
    .gallery-slider .swiper-slide{
        width: 100%;
    }
    .no-touch .gallery-slider .swiper-slide{
        width: 100%;
    }
    /* Footer */
    #footer .container{
        padding-top: 36px;
    }
    #footer .address-col{
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
    }
    #footer .address-col .logo{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    #footer .address-col .logo img{
        margin: 0;
    }
    #footer .address-col .client-area{
        margin-bottom: 35px;
    }
    #footer .address-col .address-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #footer .address-col .address-box .title{
        width: 100%;
        margin: 0 0 30px;
    }
    #footer .address-col address{
        text-align: left;
        width: calc(50% - 60px);
        margin-bottom: 20px;
    }
    #footer .address-col .copy{
        display: none;
    }
    #footer .licences-col{
        max-width: 100%;
        margin-bottom: 35px;
    }
    #footer .licences-col .title{
        margin-top: 0;
        margin-bottom: 25px;
        text-align: center;
    }
    #footer .licences-col .links-box{
        flex-wrap: nowrap;
    }
    #footer .contacts-col{
        max-width: 100%;
        margin-left: 0;
        display: flex;
        flex-direction: column;
    }
    #footer .col-18plus{
        position: absolute;
        top: 36px;
        right: 15px;
        margin: 0;
    }
    #footer .col-18plus img{
        margin: 0;
    }
    #footer .licences-col .links-box a:not(:last-child){
        margin-right: 20px;
    }
    .last-games-box .item .btn-box{
        padding: 0 24px;
    }
    #footer .footer-wrapper .title{
        width: 100%;
        text-align: center;
        margin-top: 0 !important;
    }
    #footer .contacts-col .social-links{
        margin-top: 0;
        order: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    #footer .contacts-col .social-links .links{
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 360px;
        width: 100%;
        margin-left: 0;
    }
    #footer .contacts-col .social-links a{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin: 0 4px;
        border-radius: 110%;
        border: 1px solid #ed0013;
    }
    .social-links a:before, .social-links a:after{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #footer .contacts-col .contact-us{
        order: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    #footer .contacts-col .copy{
        display: block;
        text-align: center;
        margin: 0;
        order: 4;
    }
    #footer .contacts-col .legal{
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    .ftr-logos-box{
        margin: 42px auto 24px;
    }


    .games-box-characters .deadly-five-box{
        height: calc(100% - 3vw);
    }
    .games-box-characters .deadly-five-cntr-box{
        left: 4%;
    }
    .deadly-five-bg-els, .games-box-characters .deadly-five-left, .games-box-characters .deadly-five-right{
        display: none;
    }
    .games-box-characters .space-stacks-box{
        height: calc(100% - 6vw);
        max-width: 100%;
    }
}
@media screen and (max-width: 780px) and (orientation: landscape){
    .games-box-characters .deadly-five-cntr-box{
        left: 0;
    }
}
@media screen and (min-width: 781px){
    section:not(.visible) .our-features-grid .img-box .race-reels-road{
        opacity: 0;
    }
    section:not(.visible) .our-features-grid .race-reels-symbol{
        transform: translateY(100vh);
    }
}
@media screen and (max-width: 780px){
    /*Team list*/
    .team-list .item{
        width: 50%;
        padding-bottom: 50%;
    }
    .team-list .item.empty .img{
        background-size: 42% auto;
    }
    /*Careers search*/
    .careers-search{
        margin: -13px auto 30px;
    }
    .careers-search .btn{
        width: 140px;
    }
    .careers-search .select-box{
        width: calc((100% - 170px) / 2);
    }
    /*Redesign*/
    .logo-bg-layer{
        top: -6%;
    }
    .logo-bg-layer .scaled-layer{
        transform: scale(.6);
    }
    .logo-bg-layer .scaled-layer .bg{
        left: calc(100% - 2px);
    }
    /*Page title box*/
    .page-title-box{
        font-size: 26px;
    }
    .page-title-box h1, #games-main-screen h1{
        line-height: 1.1em;
        margin: 0 0 24px;
    }
    .responsible-gaming-page .page-title-box h1, .licenses-page .page-title-box h1{
        font-size: 64px;
    }
    /*Licences box*/
    .licences-box .scroll-tbl{
        margin: 32px auto 64px;
    }
    .licences-logos{
        margin-top: 64px;
    }
    /*Advantages*/
    .advantages .item{
        font-size: 17px;
        line-height: 1.45em;
    }
    /*Our story*/
    .our-story{
        padding: 27px 0 72px;
        margin: 72px 0 40px;
    }
    /*Team-list*/
    .team-list-box{
        margin: 0 0 100px;
    }



    .our-features-section.multiple-view{
        padding: 20px 0 90px;
    }
    /*Games main screen*/
    #games-main-screen .align-b{
        padding: 72px 24px 0;
    }
    #games-main-screen:after{
        height: 120px;
    }
    #games-main-screen .animated-characters .lights-bg{
        background-size: 780px auto;
        background-position: 50% 100%;
    }

    #games-box{
        padding: 72px 24px 0;
    }
    .games-box-characters .big-bamboo-box{
        height: calc(100% - 5vw);
    }

    .games-box-characters .nightfall-box{
        height: calc(100% - 3vw);
    }

    .games-box-characters .bison-cntr{
        height: calc(100% - 10px);
        width: 100%;
        max-width: none;
        min-width: 136%;
    }
    /*Game description v2*/
    .game-description-v2{
        /*box-shadow: 0 0 64px rgba(9, 9, 11, .38);*/
    }
    .game-slider .swiper-slide{
        padding-top: 0;
    }
    .vertical-view .game-description-grid .slider-col, .horizontal-view .game-description-grid .slider-col{
        width: 100%;
        padding-right: 0;
    }
    .game-description-v2 .game-slider-box{
        padding: 0;
    }
    .game-description-grid .swiper-btn{
        display: none;
    }
    .game-description-grid .slider-col{
        justify-content: center;
    }
    .game-slider .img-text-grid{
        justify-content: center;
    }
    .game-slider .img-text-grid .text{
        width: 80%;
        margin-bottom: 30px;
    }
    .game-features{
        margin-bottom: 30px;
    }
    .game-features .item{
        font-size: 16px;
        padding: 0 8px;
    }
    .game-features .value{
        font-size: 24px;
    }
    /*jobs-embed style*/
    .BambooHR-ATS-board{
        margin: 100px auto;
    }
    .BambooHR-ATS-Location{
        margin: 10px 0 0;
    }
    /*Team-list*/
    .team-list{
        margin: 64px 0 0;
    }
    /*Logos-box*/
    .logos-box{
        margin: 64px 0 0;
    }
    /*Licensed box*/
    .licensed-box{
        margin: 64px 0 54px;
    }
    /*Articles list*/
    .articles-list{
        margin: 0 -12px -1px;
    }
    .articles-list .item{
        padding: 0 12px;
    }
    #games-main-screen .main-img{
        bottom: 0;
    }
    #games-main-screen .main-img img{
        max-width: 110%;
    }

    .games-box-characters .deadly-five-box{
        height: 100%;
        width: 170%;
        max-width: 170%;
    }

    .games-box-characters .space-stacks-box{
        height: calc(100% - 2vw);
    }


    /*Our features*/
    .our-features-section{
        padding: 100px 0;
    }
    .race-reels-feature .our-features-section{
        padding: 100px 0 140px;
    }
    .push-up-feature .our-features-section{
        padding: 100px 0 60px;
    }
    .our-features-grid{
        display: block;
        font-size: 20px;
    }
    .our-features-grid .description-box{
        width: 100%;
        padding: 0;
    }
    .our-features-grid .logo-box{
        max-width: 500px;
        width: 80%;
    }
    .our-features-grid .img-box{
        width:90%;
        max-width: 480px;
        margin: 64px auto 0;
        padding: 0;
    }
    .reel-bets-feature .our-features-grid .img-box, .race-reels-feature .our-features-grid .img-box{
        width: 80%;
        max-width: 340px;
        margin: 40px auto 0;
        padding: 0;
    }
    .reel-bets-feature .our-features-grid .img-box{
        max-width: 480px;
    }

    .our-features-grid .img-box:not(.visible) .race-reels-road{
        opacity: 0;
        transition-delay: 0s;
    }
    .our-features-grid .race-reels-symbol{
        transition: transform .75s ease .2s;
    }
    .our-features-grid .img-box:not(.visible) .race-reels-symbol{
        transform: translateY(100vh);
    }
    .our-features-grid .race-reels-symbol2{
        transition-delay: .3s;
    }
    .our-features-grid .race-reels-symbol3{
        transition-delay: .35s;
    }


    .push-up-feature .our-features-grid .img-box{
        width: 100%;
        max-width: 540px;
        margin: -24px auto 0;
        padding: 0;
    }
    .our-features-grid .img-box .push-up-symbol{
        width: 100%;
        margin: 0 auto;
    }

    .our-features-grid .push-up-symbol2{
        width: 46.71857619577308%;
        right: -8.6%;
    }




    .our-features-video-section{
        padding: 100px 0;
    }
    /*Footer*/
    #footer .sub-text{
        margin-top: 54px;
    }
    .copy-box{
        text-align: center;
        margin: 54px auto 0;
    }
    #footer .privacy-policy, #footer.has-age-limit .privacy-policy{
        position: relative;
        left: auto;
        bottom: 0;
        width: auto;
        margin: 0;
    }
    #footer .logo{
        margin-bottom: 32px;
    }
    #footer .logo a{
        max-width: 40%;
    }
    .no-result-text{
        margin-left: 12px !important;
    }
}
@media screen and (max-width: 767px){
    /*Main*/
    main{
        padding-bottom: 40px;
    }
    /*Logos box*/
    .logos-box .item{
        width: 33.333333%;
    }
    /*Last games box*/
    .last-games-box .item{
        width: 100%;
        min-height: 330px;
        padding: 32px;
    }
    .last-games-box .item p:not(.title){
        min-height: 0;
    }
    /*Other games*/
    .touch .other-games .btn{
        visibility: visible;
        opacity: 1;
    }
    /* jammin jars page */
    .jammin-jars-page h1{
        font-size: 11.7vw;
    }
    .jammin-jars-page h1 span{
        font-size: 22px;
    }

    .licences-logos .img{
        margin: 0 30px 48px;
        max-width: calc(50% - 60px);
    }


    .games-box-characters .fat-banker-box{
        height: calc(100% - 2vw);
    }
    .games-box-characters .fat-banker-left, .games-box-characters .fat-banker-right{
        display: none;
    }

    .games-box-characters .mad-cars-box{
        height: calc(100% - 1.5vw);
    }



}
@media screen and (max-width: 740px){
    .standart-android .scroll-tbl table{
        width: 640px;
        table-layout: fixed;
    }
    /*Redesign*/
    .responsible-gaming-page .page-title-box{
        margin-bottom: 64px;
    }
    .licenses-page .page-title-box{
        margin-bottom: 64px;
    }
    /*Two-col plates box*/
    .two-col-plates-box .img{
        width: 45%;
        padding: 0 25px 0 20px;
    }
    /*V2*/
    .game-slider .img-text-grid .text{
        font-size: 18px;
    }
    .game-features{
        justify-content: center;
        max-width: 100%;
        margin: 0 auto 32px;
    }
    .game-features .item{
        width: 50%;
        font-size: 18px;
        margin: 0 0 32px;
    }
    .game-features .item .value br{
        display: none;
    }
    .game-features .other-icon img{
        margin-bottom: -25px;
        transform: scale(.8);
    }
    .game-features .item:nth-child(odd) .tooltip{
        left: 0;
    }
    .game-features .item:nth-child(even) .tooltip{
        left: auto;
        right: 0;
    }
    /*Tabs*/
    .tabs-box.accordion-mobile{
        border-bottom: 1px solid rgba(0, 0, 0, .2);
    }
    .accordion-mobile .tabs-nav{
        display: none;
    }
    .accordion-mobile .tabs-content .tabs-nav-item{
        display: block;
        line-height: 1.4em;
        padding: 18px 48px 18px 0;
        border-top: 1px solid rgba(0, 0, 0, .2);
    }
    .tabs-nav-item.active{
        font-weight: 300;
        cursor: pointer;
    }
    .tabs-content .tabs-nav-item .cross{
        position: absolute;
        top: 20px;
        right: 0;
        width: 25px;
        height: 25px;
    }
    .tabs-content .tabs-nav-item .cross:before, .tabs-content .tabs-nav-item .cross:after{
        content: '';
        position: absolute;
        left: 12px;
        top: 0;
        width: 1px;
        height: 100%;
        background: #19171c;
    }
    .tabs-content .tabs-nav-item .cross:after{
        content: '';
        position: absolute;
        left: 0;
        top: 12px;
        height: 1px;
        width: 100%;
    }
    .tabs-content .tabs-nav-item.active .cross:before{
        display: none;
    }
    .tabs-content .tab{
        padding: 8px 0 24px;
    }
    .tabs-content .title{
        font-size: 20px;
    }
}
@media screen and (max-width: 720px){
    /*Dark-box*/
    .dark-box{
        margin-bottom: 75px;
    }
    /*Redesign*/
    /*Logo bg layer*/
    .logo-bg-layer .scaled-layer .bg:after{
        top: calc(100% - 28px);
    }
    /*First screen box*/
    #first-screen-box .animate-box{
        display: block;
    }
    #first-screen-box .logo-col{
        text-align: center;
        padding: 0;
        margin: 0 0 24px;
    }
    #first-screen-box .logo-col svg{
        transform: scale(1.5) translate3d(0, 15%, 0);
        width: 180px;
        height: 181px;
    }
    #first-screen-box .text-col{
        text-align: center;
        padding: 0;
        margin: 0 auto;
    }
    #first-screen-box h1{
        text-align: center;
        transform: translate3d(0, -110%, 0);
    }
    #first-screen-box .sub-text span{
        transform: translate3d(0, -110%, 0);
    }
    /*Our values*/
    .our-values-grid .item{
        font-size: 18px;
        margin: 0 0 40px;
        padding: 0 16px;
    }
    .our-values-grid .img-box{
        margin: 0 0 40px;
        padding: 0 5%;
    }
    .our-values-grid .title{
        font-size: 26px;
        line-height: 1.25em;
        margin: 0 0 6px;
    }
    /*Push in numbers*/
    .in-numbers-grid .item{
        font-size: 18px;
    }
    .in-numbers-grid .title{
        font-size: 26px;
        line-height: 1.25em;
        margin: 0 0 20px;
    }
    .top-page-box .links-box{
        /* max-width: 480px; */
    }
    .top-page-box .links-box .btn{
        /* font-size: 18px;
		width: 220px; */
    }
}
@media screen and (max-width: 700px){
    .our-teams-love .items{
        margin: 0;
    }
    .our-teams-love .items .item{
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }
    .our-teams-love .items .item .text-box{
        min-height: 200px;
    }
    .BambooHR-ATS-board .filter-box .item{
        margin-left: 20px;
    }
    .BambooHR-ATS-board .js-open-filter-dropdown{
        font-size: 17px;
    }
    .BambooHR-ATS-board .filter-box .dropdown-box{
        padding: 20px 20px 10px;
    }
    .BambooHR-ATS-board .filter-box .dropdown-item{
        font-size: 16px;
        margin-bottom: 15px;
        white-space: normal;
    }
    .BambooHR-ATS-board .filter-box img{
        width: 20px;
    }
    .BambooHR-ATS-board .filter-box .item.active .dropdown-box.departmens-box{
        transform: translateX(50%);
    }
}
@media screen and (max-width: 670px){
    /*Sub box*/
    .sub-box, .play-game-box{
        padding: 54px 0;
    }
    /*Careers search*/
    .careers-search .form .btn{
        width: 100%;
        max-width: 240px;
        margin: 24px auto 0;
    }
    .careers-search .select-box{
        width: calc(50% - 8px);
    }
    /*Redesign*/
    /*Licensed box*/
    .licensed-box{
        margin: 32px 0;
    }
    /*Articles list*/
    .articles-list .item h3{
        font-size: 20px;
        margin-bottom: 16px;
    }


    .our-features-section.multiple-view{
        padding-top: 40px;
    }
    .features-logo-slider{
        width: auto;
        max-width: none;
        margin: 0 -16px 40px;
    }
    .features-logo-slider .swiper-slide{
        padding: 0;
    }
    .features-logo-slider .slider-arrows{
        display: none;
    }
    .features-logo-slider .swiper-pagination{
        display: flex;
        margin: 24px 0 0;
    }


    .our-features-video-section.multiple-view{
        padding: 48px 0 64px;
    }
    .features-game-links{
        display: block;
        margin: 0 0 40px;
    }
    .features-game-links .feature-game-link{
        display: table;
        margin: 0 auto 32px;
    }
    .features-game-links .feature-game-link:not(:last-child):after{
        right: auto;
        left: 50%;
        top: calc(100% + 17px);
        width: 32px;
        height: 1px;
        margin: 0 0 0 -16px;
    }

    .teamtailor-jobs__job-title{
        font-size: 20px;
    }
}
@media screen and (max-width: 650px){
    .we-are .grid .col{
        width: 100%;
    }


}
@media screen and (min-width: 641px){
    .game-slider .h2{
        font-size: 45px;
    }
}
@media screen and (max-width: 649px){
    .games-box-characters .nightfall-clouds{
        display: block;
    }
}
@media screen and (max-width: 640px){
    /*Form styles*/
    form .field-name{
        display: block;
        text-align: left;
        width: 100%;
        padding-right: 0;
        margin: 0 0 4px;
    }
    .form-control{
        display: block;
        width: 100%;
    }
    .form .btn{
        margin-left: 0;
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }
    .play-form .thanks{
        margin-left: 0;
    }
    .form .field-hint{
        margin-left: 0;
    }

    .form .btn-select-box{
        margin: 0;
    }
    /*Type file*/
    .fileinput-wrapper{
        margin: -2px 0 15px;
    }
    .responsible-gaming-page .page-title-box h1, .licenses-page .page-title-box h1{
        font-size: 56px;
    }
    /*Advantages*/
    .advantages-box{
        padding: 60px 0 72px;
    }
    .advantages .item{
        width: 100%;
    }
    .advantages .item:last-child{
        margin-bottom: 0;
    }
    .advantages .img{
        height: auto !important;
    }
    /*Thinking box*/
    .thinking-box .text-col{
        padding: 72px 0 62px;
    }
    .thinking-box .img-col{
        justify-content: center;
    }
    .thinking-box .img-col .animated-box{
        max-width: 100%;
    }
    /*Three column list*/
    .three-col-box{
        margin: 63px 0 0;
    }
    .three-col-box .item{
        width: 100%;
        padding: 0;
        max-width: 480px;
    }
    /*Team-list*/
    .team-list .item.empty .img{
        background-size: 39% auto;
    }
    /*Content video*/
    .content-video .play-video-btn{
        width: 70px;
        height: 70px;
        margin: -35px 0 0 -35px;
    }
    .want-to-work .form{
        max-width: 462px;
    }
    /*Popup*/
    .overlay .popup .container{
        margin: 70px auto 50px;
    }
    .popup .play-form{
        transform: none;
    }
    /*Contacts*/
    .form-box .sub-indent, .want-to-work .sub-indent{
        padding-right: 0;
    }
    /*Form box*/
    .form-box{
        padding: 70px 0 60px;
    }
    /*Full age confirm*/
    #full-age-confirm{
        padding: 54px 16px 54px;
    }
    #full-age-confirm-box .form-wrap{
        margin-left: 0;
    }
    #full-age-confirm-box .prompting-message{
        font-size: 22px;
        padding: 9px 16px 11px;
    }

    #full-age-confirm .btns-grid{
        gap: 16px;
        margin: 32px 0 0;
    }
    #full-age-confirm .btns-grid .btn{
        width: calc(50% - 8px);
    }
    /*Radio and Checkboxes*/
    .checkbox-item{
        margin: 0 0 12px 0;
    }
    /*Policy popup*/
    .policy-link{
        width: 100%;
        margin: 8px 0 0 0;
    }
    /*Applications box*/
    .shadow-box + .applications-box{
        padding: 60px 0;
    }
    .use-cookies .max-w{
        flex-direction: column;
    }
    .use-cookies .max-w .btn{
        margin: 15px auto 0 auto;
        max-width: 146px;
    }
    .use-cookies .max-w p{
        text-align: center;
    }
    /*Redesign*/
    h2, .h2{
        font-size: 40px;
    }
    /*First screen*/
    #first-screen-box h1{
        font-size: 58px;
    }
    #first-screen-box .sub-text{
        font-size: 40px;
    }
    /*Careers box*/
    .careers-box{
        margin-bottom: 100px;
    }
    .careers-box .intro{
        margin-bottom: 40px;
    }
    /*Page title box*/
    .page-title-box{
        font-size: 24px;
    }
    .page-title-box .wide-container{
        padding: 0 32px;
    }
    .page-title-box.full-screen .align-m{
        padding: 80px 0 64px;
    }
    .page-title-box .align-m{
        padding: 110px 0 80px;
    }
    .page-title-box h1, #games-main-screen h1{
        font-size: 64px;
    }
    /*Game description v2*/
    /*.game-slider .h2{
		display: block;
		}
	.game-slider .img-text-grid .text .h2{
		display: none;
		}*/
    /*V2*/
    /* .game-slider .img-text-grid {
		display: flex;
	}
	.game-slider .img-text-grid .img{
		width: 100%;
		max-width: 220px;
		margin: 0 auto 32px;
		} */
    /* .game-slider .img-text-grid .text{
		width: 100%;
		font-size: 17px;
		padding: 0;
		max-width: 400px;
		margin: 0 auto;
		} */
    .game-slider .img-text-grid{
        padding: 0 15px;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
    .game-slider .img-text-grid .text{
        padding: 0;
    }
    /*Work with us*/
    .work-with-us .title{
        font-size: 40px;
    }
    /*Careers list*/
    .BambooHR-ATS-board h2{
        font-size: 40px !important;
    }

    .teamtailor-box h2{
        font-size: 40px;
    }
    /*Redesign*/
    main h1{
        font-size: 42px;
    }
    /*About page*/
    .about-page h2 + .intro, .about-page .h2 + .intro{
        margin: 32px auto 28px;
    }
    /*Our values*/
    .our-values{
        padding: 64px 0 70px;
    }
    /*Push in numbers*/
    .push-in-numbers{
        padding: 64px 0 70px;
    }
    /*We work*/
    .we-work{
        padding: 64px 0 70px;
    }
    .logos-slider{
        margin-top: 40px;
    }
    /*Social responsibility*/
    .social-responsibility{
        padding: 64px 0 70px;
    }
    /*Latest posts box*/
    .latest-posts-box{
        margin: 62px 0 110px;
    }
    /*Games main screen*/
    #games-main-screen .jackpots-bg{
        margin: 18vh 0 0;
    }
    #games-main-screen .jackpots-bg img{
        max-width: 90%;
        width: 280px;
    }
}
/* game external slider */
.game-external-slider .text .h2{
    font-size: 40px;
}
.game-external-slider .text p:not([class]){
    font-size: 17px;
}
@media screen and (max-width: 620px){
    /*Two-col box*/
    .two-col-box{
        margin: 61px auto 60px;
    }
    .two-col-box .text-col{
        width: 100%;
        padding: 10px 0 0;
    }
    .two-col-box .img-col.has-indent{
        padding: 0 0 50px;
    }
    /*V2*/
    .game-slider .img-text-grid .text{
        font-size: 17px;
    }
    .game-slider .img-text-grid .text p{
        margin: 14px 0;
    }
    /*Our values*/
    .our-values-grid .item{
        width: 100%;
        max-width: 400px;
        margin: 0 auto 40px;
        padding: 0;
    }
    .our-values-grid .img-box{
        margin: 0 auto 40px;
        padding: 0 5%;
        max-width: 320px;
    }
    /*Push in numbers*/
    .in-numbers-grid{
        margin-top: 48px;
    }
    .in-numbers-grid .item{
        width: 100%;
        padding: 0;
    }
    .in-numbers-grid p:not(.title){
        max-width: 380px;
    }
    .in-numbers-grid .counter-box{
        font-size: 94px;
    }
    .in-numbers-grid .counter-img{
        left: -25px;
        max-width: 45px;
    }
    /*Tabs box*/
    .tabs-content p{
        margin: 24px 0;
    }
    .tabs-content .title{
        margin: 32px 0 24px;
    }
    .tabs-content .special-list{
        margin: 24px 0;
    }
    p + .special-list.download-list{
        margin-top: -16px;
    }
    .tabs-content .special-list li{
        margin: 0 0 24px;
    }
    /*Licenses box*/
    .licences-box p{
        margin-top: 24px;
        margin-bottom: 24px;
    }
    /*Licences box*/
    .licences-box .scroll-tbl{
        margin: 24px auto 54px;
    }
    .licences-logos{
        margin-top: 54px;
    }
}
@media screen and (max-width: 600px){
    .game-external-slider .images.symbols{
        min-height: 200px;
    }
    .game-external-slider .images{
        margin-top: 30px;
    }
    .popup-slider .sub-title{
        font-size: 25px;
    }
    .popup-slider .text{
        font-size: 18px;
    }
    #symbols-popup .popup-slider .img{
        max-width: 250px;
        max-height: 250px;
        width: 100%;
        height: 100%;
    }
    .popup-slider .swiper-btn{
        width: 30px;
        height: 50px;
    }
    #characters-popup .popup-slider .img img{
        max-height: 400px;
    }
    #characters-popup .swiper-slide.magister .img{
        margin-top: -50px;
    }
    #characters-popup .swiper-slide.messenger .img{
        margin-top: -60px;
    }
    /* gallery */
    .photo-gallery-box{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .photo-gallery .item{
        padding: 0 5px;
        margin-bottom: 10px;
    }
    /* comments box */
    .main-content-box .comments-box .top-wrap .comments-title{
        font-size: 20px;
    }
    .main-content-box .comments-box .author{
        font-size: 15px;
        margin: 0 10px 0 0;
    }
    .main-content-box .comments-box .time{
        font-size: 11px;
    }
    .comment-answers .comment-item{
        padding-left: 30px;
    }
    .reply-comment{
        margin-top: 10px;
    }
    .add-comments-box .fields-wrap{
        flex-wrap: wrap;
        margin: 0;
    }
    .add-comments-box .fields-wrap .field{
        width: 100%;
        margin: 0 0 16px;
    }
    .main-content-box .comments-box .btn{
        font-size: 13px;
        padding: 6px 15px;
    }
    /* popup */
    .overlay .popup.game-popup{
        padding: 30px 16px;
    }
    .overlay .popup.game-popup .logo{
        margin-bottom: 50px;
    }
    .overlay .popup.game-popup .title{
        font-size: 25px;
        margin-bottom: 50px;
    }
    .overlay .popup.game-popup .close{
        top: 20px;
        right: 20px;
    }
    .we-are .question{
        font-size: 20px !important;
    }
    .we-are .question a{
        white-space: nowrap;
    }
    .last-games-box .item .title{
        padding-bottom: 7px;
        margin-bottom: 7px;
    }
    .how-we-work .grid{
        margin-top: 50px;
    }
    .how-we-work .grid .item{
        width: 100%;
    }
    .we-are .question{
        text-transform: uppercase;
        margin-top: 50px !important;
    }
    .our-culture .before-title-text::before{
        left: -25px;
        top: -60px;
        width: 200px;
        height: 200px;
    }
    #games-main-screen .main-img img{
        max-width: 190%;
        margin-left: -41%;
    }
    #games-main-screen .left-img{
        width: 60%;
        bottom: auto;
        top: 20%;
    }
    #games-main-screen .right-img{
        right: -100%;
    }
    .page-load #games-main-screen .right-img{
        right: 0 !important;
    }
    #games-main-screen .right-img{
        width: 40%;
        bottom: auto;
        top: 17%;
    }

    .games-box-characters .mad-cars-left, .games-box-characters .mad-cars-right{
        display: none;
    }
}
@media screen and (max-width: 590px){
    .col-text{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        margin: 25px 0;
    }
    /*Timeline anchors*/
    .timeline-anchors{
        margin: 0 0 66px;
    }
    /*jobs-embed style*/
    .BambooHR-ATS-Location{
        text-align: right;
    }
    /*Articles list*/
    .articles-list{
        margin: 0 0 -1px;
    }
    .articles-list .item{
        width: 100%;
        padding: 0;
    }
    /*Latest posts box*/
    .latest-posts-box .articles-list{
        margin: 0 auto;
    }
    .latest-posts-box .articles-list .item{
        width: 100%;
        max-width: 478px;
        margin: 0 auto 48px;
        padding: 0;
    }
    .latest-posts-box .articles-list .img-box{
        margin: 0 0 24px;
    }
    .latest-posts-box .articles-list .sub-line{
        padding-top: 20px;
    }
    /*Footer*/
    .copy-box{
        padding: 0;
    }
    .copy-box .copy{
        float: none;
        margin: 32px 0 0;
    }
    .download-logo{
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 0 0 25px;
    }
    .download-logo:before{
        top: 1px;
    }
    #footer .begamble-link{
        float: none;
        margin: 0;
    }
    /*Redesign*/
    /*Top screen*/
    #top-screen .align-m{
        padding: 90px 15px 72px;
    }
    main h1{
        font-size: 38px;
        margin-bottom: 18px;
    }
    .no-result-text{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}
@media screen and (max-width: 569px){
    .page-title-box .btn.largest-btn{
        margin: 8px auto 0;
    }

    .responsible-gaming-page main{
        padding-bottom: 64px;
    }
    .career-inner-page .top-page-box .container{
        padding: 80px 20px 54px;
        align-items: flex-end;
    }
    .career-inner-page .top-page-box .title{
        margin-bottom: 32px;
        text-align: center;
    }
    .career-inner-page .top-page-box .title br{
        display: none;
    }
    .career-inner-page .top-page-box.join-our-team .title br{
        display: inline-block;
    }
    .career-inner-page .top-page-box .title br.mob-br{
        display: inline-block;
    }
    .top-page-box .links-box{
        display: block;
        max-width: 330px !important;
        justify-content: center;
        margin: 0 auto;
    }
    .top-page-box .links-box .btn{
        display: block;
        margin: 0 auto 24px;
        font-size: 25px;
        max-width: 100%;
        width: 100%;
    }
    .top-page-box .links-box .btn:last-child{
        margin-bottom: 0;
    }
    .career-inner-page .top-page-box::after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        background: url(../i/bg-top-el.png) no-repeat;
        background-size: cover;
        z-index: 1;
    }
    /*Features main screen*/
    .features-main-screen .container{
        align-items: flex-start;
    }
    .features-main-screen h1{
        text-align: center;
    }
    .features-main-screen .character{
        width: 150vw;
        margin: 0 0 0 -10vw;
        bottom: 0;
    }

    .features-main-screen .character img{
        max-height: calc(100vh - 230px);
        max-width: 100%;
        margin: 0 auto;
    }

    .reel-bets-feature .features-main-screen .character{
        width: 100vw;
        margin: 0 auto;
    }
    .reel-bets-feature .features-main-screen .character img{
        max-height: calc(100vh - 230px);
    }

    .race-reels-feature .features-main-screen .character{
        width: 140vw;
        margin: 0 0 0 -20vw;
    }
    .race-reels-feature .features-main-screen .character img{
        max-height: 100vh;
        margin: 0;
    }

    .push-up-feature .features-main-screen .character{
        left: -2.5vw;
        width: 100vw;
        margin: 0 auto;
    }
    .push-up-feature .features-main-screen .character img{
        max-height: calc(100vh - 240px);
        margin: 0 auto;
    }

    .cluster-link-feature .features-main-screen .character{
        width: 130vw;
        margin-left: -3vw;
    }
}
@media screen and (min-width: 981px){
    /* .game-slider .swiper-wrapper{
		height: 100% !important;
		} */
}
@media screen and (max-width: 600px){
    .jammin-jars-page form{
        padding: 30px 15px;
    }
    .jammin-jars-page .delivery-address-box{
        display: flex;
        flex-direction: column;
    }
    .jammin-jars-page .field-wrap{
        flex-direction: column;
        margin: 0;
    }
    .jammin-jars-page .field-wrap .field{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .jammin-jars-page .field{
        margin-bottom: 23px;
    }
    .jammin-jars-page a.btn{
        padding: 15px 25px;
        font-size: 14px;
    }
    .jammin-jars-page .info-text{
        margin: 35px 0 30px;
    }
    .jammin-jars-page .radio-group{
        flex-direction: column;
        align-items: start;
    }
    .bamboo-box.no-indent{
        padding: 50px 0 100px !important;
    }
    .BambooHR-ATS-board .BambooHR-ATS-Department-List > li{
        padding: 10px 0 5px;
    }
}
@media screen and (max-width: 597px){
    /*Games main screen*/
    .games-box-characters .big-bamboo-box{
        width: 100%;
        max-width: 200%;
        min-width: 780px;
    }
    .games-box-characters .big-bamboo-cntr-box{
        left: -6%;
    }
    .big-bamboo-leaves.leaves-left{
        left: -17%;
    }
}
@media screen and (max-width: 540px){
    .img.lft, img.lft, .img.rght, img.rght{
        margin: 20px auto;
        max-width: 100%;
        float: none;
    }
    p .img.lft, p img.lft, p .img.rght, p img.rght{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /*Redesign*/
    /*First screen*/
    #first-screen-box h1{
        font-size: 54px;
    }
    #first-screen-box .sub-text{
        font-size: 36px;
    }
    /*Games main screen*/
    #games-main-screen .max-w{
        text-align: center;
    }
    #games-main-screen .animated-characters{
        padding: 0 3% 0 0;
        margin: 0 -7%;
        max-width: none;
        width: auto;
    }
    /* #games-main-screen .animated-characters img:nth-child(1){
		left: 1.5%;
		} */
    #games-main-screen .sub-text{
        overflow: visible;
    }
    #games-main-screen .sub-text span{
        opacity: 0;
        transform: translateY(100%);
        transition: transform 1s ease .2s, opacity 1s ease .2s;
    }

    #games-main-screen h1{
        font-size: 12vw;
    }

    .game-features .item{
        font-size: 16px;
    }
    /*Box title*/
    .box-title{
        font-size: 26px;
        padding: 24px 0 22px;
    }
    /*Licenses box*/
    .licences-logos{
        margin-left: -16px;
        margin-right: -16px;
    }
    .licences-logos .img{
        margin: 0 16px 32px;
        max-width: calc(50% - 32px);
    }
    /*Contacts*/
    .contacts{
        margin-bottom: 80px;
        padding: 40px 16px 40px 20px;
    }
    .contacts p{
        margin: 0 0 32px;
    }
    .contacts .info{
        margin: 0 0 40px;
    }
    .contacts .col{
        display: block;
    }
    .contacts .col .location{
        padding-right: 0;
    }
    .want-to-work h2{
        margin: 0 0 40px;
    }

    .contacts .mail + .mail{
        margin-top: -20px;
    }
    .locations-box{
        display: block;
    }
    .locations-box p{
        width: 100%;
    }
    .locations-box .location + .location{
        margin-top: -20px;
    }

    .games-box-characters .space-stacks-box{
        height: calc(100% - 16vw);
    }
    .games-box-characters .space-stacks-cntr-box{
        padding-bottom: 8vw;
    }


    .teamtailor-box h2{
        margin-bottom: 56px;
    }
    .teamtailor-jobs__job{
        display: block;
        margin: 0 0 16px !important;
        padding-bottom: 12px;
    }
    .teamtailor-jobs__job-title{
        font-size: 18px;
        line-height: 1.4em;
    }
    .teamtailor-jobs__job-info{
        font-size: 16px;
        text-align: left;
        width: 100%;
        margin: 8px 0 0;
    }
}
@media screen and (max-width: 520px){
    .licenses-page .page-title-box h1{
        font-size: 53px;
    }
    /*Two-col plates box*/
    .two-col-plates-box .item{
        display: block;
        height: auto !important;
    }
    .two-col-plates-box .img{
        padding: 24px 15px 0;
        margin: 0;
        display: block !important;
        width: 100%;
    }
    .two-col-plates-box .content{
        padding: 24px 16px;
        display: block;
        height: auto !important;
    }
    /*Careers list*/
    .two-col-plates-box.careers-list{
        margin: 0 0 -30px;
    }
    .two-col-plates-box.careers-list .col{
        margin-bottom: 40px;
    }
    .two-col-plates-box.careers-list .content{
        padding: 34px 0 24px;
    }
    .two-col-plates-box .item .sub-text{
        margin-top: 0;
    }
    .two-col-plates-box.careers-list .item{
        /*border: none !important;*/
    }
    /*Full age confirm*/
    #full-age-confirm-box{
        font-size: 18px;
    }
    #full-age-confirm-box .prompting-message{
        font-size: 18px;
        padding: 9px 16px 11px;
    }
    /*Careers search*/
    .careers-search{
        margin: -13px auto 50px;
        padding: 0 15px 50px;
    }
    .careers-search .form{
        max-width: 360px;
        margin: 0 auto;
    }
    .careers-search .form .btn{
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }
    .careers-search .select-box{
        width: 100%;
        margin: 0 0 20px;
    }
    /*Redesign*/
    body{
        font-size: 18px;
    }
    .special-list li{
        padding-left: 30px;
        background-position: 0 14px;
        background-size: 8px auto;
    }
    .inline-logos{
        padding-left: 30px;
    }
    /*Logos box*/
    .logos-box .item{
        width: 50%;
        padding: 0 15px;
    }
    /*Game description*/
    .game-description .content{
        font-size: 18px;
    }


    .our-features-section.multiple-view{
        padding-top: 32px;
    }
    .features-logo-slider{

        margin: 0 -16px 32px;
    }
    .features-logo-slider .swiper-slide{
        width: 100%;
        padding: 0;
    }
    .features-logo-slider .swiper-slide img{
        max-width: 65vw;
    }
    .features-logo-slider .swiper-slide a, .features-logo-slider .swiper-slide-active a{
        max-width: 100%;
        transform: none;
        transition: opacity .2s ease;
    }
    .features-logo-slider .swiper-pagination{
        margin: 12px 0 0;
    }

    .features-game-sub-links{
        padding: 32px 0;
        margin: 0 -8px;
    }
    .features-game-sub-links .btn{
        margin: 12px 8px;
    }
    /*Popup*/
    .overlay .popup{
        font-size: 18px;
    }
    .our-culture p:not([class]), .how-we-work p:not([class]), .we-are p:not(.h2){
        font-size: 18px;
        margin: 20px auto;
    }
    .we-are .grid p{
        font-size: 24px !important;
    }
}
@media screen and (max-width: 510px){
    /*Timeline*/
    .timeline-content{
        padding: 0 10px;
    }
    .timeline-content .item{
        width: 300px;
    }
    .timeline-content .item .content{
        font-size: 17px;
        padding: 24px 20px !important;
    }
    .timeline-content .item h3{
        font-size: 20px;
        margin: 0 0 10px;
    }
    /*Team list*/
    .team-list{
        margin: 50px auto 0;
        max-width: 380px;
    }
    .team-list .item{
        width: 100%;
        padding-bottom: 100%;
        display: block;
        margin: 0 0 15px;
    }
    /* game external slider */
    .game-external-slider .images.symbols{
        flex-wrap: wrap;
        justify-content: center;
    }
    .game-external-slider .images.symbols .img{
        width: 125px;
        height: 125px;
        margin-bottom: 10px;
    }
    /* jammin jars page */
    .jj-wrap{
        flex-direction: column;
    }
    .jj-wrap a{
        margin-left: 0;
        margin-top: 20px;
    }
}
@media screen and (max-width: 500px){
    .overlay .popup.game-popup .buttons-wrap{
        flex-direction: column;
    }
    .overlay .popup.game-popup .btn{
        width: 100%;
        margin-bottom: 10px;
    }
    .benefits-box .item{
        font-size: 27px;
    }
    .our-teams-love .text-box .title{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .our-teams-love .text-box .text{
        font-size: 20px;
    }
    .our-teams-love .items .item .text-box{
        padding: 30px 5px;
        min-height: 150px;
    }
    /*Games main screen*/
    .big-bamboo-leaves.leaves-right{
        right: 4%;
        width: 66%;
        max-width: 100%;
    }
}
@media screen and (max-width: 480px){
    .screen-text .thin, h1 .thin{
        margin-top: 0;
    }
    figure{
        margin: 31px -5.5% 27px;
    }
    figure img{
        max-width: 111%;
    }
    figcaption{
        margin-left: 5.5%;
    }
    /*Two col box*/
    .two-col-box .img-col.has-indent{
        padding: 0 0 40px;
    }
    /*Games description*/
    .game-description .chess-grid .rare-img.hockey-img, .game-description .chess-grid .rare-img.humpty-img, .game-description .chess-grid .rare-img.meerkats-img{
        left: 4%;
    }
    .game-description .chess-grid .rare-img.star-img{
        left: 2%;
        top: 15px;
        bottom: -15px;
    }
    .game-description .chess-grid .rare-img.dream-team-img{
        left: -5%;
    }
    .coming-soon{
        font-size: 26px;
    }
    /*Redesign*/
    body{
        font-size: 17px;
    }
    .btn.largest{
        letter-spacing: 1px;
    }
    .special-list li{
        padding-left: 26px;
        background-position: 0 12.5px;
    }
    h1{
        font-size: 44px;
    }
    /*Nav*/
    #nav li{
        font-size: 27px;
    }
    /*First screen*/
    #first-screen-box h1{
        font-size: 48px;
    }
    #first-screen-box .sub-text{
        font-size: 32px;
        margin: 12px 0 0;
    }
    /*Top screen*/
    #top-screen .align-m{
        padding: 90px 15px 56px;
    }
    /*Main screen*/
    #main-screen h1{
        font-size: 38px;
    }
    /*Redesign*/
    .responsible-gaming-page .page-title-box{
        margin-bottom: 48px;
    }
    .licenses-page .page-title-box{
        margin-bottom: 48px;
    }
    .responsible-gaming-page .page-title-box h1, .licenses-page .page-title-box h1{
        font-size: 48px;
    }
    .inline-logos{
        padding-left: 26px;
        margin: 16px 0 0;
    }
    /*Return box*/
    .return-box{
        padding: 32px 0 54px;
    }
    /*Licenses box*/
    .licences-logos{
        margin-top: 40px;
    }
    /*Our story*/
    .our-story{
        padding: 27px 0 64px;
        margin: 72px 0 64px;
    }
    .our-story .intro{
        margin-bottom: 32px;
    }



    .our-features-section.multiple-view{
        padding: 32px 0 72px;
    }
    /*Game description v2*/
    .game-description-v2{
        padding: 24px 0 64px;
        /*	box-shadow: 0 0 40px rgba(9, 9, 11, .38);*/
    }
    .game-slider{
        margin: 0 auto 20px;
    }
    .game-features{
        margin: 0 0 32px;
    }
    .game-features .tooltip{
        width: 200%;
        line-height: 1.5em !important;
        font-size: 12px;
    }
    /*Latest posts box*/
    .latest-posts-box{
        margin: 62px 0 90px;
    }
    /*Careers box*/
    .careers-box{
        margin-bottom: 72px;
    }
    /*Thinking box*/
    .thinking-box .text-col{
        padding: 60px 0 54px;
    }
    .thinking-box .text-col .btn{
        margin-top: 24px;
    }
    /*Cases*/
    .cases-box .item .align-m{
        height: 260px;
    }
    .cases-box .item .description{
        font-size: 17px;
    }
    .cases-box .item.active .description, .touch .cases-box .item .description{
        padding-top: 20px;
    }
    .cases-box .item .description p{
        margin-bottom: 10px;
    }
    /*Page title box*/
    .page-title-box{
        font-size: 24px;
    }
    .page-title-box .wide-container{
        padding: 0 15px;
    }
    .page-title-box .align-m{
        padding: 110px 0 72px;
    }
    .page-title-box h1{
        font-size: 56px;
    }
    .page-title-box h1.small-indent{
        margin-bottom: 0;
    }
    /*Tabs box*/
    .tabs-content p{
        margin: 16px 0;
    }
    .tabs-content .title{
        font-size: 18px;
        margin: 32px 0 20px;
    }
    .tabs-content .special-list{
        margin: 16px 0;
    }
    p + .special-list.download-list{
        margin-top: -8px;
    }
    .tabs-content .special-list li{
        margin: 0 0 16px;
    }
    /*Licenses box*/
    .licences-box p{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .licences-box .scroll-tbl{
        margin: 20px auto 40px;
    }
    /*Work with us*/
    .work-with-us{
        padding: 64px 0;
    }
    /*Application box*/
    .applications-box{
        padding: 64px 0;
    }
    .work-with-us + .applications-box{
        margin-top: -24px;
    }
    /*jobs-embed style*/
    .BambooHR-ATS-board{
        margin: 80px auto;
    }
    /*Col text*/
    .col-text{
        font-size: 15px;
    }
    /*Team-list*/
    .team-list-box{
        padding: 0;
        margin: 0 0 82px;
    }
    /*Logos-box*/
    .logos-box{
        margin: 48px 0 0;
    }
    /*Last games box*/
    .last-games-box .item{
        font-size: 17px;
        padding: 32px 20px 28px;
    }
    .last-games-box .item .title{
        font-size: 26px;
    }
    /*Articles list*/
    .articles-list .item{
        margin-bottom: 48px;
    }
    /*Game description*/
    .game-description .content{
        font-size: 17px;
    }
    /*Return box*/
    .return-box{
        font-size: 17px;
    }
    /*Contacts*/
    #map-box .map-img{
        margin-left: -300px;
    }
    /*Main*/
    main h1{
        font-size: 34px;
    }
    /*Our values*/
    .our-values-grid .item{
        font-size: 17px;
        line-height: 1.35em;
    }
    .our-values-grid .img-box{
        margin: 0 auto 32px;
        width: 300px;
        max-width: 80%;
    }
    .our-values-grid .title{
        font-size: 24px;
        margin: 0 0 10px;
    }

    .value-dropdown{
        margin: 32px 0 0;
    }
    /*Push in numbers*/
    .in-numbers-grid .item{
        font-size: 17px;
        line-height: 1.35em;
    }
    .in-numbers-grid .title{
        font-size: 24px;
    }
    /*Our features*/
    .our-features-section{
        padding: 72px 0;
    }
    .race-reels-feature .our-features-section{
        padding: 72px 0 124px;
    }
    .push-up-feature .our-features-section{
        padding: 72px 0 48px;
    }
    .our-features-grid{
        font-size: 18px;
    }
    .our-features-grid .description-box{
        width: 100%;
        padding: 0;
    }
    .our-features-grid .logo-box{
        max-width: 500px;
        width: 80%;
        margin: 0 auto 28px;
    }
    .our-features-grid .logo-box:after{
        margin: 32px auto 0;
    }
    .our-features-grid .img-box{
        margin: 40px auto 0;
    }
    .race-reels-feature .our-features-grid .img-box{
        margin: 24px auto 0;
    }

    .push-up-feature .our-features-grid .img-box{
        margin: -3vw auto 0;
    }

    .our-features-video-section{
        padding: 80px 0;
    }
    /*Footer*/
    #footer{
        font-size: 13px;
    }
    #footer .meta-box{
        margin: 0 0 48px;
    }
    #footer .meta-box .col{
        margin: 0 0 40px;
    }
    #footer .meta-box .address-col{
        display: block;
        margin-bottom: 48px;
    }
    #footer .meta-box .address-col address{
        width: 100%;
    }
    #footer .sub-text{
        margin-top: 48px;
    }
    #footer .sub-text p{
        padding: 0;
    }
    #footer .address-col address{
        width: 100%;
        text-align: center;
    }
    #footer .licences-col .links-box a:not(:last-child){
        margin-right: 10px;
    }
    .overlay .popup{
        font-size: 17px;
    }
    .our-culture p:not([class]), .how-we-work p:not([class]), .we-are p:not(.h2){
        font-size: 17px;
    }
    .cases-box.career .wrap .title{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .cases-box.career .wrap p{
        font-size: 15px;
    }
    #games-main-screen .sub-layers{
        z-index: -1;
    }

}
@media screen and (max-width: 450px){
    .btn.action-btn{
        min-width: 10px;
        width: 100%;
    }

    .games-box-characters .deadly-five-cntr-box{
        left: 8%;
    }
    /*Features main screen*/
    .features-main-screen .character{
        margin: 0 0 0 -14vw;
    }
    .features-main-screen .character img{
        max-height: calc(100vh - 200px);
        max-width: 100%;
        margin: 0 auto;
    }

    .push-up-feature .features-main-screen .character img{
        max-height: calc(100vh - 210px);
    }


    #full-age-confirm .btns-grid{
        margin: 24px 0 0;
    }
    #full-age-confirm .btns-grid .btn{
        width: 100%;
    }

}
@media screen and (max-width: 420px){
    .intro-title{
        margin-top: 10px;
    }
    /*Form*/
    .btn-select-box .select2-container--default .select2-results > .select2-results__options{
        padding: 4px 16px 14px;
    }
    .btn-select-box .select2-results__option{
        padding: 8px 0 9px;
    }
    /*Nav*/
    #nav li{
        font-size: 24px;
    }
    /*Team list*/
    .team-list{
        max-width: none;
    }
    .team-list .item{
        margin: 0;
    }
    .career-inner-page .top-page-box .title{
        font-size: 54px;
    }
    /*Games description*/
    .game-symbols .item{
        padding: 0 15px !important;
    }
    .game-symbols.small-inner-indents .item{
        padding: 0 10px !important;
    }
    .game-symbols .item img{
        max-width: 66px;
    }
    .game-symbols.small-inner-indents .item img{
        max-width: 100%;
    }
    .game-symbols .item.full-width img{
        max-width: 100%;
    }
    .game-symbols.heroes-large-spin .item{
        padding: 0 15px !important;
    }
    .game-symbols.heroes-large-spin .item img{
        max-width: 100%;
    }
    /*25.04.2019*/
    #full-age-confirm .auxiliary-box .form .field{
        width: calc(33.3333% - 10px);
        max-width: 100px;
    }
    #full-age-confirm .auxiliary-box .form .field-name{
        display: block;
        margin: 0 0 4px;
        padding: 0;
    }
    #full-age-confirm .auxiliary-box .form .field .form-control{
        display: block;
        width: 100%;
    }
    /*Redesign*/
    body{
        font-size: 16px;
    }
    h2, .h2{
        font-size: 34px;
    }
    ul li{
        background-position: 0 14px;
    }
    .special-list li{
        padding-left: 24px;
        background-position: 0 11.5px;
    }
    blockquote{
        font-size: 15px;
    }
    blockquote .author{
        font-size: 12px;
    }
    /*First screen*/
    #first-screen-box .logo-col svg{
        transform: scale(1.3) translate3d(0, 15%, 0);
        width: 160px;
        height: 161px;
    }
    #first-screen-box h1{
        font-size: 38px;
    }
    #first-screen-box .sub-text{
        font-size: 28px;
    }
    /*Games main screen*/
    #games-main-screen .align-b{
        padding: 72px 16px 0;
    }
    #games-main-screen .sub-text{
        font-size: 19px;
        margin: 0 0 10px;
    }
    #games-box{
        padding: 72px 16px 0;
    }
    /*V2*/
    .game-slider .img-text-grid .text{
        font-size: 16px;
    }
    .game-features{
        margin-bottom: 20px;
    }
    .game-features .item{
        font-size: 14px;
        padding: 0 5px;
        margin: 0 0 10px;
    }
    .game-features .icon{
        margin: 0 0 4px;
    }
    .game-features .icon img{
        transform: scale(.8);
    }
    .game-features .value{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .game-slider-box .swiper-pagination{
        margin: 48px 0 0;
    }
    /*Advantages*/
    .advantages-box{
        padding: 60px 0 64px;
    }
    /*Cases*/
    .cases-box .item .description{
        font-size: 16px;
    }
    /*Page title box*/
    .page-title-box{
        font-size: 22px;
    }
    .page-title-box h1, #games-main-screen h1{
        font-size: 50px;
        letter-spacing: 1px;
        margin-bottom: 16px;
    }
    /*Page title box*/
    .responsible-gaming-page .page-title-box h1, .licenses-page .page-title-box h1{
        font-size: 44px;
    }
    /*Logos box*/
    .logos-box .item{
        padding: 0 16px;
        margin-bottom: 48px;
    }
    /*Work with us*/
    .work-with-us .title{
        font-size: 34px;
    }
    .fileinput-name{
        margin-top: 6px;
    }
    /*jobs-embed style*/
    .BambooHR-ATS-board{
        margin: 0;
    }
    .BambooHR-ATS-board h2{
        font-size: 34px !important;
        margin-bottom: 40px !important;
    }
    .BambooHR-ATS-board a{
        font-size: 18px !important;
    }
    .BambooHR-ATS-Location{
        font-size: 16px !important;
        margin-top: 6px;
    }

    .teamtailor-box h2{
        font-size: 34px;
        margin-bottom: 48px;
    }
    /*Col text*/
    .col-text{
        font-size: 14px;
    }
    /*Redesign*/
    main h1{
        font-size: 28px;
    }
    /*Last games box*/
    .last-games-box .item{
        font-size: 16px;
        min-height: 320px;
        padding: 32px 16px 28px;
    }
    .last-games-box .item .title{
        font-size: 24px;
    }
    /*Contacts*/
    .contacts .info, .location, .mail, .contacts .phone{
        padding-left: 34px;
        background-size: 23px auto;
    }
    .contacts .social-links a{
        margin: 0 8px;
    }
    .contacts .social-links a:before, .contacts .social-links a:after{
        font-size: 27px;
        line-height: 31px;
    }
    .contacts .social-links .facebook:before, .contacts .social-links .facebook:after{
        font-size: 25px;
    }
    .contacts .social-links .twitter:before, .contacts .social-links .twitter:after{
        font-size: 28px;
    }
    #map-box .map-img{
        margin-left: -270px;
    }
    /*Our values*/
    .our-values{
        padding: 54px 0 56px;
    }
    /*Push in numbers*/
    .push-in-numbers{
        padding: 54px 0 60px;
    }
    .in-numbers-grid{
        margin-bottom: -40px;
    }
    .in-numbers-grid .item{
        margin: 0 0 40px;
    }
    .in-numbers-grid .counter-box{
        font-size: 90px;
    }
    .in-numbers-grid .counter-img{
        left: -25px;
        max-width: 40px;
    }
    /*We work*/
    .we-work{
        padding: 54px 0 56px;
    }
    .logos-slider{
        margin-top: 32px;
    }
    /*Social responsibility*/
    .social-responsibility{
        padding: 54px 0 56px;
    }
    /*Popup*/
    .overlay .popup{
        font-size: 16px;
    }
    .game-external-slider .text .h2{
        font-size: 34px;
    }
    .game-external-slider .text p:not([class]){
        font-size: 16px;
    }
    /* game external slider */
    #symbols-popup .popup-slider .img{
        max-width: 180px;
        max-height: 180px;
    }
    .popup-slider .swiper-btn{
        top: 24%;
    }
    .popup-slider .sub-title{
        font-size: 22px;
    }
    .popup-slider .text{
        font-size: 16px;
    }
    .last-games-box .item .btn-box{
        padding: 0 16px;
    }
    .item .btn-box .btn{
        padding: 9px 20px 8px;
    }
    .cases-box .item .description .wrap{
        padding: 0;
    }
    .our-culture p:not([class]), .how-we-work p:not([class]), .we-are p:not(.h2){
        font-size: 16px;
    }
    /*Features main screen*/
    .features-main-screen h1{
        font-size: 54px;
    }


}
@media screen and (max-width: 400px){
    .game-slider .img-text-grid{
        max-width: 400px;
    }
    .BambooHR-ATS-board .filter-box{
        justify-content: space-between;
    }
    .BambooHR-ATS-board .filter-box .item{
        margin: 0 10px;
    }
    .top-page-box .links-box{
        max-width: 260px !important;
    }
    .top-page-box .links-box .btn, .btn.largest-btn{
        font-size: 18px;
        min-width: 240px;
    }

}
@media screen and (max-width: 390px){
    /*Nav*/
    #nav li{
        font-size: 20px;
    }
}
/*Retina display*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){

}
/*Foreign plugins styles*/
/*Swiper*/
.swiper-container{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide{
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.grab-cursor-activate .swiper-slide{
    user-select: none;
}
.swiper-container-multirow-column > .swiper-wrapper{
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-container-multirow > .swiper-wrapper{
    flex-wrap: wrap;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper{
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container .swiper-notification{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide{
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events: auto;
}
.swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px 0 0;
}
.swiper-pagination .swiper-pagination-bullet{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 17px;
    height: 17px;
    margin: 0 6px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 110%;
    cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet-active{
    border: 2px solid rgba(255, 255, 255, 1);
    cursor: default;
}
.swiper-pagination .swiper-pagination-bullet:before{
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 110%;
    background: #fff;
    transition: opacity .1s ease;
}
.swiper-pagination .swiper-pagination-bullet-active:before{
    opacity: 0;
}
/* jQuery UI */
.ui-slider .ui-slider-handle{
    position: absolute;
}
/*Custom scroll*/
.mCustomScrollbar{
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom; /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox{
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.mCSB_container{
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCSB_inside > .mCSB_container{
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-left: 0;
}
.mCSB_scrollTools{
    position: absolute;
    width: 6px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{
    right: -26px;
}
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{
    margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    height: 100%;
    margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 119px; /* minimum dragger height */
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    /* the dragger element */
    position: relative;
    width: 6px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 12px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 8px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
    bottom: 0;
}
.mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
    padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
    padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{
    margin-bottom: 0;
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools{

}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{

}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail{
    background: #e5e5e5;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #ed0013;
    cursor: pointer;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    opacity: .7;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
/* Light gallery */
@font-face{
    font-family: 'lg';
    src: url('../fonts/lg.eot');
    src: url('../fonts/lg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lg.woff') format('woff'),
    url('../fonts/lg.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
.lg-icon{
    font-family: 'lg';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev{
    background: #19171c;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled{
    pointer-events: none;
    opacity: .5;
}
.lg-actions .lg-next{
    right: 20px;
}
.lg-actions .lg-next:before{
    content: "\e095";
    transition: all .2s ease;
}
.lg-actions .lg-prev{
    left: 20px;
}
.lg-actions .lg-prev:after{
    content: "\e094";
    transition: all .2s ease;
}
.lg-actions .lg-next:hover:before, .lg-actions .lg-prev:hover:after{
    opacity: .5;
}
@-webkit-keyframes lg-right-end{
    0%{
        left: 0;
    }
    50%{
        left: -30px;
    }
    100%{
        left: 0;
    }
}
@-moz-keyframes lg-right-end{
    0%{
        left: 0;
    }
    50%{
        left: -30px;
    }
    100%{
        left: 0;
    }
}
@-ms-keyframes lg-right-end{
    0%{
        left: 0;
    }
    50%{
        left: -30px;
    }
    100%{
        left: 0;
    }
}
@keyframes lg-right-end{
    0%{
        left: 0;
    }
    50%{
        left: -30px;
    }
    100%{
        left: 0;
    }
}
@-webkit-keyframes lg-left-end{
    0%{
        left: 0;
    }
    50%{
        left: 30px;
    }
    100%{
        left: 0;
    }
}
@-moz-keyframes lg-left-end{
    0%{
        left: 0;
    }
    50%{
        left: 30px;
    }
    100%{
        left: 0;
    }
}
@-ms-keyframes lg-left-end{
    0%{
        left: 0;
    }
    50%{
        left: 30px;
    }
    100%{
        left: 0;
    }
}
@keyframes lg-left-end{
    0%{
        left: 0;
    }
    50%{
        left: 30px;
    }
    100%{
        left: 0;
    }
}
.lg-outer.lg-right-end .lg-object{
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative;
}
.lg-outer.lg-left-end .lg-object{
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative;
}
.lg-toolbar{
    z-index: 1080;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #19171c;
    min-width: 320px;
}
.lg-toolbar .lg-icon{
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    border: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.visually-impaired.color-scheme3 .lg-toolbar .lg-icon:after, .visually-impaired.color-scheme3 .lg-toogle-thumb.lg-icon:after, .visually-impaired.color-scheme3 .lg-actions .lg-icon:after, .visually-impaired.color-scheme3 .lg-actions .lg-icon:before, .visually-impaired.color-scheme3 #lg-counter, .visually-impaired.color-scheme3 #lg-counter span{
    color: #fff !important;
}
.lg-toolbar .lg-icon:hover{
    color: #fff !important;
    opacity: .5;
}
.lg-toolbar .lg-close:after{
    content: "\e070";
}
.lg-toolbar .lg-download:after{
    content: "\e0f2";
    background: none;
}
.lg-sub-html{
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}
.lg-sub-html h4{
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}
.lg-sub-html p{
    font-size: 12px;
    margin: 5px 0 0;
}
#lg-counter{
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 9px 0 0 15px;
    vertical-align: middle;
}
.visually-impaired.middle-size #lg-counter{
    padding-top: 5px;
}
.visually-impaired.large-size #lg-counter{
    padding-top: 0;
}
.lg-toolbar, .lg-prev, .lg-next{
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev{
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next{
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar{
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
    -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
    -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
    transition: transform 250ms ease 0s, opacity 250ms !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.lg-outer .lg-thumb-outer{
    background: #19171c;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    padding: 0 10px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{
    /*cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;*/
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer{
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb{
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
}
.lg-outer .lg-thumb-item{
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px;
    position: relative;
}
.visually-impaired.color-scheme3 .lg-outer .lg-thumb-item{
    border-color: #fff !important;
}
.lg-outer .lg-thumb-item.active{
    border-color: rgba(255, 255, 255, .3);
}
.visually-impaired .lg-outer .lg-thumb-item.active{
    border-color: rgba(0, 0, 0, .3) !important;
}
.visually-impaired.color-scheme2 .lg-outer .lg-thumb-item.active, .visually-impaired.color-scheme3 .lg-outer .lg-thumb-item.active{
    border-color: rgba(255, 255, 255, .5) !important;
}
.lg-outer .lg-thumb-item img{
    min-width: 96px;
    min-height: 76px;
    max-width: 120%;
    opacity: 1;
}
.lg-outer.lg-has-thumb .lg-item{
    padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item{
    padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html{
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{
    bottom: 100px;
}
.lg-outer .lg-toogle-thumb{
    background: #19171c;
    border-radius: 2px 2px 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.lg-outer .lg-toogle-thumb:after{
    content: "\e1ff";
    transition: all .2s ease;
}
.lg-outer .lg-toogle-thumb:hover:after{
    opacity: .5;
}
.lg-outer .lg-video-cont{
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}
.lg-outer .lg-video{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
.lg-outer .lg-video .lg-object{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.lg-outer .lg-video .lg-video-play{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
    /*background: url("../i/play-icon.svg") no-repeat 0 0;*/
    cursor: pointer;
}
.lg-outer .lg-video-object{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.lg-outer .lg-has-video .lg-video-object{
    visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play{
    display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object{
    visibility: visible;
}
.lg-progress-bar{
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress{
    background-color: #fff;
    height: 5px;
    width: 0;
}
.lg-progress-bar.lg-start .lg-progress{
    width: 100%;
}
.lg-show-autoplay .lg-progress-bar{
    opacity: 1;
}
.lg-autoplay-button:after{
    content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after{
    content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image{
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    -moz-transition: -moz-transform 0.3s ease 0s;
    -o-transition: -o-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
    transition: transform 0.3s ease 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
#lg-zoom-in:after{
    content: "\e311";
}
#lg-zoom-out{
    opacity: 0.5;
    pointer-events: none;
}
#lg-zoom-out:after{
    content: "\e312";
}
.lg-zoomed #lg-zoom-out{
    opacity: 1;
    pointer-events: auto;
}
.lg-outer .lg-pager-outer{
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{
    overflow: visible;
}
.lg-outer .lg-pager-cont{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{
    box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont{
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img{
    width: 100%;
    height: 100%;
}
.lg-outer .lg-pager{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus{
    box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}
.lg-fullscreen:after{
    content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after{
    content: "\e20d";
}
.group{
    *zoom: 1;
}
.group:before, .group:after{
    display: table;
    content: "";
    line-height: 0;
}
.group:after{
    clear: both;
}
.lg-outer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-outer *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lg-outer.lg-visible{
    opacity: 1;
}
.lg-outer img{
    margin: 0;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current{
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current{
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}
.lg-outer.lg-grab img.lg-object{
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object{
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.lg-outer .lg{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}
.lg-outer .lg-inner{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}
.lg-outer .lg-item{
    background: url("../i/loader.svg") no-repeat 50% 50%;
    display: none !important;
}
.visually-impaired .lg-outer .lg-item{
    background-image: url("../i/loader-color-scheme1.svg");
}
.visually-impaired.color-scheme2 .lg-outer .lg-item{
    background-image: url("../i/loader-color-scheme2.svg");
}
.visually-impaired.color-scheme3 .lg-outer .lg-item{
    background-image: url("../i/loader-color-scheme3.svg");
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide{
    display: inline-block !important;
}
.lg-outer.lg-css .lg-current{
    display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap{
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before{
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}
.lg-outer .lg-img-wrap{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 55px 5px 8px;
}
.lg-outer.lg-thumb-open .lg-img-wrap{
    padding-bottom: 108px;
}
.lg-outer .lg-item.lg-complete{
    background-image: none;
}
.lg-outer .lg-item.lg-current{
    z-index: 1060;
}
.lg-outer .lg-image{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play{
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{
    opacity: 1;
}
.lg-outer .lg-empty-html{
    display: none;
}
.lg-backdrop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.visually-impaired.color-scheme2 .lg-backdrop{
    background: rgba(255, 255, 255, .95);
}
.visually-impaired.color-scheme3 .lg-backdrop{
    background: rgba(183, 220, 253, .85);
}
.lg-backdrop.in{
    opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current{
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item{
    will-change: transform, opacity;
}
.lg-css3.lg-use-left .lg-item{
    will-change: left, opacity;
}
.lg-css3.lg-fade .lg-item{
    opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current{
    opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current{
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item{
    opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item{
    opacity: 0;
    position: absolute;
    left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{
    left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{
    left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{
    left: 0;
    opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*Page to image*/
.page-to-image #all{
    background: #19171c;
}


.page-to-image .our-values-grid .js-open-value-dropdown .arrow *{
    fill: #dd0920;
}
/*.our-values-grid .js-open-value-dropdown.v2.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown.v2:hover .arrow *{
	fill: #1068d4;
	}
.our-values-grid .js-open-value-dropdown.v3.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown.v3:hover .arrow *{
	fill: #f9710e;
	}
.our-values-grid .js-open-value-dropdown.v4.active .arrow *, .no-touch .our-values-grid .js-open-value-dropdown.v4:hover .arrow *{
	fill: #72c31d;
	}*/


.page-to-image .btn.large{
    line-height: 1em;
    padding-bottom: 24px;
}

.page-to-image .tablet-video-box{
    opacity: 1;
    transition: none;
}


.page-to-image .in-numbers-grid .counter-img{
    animation: none;
    opacity: 1;
}