@charset "UTF-8";
:root {
    --gold: #D3BB8A;
    --darkblue: #0B0E29;
    --darkblue2: #0F1621;
    --purple: #C060CF;
    --appleLight: #F3F5F8;
    --appleMain: #17181B;
}


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

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

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

@font-face {
    font-family: 'Orelo-sw-li';
    src: url("../fonts/orelo-semiwide.eot");
    src: url("../fonts/orelo-semiwide.eot?#iefix") format("embedded-opentype"), url("../fonts/orelo-semiwide.woff2") format("woff2"), url("../fonts/orelo-semiwide.woff") format("woff"), url("../fonts/orelo-semiwide.ttf") format("truetype");
    font-weight: inherit;
    font-style: inherit;
    font-display: swap;
}

@font-face {
    font-family: 'Accented';
    src: url("../fonts/accented-text.eot");
    src: url("../fonts/accented-text.eot?#iefix") format("embedded-opentype"), url("../fonts/accented-text.woff2") format("woff2"), url("../fonts/accented-text.woff") format("woff"), url("../fonts/accented-text.ttf") format("truetype");
    font-weight: inherit;
    font-style: inherit;
    font-display: swap;
}

/*Fontello icons*/
[class*="font-icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #dadee8;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.leadinModal{
    z-index: 999999!important;
}
strong,
b {
    font-weight: 500;
}

em,
i {
    font-style: italic;
}

sup,
sub {
    position: relative;
    top: -0.6em;
    font-size: 65% !important;
    line-height: 1em !important;
}

sub {
    top: auto;
    bottom: -0.3em;
}

small {
    display: inline-block;
    vertical-align: baseline;
    font-size: .75em;
    line-height: 1.375em;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main {
    display: block;
}

/*_____________________________________________*/
html {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    position: relative;
    /*height: 100%;*/
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 1.095vw;
    line-height: 1.428571428571429em;
    letter-spacing: -.01em;
    color: var(--darkblue2);
    min-width: 320px;
    background: #fff;
    transition: background .5s ease;
}

.dark-bg-page {
    background: var(--darkblue2);
}

.dark-bg-page.retail_template {
    background: #2F3035;
}
.dark-bg-page.apple_template {
    background: var(--appleMain);
}

/*.light-sections-bg{
	background: #fff;
	}
.dark-sections-bg{
	background: var(--darkblue2);
	}*/
.sections-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--darkblue2);
    transition: opacity .65s ease;
    opacity: 0;
}

.dark-bg-page .sections-bg {
    background: #fff;
}

.dark-sections-bg .sections-bg,
.light-sections-bg .dark-bg-page .sections-bg {
    opacity: 1;
}

.light-sections-bg .sections-bg,
.dark-sections-bg .dark-bg-page .sections-bg {
    opacity: 0;
}

.hover-cursor:not(.hide-cursor) body,
.hover-cursor:not(.hide-cursor) *,
.grab-cursor body,
.grab-cursor * {
    /*cursor: none !important;*/
}

.edge body {
    overflow-x: hidden;
}

.scrolling-page *,
.no-events * {
    pointer-events: none;
}

/*Common styles*/
*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    outline: none !important;
}

.accented-text {
    font-family: 'Orelo-sw-li';
    text-transform: none;
}

.ru .accented-text {
    font-family: 'Accented';
    /*font-style: oblique 10deg;*/
    font-style: oblique;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    position: relative;
    font-family: 'Metal';
    font-weight: 400;
    letter-spacing: -.03em;
    text-transform: uppercase;
}

h1,
.h1 {
    cursor: default;
    font-size: 11.465vw;
    letter-spacing: -.045em;
    line-height: 62%;
    margin: 0 0 7.05vw;
    /*margin: -6% 0 7.05vw;*/
}
@media (min-width:1024px){
    .apple_template h1,
    .apple_template .theVeryMainh1.h1{
        font-size: 6.465vw;    
        margin: 0vw;
    }
}
.dark-bg-page h1,
.dark-bg-page .h1,
.dark-sections-bg h1,
.dark-sections-bg .h1,
.dark-bg-page h3,
.dark-bg-page .h3,
.dark-sections-bg h3,
.dark-sections-bg .h3 {
    color: #fff;
    cursor: default;
}

.light-sections-bg h1,
.light-sections-bg .h1 {
    color: var(--darkblue2);
    cursor: default;
}

h1 .accented-text,
.h1 .accented-text {
    font-size: 12.355vw;
    letter-spacing: -.03em;
    line-height: 56.52%;
    cursor: default;
}
@media (min-width:1024px){
    .apple_template .h1 .accented-text {
        font-size: 11.855vw;
    }
}
.apple_template .main-screen{
    background-image: url(../img/Vision-Pro-Mockup.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.ru h1 .accented-text,
.ru .h1 .accented-text {
    letter-spacing: -.06em;
}

h1 .accented-text .char,
.h1 .accented-text .char {
    margin-top: .6vw;
    margin-bottom: -.6vw;
}

h2,
.h2 {
    font-size: 7.03vw;
    line-height: 68.5%;
    letter-spacing: -.04em;
    margin: 48px 0 54px;
}

h3,
.h3 {
    font-size: 3.4415vw;
    line-height: 84%;
    margin: 48px 0 40px;
}

h4,
.h4 {
    font-size: 2.084vw;
    line-height: 85%;
    letter-spacing: -.01em;
    margin: 40px 0 32px;
}
.h5 {
    font-size: 1.884vw;
    line-height: 85%;
    letter-spacing: -.01em;
    margin: 10px 0 12px;
}

ol,
ul {
    list-style: none;
    margin: 30px 0;
}

ul li,
ol li {
    position: relative;
    padding-left: 29px;
    margin-bottom: 30px;
    background: url("../i/list-bullet.svg") no-repeat 0 12px/10px auto;
}

ol {
    counter-reset: list1;
    list-style: none;
}

ol>li {
    background: none;
}

ol>li:before {
    counter-increment: list1;
    content: counter(list1) ".";
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1em;
}

ol ol {
    counter-reset: list2;
}

ol ol li {
    background: none;
}

ol ol li:before {
    counter-increment: list2;
    content: counter(list1) "."counter(list2);
}

ul li p:first-child,
ol li p:first-child {
    margin-top: 0 !important;
}

ul li p:last-child,
ol li p:last-child {
    margin-bottom: 0 !important;
}

/*_______________________________*/
.scroll-tbl {
    position: relative;
    width: 100%;
    margin: 55px auto 52px;
    border: 1px solid #e6ebf3;
    overflow-x: auto;
}

.scroll-tbl table {
    margin: 0 auto;
    min-width: 520px;
    border: none;
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e6ebf3;
}

table thead tr,
table tr:nth-child(even) {
    background: #f9fafc;
}

table th,
table td {
    font-size: .875em;
    line-height: 24px;
    padding: 27px 20px 29px;
    vertical-align: top;
    text-align: left;
    border-right: 1px solid #e6ebf3;
}

table th {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: .75em;
    line-height: 22px;
    color: #010e1d;
    padding: 21px 20px 23px;
}

table td {
    text-align: left;
}

table tr:first-child th {
    border-top: 0;
}

table th:first-child,
table td:first-child {
    border-left: 0;
}

table th:last-child,
table td:last-child {
    border-right: 0;
}

table tr:last-child td {
    border-bottom: 0;
}

table td>* {
    margin: 10px 0;
}

table td>*:first-child {
    margin-top: 0 !important;
}

table td>*:last-child {
    margin-bottom: 0 !important;
}

a {
    color: var(--darkblue2);
    text-decoration: underline;
    outline: none !important;
}

.no-touchevents a:hover {
    text-decoration: none;
    color: var(--gold);
}

.metaverse_template a:hover {
    text-decoration: none;
    color: var(--purple);
}

a[href^=tel] {
    white-space: nowrap;
}

.no-touchevents a[href^=tel]:hover {}

.navi-link {
    font-family: 'Metal';
    font-size: 28px;
    line-height: 89%;
    letter-spacing: -.005em;
    color: #ACB3BD;
    text-transform: uppercase;
    text-decoration: none;
}

.time {
    display: block;
    margin: 0 0 14px;
    transition: color .2s ease;
}

p {
    margin: 30px 0;
}

blockquote {}

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 64px 0 70px;
}

a img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

img.left,
img.right {
    margin: 10px 21px 9px 0;
    max-width: 50%;
}

img.right {
    margin: 10px 0 9px 21px;
    max-width: 50%;
}

p img.left,
p img.right {
    margin-top: 10px;
    margin-bottom: 9px;
}

/*___________________________*/
/*Form styles*/
.form {
    position: relative;
    font-size: 1em;
    line-height: 1.875em;
    color: #9b9b9b;
    margin: 40px 0;
}
.goldBG .form{
    color:var(--darkblue)!important;
}
.intro-text+.form {
    margin-top: 72px;
}

.form .field-row,
.form .field-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form .field-row .field,
.form .field-grid .field {
    flex: 1;
    width: calc(50% - 10px);
}

.form .field-grid .field:last-child {
    margin-left: 20px;
}

.form .field-grid .field.small {
    flex: inherit;
    width: 35.45454545454545%;
    min-width: 156px;
}

.form .field {
    position: relative;
    width: 100%;
    margin: 0 0 40px;
}

.form .field label{
    position:absolute;
    top:-0.2em;
    transition:all 0.15s ease;
    opacity:0.5;
}

.form .field.filled label{
    top:-1.5em;
}

.form .field.focused label{
    opacity:1;
}

.form .field.has-btn {
    display: flex;
    align-items: center;
    margin: 50px 0 0;
}
.bookDemoForm .field.has-btn {
    margin: 0px 0 0;
}
.field-name {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 6px;
}

.required .field-name:after {
    content: '*';
    margin: -2px 0 0 0;
}

.form p {
    margin: 0 0 12px;
}

.form-control {
    position: relative;
    z-index: 2;
    display: block;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 1.095vw;
    line-height: 143%;
    letter-spacing: -.01em;
    color: var(--darkblue2);
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ACB3BD;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    text-overflow: ellipsis;
    transition: border .2s ease;
}
.goldBG .form-control {
    border-bottom: var(--darkblue) 1px solid;
}
textarea.form-control {
    max-width: 100%;
    min-width: 100%;
    resize: none;
    overflow: hidden !important;
}
select.form-control {
    appearance:auto!important;
    -webkit-appearance: auto!important;
}

.form .has-btn .form-control {
    flex: 1;
    min-width: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}

.error-field .form-control {
    color: #EB5757;
    border-color: #EB5757;
}

.form-control:focus,
.filled:not(.error-field) .form-control {
    border-color: var(--darkblue2);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ACB3BD;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ACB3BD;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ACB3BD;
    opacity: 1;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0 !important;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0 !important;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0 !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*Password inp*/
.password-inp-box {
    position: relative;
}

.js-show-password {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 7px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 0;
    width: 22px;
    height: 15px;
    cursor: pointer;
}

.no-touchevents .js-show-password svg * {
    transition: fill .2s ease;
}

.no-touchevents .js-show-password:hover svg * {
    fill: var(--darkblue2);
}

.js-show-password .eye,
.visible-password .js-show-password svg {
    display: none;
}

.visible-password .js-show-password .eye {
    display: block;
}

/*Btn*/
button {
    border: none;
    background: none;
    cursor: pointer;
    outline: none !important;
}

.btn {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Metal';
    font-weight: 400;
    font-size: 20px;
    line-height: 80%;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    padding: 20px 20px 25px;
    width: 185px;
    height: 185px;
    margin: 0;
    border: 0;
    border-radius: 110%;
    overflow: hidden;
    cursor: pointer;
    transition: color .3s ease;
}

.btn:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--darkblue2);
    border-radius: 110%;
    transition: transform .4s ease, background .3s ease;
}

.btn::-moz-focus-inner {
    border: 0;
}
.bookDemoForm .btn{
    width: 155px;
    height: 155px;

}
.no-touchevents .btn:not(:disabled):hover {
    color: var(--darkblue2);
}

.no-touchevents .btn:not(:disabled):hover:before {
    transform: scale(.89);
    background: var(--gold);
}

.no-touchevents .btn:not(:disabled):hover {
    color: #fff;
}

.btn:disabled {
    opacity: .5;
    cursor: default;
}

.form .btn {
    display: none;
}

.form .has-btn .btn {
    display: flex;
    margin-left: 28px;
}

/*Checkboxes*/
.checkbox-item {
    position: relative;
    line-height: 0;
    margin: 0;
}

.form .has-btn+.checkbox-item {
    margin-top: -22px;
    max-width: calc(100% - 170px);
}

.checkbox-item input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
}

.checkbox-item input[type="checkbox"]+label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1.428571428571429em;
    letter-spacing: -0.01em;
    color: #ACB3BD;
    padding: 0 0 0 33px;
    cursor: pointer;
    transition: color .2s ease;
}

.checkbox-item input[type="checkbox"]:checked+label {
    color: var(--darkblue2);
}

.metaverse_template .checkbox-item input[type="checkbox"]:checked+label {
    color: var(--purple);
}


.goldBG .checkbox-item input[type="checkbox"]+label {
    color: var(--darkblue2)!important;
}

.checkbox-item input[type="checkbox"]:disabled+label {
    cursor: default;
    color: #7b888e;
}

.checkbox-item input[type="checkbox"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9%;
    width: 23px;
    height: 23px;
    border: 1px solid #ACB3BD;
    transition: all .2s ease;
}
.goldBG .checkbox-item input[type="checkbox"]+label:before{
    border: 1px solid var(--darkblue);
}
.checkbox-item input[type="checkbox"]:checked+label:before {
    background: var(--darkblue2);
    border-color: var(--darkblue2);
}

.checkbox-item input[type="checkbox"]:disabled+label:before {
    opacity: .5;
}

.checkbox-item input[type="checkbox"]+label a {
    color: #ACB3BD;
}

.checkbox-item input[type="checkbox"]:checked+label a,
.goldBG .checkbox-item input[type="checkbox"]+label a {
    color: var(--darkblue2);
}

.no-touchevents .checkbox-item input[type="checkbox"]+label a:hover {
    color: var(--gold);
    text-decoration: underline;
}

.no-touchevents .metaverse_template .checkbox-item input[type="checkbox"]+label a:hover {
    color: var(--purple);
}

/*Errors*/
.form .field-error {
    font-size: .7619047619047619em;
    line-height: 1.2em;
    letter-spacing: -.01em;
    text-align: right;
    color: #EB5757;
    margin: 8px 0 -26px;
}

/*Form text*/
.form .sub-text {
    font-size: 12px;
    line-height: 14px;
    color: #4d515c;
}

.form .btn+.sub-text {
    margin: 22px 0 0;
}

/*Appearance*/
.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

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

.centered {
    margin-left: auto;
    margin-right: auto;
}

.uppercase {
    text-transform: uppercase;
}

.no-indent {
    margin-bottom: 0 !important;
}

.align-m,
.align-b {
    display: table-cell;
    vertical-align: middle;
}

.align-b {
    vertical-align: bottom;
}

.no-wrap {
    white-space: nowrap;
}

/*Independent*/
.container {
    position: relative;
    z-index: 3;
    max-width: 1920px;
    padding: 0 54px;
    margin: 0 auto;
}

/*Social links*/
.social-links li {
    padding: 0;
    margin: 0 0 6px;
    background: none;
}

/*=========================================================================
								STRUCTURE
==========================================================================*/
#all {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 15vw;
    transition: transform .5s ease;
}

.forsocial-page #all {
    padding-top: 8vw;
}
.forsocial-page h1 .word{
    padding-bottom: 20px;
}
#all:after {
    content: '';
    position: fixed;
    z-index: 9997;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--darkblue2);
    opacity: 0;
    pointer-events: none;
    transition: opacity .9s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.inner-page-view #all {
    transform: translate3d(-70%, 0, 0);
}

.opened-projects-nav #all:after {
    opacity: .8;
    pointer-events: auto;
}

.inner-page-view #all,
.inner-page-view #header {
    pointer-events: none;
}

/*================================HEADER===================================*/
#header {
    position: fixed;
    z-index: 9997;
    left: 0;
    top: 0;
    width: 100%;
    padding:0;
    transition: opacity .4s ease, transform .5s ease, background .4s ease;
}

#header .container {
    padding: 0 85px !important;
    max-width:none;
}

@media screen and (max-width: 1464px) {
    #header {
        padding:0 !important;
    }
    #header #nav-box{
        padding: 21px 0 !important;
    }
    #header #logo{
        padding: 17px 0 !important;
    }
    #header .container {
        padding: 0 67px !important;
    }
}

@media screen and (max-width: 1000px) {
    #header {
        padding:16px 0 !important;
    }
    #header #nav-box,#header #logo{
        padding: 0 !important;
    }
    .js-open-projects.js-open-popup svg circle{
        fill:var(--darkblue)!important;
    }
}

@media screen and (max-width: 500px) {
    #header .container {
        padding: 0 25px !important;
    }
}
@media screen and (max-width: 370px) {
    #header .container {
        padding: 0 15px !important;
    }
}
#header #nav-box{
    padding: 27px 0;
}

#header #logo{
    padding: 26px 0;
}

.inner-page-view #header {
    transform: translateX(-70%);
}

.sticky-header.inner-page-view:not(.short-header-view) #header {
    transform: translateX(-70%) translateY(0);
}

.sticky-header #header {
    transform: translateY(-105%);
    background: #fff;
}

.sticky-header.short-header-view #header {
    transition: opacity .4s ease, transform .5s ease, background .4s ease .3s;
}

.sticky-header:not(.short-header-view) #header {
    transform: translateY(0);
    background: #fff;
}

#header .container {
    position: static;
    display: flex;
    align-items: flex-start;
}

#logo {
    display: block;
    line-height: 0;
    width: 140px;
    height: 16px;
    margin: 13px 0 0;
    transition: opacity .3s ease;
}

.no-touchevents #logo:hover {
    opacity: .7;
}

#logo svg {
    width: 100%;
    height: auto;
}

#logo svg * {
    fill: var(--darkblue2);
    transition: fill .2s ease;
}

.has-main-screen #logo svg * {
    fill: #fff;
}

.sticky-header:not(.short-header-view) #logo svg * {
    fill: var(--darkblue2);
}

#header .projects-nav-title {
    display: none;
}

#header .container>.social-links {
    position: absolute;
    top: 106px;
    z-index: 3;
    right: 24px;
    transform: translateY(-30px);
    opacity: 0;
}

.page-load #header .container>.social-links {
    transform: none;
    opacity: 1;
    transition: opacity .6s ease .6s, visibility .3s ease, transform .75s ease .6s;
}

.no-touchevents.hidden-scroll #header .container>.social-links {
    right: 41px;
}

.sticky-header #header .container>.social-links {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

#header .container>.social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 26px;
}

#header .container>.social-links a svg {
    height: auto;
}

.no-touchevents #header .container>.social-links a svg * {
    transition: fill .3s ease;
}

.dark-bg-page #header .container>.social-links a svg * {
    fill: #fff;
}

#header.forceWhiteLinks .container>.social-links a svg * {
    fill: #fff !important;
}

.no-touchevents #header .container>.social-links a:hover svg * {
    fill: var(--gold);
}

.metaverse_template #header .container>.social-links a:hover svg *,
.metaverse_template .footer-social a:hover svg * {
    fill: var(--purple);
}

/*Nav*/
#nav-box {
    flex: 1;
    padding-right: 30px;
}

#nav ul {
    display: flex;
    justify-content: center;
    margin: 0;
}

@media (min-width:1300px) {

    #nav ul {
        justify-content: center;
    }
}

#nav li {
    font-family: 'Metal';
    font-size: 26px;
    line-height: 1em;
    letter-spacing: -.005em;
    text-transform: uppercase;
    color: #fff;
    margin: 5px 2.5% 0 2.5%;
    padding: 6px 0;
    background: none;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.ru #nav li {
    margin-left: 4.7%;
    margin-right: 4.7%;
}

#nav a {
    position: relative;
    display: block;
    height: 28px;
    line-height: 1em;
    color: var(--darkblue2);
    margin-top: -11px;
    text-decoration: none;
}

.has-main-screen #nav a,
.forceWhiteLinks #nav a {
    color: #fff;
}

.forceWhiteLinks #logo svg * {
    fill: white !important;
}

#header.forceWhiteLinks {
    background: none !important;
}

#header.forceWhiteLinks #nav a {
    color: #fff !important;
}



#nav .active a {
    cursor: default;
}

#nav a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    border-bottom: 2px solid var(--darkblue2);
    opacity: 0;
}

.has-main-screen #nav a:after {
    border-color: #fff;
}

.sticky-header:not(.short-header-view) #nav a:after {
    border-color: var(--darkblue2);
}

#nav>#menu-main-menu>li.active>a:after,
#nav>#menu-main-menu>li.current-menu-parent>a:after {
    opacity: 1 !important;
}

#nav .sub-menu .active a:after {
    opacity: 0;
}

#nav .nav-link-text {
    pointer-events: none;
}

#nav .outer-view {
    position: absolute;
    left: 0;
    top: 140%;
    width: 100%;
    height: 100%;
}

#nav .char {
    display: inline-block;
    transition: transform .4s cubic-bezier(.78, .13, .25, .9), opacity .35s ease-in-out;
}

#nav .active .char {
    transition: none;
}

#nav .outer-view .char {
    opacity: 0;
}

.no-touchevents #nav li:not(.active) a:hover .char {
    transform: translateY(-140%) !important;
}

/*
.no-touchevents #nav li:not(.active) ul li a:hover .char {
    transform: translateY(-220%) !important;
}
*/

.no-touchevents #nav li:not(.active) ul li a:hover .char {
    transform: none !important;
}

.no-touchevents #nav li:not(.active) a:hover .nav-link-text:not(.outer-view) .char {
    opacity: 0;
}

.no-touchevents #nav li:not(.active) ul li a:hover .nav-link-text:not(.outer-view) .char {
    opacity: 1;
}

.no-touchevents #nav li:not(.active) a:hover .nav-link-text.outer-view .char {
    opacity: 1;
}


.js-open-nav {
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 49px;
    height: 51px;
    margin: 0 0 0 -1px;
    cursor: pointer;
    border: 1px solid var(--darkblue2);
    transition: border-color .2s ease;
}

.js-open-nav span {
    position: relative;
    width: 16px;
    height: 14px;
    border-top: 1px solid var(--darkblue2);
    border-bottom: 1px solid var(--darkblue2);
    transition: border-color .2s ease;
}

.js-open-nav span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 10px;
    height: 1px;
    background: var(--darkblue2);
    transition: width .2s ease, background .2s ease;
}

.no-touchevents .js-open-nav:hover span:after {
    width: 100%;
}

.has-main-screen .js-open-nav,
.has-main-screen .js-open-nav span {
    border-color: #fff;
}

.has-main-screen .js-open-nav span:after {
    background: #fff;
}

.sticky-header:not(.short-header-view) .js-open-nav,
.sticky-header:not(.short-header-view) .js-open-nav span {
    border-color: var(--darkblue2);
}

.sticky-header:not(.short-header-view) .js-open-nav span:after {
    background: var(--darkblue2);
}

#nav-box .contacts-box {
    display: none;
}

/*Projects nav*/
.projects-nav-box {
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    right: 0;
    max-height: 100vh;
    padding: 90px 94px 30px 84px;
    background: var(--darkblue2);
    overflow: hidden;
    overflow-y: auto;
    transform: translate3d(0, -105%, 0);
    transition: transform .9s ease-in-out;
}

.no-touchevents.hidden-scroll .projects-nav-box {
    right: 17px;
}

.opened-projects-nav .projects-nav-box {
    transform: translate3d(0, 0, 0);
}

.inner-page-view.opened-projects-nav .projects-nav-box {
    transform: translate3d(-70%, 0, 0);
    transition: transform .5s ease;
}

.resize-event:not(.opened-projects-nav) .projects-nav-box {
    display: none;
}

.projects-nav-grid {
    display: flex;
    justify-content: space-between;
    max-width: 1812px;
    margin: 0 auto 60px;
}

.projects-nav-col {
    width: calc(50% - 75px);
}

.projects-nav-box .title {
    color: #323C4B;
    padding-bottom: 11.2%;
    margin: 0 0 11%;
}

.projects-nav-box .title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #323C4B;
    opacity: 0;
    transition: opacity .1s linear .3s;
}

.opened-projects-nav .projects-nav-box .title:after {
    opacity: 1;
    transition: opacity .2s linear .9s;
}

.projects-nav-box .title .word {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2.1vw;
    margin-bottom: -2.1vw;
    overflow: hidden;
}

.projects-nav-box .title .char {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    padding-right: 2px;
    margin-left: -2px;
    transform: translate3d(0, 40%, 0);
}

.projects-nav-box .title .char:first-child {
    padding-left: 2px;
}

.projects-nav {
    margin: 0;
    transform: translateY(40px);
    opacity: 0;
    transition: transform .1s ease .6s, opacity .1s linear .6s;
}

.opened-projects-nav .projects-nav {
    transform: none;
    opacity: 1;
    transition: transform .3s ease 1.2s, opacity .3s linear 1.2s;
}

.opened-projects-nav .projects-nav-col:nth-child(2) .projects-nav {
    transition: transform .3s ease 1.3s, opacity .3s linear 1.3s;
}

.projects-nav li {
    font-family: 'Metal';
    font-style: normal;
    font-weight: normal;
    font-size: 2.084vw;
    line-height: 85%;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: #ACB3BD;
    margin: 0 0 4.4%;
    padding: 0;
    background: none;
}

.projects-nav a {
    position: relative;
    color: #ACB3BD;
    text-decoration: none;
}

.no-touchevents .projects-nav a:hover {
    color: var(--gold);
}

.projects-nav .js-flying-thumb:not(.reveal-animate) .img {
    margin-bottom: -80px;
    margin-left: -30px;
}

/*Open project*/
.js-open-projects,
.js-close-projects-nav {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 84px;
    height: 88px;
    background: var(--gold);
    transition: background .2s ease;
    cursor: pointer;
}
.js-open-projects.js-open-popup svg path{
    fill: var(--darkblue)!important;
}
.no-touchevents.hidden-scroll .js-open-projects {
    right: 17px;
}

.no-touchevents .js-open-projects:hover,
.no-touchevents .js-close-projects-nav:hover {
    background: var(--gold);
}

.metaverse_template .js-open-projects:hover,
.metaverse_template .js-close-projects-nav:hover {
    background: var(--purple);
}


.js-open-projects svg,
.js-close-projects-nav svg {
    height: auto;
}

.js-open-projects .cross,
.opened-projects-nav .js-open-projects .cross {
    display: none;
}

.js-open-projects .icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    padding: 1px;
    overflow: hidden;
}

.js-open-projects .icon svg {
    transition: transform .4s cubic-bezier(.78, .13, .25, .9) .15s, opacity .35s ease-in-out .15s;
}

.no-touchevents .js-open-projects:hover .icon svg {
    transition: transform .4s cubic-bezier(.78, .13, .25, .9), opacity .35s ease-in-out;
}

