@font-face {
    font-family: SafiroMedium;
    src: url(fonts/Safiro-Medium.ttf) format("truetype");
}
@font-face {
    font-family: VersosTestRegular;
    src: url(fonts/VersosTest-Regular.ttf) format("truetype");
}
@font-face {
    font-family: VersosTestBlack;
    src: url(fonts/VersosTest-Black.ttf) format("truetype");
}
@font-face {
    font-family: VersosTestBold;
    src: url(fonts/VersosTest-Bold.ttf) format("truetype");
}
@font-face {
    font-family: VersosTestExtraBold;
    src: url(fonts/VersosTest-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-family: VersosTestLight;
    src: url(fonts/VersosTest-Light.ttf) format("truetype");
}
@font-face {
    font-family: PoppinsBold;
    src: url(fonts/Poppins-Bold.ttf) format("truetype");
}
@font-face {
    font-family: PoppinsRegular;
    src: url(fonts/Poppins-Regular.ttf) format("truetype");
}

html,
body {
    height: 100%;
    width: 100%;
    position: relative;
}

body {
    margin: 0px;
    font-family: VersosTestRegular;
    color: #fff;
    background-color: #020431;
}

button:focus, input:focus, div:focus { outline: none; }

.header-menu {
    position: fixed;
    right: 3.1vw;
    z-index: 9999;
}
.header-menu ul {
    list-style-type: none;
    padding: 0px;
    margin: 5% 0px;
}
.header-menu ul li {
    display: inline-block;
    line-height: 1.54vw;
    vertical-align: middle;   
}
.header-menu ul li a {
    color: #fff;
    font-family: SafiroMedium;
    font-size: 1.45vw;
    text-decoration: none;
    margin-right: 2.58vw;
}
.header-menu ul li:last-child ~ .header-menu ul li a {
    margin-right: 0px;
}
.search-icon {
    width: 1.85vw;
}
.header-logo {
    position: absolute;
    top: 10%;
    right: 23%;
    z-index: 1;
    width: 27.61vw;
}

.menu-active {
    height: 0.21vw;
    width: 2.06vw;
    background-color: #fff;
    border-radius: 100px;
    position: absolute;
    top: 4.8vw;
    left: 12%;
    transition: left 0.2s ease;
}

.section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-slider {
    width: 100%;
    overflow: hidden;
    height: 50vw;
}
.home-slider-interna {
    height: 37.5vw;
}
.home-slider-items {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.home-slide {
    width: 100%;
    background-size: cover;
}
.home-slide iframe {
    border: none;
    width: 100%;
    height: 100%;
}
.home-slide-1 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 100%;
    height: 50vw;
}
.home-slide-d {
    position: absolute;
    top: 0vw;
    left: 0vw;
    margin-left: 100%;
    width: 100%;
    height: 50vw;
}
.home-slide-interna {
    height: 36.8vw;
}

.logo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-family: VersosTestExtraBold;
    font-size: 1.93vw;
    max-width: 93%;
}
.logo-img {
    margin: 5% 0;
}

.menu-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1vw;    
}
.menu-btn span {
    font-size: 1.2vw;
    padding: 0 0 0 5%;
}
.menu-btn img {
    width: 100%;
}

.home-slider-bullets {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: -15px;
    position: relative;
    z-index: 1;
}

.home-slider-bullet {
    height: 0.517vw;
    width: 2.323vw;
    background-color: #ffffff5e;
    border-radius: 10px;
    margin: 0 0.41vw;
}
.home-slider-bullet-active {
    background-color: #fff;
}

.products {
    height: 55vw;
    background: linear-gradient(180deg, #090f54 0%, #2e015e 100%);
}

.product-title {
    font-size: 2.97vw;
    font-family: 'VersosTestExtraBold';
    width: 100%;
    margin-top: 4vw;
    right: 4.5%;
    position: relative;
    text-align: right;
}

.presentation {    
    display: inline-block;
    margin-bottom: 0%;
    margin-top: -2px;
}
.presentation-content {
    padding: 0;
}
.presentation-bg {
    position: relative;
    z-index: 0;
    width: 100%;
}
.presentation-item-0 {
    position: absolute;
    top: 15%;
    left: 9%;
    width: 39.17vw;
}
.presentation-item-1 {
    position: absolute;
    top: 2%;
    right: 4%;
    width: 40.46vw;
}
.presentation-item-2 {
    position: absolute;
    top: 37%;
    left: 9%;
    width: 39.17vw;
}
.presentation-item-3 {
    position: absolute;
    top: 80%;
    right: 5%;
    width: 43.4vw;
}
.presentation-item-text {
    position: absolute;
    top: 4.7%;
    z-index: 2;
    width: 40%;
    margin-left: 9%;
}
.presentation-item-text a {
    text-decoration: none;
    color: #0e033b;
}
.presentation-item-text button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.19vw;
    padding: 1% 3%;
    border: none;
    margin-top: 6%;
    color: #0e033b;
    cursor: pointer;
}
.presentation-item-text button:hover {
    background-color: #ffffff9a;
}
.presentation-item-text h4 {
    font-family: 'VersosTestExtraBold';
    font-size: 2.32vw;
    color: #fff;
    margin: 5% 0;
}
.presentation-item-text span {
    font-family: 'VersosTestBold';
    font-size: 1.44vw;
    color: #fff;
    padding-right: 15%;
    display: block;
}
.presentation-item-text-0 {
    position: absolute;
    top: 41%;
    z-index: 2;
    width: 40%;
    margin-left: auto;
    right: 5%;
    text-align: right;
}
.presentation-item-text-0 button {
    margin: 6% 0 0 auto;
}
.presentation-item-text-0 span {
    padding-right: unset;
    padding-left: 17%;
}
.presentation-item-text-2 {
    position: absolute;
    top: 41%;
    z-index: 2;
    width: 40%;
    margin-left: auto;
    right: 5%;
    text-align: right;
}
.presentation-item-text-2 button {
    margin: 6% 0 0 auto;
}
.presentation-item-text-2 span {
    padding-right: unset;
    padding-left: 17%;
}
.presentation-item-text-3 {
    top: 86%;
    width: 41%;
}
.presentation-item-text-3 span {
    padding-right: unset;
}

