@font-face {
    font-family: 'Saira SemiCondensed Regular';
    src: url('../fonts/SairaSemiCondensed-Regular.eot');
    src: url('../fonts/SairaSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SairaSemiCondensed-Regular.woff2') format('woff2'),
        url('../fonts/SairaSemiCondensed-Regular.woff') format('woff'),
        url('../fonts/SairaSemiCondensed-Regular.ttf') format('truetype'),
        url('../fonts/SairaSemiCondensed-Regular.svg#SairaSemiCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saira SemiCondensed Medium';
    src: url('../fonts/SairaSemiCondensed-Medium.eot');
    src: url('../fonts/SairaSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SairaSemiCondensed-Medium.woff2') format('woff2'),
        url('../fonts/SairaSemiCondensed-Medium.woff') format('woff'),
        url('../fonts/SairaSemiCondensed-Medium.ttf') format('truetype'),
        url('../fonts/SairaSemiCondensed-Medium.svg#SairaSemiCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saira SemiCondensed SemiBold';
    src: url('../fonts/SairaSemiCondensed-SemiBold.eot');
    src: url('../fonts/SairaSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SairaSemiCondensed-SemiBold.woff2') format('woff2'),
        url('../fonts/SairaSemiCondensed-SemiBold.woff') format('woff'),
        url('../fonts/SairaSemiCondensed-SemiBold.ttf') format('truetype'),
        url('../fonts/SairaSemiCondensed-SemiBold.svg#SairaSemiCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bayon';
    src: url('../fonts/Bayon-Regular.eot');
    src: url('../fonts/Bayon-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bayon-Regular.woff2') format('woff2'),
        url('../fonts/Bayon-Regular.woff') format('woff'),
        url('../fonts/Bayon-Regular.ttf') format('truetype'),
        url('../fonts/Bayon-Regular.svg#Bayon-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.col-12 {
        width: 100%
    }
.col-11 {
        width: 91.66666667%
    }
.col-10 {
        width: 83.33333333%
    }
.col-9 {
        width: 75%
    }
.col-8 {
        width: 66.66666667%
    }
.col-7 {
        width: 58.33333333%
    }
.col-6 {
        width: 50%
    }
.col-5 {
        width: 41.66666667%
    }
.col-4 {
        width: 33.33333333%
    }
.col-3 {
        width: 25%
    }
.col-2 {
        width: 16.66666667%
    }
.col-1 {
        width: 8.33333333%
    }
    
    
.col-offset-12 {
        margin-left: 100%
    }
    .col-offset-11 {
        margin-left: 91.66666667%
    }
    .col-offset-10 {
        margin-left: 83.33333333%
    }
    .col-offset-9 {
        margin-left: 75%
    }
    .col-offset-8 {
        margin-left: 66.66666667%
    }
    .col-offset-7 {
        margin-left: 58.33333333%
    }
    .col-offset-6 {
        margin-left: 50%
    }
    .col-offset-5 {
        margin-left: 41.66666667%
    }
    .col-offset-4 {
        margin-left: 33.33333333%
    }
    .col-offset-3 {
        margin-left: 25%
    }
    .col-offset-2 {
        margin-left: 16.66666667%
    }
    .col-offset-1 {
        margin-left: 8.33333333%
    }
    .col-offset-0 {
        margin-left: 0
    }
    
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12
{
    position: relative;
    float: left;
    box-sizing: border-box;
}

body {
    margin: 0px;
}

.admin-bar header {
    top: 32px;
}


header {
    height: 100px;
    background: rgb(25, 25, 25);
    background: linear-gradient(0deg, rgba(25, 25, 25, 1) 0%, rgba(56, 56, 56, 1) 100%);
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 10;
}

p {
    margin: 0px;
    font-weight: normal;
}

ul.menu {
    list-style: none;
    padding: 0px;
    float: right;
    margin: 0px;
    font-family: 'Saira SemiCondensed Medium';
    font-size: 24px;
    padding-top: 15px;
}

ul.menu li {
    display: block;
    float: left;
    padding-left: 40px;
}

ul.menu li a {
    color: #fff;
    text-decoration: none;
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.3s ease;
    position: relative;
}

ul.menu li a p {
    transition: 0.3s;
}

ul.menu li a:hover p {
    text-decoration: none;
    /* border-bottom: 2px solid #DC0000; */
    transform: scaleX(1);
}

ul.menu li a:focus {
    text-decoration: none;
}

ul.menu li a:hover p::first-letter {
    color: #DC0000;
}

ul.menu li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #DC0000;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

ul.menu li a:hover::before {
  transform: scaleX(1);
}

a.logo {
    display: block;
    float: left;
}

a.logo img {
    width: 172px;
    height: 59px;
}

.success-icon {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    background: url(../images/success.svg);
    background-size: cover;
}

.success {
    font-family: 'Saira SemiCondensed Regular';
    font-size: 21px;
    padding-top: 20px;
    color: #ffffff;
}

.header-container {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto;
}

section.mainscreen {
    height: 504px;
    background: url(/images/wall.png);
    background-size: cover;
    margin-top: 100px;
}

section.whoweare {
    padding-top: 45px;
    box-sizing: border-box;
    padding-bottom: 70px;
    background: #F9F9F9;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

section.whoweare::before {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -725px;
    left: -920px;
    mix-blend-mode: multiply;
}

section.whoweare::after {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -725px;
    right: -675px;
    mix-blend-mode: multiply;
}

section.whoweare h2 {
    color: #161616;
}

section.innovative {
    height: 380px;
    background: linear-gradient(0deg, rgba(143, 0, 0, 1) 0%, rgba(205, 0, 0, 1) 100%);
    box-sizing: border-box;
    padding-top: 53px;
    position: relative;
}

section.team {
    height: 342px;
    background: #F9F9F9;
    padding-top: 75px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

section.whatwedo {
    height: 1335px;
    background: #2E2E2E;
    padding-top: 40px;
    box-sizing: border-box;
    position: relative;
}




section.ourgames {
    padding-top: 40px;
    padding-bottom: 80px;
    background: #F9F9F9;
    box-sizing: border-box;
}

section.ourpartners {
    background: #2E2E2E;
    height: auto;
    padding-top: 20px;
    padding-bottom: 50px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

section.testimonials {
    padding-top: 85px;
    height: 390px;
    box-sizing: border-box;
    position: relative;
    background: #F0F0F0;
    overflow: hidden;
}


section.testimonials::before {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -635px;
    left: -920px;
    mix-blend-mode: multiply;
}


section.testimonials::after {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -635px;
    right: -675px;
    mix-blend-mode: multiply;
} 

.testimonial {
    width: 1090px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
}

.testimonial::before {
    display: block;
    content: '';
    width: 16px;
    height: 13px;
    background: url(../images/quotes-01.svg);
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
}

.testimonial::after {
    display: block;
    content: '';
    width: 16px;
    height: 13px;
    background: url(../images/quotes-02.svg);
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 0px;
}

.testimonial-text {
    font-size: 27px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    padding-bottom: 30px;
}

.testimonial-name {
    font-size: 27px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
}

section.ourpresense {
    padding-top: 20px;
    height: 390px;
    background: #dc0000;
    background: rgb(143, 0, 0);
    background: linear-gradient(0deg, rgba(143, 0, 0, 1) 0%, rgba(205, 0, 0, 1) 100%);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

section.ourpresense h2 {
    color: #fff;
}

section.ourpresense h2::after {
    content: '';
    display: block;
    width: 287px;
    height: 2px;
    background: url(../images/line-white.svg);
    background-size: cover;
    margin: 0 auto;
    text-align: center;
}

footer {
    padding-top: 12px;
    box-sizing: border-box;
    background: rgb(25, 25, 25);
    background: linear-gradient(0deg, rgba(25, 25, 25, 1) 0%, rgba(46, 46, 46, 1) 100%);
    overflow: hidden;
    position: relative;
}

footer::before {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/bottom-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -650px;
    left: -680px;
    mix-blend-mode: overlay;
}

footer::after {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/bottom-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -650px;
    right: -920px;
    mix-blend-mode: overlay;
}

footer h2 {
    color: #fff;
    padding-bottom: 37px;
}

footer h2::after {
    content: '';
    display: block;
    width: 287px;
    height: 2px;
    background: url(../images/line.svg);
    margin: 0 auto;
    text-align: center;
}

footer h2 p::first-letter {
  color: #dc0000;
}

.footer-container {
    max-width: 1600px;
    margin: 0 auto;
}

.container {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}

h2 {
    text-align: center;
    font-family: 'Saira SemiCondensed Medium';
    font-size: 37px;
    line-height: 47px;
    font-weight: normal;
    margin: 0px;
}

h2 p {
    margin: 0px;
    display: block;
    padding-bottom: 1px;
}

.col-form-50 {
    width: 50%;
    float: left;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}

.col-form-100 {
    width: 100%;
    float: left;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}

input.field {
    display: block;
    width: 100%;
    height: 65px;
    font-family: 'Saira SemiCondensed Regular';
    color: #A5A5A5;
    font-size: 20px;
    padding-left: 15px;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    background: none;
    margin-bottom: 35px;
    outline: none;
    box-sizing: border-box;
}

textarea.textarea {
    display: block;
    width: 100%;
    height: 175px;
    padding-top: 15px;
    font-family: 'Saira SemiCondensed Regular';
    color: #A5A5A5;
    font-size: 20px;
    padding-left: 15px;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    background: none;
    margin-bottom: 25px;
    outline: none;
    box-sizing: border-box;
}

.politic-wrap {
    overflow: hidden;
    width: max-content;
    margin: 0 auto;
    padding-bottom: 25px;
}

button.submit {
    width: 123px;
    height: 48px;
    display: block;
    margin: 0 auto;
    background: #CD0000;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    font-family: 'Saira SemiCondensed Regular';
    border-radius: 24px;
    font-size: 20px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.politic-checkbox {
    overflow: hidden;
    width: max-content;
    float: left;
}

form.form-one {
    padding-left: 22px;
    padding-right: 22px;
    display: block;
    overflow: hidden;
}

.form-title {
    font-size: 28px;
    font-family: 'Saira SemiCondensed Regular';
    color: #fff;
    text-align: center;
    padding-bottom: 36px;
}

p.meeting {
    font-size: 28px;
    font-family: 'Saira SemiCondensed Regular';
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

p.meeting a {
    display: block;
    color: #fff;
    padding-top: 5px;
}

a.meeting {
    width: 165px;
    height: 48px;
    display: block;
    margin: 0 auto;
    background: #CD0000;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    font-family: 'Saira SemiCondensed Regular';
    border-radius: 24px;
    font-size: 20px;
    color: #fff;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    padding-top: 9px !important;
    margin-top: 32px;
}

.contacts-links {
    font-size: 28px;
    font-family: 'Saira SemiCondensed Regular';
    color: #fff;
    text-align: center;
    padding-top: 34px;
}

.contacts-links p {
    margin-bottom: 3px;
}

a.linkedin {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/linkedin.svg);
    background-size: cover;
    margin-right: 20px;
}

a.skype {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/skype.svg);
    background-size: cover;
    margin-right: 20px;
}

a.facebook {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/facebook.svg);
    background-size: cover;
    margin-right: 20px;
}

a.x {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/x.svg);
    background-size: cover;
    margin-right: 20px;
}

a.x {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/x.svg);
    background-size: cover;
    margin-right: 20px;
}

a.telegram {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/telegram.svg);
    background-size: cover;
    margin-right: 20px;
}

a.instagram {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/instagram.svg);
    background-size: cover;
}

.contacts-smm-wrap {
    overflow: hidden;
    width: max-content;
}

.contacts-smm-title {
    display: block;
    float: left;
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 25px;
    box-sizing: border-box;
    height: 50px;
    font-family: 'Saira SemiCondensed Regular';
    color: #fff;
}

.contacts-smm {
    width: max-content;
    margin: 0 auto;
    padding-top: 40px;
}

input.privacy {
    float: left;
    margin-top: 0px;
    border: 1px solid #ffffff;
    background: #fff;
    -webkit-appearance: unset;
    width: 40px;
    height: 40px;
    outline: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-appearance: none !important;
    cursor: pointer;
    margin: 0px;
    box-sizing: border-box;
    background: #252525;
    outline: none;
}

input.privacy:hover, input.privacy:focus  {
    outline: none;
}

input.privacy:checked {
    background: url(../images/mark.svg) #dc0000;
    border: 1px solid #dc0000;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    outline: none;
    cursor: pointer;
    outline: none;
}

.text-gray {
    font-family: 'Saira SemiCondensed Regular';
    font-size: 20px;
    display: block;
    float: left;
    text-transform: uppercase;
    padding-top: 8px;
    padding-left: 25px;
    color: #fff;
}

.rng-image {
    float: left;
    padding-right: 36px;
    padding-top: 3px;
    padding-bottom: 3px;
}


.rng-image img {
    height: 54px;
}

.mga-image {
    float: left;
    padding-right: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mga-image img {
    height: 50px;
}

.curacao-image {
    float: left;
}

.curacao-image img {
    height: 60px;
}

.footer-copyright-wrap {
    overflow: hidden;
    padding-top: 108px;
    padding-bottom: 30px;
}

.footer-copyright {
    font-family: 'Saira SemiCondensed Regular';
    font-size: 18px;
    color: #fff;
    display: block;
    padding-right: 40px;
    float: left;
}

a.privacy-link {
    font-family: 'Saira SemiCondensed Regular';
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    float: left;
}

a.privacy-link:hover {
    text-decoration: none;
    cursor: pointer;
}

.footer-copyright-links {
    float: right;
    padding-top: 25px;
}

.footer-logos {
    overflow: hidden;
    width: max-content;
    float: left;
}

img.presense {
    width: 100%;
}

.presences {
    overflow: hidden;
    padding-top: 90px;
}

.imperator {
    display: block;
    position: absolute;
    width: 538px;
    height: 583px;
    background: url(../images/dragons-time-imperator.png);
    background-size: cover !important;
    top: -50px;
    left: -60px;
    mix-blend-mode: soft-light;
}

footer h2 {
    color: #fff;
    padding-bottom: 37px;
}

footer h2 p {
    margin: 0px;
    display: block;
    padding-bottom: 1px;
}

img.lost-civilization {
    width: 240px;
    display: block;
    position: absolute;
    top: 60px;
    right: 100px;
}

img.partner {
    height: 73px;
    display: block;
    margin: 0 auto;
    margin-bottom: 28px;
}

.container h2 {
    color: #fff;
    padding-bottom: 37px;
}

.container h2 p {
    margin: 0px;
    display: block;
    padding-bottom: 1px;
}

.container h2::after {
    content: '';
    display: block;
    width: 287px;
    height: 2px;
    background: url(../images/line.svg);
    margin: 0 auto;
    text-align: center;
}

.container h2 p::first-letter {
  color: #dc0000;
}

.ourgames h2 {
    color: #161616;
}

.gameswrap {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    overflow: hidden;
}

.gameswrap .col-3 {
    padding-left: 41px;
    padding-right: 41px;
    box-sizing: border-box;
}

.game-black-layout {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    background: red;
    background: #47474700;
    background: linear-gradient(180deg, #47474700, #211616);
}

.game-black-layout:before {
    content: '';
    display: block;
    width: 25px;
    height: 14px;
    background: url(../images/top-arrow.svg);
    background-size: cover;
    margin: 0 auto;
    margin-top: 68px;
}

.game-hover {
    width: 100%;
    height: 100%;
    background: #747474;
    position: absolute;
    background: #747474;
    background: linear-gradient(180deg, rgb(116 116 116 / 80%), rgb(63 63 63 / 80%));
    height: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding-top: 10px;
    box-sizing: border-box;
    transition: 0.5s;
    bottom: -380px;
    z-index: 2;
}

.game-image:hover .game-hover {
    transition: 0.5s ease-in-out;
    bottom: 0px;
}

.game-hover-title {
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    color: #F9F9F9;
    font-size: 20px;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.25);
}

.game-hover-title::after {
    background: url(../images/hover-after.svg);
    content: "";
    display: block;
    width: 192px;
    height: 1px;
    background-size: contain;
    margin-top: 10px;
    margin: 0 auto;
}

.game-hover-functions {
    color: #F9F9F9;
    font-size: 16px;
    line-height: 25px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-family: 'Saira SemiCondensed Regular';
    text-transform: uppercase;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.25);
    padding-top: 10px;
}

.game-hover-wrap {
    width: 194px;
    overflow: hidden;
}

.game-hover-wrap-buttons {
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 20px;
}



.game {
    margin-bottom: 30px;
}

.game-image {
    background-size: cover !important;
    background-position: center center !important;
    height: 380px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    position: relative;
    overflow: hidden;
}

.game-title {
    font-family: 'Saira SemiCondensed SemiBold';
    color: #595959;
    text-transform: uppercase;
    text-align: center;
    font-size: 27px;
    padding-top: 14px;
}

.game:hover {
    cursor: pointer;
}

.game:hover .game-title {
    color: #DC0000;
}

.game-hover-wrap {
    width: 194px;
    overflow: hidden;
    margin: auto;
    padding-top: 10px;
}

.game-grey {
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(83 83 83);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.game-grey-property {
    font-family: 'Saira SemiCondensed Medium';
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding-top: 6px;
    color: #fff;
}

.game-grey-value {
    font-family: 'Saira SemiCondensed Medium';
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.game-property-01 {
    height: 58px;
    display: block;
    background: linear-gradient(180deg, #F9BD38, #EA3580);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.game-property-02 {
    height: 58px;
    display: block;
    background: linear-gradient(180deg, #68E0B8, #4D6BEF);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.game-property-03 {
    height: 58px;
    display: block;
    background: linear-gradient(180deg, #AD92FF, #4F17FA);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.game-property-04 {
    height: 58px;
    display: block;
    background: linear-gradient(180deg, #FA5ECC, #8E41F1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.game-col-50 {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    float: left;
}

.button-col-50 {
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
    float: left;
}

a.hover-play-demo {
    display: block;
    height: 48px;
    background: #CD0000;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding-top: 12px;
    box-sizing: border-box;
}

a.hover-get-info {
    display: block;
    height: 48px;
    background: linear-gradient(0deg, rgba(22, 22, 22, 1) 0%, rgba(61, 61, 61, 1) 100%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding-top: 12px;
    box-sizing: border-box;
}

.team-text {
    font-size: 27px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    padding-bottom: 30px;
}

.team-wrap {
    width: 1090px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
}

img.shoot-land {
    width: 240px;
    display: block;
    position: absolute;
    top: 28px;
    left: 100px;
}

.innovative-wrap {
    width: 1090px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
}

.innovative-text {
    font-size: 27px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    padding-bottom: 30px;
    color: #fff;
}

.whoweare-wrap {
    width: 1090px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
}

.whoweare-text {
    font-size: 27px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    padding-bottom: 30px;
}

.rectangle {
    display: block;
    width: 783px;
    height: 100%;
    background: url(../images/main-rectangle.svg);
    background-size: cover;
}

.rectangle-wrap {
    float: right;
    padding-right: 120px;
}

.rectangle h1 {
    font-family: 'Bayon';
    font-weight: normal;
    margin: 0px;
    font-size: 64px;
    line-height: 83px;
    color: #FFFFFF;
    width: 354px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 37px;
    display: block;
    float: right;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.8);
}

a.rectangle-button {
    display: block;
    margin: 0 auto;
    clear: both;
    width: 122px;
    height: 48px;
    background: linear-gradient(0deg, rgba(22, 22, 22, 1) 0%, rgba(61, 61, 61, 1) 100%);
    font-family: 'Saira SemiCondensed Regular';
    font-size: 20px;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding-top: 6px;
    padding-left: 22px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    color: #fff;
    position: relative;
}

a.rectangle-button::before {
    content: "";
    position: absolute;
    background: url(../images/arrow-bottom.svg);
    background-size: cover;
    width: 18px;
    height: 10px;
    top: 19px;
    right: 17px;
}

.imperator {
    display: block;
    position: absolute;
    width: 538px;
    height: 583px;
    background: url(../images/dragons-time-imperator.png);
    background-size: cover !important;
    top: -50px;
    left: -60px;
    mix-blend-mode: soft-light;
}

.amon {
    display: block;
    position: absolute;
    width: 480px;
    height: 421px;
    background: url(../images/amon.png);
    background-size: cover !important;
    top: -10px;
    right: 0px;
    mix-blend-mode: soft-light;
}

img.presence-red-01 {
    width: 135px;
    position: absolute;
    mix-blend-mode: overlay;
    left: 330px;
    top: -25px;
}

img.presence-red-02 {
    width: 214px;
    position: absolute;
    mix-blend-mode: overlay;
    left: 50%;
    bottom: -106px;
}

img.presence-red-03 {
    width: 214px;
    position: absolute;
    mix-blend-mode: overlay;
    right: 395px;
    top: -70px;
}

.what-wrap {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.what-item-01-badge {
    width: 248px;
    height: 200px;
    display: block;
    float: left;
    background: url(../images/what-01.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 27px;
    line-height: 43px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 60px;
    padding-right: 48px;
    color: #ffffff;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.55);
}

.what-item-01-badge span {
    display: block;
}

.what-item-01-text {
    display: block;
    float: left;
    width: 570px;
    height: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 25px;
    background: url(../images/what-01-text.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    border-left: 10px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(315deg, #66666600, #CB0000) 1;
    background: linear-gradient(270deg, #74373700 0%, rgb(143 0 0 / 69%) 100%);
    font-size: 20px;
    padding-top: 8px;
    padding-left: 22px;
    padding-right: 22px;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
}

.what-item-01 {
    overflow: hidden;
    width: max-content;
    padding-left: 510px;
    padding-bottom: 40px;
}








.what-item-02-badge {
    width: 248px;
    height: 200px;
    display: block;
    float: left;
    background: url(../images/what-02.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 27px;
    line-height: 43px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 54px;
    padding-left: 48px;
    color: #ffffff;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.55);
}

.what-item-02-badge span {
    display: block;
}

.what-item-02-text {
    display: block;
    float: left;
    width: 570px;
    height: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 25px;
    background-size: cover;
    border-right: 10px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(45deg, #66666600, #424F5A) 1;
    background: linear-gradient(90deg, rgba(30, 36, 41, 0) 0%, rgba(30, 36, 41, 1) 100%);
    box-sizing: border-box;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 20px;
    padding-top: 23px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: right;
    color: #fff;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.what-item-02 {
    overflow: hidden;
    width: max-content;
    padding-left: 223px;
    padding-bottom: 40px;
}



.what-item-03-badge {
    width: 248px;
    height: 200px;
    display: block;
    float: left;
    background: url(../images/what-03.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 27px;
    line-height: 43px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 60px;
    padding-right: 48px;
    color: #ffffff;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.55);
}

.what-item-03-badge span {
    display: block;
}

.what-item-03-text {
    display: block;
    float: left;
    width: 570px;
    height: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 25px;
    background: url(../images/what-01-text.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    border-left: 10px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(315deg, #66666600, #CB0000) 1;
    background: linear-gradient(270deg, #74373700 0%, rgb(143 0 0 / 69%) 100%);
    font-size: 20px;
    padding-top: 29px;
    padding-left: 27px;
    padding-right: 22px;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.what-item-03 {
    overflow: hidden;
    width: max-content;
    padding-left: 510px;
    padding-bottom: 40px;
}








.what-item-04-badge {
    width: 190px;
    height: 152px;
    display: block;
    float: left;
    background: url(../images/what-04.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 20px;
    line-height: 32px;
    padding-left: 78px;
    padding-right: 40px;
    padding-top: 28px;
    box-sizing: border-box;
    text-align: center;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.55);
    color: #fff;
}

.what-item-04-text {
    display: block;
    float: left;
    width: 570px;
    height: 80px;
    margin-top: 34px;
    margin-bottom: 34px;
    margin-right: 25px;
    background-size: 570px;
    border-right: 5px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(45deg, #66666600, #424F5A) 1;
    background: linear-gradient(90deg, rgba(30, 36, 41, 0) 0%, rgba(30, 36, 41, 1) 100%);
    font-family: 'Saira SemiCondensed Regular';
    font-size: 20px;
    padding-top: 6px;
    padding-left: 40px;
    padding-right: 20px;
    text-align: right;
    color: #fff;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.what-item-04 {
    overflow: hidden;
    width: max-content;
    padding-left: 247px;
    padding-bottom: 40px;
}





.what-item-05-badge {
    width: 190px;
    height: 153px;
    display: block;
    float: left;
    background: url(../images/what-05.svg);
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 20px;
    line-height: 32px;
    padding-left: 40px;
    padding-right: 78px;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
    box-sizing: border-box;
    color: #ffffff;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.55);
}

.what-item-05-badge span {
    display: block;
}

.what-item-05-text {
    display: block;
    float: left;
    width: 570px;
    height: 80px;
    margin-top: 34px;
    margin-bottom: 34px;
    margin-left: 25px;
    background-size: cover;
    font-family: 'Saira SemiCondensed Regular';
    border-left: 5px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(315deg, #66666600, #CB0000) 1;
    background: linear-gradient(270deg, #74373700 0%, rgb(143 0 0 / 69%) 100%);
    font-size: 20px;
    padding-top: 22px;
    padding-left: 22px;
    padding-right: 22px;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
}

.what-item-05 {
    overflow: hidden;
    width: max-content;
    padding-left: 510px;
    padding-bottom: 40px;
}

a.more {
    width: 123px;
    height: 48px;
    display: block;
    background: #CD0000;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    font-family: 'Saira SemiCondensed Regular';
    border-radius: 24px;
    font-size: 20px;
    color: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    padding-top: 7px;
    padding-left: 32px;
    margin-right: 30px;
    text-decoration: none;
    float: left;
    position: relative;
    
}

a.more::before {
    content: "";
    position: absolute;
    background: url(../images/arrow-bottom.svg);
    background-size: cover;
    width: 18px;
    height: 10px;
    top: 19px;
    right: 17px;
}

a.allgames {
    width: 159px;
    height: 48px;
    display: block;
    background: #CD0000;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    font-family: 'Saira SemiCondensed Regular';
    border-radius: 24px;
    padding-left: 25px;
    padding-top: 7px;
    font-size: 20px;
    color: #fff;
    border: none;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
}

a.allgames::before {
    content: "";
    position: absolute;
    background: url(../images/arrow-bottom.svg);
    background-size: cover;
    width: 18px;
    height: 10px;
    top: 19px;
    right: 17px;
}

.more-buttons-wrap {
    margin: 0 auto;
    overflow: hidden;
    width: max-content;
    padding-top: 70px;
}

.burger-menu-wrap {
    width: max-content;
    float: right;
}

a.burger-menu {
    width: 36px;
    height: 34px;
    display: block;
    background: url(../images/burger.svg);
}

.burger-menu-wrap {
    display: none;
}

section.single-game {
    background: url(/images/single-block-image.png);
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 127px;
    position: relative;
    overflow: hidden;
}

section.single-game h2 {
    color: #161616;
}

.single-game-text {
    font-size: 27px;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    padding-bottom: 30px;
}

.single-game-text-wrap {
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
}


.big-game-image {
    height: 504px;
    background: green;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
}

.big-game-image-item {
    height: 450px;
    background: yellow;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    z-index: 2;
}

.game-image-wrap {
    height: 504px !important;
    position: relative;
}

.specification-wrap, .game-image-wrap {
    padding-left: 30px;
    padding-right: 30px;
}

a.play-demo-button {
    display: block;
    position: absolute;
    bottom: 0px;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    width: calc(100% - 60px);
    height: 73px;
    font-family: 'Saira SemiCondensed Regular';
    color: #fff;
    font-size: 32px;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    padding-top: 23px;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-border-bottom-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    z-index: 1;
}

.specification-container {
    padding-left: 46px;
    padding-right: 46px;
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 28px;
}

.col-25 {
    padding-left: 19px;
    padding-right: 19px;
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.specification-title {
    text-align: center;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    color: #F9F9F9;
    font-size: 29px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    padding-top: 11px;
}

.specification {
    background: linear-gradient(180deg, #424f5a00, #424F5A);
}

.details {
    text-align: center;
    font-family: 'Saira SemiCondensed Regular';
    text-align: center;
    color: #F9F9F9;
    font-size: 29px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    padding-top: 8px;
    padding-bottom: 6px;
}

.s-theme {
    background: linear-gradient(180deg, rgb(66 79 90 / 30%), rgb(66 79 90 / 70%));
}

.s-release {
    background: linear-gradient(180deg, rgb(66 79 90 / 30%), rgb(66 79 90 / 70%));
}

.s-languages {
    background: linear-gradient(180deg, rgb(66 79 90 / 30%), rgb(66 79 90 / 70%));
    position: relative;
}

.s-languages img {
    margin-top: 6px;
    width: 100%;
}

.s-languages:before {
    background: url(../images/languages.svg);
    background-size: 41px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    left: 17px;
    top: 6px;
}

.s-platforms {
    position: relative;
}

.s-platforms:before {
    background: url(../images/platforms.svg);
    background-size: 41px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 42px;
    height: 25px;
    position: absolute;
    left: 17px;
    top: 10px;
}


.s-release {
    position: relative;
}

.s-release:before {
    background: url(../images/release.svg);
    background-size: 29px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 24px;
    top: 7px;
}






.s-specialfunction {
    position: relative;
}

.s-specialfunction:before {
    background: url(../images/specialfunction.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 24px;
    height: 300px;
    position: absolute;
    left: 25px;
    top: 7px;
}



.s-theme {
    position: relative;
}

.s-theme:before {
    background: url(../images/theme.svg);
    background-size: 29px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 24px;
    top: 8px;
}













.s-row {
    height: 45px;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Saira SemiCondensed Regular';
    font-size: 24px;
    padding-left: 74px;
    padding-right: 20px;
    padding-top: 4px;
}

.hidden {
    display: none;
}

.clicked {
    display: block !important;
}





.specification-full {
    height: 504px;
    background: rgb(66 79 90 / 50%);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    overflow: hidden;
}

.specification-rtp {
    height: 95px;
    display: block;
    background: linear-gradient(180deg, #F9BD38, #EA3580);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 6px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.specification-rtp::before {
    width: 46px;
    height: 46px;
    margin-left: -23px;
    top: -21px;
    content: '';
    background: url(/images/01-icon.png);
    background-size: cover;
    display: inline-block;
    position: absolute;
}

.specification-volatility::before {
    width: 46px;
    height: 46px;
    margin-left: -23px;
    top: -21px;
    content: '';
    background: url(/images/02-icon.png);
    background-size: cover;
    display: inline-block;
    position: absolute;
}

.specification-maxwin::before {
    width: 46px;
    height: 46px;
    margin-left: -23px;
    top: -21px;
    content: '';
    background: url(/images/03-icon.png);
    background-size: cover;
    display: inline-block;
    position: absolute;
}

.specification-paylines::before {
    width: 46px;
    height: 46px;
    margin-left: -23px;
    top: -21px;
    content: '';
    background: url(/images/04-icon.png);
    background-size: cover;
    display: inline-block;
    position: absolute;
}

.specification-grey {
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(83 83 83);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-top: 24px;
    box-sizing: border-box;
}

.specification-volatility {
    height: 95px;
    display: block;
    background: linear-gradient(180deg, #68E0B8, #4D6BEF);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 6px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.specification-maxwin {
    height: 95px;
    display: block;
    background: linear-gradient(180deg, #68E0B8, #4D6BEF);
    background: linear-gradient(180deg, #FA5ECC, #8E41F1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 6px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.specification-paylines {
    height: 95px;
    display: block;
    background: linear-gradient(180deg, #AD92FF, #4F17FA);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 6px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.specification-rtp-title {
    font-family: 'Saira SemiCondensed Medium';
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}

.specification-rtp-number {
    font-family: 'Saira SemiCondensed Medium';
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
}

.specification-volatility-number {
    font-family: 'Saira SemiCondensed Medium';
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
}

.specification-volatility-title {
    font-family: 'Saira SemiCondensed Medium';
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}

.specification-maxwin-title {
    font-family: 'Saira SemiCondensed Medium';
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}

.specification-maxwin-number {
    font-family: 'Saira SemiCondensed Medium';
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
}

img.geometry-red-01 {
    position: absolute;
    width: 178px;
    mix-blend-mode: overlay;
    top: 40px;
    left: 74px;
}


img.geometry-red-02 {
    position: absolute;
    width: 330px;
    mix-blend-mode: overlay;
    top: 206px;
    left: 135px;
}

img.trio {
    position: absolute;
    width: 200px;
    bottom: -80px;
    z-index: 2;
    left: 50%;
    margin-left: -100px;
}

img.geometry-01 {
    position: absolute;
    width: 120px;
    top: -30px;
    left: 140px;
}

img.geometry-02 {
    position: absolute;
    width: 200px;
    right: 10px;
    top: -193px;
    z-index: 3;
}

img.geometry-03 {
    position: absolute;
    width: 190px;
    top: -130px;
    left: 200px;
}

img.geometry-04 {
    position: absolute;
    width: 160px;
    right: 250px;
    bottom: -90px;
    z-index: 1;
}

img.altente-a {
    position: absolute;
    width: 565px;
    opacity: .5;
    mix-blend-mode: soft-light;
    left: -160px;
    top: 140px;
}

img.altente-b {
    position: absolute;
    width: 565px;
    opacity: .5;
    mix-blend-mode: soft-light;
    right: -195px;
    bottom: 90px;
}

.mobile-01, .mobile-02, .mobile-03 {
    z-index: 2;
}

#left-animation {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 616px;
    height: 1335px;
    margin: 0px;
}


#right-animation {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 616px;
    height: 1335px;
    margin: 0px;
}







/* мобильная версия */

@media (min-width:320px) and (max-width:767px) {
    


.single-game-text {
    font-size: 13px;
    line-height: 20px;
}

.single-game-text-wrap {
    padding-right: 30px;
    padding-left: 30px;
}

div#left-animation {
    width: 310px;
    height: 674px;
    left: -150px;
}

.left-animation-wrap {
    display: block;
    position: absolute;
    width: 160px;
    height: 100%;
    top: 0px;
    overflow: hidden;
}

div#right-animation {
    width: 310px;
    height: 674px;
    right: -150px;
}

.right-animation-wrap {
    display: block;
    position: absolute;
    width: 160px;
    height: 100%;
    top: 0px;
    right: 0px;
    overflow: hidden;
}

section.single-game .col-6 {
    width: 100%;
}

.imperator {
    display: none;
}

.specification-wrap, .game-image-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.specification-wrap {
    padding-bottom: 20px;
}

.specification-full {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: auto;
}

.specification-container {
        padding: 5px;
        padding-top: 12px;
        padding-bottom: 7px;
    }

.col-25 {
    padding-left: 5px;
    padding-right: 5px;
}

.specification-rtp, .specification-volatility, .specification-maxwin, .specification-paylines {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 4px;
    height: 52px;
}

.specification-rtp::before, .specification-volatility::before, .specification-maxwin::before, .specification-paylines::before  {
    width: 24px;
    height: 24px;
    margin-left: -12px;
    top: -12px;
}

.specification-rtp-title, .specification-volatility-title, .specification-maxwin-title, .specification-paylines-title {
    font-size: 13px;
    line-height: 20px;
}

.specification-rtp-number, .specification-volatility-number, .specification-maxwin-number, .specification-paylines-number {
    font-size: 16px;
    line-height: 11px;
}

.specification-grey {
    padding-top: 8px;
}

.specification-title {
    font-size: 24px;
    line-height: normal;
    padding-top: 0px;
}

.details {
    height: 30px;
    font-size: 24px;
    line-height: 24px;
    padding-top: 4px;
    padding-bottom: 0px;
    box-sizing: border-box;
}

.s-row {
    font-size: 16px;
    line-height: 23px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 37px;
    height: auto;
}

.s-theme:before {
    width: 14px;
    height: 14px;
    background-size: 14px;
    left: 12px;
    top: 4px;
}

.s-specialfunction:before {
    width: 12px;
    height: 15px;
    background-size: 12px;
    top: 4px;
    left: 12px;
}

.s-release:before {
    width: 15px;
    height: 15px;
    background-size: cover;
    left: 12px;
    top: 4px;
}

.s-platforms:before {
    width: 21px;
    height: 12px;
    background-size: 21px;
    left: 7px;
    top: 5px;
}

.s-languages:before {
    width: 21px;
    height: 16px;
    background-size: 21px;
    left: 8px;
}

.big-game-image-item {
    height: 200px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.game-image-wrap {
    height: 230px !important;
}

a.play-demo-button {
    width: calc(100% - 40px);
    font-size: 20px;
    padding-top: 41px;
    -webkit-border-bottom-right-radius: 18px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

section.single-game {
    padding-bottom: 45px;
}

img.trio {
    width: 60px;
    bottom: -4px;
    margin-left: -30px;
}

img.geometry-red-01 {
    width: 70px;
    top: -10px;
    left: -22px;
}

img.geometry-red-02 {
    width: 100px;
    top: 85px;
    left: 0px;
}

img.geometry-03 {
    width: 50px;
    top: -44px;
    left: 50px;
}

img.geometry-04 {
    width: 55px;
    bottom: -40px;
    left: 40%;
    right: unset;
}



a.logo img {
    width: 111px;
    height: auto;
    display: block;
}

header {
    min-height: 78px;
    height: auto;
    display: block;
}

.header-container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

section.mainscreen {
    height: 324px;
    background-position: left -485px top 0px;
    margin-top: 78px;
}

.rectangle h1 {
    font-size: 24px;
    line-height: 33px;
    width: 132px;
}

.rectangle {
    width: 200px;
    background-position: right 0px;
}

.rectangle-wrap {
    padding-right: 42px;
}

a.rectangle-button {
    width: 78px;
    height: 32px;
    font-size: 12px;
    padding-left: 15px;
}

a.rectangle-button::before {
    width: 11px;
    height: 6px;
    background-size: 11px;
    top: 15px;
    right: 12px;
}

.container {
    max-width: 100%;
}

.whoweare-wrap {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
}

.whoweare-text {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 0px;
}

h2 {
    font-size: 18px;
    line-height: 24px;
}

.container h2::after {
    width: 130px;
    height: 1px;
    background-size: 130px;
}

.container h2 {
    padding-bottom: 10px;
}

section.whoweare {
    padding-top: 13px;
    padding-bottom: 27px;
}

section.whoweare::before {
    display: none;
}

section.whoweare::after {
    display: none;
}

.innovative-wrap {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.innovative-text {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 0px;
}

section.innovative {
    height: auto;
    background: linear-gradient(180deg, #CD0000, #8F0000);
    box-sizing: border-box;
    padding-top: 19px;
    padding-bottom: 36px;
    position: relative;
    overflow: hidden;
}

.amon {
    width: 218px;
    height: 192px;
    top: 0px;
    right: -72px;
}

img.shoot-land {
    display: none;
}

.team-wrap {
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
}

.team-text {
    font-size: 13px;
    line-height: 20px;
}

section.team {
    padding-top: 24px;
    height: auto;
}

.what-item-01-badge {
    width: 100%;
    background: linear-gradient(90deg, #990000 0%, #cb0000 50%, #990000 100%);
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding-top: 0px;
    box-shadow: rgb(0 0 0) 0px 3px 2px 0px;
}

.what-item-01-badge span {
    display: inline;
    line-height: 22px;
}

.what-item-01 {
    padding-left: 0px;
    width: 100%;
    padding-bottom: 27px;
}

.what-item-01-text {
    width: 100%;
    margin: 0px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0px;
    border-bottom: 1px solid;
    border-image: linear-gradient(0deg, #455561, #CB0000) 1;
    background: linear-gradient(0deg, rgb(66 79 90 / 70%) 0%, rgb(143 0 0 / 70%));
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    height: auto;
    padding-top: 12px;
    padding-bottom: 16px;
}




.what-item-02-badge {
    width: 100%;
    background: linear-gradient(90deg, #2F3941 0%, #424F5A 50%, #2F3941 100%);
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding-top: 0px;
    order: 1;
    box-shadow: rgb(0 0 0) 0px 3px 2px 0px;
    padding-left: 0px;
}

.what-item-02-badge span {
    display: inline;
    line-height: 22px;
}

.what-item-02 {
    padding-left: 0px;
    width: 100%;
    display: flex;
    flex-flow: wrap;
    padding-bottom: 27px;
}

.what-item-02-text {
    width: 100%;
    margin: 0px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0px;
    border-bottom: 1px solid;
    border-image: linear-gradient(180deg, #455561, #CB0000) 1;
    background: linear-gradient(180deg, rgb(66 79 90 / 70%) 0%, rgb(143 0 0 / 70%));
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    height: auto;
    padding-top: 12px;
    padding-bottom: 16px;
    order: 2;
}








.what-item-03-badge {
    width: 100%;
    background: linear-gradient(90deg, #990000 0%, #cb0000 50%, #990000 100%);
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding-top: 0px;
}

.what-item-03-badge span {
    display: inline;
    line-height: 22px;
}

.what-item-03 {
    padding-left: 0px;
    width: 100%;
    padding-bottom: 27px;
}

.what-item-03-text {
    width: 100%;
    margin: 0px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0px;
    border-bottom: 1px solid;
    border-image: linear-gradient(0deg, #455561, #CB0000) 1;
    background: linear-gradient(0deg, rgb(66 79 90 / 70%) 0%, rgb(143 0 0 / 70%));
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    height: auto;
    padding-bottom: 16px;
    padding-top: 12px;
}








.what-item-04-badge {
    width: 100%;
    background: linear-gradient(90deg, #2F3941 0%, #424F5A 50%, #2F3941 100%);
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding-top: 0px;
    order: 1;
    box-shadow: rgb(0 0 0) 0px 3px 2px 0px;
    padding-left: 0px;
}

.what-item-04-badge span {
    display: inline;
    line-height: 22px;
}

.what-item-04 {
    padding-left: 0px;
    width: 100%;
    display: flex;
    flex-flow: wrap;
    padding-bottom: 27px;
}

.what-item-04-text {
    width: 100%;
    margin: 0px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0px;
    border-bottom: 1px solid;
    border-image: linear-gradient(180deg, #455561, #CB0000) 1;
    background: linear-gradient(180deg, rgb(66 79 90 / 70%) 0%, rgb(143 0 0 / 70%));
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    height: auto;
    padding-top: 12px;
    padding-bottom: 16px;
    order: 2;
}








.what-item-05-badge {
    width: 100%;
    background: linear-gradient(90deg, #990000 0%, #cb0000 50%, #990000 100%);
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding-top: 0px;
}

.what-item-05-badge span {
    display: inline;
    line-height: 22px;
}

.what-item-05 {
    padding-left: 0px;
    width: 100%;
    padding-bottom: 27px;
}

.what-item-05-text {
    width: 100%;
    margin: 0px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0px;
    border-bottom: 1px solid;
    border-image: linear-gradient(0deg, #455561, #CB0000) 1;
    background: linear-gradient(0deg, rgb(66 79 90 / 70%) 0%, rgb(143 0 0 / 70%));
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    height: auto;
    padding-bottom: 16px;
    padding-top: 12px;
}









.what-wrap {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

section.whatwedo {
    padding-top: 13px;
    padding-bottom: 20px;
    height: auto;
}



section.whatwedo h2 {
    padding-bottom: 16px;
}

.game-black-layout {
    height: 85px;
}

.game-black-layout:before {
    content: '';
    display: block;
    width: 13px;
    height: 7px;
    background: url(../images/top-arrow.svg);
    background-size: cover;
    margin: 0 auto;
    margin-top: 68px;
}

.contacts-smm-title {
    float: none;
    padding-left: 25px;
    text-align: center;
    font-size: 20px;
    line-height: 31px;
}

footer .col-6 {
    width: 100%;
}

.form-title {
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 8px;
}

footer h2 {
    padding-bottom: 12px;
    width: 100%;
}

footer h2::after {
    content: '';
    display: block;
    width: 130px;
    height: 1px;
    background: url(../images/line.svg);
    background-size: cover;
    margin: 0 auto;
    text-align: center;
}

.footer-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
}

.mobile-01 {
    order: 1;
}

.mobile-02 {
    order: 2;
    padding-top: 36px;
}

.mobile-03 {
    order: 3;
}

.col-form-50 {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

input.field {
    height: 50px;
    margin-bottom: 22px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    padding-left: 10px;
    background: rgb(50 50 50 / 60%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.col-form-100 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

textarea.textarea {
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 22px;
    background: rgb(50 50 50 / 60%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.text-gray {
    box-sizing: border-box;
    width: 182px;
    font-size: 15px;
    line-height: 24px;
    padding-top: 0px;
}

.politic-checkbox {
    overflow: hidden;
    float: left;
}

.politic-wrap {
    width: max-content;
    overflow: hidden;
    margin: 0 auto;
}

form.form-one {
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
}

p.meeting {
    font-size: 16px;
    line-height: 25px;
}

p.meeting a {
    padding-top: 0px;
}

a.meeting {
    font-size: 16px;
    width: 122px;
    height: 34px;
    padding-top: 4px !important;
}

.contacts-links {
    font-size: 16px;
    line-height: 25px;
}

a.linkedin {
    width: 44px;
    height: 44px;
    margin-right: 17px;
}

a.facebook {
    width: 44px;
    height: 44px;
    margin-right: 17px;
}

a.x {
    width: 44px;
    height: 44px;
    margin-right: 17px;
}

.contacts-links p {
    margin-bottom: 0px;
}

.contacts-smm {
    padding-top: 17px;
}

a.telegram {
    width: 44px;
    height: 44px;
    background-size: cover;
    margin-right: 17px;
}

a.skype {
    width: 44px;
    height: 44px;
    background-size: cover;
    margin-right: 17px;
}

a.instagram {
    width: 44px;
    height: 44px;
    background-size: cover;
}

.rng-image img {
    width: 105px;
    height: 40px;
    display: block;
}

.mga-image img {
    width: 175px;
    height: 34px;
    display: block;
}

.rng-image {
    display: block;
    padding-right: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.curacao-image {
    display: none;
}

.mga-image {
    float: left;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.footer-logos {
    margin: 0 auto;
    float: none;
}

.footer-copyright-links {
    float: none;
    width: 100%;
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

a.privacy-link {
    float: right;
    font-size: 16px;
    text-decoration: none;
}

.footer-copyright {
    font-size: 16px;
    padding-right: 0px;
}

.footer-copyright-wrap {
    padding-top: 60px;
}

.presences {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
}

section.ourpresense .col-3 {
    width: 50%;
}

img.presense {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

section.ourpresense h2::after {
    content: '';
    display: block;
    width: 130px;
    height: 1px;
    background: url(../images/line-white.svg);
    background-size: cover;
    margin: 0 auto;
    text-align: center;
}

section.ourpresense {
    height: auto;
    padding-bottom: 26px;
}

img.lost-civilization {
    display: none;
}

.testimonial {
    width: 100%;
    padding-left: 22px;
    padding-right: 22px;
}

.testimonial-text {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 12px;
}

.testimonial::before {
    width: 9px;
    height: 7px;
}

.testimonial::after {
    width: 9px;
    height: 7px;
}

.mobile-testimonials {
    padding-left: 20px;
    padding-right: 20px;
}

.testimonial-name {
    font-size: 14px;
    line-height: 22px;
}

section.testimonials {
    padding-top: 22px;
    padding-bottom: 18px;
    height: auto;
}

section.testimonials::before {
    content: '';
    display: block;
    width: 820px;
    height: 400px;
    background: url(../images/grey-grid-01.svg);
    background-size: 820px;
    position: absolute;
    bottom: -300px;
    left: -500px;
    mix-blend-mode: multiply;
    rotate: 5deg;
}

section.testimonials::after {
        content: '';
        display: block;
        width: 820px;
        height: 400px;
        background: url(../images/grey-grid-01.svg);
        background-size: 820px;
        position: absolute;
        bottom: -263px;
        right: -446px;
        mix-blend-mode: multiply;
        rotate: -19deg;
}

footer::before {
        content: '';
        width: 462px;
        height: 933px;
        position: absolute;
        left: -280px;
        top: 180px;
        background: url(../images/footer-grid-mobile-left.svg);
        background-size: 462px;
        background-position: right center;
        mix-blend-mode: overlay;
}

footer::after {
        content: '';
        width: 536px;
        height: 933px;
        position: absolute;
        right: -378px;
        top: 80px;
        background: url(../images/footer-grid-mobile-right.svg);
        background-size: 536px;
        background-position: left center;
        mix-blend-mode: overlay;
    }











.partners .col-3 {
    width: 50%;
}

img.partner {
    width: 100%;
    max-width: 180px;
    margin-bottom: 0px;
}

section.ourpartners {
    height: auto;
    padding-bottom: 16px;
    overflow: hidden;
}

.gameswrap .col-3 {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.gameswrap {
    padding-left: 10px;
    padding-right: 10px;
}

.game-hover-wrap {
    width: 100%;
}

.game-hover-wrap {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    box-sizing: border-box;
}

.game-grey-property {
    font-size: 10px;
    padding-top: 4px;
}

.game-grey-value {
    font-size: 12px;
    line-height: 20px;
}

.game-hover-title::after {
    background: url(../images/hover-after.svg);
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-size: 100px;
    margin-top: 10px;
    margin: 0 auto;
}

.game-property-01 {
    padding: 3px;
    height: 43px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.game-property-02 {
    padding: 3px;
    height: 43px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.game-property-03 {
    padding: 3px;
    height: 43px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.game-property-04 {
    padding: 3px;
    height: 43px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.game-hover-title {
    font-size: 16px;
    line-height: 19px;
}

.game-image {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: 205px;
    overflow: hidden;
    background-position: top center !important;
}

.game-hover {
    padding-top: 2px;
    bottom: -205px;
}

.game-hover-functions {
    display: none;
}

.functions-title {
    display: none;
}

.game-hover-wrap-buttons {
    position: relative;
    bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-flow: wrap;
}

.button-col-50 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

a.hover-play-demo {
    height: 25px;
    font-size: 12px;
    padding-top: 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

a.hover-get-info {
    height: 25px;
    font-size: 12px;
    padding-top: 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 8px;
}

.play-demo-01 {
    order: 2;
}

.get-info-01 {
    order: 1;
}

.game-title {
    font-size: 16px;
    padding-top: 0px;
}

.game {
    margin-bottom: 15px;
}

section.ourgames {
    height: auto;
    padding-bottom: 26px;
}

.politic-checkbox {
    overflow: hidden;
    width: max-content;
    float: left;
}

a.more {
    width: 122px;
    height: 34px;
    font-size: 16px;
    padding-top: 4px;
    padding-left: 40px;
    padding-right: 16px;
    text-align: left;
    background: linear-gradient(0deg, rgba(22, 22, 22, 1) 0%, rgba(61, 61, 61, 1) 100%);
    background: linear-gradient(180deg, #CD0000, #8F0000);
    margin: 0 auto;
    margin-bottom: 10px;
    }

a.more::before {
    content: "";
    position: absolute;
    background: url(../images/arrow-bottom.svg);
    background-size: cover;
    width: 18px;
    height: 10px;
    top: 13px;
    right: 17px;
}


.more-buttons-wrap {
    padding-top: 7px;
}

a.allgames {
    width: 122px;
    height: 34px;
    font-size: 16px;
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 0px;
    text-align: left;
    clear: both;
    margin: 0 auto;
    display: block;
}

a.allgames::before {
    content: "";
    position: absolute;
    background: url(../images/arrow-bottom.svg);
    background-size: cover;
    width: 18px;
    height: 10px;
    top: 13px;
    right: 17px;
}

.hide-menu {
    display: none;
}

ul.menu {
    font-size: 18px;
    width: 100%;
    padding-top: 22px;
}

ul.menu li {
    padding-left: 0px;
    width: 100%;
    text-align: center;
}

ul.menu li a:hover p::first-letter {
    color: #fff;
}


ul.menu li a:hover p {
    text-decoration: none;
    border-bottom: none;
}

ul.menu li {
    padding-bottom: 21px;
}

ul.menu li a::before {
    display: none;
}

.burger-menu-wrap {
    display: block;
}

img.altente-a {
    width: 267px;
    left: -140px;
}

img.altente-b {
    width: 267px;
    right: -140px;
}

.slider {
    margin-bottom: 0px !important;
}

img.geometry-01 {
    width: 60px;
    top: -10px;
    left: 40px;
}

img.geometry-02 {
    display: none;
}

img.presence-red-01 {
    left: 0px;
    width: 50px;
    top: 15px;
}

img.presence-red-02 {
    width: 90px;
    bottom: -30px;
}

img.presence-red-03 {
    width: 90px;
    top: 0px;
    right: -40px;
}

button.submit {
    height: 34px;
    width: 122px;
    padding-top: 0px;
    font-size: 18px;
}





}

/* маленький пк */

@media (min-width:500px) and (max-width:767px) {

    .game-image {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        height: 320px;
        overflow: hidden;
        background-position: top center !important;
    }
    
        .game-hover {
        padding-top: 2px;
        bottom: -320px;
    }

}




@media (min-width:320px) and (max-width:510px) {
    
    section.mainscreen {
        height: 324px;
        background-position: left -556px top 0px;
        margin-top: 78px;
    }
    
}





/* мобильная версия */

@media (min-width:768px) and (max-width:991px) {
    
.header-container {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    height: 88px;
}

header {
    height: auto;
}

div#left-animation {
    height: 1165px;
    left: -200px;
}

.left-animation-wrap {
    display: block;
    position: absolute;
    width: 416px;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

div#right-animation {
    height: 1165px;
    right: -200px;
}

.right-animation-wrap {
    display: block;
    position: absolute;
    width: 416px;
    height: 100%;
    right: 0px;
    top: 0px;
    overflow: hidden;
}

section.mainscreen {
    margin-top: 88px;
    background-position: left -735px top 0px;
    position: relative;
    z-index: 2;
}

ul.menu {
    width: max-content;
    font-size: 18px;
    padding-top: 10px;
}

ul.menu li {
    display: block;
    float: left;
    padding-left: 24px;
}

section.whoweare::before {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -800px;
    left: -1180px;
    mix-blend-mode: multiply;
}

section.whoweare::after {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -800px;
    right: -800px;
    mix-blend-mode: multiply;
}



section.testimonials::before {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -800px;
    left: -1180px;
    mix-blend-mode: multiply;
}

section.testimonials::after {
    content: '';
    display: block;
    width: 1920px;
    height: 933px;
    background: url(../images/grey-grid-01.svg);
    background-size: cover;
    position: absolute;
    bottom: -800px;
    right: -800px;
    mix-blend-mode: multiply;
}

footer .col-6 {
    width: 100%;
}

form.form-one {
    padding-left: 22px;
    padding-right: 22px;
    display: block;
    overflow: hidden;
    padding-bottom: 50px;
}

footer::before {
    content: '';
    width: 462px;
    height: 933px;
    position: absolute;
    left: -280px;
    top: 180px;
    background: url(../images/footer-grid-mobile-left.svg);
    background-size: 462px;
    background-position: right center;
    mix-blend-mode: overlay;
}

footer::after {
    content: '';
    width: 536px;
    height: 933px;
    position: absolute;
    right: -378px;
    top: 80px;
    background: url(../images/footer-grid-mobile-right.svg);
    background-size: 536px;
    background-position: left center;
    mix-blend-mode: overlay;
}

textarea.textarea {
    background: rgb(50 50 50 / 60%);
}

input.field {
    background: rgb(50 50 50 / 60%);
}

.rng-image img {
    width: 100px;
    height: 54px;
}

.mga-image img {
    width: 180px;
}

.curacao-image img {
    width: 200px;
}

.footer-logos {
    float: none;
    margin: 0 auto;
}

.footer-copyright-wrap {
    padding-top: 60px;
}

.footer-copyright-links {
    float: none;
    margin: 0 auto;
    width: max-content;
}











a.logo img {
    width: 130px;
    height: auto;
}

.rectangle {
    width: 400px;
    background-position: right;
}

.rectangle-wrap {
    width: 100%;
    padding: 0px;
}

.rectangle h1 {
    width: 100%;
    font-size: 48px;
    line-height: 64px;
    padding-top: 120px;
}

.what-item-01 {
    overflow: hidden;
    width: max-content;
    padding-left: 0px;
    padding-bottom: 20px;
}

.what-item-02 {
    padding-left: 0px;
    padding-bottom: 20px;
}

.what-item-03 {
    padding-left: 0px;
    padding-bottom: 20px;
}

.what-item-04 {
    padding-left: 0px;
    padding-bottom: 20px;
}

.what-item-05 {
    padding-left: 0px;
    padding-bottom: 20px;
}

.what-wrap {
    width: max-content;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.what-item-01-text {
    width: 470px;
    font-size: 19px;
}

.what-item-02-text {
    width: 470px;
    font-size: 18px;
}   

.what-item-03-text {
    width: 470px;
    font-size: 18px;
}

.what-item-04-text {
    width: 470px;
}

.what-item-05-text {
    width: 470px;
}

section.whatwedo {
    height: auto;
    padding-bottom: 40px;
    padding-top: 40px;
}

.whoweare-wrap {
    width: 100%;
}

.whoweare-text {
    font-size: 21px;
    line-height: normal;
    padding-bottom: 0px;
}

h2 {
    text-align: center;
    font-family: 'Saira SemiCondensed Medium';
    font-size: 30px;
    margin: 0px;
    padding-bottom: 30px !important;
}

img.geometry-01 {
    position: absolute;
    width: 120px;
    top: -90px;
    left: 140px;
}

img.geometry-02 {
    width: 150px;
    top: -140px;
}

.innovative-wrap {
    width: 100%;
}

.innovative-text {
    font-size: 21px;
    line-height: normal;
    padding-bottom: 0px;
}

section.innovative {
    height: auto;
    padding-bottom: 80px;
}

.amon {
    width: 240px;
    height: 210px;
    top: 55px;
}

img.trio {
    width: 150px;
    bottom: -60px;
}

img.shoot-land {
    display: none;
}

.team-wrap {
    width: 100%;
}

.team-text {
    font-size: 21px;
    line-height: normal;
    padding-bottom: 0px;
}

section.team {
    padding-top: 53px;
    padding-bottom: 50px;
    height: auto;
}

img.geometry-03 {
    width: 95px;
    top: -88px;
}

img.geometry-04 {
    position: absolute;
    width: 140px;
    right: 250px;
    bottom: -65px;
    z-index: 1;
}

.gameswrap .col-3 {
    width: 50%;
}

.more-buttons-wrap {
    padding-top: 30px;
}

.slide {
    margin-left: 0px;
}

.game-title {
    font-size: 18px;
}

img.lost-civilization {
    display: none;
}

.testimonial {
    width: 100%;
}

.testimonial::before {
    display: block;
    content: '';
    width: 16px;
    height: 13px;
    background: url(../images/quotes-01.svg);
    background-size: cover;
    position: absolute;
    left: 30px;
    top: 0px;
}

.testimonial::after {
    display: block;
    content: '';
    width: 16px;
    height: 13px;
    background: url(../images/quotes-02.svg);
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 0px;
}

section.testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
    height: auto;
}

.testimonial-text {
    font-size: 21px;
    line-height: normal;
}

.testimonial-name {
    font-size: 21px;
    line-height: normal;
}

.footer-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
}

.mobile-01 {
        order: 1;
    }
    
.mobile-02 {
        order: 2;
    }
    
.mobile-03 {
        order: 3;
    }

footer h2 {
        padding-bottom: 12px;
        width: 100%;
    }
    
.presences {
    padding-top: 20px;
}

.imperator {
    width: 400px;
    height: 400px;
    top: -8px;
}

section.ourpresense {
    height: 300px;
}

    
}


@media (min-width:1200px) and (max-width:1400px) {

    section.mainscreen {
        background-position: -535px 0px !important;
    }

}



@media (min-width:992px) and (max-width:1400px) {


header {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.rectangle {
    display: block;
    width: 420px;
    height: 100%;
    background: url(../images/main-rectangle.svg);
    background-size: cover;
    background-position: right;
}

.rectangle-wrap {
    padding-right: 45px;
}

.rectangle h1 {
    font-size: 48px;
    line-height: 64px;
    padding-top: 100px;
}

section.mainscreen {
    background-position: -600px 0px;
}

.whoweare-wrap {
    width: 100%;
}

.innovative-wrap {
    width: 100%;
}

section.whoweare::before {
    left: -1240px;
}

section.whoweare::after {
    right: -960px;
}

img.shoot-land {
    display: none;
}

.team-wrap {
    width: 100%;
}

.what-item-01 {
    padding-left: 0px;
}

.what-item-02 {
    padding-left: 0px;
}

.what-item-03 {
    padding-left: 0px;
}

.what-item-04 {
    padding-left: 0px;
}

.what-item-05 {
    padding-left: 0px;
}

.what-wrap {
    width: max-content;
    margin: 0 auto;
}

img.lost-civilization {
    display: none;
}

.testimonial {
    width: 100%;
}

.mobile-testimonials {
    padding-left: 50px;
    padding-right: 50px;
}



}