.js-open-projects .icon .flying-icon {
    position: absolute;
    top: 0;
    left: 110%;
    opacity: 0;
}

.no-touchevents .js-open-projects:hover svg {
    transform: translateX(-110%);
}

.no-touchevents .js-open-projects:hover .flying-icon {
    opacity: 1;
}

.js-open-projects .text,
.js-close-projects-nav .text {
    position: absolute;
    z-index: -1;
    left: 84px;
    bottom: 0;
    display: flex;
    align-items: center;
    font-family: 'Metal';
    font-weight: 400;
    font-size: 28px;
    line-height: 1em;
    letter-spacing: -.005em;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    height: 84px;
    padding: 0 0 11px 40px;
    background: var(--darkblue2);
    transform: rotate(-90deg) translateX(calc(-100% + 1px));
    transform-origin: 0 100% 0;
    transition: bottom .4s ease, background .2s ease;
}

.js-open-projects .animate-text {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 1px 5px;
    margin-top: 5px;
}

.sticky-header .js-open-projects .text {
    bottom: 200px;
}

.no-touchevents .js-open-projects:hover .text,
.no-touchevents .js-close-projects-nav:hover .text {
    background: var(--gold);
}

.metaverse_template .js-open-projects:hover .text,
.metaverse_template .js-close-projects-nav:hover .text {
    background: var(--purple);
}

.js-open-projects .outer-view {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
}

.js-open-projects .char {
    display: inline-block;
    transition: transform .4s cubic-bezier(.78, .13, .25, .9), opacity .35s ease-in-out;
}

.js-open-projects .outer-view .char {
    opacity: 0;
}

.no-touchevents .js-open-projects:hover .char {
    transform: translateY(-100%);
}

.no-touchevents .js-open-projects:hover .nav-link-text:not(.outer-view) .char {
    opacity: 0;
}

.no-touchevents .js-open-projects:hover .nav-link-text.outer-view .char {
    opacity: 1;
    transform: translateY(-120%);
}

/*========================END OF HEADER========================*/
/*Ajax upload*/
.inner-page-view body {
    overflow: hidden;
}

#ajax-upload {
    /*min-height: 100vh;*/
}

#ajax-upload-inner-page {
    position: fixed;
    z-index: 10000;
    right: 0;
    top: 0;
    height: 100%;
    height: 100vh;
    width: 85.41666666666667%;
    min-width: 320px;
    padding: 3.55% 0 0;
    background: #fff;
    transform: translate3d(100%, 0, 0);
    overflow: hidden;
    overflow-y: scroll;
    transition: transform .5s ease;
}

#ajax-upload-inner-page .container {
    transition: opacity .3s ease;
}

#ajax-upload-inner-page .container.hidden {
    opacity: 0;
    transition: none;
}

/*#ajax-upload-inner-page.loading{
	background: #fff url("../i/loader-dark.svg") no-repeat 50% 50%/ 100px auto;
	}*/
#ajax-upload-inner-page h1,
#ajax-upload-inner-page .h1 {
    z-index: 5;
    color: var(--darkblue2) !important;
}

.inner-page-view #ajax-upload-inner-page {
    transform: none;
}

#ajax-upload-inner-page .preloader-box {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #ACB3BD;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#ajax-upload-inner-page.loading .preloader-box {
    visibility: visible;
    opacity: 1;
}

#ajax-upload-inner-page .preloader-box * {
    margin: 0;
}

#ajax-upload-inner-page .preloader-box .circle {
    width: 184px;
    height: auto;
    max-width: 60vw;
    transform: rotate(244deg);
}

#ajax-upload-inner-page .preloader-box .progress {
    position: relative;
    z-index: 10;
    stroke-dasharray: 580;
    stroke-dashoffset: 580;
    transition: all .75s ease;
}

#ajax-upload-inner-page.loading .preloader-box .progress {
    stroke-dashoffset: 0;
}

#ajax-upload-inner-page .container {
    padding: 0 40px 0 60px;
}

.project-type-title {
    text-transform: uppercase;
    letter-spacing: -.01em;
}

#ajax-upload-inner-page .time:first-child,
#ajax-upload-inner-page .project-type-title:first-child {
    margin: 0 0 -8px;
}

#ajax-upload-inner-page h1,
#ajax-upload-inner-page .h1 {
    max-width: calc(100% - 106px);
}

#ajax-upload-inner-page p:not(.h1):not(.h2):not(.h3):not(.h4) {
    width: 900px;
    max-width: 60%;
}

#ajax-upload-inner-page .project-img {
    margin: -7.2vw -40px 4.8% -60px;
}
#ajax-upload-inner-page img,
#ajax-upload-inner-page .video-box {
    margin: 130px 0;
}

#ajax-upload-inner-page .wp-block-image img{
    margin: 130px 0 0 0;
}

#ajax-upload-inner-page .project-img img {
    margin: 0;
}

#ajax-upload-inner-page figure {
    padding: 0;
}

#ajax-upload-inner-page figure:after {
    display: none;
}

#ajax-upload-inner-page figure img {
    left: 0;
}


.item-data-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 4%;
}

.item-data-grid .col {
    width: 287px;
    max-width: calc(50% - 9px);
    margin: 1% 0;
}

.item-data-grid .col>*:first-child {
    margin-top: 0;
}

.item-data-grid .col>*:last-child {
    margin-bottom: 0;
}


#ajax-upload-inner-page .js-inner-view-checker,
#ajax-upload-inner-page .js-inner-view-checker.in-start-screen {
    opacity: 0;
    transform: translateY(60px);
    transition: transform .5s ease, opacity .5s ease;
}

#ajax-upload-inner-page .js-inner-view-checker.visible:not(.in-start-screen),
#ajax-upload-inner-page .js-inner-view-checker.animated {
    transform: none;
    opacity: 1;
}

.video-box {
    position: relative;
    padding-bottom: 46.8141592920354%;
    overflow: hidden;
    background: #000;
}

.video-box .placeholder,
.video-box iframe,
.video-box video {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-box .placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.video-box .placeholder .video {
    pointer-events: none;
}

.video-box iframe,
.video-box video {
    z-index: 2;
}

.video-box .play-icon {
    position: relative;
    z-index: 3;
    width: 180px;
    max-width: 16.5%;
    height: auto;
    transition: transform .3s ease;
}

.no-touchevents .video-box .play-icon {
    display: none;
}

.video-box .play-icon svg {
    width: 100%;
    height: auto;
}

.virtual-tour-link {
    position: relative;
    display: block;
    text-decoration: none;
    padding-bottom: 46.8141592920354%;
    margin: 5% 0;
    overflow: hidden;
    background: #000;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.virtual-tour-link .video,
.video-box .placeholder .video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate3d(-50%, -50%, 0);
    cursor: pointer;
}

.photo-gallery.projects-slider {
    margin: 19% 0 17.5%;
}

.photo-gallery.projects-slider .swiper-slide {
    padding: 0;
}

.photo-gallery.projects-slider .img {
    margin: 0;
}

.photo-gallery img {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

.photo-gallery.projects-slider .swiper-pagination-progressbar {
    background: #BDBDBD;
}

.photo-gallery.projects-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--darkblue2);
}


.inner-page-nav {
    position: relative;
    margin: 19.5% 0 0;
}

.inner-page-nav .h2 {
    margin: 0;
    padding: .2vw 0 3.2vw;
}

.inner-page-nav .h2:before,
.inner-page-nav .h2:after {
    content: '';
    position: absolute;
    top: 0;
    left: -60px;
    right: -40px;
    height: 1px;
    background: #ACB3BD;
}

.inner-page-nav .h2:after {
    top: auto;
    bottom: 0;
}

.inner-page-nav-grid {
    position: relative;
}

.inner-page-nav-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inner-page-nav-grid .col {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 213px;
    width: 44.3%;
    padding: 54px 0;
}

.inner-page-nav-grid .col:first-child:after {
    content: '';
    position: absolute;
    right: -13%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ACB3BD;
}

.inner-page-nav-grid .nav-item {
    max-width: 400px;
}

.inner-page-nav-grid a {
    position: relative;
    text-decoration: none;
    color: var(--darkblue2);
}

.no-touchevents .inner-page-nav-grid a:hover {
    color: var(--darkblue2);
}

.inner-page-nav-grid .h4 {
    margin: 0;
    transition: color .2s ease;
}

.no-touchevents .inner-page-nav-grid a:hover .h4 {
    color: var(--gold);
}

.nav-item>*:first-child {
    margin-top: 0;
}

.nav-item>*:last-child {
    margin-bottom: 0;
}

#ajax-upload-inner-page .inner-page-nav-grid .time {
    color: #ACB3BD;
    margin: 0 0 9px;
}

.no-touchevents #ajax-upload-inner-page .inner-page-nav-grid a:hover .time {
    color: var(--gold);
}

.nav-item .js-flying-thumb .img {
    max-width: 316px;
    margin-left: -120px;
    margin-bottom: -54px;
}

.nav-item .js-flying-thumb .img img {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.js-close-inner-page {
    position: fixed;
    z-index: 3;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 100px;
    height: 100px;
    background: var(--darkblue2);
    opacity: 0;
    cursor: pointer;
    transition: background .2s ease, opacity .2s ease .7s;
}

.inner-page-view .js-close-inner-page {
    opacity: 1;
}

.no-touchevents .js-close-inner-page {
    right: 17px;
}

.no-touchevents .js-close-inner-page:hover {
    background: var(--gold);
}

.js-close-inner-page svg {
    height: auto;
}

/*Page cursor*/
#hover-cursor,
#grab-cursor {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    font-family: 'Metal';
    font-size: 20px;
    color: var(--darkblue2);
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
    overflow: hidden;
    pointer-events: none;
    /*visibility: hidden;*/
}

.hover-cursor #hover-cursor,
.grab-cursor #grab-cursor {
    visibility: visible;
}

#hover-cursor div,
#grab-cursor div {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--gold);
    border-radius: 110%;
    transform: scale(.5);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease;
}

#hover-cursor.dark-cursor div {
    color: #fff;
    background: var(--darkblue2);
}

.mousedown-event #grab-cursor>div {
    transform: scale(.85) !important;
}

#grab-cursor div {
    color: #fff;
    background: var(--darkblue2);
}

.light-grab-cursor #grab-cursor div {
    color: var(--darkblue2);
    background: #fff;
}

.hover-cursor:not(.hide-cursor) #hover-cursor div,
.grab-cursor #grab-cursor div,
.grab-cursor #grab-cursor div div {
    opacity: 1;
    transform: none;
}

.grab-cursor.pointer #grab-cursor div,
.grab-cursor.pointer #grab-cursor div div {
    transform: scale(.5);
    opacity: 0;
}

#grab-cursor {
    overflow: visible;
}

#grab-cursor div:before,
#grab-cursor div:after,
#grab-cursor div div:before,
#grab-cursor div div:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -28px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0;
    background: var(--darkblue2);
    border-radius: 110%;
}

.light-grab-cursor #grab-cursor div:before,
.light-grab-cursor #grab-cursor div:after,
.light-grab-cursor #grab-cursor div div:before,
.light-grab-cursor #grab-cursor div div:after {
    background: #fff;
}

#grab-cursor div:after {
    left: auto;
    right: -28px;
}

#grab-cursor div div:before,
#grab-cursor div div:after {
    width: 7.4px;
    height: 7.4px;
    margin-top: -3.7px;
    left: -44.5px;
}

#grab-cursor div div:after {
    left: auto;
    right: -44.5px;
}

.grab-cursor-activate.no-events {
    pointer-events: none;
}

/*Flying thumb*/
.js-flying-thumb {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.js-flying-thumb:not(.reveal-animate) .img {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s linear, visibility .2s linear;
}

.no-touchevents .js-flying-thumb:not(.reveal-animate):hover .img {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s linear .1s, visibility .2s linear .1s;
}

.js-flying-thumb .img img {
    margin: 0;
}

.js-flying-thumb:not(.reveal-animate) .img img {
    margin: 0;
    transform: scale(.9);
    transition: transform .4s linear;
}

.no-touchevents .js-flying-thumb:not(.reveal-animate):hover img {
    transition: transform .2s linear .1s;
    transform: none;
}

.hover-reveal {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
}

.hover-reveal-inner,
.hover-reveal-img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform-origin: 50% 100% 0;
}

.js-flying-thumb.has-tooltip {
    margin-right: 42px;
}

.js-flying-thumb.slideshow .hover-reveal-img {
    background: #fff;
}

.js-flying-thumb.slideshow .slide {
    opacity: 0;
    transition: opacity .3s ease;
}

.js-flying-thumb.slideshow .slide.active {
    opacity: 1;
}

.js-flying-thumb.slideshow img:not(:last-child) {
    position: absolute;
    left: 0;
    top: 0;
}

.js-flying-thumb.slideshow img:first-child {
    z-index: 5;
}

.js-flying-thumb.slideshow img:nth-child(2) {
    z-index: 4;
}

.js-flying-thumb.slideshow img:nth-child(3) {
    z-index: 3;
}

.js-flying-thumb.slideshow img:nth-child(4) {
    z-index: 2;
}

.js-flying-thumb.has-tooltip .tooltip-icon {
    position: absolute;
    bottom: 0;
    line-height: 0;
    text-align: right;
    width: 42px;
    margin: 0;
}

.js-flying-thumb.has-tooltip .tooltip-icon svg {
    height: auto;
}

.touchevents .js-flying-thumb.has-tooltip .img {
    left: auto;
    right: -42px;
    bottom: 0;
}

/*Sections*/
section .section-title {
    z-index: 0;
    margin-bottom: 7vw;
}

.section-title .accented-text {
    color: var(--gold);
}

.title-chars-animate .word {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5.1vw;
    margin-bottom: -5.1vw;
    overflow: hidden;
}

.title-referral .word {
    /* position: relative; */
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5.1vw;
    margin-bottom: -5.1vw;


}

/*copied from contacts and changed class name */

.ru .title-chars-animate .word.accented-text {
    margin-top: -1vw;
    margin-bottom: -7.1vw;
}

.ru .title-chars-animate .word.accented-text {
    padding-top: 2.5vw;
}

.title-chars-animate .char {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    padding-right: 2px;
    margin-left: -2px;
    transform: translate3d(0, 140%, 0);
}

.ru .title-chars-animate .word {
    padding-right: 2vw;
    margin-right: -2vw;
}

.section-title+.sub-text {
    position: relative;
    z-index: 2;
    margin-top: -2vw;
    max-width: 36%;
}

.js-view-checker .section-title+.sub-text,
.section-title+.sub-text {
    transform: translateY(40px);
    opacity: 0;
    transition: transform .5s ease .35s, opacity .5s ease .35s;
}

.visible .section-title+.sub-text,
.first-screen-animate .section-title+.sub-text {
    transform: none;
    opacity: 1;
}

.prev-bg-checker {
    opacity: 0 !important;
}

.js-page-bg-checker {
    opacity: 0;
    transition: opacity .1s ease;
}

.js-page-bg-checker.in-view {
    opacity: 1;
}

/*Main screen*/
.main-screen {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 10.9% 0 11%;
    margin-top: -15vw;
    background: var(--darkblue2);
    overflow: hidden;
}
@media (min-width:24px){
    .apple_template .main-screen {
        padding: 16.9% 0 2% 0;
    }
}
.retail_template .main-screen {
    background: #2F3035;
}

.art-screen {
    background: #C4C4C4;
}

.main-screen+section {
    padding-top: 11%;
}

.main-screen:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    height: 51.5%;
    width: 100%;
    background: linear-gradient(0deg, var(--darkblue2) 22.58%, rgba(15, 22, 33, .96) 31.85%, rgba(15, 22, 33, .87) 41.53%, rgba(15, 22, 33, .77) 50.4%, rgba(8, 18, 24, 0) 100%);
}

.art-screen:after {
    background: linear-gradient(180deg, #C4C4C4 0%, #FFFFFF 100%);
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 50%, rgba(255, 255, 255, 1) 100%);
}


.retail_template .main-screen:after {
    background: linear-gradient(180deg, rgba(29, 29, 28, 0) 0%, #2F3035 50%, #2F3035 100%);
}
.apple_template .main-screen:after {
    height: 100%;
    background: linear-gradient(0deg, rgba(23, 24, 27, 1) 0%, rgba(23, 24, 27, 1) 2%, rgba(23, 24, 27, 0) 18%, rgba(23, 24, 27, 0) 80%, rgba(23, 24, 27, 1) 100%);
}
.main-screen .mobile-viewport {
    margin-bottom: 8%;
}
.apple_template .main-screen .mobile-viewport {
    margin-bottom: 3%;
}

.main-screen .theVeryMainh1 .word {
    position: relative;
    display: block;
    transition: transform 1.4s cubic-bezier(.08, .49, .37, .94), opacity 1.4s cubic-bezier(.08, .49, .37, .94);
    opacity: 0;
    /*background: pink;*/
}

.main-screen .accented-text {
    position: relative;
    z-index: 2;
    color: var(--gold);
    margin-top: .95vw;
    margin-bottom: -.4vw;
}

.metaverse_template .accented-text,
.metaverseColour {
    color: var(--purple);
}

.ru .main-screen .accented-text {
    margin-top: 2.5vw;
    margin-bottom: -1.95vw;
}

.main-screen .theVeryMainh1 .word span {
    position: relative;
}

.main-screen .theVeryMainh1 .word .hide-desktop {
    display: none;
}

.home-screen .theVeryMainh1 .word1 {
    left: 23%;
}

.home-screen .theVeryMainh1 .word2 {
    left: 9.7%;
}

.home-screen .theVeryMainh1 .word3 {
    left: 24.4%;
}

.home-screen .theVeryMainh1 .word4 {
    left: 34%;
}

.ru .home-screen .theVeryMainh1 .word1 {
    left: 15%;
}

.ru .home-screen .theVeryMainh1 .word2 {
    left: 21.35%;
}

.ru .home-screen .theVeryMainh1 .word3 {
    left: 17.6%;
}

.ru .home-screen .theVeryMainh1 .word4 {
    left: 6.35%;
}

.apple_template .fashion-screen .theVeryMainh1{
    text-align: center;
}

.fashion-screen .theVeryMainh1 .word1 {
    left: 11%;
}
.apple_template .fashion-screen .theVeryMainh1 .word1 {
    left: 0%;
    z-index:99999;
}

.retail_template .fashion-screen .theVeryMainh1 .word1 {
    left: 12%;
}

.metaverse_template .fashion-screen .theVeryMainh1 .word1 {
    left: 12%;
}

.fashion-screen .theVeryMainh1 .word2 {
    left: 25.65%;
}
.apple_template .fashion-screen .theVeryMainh1 .word2 {
    left: -0.9%;
}
.apple_template .fashion-screen .theVeryMainh1 .word2 .word2-3{
    left: 2.9%;
    display: block;

}
.retail_template .fashion-screen .theVeryMainh1 .word2 {
    left: 20%;
}

.metaverse_template .fashion-screen .theVeryMainh1 .word2 {
    left: 3%;
}

.fashion-screen .theVeryMainh1 .word3 {
    left: 8%;
}
.apple_template .fashion-screen .theVeryMainh1 .word3 {
    left: 0%;
    margin-top:2%;
    z-index:99999;
}
.retail_template .fashion-screen .theVeryMainh1 .word3 {
    left: 9%;
}

.metaverse_template .fashion-screen .theVeryMainh1 .word3 {
    left: 32%;
}

.fashion-screen .theVeryMainh1 .word4 {
    left: 7.5%;
}
.apple_template .fashion-screen .theVeryMainh1 .word4 {
    left: 0;
}

.retail_template .fashion-screen .theVeryMainh1 .word4 {
    left: 7.5%;
}

.metaverse_template .fashion-screen .theVeryMainh1 .word4 {
    left: 4%;
}

.fashion-screen .theVeryMainh1 .word5 {
    left: 36.5%;
}
.apple_template .fashion-screen .theVeryMainh1 .word5 {
    left: 0%;
}
.retail_template .fashion-screen .theVeryMainh1 .word5 {
    left: 42.5%;
}

.metaverse_template .fashion-screen .theVeryMainh1 .word5 {
    left: 25.5%;
}

.ru .fashion-screen .theVeryMainh1 .word1 {
    left: 21%;
}

.ru .fashion-screen .theVeryMainh1 .word2 {
    left: 7%;
}

.ru .fashion-screen .theVeryMainh1 .word3 {
    left: 33.5%;
}

.ru .fashion-screen .theVeryMainh1 .word4 {
    left: 17.7%;
}




.art-screen h1 {
    color: #fff;
}

.art-screen .accented-text {
    color: #FAF4EA;
}

.art-screen .theVeryMainh1 .word1 {
    left: 0;
}

.art-screen .theVeryMainh1 .word2 {
    left: 4.9%;
}

.art-screen .theVeryMainh1 .word3 {
    left: 41.6%;
}

.art-screen .theVeryMainh1 .word4 {
    left: 10%;
}

.art-screen .theVeryMainh1 .word5 {
    left: 36%;
}

.ru .art-screen .theVeryMainh1 .word1 {
    left: 1%;
}

.ru .art-screen .theVeryMainh1 .word2 {
    left: 19.9%;
}

.ru .art-screen .theVeryMainh1 .word3 {
    left: 13.6%;
}

.ru .art-screen .theVeryMainh1 .word4 {
    left: 23.3%;
}

.main-screen .theVeryMainh1 .word1 {
    transform: translateX(-5%);
}

.main-screen .theVeryMainh1 .word2 {
    transform: translateX(5%);
    transition: transform 1.4s cubic-bezier(.08, .49, .37, .94) .075s, opacity .825s cubic-bezier(.08, .49, .37, .94) .075s;
}

.main-screen .theVeryMainh1 .word3 {
    transform: translateX(-5%);
    transition: transform 1.4s cubic-bezier(.08, .49, .37, .94) .15s, opacity .75s cubic-bezier(.08, .49, .37, .94) .15s;
}

.main-screen .theVeryMainh1 .word4 {
    transform: translateX(5%);
    transition: transform 1.4s cubic-bezier(.08, .49, .37, .94) .225s, opacity .675s cubic-bezier(.08, .49, .37, .94) .225s;
}

.main-screen .theVeryMainh1 .word5 {
    transform: translateX(5%);
    transition: transform 1.4s cubic-bezier(.08, .49, .37, .94) .3s, opacity .6s cubic-bezier(.08, .49, .37, .94) .3s;
}

.page-load .main-screen .theVeryMainh1 .word {
    transform: translateX(0);
    opacity: 1;
}

.page-load .main-screen .word.no-transitions {
    transition: none !important;
}

.page-load .main-screen.animate .theVeryMainh1 .word {
    opacity: 0;
}

.page-load .main-screen.animate .theVeryMainh1 .word1 {
    transform: translateX(5%);
}

.page-load .main-screen.animate .theVeryMainh1 .word2 {
    transform: translateX(-5%);
}

.page-load .main-screen.animate .theVeryMainh1 .word3 {
    transform: translateX(5%);
}

.page-load .main-screen.animate .theVeryMainh1 .word4 {
    transform: translateX(-5%);
}

.page-load .main-screen.animate .theVeryMainh1 .word5 {
    transform: translateX(-5%);
}


.main-screen .text {
    display: flex;
    justify-content: flex-end;
    color: #ACB3BD;
    opacity: 0;
    transform: translateY(40px);
    transition: transform .4s ease .6s, opacity .4s ease .6s;
}
.apple_template .main-screen .text {
    color: #ffffff;
}
/*.metaverse_template .text */
.art-screen .text{
    color: var(--darkblue);
}
.art-screen .js-open-bookdemo:hover .text,
.metaverse_template .js-open-bookdemo:hover .text,
.apple_template .js-open-bookdemo:hover .text{
    color: white;
}

.page-load .main-screen .text {
    transform: none;
    opacity: 1;
}

.main-screen .text .max-w>*:first-child {
    margin-top: 0;
}

.main-screen .text .max-w>*:last-child {
    margin-bottom: 0;
}

.home-screen .text .max-w {
    max-width: 30.51876379690949%;
    margin-right: 20%;
}

.fashion-screen .text .max-w {
    max-width: 28.80794701986755%;
    margin-right: 21%;
}

.art-screen .text .max-w {
    max-width: 29%;
    margin-right: 22.5%;
}


.main-screen .bg {
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -2px;
    right: -1px;
    bottom: -1px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 0;
    transition: opacity .3s linear;
}

/*
.retail_template .main-screen .bg {
    background: #1C1C1E !important;
}
*/
.page-load .main-screen .bg {
    opacity: 1;
}

.main-screen .bg .video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate3d(-50%, -50%, 0);
}

.retail_template .main-screen .bg .video {
    transform: translate3d(-50%, -50%, -80%) !important;
}

/*Howe we make it section*/
.howe-we-make-it-section {
    margin-bottom: 25.6vw;
}

.dark-bg-page .howe-we-make-it-section {
    color: #ACB3BD;
}

.howe-we-make-it-section .section-title {
    max-width: 60%;
}

.howe-we-make-it-section .section-title .accented-text {
    left: 28%;
}

.ru .howe-we-make-it-section .section-title .accented-text {
    left: 5%;
}

.howe-we-make-it-section .section-title .accented-text .char:first-child {
    padding-left: 6px;
}

.howe-we-make-it-section .section-title .accented-text .char:last-child {
    padding-right: 18px;
}

.howe-we-make-it-grid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 17.5%;
}

.howe-we-make-it-grid .sub-text {
    padding-top: 1.3%;
    width: 22.51655629139073%;
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .3s ease .5s;
}

.howe-we-make-it-grid .text {
    position: relative;
    width: 66.55629139072848%;
    transform: translateY(60px);
    opacity: 0;
    transition: transform .65s ease .75s, opacity .5s ease .75s;
}

.visible .howe-we-make-it-grid .sub-text,
.visible .howe-we-make-it-grid .text {
    transform: none;
    opacity: 1;
}

.howe-we-make-it-grid .sub-text>*:first-child,
.howe-we-make-it-grid .text>*:first-child {
    margin-top: 0;
}

.howe-we-make-it-grid .sub-text>*:last-child,
.howe-we-make-it-grid .text>*:last-child {
    margin-bottom: 0;
}

.howe-we-make-it-grid .text .flying-video {
    position: absolute;
    z-index: -1;
    top: 70%;
    right: 26%;
    width: 23.8%;
    max-width: 287px;
    margin: 0;
}

.howe-we-make-it-grid .text .flying-video .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.howe-we-make-it-grid .text .flying-video .ratio {
    margin: 0;
}

/*Solutions section*/
.solutions-section {
    position: relative;
    padding: 9% 0;
    margin-bottom: 14vw;
}

.index-page .solutions-section {
    margin-bottom: 0;
}

section+.solutions-section {
    padding-top: 0;
}

.solutions-section.js-view-checker .container {
    opacity: 0;
    transform: translateY(calc(100vh/4));
    transition: opacity .3s ease, transform .5s ease;
}

