@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

html {
	color: #9B9996;
	font-family: "DM Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 20px;
	line-height: 1.18;
	font-weight: 400;
	letter-spacing: -0.36px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

body {
    margin: 0;
    background-color: #000;
}
body.page-id-2097 {
	background:#090a20;
}
body.lock {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
}

main {
    display: block;
}

small {
    font-size: 80%;
}

img {
    border-style: none;
    object-fit: contain;
    max-width: 100%;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin: 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;  
    margin: 0;  
    padding: 0;
}
input:not(.wpcf7-submit), textarea{
    font-family: 'Work Sans';
    width: 100%;
    background-color: #121212;
    padding: 15px;
    border: none;
    font-size: 16px;
    color: #FFF;
    outline: none;
}
input::placeholder , textarea::placeholder{
    color: #FFFFFF80;
}
input.wpcf7-submit{
    color: #fff;
    cursor: pointer;
}
textarea {
    resize: vertical;
    height: 113px;
}

.hidden,
[hidden] {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

p{
    margin: 9px 0;
}
a{
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.button, input.wpcf7-submit{
    font-size: 16px;
    padding: 12px 45px;
    height: 45px;
}

.button:hover, input.wpcf7-submit:hover{
    box-shadow: 4px 4px 11px 1px black;
}
.button-header{
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.48);
    width: 150px;
    height: 45px;
    padding: 0;
}
.button-header:hover, .button-load-more:hover {
    border-color: #D50517;
}
[data-aos="fade-up"]{
    opacity: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    transition-timing-function: ease;
    transition-duration: .5s;
    transform: translate3d(0,50px,0);
}
.dots-stage [data-aos="fade-up"]{
    transform: translate3d(0,-10px,0);
}
.dots-choose [data-aos="fade-up"]{
    transform: translate3d(0,10px,0);
}
.aos-animate{
    opacity: 1;
    -webkit-transform: none!important;
    transform: none!important;
}
/*-----2. Global-----*/
h1, .h1, h2, .project-item h3, .work-card_name{
    background: radial-gradient(89.48% 115.8% at 72.45% 81.75%, #FFF 0%, rgba(255, 255, 255, 0.43) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    margin: 0 0 70px;
    line-height: 1.2;
}

h1, .h1{
	font-weight: 700;
	font-size: 64px;
	line-height: 120%;
	color: #fff;
    padding-bottom: 5px;
	background:unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
h2{
    font-weight: 500;
    font-size: 48px;
    letter-spacing: -1.4px;
    text-align: center;
}
h3{
    font-size: 44px;
    letter-spacing: -0.66px;
}
h4, .h4{
    font-size: 24px;
}

h2 span{
    color: #D50517;
}

.site, section{
    position: relative;
}
.site{
    overflow: hidden;
}
.grid-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid-flex{
    display: flex;
    flex-wrap: wrap;
}
.grid{
    margin: 0 -12px;
}
.grid-item-2{
    width: calc(100% / 2 - 24px);
    margin: 0 12px;
}
.grid-item-3{
    width: calc(100% / 3 - 24px);
    margin: 0 12px;
}
.container{
    max-width: calc(100vw/1440*1400);
    width: 100%;
    padding: 0 50px;
    margin: auto;
}

/* Animation */

.glowing-box {
    isolation: isolate;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 1px;
}
.glowing-box p{
    margin: 0;
}
.glowing-box-borders-masker {
    content: "";
    height: 100%;
    inset: 0;
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: 1s ease opacity;
    width: 100%;
}
.glowing-box-animations, .glowing-box-borders {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 110%;
}
.glowing-box-borders, .glowing-box-glow, .glowing-box-stars {
    animation: borderTurn 2s infinite linear;
    background-image: conic-gradient(from 0 at 50% 50%,rgba(255,255,255,.5) 0deg,rgba(255,255,255,0) 60deg,rgba(255,255,255,0) 310deg,rgba(255,255,255,.5) 360deg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.glowing-box-animations {
    opacity: 0;
    pointer-events: none;
    transition: 1s ease opacity;
}
.glowing-box-glow {
    filter: blur(8px);
    opacity: .12;
}
.glowing-box-animations * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.glowing-box-stars-masker {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: auto;
    mask-size: auto;
}
.glowing-box-active .glowing-box-animations, .glowing-box-active .glowing-box-borders-masker {
    opacity: 1;
}
.glowing-box-borders {
    animation-name: borderTurnWithTranslate;
}
.glowing-box-animations:before, .glowing-box-borders:before {
    content: "";
    float: left;
    padding-top: 100%;
}
.glowing-box-animations:after, .glowing-box-borders:after {
    clear: both;
    content: "";
    display: block;
}
@keyframes borderTurnWithTranslate {
    0% {
        transform: translate(-50%,-50%) rotate(0);
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}
@keyframes borderTurn {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
/* Header */
header {
    position: fixed;
    padding: 20px 0;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
}
.admin-bar header{
    top: 32px;
}
.site-header .container{
    justify-content: space-between;
    align-items: center;
}
header .header-logo .svg,
header .header-logo img{
    width: 76px;
    height: auto;
}
header .menu>li:first-child, header .menu>li:last-child {
    margin-left: auto;
}
.main-navigation{
    width: calc(100% - 310px);
}
.menu-header-container .menu{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.menu-header-container .menu li{
    font-size: 16px;
    list-style: none;
    padding: 0 25px;
    position: relative;
}
.header-menu-icon{
    position: relative;
    display: none;
    height: 15px;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
.header-menu-icon span {
    width: 32px;
    height: 1px;
    background-color: #D9D9D9;
    transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
}
.header-menu-icon.active span:nth-child(2){
	 -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    position: relative;
}
.header-menu-icon.active span:nth-child(1){
	 -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	position: absolute;
    top: 5px;
}
header .menu .menu-item-has-children .sub-menu {
    opacity: 0;
    visibility: hidden;
    display: block;
    background: #0E0E0E;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
header .menu .menu-item-has-children .sub-menu li{
    padding: 0;
    margin-bottom: 10px;
}
header .menu .menu-item-has-children .sub-menu li a{
    padding: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: block;
}
header .menu .menu-item-has-children .sub-menu li a:hover {
    background: #9a9a9a;
}
@media only screen and (min-width: 941px){
    header .menu .menu-item-has-children .sub-menu {
        padding: 10px 25px 25px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
        z-index: 10;
    }
    header .menu .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .menu-header-container .menu>li:hover{
        opacity: 0.7;
    }
}

/* Top*/
.top-section{
    padding-top: 50px;
    padding-bottom: 100px;
    height: calc(100vh - 142px);
    overflow: hidden;
    min-height: 650px;
    display: flex;
    align-items: center;
    position: relative;
}
.top-section:after{
    /*content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, #0F0F10 7.65%, rgba(0, 0, 0, 0.00) 100%);*/
}
.top-section .container{
    position: relative;
}

.page-template-landing-vision .top-section{
    position: relative;
	height: 100vh;
}

.page-template-landing-vision .top-section .container {
	position: static;
}

.top-section__content{
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
	font-size: calc(100vw/1440*19);
	line-height: 168%;
	letter-spacing: -0.01em;
	color: #fff;
}
.top-section__content p {
	margin:0;
}

.top-section h1{
    width: 650px;
    max-width: 58%;
    margin: 0;
}

.page-template-landing-vision .top-section h1 {
	font-size: calc(100vw/1440*64);
	max-width:55%;
	width:auto;
}

.button-top, 
input.wpcf7-submit,
button.wpcf7-submit{
    border: 1px solid rgba(255, 255, 255, 0.33);
    background-color: #EC1528;
    display: block;
	background: #1c1c1c;
	border: 0.5px solid #fff;
    padding: 12px 40px 12px 20px;
    height: 43px;
    text-align: center;
	position:relative;
	color:#fff;
}
.button-top:hover, input.wpcf7-submit:hover{
    /* background: radial-gradient(50% 50% at 50% 50%, #FF5A69 0%, #EC1527 100%); */
}
.button-top:hover, input.wpcf7-submit:hover{
    box-shadow: 4px 4px 8px 0 rgba(255, 76, 36, 0.41);
}

.button-top:after, button.wpcf7-submit:after{
	content:"";
	display:block;
	width:13px;
	height:12px;
	background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.93359 2L14.0003 7.63333L7.93359 13.2667" stroke="white" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M1 7.40086H13.1333" stroke="white" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="bevel"/></svg>') no-repeat center center;
	background-size: contain;
	position:absolute;
	top:50%;
	transform:translateY(-40%);
	right:16px;
}
.social-box {
	padding:1px 0;
	margin-left:10px;
	gap:10px;
}
.social-item{
    width: 40px;
    height: 40px;
    border: 0.5px solid rgba(255,255,255,1);
    position: relative;
    z-index: 2;
    border-radius: 100%;
    background: #1C1C1C;
}

.social-item svg{
	width:20px;
	height:20px;
}

.social-item:hover{
    border-color: #2D2D2D;
}
.top-section-img{
    position: absolute;
    top: -500px;
    left: 340px;
    width: 1175px;
    height: auto;
    transform: rotate(27deg);
    justify-content: space-between;
}
.top-section-img .items-wrap{
    width: calc(100% / 3 - 6px);
}

.top-section .right-image {
	position: absolute;
	width:auto;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    
}

.top-section .right-image img {
	height:100%;
	width:100%;
	object-fit: cover;
}

.page-template-landing-vision .top-section > .container:before {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: linear-gradient(-90deg, #090a20 0%, #35093e 100%);
	z-index:2;
	opacity: 0.6;
}

.page-template-landing-vision.page-id-2097 .top-section > .container:before {
	width: 60%;
    background: linear-gradient(90deg, #090a20 50%, #120b3300 100%);
    opacity: 1;
}
.page-template-landing-vision.page-id-2097 .top-section > .container:after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:50%;
	top:0;
	left:0;
    background: linear-gradient(180deg, #090a20 0%, #35093e00 100%);
    z-index: 1;
}

.page-template-landing-vision .top-section .left-col{
	position:relative;
	z-index:3;
}

.page-template-landing-vision .top-section .section-logo {
	position:absolute;
	bottom:0;
	width: 100%;
	 z-index: 4;
}

.top-seo-animation {
	position:absolute;
	width:55%;
	height:auto;
	right:0;
	top:50%;
	transform:translateY(-48%);
}

.items-wrap {
    display: flex;
    flex-direction: column;
    user-select: none;
    gap: 10px;
}
.items-wrap:hover .marquee {
    animation-play-state: paused;
}
.items-wrap .items {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    counter-reset: item;
}
.marquee {
  animation: scroll 15s linear infinite;
}
.items-wrap:nth-child(2){
    transform: translate(0, -85px);
  }
@keyframes scroll {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(calc(-100% - 15px));
    }
  }
/* Logo */
@keyframes slide{
    0% {
      transform: translate(0, 0);
    }
  
    100% {
      transform: translate(-100%, 0);
    }
  }
.slide_lines{
    display: flex;
    width: 225%;
    min-width: 3400px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2;
    opacity: 0.6;
}
.slide_lines-img{
    -webkit-animation: slide 60s infinite linear;
    -moz-animation: slide 60s infinite linear;
    animation: slide 60s infinite linear;
    display: flex;
    width: 50%;
    justify-content: space-around;
    align-items: center;
}
.slide_lines-img img{
    height: fit-content;
	max-height: 100px;
	width: auto;
}
.section-logo{
    padding: 80px 0 0px;
}
.logo-title{
    margin-bottom: 20px;
    width: 285px;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: -0.01em;
	color: rgba(255,255,255,0.5);
}

.logo-bg-img{
    position: absolute;
    top: -95px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
    z-index: -1;
}
/* When Section */
.work{
    padding: 40px 0;
}
.slider-box{
    overflow-x: auto;
}
.slider-box::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.work-cards{
    margin-right: -4px;
    overflow: hidden;
}
.slick-slider .slick-list{
    margin: 0 -60px;
}
.work-card {
    border: 1px solid rgba(39, 41, 43, 0.70);
    background-color: #0C0C0C;
    box-shadow: 0px 0px 44px 0px rgba(101, 101, 101, 0.06);
    padding: 36px 36px 20px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s;
    transform: translateY(0);
}
.work-card .logo{
    margin-left: auto;
    height:35px;
    width: 100px;
    max-width: calc(100% - 215px);
}
.work-card a>.logo{
    max-width: none;
    margin: 0;
}
.work-card_text{
    font-size: 18px;
    padding: 30px 0 16px;
    margin-bottom: 16px;
    color: #fff;
    border-bottom: 1px solid #1F2022;
}
.work .registration-avatar{
    margin-right: 9px;
    width: 38px;
    height: 38px;
}
.work-card_name{
    font-size: 18px;
    font-weight: 600;
}
.work-card_position{
    color: rgba(230, 230, 230, 0.55);
    font-size: 12px;
}
.work-card_button{
    justify-content: space-between;
}
.work-card_link{
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 1px;
    border-radius: 26px;
    background: linear-gradient(180deg, #FFFFFF36 0%, #FFFFFF00 100%);
}
.work-card_link-box{
    padding: 5px 10px;
    border-radius: 26px;
    background: #1b1b1b;
}
.work-card_link svg{
    margin-right: 5px;
}
.work-card_link:hover{
    background: linear-gradient(90deg, #FFFFFF36 0%, #FFFFFF00 100%);
}
.work-card.slick-center{
    transform: translateY(-30px);
}
.work-card:not(.slick-center){
    opacity: 0.23;
}
.slick-arrow{
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(100% / 3 - 60px);
    z-index: 2;
    border: none;
    cursor: pointer;
    font-size: 0;
}
.slick-arrow:hover:before{
    opacity: 1;
}
.slick-arrow:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='33' viewBox='0 0 20 33' fill='none'%3E%3Ccircle cx='16.5' cy='29.5' r='3.5' transform='rotate(180 16.5 29.5)' fill='white'/%3E%3Ccircle cx='16.5' cy='16.5' r='3.5' transform='rotate(180 16.5 16.5)' fill='white'/%3E%3Ccircle cx='16.5' cy='3.5' r='3.5' transform='rotate(180 16.5 3.5)' fill='white'/%3E%3Ccircle cx='3.50004' cy='16.5' r='3.5' transform='rotate(180 3.50004 16.5)' fill='white'/%3E%3C/svg%3E");;
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translate(0, -50%);
    opacity: 0;
}
.slick-next:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='33' viewBox='0 0 20 33' fill='none'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='white'/%3E%3Ccircle cx='3.5' cy='16.5' r='3.5' fill='white'/%3E%3Ccircle cx='3.5' cy='29.5' r='3.5' fill='white'/%3E%3Ccircle cx='16.5' cy='16.5' r='3.5' fill='white'/%3E%3C/svg%3E");
}
.slick-next {
    right: 0px;
    background: linear-gradient(180deg, #0E0E0E 0%, #fff0 200px);
}
.slick-next:before {
    left: auto;
    right: 100px;
}
.slick-prev {
    left: 0px;
    background: linear-gradient(90deg, #0E0E0E 0%, #fff0 200px);
}
.work-logo{
    padding-top: 20px;
    align-items: center;
} 
.work-logo-item{
    width: 20%;
}
.work-logo .logo-img{
    height: 100px;
    width: auto;
    object-fit: contain;
    margin: 0 auto 30px;
    display: block;
}
.work-logo .logo-img:not(.active){
    opacity: 0.6;
    cursor: pointer;
}
.work-logo .logo-img.active{
    pointer-events: none;
}
.count-slide{
    font-size: 12px;
    display: flex;
    align-items: center;
}
.count-slide span{
    color: #FF5A69;
}
.count-slide svg{
    margin: 0 4px;
}

/* For Whom */
.featured-work{
    padding: 45px 0 30px;
}
.projects-box{
    margin: 0 -14px;
}
.page-seo-and-development .featured-work .project-item:nth-child(n + 5),
.featured-work .project-item:nth-child(n + 7){
    display: none;
}

.page-seo-and-development .projects-box.open .project-item,
.projects-box.open .project-item{
    display: block;
}
.project-item.no-click{
    cursor: default;
    pointer-events: none;
}
.featured-work .project-item:nth-child(2n+2){
    margin-top: 70px;
}
.featured-work .project-item{
    width: calc(100% / 3 - 28px );
    margin: 0 14px 70px;   
}
.featured-work .project-item:nth-child(4n+4), .featured-work .project-item:nth-child(4n+1){
    width: calc(100% / 3 * 2 - 28px );
}
.featured-work .project-item:nth-child(4n+4) img, .featured-work .project-item:nth-child(4n+1) img{
    aspect-ratio: 20/12;
}
.featured-work .project-item:nth-child(4n+4) h3, .featured-work .project-item:nth-child(4n+1) h3{
   text-align: center;
}
.featured-work .project-item:nth-child(4n+4)>.grid-flex, .featured-work .project-item:nth-child(4n+1)>.grid-flex{
    justify-content: center;
 }
.project-item{
    display: block;
    position: relative;    
}
.project-item img.main-img{
    border-radius: 4px;
    z-index: 2;
    position: relative;
    transform: scale(1);
    transition: 0.5s;
}
.project-item img{
    aspect-ratio: 16/21;
    object-fit: cover;
}
.project-item .blur-img{
    filter: blur(5px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: 0.3s;
}
.main-img-box{
    border-radius: 4px;
    overflow: hidden;
}
.project-item:hover .blur-img{
    opacity: 1;
}
.main-img-box:hover .main-img{
    transform: scale(1.05);
}
.button-load-more{
    border: 1px solid #fff;
    color: #fff;
    margin: -24px auto 0;
    cursor: pointer;
    transition: 0.3s;
}
.type-item{
    padding: 4px 10px;
    font-size: 14px;
    background-color: #212121;
    margin: 10px 17px 0 0;
}
.project-item h3{
    margin: 13px 0 0;
    font-size: 32px;
    letter-spacing: -1.12px;
}

/* Collaboration */
.collaboration{
    padding: 50px 0 40px;
}
.collaboration h2{
    text-align: left;
}
.collaboration-box{
    padding: 34px 30px 30px;
    background-color: #151515;   
}
.collaboration-graph-box{
    margin-bottom: 5px;
}
.graph-box-overflow{
    overflow: auto;
    padding: 15px 0;
}
.graph-box-overflow::-webkit-scrollbar {
    height: 2px;
}
   
.graph-box-overflow::-webkit-scrollbar-track {
    background-color: #333333;
}
   
.graph-box-overflow::-webkit-scrollbar-thumb {
    background-color: #D50517;
}
.graph-box{
    position: relative;
    justify-content: flex-end;
    flex-wrap: nowrap;
    min-width: 900px;
}
.graph-box::after{
    content: '';
    position: absolute;
    width: calc(9% - 5px);
    height: 2px;
    left: 0;
    top: 134px;
    background: radial-gradient(50% 50% at 50% 50%, #D6D6D6 0%, rgba(214, 214, 214, 0.00) 100%);
}
.dot-item{
    position: relative;
    width: 13%;
}
.dots-stage{
    height: 134px;
}
.dots-line{
    position: absolute;
    left: 0;
    height: 2px;
    width: calc(100% - 10px);
    background: radial-gradient(50% 50% at 50% 50%, #D6D6D6 0%, rgba(214, 214, 214, 0.00) 100%);
}
.dots-stage .dots-line{
    bottom: 0;
}
.dots-choose .dots-line{
    top: 33px;
}
.dots-stage-meta{
    position: relative;
    left: -50%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF82;
    margin-bottom: 6px;
}
.dots-stage-title{
    color: #fff;
    position: relative;
    text-align: center;
    left: -50%;
    margin-left: -56px;
    margin-right: -56px;
}
.dots-stage::after, .dots-choose:after{
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border: 2px solid #d6d6d6;
    left: 0;
    bottom: -12px;
    z-index: 5;
    transform: translate(-50%, 0);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #FF5A69 0%, #EC1527 100%), #D50517;
    box-shadow: 2px 4px 14px 0px #FF48488A;
}
.dots-stage::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='50' viewBox='0 0 2 50' fill='none'%3E%3Cpath d='M1 0V50' stroke='url(%23paint0_linear_268_2750)' stroke-dasharray='4 4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_268_2750' x1='1.5' y1='0' x2='1.5' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D50517'/%3E%3Cstop offset='1' stop-color='%23D50517' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    bottom: 10px;
    left: 0;
}
.dots-choose{
    margin-top: 100px;
}
.dots-choose:after{
    background: radial-gradient(50% 50% at 50% 50%, #9A9A9A 0%, #141414 100%), #FFF;
    top: 24px;
    box-shadow: none;
}
.dots-choose::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='50' viewBox='0 0 2 50' fill='none'%3E%3Cpath d='M1 0V50' stroke='url(%23paint0_linear_268_2752)' stroke-dasharray='4 4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_268_2752' x1='4' y1='54' x2='3.5' y2='-4.09607e-06' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
   position: absolute;
   top: 50px;
   left: 0;
   transform: translate(-50%, 0);
}
.dots-choose-meta{
    left: -50%;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF66;
    height: 12px;
    margin-bottom: 6px;
    letter-spacing: -0.18px;
}
.dots-choose-points{
    padding: 0;
    margin: 100px 0 0;
    position: relative;
    left: 0;
    list-style: none;
}
.dots-choose-points li{
    color: #FFFFFF99;
    margin-top: 12px;
    padding-right: 18px;
    font-size: 16px;
    letter-spacing: -0.24px;
    transition: 0.3s;
}
.dots-choose-points li.active{
    color: #D50517;
}
.collaboration h3{
    text-align: center;
    margin-bottom: 24px;
}
.choose-box{
    display: flex;
    /*width: 250%;
    min-width: 2000px;*/
    white-space: nowrap;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
	gap:30px;
}
.choose-item_lines{
    -webkit-animation: slide 60s infinite linear;
    -moz-animation: slide 60s infinite linear;
    animation: slide 60s infinite linear;
    display: flex;
    /*width: 50%;*/
    justify-content: space-around;
    align-items: center;
	gap:30px;
	flex-wrap:nowrap;
}
.choose-bottom .choose-item_lines{
    animation-direction: reverse;
}
.choose-box:hover .choose-item_lines {
    animation-play-state: paused;
  }
.choose-item {
    width: fit-content;
    cursor: pointer;
    display: flex;
    position: relative;
}
.choose-item:hover:before{
    position: absolute;
    width: 100%;
    border-bottom: 1px dashed #fff;
    left: 0;
    bottom: -3px;
}
.choose-item:hover .choose-item-title{
    color: #ffffffcc;
    text-shadow: 0px 0px 5px #ffffffcc;
    transition: 0.3s;
}
.choose-item .choose-item-title{
    color: #ffffff4d;
    margin: 0 0 0 10px;
}
.collaboration-choose-box{
    width: calc(66% - 5px);
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    transition-delay: 0.5s;
}
.collaboration-choose-box h2{
    margin-bottom: 40px;
    position: relative;
    z-index: 6;
}
.collaboration-choose-box:before, .collaboration-choose-box::after{
    content:'';
    position: absolute;
    width: 90px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 5;
    background: linear-gradient(270deg, #1F1F1F 0%, rgba(31, 31, 31, 0.00) 97.34%);
}
.collaboration-choose-box::after{
    left: 0;
    background: linear-gradient(90deg, #1F1F1F 0%, rgba(31, 31, 31, 0.00) 97.34%);
}
.collaboration-cms-box{
    width: 34%;
    transition-delay: 1s;
}
.collaboration-cms-box h2{
    text-align: center;
    margin-bottom: 50px;
}
.cms-box {
    justify-content: center;
    text-align: center;
}
.cms-item{
    margin: 0 25px;
}
.cms-item .svg{
    height: 50px;
    width: auto;
    max-width: 60px;
}
.cms-item p{
    opacity: 0.5;
    font-size: 16px;
}

/* Registration */
.registration{
    padding: 40px 0 100px;
}
.registration .logo-bg-img{
    bottom: -260px;
    top: auto;
}
.registration h2{
    margin: 0;
}
.registration .container{
    max-width: 1100px;
}
.registration .price-box{
    padding: 40px;
    background-color: #181818;
    justify-content: space-between;
}
.registration-left{
    width: calc(60% - 12px);
    max-width: 500px;
}
.registration-right{
    color: #fff;
    max-width: 368px;
    width: calc(40% - 12px);
    justify-content: space-between;
    flex-direction: column;
}
.registration-subtitle{
    margin-bottom: 17px;
    color: #fff;
}
.registration-form-text{
    margin-bottom: 35px;
}
.registration  .title-right{
    font-size: 16px;
    margin-bottom: 24px;
}
.registration-avatar{
    border-radius: 50%;
    width: 44px;
    height: 44px;
    object-fit: cover;
}
.manager-name{
    margin: 10px 0;
    color: #fff;
}
.manager-contact{
    margin: 20px auto 50px;
    text-align: center;
    max-width: 520px;
}
.manager-email{
    color: #FF4656;
}
.manager-email:hover{
    text-decoration: underline;
}
.manager-social .social-item:first-child{
    margin: 0;
}
.manager-social{
    margin-top: 20px;
    align-items: center;
	gap:10px;
}
.wpcf7-form>p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}
.wpcf7-spinner{
    position: absolute;
}
.wpcf7-form-control-wrap{
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF36 0%, #FFFFFF00 100%);
    margin-bottom: 20px;
    padding: 1px;
}
.wpcf7-form-control-wrap.no-valid{
    background: linear-gradient(180deg, #FF4656 0%, #FFFFFF00 100%);
}
.wpcf7-form-control-wrap.valid{
    background: linear-gradient(180deg, #B8E45D 0%, #FFFFFF00 100%);
}
.wpcf7-not-valid-tip{
    font-size: 12px;
    position: absolute;
    bottom: 16px;
    right: 20px;
    color: #525252;
}
.wpcf7 form .wpcf7-response-output{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border: none;
    margin: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.wpcf7 form .wpcf7-response-output:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='115' height='115' viewBox='0 0 115 115' fill='none'%3E%3Cg clip-path='url(%23clip0_604_10562)'%3E%3Cg filter='url(%23filter0_d_604_10562)'%3E%3Cpath d='M47.375 17L17 57.5H47.375L27.125 98L98 47.375H57.5L87.875 17H47.375Z' fill='%23B8E45D'/%3E%3Cpath d='M47.375 17L17 57.5H47.375L27.125 98L98 47.375H57.5L87.875 17H47.375Z' fill='url(%23paint0_radial_604_10562)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_604_10562' x='5' y='7' width='109' height='109' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2' dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.721569 0 0 0 0 0.894118 0 0 0 0 0.364706 0 0 0 0.69 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_604_10562'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_604_10562' result='shape'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_604_10562' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(57.5 57.5) rotate(90) scale(40.5)'%3E%3Cstop stop-color='%23EAFFBD'/%3E%3Cstop offset='1' stop-color='%23B8E45D'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_604_10562'%3E%3Crect width='115' height='115' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
[data-status="sent"]{
    height: 517px;
    position: relative;
}
.wpcf7 form.invalid .wpcf7-response-output, [data-status="sent"]>*:not(.wpcf7-response-output){
    display: none;
}
/* Footer */
.footer{
    padding: 50px 0 36px;
    background-color: #000;
}
.footer_logo .svg{
    width: 104px;
    height: auto;
}
.grid-item-social{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 28%;
}
.grid-item-menu{
    width: 23%;
}
.grid-item-adress{
    width: 26%;
}
.footer-content-box{
    padding: 4px 0 70px;
}
.footer-column__title{
    color: #fff;
    margin-bottom: 12px;
}
.footer-column-content ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-column-content ul a, .footer-column-adress{
    color: #FFFFFF80;
    font-size: 16px;
    letter-spacing: -0.64px;
}
.footer-column-content ul a:hover{
    color: #FFF;
}
.footer-column-adress ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footer-column-adress ul li:not(:last-child){
	margin-bottom:10px;
}
	
.footer-column-content ul li:not(:last-child){
    margin-bottom: 6px;
}
.footer .copyright{
    padding-top: 29px;
    border-top: 1px solid #FFFFFF33;
    color: #ffffff80;
    font-size: 12px;
}

.page-seo-and-development .top-section h1,
.page-seo-and-development .registration .h1{
    font-size: 75px;
}

.page-seo-and-development .collaboration .choose-box_wrap {
	display:flex;
	gap:16px 0;
}

.page-seo-and-development .collaboration .choose-box {
	white-space: wrap;
	padding:0 10px;
	flex:1;
	margin-bottom:0;
}

.page-seo-and-development .collaboration .choose-item_lines {
	animation: unset;	
	gap: 16px;
    flex-wrap: nowrap;
    animation: unset;
    flex-direction: column;
    align-items: start;
}

.page-seo-and-development .collaboration .choose-item_lines:not(:first-child) {
	display:none;
}


.page-seo-and-development .footer-content-box{
	gap:30px;
	justify-content:space-between;	
	padding-top:30px;
	padding-bottom: 14px;
}


.page-seo-and-development .footer .grid-item-adress,
.page-seo-and-development .footer .grid-item-social {
	width:auto;
}

.page-seo-and-development .footer .socials {
	font-size: 0.8em;
    line-height: 0.8em;
}

.page-seo-and-development .footer .socials a {
	margin:0 10px;
	display:inline-block;
	transform: translateY(-17%);
}

.page-seo-and-development .footer .copyright {
	padding-top: 5px;
	border-top:none;
}

.modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1000;
    overflow: auto;
}

.modal.open {
    opacity: 1;
    visibility: visible;
}

.modal__close {
    box-sizing: content-box;
    width: 45px;
    height: 45px;
    background: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.1144 20.7591C20.9961 20.8774 20.8358 20.9438 20.6686 20.9438C20.5014 20.9438 20.341 20.8774 20.2228 20.7591L10.8613 11.3977L1.49985 20.7591C1.38162 20.8774 1.22127 20.9438 1.05406 20.9438C0.886863 20.9438 0.726508 20.8774 0.608279 20.7591C0.49005 20.6409 0.42363 20.4806 0.423629 20.3134C0.423628 20.1462 0.49005 19.9858 0.60828 19.8676L9.96976 10.5061L0.608279 1.14462C0.49005 1.02639 0.423629 0.866036 0.423629 0.698834C0.423629 0.531632 0.49005 0.371278 0.608279 0.253049C0.726509 0.134819 0.886863 0.0683986 1.05406 0.0683983C1.22127 0.068398 1.38162 0.134819 1.49985 0.253049L10.8613 9.61453L20.2228 0.253049C20.341 0.134819 20.5014 0.068398 20.6686 0.0683983C20.8358 0.0683986 20.9961 0.134819 21.1144 0.253049C21.2326 0.371278 21.299 0.531632 21.299 0.698834C21.299 0.866036 21.2326 1.02639 21.1144 1.14462L11.7529 10.5061L21.1144 19.8676C21.2326 19.9858 21.299 20.1462 21.299 20.3134C21.299 20.4806 21.2326 20.6409 21.1144 20.7591Z" fill="white"/></svg>') no-repeat center center;
    border: 1px solid #fff;
    cursor: pointer;
    transition: opacity 0.3s;
	position:absolute;
	top:30px;
	right:30px;
}

#popup .modal__content {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding:0;
    max-width: 1000px;
}

.modal .registration-subtitle {
	max-width: 300px;
    font-weight: 700;
}

/* Mobile */
@media only screen and (max-width: 1700px){
    .top-section-img {
        top: -276px;
        left: 342px;
        width: 990px;
    }
}
@media only screen and (max-width: 1350px){
    .top-section {
        max-height: 650px;
    }
	.page-template-landing-vision .top-section {
		max-height: unset;
	}
    .top-section-img {
        top: -195px;
        left: 459px;
        width: 700px;
    }
    .dots-stage-title{
        font-size: 18px!important;
        margin-left: -30px;
        margin-right: -30px;
    }
    .collaboration-choose-box{
        width: calc(60% - 5px);
    }
    .collaboration-cms-box{
        width: 40%;
    }
}
@media only screen and (max-width: 1150px){
    h1, .h1 {
        font-size: 75px;
    }
    .grid-item-3 {
        width: calc(100% / 3 - 12px);
        margin-left: 6px;
        margin-right: 6px;
    }
    .top-section {
        max-height: 550px;
    }
    .top-section-img {
        left: 400px;
        width: 620px;
    }
    .work-logo{
        margin: 0 0 10px;
    }
    .work-logo .logo-img{
        height: 80px;
        margin: 0 auto 20px;
    }
    .projects-box {
        margin: 0 -8px;
    }
    .graph-box::after {
        top: 110px;
    }
    .dots-choose {
        margin-top: 77px;
    }
    .dots-stage {
        height: 110px;
    }
    .dots-stage-meta {
        font-size: 11px;
    }
    .dots-stage-meta, .dots-stage-title{
        position: relative;
        text-align: left;
        left: 0;
        margin: 0;
    }
    .dot-item{
        width: 14%;
    }
    .dots-choose::before {
        top: 40px;
    }
    .dots-choose-points {
        margin-top: 84px;
    }
    .dots-choose-points li {
        font-size: 14px;
        margin-top: 8px;
    }
    .featured-work .project-item{
        width: calc(100% / 3 - 16px );
        margin: 0 8px 16px;
    }
    .featured-work .project-item:nth-child(3n+2) {
        margin-top: 50px;
    }
    .registration .price-box {
        padding: 40px;
    }
    .footer-content-box{
        padding: 0 0 24px;
    }
    .footer_logo{
        margin-bottom: 44px;
    }
    .grid-item-social{
        order: 2;
        width: 100%;
        margin-top: 30px;
    }
    .grid-item-adress, .grid-item-menu{
        width: calc(100% / 3);
    }
    .collaboration-choose-box, .collaboration-cms-box{
        width: 100%;
        margin-bottom: 5px;
    }
    .collaboration-graph-box{
        padding: 0;
        background-color: #fff0;
    }
	#popup .modal__content {
		max-width: 90%;
	}
}
@media only screen and (max-width: 940px){
    .container{
        padding: 0 15px;
		max-width:unset;
    }
	.page-seo-and-development .top-section h1,
	.page-seo-and-development .registration .h1{
		font-size: 64px;
	}
    h2, .title-h2 {
        font-size: 44px;
    }
    h3, .project-item h3 {
        font-size: 28px;
    }
    .button-header:not(.mob-button){
        display: none;
    }
    .site-header {
        padding: 15px 0;
    }
    
	/*.header-menu-icon{
        display: flex;
    }
	*/
    .main-navigation{
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(100% - 3px);
        padding: 45px 0;
        background-color: #0E0E0E;
        z-index: 10;
        transition: 0.2s;
        transform: translateX(-100%);
        display: flex;
        flex-direction: column;
        height: calc(100vh - 72px);
        justify-content: space-between;
        overflow: auto;
    }
    .menu-header-container .menu{
        display: block;
    }
    .menu-header-container .menu li{
        position: relative;
        padding: 15px 35px 15px 25px;
    }
    .menu-header-container .menu li a {
        font-weight: 500;
        font-size: 24px;
    }
    .menu-header-container .menu>li.menu-item-has-children>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M11 0.749992L6 5.12498L1 0.749992' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E");
        display: block;
        position: absolute;
        right: 25px;
        top: 10px;
        width: 13px;
        height: 35px;
        transform: rotate(-90deg);
        transition: 0.3s;
        opacity: 1;
    }
    .menu-header-container .menu>li.menu-item-has-children.active > a:after {
        transform: rotate(0);
    }
    .menu-header-container .menu li.menu-item-has-children .sub-menu {
        transition: all 0.3s;
        height: 0;
        padding-left: 10px;
        width: 100%;
    }
    .menu-header-container .menu li.menu-item-has-children.active .sub-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        height: auto;
    }
    .menu-header-container .menu li.menu-item-has-children.active .sub-menu li {
        margin-bottom: 10px;
        margin-right: -20px;
        border-bottom: 1px solid #c4c4c4;
    }
    .menu-header-container .menu li.menu-item-has-children.active .sub-menu li a {
        font-size: 18px;
    }
    .site.open-menu .main-navigation{
        transform: translateX(0);
    }
    .grid-item-3 {
        width: calc(100% / 2 - 12px);
    }
    .work-cards{
        margin: 0 20px;
    }
    .slick-slider .slick-list{
        margin: 0;
    }
    .slick-arrow{
        width: 60px;
    }
    .slick-arrow:before{
        left: 10px;
    }
    .slick-next:before {
        left: auto;
        right: 10px;
    }
    .slick-prev {
        left: -15px;
    }
    .slick-next{
        right: -15px;
    }
    .work-logo{
        margin: 0 0 10px;
    }
    .work-logo-item{
        width: 25%;
    }
    .work-logo .logo-img{
        height: 50px;
        margin: 0 auto 10px;
    }
    .advantages-box{
        width: 100%;
    }
    .registration .price-box {
        padding: 20px;
    }
    .footer-column-content ul a, .footer-column-adress {
        font-size: 14px;
    }
	
    [data-status="sent"]{
        height: 480px;
    }
	.modal__close {
		width: 32px;
		height: 32px;
		top: 15px;
		right: 15px;
	}
}
@media only screen and (max-width: 670px){
    html {
        font-size: 14px;
    }
    h1, h2, h3, h4, h5, h6{
        margin: 0 0 24px;
    }
    h1, .h1 {
        font-size: 48px;
		font-weight:500;
    }
	.page-template-landing-vision .top-section h1 {
		font-size: 48px;
		max-width:100%;
	}
    h2, .h2 {
        font-size: 36px;
    }
    h3, .project-item h3 {
        font-size: 24px;
    }
    h4, .h4{
        font-size: 20px; 
    }
    p {
        margin: 8px 0;
    }
    .logo-title{
        font-size: 12px;
		line-height:150%;	
        margin-bottom: 4px;
    }
    .grid-item-2{
        width: 100%;
        margin: 0 6px;
    }
    .top-section{
        padding-top: 0;
        padding-bottom: 16px;
        min-height: auto;
        max-height: none;
        height: auto;
    }
	
	.page-template-landing-vision .top-section {
		padding:0 0 120px;
		display:flex;
		align-items:end;
	}
	
	.page-template-landing-vision .top-section > .container{
		margin:unset;
		margin-bottom:50px;
	}
	
	.page-template-landing-vision .top-section > .container:before {
		background: linear-gradient(0deg, #090a20 0%, #35093e 100%);
	}
	.page-template-landing-vision.page-id-2097 .top-section > .container:before {
		background: linear-gradient(0deg, #090a20dd 0%, #35093e00 100%);
		opacity: 1;
		width: 100%;
		height: 50%;
		top: unset;
		bottom: 0;
	}
	
	.top-section .right-image {
		width: 105%;
		height: 105%;
		right: -20%;
		top: -20%;
	}
	
	.page-id-2097 .top-section .right-image {
		width: 1200px;
		height: 140%;
		right: -45vh;
		top: -32%;
	}
	
	.page-id-2097 .top-section .right-image img{
		object-position:right;
	}

	
    .top-section__content{
        width: auto;
        max-width: 100%;
        margin-bottom: 24px;
		font-size:16px;
    }
    .top-section h1{
        max-width: 100%;
        margin-top: 30px;
    }
    .top-section-animation-box{
        width: 100%;
        overflow: hidden;
        height: 286px;
    }
    .top-section-img{
        position: relative;
        left: 101px;
        width: 400px;
        top: -116px;    
    }
	
	.top-seo-animation {
		position:static;
		width:100%;
		transform: unset;
		max-width: 400px;
		margin: 0 auto;
	}
	
	.page-seo-and-development .collaboration .choose-box_wrap {
		padding: 0 30px;
		flex-wrap: wrap;
	}
    .social-box{
        width: 100%;
        margin-top: 24px;
    }
    .section-logo{
        padding-top: 10px;
		padding-bottom:30px;
    }
	.slide_lines {
		min-width: 2000px;
	}
	.slide_lines-img img {
		max-height: 50px;
	}
    .work{
        padding: 16px 0;
    }
    .work-card{
        padding: 10px 16px;
    }
    .work-card_text{
        font-size: 14px;
    }
    .slick-prev {
        left: -36px;
    }
    .slick-next {
        right: -36px;
    }
    .work-logo {
        margin: 0 0 10px;
    }
    .work-logo-item{
        width: calc(100% / 3);
    }
    .work-logo .logo-img {
        margin: 0 auto 10px;
    }
    .featured-work {
        padding: 25px 0 20px;
    }
    .featured-work .project-item{
        width: fit-content!important;
        max-width: 400px;
        margin: 0 auto 30px!important;
        top: 0px!important;
    }
    .button-load-more {
        margin: 24px auto 0;
    }

    .projects-box.open .project-item{
        display: block!important;
    }
    .featured-work .project-item:nth-child(n + 4) {
        display: none;
    }  
    .choose-box {
        min-width: 1600px;
        margin-bottom: 20px;
    } 
    .graph-box{
        margin: 0 0 25px;
    } 
    .collaboration{
        padding: 20px 0;
    }
    .collaboration>.container>.grid-flex{
        margin-left: -15px;
        margin-right: -15px;
    }
    .collaboration h3{
        display: none;
    }
    .cms-item .svg {
        height: 50px;
    }
    .registration{
        padding: 20px 0;
    }
    .collaboration-choose-box h2, .collaboration h2{
        text-align: center;
        margin-bottom: 20px;
    }
    .collaboration-box{
        padding: 24px 0;
    }

	.modal .registration-subtitle {
		margin-bottom: 10px;
	}

	.registration-form-text {
		margin-bottom: 20px;
	}
	
    .registration-left, .registration-right{
        margin: 0 0 24px;
        width: 100%;
        max-width: 500px;
    } 
    .registration-right>svg{
        margin-bottom: 20px;
    }
	
	#popup .registration-right{
		order:1;
		margin-bottom: 10px;
	}
	
	#popup .registration-right>svg{
        display:none;
    }
	
    .registration .price-box{
        padding: 50px 16px 16px;
        justify-content: center;
    }

    .footer {
        padding: 30px 0;
    }
    .footer .copyright{
        text-align: center;
        padding-top: 16px;
    }
    .grid-item-social .socials, .footer_logo{
        text-align: center;
    }
    .grid-item-menu {
        width: 50%;
    }
    .grid-item-adress{
        width: 100%;
        margin-top: 37px
    }
    .footer-column-content{
        padding-right: 20px;
    }
    .footer-column-content ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    [data-status="sent"]{
        height: 460px;
    }
	
	.page-seo-and-development .footer-content-box{
		padding-top:0;
	}
	.page-seo-and-development .footer .copyright {
		text-align:left;
	}
	.manager-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.wpcf7-form-control-wrap {
		margin-bottom:15px;
	}
	
	input:not(.wpcf7-submit), textarea {
		padding:10px 15px;
	}
}
@media only screen and (max-width: 470px){
    .top-section-img{
        left: -113px;
    }
    .work-logo-item{
        width: 50%;
    }
    .work-card .logo {
        width: 100%;
        margin-top: 15px;
        max-width: 100%;
        object-position: left;
        max-height: 30px;
    }
}