.games {    
    display: inline-block;
    margin-bottom: 6%;
}
.games-content {
    padding: 0 3% 0 9%;
}
.games-title {
    font-family: 'VersosTestBold';
    font-size: 57.36px;
    color: #0c1fa2;
    background-color: #fff;
    display: inline-block;
    padding: 10px 25px;
    margin: 60px 0px 40px 0px;
}
.games-slider {
    display: block;
    overflow: hidden;
    width: 50%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin-top: 3%;
    margin-bottom: 10%;
}
.games-slider-items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.games-slide {
    display: flex;
    flex-direction: column;
    margin-right: 5%;
    min-width: 20vw;
}
.games-slide span {
    font-family: VersosTestRegular;
    font-size: 17.34px;
    padding: 20px 0;
}
.games-slide img {
    width: 100%;
}

.newgames {    
    display: inline-block;
    padding-top: 10%;
    padding-bottom: 15%;
    background: #020431;
    background: linear-gradient(180deg, #020431 0%, #110034 100%);
    overflow: visible;
}
.newgames-section-title {
    position: relative;
    z-index: 2;
    margin: 16% 0 5% 0;
}
.newgames-section-title h1 {
    font-size: 10.12vw;
    font-family: 'VersosTestExtraBold';
    width: 50%;
    line-height: 9vw;
    margin: 0;
}
.newgames-section-title span {
    font-size: 2.168vw;
    font-family: 'VersosTestLight';
    margin: 3% 0 0 0;
    display: block;
}
.newgames-nave {
    position: absolute;
    right: 0px;
    top: 13%;
    z-index: 1;
    width: 59.8%;
}
.newgames-content {
    padding: 0 3% 0 9%;
}
.newgames-title {
    font-family: 'VersosTestBold';
    font-size: 2.94vw;
    color: #0c1fa2;
    background-color: #fff;
    display: inline-block;
    padding: 0.5% 2.5%;
    margin: 0 0 4% 0;
}
.newgames-slider {
    display: block;
    overflow: hidden;
    width: 46%;
    z-index: 2;
    position: relative;
}
.newgames-slider-items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.newgames-slide {
    display: flex;
    flex-direction: column;
    margin-right: 5%;
    min-width: 13.7vw;
}
.newgames-slide span {
    font-family: VersosTestLight;
    font-size: 1.3vw;
    padding: 1vw 0;
}
.services {
    background-color: #02002f;
}
.services-bg {
    position: relative;
    z-index: 0;
    width: 100%;
}
.services-nave {
    position: absolute;
    left: 0px;
    top: 33%;
    z-index: 1;
    width: 100%;
}
.services-title {
    font-family: 'VersosTestExtraBold';
    font-size: 2.94vw;
    color: #fff;
    display: inline-block;
    padding: 0.5% 2.5%;
    margin: 24% 0 4% 7%;
    position: absolute;
    z-index: 2;
}
.services-slider {
    position: absolute;
    z-index: 2;
    width: 44%;
    height: 40vw;
    overflow: hidden;
    top: 17%;
    left: 50%;
    transform: translateX(-50%);
}
.services-items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.services-item {
    text-align: center;
    padding: 20% 10% 0 10%;
    min-width: 35vw;
}
.services-item h3 {
    font-family: VersosTestBlack;
    font-size: 1.66vw;
    color: #fff;
}
.services-item span {
    font-family: VersosTestRegular;
    font-size: 1.24vw;
    color: #fff;
    line-height: 2.5vw;
}
.services-item button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.75vw;
    margin: 10% auto 5% auto;
    padding: 2% 4%;
    border: none;
    cursor: pointer;
}
.services-item button:hover {
    background-color: #ffffff9a;
}
.help-content {
    position: absolute;
    width: 80%;
    top: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
}
.help-text {
    font-family: VersosTestExtraBold;
    font-size: 2.6vw;
    width: 70%;
}
.help-text span {
    display: block;
    margin: 10% 0 0 9%;
}
.help-form {
    border: solid 0.21vw #fff;
    border-radius: 11px;
    padding: 3%;
    font-family: PoppinsRegular;
    font-size: 1vw;
    width: 49%;
}
.help-form-input-required {
    border: solid 0.21vw red !important;
}
.help-form label {
    display: block;
}
.help-form input {
    width: 96%;
    font-family: 'PoppinsRegular';
    background-color: #d74ded;
    color: #fff;
    border: solid 0.166vw #fff;
    border-radius: 6px;
    padding: 2.2% 2%;
    font-size: 1vw;
    margin-top: 1%;
    margin-bottom: 2%;
}
.help-form select {
    width: 100%;
    font-family: 'PoppinsRegular';
    background-color: #d74ded;
    color: #fff;
    border: solid 0.166vw #fff;
    border-radius: 6px;
    padding: 2.2% 2%;
    font-size: 1vw;
    margin-top: 1%;
    margin-bottom: 2%;
}
.help-inputs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.help-input {
    width: 49%;
}
.nave-form {
    position: absolute;
    top: 82%;
    right: -9%;
    width: 22.64vw;
}
.help-check {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 4% 0;
}
.help-check input {
    width: 1.6vw;
    height: 1.6vw;
    min-width: 1.6vw;
    margin: 0 0.5vw 0 0;
    padding: 0px;
    border: none;
    border-radius: unset;
    font-size: unset;
}
.help-check span {
    font-family: 'PoppinsRegular';
    font-size: 0.7vw;
}
.help-check a {
    color: #fff;
}
.help-send-btn {
    min-width: 9vw;
    font-family: 'VersosTestBlack';
    font-size: 1.4vw;
    color: #0b136f;
    padding: 3%;
    margin-top: 5%;
}
.help-form-date {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 2%;
}
.help-form-date label {
    display: block;
    font-size: 0.78vw;
    margin-bottom: 2%;
    font-family: PoppinsBold;
    text-align: left;
    margin-left: 2vw;
}
.help-form-date input {
    font-family: 'PoppinsRegular';
    font-size: 1.03vw;
    color: #fff;
    background-color: #d74ded;
    border: solid 0.166vw #fff;
    border-radius: 6px;
    width: -webkit-fill-available;
    padding: 2% 4%;
    color-scheme: dark;
    margin-left: 2vw;
}
select option:not(first-child) {
    color: #000;
}