.solutions-section.visible:not(.js-page-bg-checker) .container,
.solutions-section.in-view .container {
    opacity: 1;
    transform: none;
}

.solutions-section .h4 {
    display: inline-block;
    vertical-align: top;
    color: #ACB3BD;
    margin: 0;
}

.solutions-grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 12px 0 0;
    border-bottom: 1px solid #BDBDBD;
}

/*
.solutions-grid:before {
    content: '';
    position: absolute;
    top: 0;
left: 0;
right: 0;
height: 1px;
background: #BDBDBD;
}

 .ru .solutions-grid:before {
    left: 0;
}
*/

.solutions-grid .solution-col {
    position: relative;
    color: #fff;
    width: 33.3333333%;
    height: 655px;
    padding: 0 !important;
    text-decoration: none;
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
}


.solutions-grid .solution-col .videoDiv {
    height: 654px;
}

.solutions-grid .solution-col .textDiv {
    height: 655px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

@media (min-width:1500px) {

    .solutions-grid .solution-col,
    .solutions-grid .solution-col .textDiv {
        height: 795px;
    }

    .solutions-grid .solution-col .videoDiv {
        height: 794px;
    }
}

.solutions-grid .solution-col.solutions_art-col {
    background: #bebcbe;
}

.solutions-grid .solution-col.solutions_retail-col {
    background: #000;
}

.solutions-grid .solution-col.solutions_fashion-col {
    background: #000;
}

@media (min-width:1500px) {

    .solutions-grid .solution-col,
    .solutions-grid .solution-col .textDiv {
        height: 795px;
    }

    .solutions-grid .solution-col .videoDiv {
        height: 794px;
    }
}

.solutions-grid .solution-col:last-child {
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
}

.solutions-grid .solution-col .h1 {
    text-align: center;
    margin: 0;
    white-space: nowrap;
}

.solutions-grid .solution-col .sub-text {
    margin: 10px;
    text-align: right;
    color: #fff;
}


/*
.technology-page .solutions-grid .solution-col .sub-text {
    position: absolute !important;
    right: 0 !important;
}

.technology-page .solutions-grid .solution-col:first-child .sub-text {
    left: 0 !important;
}

.technology-page .solutions-grid .solution-col .h1 {
    text-align: center;
}
*/
.solution-col .solution-video {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 0%;
    opacity: 1;
    pointer-events: none;
    transition: opacity .3s ease;
    overflow: hidden;
}

/*
.technology-page .solution-col .solution-video {
    border-radius: 107%;
    z-index: -2;

}
*/
.no-touchevents .mouseenter .solution-col:hover .solution-video {
    opacity: 1;
}

.touchevents .solution-col .solution-video {
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
}

.solution-video .ratio {
    width: 100%;
    margin: 0;
}

.no-touchevents .solution-video .ratio {
    display: none;
}

.solution-col .video-box {
    position: absolute;
    z-index: 22;
    left: 50%;
    top: 46%;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible;
}

.touchevents .solution-col .video-box {
    left: 0;
    top: 0;
}

.solution-col .video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 104%;
    margin: 0;
    transform: translate3d(-50%, -50%, 0);
    border: 1px solid transparent;
}

/*News section*/
.news-section {
    margin-bottom: 10vw;
}

/*Latest news section*/
.latest-news-section {
    position: relative;
    margin: 0 0 20vw;
}

.news-grid {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 93px 0 0;
    transition: transform .5s ease .5s, opacity .3s ease .5s;
    transform: translateY(60px);
    opacity: 0;
}

.visible .news-grid,
.first-screen-animate .news-section .news-grid {
    transform: none;
    opacity: 1;
}

.news-grid:before,
.news-grid:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: #ACB3BD;
}

.news-grid:after {
    top: auto;
    bottom: 36px;
}

.news-grid .item {
    width: calc(33.33333% - 48px);
    margin: 0 72px 150px 0;
    transition: opacity .2s ease;
}

.news-grid .item.hidden {
    opacity: 0;
    visibility: hidden;
}

.news-grid .item a {
    max-width: 77%;
    text-decoration: none;
    transform: translateY(30px);
    opacity: 0;
    transition: transform .6s ease .75s, opacity .6s ease .75s;
}

.ru .news-grid .item a {
    max-width: 100%;
}

.visible .news-grid .item a,
.first-screen-animate .news-section .news-grid .item a {
    transform: none;
    opacity: 1;
}

.news-grid .item:nth-child(3n) {
    margin-right: 0;
}

.news-grid .js-flying-thumb .img {
    max-width: 316px;
    margin-left: -120px;
    margin-bottom: -54px;
}

.news-grid .h4 {
    margin: 0;
    transition: color .2s ease;
}

.news-grid .time {
    margin: 0 0 13px;
    transition: color .2s ease;
}

.no-touchevents .news-grid a:hover .h4,
.no-touchevents .news-grid a:hover .time {
    color: var(--gold);
}

/*Process section*/
.process-section {
    margin: 0 0 20vw;
}

.process-slider-box {
    margin: 10.7% 0 0;
}

.process-slider-box {
    display: flex;
    justify-content: space-between;
}

.process-slider {
    order: 1;
    width: 40.52083333333333%;
    padding: 20% 7.3% 0 0;
}

.dark-bg-page .process-slider {
    color: #ACB3BD;
}

.js-view-checker .process-slider {
    transform: translateY(40px);
    opacity: 0;
    transition: transform .3s ease .4s, opacity .3s ease .4s;
}

.visible .process-slider {
    transform: none;
    opacity: 1;
}

.process-slider .swiper-slide {
    margin-bottom: 47%;
}

.process-slider .swiper-slide:last-child {
    margin-bottom: 100%;
}

.process-slider .num {
    display: block;
    font-size: 16px;
    line-height: 1em;
    padding-bottom: 26px;
    margin: 0 0 7px;
    border-bottom: 1px solid var(--darkblue2);
    transition: color .3s ease, border .3s ease;
}

.process-slider .active .num,
.dark-bg-page .process-slider .active .num {
    color: var(--gold);
    border-color: var(--gold);
}

.metaverse_template .process-slider .active .num,
.metaverse_template .dark-bg-page .process-slider .active .num {
    color: var(--purple);
    border-color: var(--purple);
}

.dark-bg-page .process-slider .num {
    border-color: #ACB3BD;
}

.process-slider .swiper-slide>*:first-child {
    margin-top: 0;
}

.process-slider .swiper-slide>*:last-child {
    margin-bottom: 0;
}

.process-slider .h3 {
    margin: 0 0 10.4%;
    transition: color .3s ease;
}

.process-slider .active .h3 {
    color: var(--gold);
}

.metaverse_template .process-slider .active .h3 {
    color: var(--purple);
}

.process-media-slider-box {
    order: 2;
    position: relative;
    width: calc(59.47916666666667% + 54px);
    margin-right: -54px;
}

.js-view-checker .process-media-slider-box .swiper-container {
    transform: translateY(60px);
    opacity: 0;
    transition: transform .4s ease .5s, opacity .4s ease .5s;
}

.visible .process-media-slider-box .swiper-container {
    transform: none;
    opacity: 1;
}

.process-media-slider {
    position: relative;
    height: 100vh;
}

.process-media-slider .swiper-slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s ease;
}

.process-media-slider .swiper-slide:first-child {
    opacity: 1;
}

.process-media-slider .swiper-slide:nth-child(2) {
    z-index: 2;
}

.process-media-slider .swiper-slide:nth-child(3) {
    z-index: 3;
}

.process-media-slider .swiper-slide:nth-child(4) {
    z-index: 4;
}

.process-media-slider .swiper-slide:nth-child(5) {
    z-index: 5;
}

.process-media-slider .swiper-slide.active {
    opacity: 1;
}

.process-media-slider .video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate3d(-50%, -50%, 0);
    /*	object-fit: cover;*/
}

.process-media-slider .video-ratio {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    pointer-events: none;
    margin: 0;
    opacity: 0;
}

.process-media-slider .swiper-pagination-progressbar {
    display: none;
}

.process-media-slider .num {
    display: none;
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    font-size: 14px;
    line-height: 1em;
    color: var(--darkblue2);
}

/*Result section*/
.result-section {
    margin-bottom: 20vw;
}

.virtual-tour {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    padding-bottom: 50.36420395421436%;
    min-height: 426px;
    overflow: hidden;
}

.js-view-checker .virtual-tour {
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s;
}

.visible .virtual-tour {
    transform: none;
    opacity: 1;
}

.virtual-tour .video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate3d(-50%, -50%, 0);
    cursor: pointer;
}

.virtual-tour .prompt,
.virtual-tour-link .prompt {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    height: auto;
    max-width: 281px;
    min-width: 147px;
    width: 19.44636678200692%;
    transform: translate3d(-50%, -50%, 0);
}

/*Projects section*/
.projects-section {
    margin-bottom: 20vw;
}

.projects-section .h1 {
    display: none;
}

.projects-section .word:nth-child(2) {
    padding-left: 3%;
}

.projects-slider .swiper-container {
    overflow: visible;
}

.projects-slider .swiper-slide {
    position: relative;
    max-width: calc(33.33333% - 15px);
    padding-bottom: 10px;
}

.js-view-checker .projects-slider .swiper-slide:not(:first-child) {
    transition: transform .75s ease .2s, opacity .5s ease .2s;
    transform: translateY(80px);
    opacity: 0;
}

.js-view-checker .projects-slider .swiper-slide:nth-child(3) {
    transition: transform .75s ease .45s, opacity .5s ease .45s;
}

.js-view-checker .projects-slider .swiper-slide:nth-child(4) {
    transition: transform .75s ease .65s, opacity .5s ease .65s;
}

.js-view-checker .projects-slider .swiper-slide:nth-child(5) {
    transition: transform .75s ease .85s, opacity .5s ease .85s;
}

.visible .projects-slider .swiper-slide {
    transform: none !important;
    opacity: 1 !important;
}

.projects-slider .h1 {
    display: block;
    z-index: 2;
    margin: -5% 0 0;
}

.projects-section .h1 .slides-count {
    position: absolute;
    left: 78%;
    top: 5%;
    font-family: 'Metal';
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 0;
    color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    padding-bottom: 6px;
    border: 1px solid var(--gold);
    border-radius: 100%;
}

.ru .projects-section .h1 .slides-count {
    left: 106%;
}

.js-view-checker .h1 .slides-count {
    opacity: 0;
    transition: opacity .3s ease .3s;
}

.visible .h1 .slides-count {
    opacity: 1;
}

.projects-slider .word {
    display: table;
    white-space: nowrap;
    width: auto;
}

.projects-slider .word.accented-text {
    margin-top: -21%;
}

.ru .projects-slider .word.accented-text {
    margin-top: -24% !important;
}

.projects-slider .accented-text .char {
    margin-top: 0;
}

.projects-slider .img {
    margin: 0 0 14px;
    transition: transform .3s ease;
    overflow: hidden;
}

.projects-slider .drag-event .img {
    transform: scale(.95);
}

.projects-slider .img img {
    margin: 0;
    transition: transform .3s ease;
}

.projects-slider .drag-event .img img {
    transform: scale(1.05);
}

.projects-slider .h4 {
    color: #ACB3BD;
    margin: 0;
}

.touchevents .projects-slider .h4 {
    position: static;
}

.projects-slider a {
    color: #ACB3BD;
    text-decoration: none;
}

.no-touchevents .projects-slider a:hover {
    color: var(--gold);
}

.touchevents .projects-slider a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.js-view-checker .projects-slider .swiper-pagination {
    opacity: 0;
    transition: opacity .3s ease .5s;
}

.visible .projects-slider .swiper-pagination {
    opacity: 1;
}

/*Reviews section*/
.reviews-section {
    margin-bottom: 20vw;
}

.reviews-section .h1 {
    margin-bottom: 6%;
}

.reviews-slider {
    padding-top: 5%;
    border-top: 1px solid #ACB3BD;
}

.js-view-checker .reviews-slider {
    opacity: 0;
    transition: opacity .5s ease .4s;
}

.visible .reviews-slider {
    opacity: 1;
}

.reviews-slider .swiper-slide {
    width: calc(33.33333% - 21.33333333333333px);
    padding-bottom: 10px;
    user-select: none;
}

.js-view-checker .reviews-slider .swiper-slide {
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease .3s, opacity .5s ease .3s;
}

.visible .reviews-slider .swiper-slide {
    transform: none;
    opacity: 1;
}

.dark-bg-page .reviews-slider .swiper-slide {
    color: #ACB3BD;
}

.reviews-slider .swiper-slide .max-w {
    max-width: 77.31958762886598%;
}

.reviews-slider .swiper-slide .max-w>*:first-child {
    margin-top: 0;
}

.reviews-slider .swiper-slide .max-w>*:last-child {
    margin-bottom: 0;
}

.reviews-slider .author {
    margin: 0 0 -1.1%;
}

.reviews-slider .h4 {
    margin: 0 0 10.2%;
}

.reviews-slider .swiper-pagination-progressbar {
    margin-top: 5.3%;
}

.js-view-checker .reviews-slider .swiper-pagination {
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease .4s, opacity .5s ease .4s;
}

.visible .reviews-slider .swiper-pagination-progressbar {
    transform: none;
    opacity: 1;
}

/*App info section*/
.app-info-section {
    margin-bottom: 20vw;
}
@media (min-width:999px){
    .apple_template .app-info-section {
        margin-bottom: 12vw;
    }
    .apple_template .app-info-section.extraAppSection {
        margin-bottom: 18vw;
    }
    .apple_template .contacts-section{
        margin-bottom:10vw;
    }
}

.app-info-section .section-title .word:first-child {
    margin-left: 22%;
}

.dark-bg-page .app-info-section .section-title .word:first-child {
    margin-left: 44.8%;
}

.metaverse_template.dark-bg-page .app-info-section .section-title .word:first-child {
    margin-left: 0;
}
.apple_template.dark-bg-page .app-info-section .section-title .word:first-child {
    margin-left: 0;
}
.apple_template.dark-bg-page .app-info-section .section-title.hideOnDesktop .word:nth-child(2) {
    margin-left:31%;
}
.apple_template.dark-bg-page .app-info-section .section-title.hideOnDesktop .word:nth-child(4) {
    margin-left:20%;
}
.apple_template.dark-bg-page .app-info-section .section-title.hideOnDesktop .word:nth-child(8) {
    margin-left:10%;
}
.apple_template.dark-bg-page .app-info-section .section-title.hideOnDesktop .word:first-child {
    display:block;
}
.app-info-section .section-title .word:nth-child(3) {
    /*margin-left: 2.75%;*/
}

.app-info-section .section-title .word:nth-child(5) {
    margin-left: 7.5%;
}
.apple_template .app-info-section .section-title .word:nth-child(4) {
    margin-left: 35.5%;
}
.app-info-section .section-title .word:nth-child(7) {
    margin-left: 20%;
}
.apple_template .app-info-section .section-title .word:nth-child(5) {
    margin-left: 0.5%;
}
.apple_template .app-info-section .section-title .word:nth-child(6) {
    margin-left: 0.5%;
}
.apple_template .app-info-section .section-title .word:nth-child(7) {
    margin-left: 26.5%;
    z-index: 999!important;
}
.apple_template .app-info-section .section-title{
    z-index: 999!important;
}
.ru .app-info-section .section-title .word:first-child {
    margin-left: 16%;
}

.ru .app-info-section .section-title .word:nth-child(2) {
    margin-left: 7.75%;
}

.ru .app-info-section .section-title .word:nth-child(3) {
    /*margin-left: 27.4%;*/
}

.ru .app-info-section .section-title .word:nth-child(4) {
    margin-left: 15.5%;
}

.ru .app-info-section .section-title .word:nth-child(5) {
    margin-left: 0;
}

.app-info-box {
    margin: 10.5vw 0 0;
    padding: 0 16px 42px;
    border: 1px solid var(--darkblue2);
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease 1s, opacity .5s ease 1s;
}

.dark-bg-page .app-info-box {
    border: 1px solid #ACB3BD;
    color: #ACB3BD !important;
}

.metaverse_template.dark-bg-page .app-info-box,
.apple_template.dark-bg-page .app-info-box {
    border: none;
}
.apple_template.dark-bg-page .app-info-box[style] {
    margin-top:-50px!important;
}
.dark-bg-page .app-info-header {
    border-bottom: 1px solid #ACB3BD;
}

.dark-bg-page .app-info-header .app-title .dots,
.dark-bg-page .app-info-header .app-title .dots:before,
.dark-bg-page .app-info-header .app-title .dots:after {
    background: #ACB3BD !important;
}

.dark-bg-page .app-text-grid .app-description .col:nth-child(odd):before {
    background: #ACB3BD !important;
}

.visible .app-info-box {
    transform: none;
    opacity: 1;
}

.app-info-header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -16px 40px;
    padding: 8px 16px 18px;
    border-bottom: 1px solid var(--darkblue2);
}

.app-info-box .h4 {
    font-size: 30px;
    line-height: .8666666666666667em;
}

.app-info-header .h4 {
    margin: 0;
}

.app-info-header .app-title {
    display: flex;
    margin-right: 24px;
}

.app-info-header .app-title .dots {
    position: relative;
    margin: 10px 82px 0 0;
    width: 20px;
    height: 20px;
    background: var(--darkblue2);
    border-radius: 110%;
}

.app-info-header .app-title .dots:before,
.app-info-header .app-title .dots:after {
    content: '';
    position: absolute;
    left: 32px;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--darkblue2);
    border-radius: 110%;
}

.app-info-header .app-title .dots:after {
    left: 64px;
}

.app-info-header .sub-text {
    flex: 1;
    text-align: right;
    margin-left: auto;
}

.app-info-box .show-mobile {
    display: none;
}

.app-info-box .video-box {
    margin-bottom: 44px;
    padding-bottom: 47.43975903614458%;
    /*min-height: 166px;*/
}
.apple_template .app-info-box .video-box {
    border:var(--appleMain) 3px solid;
    border-radius: 22px;
}

.app-info-box .video-box .video {
    height: calc(100% + 2px);
    width: auto;
}

.app-text-grid {
    display: flex;
    justify-content: space-between;
}

.app-text-grid .app-intro {
    /*flex: 1;*/
    margin-right: 54px;
    /*max-width: 540px;*/
    width: 40.72398190045249%;
}

.app-text-grid .app-intro>*:first-child {
    margin-top: 0;
}

.app-text-grid .app-intro>*:last-child {
    margin-bottom: 0;
}

.app-text-grid .app-description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 48.64253393665158%;
    padding-right: 32px;
    margin-bottom: -46px;
    overflow: hidden;
}

.app-text-grid .app-description .col {
    position: relative;
    width: calc(50% - 35px);
    /*max-width: 272px;*/
    padding: 43px 0 0;
    margin: 0 0 46px;
}

.app-text-grid .app-description .col:first-child,
.app-text-grid .app-description .col:nth-child(2) {
    padding-top: 34px;
}

.app-text-grid .app-description .col:nth-child(odd):before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 1000px;
    background: var(--darkblue2);
}

.app-text-grid .app-description .h4 {
    margin: 0 0 8px;
}

.app-text-grid .app-description p {
    margin: 0;
}

/*App download section*/
.app-download-section {
    margin-bottom: 19vw;
}

.app-download-section .app-download-box {
    position: relative;
    display: block;
    margin: 27px 0 0;
    padding-top: 27px;
    border-top: 1px solid #ACB3BD;
    transition: transform .5s ease .75s, opacity .3s ease .75s;
    transform: translateY(60px);
    opacity: 0;
}

.visible .app-download-box,
.first-screen-animate .app-download-box {
    transform: none;
    opacity: 1;
}

.app-download-box .h3.message {
    display: none;
    text-align: center;
    margin: 130px 0 90px;
}

.touchevents .app-download-box .h3.message {
    display: block;
}

.app-download-box .h3.message span {
    display: block;
}

.app-download-info {
    padding: 64px 4.11764705882353%;
    background-color: #eef0f2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.app-download-info .text {
    max-width: 440px;
}

.app-download-info .text>*:first-child {
    margin-top: 0;
}

.app-download-info .text>*:last-child {
    margin-bottom: 0;
}

.app-download-links {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    margin: 33px 0 0;
    border-top: 1px solid #ACB3BD;
    border-bottom: 1px solid #ACB3BD;
}

.app-download-links .col {
    text-align: center;
    width: 50%;
    padding: 18px 12px 36px;
}

.app-download-links .col:first-child {
    border-right: 1px solid #ACB3BD;
}

.app-download-links .h3 {
    margin: 0 auto;
}

.app-download-links .h3 a {
    text-decoration: none;
}

.app-download-links .sub-text {
    display: block;
    margin: 16px 0 -12px;
}

/*Advantages section*/
.advantages-section {
    margin-bottom: 10vw;
}

.dark-bg-page .advantages-section {
    color: #ACB3BD;
}

.advantages-section.js-view-checker .section-title+.sub-text {
    transform: translateY(40px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s, border-color .2s ease;
}

.advantages-section.visible .section-title+.sub-text {
    transform: none;
    opacity: 1;
}

.advantages-list {
    margin: 15.5% 0 0;
    width: 89.40397350993377%;
}


.technology-page .advantages-list {
    margin: 5.5% 0 0;
    width: 89.40397350993377%;
}

.advantages-list .swiper-slide {
    margin-bottom: 15.5%;
    width: 43.20987654320988%;
}
.advantages-list .swiper-slide {
    margin-bottom: 9.5%;
    width: 43.20987654320988%;
}
@media (min-width:1050px){
    .technology-page .advantages-list .swiper-slide {
        margin-bottom: 8.5%;
    }
}
.advantages-list .advantage-item {
    padding-top: .47%;
    border-top: 1px solid #ACB3BD;
    transition: border-color .2s ease;
}
.apple_template .advantages-list .advantage-item {
    border-top: 1px solid #323C4B;
}

.js-view-checker .advantages-list .advantage-item {
    transform: translateY(40px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s, border-color .2s ease;
}

.js-view-checker .advantages-list .swiper-slide:nth-child(2) .advantage-item {
    transition: transform .5s ease .6s, opacity .5s ease .6s, border-color .2s ease;
}

.js-view-checker .advantages-list .swiper-slide:nth-child(3) .advantage-item {
    transition: transform .5s ease .7s, opacity .5s ease .7s, border-color .2s ease;
}

.js-view-checker .advantages-list .swiper-slide:nth-child(4) .advantage-item {
    transition: transform .5s ease .8s, opacity .5s ease .8s, border-color .2s ease;
}

.visible .advantages-list .advantage-item {
    transform: none;
    opacity: 1;
}

.dark-bg-page .advantages-list .advantage-item {
    color: #ACB3BD;
}
.apple_template.dark-bg-page .advantages-list .advantage-item {
    color: var(--appleLight);
}
.no-touchevents .advantage-item:hover {
    border-color: var(--gold);
}

.advantage-item .h3 {
    margin: 0 0 8%;
    transition: color .2s ease;
}

.dark-bg-page .advantage-item .h3 {
    color: #ACB3BD;
}

.apple_template.dark-bg-page .advantage-item .h3 {
    color: var(--appleLight);
}

.no-touchevents .advantage-item:hover .h3 {
    color: var(--gold);
}

.advantage-item .icon {
    position: absolute;
    right: 0;
    bottom: calc(100% + 32px);
    height: auto;
    margin: 0;
    transition: opacity .2s ease;
    opacity: 0;
    pointer-events: none;
}

.touchevents .advantage-item .icon {
    opacity: 1;
}

.no-touchevents .advantage-item:hover .icon {
    opacity: 1;
}

.advantages-list .advantage-item p:not(.h3) {
    max-width: 92.0952380952381%;
}

/*Price and timings section*/
.price-and-timings-section {
    margin-bottom: 5vw;
}

.price-and-timings-section .section-title+.sub-text {
    width: 440px;
}

.plan-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 5.2% 0 0;
}

.js-view-checker .plan-grid {
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s;
}

.visible .plan-grid {
    opacity: 1;
    transform: none;
}

.plan-grid.full-width-view {
    margin-top: 4.2%;
}

.plan-grid .plan-item {
    position: relative;
    width: 25%;
    border: 1px solid var(--darkblue2);
    border-top: 0;
}

.no-touchevents .plan-grid .plan-item:hover {
    z-index: 10;
}

.plan-grid p {
    margin: 0 0 7.4%;
}

.plan-grid .plan-title {
    padding: 0 5.01474926253687%;
    margin: 0 -1px;
    padding-bottom: 6.2%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.plan-grid .plan-title .icon {
    display: none;
}

.plan-grid .plan-dropdown {
    position: relative;
    padding: 2% 5.01474926253687% 12.3%;
    border-top: 1px solid var(--darkblue2);
    transition: background .2s ease;
}

.no-touchevents .plan-grid .plan-item:hover .plan-dropdown {
    background: #FAF4EA;
}

.plan-grid .plan-dropdown .data-box>*:first-child {
    margin-top: 0;
}

.plan-grid .plan-dropdown .data-box>*:last-child {
    margin-bottom: 0;
}

.plan-grid .data-box {
    padding: 9.5% 0;
    border-bottom: 1px solid var(--darkblue2);
}

.plan-grid .data-box.price-box {
    padding: 0 0 7%;
}

.plan-grid .data-box.sub-price-box {
    padding: 5.2% 0 8%;
}

.plan-grid .data-box:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.plan-grid .plan-price {
    display: block;
    margin: 0 0 9.5%;
}

.plan-grid .per-year-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.plan-grid .plan-price+.per-year-box {
    margin-top: -13px;
}

.plan-grid .per-year-box * {
    margin: 0 0 2px;
}

.plan-grid hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 7.4% 0;
    outline: none;
    border: none;
    background: var(--darkblue2);
}

.plan-grid .plan-sub-price {
    display: block;
    margin: 0 0 6%;
}

.no-touchevents .plan-grid a:hover {
    color: var(--darkblue2);
}

.plan-grid.full-width-view .plan-item {
    width: 100%;
}

.plan-grid.full-width-view .plan-title {
    padding: 0 1.21546961325967% 1.6%;
}

.plan-grid.full-width-view .plan-dropdown {
    padding: 0;
}

.plan-grid.full-width-view .data-box {
    width: 25%;
    padding: 2% 1.21546961325967% 2.2%;
    border: none;
}

.plan-grid.full-width-view .data-box.price-box {
    padding-top: .5%;
}

.plan-grid.full-width-view .data-box.sub-price-box {
    padding-top: 1.5%;
}

.plan-grid .js-flying-thumb {
    z-index: 2;
}

.plan-grid .js-flying-thumb .img {
    z-index: 5;
    max-width: 316px;
    margin-left: -120px;
    margin-bottom: -54px;
}

.accordion.pricing-view {
    margin-top: 116px;
}

.accordion.pricing-view .title-box {
    padding-bottom: 60px;
}

.accordion.pricing-view .dropdown {
    width: 100%;
    max-width: none;
    padding-bottom: 9vw;
}

.accordion.pricing-view .tabs-box {
    margin: 64px 0 0;
}

.accordion.pricing-view .dropdown .sub-text {
    max-width: 440px;
}

/*Tabs box*/
.price-and-timings-section .tabs-box {
    margin: 6vw 0 0;
    transform: translateY(60px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s;
}

.price-and-timings-section.visible .tabs-box,
.first-screen-animate .price-and-timings-section .tabs-box {
    transform: none;
    opacity: 1;
}

.price-and-timings-section .tabs-nav {
    margin: 0 0 5.4vw;
}

.tabs-nav-grid {
    display: flex;
}

.tabs-nav-item {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ACB3BD;
    padding: 18px 24px 30px;
    min-height: 115px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ACB3BD;
    transition: all .2s ease;
}

.tabs-nav-item.active {
    z-index: 2;
    color: #fff;
    background: var(--darkblue2);
    border-color: var(--darkblue2);
    cursor: default;
}

.no-touchevents .tabs-nav-item:not(.active):hover {
    color: var(--darkblue2);
    border-color: var(--darkblue2);
}

.tabs-nav-item+.tabs-nav-item {
    margin-left: -1px;
}

.tabs-nav-item *,
.tabs-nav-item .h4 {
    margin: 0;
}

.tabs-content .tab {
    display: none;
}

/*Faq section*/
.faq-section {
    margin: 0 0 20vw;
}

/*Accordion*/
.accordion {
    transition: transform .5s ease .5s, opacity .3s ease .5s;
    transform: translateY(60px);
    opacity: 0;
}

.visible .accordion,
.first-screen-animate .accordion {
    transform: none;
    opacity: 1;
}

.accordion .item {
    padding-bottom: 12px;
    border-bottom: 1px solid #ACB3BD;
}

.accordion .item:first-child {
    border-top: 1px solid #ACB3BD;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.price-and-timings-section .accordion .item.opened:last-child {
    border-bottom: 0px solid #ACB3BD;
}

.accordion .title-box {
    position: relative;
    padding: 28px 90px 28px 0;
    cursor: pointer;
}

.accordion .title-box .title {
    color: #ACB3BD;
    margin: 0;
    transition: color .2s ease;
}

.no-touchevents .accordion .title-box:hover .title,
.accordion .opened .title-box .title {
    color: var(--darkblue2);
}

.accordion .title-box .h4 {
    max-width: 670px;
}

.accordion .title-box .icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 49px;
    height: 49px;
    margin-top: -19px;
}

.accordion .title-box .icon:before,
.accordion .title-box .icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ACB3BD;
}

.accordion .title-box .icon:after {
    top: 0;
    left: calc(50% - 1px);
    width: 1px;
    height: 100%;
}

.accordion .opened .title-box .icon:after {
    opacity: 0;
}

.accordion .item:not(.opened) .title-box:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 12px;
}

.accordion .dropdown {
    display: none;
    max-width: 670px;
    padding: 0 0 42px;
}

.accordion .dropdown>*:first-child {
    margin-top: 0;
}

.accordion .dropdown>*:last-child {
    margin-bottom: 0;
}

/*Ticker section*/
.ticker-section {
    margin: 25vw 0 31.5vw;
}

.ticker-box {
    position: relative;
    padding-bottom: 2vw;
}
.ticker-box a{
    text-decoration: none!important;
}
.ticker-box:before,
.ticker-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: -7.2vw;
    width: 100%;
    height: 1px;
    background: #ACB3BD;
}

.ticker-box:after {
    top: auto;
    bottom: -8.5vw;
}

.ticker-box .h1 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 15vw;
    white-space: nowrap;
    margin: -2vw 0 0;
}

.js-page-bg-checker .ticker-box .h1 {
    padding: 0 15vw 0 25vw;
}

/*Technology section*/
.technology-section {
    margin-bottom: 15.5%;
}

.technology-section h1 {
    max-width: 50%;
}

.ru .technology-section h1 {
    max-width: none;
}

.technology-section .separator,
.technology-section .title-text-grid {
    transition: transform .5s ease .5s, opacity .3s ease .5s;
    transform: translateY(60px);
    opacity: 0;
}

.technology-section .title-text-grid {
    transition: transform .5s ease .7s, opacity .3s ease .7s;
}

.first-screen-animate .technology-section .separator,
.first-screen-animate .technology-section .title-text-grid {
    transform: none;
    opacity: 1;
}

/*About section*/
.about-section {
    margin-bottom: 15.5%;
}

.about-section h1 {
    max-width: 50%;
}

.ru .about-section h1 {
    max-width: none;
}

.title-text-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94.15011037527594%;
}

.about-section .separator,
.about-section .title-text-grid {
    transition: transform .5s ease .5s, opacity .3s ease .5s;
    transform: translateY(60px);
    opacity: 0;
}

.about-section .title-text-grid {
    transition: transform .5s ease .7s, opacity .3s ease .7s;
}

.first-screen-animate .about-section .separator,
.first-screen-animate .about-section .title-text-grid {
    transform: none;
    opacity: 1;
}

.title-text-grid .title-box {
    width: 43.8%;
}

.title-text-grid .text-box {
    width: 46.12438452520516%;
    padding-top: .5%;
}

.title-text-grid .title-box>*:first-child,
.title-text-grid .text-box>*:first-child {
    margin-top: 0;
}

.title-text-grid .title-box>*:last-child,
.title-text-grid .text-box>*:last-child {
    margin-bottom: 0;
}

.separator {
    display: block;
    height: 1px;
    padding: 0;
    margin: 5% 0;
    outline: none;
    border: none;
    background: #ACB3BD;
}

.section-title+.separator {
    margin-top: 0;
}

/*Figure section*/
.figure-section {
    margin-bottom: 19.5%;
}

figure {
    position: relative;
    padding-bottom: 4.9%;
}

figure:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ACB3BD;
}

figure img {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin: 0 0 0 -50vw;
}

figure figcaption {
    margin: 3% 0 0;
}

figure figcaption>*:first-child {
    margin-top: 0;
}

figure figcaption>*:last-child {
    margin-bottom: 0;
}

.js-view-checker figure img,
.js-view-checker figure figcaption,
.js-view-checker figure:after {
    transition: transform .75s ease, opacity .5s ease;
    transform: translateY(60px);
    opacity: 0;
}

.js-view-checker figure figcaption {
    transition-delay: .15s;
}

.js-view-checker figure:after {
    transition-delay: .3s;
}

.visible figure img,
.visible figure figcaption,
.visible figure:after {
    transform: none;
    opacity: 1;
}

/*Technology section*/
.technology-section {
    margin-bottom: 14%;
}

.technology-section .section-title {
    white-space: nowrap;
}

.text-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.text-grid .col {
    width: 50%;
}

.js-view-checker .text-grid .col {
    transition: transform .5s ease .5s, opacity .5s ease .5s;
    transform: translateY(60px);
    opacity: 0;
}

.visible .text-grid .col {
    transform: none;
    opacity: 1;
}

.text-grid .col * {
    max-width: 63.57615894039735%;
}

.text-grid .col>*:first-child {
    margin-top: 0;
}

/*Experience section*/
.experience-section {
    margin-bottom: 18.5%;
}

.technology-page .experience-section {
    margin-bottom: 2.5%;
}

.img-text-grid {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6.7% 0 7.3%;
}

.img-text-grid:before,
.img-text-grid:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #ACB3BD;
}

.img-text-grid:after {
    top: auto;
    bottom: 0;
}

.img-text-grid .img-box {
    position: relative;
    width: 40.01103752759382%;
    margin-left: 2.75938189845475%;
    padding-top: 2%;
}

.img-text-grid img {
    margin: 0;
}

.img-text-grid .img-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 1200px;
    right: 5.51724137931034%;
    bottom: 7.95454545454545%;
    height: 66.85606060606061%;
    background: var(--gold);
}

.js-view-checker .img-text-grid .img-box:after {
    width: 0;
    transition: width .75s ease .3s;
}

.visible .img-text-grid .img-box:after {
    width: 1200px;
}

.img-text-grid .text-box {
    width: 49.66887417218543%;
}

.img-text-grid .text-box>*:first-child {
    margin-top: 0;
}

.img-text-grid .text-box>*:last-child {
    margin-bottom: 0;
}

.sub-color {
    color: var(--gold);
}

.js-view-checker .img-text-grid:before,
.js-view-checker .img-text-grid:after,
.js-view-checker .img-text-grid .img-box,
.js-view-checker .img-text-grid .text-box {
    transition: transform .5s ease, opacity .5s ease;
    transform: translateY(60px);
    opacity: 0;
}

.js-view-checker .img-text-grid .img-box,
.js-view-checker .img-text-grid .text-box {
    transition-delay: .2s;
}

.js-view-checker .img-text-grid:after {
    transition-delay: .4s;
}

.visible .img-text-grid:before,
.visible .img-text-grid:after,
.visible .img-text-grid .img-box,
.visible .img-text-grid .text-box {
    transform: none;
    opacity: 1;
}

/*Lets connect section*/
.lets-connect-section h1,
.lets-connect-section .h1 {
    max-width: 95%;

}


.ref h1,
.ref .h1 {
    max-width: 95%;
    text-align: center;

}




.lets-connect-box {
    position: relative;
    padding: 88px 0 98px;
    border-bottom: 1px solid #ACB3BD;
}

.lets-connect-box:before {
    content: '';
    position: absolute;
    left: 0;
    right: 213px;
    top: 0;
    height: 1px;
    background: #ACB3BD;
}

.contacts-section .lets-connect-box:before {
    right: 0;
}


.metaverse_template .lets-connect-box:before {
    background: #fff !important;
    content: '';
    position: absolute;
    left: 0;
    right: 213px;
    top: 0;
    height: 1px;
}

.metaverse_template .nobeforehere .lets-connect-box:before {
    display: none;
}

.metaverse_template .lets-connect-box {
    border-bottom: white 1px solid !important;
}

.metaverse_template .nobeforehere .lets-connect-box {
    border-bottom: white 0px solid !important;
}

.lets-connect-box {
    transform: translate3d(0, 60px, 0);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s;
}

.lets-connect-grid {
    display: flex;
}

.lets-connect-grid,
.lets-connect-box .btn-box .btn {
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    transition: transform .3s ease .8s, opacity .3s ease .8s;
}

.lets-connect-grid .text {
    width: 52%;
    padding-right: 64px;
}

.lets-connect-grid .text>*:first-child {
    margin-top: 0;
}

.lets-connect-grid .text>*:last-child {
    margin-bottom: 0;
}

.lets-connect-grid .text * {
    max-width: 62.4203821656051%;
}

.lets-connect-grid .contacts-box {
    width: 48%;
}

.contacts-section .lets-connect-grid .contacts-box {
    width: 52%;
    padding-right: 64px;
    max-width: none;
}

.lets-connect-grid .form-box {
    width: 32.65%;
    min-width: 440px;
}

.lets-connect-grid .intro-text>*:first-child {
    margin-top: 0;
}

.lets-connect-grid .intro-text>*:last-child {
    margin-bottom: 0;
}

.lets-connect-box .btn-box {
    position: absolute;
    top: -98px;
    right: 0;
}

.visible .lets-connect-box,
.visible .lets-connect-grid,
.visible .lets-connect-box .btn-box .btn,
.first-screen-animate .contacts-section .lets-connect-box,
.first-screen-animate .contacts-section .lets-connect-grid,
.first-screen-animate .contacts-section .lets-connect-box .btn-box .btn {
    transform: none;
    opacity: 1;
}

.form-submit-message {
    margin-top: 10%;
}

.contacts-form+.form-submit-message {
    display: none;
}

.form-submit-message .h3 {
    margin: 0 0 40px;
}

.form-submit-message>*:first-child {
    margin-top: 0;
}

.form-submit-message>*:last-child {
    margin-bottom: 0;
}

/*Auxiliary link box*/
.auxiliary-link-box {
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
}

.news-grid+.auxiliary-link-box {
    margin: -57px 0 0;
    transition: transform .5s ease .5s, opacity .3s ease .5s;
    transform: translateY(60px);
    opacity: 0;
}

.visible .news-grid+.auxiliary-link-box,
.first-screen-animate .contacts-section .news-grid+.auxiliary-link-box,
.news-section .news-grid+.auxiliary-link-box {
    transform: none;
    opacity: 1;
}

.auxiliary-link-box .navi-link {
    padding-left: 47px;
    background: #fff;
}

/*Contacts box*/
.contacts-box {
    max-width: 540px;
    margin: 0;
}

.contacts-box a {
    text-decoration: none;
}

.contacts-box p {
    margin: 80px 0;
}

.contacts-box .address {
    margin-top: 98px;


}


.contacts-box .fag {
    margin-top: 385px;
    border-bottom: 1px solid #ACB3BD;
    padding-bottom: 7px;
    font-size: 16px;
    text-transform: none;

    font-family: 'Montserrat';

}


.contacts-item {
    margin: 0;
}

.contacts-item>p:first-child {
    margin-top: 0;
}

.contacts-item>p:last-child {
    margin-bottom: 0;
}

/*============================MAIN============================*/
#main {
    position: relative;
    z-index: 4;
    padding: 80px 0 100px;
}

/*=========================END OF MAIN=========================*/
.window-message {
    position: fixed;
    z-index: 12000;
    left: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #ACB3BD;
    letter-spacing: -.01em;
    width: 100%;
    padding: 10px 0;
    background: var(--darkblue2);
    transition: transform .3s ease;
}

.window-message.hidden {
    transform: translateY(100%);
}

.window-message a {
    color: #ACB3BD;
}

.no-touchevents .window-message a:hover {
    text-decoration: none;
}

.window-message .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 778px;
}

.window-message .text {
    padding-right: 26px;
    width: calc(100% - 48px);
}

.window-message .text>*:first-child {
    margin-top: 0;
}

.window-message .text>*:last-child {
    margin-bottom: 0;
}

.js-close-window {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #ACB3BD;
    width: 47px;
    height: 47px;
    border: 1px solid #ACB3BD;
    border-radius: 110%;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border .2s ease;
}

.js-close-window:hover {
    color: var(--darkblue2);
    background: #fff;
    border-color: #fff;
}

/*Error page box*/
.error-page-box {
    text-align: center;
    padding-bottom: 10vw;
}

.error-page-box .container>*:first-child {
    margin-top: 0;
}

.error-page-box .container>*:last-child {
    margin-bottom: 0;
}

/*===========================FOOTER============================*/
#footer {
    position: relative;
    z-index: 2;
    color: #ACB3BD;
    margin: 5.2% 0 0;
    padding-bottom: 1.9%;
}

.footer-logo {
    display: block;
    max-width: 7.6%;
    min-width: 104px;
    margin-bottom: 3.4%;
    height: auto;
}

.footer-grid {
    display: flex;
    flex-wrap: wrap;
}

.footer-grid .col>*:first-child {
    margin-top: 0;
}

.footer-grid .col>*:last-child {
    margin-bottom: 0;
}

#footer ul li {
    margin: 0;
    padding: 0;
    background: none;
}

#footer a {
    text-decoration: none;
    color: #ACB3BD;
}

.no-touchevents #footer a:hover {
    color: var(--gold);
}

.metaverse_template #footer a:hover {
    color: var(--purple);
}

.footer-grid p {
    margin-bottom: 2.5vw;
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
    width: 52%;
}

.footer-nav ul {
    margin: 0 13% 0 0;
}

.footer-contacts {
    width:30%;

}
.footer-social {
    margin-left: auto;
    width: 16.00441501103753%;
}

.footer-social img {
    margin: 12px 0;
}

.footer-copy-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 3.6vw 0 0;
}

.footer-copy-box p {
    margin: 0;
    max-width: 44%;
}

.footer-copy-box .dev {
    width: 16.00441501103753%;
}

/*========================END OF FOOTER========================*/
/*Popup*/
.popup-mask-animate {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    background: var(--darkblue2);
    border-radius: 110%;
}

.light-popup .popup-mask-animate {
    background: #fff;
}

.popup-mask-animate.sub-bg {
    background: var(--gold);
}

.metaverse_template .popup-mask-animate.sub-bg {
    background: var(--purple);
}

.popup-mask-animate.hidden {
    /*visibility: hidden;*/
}

#popup-box {
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    height: 100%;
    color: #ACB3BD;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0;
    background: var(--darkblue2);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    min-width: 320px;
}
#popup-box.goldBG{
    color:#fff!important;
}

.light-popup #popup-box {
    background: #fff;
}

.opened-popup #popup-box {
    opacity: 1;
    visibility: visible;
    transform: none;
}

#popup-box .container {
    min-height: 100%;
}

#popup-box.full-width-view .container {
    max-width: none;
}

.popup {
    display: none;
    min-height: 100%;
}

.popup.visible {
    display: block;
}

.popup h1,
.popup .h1 {
    color: #fff;
}

.light-popup .popup .h1 {
    color: var(--darkblue2);
}

.popup a {
    color: #ACB3BD;
}
.goldBG .popup a {
    color: #fff;
}

html:not(.light-popup) .popup .form-control {
    color: var(--gold);
}

html:not(.light-popup) .metaverse_template .popup .form-control {
    color: var(--purple);
}
html:not(.light-popup) .goldBG .form-control {
    color: var(--darkblue);
}

html:not(.light-popup) .popup .form-control:focus,
html:not(.light-popup) .popup .filled:not(.error-field) .form-control {
    border-color: var(--gold);
}
html:not(.light-popup) .goldBG .form-control:focus,
html:not(.light-popup) .goldBG .filled:not(.error-field) .form-control {
    border-color: var(--darkblue);
}

html:not(.light-popup) .metaverse_template .popup .form-control:focus,
html:not(.light-popup) .metaverse_template .popup .filled:not(.error-field) .form-control {
    border-color: var(--purple);
}

html:not(.light-popup) .popup .error-field .form-control {
    color: #EB5757;
}

html:not(.light-popup) .popup .checkbox-item input[type="checkbox"]:checked+label,
.checkbox-item input[type="checkbox"]:checked+label a {
    color: var(--gold);
}

html:not(.light-popup) .metaverse_template .popup .checkbox-item input[type="checkbox"]:checked+label,
.metaverse_template .checkbox-item input[type="checkbox"]:checked+label a {
    color: var(--purple);
}

html:not(.light-popup) .metaverse_template .goldBG .checkbox-item input[type="checkbox"]:checked+label,
.goldBG .checkbox-item input[type="checkbox"]:checked+label a {
    color: var(--darkblue);
}

.checkbox-item input[type="checkbox"]:checked+label:before {
    background: var(--gold);
    border-color: var(--gold);
}
.goldBG .checkbox-item input[type="checkbox"]:checked+label:before {
    background: var(--darkblue);
    border-color: var(--darkblue);
}

.metaverse_template .checkbox-item input[type="checkbox"]:checked+label:before {
    background: var(--purple);
    border-color: var(--purple);
}

.goldBG{
    background: var(--gold)!important;
}
.goldColour{
    color: var(--gold)!important;
}
.whiteColour{
    color: var(--gold)!important;
}
.appleWhiteColour{
    color: var(--appleLight)!important;
}
#feedback-popup,
#bookdemo-popup {
    padding: 8% 0 18%;
}
#newsletter-popup {
    padding: 1% 0 1%;
}
#newsletter-popup label{
    color:var(--darkblue2);
}
.feedback-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 83.6644591611479%;
}

.feedback-grid .text-box {
    width: 46.4285714285714%;
}

.ru .feedback-grid .text-box {
    width: 54%;
}

.ru .feedback-grid .text-box .h1 .accented-text {
    margin-left: 3%;
}

.feedback-grid .text-box p:not(.section-title) {
    max-width: 77%;
    transform: translateY(40px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s;
}

.popup.animate .feedback-grid .text-box p:not(.section-title) {
    transform: none;
    opacity: 1;
}

.feedback-grid .text-box>*:last-child {
    margin-bottom: 0;
}

.feedback-grid .form-box {
    width: 39.11609498680739%;
    padding-top: 4.5%;
}

.feedback-grid .form-box .form {
    margin: 0;
    opacity: 0;
    transition: opacity .5s ease .5s;
}

.popup.animate .feedback-grid .form-box .form {
    opacity: 1;
}

.feedback-grid .form-box .btn,
.no-touchevents .feedback-grid .form-box .btn:hover {
    color: #1C1C1C;
}

.feedback-grid .form-box .btn:before {
    background: var(--gold);
}
.goldBG .feedback-grid .form-box .btn:before {
    background: var(--darkblue);
    color: white;
}
.feedback-grid .form-box .btn{
    color: white;
}
.no-touchevents .feedback-grid .form-box .btn:hover:before {
    background: #fff;
}

#stripe-popup,
#feedback-payment-popup {
    padding: .3% 0 180px;
}

.payment-grid {
    display: flex;
}

.payment-grid .plan-box {
    color: var(--darkblue2);
    width: 45%;
    max-width: 540px;
}

.payment-grid .plan-box p {
    margin: 0;
}

.payment-grid .plan-box .plan-subscribe {
    margin: 0 0 14px;
}

.plan-price-grid {
    display: flex;
    align-items: center;
    padding: .2vw 0 1.7vw;
    border-top: 1px solid var(--darkblue2);
    border-bottom: 1px solid var(--darkblue2);
}

.plan-price-grid .h3 {
    margin: 0;
}

.plan-price-grid .billed-box {
    margin: 1.4vw 0 0 22px;
}

.payment-grid .plan-description {
    margin: 46px 0 0;
}

.payment-grid .plan-description p {
    text-transform: lowercase;
}

.payment-grid .plan-description p:not(:last-child):after {
    content: ',';
}

.payment-grid .form-box {
    width: 60%;
    padding: 0 0 0 16%;
    margin: 14px 0 0;
}

.payment-grid .form-box .form {
    width: 73.6%;
    min-width: 440px;
    margin: 0 auto;
}

.form-card-box {
    position: relative;
    padding: 44px 0 66px;
    margin: 0;
}

.wpfs-form-group+.form-card-box {
    margin-top: 80px;
}

.form-card-box:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: -54px;
    right: -64px;
    bottom: 0;
    background: var(--appleLight);
}

.form-card-box .powered-by {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--darkblue2);
    margin: 0 0 42px;
}

.form-card-box .powered-by p {
    flex: 1;
    margin: 0 24px 0 0;
}

.wpfs-form-card.form-control {
    padding-bottom: 7px;
}

.form-card-box .checkbox-item input[type="checkbox"]+label {
    color: var(--darkblue2);
}

.form-card-box .checkbox-item input[type="checkbox"]+label a {
    color: var(--darkblue2);
}

.form-card-box .checkbox-item input[type="checkbox"]+label:before {
    border-color: var(--darkblue2);
}

.form-card-box .checkbox-item input[type="checkbox"]:checked+label:before {
    background: var(--darkblue2);
    border-color: var(--darkblue2);
}

.special-form-btn {
    display: block;
    font-family: 'Metal';
    font-weight: 400;
    font-size: 30px;
    line-height: 1em;
    letter-spacing: -.01em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 100%;
    margin: 52px 0 0;
    padding: 16px 16px 26px;
    background: var(--darkblue2);
    border-radius: 14px;
}

.no-touchevents .special-form-btn:hover {
    background: var(--gold);
}



.popup-contacts-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.popup-contacts {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ACB3BD;
    padding: 2.9% 0 5.2%;
}
.goldBG 
.popup-contacts {
    border-top: 1px solid #fff;
}
#stripe-popup .popup-contacts,
#feedback-payment-popup .popup-contacts {
    padding: 38px 0;
}

.popup-contacts a {
    text-decoration: none;
}

.popup-contacts p {
    padding-right: 32px;
    width: 33.3333333%;
    margin: 0;
}

.popup-contacts p:last-child {
    padding-right: 0;
}

.popup .sent-message-box {
    display: none;
}

.popup .sent-message {
    margin: 1% 0 0;
}

.popup .sent-message .accented-text {
    position: relative;
    z-index: 2;
    left: 8%;
}

.ru .popup .sent-message .accented-text {
    left: 0;
}

.ru .popup .sent-message .word:nth-child(2) {
    margin-left: 15%;
}

.ru .popup .sent-message .word:nth-child(4) {
    margin-left: 20%;
}

.popup .sent-message .word {
    padding-left: .6%;
    padding-right: .6%;
    margin-left: -.6%;
    margin-right: -.6%;
}

.popup .sent-message .word:nth-child(2) {
    margin-right: 10%;
}

.ru .popup .sent-message .word:nth-child(1) {
    display: block;
}

.ru .popup .sent-message .word {
    padding-right: 2vw;
    margin-right: -2vw;
}

.popup .sent-message-box .btn,
.no-touchevents .popup .sent-message-box .btn:hover {
    color: #1C1C1C;
}

.popup .sent-message-box .btn {
    margin: 12% auto 0;
    opacity: 0;
    transition: opacity .5s ease 1s;
}

.popup .sent-message-box .btn.visible {
    opacity: 1;
}

.popup .sent-message-box .btn:before {
    background: var(--gold);
}
.metaverse_template .popup .sent-message-box .btn:before {
    background: var(--purple);
}

.no-touchevents .popup .sent-message-box .btn:hover:before {
    background: #fff;
}

#virtual-tour-popup,
#gallery-popup {
    height: 100vh;
}

#virtual-tour-popup .preloader-box,
#gallery-popup .preloader-box {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #ACB3BD;
    line-height: 0;
    /*	opacity: 0;
	visibility: hidden;*/
    pointer-events: none;
}

#virtual-tour-popup .preloader-box.loading,
#gallery-popup .preloader-box.loading {
    /*	visibility: visible;
	opacity: 1;*/
}

#virtual-tour-popup .preloader-box *,
#gallery-popup .preloader-box * {
    margin: 0;
}

#virtual-tour-popup .preloader-box .circle,
#gallery-popup .preloader-box .circle {
    width: 184px;
    height: auto;
    max-width: 60vw;
    transform: rotate(244deg);
}

#virtual-tour-popup .preloader-box .progress,
#gallery-popup .preloader-box .progress {
    position: relative;
    z-index: 10;
    stroke-dasharray: 580;
    stroke-dashoffset: 580;
}

#virtual-tour-popup .preloader-box.loading .progress,
#gallery-popup .preloader-box.loading .progress {
    animation: dash 1s linear forwards;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

#virtual-tour-popup iframe,
#gallery-popup iframe {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.js-close-popup:not(.btn) {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    width: 133px;
    height: 133px;
    background: var(--gold);
    cursor: pointer;
    transition: background .3s ease;
}

.metaverse_template .js-close-popup:not(.btn) {
    background: var(--purple);
}

.js-close-popup:not(.btn) svg {
    height: auto;
}

.no-touchevents .js-close-popup:not(.btn):hover {
    background: #fff;
}

.no-touchevents.light-popup .js-close-popup:not(.btn):hover {
    background: var(--darkblue2);
}

.small-close-btn .js-close-popup {
    width: 100px;
    height: 100px;
}

.small-close-btn .js-close-popup svg {
    width: 49px;
    height: 49px;
}