.wychooseus {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40%;
    margin-left: 9%;
}
.wychooseus a {
    text-decoration: none;
}
.wychooseus-title {
    font-family: 'VersosTestExtraBold';
    font-size: 2.94vw;
    color: #ffffff;
    display: inline-block;
    padding: 0.5% 2.5% 0.5% 0%;
    position: relative;
    margin-bottom: 3%;
}
.wychooseus button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.81vw;
    padding: 2% 4%;
    border: none;
    margin-top: 6%;
    color: #0e033b;
    cursor: pointer;
}
.wychooseus button:hover {
    background-color: #ffffff9a;
}
.wychooseus h4 {
    font-family: 'VersosTestBold';
    font-size: 1.45vw;
    color: #fff;
    margin: 5% 0;
}
.wychooseus span {
    font-family: 'VersosTestRegular';
    font-size: 1.45vw;
    color: #fff;
    line-height: 2.5vw;
}
.workwithus-content {
    background: #02002f;
    background: linear-gradient(180deg, #01002c 0%, #101772 5%);
    margin-top: 0px;
}
.workwithus-bg {
    position: relative;
    width: 100%;
    z-index: 0;
}
.workwithus-form {
    position: absolute;
    width: 37%;
    right: 5%;
    top: 30%;
}
.workwithus-title {
    font-family: 'VersosTestBold';
    font-size: 2.94vw;
    color: #fff;
    margin: 5% 0;
    text-align: right;
}
.workwithus-form-inputs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.workwithus-form-inputs input {
    font-family: 'VersosTestBold';
    font-size: 1.03vw;
    color: #fff;
    background-color: #080943;
    border: solid 0.13vw #3740ff;
    width: 38.8%;
    padding: 2% 4%;
}
.workwithus-form-input-required {
    border: solid 4px red !important;
}
.workwithus-form textarea {
    font-family: 'VersosTestBold';
    font-size: 1.03vw;
    color: #fff;
    background-color: #080943;
    border: solid 0.13vw #3740ff;
    width: 91.5%;
    padding: 2% 4%;
    resize: none;
    margin: 7% 0 10% 0;
}
.workwithus-form button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.76vw;
    padding: 2% 4%;
    border: none;
    margin-top: 6%;
    color: #0e033b;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.workwithus-form button:hover {
    background-color: #ffffff9a;
}
.workwithus-label-message {
    display: none;
    font-family: VersosTestBold;
    font-size: 1.3vw;
    color: #fff;
    margin: 5% 0 0 0;
    text-align: right;
}
.featuredprojects {
    overflow: visible;
}
.featuredprojects-title {
    font-family: 'VersosTestExtraBold';
    font-size: 2.94vw;
    color: #fff;
    display: inline-block;
    padding: 0.5% 2.5% 0 0;
    position: relative;
    margin: 8% 0 3% 0;
}
.featuredprojects-content {
    padding-left: 7%;
    padding-bottom: 4.4%;
    background: rgb(16 23 114);
    background: linear-gradient(180deg, rgb(16 23 114) 0%, rgb(7 12 80) 100%);
    margin-top: -2px;
}
.featuredprojects button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.76vw;
    padding: 2% 4%;
    border: none;
    margin: 6% 0 10% auto;
    color: #0e033b;
    cursor: pointer;
}
.featuredprojects button:hover {
    background-color: #ffffff9a;
}
.featuredprojects-item {
    width: 46%;
    z-index: 9;
    position: relative;
}
.featuredprojects-item h4 {
    font-family: VersosTestBold;
    font-size: 1.6vw;
    color: #fff;
}
.featuredprojects-item span {
    font-family: VersosTestRegular;
    font-size: 1.6vw;
    color: #fff;
    line-height: 2.3vw;
}
.featuredprojects-nave {
    position: absolute;
    z-index: 2;
    top: 77%;
    left: 0px;
    width: 100%;
}
.latesttech-content {
    background-color: #0f1472;
    margin-top: -5px;
}
.latesttech-bg {
    width: 100%;
    position: relative;
    z-index: 0;
}
.latesttech-txt {
    position: absolute;
    left: 57%;
    top: 50%;
    width: 26%;
}
.latesttech-title {
    font-family: 'VersosTestBold';
    font-size: 1.9vw;
    color: #fff;
    text-align: right;
}
.latesttech-txt button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.75vw;
    padding: 2% 4%;
    border: none;
    margin: 6% 0 10% auto;
    color: #0e033b;
    cursor: pointer;
}
.latesttech-txt button:hover {
    background-color: #ffffff9a;
}
.contactus {
    overflow: visible;
}
.contactus-content {
    background: #070e56;
    background: linear-gradient(180deg, #000026 0%, #080e58 20%, #070e56 100%);
    margin-top: -5px;
    padding-top: 20%;
}
.contactus-form {
    position: absolute;
    width: 37%;
    left: 50%;
    transform: translateX(-50%);
    top: 25%;
    text-align: center;
    z-index: 2;
}
.contactus-title {
    font-family: 'VersosTestBold';
    font-size: 2.94vw;
    color: #0c1fa2;
    background-color: #fff;
    margin: 0 auto 10% auto;
    text-align: center;
    display: inline-block;
    padding: 1% 5%;
}
.contactus-form-inputs {
    width: 93.7%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}
.contactus-form-inputs input {
    font-family: 'VersosTestBold';
    font-size: 20px;
    color: #fff;
    background-color: #1e2282;
    border: solid 4px #1f4ae8;
    width: 38.8%;
    padding: 2% 4%;
}
.contactus-form-input-required {
    border: solid 4px red !important;
}
.contactus-form textarea {
    font-family: 'VersosTestBold';
    font-size: 20px;
    color: #fff;
    background-color: #1e2282;
    border: solid 4px #1f4ae8;
    width: 84.5%;
    padding: 2% 4%;
    resize: none;
    margin: 7% 0;
}
.contactus-form button {
    display: block;
    background-color: #fff;
    font-family: VersosTestBold;
    font-size: 1.76vw;
    padding: 2% 4%;
    border: none;
    margin-top: 6%;
    color: #0e033b;
    margin: 0 3.6% 0 auto;
    cursor: pointer;
}
.contactus-form button:hover {
    background-color: #ffffff9a;
}
.contactus-subtitle {
    font-family: VersosTestBold;
    font-size: 1.81vw;
    color: #fff;
}
.contactus-txt {
    font-family: VersosTestRegular;
    font-size: 1.29vw;
    color: #fff;
    line-height: 2.5vw;
    margin: 4% 0;
    display: block;
}
.contactus-bg {
    position: relative;
    z-index: 0;
    padding-top: 33%;
    width: 100%;
}
.contact-label-message {
    display: none;
    font-family: VersosTestBold;
    font-size: 1.29vw;
    color: #fff;
    margin: 5% 0 0 0;
}
.nave-4 {
    position: absolute;
    z-index: 1;
    top: 16%;
    width: 34.26%;
}
.nave-4-a {
    position: absolute;
    top: 5%;
    width: 100%;
    z-index: 1;
}
.nave-4-b {
    position: absolute;
    top: 72%;
    width: 100%;
    z-index: 1;
}
.footer {
    background-color: #0c1fab;
    height: 26vw;
    margin-top: -3px;
    position: relative;
}
.footer-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.footer-menu-col {
    width: 19%;
    padding: 4% 0;
}
.footer-menu-col h4 {
    font-family: VersosTestBold;
    font-size: 2.1vw;
    margin: 0 0 12% 0;
}
.footer-menu-col ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.footer-menu-col ul li {
    margin-bottom: 4%;
}
.footer-menu-col ul a {
    color: #fff;
    text-decoration: none;
    font-family: VersosTestRegular;
    font-size: 1.56vw;
}
.footer-menu-col .social img {
    margin-right: 8%;
    height: 2.2vw;
}
.footer-menu-col .contact-mail {
    color: #fff;
    text-decoration: none;
    font-family: VersosTestRegular;
    font-size: 1.04vw; 
}
.copy {
    font-family: 'PoppinsRegular';
    font-size: 0.9vw;
    color: #fff;
    text-align: center;
    padding: 0 0 1vw 0;
    display: block;
    position: relative;
}
.m-desk {
    display: inline-block;
}
.m-mob, .m-mob-block {
    display: none !important;
}
.menu-popup {
    display: none;
}

.interna-logo {
    position: absolute;
    z-index: 1;
    width: 28.2vw;
    top: 2.3%;
    left: 7.3%;
}
.interna-top {
    overflow: hidden;
}
.interna-bg {
    background: linear-gradient(180deg, #11082d 0%, #ea0dcf 13%, #01002c 40%, #011393 55%, #001497 100%);
}
.interna-detail-content {
    padding: 0 8%;
}
.interna-detail-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2%;
    gap: 4%;
}
.interna-detail-row img {
    overflow: auto;
}
.interna-detail-row-full img {
    width: 100%;
    margin-bottom: 2%;
}
.interna-detail-row-full {
    width: 100%;
}
.interna-detail-title {
    margin-top: 4%;
    margin-bottom: 4%;
}
.interna-detail-title span {
    width: 40%;
    font-size: 1.474vw;
    font-family: 'VersosTestBold';
    display: block;
    line-height: 2.5vw;
}
.interna-detail-title p {
    width: 60%;
    font-size: 1.474vw;
    font-family: 'VersosTestBold';
    line-height: 2.5vw;
}
.interna-features {
    margin: 6% 0;
    position: relative;
}

.interna-features .per {
    width: 51.4vw;
}
.per-label-1 {
    position: absolute;
    left: 30%;
    top: 5.5%;
    width: 40.9vw;
}
.per-label-2 {
    position: absolute;
    left: 30%;
    top: 28%;
    width: 33.8vw;
}
.per-label-3 {
    position: absolute;
    left: 44%;
    top: 53%;
    width: 32.47vw;
}
.per-label-4 {
    position: absolute;
    left: 50%;
    top: 74%;
    width: 35.79vw;
}
.interna-video-title {
    font-family: 'VersosTestBold';
    font-size: 1.71vw;
    margin: 3% 0;
}
.interna-video, .interna-characters {
    padding: 0 3.6%;
}
.interna-video video {
    width: 100%;
    height: 45vw;
}
.interna-characters-title, .interna-avatars-title {
    font-family: 'VersosTestBold';
    font-size: 1.71vw;
    margin: 6% 0 0 0;
}
.interna-characters-all {
    position: relative;
    width: 100%;
    height: 70vw;
    margin-left: 1%;
}
.interna-character-1 {
    position: absolute;
    width: 18.26vw;
    left: 0%;
    top: 16%;
}
.interna-character-2 {
    position: absolute;
    width: 18.26vw;
    left: 25%;
    top: 0%;
}
.interna-character-3 {
    position: absolute;
    width: 18.26vw;
    left: 50%;
    top: 16%;
}
.interna-character-4 {
    position: absolute;
    width: 18.26vw;
    left: 75%;
    top: 0%;
}
.interna-character-5 {
    position: absolute;
    width: 18.26vw;
    left: 0%;
    top: 58%;
}
.interna-character-6 {
    position: absolute;
    width: 18.26vw;
    left: 25%;
    top: 42%;
}
.interna-character-7 {
    position: absolute;
    width: 18.26vw;
    left: 50%;
    top: 58%;
}
.interna-character-8 {
    position: absolute;
    width: 18.26vw;
    left: 75%;
    top: 42%;
}
.interna-slider-bg {
    width: 100%;
}
.interna-avatars-all {
    position: relative;
    width: 100%;
    height: 45vw;
}
.interna-avatar-1 {
    position: absolute;
    width: auto;
    height: 25.211vw;
    left: 0%;
    top: 16%;
}
.interna-avatar-2 {
    position: absolute;
    width: auto;
    height: 25.211vw;
    left: 25%;
    top: 16%;
}
.interna-avatar-3 {
    position: absolute;
    width: auto;
    height: 25.211vw;
    left: 50%;
    top: 16%;
}
.interna-avatar-4 {
    position: absolute;
    width: auto;
    height: 25.211vw;
    left: 75%;
    top: 16%;
}
.footer-interna {
    background-color: #01067e;
    margin-top: -5px;
}

.interna-slider-bg {
    width: 100%;
}
.interna-slider {
    width: 70%;
    overflow: hidden;
    height: 38.8vw;
    position: absolute;
    top: 69.5%;
    left: 50%;
    transform: translateX(-50%) !important;
}
.interna-slider-items {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.interna-slide {
    width: 100%;
    background-size: cover;
}
.interna-slide iframe {
    border: none;
    width: 100%;
    height: 100%;
}
.interna-slide-1 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 100%;
    height: 38.8vw;
}
.interna-slide-d {
    position: absolute;
    top: 0vw;
    left: 0vw;
    margin-left: 100%;
    width: 100%;
    height: 38.8vw;
}
.interna-slider-bullets {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: -15px;
    position: absolute;
    z-index: 1;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
}

.interna-slider-bullet {
    height: 0.517vw;
    width: 2.323vw;
    background-color: #ffffff5e;
    border-radius: 10px;
    margin: 0 0.41vw;
}
.interna-slider-bullet-active {
    background-color: #fff;
}

.interna-section-details {
    position: absolute;
    width: 76%;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
}

.interna-section-title {
    font-family: 'VersosTestExtraBold';
    font-size: 2vw;
    color: #fff;
}
.interna-section-subtitle {
    font-family: 'VersosTestBold';
    font-size: 1.7vw;
    color: #fff;
    margin: 1% 0 3% 0;
}
.interna-section-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.interna-section-item {
    width: 21vw;
}
.interna-section-item img {
    width: 100%;
}
.interna-section-item span {
    font-family: 'VersosTestBold';
    font-size: 0.96vw;
    color: #fff;
    margin-top: 2vw;
    display: block;
}

@media screen and (max-width: 800px) {
    .m-desk {
        display: none !important;        
    }
    .m-mob {
        display: inline-block !important;
    }
    .m-mob-block {
        display: block !important;
        margin-top: -1px;
        width: 100%;
    }
    .menu-mob{
        position: absolute;
        top: 2%;
        right: 3%;
        cursor: pointer;
        width: 9.1vw;
        z-index: 8;
    }
    .menu-popup {
        position: absolute;
        top: 0vw;
        width: 100%;
        height: 100%;
        background-color: #1412cf;
        z-index: 9;
    }
    .menu-close {
        position: absolute;
        right: 3%;
        top: 3%;
        width: 7vw;
    }
    .menu-popup ul {
        list-style-type: none;
        padding: 0px;
        margin: 30% 0 0 0;
    }
    .menu-popup ul li {
        line-height: 1.54vw;
        vertical-align: middle;   
    }
    .menu-popup ul li a {
        color: #fff;
        font-family: SafiroMedium;
        font-size: 5vw;
        text-decoration: none;
        margin-bottom: 14vw;
        width: 100%;
        display: block;
        text-align: center;
    }

    .home-slider {
        height: 300vw;
    }
    .home-slide-1 {
        height: 231vw;
    }
    .home-slide-d {
        height: 231vw;
    }
    .home-slide-interna, .home-slider-interna {
        height: 191vw;
    }
    .home-slider-parkland, .home-slider-parkland .home-slide-interna {
        height: 197vw;
    }
    .header-menu, .header-logo {
        right: unset;
        width: 84%;
        left: 8%;
        top: 4%;
    }
    .home-slider-items {
        top: 28%;
    }
    .home-slider-interna .home-slider-items {
        top: 0%;
    }
    .home-slider-bullets {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 165vw;
    }
    .home-slider-bullet {
        height: 1.2vw;
        width: 6vw;
        margin: 0 1.2vw;
    }
    .logo {
        font-size: 7.1vw;
        width: 100%;
        max-width: none;
    }
    .logo-img {
        margin: 15% 0 10% 0;
    }
    .menu-btn {
        font-size: 25px;
        margin-bottom: 5vw;
        width: 100%;
    }
    .menu-btn span {
        font-size: 4vw;
        padding: 0 0 0 5%;
    }
    .menu-btn span img {
        width: 13%;
    }

    .presentation-item-text {
        top: 3%;
        width: 90%;
        margin-left: 5%;
    }
    .presentation-item-text h4 {
        font-size: 6vw;
        margin: 5% 0 98% 0;
    }
    .presentation-item-text span {
        font-size: 5.5vw;
        padding-right: 5%;
        padding-left: 0px;
    }
    .presentation-item-text button {
        font-size: 4vw;
    }
    .presentation-item-1 {
        top: 5.8%;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .presentation-item-text-2 {
        top: 35.5%;
        text-align: left;
    }
    .presentation-item-2 {
        top: 37%;
        left: 0px;
        width: 100%;
    }
    .presentation-item-text-3 {
        top: 72%;
    }
    .presentation-item-3 {
        top: 73.3%;
        right: 0px;
        width: 100%;
    }
    .presentation-item-text-3 h4 {
        margin: 5% 0 122% 0;
    }

    .games-title {
        font-family: 'VersosTestBold';
    }
    .games-content {
        padding: 0 4%;
    }
    .games-slider-items {
        display: inline-block;
    }
    .games-slide:first-child {
        width: 96vw;
        margin: 0px;
    }
    .games-slide:first-child img {
        width: 96vw;
    }
    .games-slide:first-child span {
        font-size: 27px;
        padding: 12% 0;
        display: block;
    }
    .games-slide {
        display: inline-block;
        margin-right: 6vw;
        min-width: 26vw;
        width: 26vw;
    }
    .games-slide img {
        width: 100%;
    }
    .games-slide:last-child {
        margin-right: 0vw;
    }

    .newgames {
        padding-bottom: 0vw;
    }
    .newgames-bg {
        position: relative;
        z-index: 0;
        width: 100%;
    }
    .newgames-content {
        padding: 0;
    }
    .newgames-section-title {
        position: absolute;
        z-index: 2;
        margin: 25% 0 5% 5%;
    }
    .newgames-section-title h1 {
        font-size: 23.46vw;
        line-height: 27vw;
    }
    .newgames-title {
        position: absolute;
        top: 75.8%;
        right: 3%;
        z-index: 1;
        font-size: 5.5vw;
    }
    .newgames-slider {
        width: 99%;
        left: 3%;
        position: absolute;
        top: 80%;
    }
    .newgames-slide span {
        font-size: 4.5vw;
        padding: 2vw 0;
    }

    .services {
        margin-top: -1vw;
    }
    .services-title {
        font-size: 5vw;
        padding: 0.5% 2.5%;
        margin: 5% 0 4% 3%;
    }
    .services-slider {
        width: 80%;
        height: 8%;
        top: 10%;
    }
    .services-item {
        padding: 10% 0% 0 0%;
        min-width: 80vw;
    }
    .services-item h3 {
        font-size: 5vw;
    }
    .services-item span {
        font-size: 4vw;
        line-height: 5vw;
    }
    .services-item button {
        font-size: 5vw;
        margin: 5% auto 5% auto;
        padding: 2% 4%;
    }
    .help-content {
        width: 90%;
        top: 29%;
    }
    .help-form {
        border: solid 0.6vw #fff;
        border-radius: 11px;
        padding: 6%;
        font-size: 2.5vw;
        width: 100%;
    }
    .help-form input {
        width: 96%;
        background-color: #3c006878;
        color: #fff;
        border: solid 0.6vw #fff;
        border-radius: 10px;
        padding: 2.2% 2%;
        font-size: 2.5vw;
        margin-top: 1%;
        margin-bottom: 2%;
    }
    .help-form select {
        width: 100%;
        background-color: #3c006878;
        color: #fff;
        border: solid 0.6vw #fff;
        border-radius: 10px;
        padding: 2.2% 2%;
        font-size: 2.5vw;
        margin-top: 1%;
        margin-bottom: 2%;
    }
    .help-check input {
        width: 3.2vw;
        height: 3.2vw;
        min-width: 3.2vw;
        margin-top: 0.5%;
        margin-bottom: 2%;
        margin-right: 2vw;
    }
    .help-form-date label {
        font-size: 2vw;
        margin-bottom: 2%;
        margin-left: 2vw;
    }
    .help-form-date input {
        font-size: 2.5vw;
        color: #fff;
        background-color: #3c006878;
        border: solid 0.6vw #fff;
        border-radius: 10px;
        width: -webkit-fill-available;
        padding: 2% 4%;
        color-scheme: dark;
        margin-left: 2vw;
    }
    .help-check span {
        font-size: 2vw;
    }
    .help-send-btn {
        min-width: 9vw;
        font-size: 3.5vw;
        padding: 3% 10%;
        margin-top: 5%;
        border: none;
        border-radius: 6px;
    }
    .wychooseus {
        top: 68%;
        width: 94%;
        margin: 0 3%;
    }
    .wychooseus-title {
        font-size: 5.5vw;
        display: block;
        padding: 1% 2.5%;
        margin: 3% 0 3% auto;
        text-align: right;
        width: 48%;
    }
    .wychooseus h4 {
        font-size: 5vw;
        margin: 10% 0 5% 0;
    }
    .wychooseus span {
        font-size: 3.6vw;
        line-height: 6vw;
    }
    .wychooseus button {
        font-size: 5vw;
        padding: 2% 6%;
        margin-top: 6%;
    }
    .workwithus-content {
        margin-top: -1vw;
    }
    .workwithus-form {
        width: 90%;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        top: 37%;
    }
    .workwithus-title {
        font-size: 7.5vw;
        margin: 0 0 8% 0;
        text-align: center;
    }
    .workwithus-form-inputs input {
        font-size: 3vw;
        background-color: #161c85;
        border: solid 0.6vw #3740ff;
        width: 38.8%;
        padding: 2% 4%;
    }
    .workwithus-form textarea {
        font-size: 3vw;
        background-color: #161c85;
        border: solid 0.6vw #3740ff;
        width: 91.5%;
        padding: 2% 4%;
        margin: 7% 0 10% 0;
    }
    .workwithus-form button {
        font-size: 4vw;
    }

    .featuredprojects-bg {
        position: relative;
        z-index: 0;
        width: 100%;
    }
    .featuredprojects-content {
        padding-left: 0%;
        margin-top: -1vw;
    }
    .featuredprojects-title {
        font-size: 5vw;
        display: block;
        padding: 0.5% 2.5%;
        position: absolute;
        margin: 0 0 0 3%;
        top: 3%;
        z-index: 1;
    }
    .featuredprojects-items {
        position: absolute;
        z-index: 1;
        top: 6%;
        left: 3%;
    }
    .featuredprojects-item {
        width: 96%;
    }
    .featuredprojects-item h4 {
        font-size: 4vw;
    }
    .featuredprojects-item span {
        font-size: 3.6vw;
        line-height: 5vw;
    }
    .featuredprojects button {
        font-size: 4vw;
        padding: 2% 4%;
        margin: 6% auto 10% 0;
    }
    .latesttech-txt {
        left: 5%;
        top: 21%;
        width: 77%;
    }
    .latesttech-title {
        font-size: 8vw;
        text-align: right;
    }
    .latesttech-txt button {
        font-size: 4vw;
        padding: 2% 4%;
        margin: 4% 0 10% auto;
    }
    .contactus-bg {
        padding-top: 0%;
        margin-top: -1vw;
    }
    .contactus-form {
        width: 94%;
        top: 2%;
    }
    .contactus-title {
        font-size: 5vw;
        margin: 0 auto 5% auto;
    }
    .contactus-subtitle {
        font-size: 5vw;
    }
    .contactus-txt {
        font-size: 3.6vw;
        line-height: 5vw;
        margin: 4% auto;
        display: block;
        width: 73%;
    }
    .contactus-form-inputs input, .contactus-form textarea {
        font-size: 2.7vw;
        border: solid 0.6vw #1f4ae8;
        padding: 2% 4%;
    }
    .contactus-form button {
        font-size: 4vw;
        padding: 2% 6%;
        margin-top: 6%;
        margin: 0 3.6% 0 auto;
    }
    .contact-label-message {
        font-size: 3vw;
    }
    .nave-4 {
        top: 24%;
        width: 70%;
    }
    .footer {
        background-color: #01087d;
        height: 210vw;
        margin-top: -1vw;
        position: relative;
    }
    .footer-logo {
        position: absolute;
        top: 2%;
        left: 0px;
        width: 100%;
    }
    .footer-menu {
        display: inline;
    }
    .footer-menu-col ul a {
        font-size: 5vw;
    }
    .footer-menu-col h4 {
        font-size: 5.5vw;
        margin: 0 0 4% 0;
    }
    .footer-menu-col:first-child {
        width: 80%;
        position: absolute;
        top: 14%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
    }
    .footer-menu-col ul li {
        margin-bottom: 10%;
    }
    .footer-menu-col:nth-child(3) {
        width: 80%;
        position: absolute;
        top: 43%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
    }
    .footer-menu-col .contact-mail {
        font-size: 3.5vw;
    }
    .footer-menu-col:nth-child(2) {
        width: 80%;
        position: absolute;
        top: 52%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
    }
    .footer-menu-col .social img {
        margin-right: 2%;
        margin-left: 2%;
        height: 5vw;
    }
    .copy {
        font-size: 2vw;
        padding: 0 0 1vw 0;
        position: absolute;
        top: 66%;
        width: 80%;
        left: 50%;
        transform: translateX(-50%);
    }

    .interna-logo {
        position: absolute;
        z-index: 1;
        width: 82.9vw;
        top: 1.9%;
        left: 1%;
    }
    .interna-detail-content {
        padding: 0 4%;
    }
    .interna-bg {
        background: linear-gradient(180deg, #2b0045 0%, #ea0dcf 13%, #01002c 40%, #080031 55%, #080031 100%);
        margin-top: -1px;
    }
    .parkland-bg {
        background: linear-gradient(180deg, #35014b 0%, #ea0dcf 13%, #01002c 40%, #080031 55%, #080031 100%);
    }
    .interna-detail-title span {
        width: 92%;
        font-size: 3.8vw;
        line-height: 5.5vw;
        margin: 0 4%;
    }
    .interna-detail-title p {
        width: 92%;
        font-size: 3.8vw;
        line-height: 5.5vw;
        margin: 10% 4%;
    }
    .interna-detail-row {
        flex-direction: column;
        margin-bottom: 0px;
        gap: 10%;
    }
    .interna-detail-row img {
        margin-bottom: 10%;
    }
    .interna-detail-row-full img {
        margin-bottom: 10%;
    }
    .interna-features {
        min-height: 100vw;
    }
    .interna-features .per {
        width: 120%;
        position: absolute;
        left: -4vw;
    }
    .per-label-1 {
        left: 20%;
        top: 5.5%;
        width: 85%;
    }
    .per-label-2 {
        left: 5%;
        top: 28%;
        width: 88%;
    }
    .per-label-3 {
        left: 27%;
        top: 45%;
        width: 80%;
    }
    .per-label-4 {
        left: 15%;
        top: 66%;
        width: 80%;
    }
    .interna-video, .interna-characters {
        padding: 0%;
    }
    .interna-video-title {
        font-size: 4vw;
        margin: 25% 0 5% 0;
    }
    .interna-characters-title {
        font-size: 4vw;
        margin: 14% 0 0 0;
        position: absolute;
    }
    .interna-avatars-title {
        font-size: 4vw;
        margin: 14% 0 0 0;
        position: relative;
    }
    .interna-characters-all {
        position: relative;
        width: 100%;
        height: 280vw;
        margin-left: 1%;
        margin-top: 30%;
    }
    .interna-character-1 {
        width: 45%;
        left: 0%;
        top: 10%;
    }
    .interna-character-2 {
        width: 45%;
        left: 50%;
        top: 0%;
    }
    .interna-character-3 {
        width: 45%;
        left: 0%;
        top: 33%;
    }
    .interna-character-4 {
        width: 45%;
        left: 50%;
        top: 23%;
    }
    .interna-character-5 {
        width: 45%;
        left: 0%;
        top: 56%;
    }
    .interna-character-6 {
        width: 45%;
        left: 50%;
        top: 46%;
    }
    .interna-character-7 {
        width: 45%;
        left: 0%;
        top: 79%;
    }
    .interna-character-8 {
        width: 45%;
        left: 50%;
        top: 69%;
    }
    .interna-slider {
        width: 90%;
        height: 70vw;
        top: 66%;
    }
    .interna-slide-1, .interna-slide-d {
        height: 66.7vw;
    }
    .interna-slider-bullets {
        margin-top: -15px;
        top: 73%;
    }
    .interna-slider-bullet {
        height: 1.2vw;
        width: 6.5vw;
        border-radius: 10px;
        margin: 0 1.2vw;
    }
    .footer-interna {
        background-color: #01037a;
        margin-top: -2vw;
    }

    .interna-section-details {
        width: 90%;
        top: 12%;
    }
    .interna-section-title {
        font-size: 5vw;
        margin-bottom: 100vw;
    }
    .interna-section-subtitle {
        font-size: 5.6vw;
        margin: 1% 0 6% 0;
    }
    .interna-section-items {
        flex-direction: column;
    }
    .interna-section-item {
        width: 100%;
    }
    .interna-section-item span {
        font-size: 4.3vw;
        line-height: 6vw;
        margin-top: 7vw;
        margin-bottom: 12vw;
    }
    .interna-section-item:nth-child(3) {
        margin-top: 150vw;
    }
    .branded-games-subtitle {
        margin-top: 117vw;
    }
    .activations-events {
        top: 150vw;
    }

}