.no-touchevents .js-close-popup svg * {
    transition: fill .3s ease;
}

.no-touchevents.light-popup .js-close-popup:not(.btn):hover svg * {
    fill: #fff;
}

/*Ajax page animate*/
.no-touchevents.hidden-scroll body {
    overflow: hidden;
    padding-right: 17px;
}

.no-touchevents.hidden-scroll #header {
    padding-right: 17px;
}

.page-transitions-box {
    position: fixed;
    z-index: 10002;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
}

.page-transition-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    background: var(--darkblue2);
}

.page-transition-layer:nth-child(2) {
    background: var(--gold);
}

.page-transition-layer:nth-child(3) {
    background: #fff;
}

.ajax-page-animate .page-transition-layer {
    animation: anim-first-layer 1.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) forwards;
}

.ajax-page-animate .page-transition-layer:nth-child(2) {
    animation-name: anim-second-layer;
    animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);
}

.ajax-page-animate .page-transition-layer:nth-child(3) {
    animation-name: anim-third-layer;
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
}

@keyframes anim-first-layer {
    0% {
        transform: translate3d(0, 0, 0);
    }

    35%,
    65% {
        transform: translate3d(-100%, 0, 0);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    100% {
        transform: translate3d(-200%, 0, 0);
    }
}

@keyframes anim-second-layer {
    0% {
        transform: translate3d(0, 0, 0);
    }

    45%,
    55% {
        transform: translate3d(-100%, 0, 0);
        animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    }

    100% {
        transform: translate3d(-200%, 0, 0);
    }
}

@keyframes anim-third-layer {
    0% {
        transform: translate3d(0, 0, 0);
    }

    45%,
    55% {
        transform: translate3d(-100%, 0, 0);
        animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    }

    100% {
        transform: translate3d(-200%, 0, 0);
    }
}

.inner-page-overlay,
.inner-page-overlay-for-nav {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--darkblue2);
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease;
}

.inner-page-view .inner-page-overlay {
    opacity: 1;
}

.inner-page-overlay-for-nav {
    /*height: 382px;*/
    height: 100%;
    border-top: var(--darkblue2) 382px solid;
    background: rgba(15, 22, 33, .57);
    z-index: 1;
    transition: opacity .9s ease;
}
.twoButtonsContainer{
    width:800px;
    max-width:100%;
    margin:35px auto;
    display:flex;
    justify-content:space-between;
}
.threecolGallerry{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
}
.threecolGallerry .imageContainer{
    padding: 10px;
    text-align: center;
}

.threecolGallerry .imageContainer a{
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.threecolGallerry .imageContainer a:hover img{
    transform: scale3d(1.1, 1.1, 1.1);
}
.threecolGallerry .imageContainer img{
    margin:0;
    transition: all .5s ease-in-out;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.buttonPlainNavy,
.buttonPlainNavy.js-open-bookdemo{
    background: var(--darkblue);
    color:var(--gold);
    text-decoration: none;
    height: auto!important;
    width:400px;
    max-width:48%;
    min-width:48%;
    text-align: center;
    padding:8px 15px;
    transition: all .43s ease-in-out;
}
.no-touchevents .buttonPlainNavy.js-open-bookdemo:hover,
.no-touchevents .buttonPlainNavy:hover,
.buttonPlainNavy.js-open-bookdemo:hover{
    background-color: var(--gold);
    color: var(--darkblue)!important;
}
/*=========================TRANSITIONS=========================*/
.no-touchevents button,
.no-touchevents .btn {
    transition: all .2s ease;
}

.no-touchevents a {
    transition: color .2s ease;
}

/*Resolutions*/
@media screen and (min-width: 1921px) {
    body {
        font-size: 21px;
    }

    h1,
    .h1 {
        font-size: 220px;
        margin: 0 0 112px;
    }

    h1 .accented-text,
    .h1 .accented-text {
        font-size: 239px;
    }

    h2,
    .h2 {
        font-size: 135px;
    }

    h3,
    .h3 {
        font-size: 66px;
    }

    h4,
    .h4 {
        font-size: 40px;
    }
    .h5 {
        font-size: 30px;
    }

    /*Form*/
    .form-control {
        font-size: 21px;
    }

    #all {
        padding-top: 290px;
    }

    #ajax-upload-inner-page {
        padding: 66px 0 0;
    }

    #ajax-upload-inner-page img,
    #ajax-upload-inner-page .video-box {
        margin: 130px 0;
    }
    
    #ajax-upload-inner-page .wp-block-image img{
        margin: 130px 0 0 0;
    }

    #ajax-upload-inner-page .project-img {
        margin-top: -114px;
    }

    .virtual-tour-link {
        margin: 75px 0;
    }

    .photo-gallery.projects-slider {
        margin: 292px 0 264px;
    }

    .inner-page-nav {
        margin: 300px 0 0;
    }

    .inner-page-nav .h2 {
        padding: 4px 0 67px;
    }

    /*Projects nav*/
    .projects-nav li {
        font-size: 40px;
    }

    /*Main screen*/
    .main-screen {
        margin-top: -290px;
        padding: 206px 0 250px;
    }

    .main-screen+section {
        padding-top: 170px;
    }

    .main-screen .mobile-viewport {
        margin-bottom: 143px;
    }

    /*Section*/
    section .section-title {
        margin: 0 0 134px;
    }

    .section-title+.sub-text {
        margin-top: -40px;
    }

    /*About section*/
    .about-section {
        margin-bottom: 296px;
    }

    /*Figure section*/
    .figure-section {
        margin-bottom: 376px;
    }

    /*Technology section*/
    .technology-section {
        margin-bottom: 270px;
    }

    /*Howe we make it section*/
    .howe-we-make-it-section {
        margin-bottom: 500px;
    }

    .howe-we-make-it-grid {
        margin-top: 312px;
    }

    /*Experience section*/
    .experience-section {
        margin-bottom: 351px;
    }

    /*Solutions section*/
    .solutions-section {
        padding-bottom: 170px;
        margin-bottom: 300px;
    }

    /*News section*/
    .news-section {
        margin-bottom: 400px;
    }

    /*Process section*/
    .process-section {
        margin-bottom: 400px;
    }

    /*Result section*/
    .result-section {
        margin-bottom: 400px;
    }

    /*Advantages section*/
    .advantages-section {
        margin-bottom: 180px;
    }

    /*Projects section*/
    .projects-section {
        margin-bottom: 400px;
    }

    /*Price and timings section*/
    .price-and-timings-section {
        margin-bottom: 50px;
    }

    .accordion.pricing-view .title-box {
        padding-bottom: 77px;
    }

    /*App info section*/
    .app-info-section {
        margin-bottom: 400px;
    }

    /*App download section*/
    .app-download-section {
        margin-bottom: 400px;
    }

    /*Faq section*/
    .faq-section {
        margin-bottom: 400px;
    }

    /*Ticker section*/
    .ticker-section {
        margin: 506px 0 640px;
    }

    .ticker-box:before {
        top: -134px;
    }

    .ticker-box:after {
        bottom: -154px;
    }

    /*Latest news section*/
    .latest-news-section {
        margin-bottom: 360px;
    }

    /*Footer*/
    #footer {
        margin-top: 100px;
    }

    /*Popup*/
    #stripe-popup .h1,
    #feedback-payment-popup .h1 {
        margin-bottom: 135px;
    }

    .plan-price-grid {
        padding: 4px 0 32px;
    }
}

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

    /*Howe we make it section*/
    .howe-we-make-it-grid .sub-text {
        width: 24%;
    }

    /*Solutions section*/
    .solutions-grid .solution-col {
        padding: 15% 5px 15% 5px;
    }

    .solutions-grid .solution-col:last-child {
        padding: 15% 5px 15% 5px;
    }

    /*Projects section*/
    .projects-slider .swiper-slide {
        max-width: calc(33.33333% - 13px);
    }

    .projects-section .h1 .slides-count {
        left: 77%;
        top: 6.5%;
        font-size: 18px;
        width: 41px;
        height: 41px;
    }

    .ru .projects-section .h1 .slides-count {
        top: 1.8%;
        left: 101.5%;
    }
}

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

    /*Form*/
    .form .has-btn+.checkbox-item {
        margin-top: -18px;
    }

    .checkbox-item input[type="checkbox"]+label {
        padding: 0 0 0 29px;
    }

    .checkbox-item input[type="checkbox"]+label:before {
        top: 10%;
        width: 20px;
        height: 20px;
    }
}

@media screen and (min-width: 1465px) and (max-width: 1920px) {

    /*Accordion*/
    .accordion .title-box .h4,
    .accordion .dropdown {
        width: 54%;
        max-width: none;
    }

    .accordion.pricing-view .title-box {
        padding-bottom: 4vw;
    }
}

@media screen and (min-width: 1465px) {

    /*Price and timings section*/
    .price-and-timings-section .section-title+.sub-text,
    .accordion.pricing-view .dropdown .sub-text {
        width: 30%;
        max-width: none;
    }

    /*Accordion*/
    .accordion .title-box .h4,
    .accordion .dropdown {
        width: 54%;
        max-width: none;
    }

    /*Projects section*/
    #ajax-upload-inner-page .projects-slider .swiper-slide {
        max-width: calc(60% - 13px);
    }

    /*Page cursor*/
    #hover-cursor.large-size {
        width: 130px;
        height: 130px;
        margin: -65px 0 0 -65px;
    }
}

@media screen and (max-width: 1464px) {
    body {
        font-size: 16px;
        line-height: 1.5em;
    }

    h1,
    .h1 {
        font-size: 10.9825vw;
        letter-spacing: -.03em;
    }

    h2,
    .h2 {
        font-size: 6.864vw;
        letter-spacing: -.03em;
    }

    h3,
    .h3 {
        font-size: 3.364vw;
    }

    h4,
    .h4 {
        font-size: 2.06vw;
        line-height: 87%;
    }
    .h5 {
        font-size: 1.86vw;
        line-height: 87%;
    }

    /*Form*/
    .form .field {
        margin: 0 0 46px;
    }

    .form .field.has-btn {
        margin: 58px 0 0;
    }
    .bookDemoForm.form .field.has-btn {
        margin: 18px 0 0;
    }
    .form-control {
        font-size: 16px;
        line-height: 150%;
    }

    .form .has-btn+.checkbox-item {
        margin-top: -16px;
        max-width: calc(100% - 140px);
    }

    .checkbox-item input[type="checkbox"]+label {
        line-height: 1.5em;
        padding: 0 0 0 26px;
    }

    .checkbox-item input[type="checkbox"]+label:before {
        top: 14%;
        width: 16px;
        height: 16px;
    }

    ol,
    ul {
        margin: 24px 0;
    }

    ul li,
    ol li {
        padding-left: 22px;
        margin-bottom: 24px;
        background-size: 9px auto;
        background-position: 0 9px;
    }

    ol>li:before {
        top: 4px;
    }

    .navi-link {
        font-size: 22px;
    }

    p {
        margin: 24px 0;
    }

    .container {
        padding: 0 40px;
    }

    /*Form*/
    .btn {
        font-size: 16px;
        line-height: 1em;
        width: 142px;
        height: 142px;
    }

    /*Header*/
    #header {
        padding: 21px 0;
    }
/*
    #logo {
        width: 103px;
        height: 12px;
        margin: 10px 0 0;
    }
    */
    #header .container>.social-links {
        top: 96px;
        right: 18px;
    }

    .no-touchevents.hidden-scroll #header .container>.social-links {
        right: 35px;
    }

    #header .container>.social-links a {
        width: 26px;
        height: 26px;
        margin-bottom: 20px;
    }

    #header .container>.social-links a svg {
        width: 21px;
    }

    /*Nav*/
    #nav-box {
        padding-right: 13px;
    }

    #nav li {
        font-size: 22px;
        margin: 5px 2.5% 0 2.5%;
    }

    #nav a {
        height: 22px;
    }

    .ru #nav li {
        margin-left: 4.5%;
        margin-right: 4.5%;
    }

    #nav .outer-view {
        top: 120%;
    }

    .no-touchevents #nav li:not(.active) a:hover .char {
        transform: translateY(-120%) !important;
    }

    /*Projects nav*/
    .projects-nav-box {
        padding: 6.5% 85px 30px 77px;
    }

    .projects-nav-col {
        width: 43.7%;
    }

    .js-close-projects-nav svg {
        width: 37px;
    }

    .projects-nav li {
        font-size: 2.06vw;
        line-height: 87%;
    }

    /*Projects link*/
    .js-open-projects,
    .js-close-projects-nav {
        width: 67px;
        height: 70px;
    }

    .js-open-projects svg {
        width: 20px;
    }

    .js-open-projects .text,
    .js-close-projects-nav .text {
        left: 67px;
        font-size: 22px;
        height: 67px;
        padding: 0 0 8px 28px;
    }

    .sticky-header .js-open-projects .text {
        bottom: 200px;
    }

    .project-type-title {
        font-size: 15px;
        line-height: 20px;
    }

    .no-touchevents .js-open-projects:hover .nav-link-text.outer-view .char {
        opacity: 1;
        transform: translateY(-125%);
    }

    /*Page cursor*/
    #hover-cursor,
    #grab-cursor {
        font-size: 16px;
    }

    #hover-cursor.small-size {
        width: 78px;
        height: 78px;
        margin: -39px 0 0 -39px;
    }

    /*Ajax upload*/
    #ajax-upload-inner-page img,
    #ajax-upload-inner-page .video-box {
        margin: 6.2% 0;
    }
    
    #ajax-upload-inner-page .wp-block-image img{
        margin: 6.2% 0 0 0;
    }

    .item-data-grid {
        margin: 0 0 4.3%;
    }

    .item-data-grid .col {
        width: 230px;
    }

    .nav-item .js-flying-thumb .img {
        max-width: 232px;
        margin-bottom: -12px;
    }

    /*Flying thumb*/
    .js-flying-thumb.has-tooltip .tooltip-icon {
        bottom: 2px;
        width: 30px;
    }

    .js-flying-thumb.has-tooltip .tooltip-icon svg {
        width: 20px;
    }

    .touchevents .js-flying-thumb.has-tooltip .img {
        right: -30px;
    }

    /*Sections*/
    .title-chars-animate .char {
        padding-right: 1px;
        margin-left: -1px;
    }

    /*Howe we make it section*/
    .howe-we-make-it-section {
        margin-bottom: 22.7vw;
    }

    .howe-we-make-it-grid .sub-text {
        width: 26%;
    }

    .howe-we-make-it-grid {
        margin-top: 15%;
    }

    /*Solutions section*/
    .solutions-grid {
        margin: 12px 0 0;
    }

    .solution-col .sub-text {
        right: 28px;
        top: 19px;
    }

    /*Latest news section*/
    .news-grid {
        padding: 71px 0 0;
    }

    .news-grid:after {
        bottom: 14px;
    }

    .news-grid .item {
        width: calc(33.33333% - 32px);
        margin: 0 48px 94px 0;
    }

    .news-grid .item a {
        width: 320px;
        max-width: 90%;
    }

    .ru .news-grid .item a {
        width: 394px;
    }

    .news-grid .js-flying-thumb .img {
        max-width: 232px;
        margin-bottom: -12px;
    }

    .news-grid .time {
        margin: 0 0 17px;
    }

    /*Process section*/
    .process-slider .h3 {
        margin: 0 0 9.6%;
    }

    .process-media-slider-box {
        width: calc(59.47916666666667% + 40px);
        margin-right: -40px;
    }

    /*Lets connect section*/
    .lets-connect-box:before {
        right: 170px;
    }

    .lets-connect-box {
        padding: 62px 0 72px;
    }

    .lets-connect-box .btn-box {
        top: -75px;
    }

    /*Projects section*/
    .projects-slider .swiper-slide {
        max-width: calc(33.33333% - 13px);
    }

    #ajax-upload-inner-page .projects-slider .swiper-slide {
        max-width: calc(60% - 13px);
    }

    .projects-section .h1 .slides-count {
        left: 76%;
        top: 6.5%;
        font-size: 16px;
        width: 35px;
        height: 35px;
        padding-bottom: 5px;
    }

    /*Price and timings section*/
    .plan-grid .js-flying-thumb .img {
        max-width: 232px;
        margin-bottom: -32px;
    }

    /*Advantages section*/
    .advantages-list .swiper-slide {
        margin-bottom: 14%;
    }

    .advantage-item .h3 {
        margin: 0 0 7%;
    }

    .advantage-item .icon {
        bottom: calc(100% + 24px);
    }

    /*Reviews section*/
    .reviews-slider .author {
        margin: 0 0 -1.5%;
    }

    .reviews-slider .swiper-pagination-progressbar {
        margin-top: 3.3%;
    }

    /*Auxiliary link box*/
    .news-grid+.auxiliary-link-box {
        margin: -30px 0 0;
    }

    .auxiliary-link-box .navi-link {
        padding-left: 32px;
    }

    /*Contacts box*/
    .contacts-box {
        max-width: 440px;
    }

    .contacts-box p {
        margin: 62px 0;
    }

    .contacts-box .address {
        margin-top: 72px;
    }

    /*Footer*/
    #footer {
        margin: 4.6vw 0 0;
    }

    .footer-logo {
        margin-bottom: 3vw;
    }

    /*Popup*/
    .form-card-box .checkbox-item input[type="checkbox"]+label:before {
        top: 16%;
    }

    .js-close-popup:not(.btn) {
        width: 100px;
        height: 100px;
    }

    .js-close-popup:not(.btn) svg {
        width: 49px;
    }
}

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

    /*App download section*/
    .app-download-box .h3.message {
        margin: 9vw 0 6.5vw;
    }
}

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

    /*Accordion*/
    .accordion .title-box .h4 {
        font-size: 30px;
        line-height: .8571428571428571em;
    }
}

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

    /*Main screen*/
    .main-screen {
        padding: 160px 0 180px;
    }

    .home-screen .theVeryMainh1 .word2 {
        left: 9.3%;
    }

    /*Popup*/
    .feedback-grid {
        max-width: 90%;
    }

    .feedback-grid .form-box {
        width: 44%;
    }
    #header .container{
        padding-left:20px!important;
    }
    #logo{
        margin-top:10px;
    }
    #nav li {
        font-size: 18px;
        margin: 5px 1.5% 0 1.5%!important;
    }

    #nav a {
        height: 18px;
    }

    
}

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

    /*Ajax upload*/
    #ajax-upload-inner-page .container {
        padding: 0 40px;
    }

    #ajax-upload-inner-page .project-img {
        margin: -7.2vw -40px 4.8%;
    }

    /*.inner-page-nav .h2{
		padding-bottom: 5.25%;
		}*/
    /*Main screen*/
    .home-screen .text .max-w {
        max-width: 38%;
        margin-right: 12%;
    }

    .fashion-screen .text .max-w {
        max-width: 36%;
        margin-right: 13.8%;
    }

    .art-screen .text .max-w {
        max-width: 35%;
        margin-right: 16%;
    }

    /*Technology section*/
    .text-grid .col * {
        max-width: 80%;
    }

    /*Solutions section*/
    /*
    body.technology-page .solutions-grid .solution-col,
    body.technology-page .solutions-grid .solution-col:last-child {
        padding: 15% 10px 22.4%;
    }
*/
    .touchevents .solution-col .solution-video {
        width: 70%;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide .max-w {
        max-width: 90%;
    }

    .reviews-slider .h4 {
        margin: 0 0 40px;
    }

    /*App info section*/
    .app-text-grid .app-description {
        padding-right: 0;
        width: calc(59% - 72px);
    }

    /*Contacts section*/
    .lets-connect-grid .form-box {
        min-width: 420px;
    }

    /*Tabs box*/
    .tabs-nav-item {
        min-height: 90px;
    }

    /*Price and timings section*/
    .accordion.pricing-view {
        margin-top: 9.1vw;
    }

    .accordion.pricing-view .title-box {
        padding-bottom: 4.7vw;
    }

    /*Popup*/
    .payment-grid .form-box {
        padding: 0 0 0 64px;
    }

    .payment-grid .form-box .form {
        width: 100%;
        min-width: 0;
        max-width: 440px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1240px) and (min-width: 1121px) {
    .ru .app-text-grid .app-description .h4 {
        font-size: 26px;
    }
}

@media screen and (max-width: 1120px) and (min-width: 1001px) {
    .ru .app-text-grid .app-description .h4 {
        font-size: 24px;
    }
}

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

    #logo{
        margin-top:8px;
    }
    #nav li {
        font-size: 16px;
        margin: 6px 1.2% 0 1.2%!important;
    }

    #nav a {
        height: 16px;
    }

    /*Ajax upload*/
    #ajax-upload-inner-page {
        width: 90%;
    }

    #ajax-upload-inner-page .time:first-child,
    #ajax-upload-inner-page .project-type-title:first-child {
        margin-bottom: 0;
    }

    #ajax-upload-inner-page h1,
    #ajax-upload-inner-page .h1 {
        max-width: calc(100% - 54px);
    }

    #ajax-upload-inner-page p:not(.h1):not(.h2):not(.h3):not(.h4) {
        max-width: 70%;
        width: auto;
    }

    .js-close-inner-page {
        width: 72px;
        height: 72px;
    }

    .js-close-inner-page svg {
        width: 34px;
    }

    /*Sections*/
    .section-title+.sub-text {
        max-width: 47%;
    }

    /*Projects section*/
    .ru .projects-section .h1 .slides-count {
        top: 1%;
        left: 108%;
    }

    /*App info section*/
    .ru .advantages-list .advantage-item p:not(.h3) {
        max-width: none;
    }

    /*Lets connect section*/
    .lets-connect-grid .text {
        width: 48%;
    }

    .lets-connect-grid .text * {
        max-width: 310px;
    }

    .lets-connect-grid .contacts-box {
        width: 52%;
    }

    .contacts-section .lets-connect-grid .contacts-box {
        width: 48%;
    }

    .lets-connect-grid .form-box {
        width: 52%;
        max-width: 420px;
        min-width: 380px;
    }

    /*Footer*/
    .footer-nav {
        width: 48%;
    }

    /*Popup*/
    .js-close-popup:not(.btn) {
        width: 72px;
        height: 72px;
    }

    .js-close-popup:not(.btn) svg {
        width: 34px;
    }

    /*Popup*/
    #feedback-popup,
    #bookdemo-popup {
        padding: 10% 0 21%;
    }

    .feedback-grid {
        max-width: 95%;
    }
}

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

    h4,
    .h4 {
        font-size: 22px;
        line-height: 86%;
    }
    .h5 {
        font-size: 18px;
        line-height: 86%;
    }

    #all {
        padding-top: 164px;
    }
    .forsocial-page #all {
        padding-top: 94px;
    }
    /*Nav*/
    #nav li {
        margin: 5px 3% 0 3%;
    }

    .ru #nav li {
        margin-left: 4%;
        margin-right: 4%;
    }

    /*Projects nav*/
    .projects-nav li {
        font-size: 22px;
        line-height: 86%;
    }

    /*Main screen*/
    .main-screen {
        margin-top: -164px;
    }

    /*Solutions section*/
    .solutions-grid {
        margin: 12px 0 0;
    }

    .solutions-grid:before {
        left: 133px;
    }

    .ru .solutions-grid:before {
        left: 118px;
    }

    .touchevents .solution-col .solution-video {
        width: 65%;
    }

    /*Reviews section*/
    .reviews-slider .author {
        margin: 0 0 -1.1%;
    }

    /*App info section*/
    .app-text-grid .app-description .col {
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 1464px) and (min-width: 1001px) {

    /*Page cursor*/
    #hover-cursor.large-size {
        width: 110px;
        height: 110px;
        margin: -55px 0 0 -55px;
    }
}

@media screen and (min-width: 1001px) {

    /*Header*/
    #logo svg {
        transform: translateY(-60px);
        opacity: 0;
    }

    .page-load #logo svg {
        transform: none;
        opacity: 1;
        transition: opacity .7s ease .3s, transform .5s ease .3s;
    }

    /*Nav*/
    .sticky-header:not(.short-header-view) #nav a {
        color: var(--darkblue2);
    }

    #nav-box {
        transform: translateY(-60px);
        opacity: 0;
    }

    .page-load #nav-box {
        transform: none;
        opacity: 1;
        transition: opacity .7s ease .3s, transform .5s ease .3s;
    }

    #nav li.hidden {
        display: none;
    }

    .js-open-projects {
        transform: translateY(-30px);
        opacity: 0;
    }

    .page-load .js-open-projects {
        transform: none;
        opacity: 1;
        transition: opacity .6s ease .45s, transform .75s ease .45s, background .2s ease;
    }

    /*Price and timings section*/
    .plan-grid .plan-item:not(:last-child):not(:nth-child(4)) {
        border-right: 0;
    }
}

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

    h1,
    .h1 {
        margin: 0 0 9.25vw;
    }

    h1 .accented-text .char,
    .h1 .accented-text .char {
        margin-top: 1vw;
        margin-bottom: -1vw;
    }

    .ru .title-chars-animate .word.accented-text {
        margin-top: -1.2vw;
        margin-bottom: -6.399vw;
    }

    /*Independent*/
    .container,
    #ajax-upload-inner-page .container {
        padding: 0 32px;
    }

    #all:after {
        display: none;
    }

    /*Header*/
    #header {
        padding: 17px 0;
        transition: opacity .4s ease, transform .5s ease, background .3s ease !important;
    }

    .sticky-header #header {
        transform: none;
    }

    .opened-nav #header,
    .opened-projects-nav #header {
        background: var(--darkblue2) !important;
    }

    #header .container {
        position: relative;
        z-index: 9997;
        align-items: center;
        transform: translateY(-70px);
        opacity: 0;
    }

    .page-load #header .container {
        transform: none;
        opacity: 1;
        transition: opacity 1s ease, transform .7s ease;
    }

    #header .container>.social-links {
        display: none;
    }

    #logo {
        width: 134px;
        height: 15px;
        margin: 0;
    }

    .opened-projects-nav #logo {
        display: none;
    }

    .sticky-header #logo svg * {
        fill: var(--darkblue2) !important;
    }

    .opened-nav #logo svg *,
    .opened-projects-nav #logo svg * {
        fill: #fff !important;
    }

    #header .projects-nav-title {
        position: absolute;
        left: 32px;
        bottom: 20px;
        margin: 0;
        color: #fff;
    }

    .opened-projects-nav #header .projects-nav-title {
        display: block;
    }

    /*Nav*/
    .opened-nav.hidden-scroll body,
    .opened-projects-nav.hidden-scroll body {
        overflow: hidden;
    }

    #nav-box,
    .projects-nav-box,
    .inner-page-view.opened-projects-nav .projects-nav-box {
        position: fixed;
        z-index: 9996;
        left: 0;
        top: 85px;
        color: #ACB3BD;
        height: calc(100vh - 86px);
        width: 100%;
        margin: 0;
        padding: 64px 32px 0;
        overflow: hidden;
        overflow-y: scroll;
        background: var(--darkblue2);
        transform: none;
        transition: opacity .3s ease, visibility .3s ease;
    }

    /*.sticky-header.short-header-view #nav-box{
		display: none;
		}*/
    html:not(.opened-nav) #nav-box,
    html:not(.opened-projects-nav) .projects-nav-box {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .resize-event:not(.opened-nav) #nav-box {
        display: none;
    }

    .js-open-nav {
        display: flex;
    }

    .sticky-header .js-open-nav,
    .sticky-header .js-open-nav span {
        border-color: var(--darkblue2);
    }

    .sticky-header .js-open-nav span:after {
        background: var(--darkblue2);
    }

    .opened-nav .js-open-nav,
    .opened-nav .js-open-nav span,
    .opened-projects-nav .js-open-nav,
    .opened-projects-nav .js-open-nav span {
        border-color: #fff !important;
    }

    .opened-nav .js-open-nav span:after,
    .opened-projects-nav .js-open-nav span:after {
        background: #fff !important;
    }

    .opened-nav .js-open-nav span,
    .js-open-nav .cross {
        display: none;
    }

    .opened-nav .js-open-nav .cross {
        display: block;
    }

    #nav ul {
        display: block;
        margin: 0;
    }

    #nav li {
        font-size: 47px;
        line-height: 64%;
        letter-spacing: -0.03em;
        color: #ACB3BD;
        margin: 0 0 24px;
        padding: 0 0 16px;
    }


    #nav .menu-item-has-children a span {
        transition: color 0.2s ease-in-out;
    }

    #nav .dropdown-menu-selected a span {
        color: #fff !important;
    }

    .ru #nav li {
        margin-left: 0;
        margin-right: 0;
    }

    #nav a {
        display: inline-block;
        vertical-align: top;
        height: 47px;
        margin: -6px 0 0;
        color: #ACB3BD !important;
    }

    #nav a:after {
        bottom: -10px;
        border-color: #ACB3BD !important;
    }

    #nav-box a {
        color: #ACB3BD;
    }

    .no-touchevents #nav-box a:hover {
        color: var(--gold);
    }

    #nav .active a:after {
        opacity: 0;
        transition: opacity .2s ease;
    }

    #nav .active a.show-line:after {
        opacity: 1;
    }

    #nav .nav-link-text .char {
        display: inline-block;
        opacity: 0;
        transform: translate3d(0, 50%, 0);
    }

    #nav a:not(.finished-animate) .nav-link-text .char {
        transition: none;
    }

    .no-touchevents #nav li:not(.active) a.finished-animate:hover .nav-link-text .char {
        transform: translateY(-120%) !important;
    }

    #nav-box .contacts-box {
        display: block;
        max-width: none;
        padding-top: 40px;
        margin: 84px 0 64px;
        border-top: 1px solid #ACB3BD;
        transform: translateY(40px);
        opacity: 0;
        transition: transform .2s ease .3s, opacity .2s ease .3s;
    }

    .opened-nav #nav-box .contacts-box {
        transform: none;
        opacity: 1;
        transition: transform .5s ease .5s, opacity .5s linear .5s;
    }

    #nav-box .contacts-box p {
        margin: 0 0 40px;
    }

    #nav-box .contacts-box p:last-of-type {
        margin-bottom: 0;
    }

    #nav-box .contacts-box .social-links {
        margin: 0;
        border-top: 1px solid #ACB3BD;
    }

    #nav-box .contacts-box .social-links {
        display: flex;
        flex-wrap: wrap;
        padding-top: 40px;
        margin-top: 40px;
    }

    #nav-box .contacts-box .social-links li {
        width: 25%;
        padding-right: 16px;
    }

    /*Open projects*/
    .projects-nav-box .js-close-projects-nav {
        display: none;
    }

    .js-open-projects {
        position: relative;
        width: 49px;
        height: 51px;
        border: 1px solid #fff;
        margin-left: auto;
        background: var(--gold);
        transition: border-color .2s ease;
    }

    .no-touchevents.hidden-scroll .js-open-projects {
        right: 0;
    }

    .opened-projects-nav .js-open-projects svg {
        display: none;
    }

    .opened-projects-nav .js-open-projects .cross {
        display: block;
    }

    .no-touchevents .js-open-projects:hover {
        background: transparent;
    }

    .has-main-screen .js-open-projects {
        border-color: var(--darkblue);
    }

    .opened-nav .js-open-projects,
    .opened-projects-nav .js-open-projects {
        border-color: #fff !important;
    }

    .sticky-header .js-open-projects {
        border-color: var(--darkblue2);
    }

    .js-open-projects svg {
        width: 15px;
        height: 15px;
    }

    .js-open-projects svg * {
        transition: fill .2s ease;
    }

    .has-main-screen .js-open-projects svg * {
        fill: #fff;
    }

    .js-open-projects svg *,
    .sticky-header .js-open-projects svg * {
        fill: var(--darkblue2);
    }

    .opened-nav .js-open-projects svg *,
    .opened-projects-nav .js-open-projects svg * {
        fill: #fff !important;
    }

    .js-open-projects .text {
        display: none;
    }


    .js-open-projects .icon {
        padding: 0;
    }

    .js-open-projects .icon svg {
        transition: none !important;
    }

    .js-open-projects .icon .flying-icon {
        display: none;
    }

    .no-touchevents .js-open-projects:hover svg {
        transform: none;
    }

    .projects-nav {
        transition: transform .2s ease .3s;
    }



    /*Ajax upload*/
    #ajax-upload-inner-page {
        width: 100%;
        padding-top: 31px;
    }

    #ajax-upload-inner-page .time:first-child,
    #ajax-upload-inner-page .project-type-title:first-child {
        margin-bottom: 8px;
    }

    #ajax-upload-inner-page .project-img {
        margin: -9.4vw -32px 4.8%;
    }

    .inner-page-nav .h2 {
        padding: 1.6vw 0 4.6vw;
    }

    /*Page cursor*/
    #hover-cursor,
    #grab-cursor {
        width: 94px;
        height: 94px;
        margin: -47px 0 0 -47px;
    }

    /*Main screen*/
    .home-screen .text .max-w {
        max-width: 46%;
        margin-right: 4%;
    }

    .fashion-screen .text .max-w {
        max-width: 46%;
        margin-right: 3.6%;
    }

    .art-screen .text .max-w {
        max-width: 44%;
        margin-right: 6%;
    }

    /*Sections*/
    section .section-title {
        margin-bottom: 8vw;
    }

    /*Howe we make it section*/
    .howe-we-make-it-grid {
        display: block;
        margin-top: 80px;
    }

    .howe-we-make-it-grid .sub-text {
        width: 80%;
        max-width: 400px;
        margin-bottom: 64px;
    }

    .howe-we-make-it-grid .text {
        width: 80%;
    }

    .howe-we-make-it-grid .text .flying-video {
        right: 16%;
        width: 30%;
    }

    /*Solutions section*/
    .solutions-section {
        padding: 88px 0 160px;
        margin-bottom: 8vw;
    }

    /*App info section*/
    .app-info-box {
        padding-bottom: 0;
    }

    .app-info-box .video-box {
        margin-bottom: 32px;
    }

    .app-text-grid {
        display: block;
    }

    .app-text-grid .app-intro {
        width: 100%;
        max-width: 540px;
        margin: 0 0 32px;
    }

    .app-text-grid .app-description {
        width: 100%;
        margin: 0;
    }

    .app-text-grid .app-description .col,
    .app-text-grid .app-description .col:first-child,
    .app-text-grid .app-description .col:nth-child(2) {
        width: calc(50% - 35px);
        padding: 30px 0;
        margin: 0;
    }

    .app-download-links .sub-text {
        margin: 1.6vw 0 -1.4vw;
    }

    /*Latest news section*/
    .news-grid {
        padding: 66px 0 0;
    }

    .news-grid:after {
        bottom: 0;
    }

    .news-grid .item {
        width: calc(33.33333333% - 21.33333333333333px);
        margin: 0 32px 70px 0;
    }

    .news-grid .item a {
        max-width: 100%;
    }

    /*Process section*/
    .process-media-slider-box {
        width: calc(59.47916666666667% + 32px);
        margin-right: -32px;
    }

    /*Advantages section*/
    .advantages-list {
        margin: 18% 0 0;
    }

    .advantages-list .swiper-slide {
        margin-bottom: 18%;
    }

    /*Projects section*/
    .projects-section .h1 .slides-count {
        left: 78%;
        font-size: 15px;
        width: 31px;
        height: 31px;
    }

    .ru .projects-section .h1 .slides-count {
        top: 1%;
        left: 82%;
    }

    /*Reviews section*/
    .reviews-slider {
        padding-top: 40px;
    }

    .reviews-section .h1 {
        margin-bottom: 7%;
    }

    .reviews-slider .swiper-slide .max-w {
        max-width: none;
    }

    .reviews-slider .swiper-pagination-progressbar {
        margin-top: 32px;
    }

    /*Auxiliary link box*/
    .news-grid+.auxiliary-link-box {
        margin: -17px 0 0;
    }

    /*Price and timings section*/
    .plan-grid {
        margin: 64px 0 -32px;
    }

    .plan-grid.full-width-view {
        margin-top: 32px;
    }

    .plan-grid .plan-item {
        width: 50%;
        margin: 0 0 32px;
    }

    .plan-grid .plan-item:nth-child(odd) {
        border-right: 0;
    }

    .plan-grid .plan-price {
        margin: 0 0 5.4%;
    }

    .plan-grid .plan-title {
        padding-bottom: 5%;
    }

    .plan-grid .plan-dropdown {
        padding: 3% 5.01474926253687% 10%;
    }

    .plan-grid .data-box {
        padding: 8% 0;
        border-bottom: 1px solid var(--darkblue2);
    }

    .plan-grid .data-box.price-box {
        padding: 0 0 6%;
    }

    .plan-grid .data-box.sub-price-box {
        padding: 5% 0 6%;
    }

    .plan-grid.full-width-view .plan-item {
        margin: 0;
        border-right: 1px solid var(--darkblue2);
    }

    .plan-grid.full-width-view .plan-title {
        padding: 0 2.5% 2.5%;
    }

    .plan-grid.full-width-view .plan-dropdown {
        padding-bottom: 2%;
    }

    .plan-grid.full-width-view .data-box {
        position: relative;
        width: 50%;
        padding: 4% 2.5% 3%;
        border: none;
    }

    .full-width-view.plan-grid .data-box:nth-child(1):after,
    .plan-grid.full-width-view .data-box:nth-child(2):after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 5%;
        right: 5%;
        height: 1px;
        background: var(--darkblue2);
    }

    .plan-grid.full-width-view .data-box.price-box {
        padding-top: 1.75%;
    }

    .plan-grid.full-width-view .data-box.sub-price-box {
        padding-top: 2%;
    }

    /*Popup*/
    #feedback-popup,
    #bookdemo-popup {
        padding: 100px 0 22%;
    }

    .feedback-grid .form-box {
        width: 50%;
    }

    .feedback-grid .text-box {
        width: 47%;
    }

    .ru .feedback-grid .form-box {
        width: 46%;
    }

    .ru .feedback-grid .text-box {
        width: 50%;
    }

    #stripe-popup,
    #feedback-payment-popup {
        padding: 40px 0 180px;
    }
}

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

    /*Ticker section*/
    .ticker-section {
        margin: 214px 0 230px;
    }

    /*App info section*/
    .app-info-header {
        margin: 0 -16px 10px;
    }

    .app-info-box .h4 {
        font-size: 30px;
    }

    .app-info-header .app-title {
        width: 100%;
        margin-right: 0;
    }

    .app-info-header .h4 {
        margin-left: auto;
    }

    .app-info-header .h4.sub-text {
        display: none;
    }

    .app-info-box .show-mobile {
        display: block;
        margin: 0 0 24px;
    }

    /*Price and timings section*/
    .accordion.pricing-view .tabs-box {
        margin: 6vw 0 0;
    }

    /*Popup*/
    .payment-grid .form-box {
        padding: 0 0 0 40px;
    }
}

@media screen and (min-width: 901px) {
    textarea.form-control {
        padding: 0;
    }
}

@media screen and (max-width: 900px) {
    body {
        font-size: 15px;
    }

    /*Form*/
    .form-control {
        font-size: 15px;
        padding-bottom: 2px;
    }

    .form .field-error {
        margin: 8px 0 -23px;
    }

    /*Ajax upload*/
    .item-data-grid .col {
        width: 210px;
        max-width: calc(50% - 6px);
    }

    /*Solutions section*/
    .touchevents .solution-col .solution-video {
        width: 60%;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide {
        width: calc(50% - 16px);
    }

    .reviews-slider .swiper-slide .max-w {
        max-width: 85%;
    }
}

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

    .solutions-grid .solution-col,
    .solutions-grid .solution-col:last-child {
        display: block;
        text-align: center;
        width: 100% !important;
        padding: 100px 0;
        border-top: 1px solid #BDBDBD;
        border-left: 1px solid #BDBDBD;
        border-right: 1px solid #BDBDBD;
        border-bottom: 0px solid #BDBDBD;
    }

    .solutions-grid .solution-col:last-child {
        border-bottom: 1px solid #BDBDBD;
    }

    .solutions-grid .solution-col .h1 {
        margin: 0 0 6.5vw;
    }

    .solutions-grid .solution-col .sub-text {
        position: relative;
        right: auto;
        top: auto;
        color: #fff;
    }

    .solution-col .solution-video,
    .touchevents .solution-col .solution-video {
        top: 50% !important;
        left: 50% !important;
        bottom: auto;
        margin: 0 !important;
        width: 230px !important;
        height: 230px !important;
        transform: translate3d(-50%, -50%, 0) !important;
        opacity: 1;
    }

    .no-touchevents .solution-video .ratio,
    .solution-video .ratio {
        position: relative;
        display: block;
        height: 100%;
        width: auto;
    }

    .solution-col .video-box,
    .touchevents .solution-col .video-box {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transform: none !important;
        overflow: hidden;
        border-radius: 110%;
    }

    .solution-col .video {
        height: 120%;
    }

    h3,
    .h3 {
        font-size: 28px;
        line-height: 86%;
        letter-spacing: -.01em;
    }

    h3.mobilefontWeight110procent,
    .h3.mobilefontWeight110procent {
        font-size: 35px;
    }

    /*Figure section*/
    figure {
        padding-bottom: 43px;
    }

    figure figcaption {
        margin: 31px 0 0;
    }

    /*Latest news section*/
    .news-grid {
        justify-content: space-between;
    }

    .news-grid .item {
        margin-right: 0;
        width: calc(50% - 24px);
    }

    /*Auxiliary link box*/
    .news-grid+.auxiliary-link-box {
        margin: -16px 0 0;
    }

    .auxiliary-link-box .navi-link {
        padding-left: 26px;
    }

    /*Lets connect section*/
    .lets-connect-box {
        padding: 88px 0;
    }

    .contacts-section .lets-connect-box {
        padding-top: 62px;
    }

    .lets-connect-grid .text {
        width: 49%;
        padding-right: 48px;
    }

    .lets-connect-grid .contacts-box {
        width: 51%;
    }

    /*Popup*/
    .plan-price-grid {
        padding: 2px 0 14px;
    }

    .plan-price-grid .billed-box {
        margin: 12px 0 0 22px;
    }
}

#projects-slider-logos .swiper-container .swiper-wrapper, #projects-slider-logos .swiper-pagination .swiper-pagination-progressbar-fill{
    transition-timing-function: linear;
}


    
@media screen and (min-width: 781px) {

    /*Process section*/
    .process-slider .swiper-wrapper,
    .process-media-slider .swiper-wrapper {
        display: block;
    }

    .process-media-slider .swiper-container {
        height: 100%;
    }

    /*.process-media-slider.landscape .video{
		width: 100%;
		height: auto;
		}
	.process-media-slider .video{
		width: auto;
		height: 100%;
		}*/
}

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

    .contacts-box .fag {
        margin-top: 100px;
        border-bottom: 1px solid #ACB3BD;
        padding-bottom: 7px;
        font-size: 16px;
        text-transform: none;
        font-family: 'Montserrat';

    }

    img {
        margin: 44px 0 50px;
    }

    /*Independent*/
    .container,
    #ajax-upload-inner-page .container {
        padding: 0 20px;
    }

    /*Header*/
    #header .projects-nav-title {
        left: 20px;
    }

    /*Nav*/
    #nav-box,
    .projects-nav-box {
        padding: 32px 20px 0;
    }

    #nav li {
        margin-bottom: 16px;
    }

    #nav-box .contacts-box {
        transform: translateY(20px);
    }

    /*Projects nav*/
    .projects-nav-grid {
        display: block;
    }

    .projects-nav-col {
        width: 100%;
        margin: 0 0 72px;
    }

    .projects-nav-box .title {
        padding-bottom: 32px;
        margin: 0 0 40px;
    }

    .projects-nav li {
        margin: 0 0 24px;
    }

    .projects-nav-box .title:after,
    .opened-projects-nav .projects-nav-box .title:after {
        transition: opacity .1s linear .5s;
    }

    .projects-nav {
        transform: translateY(20px);
        transition: transform .2s ease .3s;
    }

    .opened-projects-nav .projects-nav,
    .opened-projects-nav .projects-nav-col:nth-child(2) .projects-nav {
        transition: transform .5s ease .5s, opacity .5s linear .5s;
    }

    /*Ajax upload*/
    #ajax-upload-inner-page .time:first-child,
    #ajax-upload-inner-page .project-type-title:first-child {
        margin-bottom: 16px;
    }

    #ajax-upload-inner-page h1,
    #ajax-upload-inner-page .h1,
    #ajax-upload-inner-page p:not(.h1):not(.h2):not(.h3):not(.h4) {
        max-width: none;
    }

    .inner-page-nav .h2 {
        padding: 13px 0 5.25vw;
    }

    #ajax-upload-inner-page .inner-page-nav-grid .time {
        margin: 0 0 9px;
    }

    /*Ajax upload*/
    #ajax-upload-inner-page.loading {
        background-size: 72px auto;
    }

    #ajax-upload-inner-page img,
    #ajax-upload-inner-page .video-box {
        margin: 44px 0 50px;
    }
    
    #ajax-upload-inner-page .wp-block-image img{
        margin: 44px 0 0px;
    }

    #ajax-upload-inner-page .project-img {
        margin: -9.4vw -20px 4.8%;
    }

    .item-data-grid .col {
        margin: 6px 0;
    }

    .video-box {
        padding-bottom: 56.25%;
    }

    .video-box .play-icon {
        width: 116px;
        max-width: none;
    }

    .js-close-inner-page {
        width: 64px;
        height: 64px;
    }

    .js-close-inner-page svg {
        width: 30px;
    }

    .virtual-tour-link {
        margin: 40px 0;
        padding-bottom: 56.25%;
    }

    .photo-gallery.projects-slider {
        margin: 14% 0;
    }

    .photo-gallery.projects-slider .swiper-slide {
        padding-bottom: 5px;
    }

    #ajax-upload-inner-page .projects-slider .swiper-slide {
        max-width: calc(60% - 10px);
    }

    /*Page cursor*/
    #hover-cursor,
    #grab-cursor {
        width: 78px;
        height: 78px;
        margin: -39px 0 0 -39px;
    }

    /*Main screen*/
    .main-screen {
        min-height: 0;
        padding: 0 0 60px;
    }

    .main-screen .mobile-viewport {
        display: flex;
        align-items: center;
        justify-content: center;
        /*min-height: 100vh;*/
        padding: 174px 0 0;
        margin: 0;
    }

    .home-screen h1 {
        margin-left: -14%;
    }

    .home-screen .theVeryMainh1 .word1 {
        left: 2.7%;
    }

    .home-screen .theVeryMainh1 .word2 {
        left: 17.2%;
    }

    .home-screen .theVeryMainh1 .word3 {
        left: 0;
    }

    .home-screen .theVeryMainh1 .word4 {
        left: 38%;
    }

    .fashion-screen h1 {
        margin-left: -21%;
    }

    .art-screen h1 {
        margin-left: -2%;
    }

    .art-screen .theVeryMainh1 .word .hide-desktop {
        display: inline;
    }

    .art-screen .theVeryMainh1 .word .hide-mobile {
        display: none;
    }

    .art-screen .theVeryMainh1 .word1 {
        left: 0;
    }

    .art-screen .theVeryMainh1 .word2 {
        left: 0;
    }

    body:not(.ru) .art-screen .theVeryMainh1 .word2-1 {
        left: 22.9%;
    }

    .art-screen .theVeryMainh1 .word3 {
        left: 16.5%;
    }

    .art-screen .theVeryMainh1 .word4 {
        left: 11%;
    }

    .art-screen .theVeryMainh1 .word5 {
        left: 0;
    }

    body:not(.ru) .art-screen .theVeryMainh1 .word2-2 {
        display: block;
    }

    .main-screen .text {
        /*justify-content: flex-start;*/
    }

    .main-screen .text .max-w {
        max-width: 400px;
        margin-right: 0;
    }

    .main-screen .bg .video {
        top: 0;
        /*min-width:100%;
		height: auto;
		min-height: 80%;*/
        min-height: 0;
        width: 250%;
        height: auto;
        transform: translate3d(-50%, 0, 0);
    }

    .main-screen.art-screen .bg .video {
        width: 130%;
    }

    .retail_template .main-screen .bg .video {
        transform: translate3d(-50%, -25%, 0);
    }

    .metaverse_template .main-screen .bg .video {
        transform: translate3d(-50%, -15%, 0);
    }

    /*Sections*/
    section .section-title {
        margin-bottom: 9vw;
    }

    .title-chars-animate .word {
        padding-bottom: 7vw;
        margin-bottom: -7vw;
    }

    .ru .title-chars-animate .word.accented-text {
        margin-top: -1.1vw;
        margin-bottom: -8vw;
    }

    .section-title+.sub-text {
        margin-top: -3vw;
        width: 420px;
        max-width: 60%;
    }

    /*Sections*/
    .title-chars-animate .char {
        padding-right: 0;
        margin-left: 0;
    }

    /*About section*/
    .title-text-grid {
        width: 100%;
    }

    .title-text-grid .title-box {
        width: 44%;
    }

    .title-text-grid .text-box {
        width: 46%;
        padding-top: 0;
    }

    /*Figure section*/
    .figure-section {
        margin-bottom: 148px;
    }

    figure img {
        left: 0;
        width: auto;
        max-width: calc(100% + 40px);
        margin: 0 -20px;
    }

    /*Technology section*/
    .text-grid .col {
        width: calc(50% - 32px);
    }

    .text-grid .col * {
        max-width: none;
    }

    /*Howe we make it section*/
    .howe-we-make-it-section {
        margin-bottom: 148px;
    }

    /*Solutions section*/
    .solutions-section {
        margin-bottom: 0;
    }

    .touchevents .solution-col .solution-video {
        width: 54%;
    }

    /*News section*/
    .news-section {
        margin-bottom: 160px;
    }

    /*Result section*/
    .result-section {
        margin-bottom: 160px;
    }

    /*Price and timings section*/
    .accordion .title-box {
        padding-right: 64px;
    }

    .accordion .title-box .icon {
        width: 32px;
        height: 32px;
        margin-top: -12px;
    }

    /*App info section*/
    .app-info-header {
        padding: 6px 16px 18px;
    }

    .app-info-box .h4 {
        font-size: 28px;
        line-height: .8571428571428571em;
    }

    .app-info-header .app-title .dots {
        margin: 12px 16px 0 0;
        width: 14px;
        height: 14px;
    }

    .app-info-header .app-title .dots:before,
    .app-info-header .app-title .dots:after {
        left: 20px;
        top: 0;
        width: 14px;
        height: 14px;
    }

    .app-info-header .app-title .dots:after {
        left: 40px;
    }

    /*Latest news section*/
    .latest-news-section {
        margin-bottom: 148px;
    }

    .news-grid {
        justify-content: space-between;
        padding: 64px 0 0;
    }

    .news-grid .item {
        margin-bottom: 64px;
    }

    /*Process section*/
    .process-section {
        margin: 0 0 142px;
    }

    .process-slider-box {
        display: block;
        margin: 51px 0 0;
    }

    .process-slider {
        position: relative;
        z-index: 3;
        order: 1;
        width: 100%;
        padding: 0;
    }

    .js-view-checker .process-slider {
        transition: transform .3s ease .5s, opacity .3s ease .5s;
    }

    .process-slider .swiper-slide,
    .process-slider .swiper-slide:last-child {
        margin-bottom: 0;
    }

    .process-slider .swiper-slide>* {
        max-width: 540px;
    }

    .process-slider .num {
        display: none;
    }

    .process-slider .h3,
    .process-slider .active .h3 {
        color: var(--gold);
        margin: 0 0 26px;
    }

    .metaverse_template .process-slider .h3,
    .metaverse_template .process-slider .active .h3 {
        color: var(--purple);
    }

    .process-media-slider-box {
        order: 2;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0 0 40px;
    }

    .process-media-slider {
        position: relative;
        height: auto;
        margin: 0 -20px;
    }

    .js-view-checker .process-media-slider-box .swiper-container {
        transition: transform .4s ease .3s, opacity .4s ease .3s;
    }

    .process-media-slider .swiper-slide {
        position: relative;
        height: auto;
        padding-bottom: 75%;
        opacity: 1;
    }

    .process-media-slider .num {
        display: block;
    }

    .process-media-slider .video {
        width: 100% !important;
        height: auto !important;
    }

    .process-media-slider .swiper-pagination-progressbar {
        display: block;
        margin: 40px 20px 0;
    }

    /*Reviews section*/
    .reviews-section {
        margin-bottom: 148px;
    }

    /*App info section*/
    .app-info-section {
        margin-bottom: 160px;
    }

    /*Price and timings section*/
    .price-and-timings-section {
        margin-bottom: 50px;
    }

    .plan-grid {
        margin-top: 48px;
    }

    .plan-grid .plan-price+.per-year-box {
        margin-top: -9px;
    }

    .accordion .dropdown {
        padding-bottom: 20px;
    }

    /*Projects section*/
    .projects-section {
        margin-bottom: 148px;
    }

    .projects-slider .swiper-slide {
        max-width: calc(45% - 10px);
    }

    .projects-section .h1 .slides-count {
        left: 60%;
        top: 7%;
    }

    /*Advantages section*/
    .advantages-list {
        width: 96%;
        margin-top: 22%;
    }

    .advantages-list .swiper-slide {
        width: 43%;
        margin-bottom: 16%;
    }

    .advantage-item .icon {
        bottom: calc(100% + 16px);
    }

    /*Reviews section*/
    .reviews-section .h1 {
        margin-bottom: 8%;
    }

    /*App download section*/
    .app-download-section {
        margin-bottom: 148px;
    }

    /*Faq section*/
    .faq-section {
        margin-bottom: 148px;
    }

    /*Contacts section*/
    .contacts-section .lets-connect-grid {
        display: block;
    }

    .contacts-section .lets-connect-grid .contacts-box {
        width: 100%;
        padding: 0;
        margin: 0 0 25%;
    }
    
    .apple_template .contacts-section .lets-connect-grid .contacts-box {
        margin: 0 0 5%;
    }

    .lets-connect-grid .form-box {
        width: 100%;
        max-width: 440px;
        min-width: 0;
        margin: 0 auto;
    }

    .lets-connect-grid .intro-text {
        max-width: 440px;
        margin: 0 0 54px;
    }

    .form-submit-message {
        margin: 0;
    }

    /*Contacts box*/
    .contacts-box p {
        margin: 40px 0;
    }

    .contacts-box .address {
        margin-top: 50px;
    }

    /*Error page box*/
    .error-page-box {
        padding-bottom: 110px;
    }

    /*Footer*/
    #footer {
        margin-top: 40px;
        padding-bottom: 32px;
    }

    .footer-logo {
        margin-bottom: 26px;
    }

    .footer-social {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 4.2vw 0;
        width: 100%;
    }

    #footer .footer-social ul {
        width: 48%;
        margin: 0;
    }

    #footer .footer-social img {
        margin: 0;
        max-width: 35%;
    }

    .footer-copy-box .dev {
        width: auto;
    }

    /*Popup*/
    .js-close-popup:not(.btn) {
        width: 64px;
        height: 64px;
    }

    .js-close-popup:not(.btn) svg {
        width: 30px;
    }

    #feedback-popup,
    #bookdemo-popup {
        padding: 14% 0 52px;
    }

    .feedback-grid {
        display: block;
        max-width: 100%;
    }

    .feedback-grid .text-box,
    .ru .feedback-grid .text-box {
        width: 100%;
        max-width: 440px;
        margin-bottom: 15%;
    }

    .ru .feedback-grid .text-box {
        max-width: 500px;
    }

    .feedback-grid .text-box .section-title {
        max-width: 66%;
    }

    .feedback-grid .form-box,
    .ru .feedback-grid .form-box {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 0;
    }

    #stripe-popup,
    #feedback-payment-popup {
        padding: 32px 0 0;
    }

    #stripe-popup .h1,
    #feedback-payment-popup .h1 {
        margin-bottom: 12vw;
    }

    .payment-grid {
        display: block;
    }

    .payment-grid .plan-box {
        width: 100%;
    }

    .payment-grid .plan-description {
        margin: 32px 0 0;
    }

    .payment-grid .form-box {
        width: 100%;
        padding: 0;
        margin: 64px 0 0;
    }


    .popup-contacts-box {
        position: relative;
        margin: 80px 0 0;
    }

    .popup-contacts-box .container {
        padding: 0;
    }

    .popup-contacts {
        padding: 34px 0 0;
    }

    .popup-contacts p {
        padding-right: 16px;
    }

    .popup .sent-message-box .btn,
    .no-touchevents .popup .sent-message-box .btn:hover {
        margin: 15% auto 0;
    }

    #virtual-tour-popup,
    #gallery-popup {
        background-size: 72px auto;
    }
}

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

    .contacts-box .fag {
        margin-top: 100px;
        border-bottom: 1px solid #ACB3BD;
        padding-bottom: 7px;
        font-size: 16px;
        text-transform: none;
        font-family: 'Montserrat';

    }


    h2,
    .h2 {
        font-size: 46px;
        line-height: 66%;
        letter-spacing: -.035em;
    }

    /*Ajax upload*/
    #ajax-upload-inner-page .project-img {
        margin: -9.4vw -20px 30px;
    }

    .item-data-grid {
        margin: 0 0 27px;
    }

    /*Main screen*/
    .main-screen {
        padding: 0 0 72px;
    }

    .main-screen+section {
        padding-top: 72px;
    }

    /*Solutions section*/
    .solutions-grid {
        display: block;
    }


    /*Projects section*/
    .projects-section .h1 {
        display: block;
        margin-bottom: 64px;
        max-width: 60%;
    }

    .projects-section .word:nth-child(2) {
        padding-left: 1.5%;
    }

    .projects-slider .swiper-slide {
        max-width: calc(45% - 10px);
    }

    .projects-page .projects-slider .swiper-slide:first-child {
        display: none;
    }

    #ajax-upload-inner-page .projects-slider .swiper-slide {
        max-width: calc(80% - 10px);
    }

    .projects-section .h1 .slides-count {
        left: 37%;
        top: -2%;
        width: 29px;
        height: 29px;
        padding-bottom: 6px;
    }

    .ru .projects-section .h1 .slides-count {
        top: -2%;
        left: 58%;
    }

    /*Advantages section*/
    .advantages-list {
        width: 100%;
    }

    .advantages-list .swiper-slide {
        width: 45%;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide .max-w {
        max-width: 90%;
    }

    /*Price and timings section*/
    .accordion .title-box {
        padding-right: 64px;
    }

    .accordion.pricing-view .title-box {
        padding: 3vw 64px 4vw 0;
    }

    .accordion .title-box .icon {
        margin-top: -10px;
    }

    /*App download section*/
    .ru .app-info-section .section-title .word:first-child {
        margin-left: 12%;
    }

    .ru .app-info-section .section-title .word:nth-child(2) {
        margin-left: 3.75%;
    }

    .ru .app-info-section .section-title .word:nth-child(3) {
        /*margin-left: 23.4%;*/
    }

    .ru .app-info-section .section-title .word:nth-child(4) {
        margin-left: 11.5%;
    }

    .app-download-box .h3.message {
        margin: 60px 0 42px;
    }

    .app-download-info {
        padding: 40px 20px;
    }

    /*Tabs box*/
    .tabs-nav-item {
        padding: 14px 10px 26px;
        min-height: 66px;
    }

    /*Popup*/
    .popup-contacts {
        display: block;
        padding: 34px 0 0;
    }

    .popup-contacts p {
        width: 100%;
        padding-right: 0;
        margin: 0 0 27px;
    }

    .popup-contacts>*:last-child {
        margin-bottom: 0;
    }

}

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

    /*About section*/
    .title-text-grid {
        display: block;
        width: 100%;
    }

    .title-text-grid .title-box {
        width: 100%;
        max-width: 400px;
        margin: 0 0 42px;
    }

    .title-text-grid .text-box {
        width: 100%;
        max-width: 400px;
    }

    .separator {
        margin: 5% 0 40px;
    }

    .section-title+.separator {
        margin-top: 0;
    }

    /*Technology section*/
    .text-grid .col {
        width: calc(50% - 24px);
    }

    /*Experience section*/
    .img-text-grid {
        display: block;
        padding: 52px 0 26px;
    }

    .img-text-grid .img-box {
        width: 92%;
        padding: 0;
        margin: 0 0 20px 8%;
    }

    .img-text-grid .img-box:after {
        width: 600px;
    }

    .visible .img-text-grid .img-box:after {
        width: 600px;
    }

    .img-text-grid .text-box {
        width: 100%;
    }

    .js-view-checker .img-text-grid .text-box {
        transition-delay: .4s;
    }

    .js-view-checker .img-text-grid:after {
        transition-delay: .6s;
    }

    .img-text-grid .text-box .h3 {
        margin: 0 0 24px;
    }

    /*Accordion*/
    .accordion .dropdown {
        padding-top: 10px;
    }

    /*Ticker section*/
    .ticker-box:before {
        top: -48px;
    }

    .ticker-box:after {
        bottom: -48px;
    }

    .ru .app-text-grid .app-description .h4 {
        font-size: 25px;
    }
}

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

    h2,
    .h2 {
        margin: 40px 0 40px;
    }

    h3,
    .h3 {
        margin: 40px 0 32px;
    }

    h4,
    .h4 {
        margin: 32px 0;
    }

    /*Ajax upload*/
    .inner-page-nav .h2 {
        padding: 21px 0 42px;
    }

    .inner-page-nav {
        margin: 100px 0 0;
    }

    /*Sections*/
    section .section-title {
        margin-bottom: 10vw;
    }

    /*Technology section*/
    .technology-section {
        margin-bottom: 64px;
    }

    .text-grid {
        display: block;
    }

    .text-grid .col {
        width: 100%;
        max-width: 420px;
        margin-bottom: 32px;
    }

    .text-grid .col:last-child {
        margin: 0;
    }

    /*Solutions section*/

    .solution-col .solution-video,
    .touchevents .solution-col .solution-video {
        width: 210px !important;
        height: 210px !important;
    }

    /*Advantages section*/
    .advantages-list .swiper-slide {
        width: calc(50% - 16px);
    }

    /*Latest news section*/
    .news-grid {
        padding: 54px 0 0;
    }

    .news-grid .item {
        width: calc(50% - 16px);
        margin-bottom: 54px;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide .max-w {
        max-width: 100%;
    }

    /*Price and timings section*/
    .plan-grid .plan-price+.per-year-box {
        margin-top: -5px;
    }

    /*App info section*/
    .app-text-grid .app-description .col,
    .app-text-grid .app-description .col:first-child,
    .app-text-grid .app-description .col:nth-child(2) {
        width: calc(50% - 16px);
    }

    /*Price and timings section*/
    .accordion .title-box {
        padding: 23px 48px 21px 0;
    }

    .accordion.pricing-view .title-box {
        padding: 23px 48px 21px 0;
    }

    .accordion .title-box .h2 {
        font-size: 30px;
    }

    .accordion .title-box .h4 {
        font-size: 28px;
    }

    .accordion .title-box .icon {
        top: 29px;
        margin-top: 0;
        width: 24px;
        height: 24px;
    }

    .accordion.pricing-view .title-box .icon {
        top: 50%;
        margin-top: -7px;
    }

    .accordion .dropdown {
        padding-top: 4px;
    }

    /*Lets connect section*/
    .lets-connect-box,
    .contacts-section .lets-connect-box {
        padding: 48px 0 118px;
    }

    .lets-connect-box:before {
        right: 0;
    }

    .lets-connect-grid {
        display: block;
    }

    .lets-connect-grid .text {
        width: 100%;
        padding: 0;
        margin: 0 0 52px;
    }

    .lets-connect-grid .text * {
        max-width: 380px;
    }

    .lets-connect-grid .contacts-box {
        width: 100%;
    }

    .lets-connect-box .btn-box {
        position: relative;
        top: 0;
        right: auto;
        padding: 0;
        margin: 64px 0 0;
        background: none;
    }

    .lets-connect-box .btn {
        margin: 0 auto;
    }

    .form-submit-message .h3 {
        margin: 0 0 26px;
    }

    /*Contacts box*/
    .contacts-box p,
    .contacts-box .address {
        margin: 40px 0;
    }
}

@media screen and (max-width: 540px) {
    /*App info section*/


    .ru .app-text-grid .app-description .h4 {
        font-size: 23px;
    }
}

@media screen and (min-width: 521px) {

    /*Advantages section*/
    .advantages-list .swiper-container {
        overflow: visible;
    }

    .advantages-list .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .advantages-list .swiper-pagination {
        display: none;
    }

    .touchevents .advantage-item .icon * {
        fill: #ACB3BD;
    }

    /*Price and timings section*/
    .plan-grid .plan-dropdown {
        display: block !important;
    }

    .plan-grid.full-width-view .plan-dropdown {
        display: flex !important;
        flex-wrap: wrap;
    }
}

.apple_template.dark-bg-page .app-info-box{
    color:#F3F5F8 !important;
}

/*.apple_template #header .js-open-projects{
    background-color:transparent;
    color:#fff !important;
    border-color:#fff !important;
}

.apple_template #header .js-open-projects.js-open-popup svg path,
.apple_template #header .js-open-projects.js-open-popup svg circle{
    fill:#fff !important;
}

.apple_template #header .js-open-bookdemo{
    display:none;
}
.apple_template .bookdemo-header-collapsed{
    display:none;
}

.apple_template .js-open-contact-bub{
    background-color:transparent;
    color:#fff !important;
    border-color:#fff !important;
}

.apple_template .js-open-contact-bub svg path,
.apple_template .js-open-contact-bub svg circle{
    fill: #fff !important;
}*/

@media screen and (min-width:1000px) {
    .apple_template .main-screen .text .max-w-2{
        padding-bottom:50px !important;
    }
    .apple_template .app-info-section.extraAppSection .app-description img{
        margin-top:20px;
        margin-left:42px;
        margin-bottom:15px;
        width:100%;
    }
    .apple_template .app-info-section.extraAppSection .app-description p{
        margin-left:20px;
    }
    .apple_template .extraAppSection .app-text-grid .app-description{
        z-index:13;
        padding-right:10px;
    }
    .apple_template .app-info-section.extraAppSection .section-title .word:nth-child(3){
        margin-left:17%;
    }
    .apple_template .app-info-section.extraAppSection .section-title .word:nth-child(4){
        margin-left:50.5%;
    }
    .apple_template .app-info-section.extraAppSection .app-text-grid .app-intro{
        margin-top:10%;
    }
    .apple_template .benefits-section{
        margin-top:12px;
    }
    .apple_template .benefits-section .text{
        justify-content: space-between;
    }
    .apple_template .benefits-section .cta{
        margin-left:auto !important;
        margin-right:0 !important;
    }
    .apple_template .app-info-section:not(.extraAppSection) .section-title{
        margin-bottom:4% !important;
    }
}

@media screen and (min-width:1500px) {
    .apple_template .app-info-section.extraAppSection .app-description img{
        margin-top:14px;
    }
    .apple_template .lets-connect-section:not(.contacts-section) .lets-connect-box .lets-connect-grid:before{
        width:86% !important;
    }
}
.apple_template .lets-connect-section:not(.contacts-section) .lets-connect-box .lets-connect-grid{
    position:relative;
}
.apple_template .lets-connect-section:not(.contacts-section) .lets-connect-box .lets-connect-grid:before{
    background-color:#fff;
    position:absolute;
    content:'';
    top:-88px;
    left:0;
    width:83%;
    height:1px;
}

.apple_template .lets-connect-section:not(.contacts-section) .btn-box .btn,
.apple_template .lets-connect-section:not(.contacts-section) .btn-box .btn:before{
    background-color:#d3bb8a !important;
    color:#17181B !important;
}

.apple_template .app-info-section.extraAppSection .section-title{
    z-index:12 !important;
}
.apple_template .extraAppSection .app-text-grid .app-image{
    z-index:13 !important;
}
.apple_template #ajax-upload{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.apple_template .main-screen{
    order:-2;
}
.apple_template .benefits-section{
    order:-1;
}
@media screen and (max-width:1000px) {
    .apple_template .advantage-item p{
        white-space: break-spaces;
    }
    .apple_template .main-screen{
        padding-bottom:30px !important;
    }
    .apple_template .app-info-section:not(.extraAppSection) .section-title{
        margin-bottom:23px !important;
    }
    .apple_template .lets-connect-section:not(.contacts-section) .lets-connect-box .lets-connect-grid:before{
        top:0;
        width:100%;
    }
    .apple_template .lets-connect-section:not(.contacts-section) .lets-connect-box .lets-connect-grid{
        padding-top:35px;
    }

    .sticky-header .apple_template #header .js-open-projects.js-open-popup svg path,
    .sticky-header .apple_template #header .js-open-projects.js-open-popup svg circle{
        fill:#0f1621 !important;
    }
    .sticky-header .apple_template #header .js-open-projects{
        background-color:transparent;
        color:#0f1621 !important;
        border-color:#0f1621 !important;
    }
    .apple_template .app-text-grid{
        display:flex;
        flex-direction:column;
    }
    .apple_template .app-text-grid .app-image{
        height:100%;
        order:-1;
    }
    .apple_template .app-text-grid .app-intro{
        margin-bottom:7px;
    }
    .apple_template .app-text-grid .app-image img{
        margin-bottom:10px;
    }

    .apple_template.dark-bg-page .app-info-section.extraAppSection .section-title.hideOnDesktop .word:nth-child(1){
        display:inline-block !important;
    }
    .apple_template.dark-bg-page .app-info-section.extraAppSection .section-title.hideOnDesktop .word:nth-child(2){
        margin-left:0 !important;
    }
    .apple_template.dark-bg-page .app-info-section.extraAppSection .section-title.hideOnDesktop .word:nth-child(3){
        margin-left:23% !important;
    }
    .apple_template.dark-bg-page .app-info-section.extraAppSection .section-title.hideOnDesktop .word:nth-child(4){
        margin-left:37% !important;
    }
}

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



    .apple_template .advantages-section{
        margin-bottom:145px !important;
    }
    .apple_template.dark-bg-page .app-info-box[style]{
        margin-top:-64px !important;
    }
    .apple_template .advantages-list .advantage-item p{
        color:#ACB3BD;
    }
    .apple_template .app-info-box .video-box{
        border-radius:0 !important;
        margin-top:10px !important;
    }
    .apple_template .app-info-section .section-title .word:nth-child(1){
        display:block !important;
    }
    .apple_template .app-info-section .section-title .word:nth-child(2){
        margin-left:23% !important;
    }
    .apple_template .app-info-section .section-title .word:nth-child(3){
        margin-left:0 !important;
    }
    .apple_template .app-info-section .section-title .word:nth-child(4){
        margin-left:15% !important;
        display:block !important;
    }
    .apple_template .app-info-section .section-title .word:nth-child(7){
        margin-left:22% !important;
    }
    .apple_template .main-screen{
        background-position-y:calc((0.65 * (420px - 100vw)) - 68px) !important;
        padding-top:10px;
    }
    .apple_template .main-screen>.container{
        margin-top:calc(0.25 * (100vw - 320px));
    }
    .apple_template .main-screen .mobile-viewport {
        padding: 100px 0 18px;
    }
    .apple_template .main-screen .text{
        margin-top:143px !important;
    }
    .apple_template .main-screen .text>.max-w:first-of-type{
        padding-top:12px;
    }
    .apple_template .main-screen .text>.max-w:last-of-type{
        padding-bottom:25px !important; 
    }
    .apple_template .benefits-section .text>.max-w-2:nth-last-of-type(2){
        padding-bottom:0 !important;
    }
    .apple_template .benefits-section .text>.max-w-2:last-of-type{
        padding-top:16px !important;
    }

    .apple_template .benefits-section .cta{
        min-width:100%;

    }
    .apple_template .benefits-section .cta a{
        padding:17px 12px;
        
    }
    .apple_template .benefits-section .cta a span.first {
        font-size:22px !important;
    }

}

@media screen and (max-width:420px) {
    .apple_template .main-screen:after {
        background: linear-gradient(
            180deg,
            rgba(23, 24, 27, 1) 10%,
            rgba(23, 24, 27, 0) 20%,
            rgba(23, 24, 27, 0) 38%,
            rgba(23, 24, 27, 1) 43%
        ) !important;
    }
}

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

    /*Main screen*/
    .main-screen .mobile-viewport {
        padding: 174px 0 128px;
    }
    .main-screen:not(.art-screen):after {
        bottom: auto;
        top: 75vw;
        height: 75vw;
    }
    .apple_template .main-screen{
        background: url(../img/Vision-Pro-Mockup-mob.webp);
        background-size:contain!important;
        background-repeat: no-repeat!important;
        background-position-x: center;        
        background-position-y: top;
    }
    
    .apple_template .main-screen:not(.art-screen):after {
        bottom: auto;
        top: 0;
        height: 100%;    
    }
    .apple_template .main-screen:after {
        height: 100%;
        background: linear-gradient(
            180deg,
            rgba(23, 24, 27, 1) 10%,
            rgba(23, 24, 27, 0) 20%,
            rgba(23, 24, 27, 0) 40%,
            rgba(23, 24, 27, 1) 50%
        );
    }
    .main-screen.art-screen:after {
        height: 80%;
        background: linear-gradient(180deg, rgba(189, 189, 189, 0) 0%, rgba(189, 189, 189, .5) 40%, rgba(255, 255, 255, 1) 100%);
    }

    /*Ajax upload*/
    .inner-page-nav-grid {
        display: block;
    }

    .inner-page-nav-grid .col {
        min-height: 100px;
        width: 100%;
        padding: 29px 0 36px;
    }

    .inner-page-nav-grid .col:first-child:after {
        right: -21px;
        top: auto;
        left: -21px;
        bottom: 0;
        width: auto;
        height: 1px;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide {
        width: 100%;
    }

    .reviews-slider .swiper-slide .max-w {
        max-width: 80%;
    }

    /*Advantages section*/
    .advantages-section {
        margin-bottom: 160px;
    }

    .advantages-list {
        margin-top: 82px;
    }

    .advantages-list .swiper-slide {
        width: 100%;
        margin: 0;
    }

    .advantages-list .advantage-item,
    .apple_template .advantages-list .advantage-item {
        padding-top: 0;
        border: none;
    }

    .advantage-item .h3 {
        color: var(--gold);
        margin: 0 0 36px;
    }

    .advantage-item .icon {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 0 0 8px;
        opacity: 1;
    }

    .touchevents .advantage-item .icon {
        display: block;
    }

    /*App info section*/
    .app-info-section .section-title .word:first-child {
        margin-left: 0;
    }

    .app-info-section .section-title .word:nth-child(3) {
        /*margin-left: 9%;*/
    }

    .app-info-section .section-title .word:nth-child(4) {
        margin-left: 17%;
    }

    .dark-bg-page .app-info-section .section-title .word:nth-child(4) {
        margin-left: 0%;
    }

    .dark-bg-page .app-info-section .section-title .word:first-child {
        margin-left: 12%;
    }

    .metaverse_template.dark-bg-page .app-info-section .section-title .word:first-child {
        margin-left: 0;
    }

    .app-info-section .section-title .word:nth-child(5) {
        margin-left: 8%;
    }

    .app-info-section .section-title .word:nth-child(6),
    .app-info-section .section-title .word:nth-child(7) {
        margin-left: 0;
    }

    .app-info-box .video-box {
        margin-bottom: 16px;
    }

    .app-text-grid .app-intro {
        margin: 0 0 32px;
    }

    .app-text-grid .app-description {
        display: block;
        overflow: visible;
    }

    .app-text-grid .app-description .col,
    .app-text-grid .app-description .col:first-child,
    .app-text-grid .app-description .col:nth-child(2) {
        width: calc(100% + 32px);
        padding: 28px 16px 30px;
        margin: 0 -16px;
        border-top: 1px solid var(--darkblue2);
    }

    .app-text-grid .app-description .col:before {
        display: none;
    }

    .ru .app-text-grid .app-description .h4 {
        font-size: 28px;
    }

    .app-download-section .app-download-box {
        padding-top: 40px;
        margin-top: 42px;
    }

    .app-download-info {
        padding: 32px 20px;
    }

    .app-download-links {
        display: block;
        padding: 0;
        margin: 33px 0 -17px;
        border: none;
    }

    .app-download-links .col {
        width: 100%;
        padding: 0;
    }

    .app-download-links .col:first-child {
        border: none;
    }

    .app-download-links .h3 {
        margin: 0 auto;
    }

    .app-download-links .h3 a {
        display: block;
        text-decoration: none;
        padding: 23px 16px 36px;
        margin: 0 0 17px;
        border: 1px solid #ACB3BD;
    }

    .app-download-links .sub-text {
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 15px;
        line-height: 1.5em;
        letter-spacing: -.01em;
        text-transform: none;
    }

    /*Price and timings section*/
    .plan-grid {
        display: block;
        margin: 35px 0 0;
    }

    .plan-grid.full-width-view {
        display: block;
        margin: 0;
    }

    .plan-grid .plan-item,
    .plan-grid .plan-item:nth-child(odd),
    .plan-grid.full-width-view .plan-item {
        width: 100%;
        margin: 0 0 -1px;
        border: 1px solid #ACB3BD;
        border-top: none;
    }

    .plan-grid .plan-item.opened {
        margin-bottom: 39px;
    }

    .plan-grid p {
        margin: 0 0 20px;
    }

    .plan-grid .plan-price {
        margin: 0 0 8px;
    }

    .plan-grid .plan-title,
    .plan-grid.full-width-view .plan-title {
        padding: 18px 58px 25px 15px;
        border: 1px solid #ACB3BD;
        border-bottom: none;
        background: #F2F2F2;
        transition: background .2s ease;
    }

    .plan-grid .opened .plan-title {
        background: #fdf9f2;
    }

    .plan-grid .plan-price+.per-year-box {
        margin-top: -2px;
    }

    .plan-grid .plan-title .icon {
        display: block;
        position: absolute;
        right: 21px;
        top: 50%;
        margin: -10px 0 0;
    }

    .plan-grid .opened .plan-title .line {
        display: none;
    }

    .plan-grid .plan-dropdown,
    .plan-grid.full-width-view .plan-dropdown {
        display: none;
        padding: 0 15px 23px;
        border-color: #ACB3BD;
    }

    .no-touchevents .plan-grid .plan-item:hover .plan-dropdown {
        background: #fff;
    }

    .plan-grid .plan-dropdown.opened {
        display: block;
    }

    .plan-grid .data-box,
    .plan-grid.full-width-view .data-box {
        width: auto;
        padding: 17px 15px 15px;
        margin: 0 -15px;
        border-bottom: 1px solid #ACB3BD;
    }

    .plan-grid.full-width-view .data-box:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .plan-grid .data-box.price-box,
    .plan-grid.full-width-view .data-box.price-box {
        padding: 12px 15px 15px;
    }

    .plan-grid .data-box.sub-price-box,
    .plan-grid.full-width-view .data-box.sub-price-box {
        padding: 17px 15px 15px;
    }

    .plan-grid .plan-sub-price,
    .plan-grid.full-width-view .plan-sub-price {
        margin: 0 0 8px;
    }

    .plan-grid.full-width-view .data-box:after {
        display: none;
    }

    .accordion.pricing-view .tabs-box {
        margin: 34px 0 0;
    }

    /*Tabs box*/
    .price-and-timings-section .tabs-box {
        margin: 34px 0 0;
    }

    .price-and-timings-section .tabs-nav {
        margin-bottom: 40px;
    }

    .tabs-nav-grid {
        display: block;
    }

    .tabs-nav-item {
        justify-content: flex-start;
        padding: 14px 10px 26px;
        min-height: 66px;
    }

    .tabs-nav-item+.tabs-nav-item {
        margin-left: 0;
    }

    /*Ticker section*/
    .ticker-section {
        margin: 200px 0 204px;
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: 14px;
        line-height: 1.571428571428571em;
    }

    ol,
    ul {
        margin: 22px 0;
    }

    ul li,
    ol li {
        padding-left: 22px;
        margin-bottom: 22px;
        background-size: 7px auto;
        background-position: 0 8px;
    }

    p {
        margin: 22px 0;
    }

    img {
        margin: 36px 0 41px;
    }

    /*Form*/
    .form .field-row,
    .form .field-grid {
        display: block;
    }

    .form .field-row .field,
    .form .field-grid .field,
    .form .field-grid .field.small {
        flex: 1;
        width: 100%;
    }

    .form .field-grid .field:last-child {
        margin-left: 0;
    }

    .form .field.has-btn {
        display: block;
        margin: 0 0 46px;
    }

    .form-control {
        font-size: 14px;
        line-height: 1.571428571428571em;
    }

    .form .has-btn .form-control {
        margin: 0;
    }

    .checkbox-item input[type="checkbox"]+label {
        line-height: 1.571428571428571em;
    }

    .btn {
        font-size: 22px;
        line-height: 86%;
        letter-spacing: -.01em;
        text-transform: uppercase;
        width: 200px;
        height: 200px;
        margin: 60px auto 0;
    }

    .form .field.has-btn .btn {
        display: none;
    }

    .form .field-error {
        margin: 8px 0 -20px;
    }

    .form .btn {
        display: flex;
        margin: 60px auto 0;
    }

    .form .has-btn+.checkbox-item {
        margin-top: 54px;
        max-width: none;
    }

    .checkbox-item input[type="checkbox"]+label {
        padding: 0 0 0 38px;
    }

    .checkbox-item input[type="checkbox"]+label:before {
        top: -3px;
        width: 27px;
        height: 27px;
    }

    /*Header*/
    /*Nav*/
    #nav-box,
    .projects-nav-box {
        padding: 23px 20px 0;
    }

    #nav li {
        margin-bottom: 3px;
    }

    #nav-box .contacts-box {
        display: block;
        max-width: none;
        padding-top: 36px;
        margin: 38px 0 38px;
    }

    #nav-box .contacts-box p {
        margin: 0 0 28px;
    }

    #nav-box .contacts-box .social-links {
        margin: 0;
        justify-content: space-between;
        align-items: center;
    }

    #nav-box .contacts-box .social-links {
        padding-top: 37px;
        margin-top: 33px;
    }

    #nav-box .contacts-box .social-links li {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    /*Projects nav*/
    .projects-nav-col {
        margin: 0 0 72px;
    }

    .projects-nav-col:last-child {
        margin-bottom: 66px;
    }

    .projects-nav-box .title {
        font-size: 28px;
        line-height: 86%;
        letter-spacing: -.01em;
        padding-bottom: 14px;
        margin: 0 0 28px;
    }

    .projects-nav li {
        margin: 0 0 18px;
    }

    /*Ajax upload*/
    #ajax-upload-inner-page .time:first-child,
    #ajax-upload-inner-page .project-type-title:first-child {
        margin-bottom: 26px;
    }

    .project-type-title {
        font-size: 14px;
        line-height: 1.571428571428571em;
    }

    #ajax-upload-inner-page img,
    #ajax-upload-inner-page .video-box {
        margin: 35px 0 40px;
    }
    #ajax-upload-inner-page .wp-block-image img{
        margin: 35px 0 0 0;
    }

    #ajax-upload-inner-page .project-img {
        margin: 48px -20px 30px;
    }

    .item-data-grid {
        justify-content: space-between;
        margin: 0 0 24px;
    }

    #ajax-upload-inner-page img,
    #ajax-upload-inner-page .video-box,
    #ajax-upload-inner-page .virtual-tour-link {
        max-width: calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    #ajax-upload-inner-page .project-img img {
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }

    .video-box {
        padding-bottom: 96%;
    }

    .photo-gallery.projects-slider {
        margin: 59px 0 64px;
    }

    #ajax-upload-inner-page .inner-page-nav-grid .time {
        margin: 0 0 5px;
    }

    .js-close-inner-page {
        top: 17px;
        right: 20px;
        width: 51px;
        height: 51px;
    }

    .no-touchevents .js-close-inner-page {
        right: 37px;
    }

    .js-close-inner-page svg {
        width: 27px;
    }

    .virtual-tour-link {
        padding-bottom: 100%;
    }

    /*Main screen*/
    .main-screen h1 {
        font-size: 60px;
    }

    .main-screen h1 .accented-text {
        font-size: 65px;
    }

    .ru .main-screen h1 {
        font-size: 56px;
    }

    .ru .main-screen h1 .accented-text {
        font-size: 61px;
    }

    .ru .home-screen .theVeryMainh1 .word1 {
        left: 15%;
    }

    .ru .home-screen .theVeryMainh1 .word2 {
        left: 18%;
    }

    .ru .home-screen .theVeryMainh1 .word3 {
        left: 6%;
    }

    .ru .home-screen .theVeryMainh1 .word4 {
        left: 16%;
    }


    .fashion-screen .theVeryMainh1 .word2 {
        left: 22%;
    }

    .fashion-screen .theVeryMainh1 .word4 {
        left: 15%;
    }

    .ru .art-screen .theVeryMainh1 .word1 {
        left: 1%;
    }

    .ru .art-screen .theVeryMainh1 .word2 {
        left: 14%;
    }

    .ru .art-screen .theVeryMainh1 .word3 {
        left: 8.6%;
    }

    .ru .art-screen .theVeryMainh1 .word4 {
        left: 18.3%;
    }

    /*Sections*/
    section .section-title {
        margin-bottom: 49px;
    }

    .section-title+.sub-text {
        margin-top: -24px;
        width: auto;
        max-width: 100%;
    }

    /*About section*/
    .about-section {
        margin-bottom: 64px;
    }

    /*Howe we make it section*/
    .howe-we-make-it-section .section-title {
        max-width: 240px;
    }

    .howe-we-make-it-section .section-title .accented-text {
        left: 3%;
    }

    .howe-we-make-it-grid {
        margin-top: 60px;
    }

    .howe-we-make-it-grid .sub-text {
        width: 100%;
        margin-bottom: 54px;
    }

    .howe-we-make-it-grid .text {
        width: 100%;
    }

    .howe-we-make-it-grid .text .flying-video {
        top: 50%;
        right: 0;
        width: 38.92%;
    }

    /*Solutions section*/
    .solutions-grid {
        margin-top: 12px;
    }



    .solutions-grid .solution-col .h1 {
        margin: 0 0 28px;
    }

    .solutions-grid .solution-col .sub-text {
        font-size: 16px;
    }

    .solution-col .solution-video,
    .touchevents .solution-col .solution-video {
        width: 194px !important;
        height: 194px !important;
    }

    /*Latest news section*/
    .news-grid {
        padding: 40px 0 0;
    }

    .news-grid .item {
        width: 100%;
        padding-top: 38px;
        padding-bottom: 42px;
        margin: 0;
        border-bottom: 1px solid #ACB3BD;
    }

    .news-grid:not(.press-section-grid) .item:first-child {
        padding-top: 0;
    }

    .news-grid .item a {
        max-width: none;
    }

    .ru .news-grid .item a {
        width: auto;
    }

    .news-grid .time {
        color: #ACB3BD;
        margin: 0 0 5px;
    }

    .news-grid:after {
        display: none;
    }

    /*Process section*/
    .process-media-slider-box {
        margin: 0 0 14px;
    }

    .process-media-slider .swiper-pagination-progressbar {
        margin: 22px 20px 0;
    }

    /*Projects section*/
    .projects-section .h1 {
        margin-bottom: 58px;
        max-width: 240px;
    }

    .projects-slider .swiper-slide {
        max-width: calc(76.5% - 10px);
    }

    #ajax-upload-inner-page .projects-slider .swiper-slide {
        max-width: calc(90% - 10px);
    }

    .ru .projects-slider .word.accented-text {
        margin-top: -21% !important;
    }

    .projects-section .h1 .slides-count {
        left: 100px;
        top: -8px;
        font-size: 14px;
        width: 26px;
        height: 26px;
    }

    .ru .projects-section .h1 .slides-count {
        top: -8%;
        left: 64%;
    }

    /*Reviews section*/
    .reviews-slider {
        padding-top: 33px;
    }

    .reviews-section .h1 {
        margin-bottom: 33px;
    }

    .reviews-slider .swiper-pagination-progressbar {
        margin-top: 29px;
    }

    /*Price and timings section*/
    .price-and-timings-section .section-title+.sub-text {
        margin-top: -6px;
    }

    .accordion.pricing-view {
        margin-top: 34px;
    }

    .accordion .title-box {
        padding: 23px 32px 21px 0;
    }

    .accordion.pricing-view .title-box {
        padding: 10px 32px 10px 0;
    }

    .accordion .title-box .h2 {
        font-size: 28px;
    }

    .accordion .title-box .icon {
        top: 32px;
        width: 18px;
        height: 18px;
    }

    .accordion.pricing-view .title-box .icon {
        margin-top: -3px;
    }

    .accordion .dropdown {
        padding-top: 16px;
    }

    /*Ticker section*/
    .ticker-box:before {
        top: -40px;
    }

    .ticker-box:after {
        bottom: -48px;
    }

    .js-page-bg-checker .ticker-box .h1 {
        padding: 0 35vw 0 45vw;
    }

    /*About section*/
    .about-section h1 {
        max-width: 180px;
    }

    .app-download-info {
        padding: 16px 14px 18px;
    }

    .app-download-box .h3.message {
        margin-left: auto;
        margin-right: auto;
        max-width: 370px;
        width: 90%;
    }

    /*Lets connect section*/
    .lets-connect-section .section-title {
        margin-bottom: 26px;
    }

    .ref .section-title {
        margin-bottom: 26px;
    }

    .lets-connect-box,
    .contacts-section .lets-connect-box {
        padding: 40px 0 118px;
    }
    .apple_template .lets-connect-box,
    .apple_template .contacts-section .lets-connect-box {
        padding: 0px 0 18px;
    }

    /*Auxiliary link box*/
    .news-grid+.auxiliary-link-box {
        margin: 8px 0 0;
    }

    .auxiliary-link-box .navi-link {
        padding: 0;
        background: none;
    }

    /*Footer*/
    .footer-nav {
        width: 100%;
        margin-bottom: 41px;
    }

    .footer-grid p {
        margin-bottom: 32px;
    }

    .footer-contacts {
        width: 100%;
        margin-bottom: 32px;
    }

    .footer-social {
        display: block;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 0 36px;
        width: 100%;
    }

    #footer .footer-social ul {
        width: 48%;
        margin: 0 0 32px;
    }

    #footer .footer-social img {
        margin: 0;
        max-width: 160px;
        width: 50%;
    }

    #footer .footer-social>*:last-child {
        margin-bottom: 0;
    }

    .footer-copy-box {
        display: block;
        margin: 0;
    }

    .footer-copy-box p {
        max-width: 100%;
    }

    .footer-copy-box .dev {
        margin: 38px 0 0;
        padding-top: 38px;
        width: auto;
        border-top: 1px solid #acb2bd;
    }

    /*Popup*/
    .js-close-popup:not(.btn) {
        top: 17px;
        right: 20px;
        width: 51px;
        height: 51px;
    }

    .js-close-popup:not(.btn) svg {
        width: 27px;
    }

    #feedback-popup,
    #bookdemo-popup {
        padding: 77px 0 52px;
    }

    .feedback-grid .text-box {
        color: #fff;
        margin-bottom: 72px;
    }

    .feedback-grid .text-box .section-title {
        max-width: 66%;
    }

    .feedback-grid .text-box p:not(.section-title) {
        max-width: 320px;
        width: 100%;
    }

    #stripe-popup,
    #feedback-payment-popup {
        padding: 16px 0 0;
    }

    #stripe-popup .h1,
    #feedback-payment-popup .h1 {
        margin-bottom: 60px;
    }

    .payment-grid .plan-description {
        margin: 16px 0 0;
    }

    .plan-price-grid {
        justify-content: space-between;
    }

    .payment-grid .form-box {
        margin: 58px 0 0;
    }

    .form-card-box {
        position: relative;
        padding: 66px 0 70px;
    }

    .wpfs-form-group+.form-card-box {
        margin-top: 70px;
    }

    .form-card-box .powered-by {
        margin: 0 0 54px;
    }

    .form-card-box .checkbox-item input[type="checkbox"]+label::before {
        top: -3px;
    }

    .special-form-btn {
        display: block;
        font-family: 'Metal';
        font-weight: 400;
        font-size: 28px;
        line-height: 1em;
        letter-spacing: -.01em;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        width: 100%;
        margin: 42px 0 0;
        padding: 16px 16px 26px;
    }


    #stripe-popup .popup-contacts-box,
    #feedback-payment-popup .popup-contacts-box {
        margin-top: 66px;
    }

    .popup-contacts-box .container {
        padding: 0;
    }

    .popup .sent-message {
        margin: 0;
    }

    body:not(.ru) .popup .sent-message .word:nth-child(2) {
        margin-right: 0;
    }

    body:not(.ru) .popup .sent-message .accented-text {
        display: block;
        left: 4%;
    }

    body:not(.ru) .popup .sent-message .accented-text+.accented-text {
        left: 12%;
        padding-bottom: 8vw;
    }

    body:not(.ru) .popup .sent-message .accented-text+.accented-text+.word {
        margin-left: 14%;
    }

    body:not(.ru) .popup .sent-message .word:last-child {
        display: block;
        margin-left: 5%;
    }

    .popup .sent-message-box .btn,
    .no-touchevents .popup .sent-message-box .btn:hover {
        margin: 60px auto 0;
    }
}

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

    
    #nav li {
        font-size: 37px!important;
    }
    /*Main screen*/
    .ru .main-screen h1 {
        font-size: 47px;
    }

    .ru .main-screen h1 .accented-text {
        font-size: 52px;
    }

    .ru .home-screen .theVeryMainh1 .word1 {
        left: 15%;
    }

    .ru .home-screen .theVeryMainh1 .word2 {
        left: 18%;
    }

    .ru .home-screen .theVeryMainh1 .word3 {
        left: 6%;
    }

    .ru .home-screen .theVeryMainh1 .word4 {
        left: 16%;
    }
}

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

    h1,
    .h1 {
        font-size: 49px;
        line-height: 64%;
        margin: 0 0 40px;
    }

    h1 .accented-text,
    .h1 .accented-text {
        font-size: 49px;
    }

    .ru .title-chars-animate .word.accented-text {
        margin-top: -4px;
        margin-bottom: -33px;
    }

    /*Projects section*/
    .ru .projects-section .h1 .slides-count {
        left: 58%;
    }
}

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

    /*Main screen*/
    body:not(.ru) .fashion-screen h1 {
        margin-left: 0;
    }

    .fashion-screen .theVeryMainh1 .word1 {
        left: 8.4%;
    }

    .metaverse_template .fashion-screen h1 {
        left: 4%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word1 {
        left: 0%;
        display: inline;
    }

    .retail_template .fashion-screen .theVeryMainh1 .word2 {
        left: 0%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word2 {
        left: -10%;
        display: inline;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word2 .word2-1 {
        display: inline;
        left: 12%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word2 .word2-2 {
        display: inline;
        left: 18%;
    }

    .fashion-screen .theVeryMainh1 .word2 {
        left: 0;
    }

    .retail_template .fashion-screen .theVeryMainh1 .word2 {
        left: -10%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word2 {
        left: -10%;
    }

    body:not(.ru) .fashion-screen .theVeryMainh1 .word2-1 {
        left: 31%;
    }

    body:not(.ru) .fashion-screen .theVeryMainh1 .word2-2 {
        left: 10.4%;
    }

    .fashion-screen .theVeryMainh1 .word3 {
        left: -6%;
    }

    .fashion-screen .theVeryMainh1 .word4 {
        left: 0;
    }

    .retail_template .fashion-screen .theVeryMainh1 .word4 {
        left: -6%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word3 {
        left: 16%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word4 {
        left: 35%;
    }

    .fashion-screen .theVeryMainh1 .word4-1 {
        left: -3.5%;
    }

    .fashion-screen .theVeryMainh1 .word4-2 {
        left: 27%;
    }

    .fashion-screen .theVeryMainh1 .word5 {
        left: 14.5%;
    }

    .metaverse_template .fashion-screen .theVeryMainh1 .word5 {
        left: 2%;
    }

    .apple_template .fashion-screen .theVeryMainh1 .word1,
    .apple_template .fashion-screen .theVeryMainh1 .word2,
    .apple_template .fashion-screen .theVeryMainh1 .word3,
    .apple_template .fashion-screen .theVeryMainh1 .word4,
    .apple_template .fashion-screen .theVeryMainh1 .word5 {
        left: 0%!important;
    }
    
    .apple_template .fashion-screen .theVeryMainh1 .word1-1{
        left:-20%;
    }
    .apple_template .fashion-screen .theVeryMainh1 .word1-2{
        left:0%;
    }
    body.apple_template .fashion-screen .theVeryMainh1 .word2-1{
        left:-5%;
    }
    body.apple_template .fashion-screen .theVeryMainh1 .word2-2{
        left:10%;
    }
    body.apple_template .fashion-screen .theVeryMainh1 .word2-3{
        left:-9%;
    }
    body:not(.ru) .fashion-screen .theVeryMainh1 .word2-1,
    body:not(.ru) .fashion-screen .theVeryMainh1 .word2-2,
    .fashion-screen .theVeryMainh1 .word4-1,
    .fashion-screen .theVeryMainh1 .word4-2 {
        display: block;
    }

    /*Advantages section*/
    .ru .advantages-section .h1 {
        font-size: 44px;
    }

    /*App info section*/
    .app-info-box {
        padding: 0 8px;
        margin: 0 -4px;
    }

    .app-info-header {
        margin: 0 -8px 4px;
        padding: 2px 8px 13px;
    }

    .app-info-header .app-title .dots {
        margin: 14px 16px 0 0;
        width: 8px;
        height: 8px;
    }

    .app-info-header .app-title .dots:before,
    .app-info-header .app-title .dots:after {
        left: 14px;
        width: 8px;
        height: 8px;
    }

    .app-info-header .app-title .dots:after {
        left: 28px;
    }

    .app-info-box .show-mobile {
        margin: 0 0 19px;
    }

    .app-info-box .video-box {
        margin-bottom: 12px;
    }

    .app-text-grid .app-description .col,
    .app-text-grid .app-description .col:first-child,
    .app-text-grid .app-description .col:nth-child(2) {
        width: calc(100% + 16px);
        padding: 28px 8px 30px;
        margin: 0 -8px;
        border-top: 1px solid var(--darkblue2);
    }

    .dark-bg-page .app-text-grid .app-description .col,
    .dark-bg-page .app-text-grid .app-description .col:first-child,
    .dark-bg-page .app-text-grid .app-description .col:nth-child(2) {
        border-top: 1px solid #ACB3BD;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide .max-w {
        max-width: 90%;
    }

    /*App section*/
    .ru .app-info-section .section-title .word:first-child {
        margin-left: 8%;
    }

    .ru .app-info-section .section-title .word:nth-child(2) {
        margin-left: 2%;
    }

    .ru .app-info-section .section-title .word:nth-child(3) {
        /*margin-left: 19%;*/
    }

    .ru .app-info-section .section-title .word:nth-child(4) {
        margin-left: 7%;
    }

    /*Lets connect section*/
    .lets-connect-section h1,
    .lets-connect-section .h1 {
        max-width: 90%;
    }

    .ref h1,
    .ref .h1 {
        max-width: 80%;

    }

    .ru .lets-connect-section h1,
    .ru .lets-connect-section .h1 {
        max-width: 100%;
    }

    .ru .ref h1,
    .ru .ref .h1 {
        max-width: 100%;
    }

    /*Popup*/
    .form-card-box .powered-by p {
        margin: 0 16px 0 0;
    }

    .form-card-box .powered-by svg {
        max-width: 110px;
        height: auto;
    }
}

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

    /*Main screen*/
    .main-screen h1 {
        font-size: 47px;
    }

    .main-screen h1 .accented-text {
        font-size: 52px;
    }

    /*Advantages section*/
    .ru .advantages-section .h1 {
        font-size: 42px;
    }

    /*Popup*/
    .ru .popup .sent-message .word:nth-child(2) {
        margin-left: 6%;
    }

    .ru .popup .sent-message .word:nth-child(4) {
        margin-left: 12%;
    }
}

@media screen and (max-width: 380px) {
    .ru .fashion-screen .theVeryMainh1 .word1 {
        left: 12.4%;
    }

    .ru .fashion-screen .theVeryMainh1 .word2 {
        left: 18.4%;
    }

    .ru .fashion-screen .theVeryMainh1 .word4 {
        left: 11.4%;
    }

    /*Reviews section*/
    .reviews-slider .swiper-slide .max-w {
        max-width: 100%;
    }

    /*Advantages section*/
    .ru .advantages-section .h1 {
        font-size: 38px;
    }

    /*App section*/
    .ru .app-info-section .section-title .word:first-child {
        margin-left: 0;
    }

    .ru .app-info-section .section-title .word:nth-child(2) {
        margin-left: 2%;
    }

    .ru .app-info-section .section-title .word:nth-child(3) {
        /*margin-left: 0;*/
    }

    .ru .app-info-section .section-title .word:nth-child(4) {
        margin-left: 2%;
    }
}

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

    /*Advantages section*/
    .advantages-section .h1 {
        font-size: 45px;
    }

    .ru .advantages-section .h1 {
        font-size: 36px;
    }

    /*Popup*/
    .ru .popup .sent-message .word:nth-child(2) {
        margin-left: 2%;
    }

    .ru .popup .sent-message .word:nth-child(4) {
        margin-left: 4%;
    }
}

/*Foreign plugins*/
/*Swiper*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.grab-cursor-activate .swiper-slide {
    user-select: none;
}

.grab-cursor-activate .swiper-slide .img {
    pointer-events: none;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 0;
    margin: 0;
}

.swiper-pagination.centered {
    justify-content: center;
}

.swiper-pagination.hidden {
    display: none;
}

.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 24px;
    height: 24px;
    margin: 0 5px 6px;
    cursor: pointer;
    transform: rotate(-45deg);
    transform-style: preserve-3d;
}

.swiper-pagination .swiper-pagination-bullet-active {
    cursor: default;
}

.swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(37, 43, 72, .5);
    transition: background .2s ease;
}

.swiper-pagination .swiper-pagination-bullet-active:before {
    width: 10px;
    height: 10px;
    background: #252B48;
}

.no-touchevents .swiper-pagination .swiper-pagination-bullet:hover:before {
    background: #252B48;
}

.swiper-pagination .swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #252B48;
}

.swiper-pagination-lock,
.swiper-button-lock {
    display: none !important;
}

.swiper-btns-box {
    display: flex;
    align-items: flex-start;
}

.swiper-btn {
    display: flex;
    align-items: center;
    line-height: 0;
    width: 22px;
    height: 42px;
    margin: 0;
    cursor: pointer;
}

.swiper-btn.large-btn {
    width: 30px;
    height: 58px;
}

.swiper-btn svg {
    width: 100%;
    height: 100%;
    opacity: .6;
    transition: opacity .2s ease;
}

.no-touchevents .swiper-btn:not(.swiper-button-disabled):hover svg {
    opacity: 1;
}

.no-touchevents .swiper-btn svg * {
    transition: fill .2s ease;
}

.no-touchevents .swiper-btn:not(.swiper-button-disabled):hover svg * {
    fill: #252b48;
}

.swiper-button-disabled {
    opacity: .4;
    cursor: default;
}

.swiper-pagination-progressbar {
    position: relative;
    display: block;
    height: 2px;
    margin: 4.9% 0 0;
    background: #ACB3BD;
    overflow: hidden;
}

.dark-bg-page .swiper-pagination-progressbar,
.projects-slider .swiper-pagination-progressbar {
    background: #323C4B;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 4px;
    background: var(--darkblue2);
    transform: scale(0);
    transform-origin: left top;
}

.dark-bg-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.projects-slider .swiper-pagination-progressbar-fill {
    background: var(--gold);
}

.metaverse_template.dark-bg-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.metaverse_template .projects-slider .swiper-pagination-progressbar-fill {
    background: var(--purple);
}



/*Select*/
.select-box {
    position: relative;
}

.select2-container {
    position: relative;
    display: block;
}

.select+.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    cursor: pointer;
    display: block;
    height: auto;
    background: transparent;
    border-bottom: 1px solid #ACB3BD;
    border-radius: 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container.select2-container--open {
    z-index: 10000;
}

.error-field .select2-container .select2-selection--single {
    color: #EB5757;
    border-color: #EB5757;
}


.filled .select2-container .select2-selection--single {
    border-color: var(--darkblue2);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 1.095vw;
    line-height: 143%;
    letter-spacing: -.01em;
    color: var(--darkblue2);
    padding: 0 64px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 50px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 15px;
}

.select2-container .select2-search--inline {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
}

.select2-container li+.select2-search--inline {
    width: auto;
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    font-size: 100%;
    margin: 0;
    padding: 7px 0 0 8px;
    height: 41px;
    line-height: 41px;
    max-width: 100%;
    width: 100% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.select2-container li+.select2-search--inline .select2-search__field {
    height: 34px;
    line-height: 0;
    width: 1px !important;
    padding: 0;
    margin: 7px 0 0 -1px;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    display: block;
    position: absolute;
    z-index: 10000;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: #fff;
}

.select2-dropdown--above.select2-dropdown {}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: none;
}

.select2-results__option {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4em;
    color: var(--darkblue);
    padding: 15px 12px 14px;
    margin: 0;
    background: #fff;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

.select2-results__option:last-child {
    border: none;
}

.no-touchevents .select2-results__option:not([aria-selected=true]):hover {
    color: #fff;
    background: var(--gold);
}

.select2-search--dropdown {
    display: block;
    padding: 4px 14px;
    margin: 6px 0;
}

.select2-search--dropdown .select2-search__field {
    height: 32px;
    padding: 4px 34px 4px 14px;
    width: 100%;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    width: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 13px;
    height: 11px;
    background: url("../i/select-arrow.svg") no-repeat 50% 100%/13px auto;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: scaleY(-1);
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    color: #35A3A7;
    background: #f9fbfd;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default .select2-selection--multiple {
    padding-right: 48px;
    border: 1px solid #c4c5c7;
    cursor: text;
}

.select2-container--open.select2-container--default .select2-selection--multiple {}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 0 7px 7px;
    width: 100%;
    min-height: 48px;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.select2-selection__placeholder {
    position: relative;
    text-overflow: ellipsis;
    color: #ACB3BD;
    margin: 0;
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.select2-container--open .select2-selection__placeholder {
    opacity: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    font-size: 15px;
    line-height: 1.2em;
    color: #fff;
    background: #248EF6;
    cursor: default;
    float: left;
    padding: 8px 29px 8px 11px;
    margin: 7px 7px 0 0;
    max-width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    position: absolute;
    text-indent: -10000px;
    top: 50%;
    width: 12px;
    height: 12px;
    right: 9px;
    margin: -6px 0 0;
    text-align: center;
    transition: opacity .2s ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: .7;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #fff;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 206px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #ACB3BD;
    cursor: default;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

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

    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        line-height: 150%;
    }

    .select2-results__option {
        font-size: 15px;
    }

    .select2-container--default .select2-results>.select2-results__options {
        max-height: 200px;
    }

    .swiper-pagination-progressbar {
        margin: 4.6% 0 0;
    }
}

@media screen and (max-width: 900px) {
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 15px;
        padding-bottom: 2px;
    }

    .select2-results__option {
        font-size: 14px;
    }

    .select2-container--default .select2-results>.select2-results__options {
        max-height: 194px;
    }
}

@media screen and (max-width: 780px) {
    .swiper-pagination-progressbar {
        margin: 32px 0 0;
    }
}