/* Reset style css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, button, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, 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, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
html, body {
	height: 100%;	
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

::placeholder {
	color: rgba(0, 0, 0, 0.3);
}
*,*:focus,*:hover{
    outline:none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
strong, b {
	font-weight: 600;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
	max-width: 100%;
}
a {
	text-decoration: underline;
}
a, button {
	text-decoration: none;	
	color: #3482FF;
	cursor: pointer;
}
a, button, .logo strong, .menu::before, .menu::after, .big-checkbox, .qai h3, .close-window::before, a i, .button::before,  .blockquote-items-mini ul li a span, .bi-bottom a::before, .product-item-v1::before, .product-item::before, .swi-ar-next, .swi-ar-prev, .bi-4 h2, .showreel-items picture::after, .lw-list li strong, .showreel-items picture img, .showreel-items picture video, .fe-bottom button::before, button i, .form-elemet textarea, .form-elemet input, .fb-button::after, .work-left .open-new-window::after, .wl-ar-next, .wl-ar-prev, .fb-menu-button i::after, .fb-menu-button strong, a.fb-menu-links i::after, .up::before, a.fb-menu-links strong, .bb-left strong, .video-item .cases::before, .product-step strong, .open-new-window::after, .blockquote-items .fb-mail::after, .ul-hor li a span, .fb-big-button i::after  {
	transition: all 250ms linear;	
}
button:active, button:focus {
	outline: none !important;
}
button::-moz-focus-inner {
	border: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 100;
}
input:focus, textarea:focus, select:focus{
	outline: none;
}
input, textarea, select {
	outline: none;
	border-radius: 0;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
header, main, footer, section, div, a, button, li, blockquote {
	-moz-box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
}
input, textarea {
	-moz-box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
	box-shadow: none!important;
	resize: none!important;
	margin: 0px;
	-webkit-appearance: none;
	outline-style: none;
	border-color: transparent;
}
.clear {
	width:100%;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}
.hide {
	display: none!important;
}
.links-blue {
	background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);    	
}
.links-blue:hover {
	color: rgba(52, 130, 255,0.5)!important;
}
.links-white {
	background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255,0.4) 0);
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255,0.4) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255,0.4) 0);
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255,0.4) 0);
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255,0.4) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255,0.4) 0);    	
}
.links-white:hover {
	color: rgba(255, 255, 255,0.5);
}
.links-effects {
	position: relative;
}
.links-effects::before, .inner-header .ht-right .links-effects::before  {
	content:'';
	position: absolute;	
	left: 0;
	bottom: 0;
	width: 0%;
	overflow: hidden;
	height: 0.05vw;
	background: rgba(255,255,255,0.5);
	transition: all 0.5s ease;	
}
.inner-header .ht-right .links-effects::before {
	background: rgba(52, 130, 255, 0.5)!important;
}
.links-effects:hover::before {
	width: 100%!important;	
}




/* Site */
:root {
	font-family: 'IBMPlexSans', 'Tahoma','sans-serif';	 
	font-weight: 400;
	background: #fff;
}

body {		
	min-width: 320px;
	font-size: 0.8vw;
	color: #000;
	
	position: relative;
	width: 100%;
	
	overflow: hidden!important;
}


/* Wrapper */
.wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: inherit;
	
	overflow-x: hidden;
	overflow-y: auto;
	
	background: #fff;
	
	z-index: 2;
	
	min-width: 320px;
		
}
.wrappers {
	width: 80%;
	margin: auto;
}

/* Line */
.hor-line {	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;		
	position: absolute;
	z-index: 1;	
}
.hor-line div {
	width: 10%;
	height: 100%;	
	float: left;
	border-left: 0.05vw solid rgba(0, 0, 0, 0.06);
}
.hor-line div:first-child {
	border: none;
}
.white-line.hor-line {
	position: absolute;
}
.white-line div {
	border-left: 0.05vw solid rgba(255, 255, 255, 0.05);
}


/* Header */
.xxl-header {
	background: #001335;
	background: -webkit-linear-gradient(to right, #001335, #4b6cb7);
	background: linear-gradient(to right, #001335, #4b6cb7);

	width: 100%;	
	position: relative;
	overflow: hidden;
	color: #fff;
}
.header-top {
	display: grid;
	grid-template-columns: 40% 60%;
	grid-template-rows: 1fr;  
	grid-template-areas:
    ". .";
	height: 1.5vw;
	width: 100%;
	
	margin: 4vw 0 0 0;
	
	position: relative;
	z-index: 2;
}
.ht-left {
	align-self: center;
    justify-self: left;
}
.ht-right {
	align-self: center;
    justify-self: right;
}
.logo {
	flex-wrap: wrap;
    display: flex;
}
.logo strong, .logo svg {
	display: flex;
}

.logo svg {
	width: 2.92vw;
	height: 1.46vw;
}
.logo path {	
	fill: #0062FF;
}
.logo ellipse {
	fill:#FFB01A;
}
.logo path:nth-child(3) {
	fill:#FFB01A;
}

.inner-header .logo path {	
	fill: #3482FF;
}
.inner-header .logo ellipse {
	fill:#FFB01A;
}
.inner-header .logo path:nth-child(3) {
	fill:#FFB01A;
}


.logo strong {
	font-size: 1.2vw;
	line-height: 1.2vw;
	color: #D9EEFF;
	font-weight: 500;
	margin-left: 0.5vw;
	align-self: center;
}
.logo:hover strong {
	opacity: 0.5;
}
.ht-right a {
	color: #fff;
	opacity: 0.5;
	display: inline-block;
	vertical-align: middle;
}
.ht-right a:hover {
	opacity: 1;
}
.language-es {
	margin-right: 2vw;
}
.language-en {
	margin-right: 1vw;
}

.menu {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.1vw;
	background: none;
	position: relative;
	width: 1.4vw;
	height: 1.4vw;
	line-height: 0.5vw;
	margin-left: 4.5vw;	
}
.menu:hover {
	opacity: 0.5;
}
.menu::before, .menu::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	width: 1.4vw;
	height: 0.1vw;	
}
.menu.open-menu {
	line-height: 0vw;
}
.menu.open-menu::before {
	transform: rotate(45deg);	
	margin-top: -0.02vw;
}
.menu.open-menu::after {
	transform: rotate(-45deg);
	margin-top: -0.2vw;	
}



.header-item {
	margin: 8vw 0 0 0;
	width: 100%;
	position: relative;			
	z-index: 2;
}
.header-item h1 {
	font-size: 1.6vw;
	line-height: 2.4vw;
	width: 60vw;
}
.header-item h1 strong {
	font-weight: normal;
}
.header-item article {
	padding: 2.5vw 0 0 0;
	
}
.header-item article p {
	font-size: 1.0vw;	
	line-height: 2.2vw;
	opacity: 0.5;
}
.header-item article a {
	color: #fff;
}
.header-item article a span {
	display: inline-block;
}
.header-item article a:hover span::before {
	width: 100%;
}

.ico-open-ww {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/open-window.svg) no-repeat;
	background-size: 1.25vw;
	width: 1.25vw;
	height: 1.25vw;
	margin: 0.1vw 0 0 0.5vw;
}

.wemake-team {
	display: grid;
	grid-template-columns: 5.9375vw auto;
	grid-template-rows: 1fr;
	grid-template-areas:
    ". .";	
	position: relative;			
	z-index: 2;
	
	margin: 3.5vw 0  2.6041666666666665vw 0;
}
.wemake-team img {
	width: 5.9375vw;	
}
.wemake-team .wi-inf {
	font-size: 0.83vw;
	line-height: 1.25vw;
	align-self: center;
    justify-self: left;
	padding: 0 0 0 1.56vw;
}
.wemake-team .wi-inf h2, .wemake-team .wi-inf p {
	opacity: 0.5;
}
.wi-inf p {
	padding: 0 0 1vw 0;
}
.wi-inf strong {
	padding: 1vw 0 0 0;
	color: rgba(255, 255, 255, 0.2);	
	display: block;
	font-weight: 400;
}
.wi-inf strong svg {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.3vw;
	height: 1vw;
}
.button-fb-1 {
	background: none;
	color: #fff;
	margin:  1vw 0 0 0;
}
.button-fb-1 span {
	display: inline-block;
	vertical-align: middle;
}
.button-fb-1:hover span::before {
	width: 100%
} 
.button-fb-1:hover i {
	opacity: 0.5;
}
.ico-email {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/email.svg) no-repeat;
	background-size: 1.25vw;
	width: 1.25vw;
	height: 1.25vw;
	margin: 0.1vw 0 0 0.5vw;
}


a.promo-links {
	font-size: 0.9375vw;		
	line-height: 2.825vw;
    height: 3.125vw;
	border: 0.15vw solid rgba(255,176,26, 1);
    padding: 0vw 1.5vw 0vw 1.5vw;
    border-radius: 2.8vw;
    margin-top: 0.5208333333333334vw;
	
    display: inline-block;
}
a.promo-links:hover {	
	background: rgba(255,176,26, 1);
}	
a.promo-links .ico-open-ww {
	margin-top: -0.3vw;
	
}



/* Header slider */
.slider-header {
	margin: -3.125vw 0 6.770833333333333vw 0;
	padding: 4.166666666666667vw 0 0 0;
	position: relative;
	z-index: 3;
}
.slider-header .swiper {
	overflow: hidden;
}
.slider-header .swiper-slide {
	height: auto;
}
.slider-header .swiper {
	width: -moz-calc(100% + 0.5208333333333334vw);
	width: -webkit-calc(100% + 0.5208333333333334vw);
	width: -o-calc(100% + 0.5208333333333334vw);
	width: calc(100% + 0.5208333333333334vw);
	margin-left: -0.2604166666666667vw;
}
.ps-item {
	margin: 0 0.2604166666666667vw 0 0.2604166666666667vw;

	width: -moz-calc(100% - 0.5208333333333334vw);
	width: -webkit-calc(100% - 0.5208333333333334vw);
	width: -o-calc(100% - 0.5208333333333334vw);
	width: calc(100% - 0.5208333333333334vw);
}
.ps-item picture {
	display: block;
	width: 100%;
	height: 8.333333333333334vw;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
	-webkit-mask-image:-webkit-radial-gradient(#fff, #000);
	background: rgba(255,255,255, 0.1);
}
.ps-item a:hover picture img {
	opacity: 0.5;
}
.ps-item picture img {
	-o-object-fit: cover;
    object-fit: cover;
    -webkit-background-size: cover;
    -o-object-position: center;
    object-position: center;
    background-position: center;
    width: 100%;
    min-height: 100%;
    display: block;
	-webkit-transition: all 0.750s;
	-moz-transition: all 0.750s;
	-o-transition: all 0.750s;
	transition: all 0.750s;
}
.ps-item {
	font-size: 0.6770833333333334vw;
	line-height: 0.9375vw;
	display: flex;
    flex-direction: column;
	height: 100%;
}
.ps-item p:nth-child(2) {
	flex: 1 0 auto;
}

.ps-item p {
	margin-top: 0.78125vw;	
}
.ps-item p a {
	display: inline-block;
	color: #fff;
	background: rgba(255,255,255, 0.1);
	padding: 0.2604166666666667vw 0.4166666666666667vw 0.3125vw 0.4166666666666667vw;
	-webkit-border-radius: 0.625vw;
	border-radius: 0.625vw;
}
.ps-item p a:hover {
	background: rgba(255,255,255, 1);
	color: #3482FF;
}

.sh-arrow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;

	position: absolute;
	top: 0;
	right: 0;
}
.sh-arrow svg {
	width: 0.8333333333333334vw;
	height: 0.8333333333333334vw;
}
.sh-button-prev, .sh-button-next {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 2.8645833333333335vw;
	height: 2.8645833333333335vw;
	background: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	transition: all 250ms linear;
}
.sh-button-prev:hover, .sh-button-next:hover {
	background: rgba(255, 255, 255, 0.3);
}
.sh-button-prev {
	margin-right: 1.0416666666666667vw;
}
.sh-button-prev:active {
	transform: translateX(-0.2604166666666667vw);
}
.sh-button-next:active  {
	transform: translateX(0.2604166666666667vw);
}
.sh-arrow  .swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
}
.sh-arrow  .swiper-button-disabled:hover {
	background: rgba(255, 255, 255, 0.1);
}
.sh-arrow  .swiper-button-disabled:active {
	transform: translateX(0);
}



/* Main */
.main {
	position: relative;
	height: auto;
	min-height: 90%;
		
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 

}
.video-item {
	height: 37.5vw;
	margin-top: -3.5vw;
	position: relative;	
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
	
}
.video-item video {
	width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
	height: 37.5vw;
	
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
	
	display: block;

}
.video-item .cases {
	position: absolute;
	bottom: 2.06vw;
	left: 2.06vw;
	height: 4.2vw;	
	width: 4.2vw;
	
	z-index: 4;
}
.video-item .cases::after {
	content: '';
	position: absolute;
	background: url(../img/message.svg) no-repeat center;	
	background-size: 1.25vw;		
	z-index: 2;
	height: 100%;	
	width: 100%;
}
.video-item .cases::before {
	content: '';
	position: absolute;
	width: 3.45vw;
    height: 3.45vw;
    top: 0.39vw;
    left: 0.38vw;
	background: #3482FF;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	z-index: 1;	
}
.video-item .cases:hover::before {
	transform: scale(1.15,1.15);
	-webkit-border-radius: 50%;
	border-radius: 50%;	
}


.logo-wrapper {
	padding: 3.5vw 0 0 0;
	position: relative;
	width: 80%;
	margin: auto;
	
	z-index: 3;
}
.logo-wrapper .swiper-container {
	overflow: inherit!important;
}


.logo-wrapper img {
	display: inline-block;
	vertical-align: middle;
}
.logo-wrapper .swiper-slide {
	margin-right: 4vw;	
}
.lw-1, .lw-1 img  {
	width: 6.25vw;
}
.lw-2, .lw-2 img {
	width: 8.75vw;
}
.lw-3, .lw-3 img {
	width: 7.34375vw;
}
.lw-4, .lw-4 img {
	width: 5.46875vw;
}
.lw-5, .lw-5 img {
	width: 8.802083333333334vw;
}
.lw-6, .lw-6 img {
	width: 9.010416666666666vw;
}



.f-right {
	float: right;
}
.article-text {
	position: relative;	
	width: 20%;
	padding: 2.08vw 3.125vw 0 3.125vw;
	margin: 7.3vw 10% 0 0;			
}
.article-text::before { 
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8.3vw;
	background: #FFFA90;
	z-index: -1;
	-webkit-border-radius: 1.0416666666666667vw;
    border-radius: 1.0416666666666667vw;
}
.article-text i {
	font-size: 5vw;
	line-height: 4vw;
	font-style: normal;
	font-weight: 500;
	margin: 0 0 0 -0.3vw;
}
.article-text p {
	display: block;
	font-size: 1.35vw;	
	line-height: 1.7vw;
	margin-top: -1vw;
}
.article-text p strong {
	font-weight: 600;
}
.article-text p small {
	display: block;
	padding: 1.5vw 0 0 0;
	opacity: 0.5;
	font-size: 0.83vw;
	line-height: 1vw;
	font-style: normal;
}
.text-item {
	margin: 7.3vw 0 0 10%;
	position: relative;
	z-index: 2;
	width: 50%;
}
.text-item h1 {
	font-weight: 700;
	font-size: 2.5vw;
	margin: 0 0 3vw -0.2vw;
}
.text-item h2 {
	font-size: 1.875vw;
	font-weight: 500;
	margin: 6.25vw 0 0 -0.1vw;	
	position: relative;
}
.ar-bottom-rigth {
	display: block;
	background: url(../img/ar-right.svg) no-repeat;
	background-size: 2.35vw 0.83vw;
	width: 2.32vw;
	height: 0.83vw;
	margin:  3.125vw 0 3.125vw 0;		
}
.number {
	display: block;
	width: 3.125vw;
	height: 3.125vw;	
	background: #FFFA90;
	text-align: center;
	font-size: 1.25vw;
	font-weight: 700;
	line-height: 3.125vw;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 0 2.1vw -1.1vw;
}
.text-item p {
	font-size: 1.25vw;
	line-height: 1.97vw;
	margin: 1.5vw 0 0 0;
}


/* Slider */
.step-development {
	position: relative;
	overflow: inherit!important;
	z-index: 2;
	margin: 3.125vw 0 0 0;	
}
.step-development .swiper-slide {	
	margin: 0!important;	
}
.sd-items {
	width: 100%;
	height: 100%;
	position: relative;
}
.sd-items i {
	position: relative;
	font-style: normal;
	font-size: 0.83vw;
	font-weight: 700;
	display: block;
	min-width: 2.6vw;
	height: 2.6vw;
	padding: 0.7vw 0 0 0.7vw;
}
.sd-items i::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-top: 2.6vw solid #FFFA90;
	border-right: 2.6vw  solid transparent;
	z-index: -1;
}
.sd-items p {
	font-size: 0.93vw;
	padding: 0 3.125vw 1.04vw 3.125vw;
}

.left-item {
	margin-left: 20%;
}

.product-step {
	display: block;	
	margin: 4.16vw 0 0 10.1%;
	width: 39.9%;
	position: relative;	
	z-index: 2;
}
.product-step picture {
	display: block;
	width: 100%;
	height: 16.7vw;
	position: relative;
	overflow: hidden;
	margin: 0 0 1.5vw 0;
	-webkit-box-shadow: 0.5vw 0.5vw 0 0 #F2F2F2;
	box-shadow: 0.5vw 0.5vw 0 0 #F2F2F2;
}
.ps-4 picture {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

.product-step picture img {
	display: block;
    object-fit: cover;
    object-position: center;
	width: 100%;
}
.product-step strong {
	display: inline-block;

	font-size: 1vw;
	
	color: #3482FF;
	background: none;
    border: 0.15vw solid #3482FF;
	font-weight: 500;
	
	padding: 0.8vw 1.5vw 0.9vw 1.5vw;
    border-radius: 3vw;
	
}
.product-step:hover strong {	
	color: #fff!important;
	background: #3482FF;		
}
.product-step strong:active {
	transform: translateY(0.1vw);
}

.open-new-window {
	position: absolute;
	bottom: 4.08vw;
	right: 4.08vw;
	z-index: 2;
	
}
.open-new-window::before {
	content: '';
	position: absolute;
	background: url(../img/open-window-black.svg) no-repeat center;
	background-size: 1.27vw;
	width: 2.7vw;
	height: 2.7vw;
	z-index: 1;
	left: 0.1vw;
	top: -0.05vw;
}
.open-new-window::after {
	content: '';
	position: absolute;
	background: #FFFA90;
	width: 2.7vw;
	height: 2.7vw;
	background-size: 2.7vw;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.product-step:hover .open-new-window::after {
	transform: scale(1.15,1.15);
}
.ps-2 {
	margin-left: 20.1%;
}
.ps-3 {
	margin-left: 30.1%;
}
.ps-4 {
	margin-left: 40.1%;
}
.ps-4 picture {
	margin: 0 0 1.05vw 0;	
}
.ps-mt {
	position: absolute;
	left: -20vw;
	top: 5.5vw;
	z-index: 2;
	font-style: normal;
	font-size: 1.25vw;
	font-weight: 600;
	color: #000;
	width: 18vw;
}
.product-item-v1 {
	width: 20%;
	height: 19.83vw;
	color: #000;
	background: #FBFAD3;
	position: relative;
	z-index: 3;
	margin: -7.3vw 0 0 40%;
	padding: 0 2.08vw 2.08vw 2.08vw;
	display: block;
	-webkit-border-radius: 1.0416666666666667vw;
    border-radius: 1.0416666666666667vw;
}
.product-item-v1:hover {
	transition: all 250ms linear!important;
}
.product-item-v1 p {
	font-size: 0.9375vw;
	line-height: 1.45vw;
	font-weight: 500;
	padding-bottom: 1.08vw; 
	position: relative;
	z-index: 2;
}
.product-item-v1 small {
	color: rgba(0, 0, 0, 0.7);
	font-size:  0.625vw;	
	position: relative;	
	z-index: 2;
}
.product-item-v1 small::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../img/open-window-black.svg) no-repeat;
	background-size: 1.25vw;
	width: 1.25vw;
	height: 1.25vw;	
}
.product-item-v1 small i {
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	padding: 0.2vw 0 0 0.3vw;
}
.product-item-v1 picture {
	display: block;
	margin: 0;
	height: 11vw;
	position: relative;
	z-index: 2;
}
.product-item-v1 img {
	position: absolute;
	margin: -2vw 0 0 1vw;
	width: 20.83vw;
	height: 11.56vw;
}
.pi-v2 {
	margin: 0 0 0 60%;
	background: #FFEAC1;
}
.pi-v2 img {
	margin: -3vw 0 0 1vw;
	width: 13.90vw;
	height: 13.54vw;
}
.color-red {
	color: #D85F46;
}
.style-v2 {
	margin: -6vw 0 0 20%;
}
.style-v2 .button-fb-1 {
	color: #000;
	font-weight: 600;
}
.style-v2 .links-effects::before {
	background: rgba(0,0,0,0.5);
}
.style-v2 .ico-email {
	background: url(../img/email-black.svg) no-repeat;
    background-size: 1.25vw;
}

.blockquote-items {
	width: 50%;
	border: 0.52vw solid #F9DFD8;
	padding: 4.16vw 6.16vw 4.16vw 6.16vw;
	margin: 7.3vw 0 0 20%;
	position: relative;
	z-index: 2;	
	-webkit-border-radius: 1.0416666666666667vw;
    border-radius: 1.0416666666666667vw;
}
.blockquote-items i {
	color: #EECDBB;
	font-size: 7.5vw;
	line-height: 4vw;
	font-style: normal;
	display: block;
	margin: 1vw 0 0 -0.4vw;
}
.blockquote-items p {
	font-size: 1.6vw;
	line-height: 2.2vw;
	padding:  0 0 2vw 0;
	font-weight: 500;
}
.blockquote-items p strong {
	font-weight: 700;
}
.blockquote-items .fb-mail {
	position: absolute;
	bottom: 2.08vw;
	right: 2.08vw;
	width: 3.1vw;
    height: 3.1vw;
	background: none;
}
.blockquote-items .fb-mail::before {
	content: '';
    position: absolute;
    background: url(../img/email-black.svg) no-repeat center;
    background-size: 1.25vw;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0.05vw;
    top: 0;
}
.blockquote-items .fb-mail::after {
	content: '';
    position: absolute;
    background: #FFFA90;
    width: 3.1vw;
    height: 3.1vw;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	left: 0;
	top: 0;
}
.blockquote-items .fb-mail:hover::after {
	transform: scale(1.15,1.15);
}
.team-s1 {
	position: absolute;
	z-index: 3;
	bottom: -4vw;
	left: -7vw;
}
.team-s1 img {
	display: block;
	width: 10.57vw;
	height: 24.43vw;
}
.ul-hor {
	margin: 1.5vw 0 0 0;
}
.ul-hor li {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.9375vw;
	margin: 0 3vw 0 0;
	font-weight: 500;
}
.ul-hor li a {
	position: relative;
}
.ul-hor li a span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 0.3vw;
}
.ul-hor li a:hover span {
	color: rgba(52, 130, 255,0.5);
}
.links-telegram::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../img/telegram.svg) no-repeat center;
	background-size: 1.72vw;
	width: 1.72vw;
	height: 1.72vw;
}
.links-viber::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../img/viber.svg) no-repeat center;
	background-size: 1.3vw 1.3vw;
	width: 1.72vw;
	height: 1.72vw;
}

.fb-big-button {
	position: relative;
	z-index: 2;
	width: 50%;
	margin: 9.375vw 0 15.3vw 30%;
	border:  0.52vw solid #FFFA90;
	padding: 2.60vw 0 2.60vw 9.475vw;
	text-align: left;
	background: none;
	
	display: block;

	-webkit-border-radius: 1.0416666666666667vw;
    border-radius: 1.0416666666666667vw;

	
}
.bb-left {
	display: inline-block;
	vertical-align: middle;
  	margin-right: 4vw;
  
}
.bb-left strong {
	font-size: 1.875vw;
	line-height: 2vw;
	display: inline-block;
}
.fb-big-button:hover strong {
	color: #000;
} 
.bb-left small {
	display: block;
	color: #000;
	font-size: 0.665vw;
	margin: 0.5vw 0 0 0;	
}
.fb-big-button i {
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-style: normal;
	position: relative;
	
	width: 4.17vw;
    height: 4.17vw;
}
.fb-big-button i::before {
	content: '';
	position: absolute;
	background: url(../img/plus.svg) no-repeat center;
	background-size: 1.3vw;
	width: 4.17vw;
    height: 4.17vw;
	left: 0;
	top: 0;
	z-index: 1;
}
.fb-big-button i::after {
	content: '';
	position: absolute;
	background: #FFFA90;
    width: 4.17vw;
    height: 4.17vw;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	left: 0;
	top: 0;
}
.fb-big-button:hover i::after {
	transform: scale(1.2,1.2);
}
.client-s1 {
	position: absolute;
	left: -15vw;
    bottom: -13vw;
}
.client-s1 img {
	display: block;
	width:  30.41vw;
	height: 22.8125vw;
	
}
.fb-big-button::before {
	content: '';
	position: absolute;
	top: -3.93vw;
	right: -3.93vw;
	background: url(../img/slogan-circle.svg) no-repeat;
	background-size: 7.86vw;
	width: 7.86vw;
	height: 7.86vw;
	z-index: 3;
	-webkit-animation: rotation 1s linear infinite;
    animation: rotation 10s linear infinite;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.jobs {
	position: relative;
	z-index: 2;
	padding: 0 0 0 10%;
}
.jobs h2 {
	font-size: 2.1875vw;
	line-height: 2.1875vw;
	font-weight: 700;
	margin-bottom: 1.5625vw;
}
.jobs p {
	font-size: 1.15vw;
	line-height: 1.6vw;
	font-weight: 600;
}
.vacancies {
	padding: 4.16vw 0 7.3vw 20%;
	position: relative;
	z-index: 2;
}
.vacancies li {
	margin-bottom: 1.6vw;
	font-size: 0.9375vw;
}
.vacancies li:last-child {
	margin-bottom: 0;
}
.team-s2 {
	position: absolute;
	left: 50%;
    top: 12vw;
}
.team-s2 img {
	display: block;
	width: 14.21875vw;
	height: 23.125vw;
}

/* Inner */
.inner-header {
	background: none!important;
}
.inner-header .slider-header {
	display: none;
}
.inner-header .logo strong {
	color: #000;
}
.inner-header .ht-right a {
	color: #3482FF;
	opacity: 1;
}
.inner-header .menu::before, .inner-header .menu::after {
	background: #000;
}

.work-item {
	padding: 7.3vw 0 7.3vw 0;
	position: relative;
	z-index: 3;
}
.work-item h1 {
	font-size: 3.33vw;
	line-height: 3.33vw;
	font-weight: 500;	
	float: left;
	margin: 0 0 0 9.9%;
		
}
.work-item h1 a {
	font-size: 1.35vw;
	background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);    	
}
.work-item h1 a.links-effects::before {
	background: rgba(52, 130, 255,0.5);
}

.work-item .article-text {
    position: relative;
    width: 20%;
    padding: 2.08vw 3.125vw 0 3.125vw;
    margin: -2vw 30% 0 0;	
}

.work-wrapper {
	display: grid;
	grid-template-columns: 80% 20%;
	grid-template-rows: 1fr;	
	grid-template-areas:
	". .";
	width: 100%;
	height: 40vw;
	
	position: relative;
	z-index: 5;
	
}
.work-wrapper .swiper-slide a {
	cursor: grab;
}
.work-wrapper .swiper-slide a:active {
	cursor: grabbing;
}

.work-left {
	width: 100%;
	background: #F1F7FF;
}
.work-left .swiper-container {
	height: 100%;
}
.wl-ar-wrapper {
	width: 20%;
	position: absolute;
	z-index: 3;
	top: -3vw;
	left: 12.5%;	
}
.wl-ar-next, .wl-ar-prev  {
	display: inline-block;
	vertical-align: middle;
	background-size: 2.34375vw 0.83vw;
	width: 2.34375vw;
	height: 0.83vw;
	cursor: pointer;
}

.wl-ar-next {		
	background: url(../img/ar-next.svg) no-repeat;
	background-size: 2.34375vw 0.83vw;
	margin: 0 0 0 2.08vw;
  
}
.wl-ar-prev {
	background: url(../img/ar-prev.svg) no-repeat;		
  background-size: 2.34375vw 0.83vw;
}
.wl-ar-next:active {
	-webkit-transform: translateX(0.3vw);
    transform: translateX(0.3vw);
}
.wl-ar-prev:active {
	-webkit-transform: translateX(-0.3vw);
    transform: translateX(-0.3vw);
}

.work-left .open-new-window {
	position: absolute;
	left: 12.5%;
	bottom: 4.76vw;
	cursor: pointer;
	/*
	width: 2.8vw;
	height: 2.8vw;
	*/
}
.work-left .open-new-window::before {
	left: 0;
}
.work-left .open-new-window:hover::after {
	transform: scale(1.15,1.15);
}
.work-left a {
	color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
}
.ww-items {
	padding: 6.25vw 0 0 12.5%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer;
}
.ww-items h2 {
	font-size: 1.25vw;
	font-weight: 700;
	margin: 0 0 1vw 0;
	display: inline-block;
}
h2.links-effects::before {
	background: rgba(0,0,0,0.2);	
}
.ww-items p {
	font-size: 0.9375vw;
	padding: 0.5vw 0 0 0;
}
.work-left picture img, .work-left video {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	width: 100%;
	height: 100%;
	
	object-fit: cover;
    object-position: center;
	
}
.work-left video {
	z-index: -1;
}


.work-left .color-white {
	color: #fff;
}


.work-left .color-white h2.links-effects::before {
	background: rgba(255,255,255,0.2);
}


.work-right {
	width: 100%;
	align-self: end;
    justify-self: center;
	position: relative;
	z-index: 3;
	padding: 0 0  3vw 0;
}
.work-right picture {
	display: block;
	
}
.work-right picture img {
	display: block;
	width: 17.70vw;
	height: 16.875vw;	
}
.small-text {
	font-size: 0.72vw;
	width: 14vw;
    padding: 0 0 0 3vw;	
}
.small-text p {
	padding: 1vw 0 0 0;
}
.fb-menu-button {
	background: none;
}
.fb-menu-button {
	font-size: 1.875vw;
	text-align: left;
	display: inline-block;
	margin: 0 0 2vw 3vw;	
	position: relative;
}
.fb-menu-button strong {
	    font-weight: 700;
}
.fb-menu-button:hover strong {
	color: #000;
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
}
.fb-menu-button:hover i::after {
	transform: scale(1.2);
}
.fb-menu-button i {
	position: absolute;
    top: -1vw;
    right: 0vw;
    width: 2.9vw;
    height: 2.9vw;	
}
.fb-menu-button i::before {
	content: '';
    position: absolute;
    background: url(../img/plus.svg) no-repeat center;
    background-size: 1.2vw;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.fb-menu-button i::after {
	content: '';
    position: absolute;
    background: #FFFA90;
    width: 2.9vw;
    height: 2.9vw;
    z-index: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.work-wrapper .fb-big-button {
	display: none;
}


.inner-top-title {
	padding: 8vw 0 8vw 0;
	margin: 0 0 0 10%;
	width: 40%;
	position: relative;
	z-index: 3;
}
.inner-top-title h1 {
	font-size: 1.875vw;
	line-height: 2.5vw;
	font-weight: 500;
	margin-left: -0.1vw;
}

.showreel-items {
	background: none;
	color: #000;
	margin-top:  2vw;
}
.showreel-items, .showreel-items picture, .showreel-items strong {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.showreel-items picture {
	position: relative;	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 1.2vw;
}
.showreel-items picture::before {
	content: '';
	position: absolute;
	background: url(../img/play.svg) no-repeat center;
	background-size: 1.25vw 1.61vw;
	width: 100%;
	height: 100%;	
	z-index: 3;
	left: 0.15vw;
}
.showreel-items picture::after {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	webkit-border-radius: 50%;
	border-radius: 50%;
}
.showreel-items:hover picture::after, .showreel-items:hover picture img {
	transform: scale(1.2,1.2);
}

.showreel-items picture img {
	display: block;
	webkit-border-radius: 50%;
	border-radius: 50%;
	width: 4.6875vw;
	height: 4.6875vw;
}
.showreel-items strong {
	font-weight: 500;
	font-size: 0.9375vw;
}
.showreel-items strong i {
	font-style: normal;
	font-size: 0.83vw;
	font-weight: 400;
	display: block;
}

.black-line {
	background: #001335;
	background: -webkit-linear-gradient(to right, #001335, #4b6cb7);
	background: linear-gradient(to right, #001335, #4b6cb7);

    width: 100%;
    position: relative;    
	z-index:3;
    color: #fff;
	padding: 6.25vw 0 6.25vw 0;
}

.bl-inner {
	width: 40%;
	margin: 0 0 0 20%;
	position: relative;
	z-index: 3;
}

.bl-inner .bli-text p {
	padding: 0.78125vw 0 0.78125vw 0;
	font-size: 1.145vw;
}
.bl-inner .bli-text ul {
	font-size: 1.145vw;	
	margin: 1vw 0 1vw 3vw;
}
.bl-inner .bli-text ul li {
	padding: 0.78125vw 0 0.78125vw 0;
	position: relative;
}
.bl-inner .bli-text ul li::before {
	content: '';
	position: absolute;
	left: -1vw;
	margin-top: 0.6vw;
	background: #3482FF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 0.3125vw;
	height: 0.3125vw;		
}
.bl-inner .bli-text .small {
	opacity: 0.5;
}

.bl-inner a {
	color: #fff;
}
.bl-inner .wemake-team {
	margin-bottom: 0;
}


.hot-task {
	width: 40%;
	margin-left: 30%;
}
.hot-task.left-20 {
	margin-left: 20%;
}
.hot-task .fb-mail::after {
	background: #D85F46;
}
.hot-task .fb-mail::before {
	background: url(../img/email-hot.svg) no-repeat center;
	background-size: 1.71875vw 0.83vw;
	left: -0.1vw;
}
.hot-task .fb-mail i {
	font-style: normal;
	position: absolute;
	font-size: 0.6vw;
	line-height: 0.8vw;
	left: -5.3vw;
	top: 0.8vw;
	margin: 0;
	color: #000;
	text-align: right;
	font-weight: 500;
}

.hot-task .ht-video {
	position: absolute;
	bottom: 6vw;
    right: -12vw;
	
}
.hot-task video {
	width: 13.85vw;
	height: 7.8125vw;	
	z-index: 2;
	position: relative;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}
.hot-task video source {
	display: block;	
}
.hot-task .ht-video::after {
	content: '';
	position: absolute;
	width: 13.85vw;
	height: 7.8125vw;
	background: #F2F2F2;	
	top: 0.8vw;
	left: 0.8vw;
	z-index: 1;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}
.bi-links {
	color: #000;
}

.inner-header-top {
	position: relative;
	z-index: 3;
}

.ts2 {
	left: -10vw;
	bottom: -1vw;
}
.ts2 img {
	width: 12.6vw;
	height: 18.9vw;
}
.p-small {
	opacity: 0.5;
	font-weight: 500;
	display: block;
	font-size: 1.25vw;
    line-height: 1.97vw;
}


.blockquote-items-2 {
	border: 0.52vw solid #FFFA90;
    padding: 2.16vw 4.16vw 3.66vw 4.16vw;
    margin: 7.3vw 0 0 20%;
    position: relative;
    z-index: 2;
	width: 40%;	
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}
.blockquote-items-2 p {
	font-size: 1.25vw;
	line-height: 1.78vw;
	font-weight: 500;
	padding: 1.5vw 0 0 0;
}
.team-s3 {
	position: absolute;
	right: -8vw;
	bottom: -1vw;	
}
.team-s3 img {
	width: 10.5729vw;
	height: 18.02vw;
	display: block;
}
.video-wrapper {
	position: absolute;
	top: -5vw;
	right: -19vw;
	
}
.video-wrapper video {
	width: 13.85vw;
	height: 7.8125vw;
	position: relative;
	z-index: 2;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}
.video-wrapper video source {
	display: block;
}
.video-wrapper::after {
	content: '';
	position: absolute;
	width: 13.85vw;
	height: 7.8125vw;
	background: #F2F2F2;	
	top: 0.8vw;
	left: 0.8vw;
	z-index: 1;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}

.left-item-2 {
	margin-left: 10%;	
	float: left;
	margin-right: 0;
} 
.product-item {
	float: left;
	width: 20%;
	background: #EEFBD7;
	margin: 15.6vw 0 0 0;
	position: relative;	
	z-index: 3;
	padding: 0 2.08vw 2.08vw 2.08vw;
	color: #000;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}

.product-item::before, .product-item-v1::before {
	content: '';
	position: absolute;
	
	width: 0%;
	height: 0%;
	left: -7%;
	bottom: -7%;
	z-index: 1;
	
	background: #FFFA90;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	opacity: 0;
}
.product-item:hover::before, .product-item-v1:hover::before {
	opacity: 1;
	height: 70%;	
	width: 70%;
}
.product-item:hover, .product-item-v1:hover {
	background: none;
}


.product-item picture {
	height:  9.89vw;
	width: 100%;
	position: relative;
	display: block;
	z-index: 2;
}
.work-1 {
	height: 18.64vw;
}
.work-1 img {
	position: absolute;
	width: 14.94vw;
	height: 11.19vw;
	top: -3vw;
    right: -4vw;
}
.product-item p {
	font-size: 0.9375vw;
	font-weight: 500;
	margin: 1vw 0 2vw 0;
	position: relative;
	z-index: 2;
}
.ico-new-window {
	font-style: normal;
	display: block;	
	font-size: 0.7vw;
	color: rgba(0, 0, 0, 0.5);	
	position: relative;
	z-index: 2;
}
.ico-new-window::before {
	content: '';
	display: inline-block;
	vertical-align: bottom;
    background: url(../img/open-window-black.svg) no-repeat;
    background-size: 1.25vw;
    width: 1.25vw;
    height: 1.25vw;
	margin: 0 0.3vw 0 0;
}

.work-2 {
	background: #FDF3D8;
	float: left;
	margin: 0 0 0 50%;
}
.work-2 img {
	position: absolute;
	width: 17.65vw;
	height: 16.51vw;
	top: -7vw;
    right: -4vw;
}
.work-3 {
	margin: 0 0 0 30%;
}
.work-3 img {
	position: absolute;
	width:  12.447vw;
	height: 16.82vw;
	top: -7vw;
	left: 1vw;
   
}

.bi-3 {
	border: 0.52vw solid #CFE2FF;
	margin-top: 6.5vw;
}
.bi-3 strong {
	font-weight: 700;
}
.bi-3 picture {
	position: absolute;
	left: -7.5vw;
	bottom: -2vw;
}
.bi-3 picture img {
	display: block;
	width: 10.41vw;
	height: 20.625vw;
}

.links-wrappers {
	padding: 3.3vw 0 0 30%;
	position: relative;
	z-index: 3;
	
	width: -moz-calc(100% + 30%);
    width: -webkit-calc(100% + 30%);
    width: -o-calc(100% + 30%);
    width: calc(100% + 30%);
}
.lw-list {
	float: left;
	width: 20%;
	margin-top: 4vw;
}
.lw-list h3 {
	font-size: 1.25vw;
	line-height: 1.35vw;
	font-weight: 700;
	display: block;
	padding: 0 0 0.5vw 0;
}
.lw-list li {
	padding: 0.73vw 0 0.73vw 0;
}
.lw-list li:first-child {
	padding-top: 0;
}
.lw-list li p {
	color: #3482FF;
	cursor: help;
	display: inline-block;
}

.lw-list li strong {
	font-size:  0.9375vw;
	line-height: 1.25vw;
	font-weight: normal;
}
.lw-list li picture {
	display: inline-block;	
	width: 2.0833333333333335vw;
	text-align: center;
	margin: 0 0.52vw 0 0;
	
}
.lw-list li img {
	display: inline-block;
	vertical-align: middle;	
	width: 2.0833333333333335vw;
	height: 1.8229166666666667vw;
}

.links-bi {
	color: #000;
}
.bi-4 {
	border: 0.52vw solid #F9DFD8;
	margin-left: 10%;
	padding-top: 3.66vw;
}
.bi-4 h2 {
	display: inline;
	color: #3482FF;
	font-size: 1.35vw;
	line-height: 1.6vw;	
}
.bi-4 picture {
	position: absolute;
	bottom: -3vw;
    right: -21vw;
}
.bi-4 picture img {
	display: block;
	width: 28.125vw;
	height: 21.09375vw;
}

.bi-5 {
    border: 0.52vw solid #D8EBE4;
    margin-left: 20%;
}
.bi-5 .picture-bi-5  {
	position: absolute;
	bottom: -4vw;
    right: -11vw;
}
.bi-5 .picture-bi-5 img {
	display: block;
	width:  13.54vw;
	height: 20.625vw
}

.bi-5 .picture-bi-6 {
	position: absolute;
	left: -7vw;
    bottom: -2vw;
}
.bi-5 .picture-bi-6 img {
	display: block;
	width: 13.177vw;
	height: 7.08vw;
}
.links-wrappers .button {
	margin-top: 3.5vw;
}
.main-bottom {
	padding-bottom: 15.3vw;
	position: relative;
    z-index: 2;
}
.about-bottom {
	position: relative;
    z-index: 2;
}
.main-bottom .fb-big-button {
	margin-bottom: 0;
}

.bi-7 {
	border: 0.52vw solid #CFE2FF;
    margin-left: 20%;
}
picture.picture-bi-7 {
	bottom: -1.2vw;
    right: -11vw;
}
picture.picture-bi-7 img {
	width: 19.63vw;
	height: 19.89vw;
}

.inner-project-slider {
	position: relative;
	margin: 12vw 0 4vw 0;	
	z-index: 3;
}
.inner-project-slider h2 {
	font-size: 1.875vw;
    font-weight: 500;
    margin: 0 0 6.08vw 9.8vw;
    position: relative;
}
.inner-project-slider {
	
}
.inner-project-slider .swiper-slide  {
	width: 40%;
}
.inner-project-slider a {
	color: #000;
}
.inner-project-slider a:hover .open-new-window::after {
	transform: scale(1.15,1.15);
}
.swi-wrapper {
	width: 100%;
	position: relative;
}
.swi-wrapper video {
	width: 100%;
	height: 18.54vw;
	-o-object-fit: cover;
    object-fit: cover;
}
.swi-wrapper p {
	width: 80%;
	font-size: 0.729vw;
	line-height: 0.9375vw;
	padding: 1.5625vw 0 0 2vw;
}
.swi-wrapper .open-new-window {
	top: 2vw;
	right: 4.5vw;
}
.inner-project-slider .wl-ar-wrapper {
    width: 20%;
    position: absolute;
    z-index: 3;
    top: 4.5vw;
    left: 10%;
}
.swi-ar-prev {
    background: url(../img/ar-prev.svg) no-repeat;
    background-size: 2.34375vw 0.83vw;
}
.swi-ar-next {
    background: url(../img/ar-next.svg) no-repeat;
    background-size: 2.34375vw 0.83vw;
    margin: 0 0 0 2.08vw;
}
.swi-ar-next:active {
	-webkit-transform: translateX(0.3vw);
    transform: translateX(0.3vw);
}
.swi-ar-prev:active {
	-webkit-transform: translateX(-0.3vw);
    transform: translateX(-0.3vw);
}
.swi-ar-next, .swi-ar-prev {
    display: inline-block;
    vertical-align: middle;
    background-size: 2.34375vw 0.83vw;
    width: 2.34375vw;
    height: 0.83vw;
    cursor: pointer;
}

.swiper-slide.slide-2::before,  .swiper-slide.slide-6::before, .swiper-slide.slide-7::before, .swiper-slide.slide-8::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.82) 18%, rgba(255,255,255,0) 100%)!important;
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.82) 18%,rgba(255,255,255,0) 100%)!important;
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.82) 18%,rgba(255,255,255,0) 100%)!important;
    opacity: 0.5;
	z-index: 2;
}
.work-wrapper .swiper-slide::before {
	cursor: grab;	
} 
.work-wrapper .swiper-slide:active::before {
	cursor: grabbing;	
} 


.icon-holder {
	display: none;
}

.logo-product {
	display: block;
	margin-bottom: 1.5vw;
}
.logo-product img {
	display: block;
}

.yellow-items .sd-items i::before {
	border-top: 2.6vw solid #FFFA90;
}


.bi-8 {
	border: 0.52vw solid #D8EBE4;
	margin-left: 20%;
	text-align: right;
}
.bi-8 h2 {
	color: #000;
	font-weight: 600;
}
.bi-bottom {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: 1fr;
	grid-template-areas:
	". .";
	margin: 2.5vw 0 0 0;
	position: relative;
	z-index: 4;
}
.bi-bottom i {
	font-style: normal;
	font-size: 0.7291vw;
	align-self: center;
    justify-self: right;
	padding: 0 1vw 0 0;
}
.bi-bottom a {
	display: block;
	position: relative;
	width: 13.5416vw;
	height: 3.125vw;
	line-height: 3.125vw;
	color: #fff;
	background: #07AD5E;
	-webkit-border-radius: 1.563vw;
    border-radius: 1.563vw;
    overflow: hidden;
	text-align: center;
}
.bi-bottom a::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #009C52;
    z-index: 1;
    overflow: hidden;
	-webkit-border-radius: 1.563vw;
    border-radius: 1.563vw;
}
.bi-bottom a:hover::before {
	width: 100%;
}
.bi-bottom a span {
	font-size: 0.9375vw;
	position: relative;
	z-index: 2;
}
.bi-bottom a:active {
	transform: translateY(0.1vw);
}


picture.picture-bi-8 {
	right: auto;
	left: -15vw;
    bottom: -2vw;
}
picture.picture-bi-8 img {
	display: block;
    width: 20.208vw;
    height: 22.55vw;
}
.red {
	color: #D85F46;
}

.seo-promo-wrapper {
	display: grid;
	grid-template-columns: 40% auto;
	grid-template-rows: 1fr;  
	grid-template-areas:
    ". .";
	margin: 4vw 0 0 10%;
	
	position: relative;
	z-index: 3;
}
.seo-promo-wrapper picture {
	align-self: center;
    justify-self: left;	
	width: 100%;
	display: block;
}
.seo-promo-wrapper picture img {
	display: block;
	width: 29.375vw;
	height: 23.02vw;
	margin: auto;
}
.seo-promo-wrapper .spw-items {
	align-self: center;
    justify-self: left;
	width: 60%;
}
.spw-items p {
	font-size: 0.9375vw;
    line-height: 1.2vw;
    margin: 1vw 0 0 0;
}
.spw-items .number  {
	font-size: 1vw;
	line-height: 2.7vw;
	width: 2.7vw;
    height: 2.7vw;
	margin: 2.5vw 0 0 -0.9vw;
}

.color-tilda {
	color: #FFA282;	
}
.color-wix {
	color: #47B3E3;
}
.color-shopify {
	color: #95BF47;
}
.video-product-col-wrapper {
	margin: 3vw 0 0 10%;
	display: grid;
	grid-template-columns: 50% 40%;
	grid-template-rows: 1fr;	
	grid-template-areas:
	". .";
	
	position: relative;
	z-index: 3;
	
	width: -moz-calc(100% - 0%);
    width: -webkit-calc(100% - 0%);
    width: -o-calc(100% - 0%);
    width: calc(100% - 0%);
}

.video-items iframe, .video-items img {
	width: 100%;
	height: 27.60vw;
}

.links-list {
	padding: 0 0 0 25%;
}
.links-list h3 {
	font-size:  0.9375vw;
	font-weight: 500;
	margin: 0 0 1vw 0;
}
.links-list ul {
	font-size:  0.9375vw;
}
.links-list li {
	padding: 1vw 0 0 0;
}

.bot-wrapper {
	margin: 3vw 0 0 10%;
	display: grid;
	grid-template-columns: 20% 20% 60%;
	grid-template-rows: 1fr;	
	grid-template-areas:
	". .";
	
	position: relative;
	z-index: 3;
	
	width: -moz-calc(100% - 0%);
    width: -webkit-calc(100% - 0%);
    width: -o-calc(100% - 0%);
    width: calc(100% - 0%);
}
.bot-wrapper h3 {
	font-size: 0.9375vw;
	margin: 0;	
}
.frame-phone {
	background: url(../img/phone-frame.svg) no-repeat;
	background-size: 17.03125vw 29.427083333333332vw;
	width: 17.03125vw;
	height: 29.427083333333332vw;
	margin: 0 0 0 -1.2vw;	
	position: relative;
	padding: 1.6vw;
}
.fp-video {
	position: relative;	
	overflow: hidden;	
	height: 100%;	
	width: 100%;
}
.fp-video video {
	width: 100%;
	height: 100%;
	
	
}
.bw-item-1 {
	align-self: center;    
}
.bw-item-2 {
	align-self: center;   
}
.bw-item-3 {
	align-self: flex-end;    
	font-size: 0.9375vw;
	width: 50%;
	padding: 0 0 3vw 0;
}
.bw-item-3 h3 {
	font-size: 0.9375vw;
	line-height: 1.4583333333333333vw;
	font-weight: 600;
	margin: 0 0 0 0;
}
.bw-item-3 p {
	padding: 1.5vw 0 0 0;
}
.button {
	display: inline-block;
	position: relative;
    width: 13.5416vw;
    height: 3.125vw;
    line-height: 3.125vw;
    color: #fff;
    background: #07AD5E;
    -webkit-border-radius: 1.563vw;
    border-radius: 1.563vw;
    overflow: hidden;
    text-align: center;
}

.button span {
	font-size: 0.9375vw;
    position: relative;
    z-index: 2;
}
.button::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #009C52;
    z-index: 1;
    overflow: hidden;
	 -webkit-border-radius: 1.563vw;
    border-radius: 1.563vw;
}
.button:hover::before {
	width: 100%;
}
.button:active {
	transform: translateY(0.1vw);
}

.bwi3-bottom {
	padding: 2vw 0 0 0;	
}
.bwi3-bottom .button {
	display: block;
	margin: 2vw 0 0 0;
}


.speed-line {	
	position: relative;	
	margin: 7.3vw 0 0 0;
	opacity: 0.2;    
}
.sl-1, .sl-2 {
	height: 5vw;    
	overflow: hidden;    
	position: relative;
}

.speed-line ul {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;    
    transform: translate(100%, 0);
	font-size: 3.75vw;
}
.speed-line ul li {
	margin: 0 3vw 0 3vw;
	height: 5vw;   	
}
.first-items,  .second-items {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
	position: absolute;
    top: 0;
    right: 0;	
}
.sl-1 .first-items,  .sl-1 .second-items { 
	animation: ticker 30s infinite linear forwards;    
}
.sl-1 .second-items {
	animation: 30s ticker 15s infinite linear forwards;
}
@keyframes ticker {
  0% {
    transform: translate(100%, 0);
  }

  50% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.sl-2 .first-items,  .sl-2 .second-items { 
	animation: ticker-2 30s infinite linear forwards;    
}

.sl-2 .second-items {
	animation: 30s ticker-2 15s infinite linear forwards;
}
@keyframes ticker-2 {
  0% {
    transform: translate(-100%, 0);
  }

  50% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(100%, 0);
  }
}

.ht-2 {
	margin-left: 20%;
}

.cb-wrapper {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 1fr;  
	grid-template-areas:
    ". .";
	
	position: relative;
	z-index: 3;
}
.left-item-3 {	
	margin-left: 33%;
    width: 66.5%;
}

.banner-items {
	display: inline-block;
	position: relative;
	z-index: 3;	
}
.banner-items img {	
	width: 29.747916666666668vw;
	height:  22.34375vw;
	display: block;
	object-fit: cover;
    object-position: center;
}
.banner-items .open-new-window {	
    left: 1.08vw;
}
.banner-items:hover .open-new-window::after {	
	transform: scale(1.2,1.2);
}

.cb-1 {
	margin-left: 20%;
	width: 29.947916666666668vw;
}
.cb-1 .banner-items {
	margin: 4vw 0 0 0%;
}
.cb-2 {
	width: 29.947916666666668vw;
	margin-top: 12.5vw;
}
.cb-2 .banner-items {
	margin: 4vw 0 0 0%;
}


.blockquote-items-mini {
	border: 0.52vw solid rgba(0, 136, 204, 0.3);  
    padding: 3.66vw;
	margin: 4.3vw 0 0 10%;
	position: relative;
    z-index: 2;
	width: 30%;
	float: left;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
}
.blockquote-items-mini h2 {
	font-size: 1.35vw;
	line-height: 1.5583vw;
	font-weight: 500;
	margin: 3vw 0 1.5vw 0;
}
.blockquote-items-mini p, .blockquote-items-mini ul {
	font-size: 0.9375vw;
	line-height: 1.4583vw;
	
}
.ico-m {
	font-size: 0.8333333333333334vw;
	display: block;
	font-style: normal;
	padding: 0 0 0 2vw;
}
.ico-m {
	background: url(../img/telegram.svg) no-repeat left center;
	background-size: 1.71875vw;
	width: 100%;
	height: 1.71875vw;
	line-height: 1.71875vw;
}
.blockquote-items-mini ul {
	margin: 2vw 0 0 0;
}
.blockquote-items-mini ul li {
	display: inline-block;
	vertical-align: middle;	
}
.blockquote-items-mini ul li:last-child {
	margin: 0 0 0 1.5vw;
}
.blockquote-items-mini ul li a {
	position: relative;
}
.blockquote-items-mini ul li a span {
	display: inline-block;
	vertical-align: middle;
}
.video-links::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../img/play-mini.svg) no-repeat;
	background-size: 1.4583333333333333vw;
	width: 1.4583333333333333vw;
	height: 1.4583333333333333vw;
	margin: 0.2vw 0 0 0.5vw;
}

.bm-viber {
	margin-left: 10%;
}

.bm-viber {
	border: 0.52vw solid rgba(115, 96, 242, 0.3); 
}
.bm-viber .ico-m {
	background: url(../img/viber.svg) no-repeat left center;
	background-size: 1.3020833333333333vw 1.40625vw;
	width: 100%;
	height: 1.71875vw;
	line-height: 1.71875vw;
	
}




/* About */
.about-wrapper {
	background: #0D0D0D;
	color: #fff;
}

.about-content {
	padding: 11.458333333333334vw 0 0 0;
}
.about-content h1 {
	margin: 0 0 0 9.9%;
	width: 50%;
	font-size: 2.5vw;
	font-weight: 500;
}
.about-content h1 strong {
	display: block;
	color: #3482FF;
	margin: 3.125vw 0 0 0;
}

.ac-picture-1 {
	display: block;
	margin: 4vw 0 0 20%;
}
.ac-picture-1 img {
	display: block;
	width: 31.875vw;
	height: 12.083333333333334vw;
}
.ab-text {
	margin: 4vw 0 0 20%;
	width: 30%;
}
.ab-text p {
	font-size: 1.25vw;	
}
.ab-text ul {
	font-size:  0.9375vw;
	opacity: 0.5;
	padding: 1vw 0 0 0;
}
.ab-text ul li {
	margin: 1.5vw 0 0 0;	
}

.about-wrapper .fb-big-button::before {
	background: url(../img/slogan-circle-white.svg) no-repeat;
	background-size: 7.86vw;
}
.about-wrapper .fb-big-button, .about-wrapper .bb-left small {
	color: #fff;	
}
.about-wrapper .fb-big-button:hover strong {
	color: #3482FF;
}
.about-wrapper .fb-big-button {
	margin-left: 20%;
}

.job-items {
	font-size: 1.25vw;
	padding-top: 2vw;
	padding-bottom: 7.3vw;
}

.mleft-10 {
	margin-left: 10%;
}


/* QA */
.qa-wrappers {
	margin-top: 0;		
	padding-bottom: 6.5vw;		
}
.qa-wrappers h1 {
	font-size: 1.4vw;
    font-weight: 600;
    margin: 0 0 2vw -0.1vw;
    position: relative;
}
.qai {	
	margin: 1vw 0 0 0;
	border-left:  0.15625vw solid #a2e0b3;
	background: #e4f5e8;
	-webkit-border-radius: 1.0416666666666667vw;
	border-radius: 1.0416666666666667vw;
	position: relative;
	overflow: hidden;
	-webkit-mask-image:-webkit-radial-gradient(#fff, #000)
}

.qai h3 {
	position: relative;
	
	font-size: 1.0416666666666667vw;
	line-height: 1.3541666666666667vw;
	font-weight: 500;
	padding: 1vw 2vw 1vw 2vw;
	cursor: pointer;	
	color: #000;	
	display: block;
	
}
.qai h3::after {
	content: '';
	position: absolute;
	background: url(../img/arrow_down.svg) no-repeat center;
	background-size: 2.0833333333333335vw;
	width: 2.0833333333333335vw;
	height: 100%;
	right: 1vw;
	top: 0;	
}
.qai h3:hover {	
	background: #a2e0b3;
} 
.qai h3.active {
	background: #a2e0b3!important;	
}
.qai h3.active::after {
	transform: rotate(180deg);
}
.qaiw {	
	display: none;	
	padding: 1vw 2vw 1vw 2vw;
}
.qai p {
	font-size: 1.0416666666666667vw;
	line-height: 1.3541666666666667vw;
	font-weight: 400;
	margin: 0;
}


/* Footer */
.footer {	
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 6;
}
.footer-item {
	background: #001335;
	padding: 7.3vw 0 2.08vw 0;		
}
.fi-wrapper {
	position: relative;
	z-index: 2;				
	font-size: 0.9375vw;
	
}
.fi-wrapper a {
	color: rgba(255, 255, 255, 0.5);
		
}
.fi-wrapper a:hover {
	color: rgba(255, 255, 255, 1);
}
.fi-left {
	float: left;
	width: 20%;
	margin: 0 0 0 10%;
}
.logo-footer {
	display: block;
	background: url(../img/logo.svg) no-repeat;
	background-size: 2.92vw 1.46vw;
    width: 2.92vw;
    height: 1.46vw;	
	margin: 0 0 3.125vw 0;
}
.fi-left p {
	font-size: 1.25vw;	
}
.fb-button {
	display: block;
	color: #fff;
	background: #07AD5E;
	width: 15vw;
	height:  3.126vw;
	line-height: 3.125vw;
	font-size: 0.9375vw;
	text-align: left;
	margin: 6vw 0 6vw 0;
	padding:  0 0 0 2.08vw;
	
	-webkit-border-radius: 1.563vw;
	border-radius: 1.563vw;
	
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.fb-button span {
	color: #fff;
}
.fb-button:active {
	transform: translateY(0.1vw);
}
.fb-button::before {
	content: '';
	position: absolute;
	background: url(../img/edit.svg) no-repeat center;
	background-size: 1.25vw;
	width: 3.4vw;
	height: 100%;
	z-index: 2;
	top: 0;
	right: 0;
}
.fb-button::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 3.4vw;
	height: 100%;
	background: #009C52;
	z-index: -1;
}
.fb-button:hover::after {
	width: 100%;
}

.links-wrapper li {
	margin: 0 0 0.5vw 0;
}
.links-wrapper li:last-child {
	margin-bottom: 0;
}
.links-wrapper li strong {
	display: block;
	margin: 0 0 3vw 0;
	font-weight: 500;
}
.links-wrapper li a {
	white-space: nowrap;
	line-height: 2vw;
}
.links-wrapper li p {
	margin: 0 0 3vw 0;
	color: rgba(255, 255, 255, 0.5);
	line-height: 2vw;
}
.fi-center {	
	float: left;
	width: 20%;
	margin: 0 0 0 10%;
}
.fi-right {	
	float: left;
	width: 20%;
}

.footer-small-inf {
	margin: 0 0 0 10%;
	font-size: 0.8vw;
}
.footer-small-inf li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2vw;
	color: rgba(255, 255, 255, 0.2);
}
.footer-small-inf li a {
	color: rgba(255, 255, 255, 0.2);
}

.up {
	position: absolute;
	right: 3.8vw;
	bottom: 0;
	width: 2.08vw;
	height: 2.08vw;
	border: 0.05vw solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: none;
}
.up::before {
	content: '';
	position: absolute;
	background: url(../img/ar-top.svg) no-repeat center;
	background-size: 0.83vw 2.34375vw;
	width: 100%;
	height: 2.34375vw;
	left: 0;
	top: -1.3vw;
}
.up:hover::before {
	top: -1vw;
}
.up:hover {
	border: 0.05vw solid rgba(255, 255, 255, 0.2);
}
.up:active::before {
	top: -1.4vw;
}


.hot-line {
	background: #DC2424;  
	background: -webkit-linear-gradient(to right, #4A569D, #DC2424); 
	background: linear-gradient(to right, #4A569D, #DC2424); 

	padding: 3.125vw 0 3.125vw 10%;
	position: relative;
}


.hot-line p {
	font-size: 0.9375vw;
	line-height: 1.66vw;
	position: relative;
	z-index: 2;
}
.hot-line p small {
	color: rgba(255, 255, 255, 0.5);
	display: block;
}
.hot-line p a {
	color: rgba(255, 255, 255, 0.5);
}
.hot-line p a:hover {
	color: rgba(255, 255, 255, 1);
}


.fixed-bottom-button {	
	left: 2vw;
	bottom: 2vw;
	z-index: 4;
}
.near-bottom .fixed-bottom-button {	
	position: fixed;
	display: none!important;
}
.fbb-links {
	position: relative;
	
	display: inline-block;
	color: #fff;
	background: #3482FF;	
	
	height: 3.126vw;
    line-height: 3.1vw;
    font-size: 0.9375vw;	
	
	-webkit-border-radius: 1.563vw;
    border-radius: 1.563vw;
	
	padding: 0 2.08vw 0 2.08vw;
	margin-right: 1.0416666666666667vw;
	
	text-align: center;
	
	-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
}

.fbb-links svg {	
	display: inline-block;
	vertical-align: middle;
	width: 1.25vw;
	height: 1.25vw;
	margin: 0 0 0 0.5vw;
	
	position: absolute;
	right: -0.4vw;
	top: -0.4vw;
	background: #fff;
	border: 0.05vw solid rgba(0, 0, 0, 0.06);
	padding: 0.3vw;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
		
	
}
.fbb-links:hover {
	background: #0062FF;
}
.fbb-links:active {
	transform: translateY(0.1vw);
}


.mt20 {
	margin-top: 1.0416666666666667vw;
	display: inline-block;
}

.link-wrapper-slider {	
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	
	padding: 3.125vw;
	-webkit-border-radius: 1.0416666666666667vw;
    border-radius: 1.0416666666666667vw;
	background: rgba(255,255,255, 0.1);

	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;user-select:none
}
.link-wrapper-slider:hover {
	background: rgba(255,255,255, 0.2);
}
.link-wrapper-slider span {
	font-size: 1.25vw;
	line-height: 1.4583333333333333vw;
	color: rgba(255,255,255, 1);
}
.link-wrapper-slider .ico-email {
	margin: 0;
	width: 2.6041666666666665vw;
	height: 2.6041666666666665vw;
	background-position: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255,255,255, 0.1);
	transition: all 250ms linear;
}
.link-wrapper-slider .ico-email:hover {
	background-color: rgba(255,255,255, 0.3);
}

/* Menu */
.menu-wrapper {
	position: fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	left: 0;
	width: 100%;
	
	
	height: inherit;
	z-index: 99;
	background: #fff;
	
	font-size: 0.9375vw;
		
}
.menu-wrapper.hide {
	position: relative;
}
.menu-wrapper.hide .mw-item {
	position: relative;
	min-height: inherit;
}

.mw-item {
	position: absolute;
	height: auto;
	min-height: 100%;
	width: 100%;
}
.mw-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;	
	background: #001335;
	background: -webkit-linear-gradient(to right, #001335, #4b6cb7);
	background: linear-gradient(to right, #001335, #4b6cb7);	
	width: 40%;
	height: 100%;
	z-index: 3;	
}
.menu-wrapper .white-line {
	z-index: 3;	
}
.menu-wrapper .white-line div:nth-child(6), .menu-wrapper .white-line div:nth-child(7), .menu-wrapper .white-line div:nth-child(8), .menu-wrapper .white-line div:nth-child(9), .menu-wrapper .white-line div:nth-child(10) {
	display: none;
}
.menu-wrapper .wrappers {
	position: relative;
	z-index: 3;
}

.menu-wrapper .menu.open-menu {
	margin: 0 -0.2vw 0 0;
}
.menu-wrapper .menu::before, .menu-wrapper .menu::after {
	background: #000;
}
.menu.open-menu::before, .menu.open-menu::after {
	position: absolute;
	left: 0;
}
.menu.open-menu::after {
	margin-top: 0;
}

.menu-left {
	float: left;
	width: 40%;
	padding: 0 0 3vw 0;
	position: relative;
	z-index: 3;
	margin: 0 0 0 10%;
}
.menu-left a {
	color: #fff;
}
.menu-left li {
	margin: 0 0 0.5vw 0;
}
.menu-left li strong {
	margin: 4.16vw 0 2vw 0;
	color: rgba(255, 255, 255, 0.5);
}
.contacts {
	float: left;
	width: 20%;
	margin: 4.16vw 0 0 0;
	position: relative;
	z-index: 3;
	color: #000;
}
.contacts li strong {
	margin: 0 0 2vw 0;
	padding: 0;
}
.contacts li p, .contacts li a {
	color: rgba(0, 0, 0, 0.5);
}
.contacts li a::before {
	background:  rgba(0, 0, 0, 0.2);
}
.menu-right {
	float: right;
	width: 10%;
	margin: 6.5vw 10% 0 0;
	position: relative;
	z-index: 3;
}
.menu-right p {
	font-size: 0.665vw;
	margin: 1vw 0 0 0;
	color: #000;
}
a.fb-menu-links {
	font-size: 1.875vw;
	display: block;
	margin-top: 5vw;
	position: relative;
}
a.fb-menu-links strong {
	font-weight: 700;
	line-height: 1.70vw;	
}
a.fb-menu-links:hover strong {
	color: #000;
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
    background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(0, 0, 0, 0.1) 0);    
}
a.fb-menu-links i {
	position: absolute;	
	top: -1vw;
	right: 1vw;
	width:  2.86vw;
	height:  2.86vw;
}
a.fb-menu-links i::before {
	content: '';
	position: absolute;
	background: url(../img/plus.svg) no-repeat center;
	background-size: 1.1vw;
	width: 100%;
	height: 100%;
	z-index: 2;
}
a.fb-menu-links i::after {
	content: '';
	position: absolute;
	background: #FFFA90;
	width:  2.86vw;
	height:  2.86vw;
	z-index: 1;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
a.fb-menu-links:hover i::after {
	transform: scale(1.2);
}
a.fb-menu-links picture {
	position: absolute;
	right: -1.7vw;
	bottom: -15vw;
	width: 15.46875vw;
	height: 12.86vw;
}
a.fb-menu-links picture img {
	width: 15.46875vw;
	height: 12.86vw;
	display: block;
	object-fit: cover;
    object-position: center;
	z-index: 2;
	position: relative;
}
a.fb-menu-links picture::after {
	content: '';
	position: absolute;
	background: #FFFA90;
	width: 10.78125vw;
	height: 10.78125vw;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	right: 0.90vw;
    bottom: 1.05vw;
	z-index: 1;
}


/* Window */
.window {
	position: fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	left: 0;
	width: 100%;
	
	
	height: inherit;
	height: 100%;
	z-index: 99;
	background: #fff;
	
}
.window-item {
	width: 40%;
	margin: auto;
	padding: 4.16vw 0 0 0;
	position: relative;
	z-index: 3;
}
.window-item .close-window {
	display: block;
	margin: auto;	
	margin-bottom: 4.16vw;
	width:  3vw;
	height:  3vw;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	
	position: relative;	
	
	background: #fff;
	border: solid 0.1vw rgba(0,0,0, 0.2);
	
	
}
.window-item .close-window::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	
	background-image: url(../img/close.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.9vw;
	
	top: 0;
	left: 0;	
}
.window-item .close-window:active::before {
	opacity: 0.5;
}

.window-item .close-window:hover {	
 	border: solid 0.1vw rgba(0,0,0, 0);
}

.wi-forms h1 {
	font-size: 2.5vw;
    line-height: 2.1875vw;
    font-weight: 600;
    margin: 0 0 4vw -0.1vw;
}

.form-elemet {
	margin-bottom: 1.5vw;
}
.form-elemet span {
	font-size: 0.83vw;
	font-weight: 500;
	display: inline-block;
	background: #fff;
	padding: 0.5vw;
	position: relative;
	z-index: 1;
	margin: 0 0 0 1vw;
}
.form-elemet textarea, .form-elemet input  {	
	border: 0.05vw solid rgba(52, 130, 255, 1);
	width: 100%;
	height: 8.33vw;
	font-size: 0.9375vw;
	margin: -1vw 0 0 0;
	padding: 1vw 1.5vw 1vw 1.5vw;
	font-family: 'IBMPlexSans', tahoma;
	background: #fff;
	-webkit-border-radius: 0.3125vw;
	border-radius: 0.3125vw;
}

.form-elemet textarea {
	resize: vertical!important;
	min-height: 8.33vw;
}
.error input, .error textarea {
	border: 0.05vw solid #FE677D!important;
}
.form-elemet input {
	height: 3.125vw;
	line-height: 3.125vw;
	padding: 0 1.5vw 0 1.5vw;
	
}
.form-elemet textarea:focus, .form-elemet input:focus {
	border: 0.05vw solid rgba(52, 130, 255, 0.5);
}

.big-checkbox {
	border: 0.2vw solid #CFE2FF;
	background: #fff;
} 
.big-checkbox:hover {
	border: 0.2vw solid #3482FF;
}
.big-checkbox label {
	padding: 1.5vw;
}
.big-checkbox span {
	width: 85%;
	background: none;
	font-weight: 700;
}
.big-checkbox span p {
	font-weight: 400;
	padding: 0.5vw 0 0 0;
	line-height: 1.1vw;
}

.w40-wrapper {
	margin: auto;
	width: 40%;
	padding: 10vw 0 4.16vw 0;
	position: relative;
	z-index: 3;
}
.mw-items .window-item {
	padding: 4.16vw 0 4.16vw 0;
}
.fe-list {
	padding: 1vw 0 1vw 0;
}
.fe-list li {
	margin-bottom: 0.8vw;
}
.fe-list li:last-child {
	margin-bottom: 0;
}
.fe-list label span {
	font-size: 0.9375vw;
	color: #3482FF;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 0.8vw;	
}
.checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	cursor: pointer;
	width: 100%;
}
.checkbox+label::before {
	content: '';
	display: inline-block;
	width: 1.875vw;
	height: 1.875vw;
	flex-shrink: 0;
	flex-grow: 0;
	border: 0.1vw solid #CFE2FF;   
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	-webkit-border-radius: 0.3125vw;
	border-radius: 0.3125vw;
}
.checkbox:checked+label::before { 
	
	border-color: #3482FF;	
	background-image: url(../img/check.svg);
	background-size: 1.25vw;	
}
.mw-items::before {
	display: none;
}

.fe-bottom {
	display: grid;
	grid-template-columns: 13.5vw auto;
	grid-template-rows: 1fr;  
	grid-template-areas:
	". .";
}
.fe-bottom button {
	position: relative;
	width: 13.5vw;
	height: 3.125vw;
	font-size: 0.9375vw;
	align-self: center;
    justify-self: left;
	color: #fff;
	background: #07AD5E;
	-webkit-border-radius: 1.563vw;
    border-radius: 1.563vw;
	overflow: hidden;
}
.fe-bottom button span {
	position: relative;
	z-index: 2;
}
.fe-bottom button::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: #009C52;
	z-index: 1;
	overflow: hidden;

}
.fe-bottom button:hover::before {
	width: 100%;
}
.fe-bottom button:active {
	transform: translateY(0.1vw);
}
.fe-bottom p {
	width: 20vw;
	margin: 0 0 0 1vw;
	font-size: 0.7vw;
	align-self: center;
    justify-self: left;
	opacity: 0.5;
}

.wi-forms .article-text {
	width: 100%;
	margin: 0 0 3vw 0;
}

.fb-items {
	padding: 1vw 0 4vw 0;
}
.fb-items h2 {
	font-size: 1.35vw;
	font-weight: 500;
	margin: 0 0 0.5vw 0;
}
.fb-items .fe-list {
	padding-bottom: 0;
}
.form-elemet-b0 {
	margin-bottom: 0!important;
}
.fb-items-2 {
	padding-bottom: 4vw;
}
.fb-items-2 .fe-list {
	padding-bottom: 0;
}

/* Tooltip */
[data-tooltip] {
	position: relative;
	z-index: 10;
}
[data-tooltip]:before,
[data-tooltip]:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	bottom: calc(100% + 0.5vw);
	pointer-events: none;
	transition: 0.2s;
	will-change: transform;
}
[data-tooltip]:before {
	content: attr(data-tooltip);
	padding: 0.5vw 1vw;
	min-width: 2.6vw;
	max-width: 15.625vw;
	width: max-content;
	width: -moz-max-content;
	border-radius: 0.3125vw;
	font-size: 0.729vw;
	background-color: rgba(59, 72, 80, 0.9);
    background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	white-space: pre-wrap;
	transform: translate(-50%, -0.5vw) scale(0.5);
}
[data-tooltip]:after {
	content: '';
	border-style: solid;
	border-width: 0.27vw 0.27vw 0px 0.27vw;
	border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
	transition-duration: 0s; 
	transform-origin: top; 
	transform: translateX(-50%) scaleY(0);
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}
[data-tooltip]:hover:before {
	transition-delay: 0.3s;
	transform: translate(-50%, -0.26vw) scale(1);
}
[data-tooltip]:hover:after {
	transition-delay: 0.5s; 
	transition-duration: 0.2s;
	transform: translateX(-50%) scaleY(1);
}
@keyframes moveFocus { 
  0%   { background-position: 0% 100% }
  100% { background-position: 100% 0% }
}


.about-wrapper .xxl-header {
	background: none!important;
}
.about-wrapper {
	background: #001335;
	background: -webkit-linear-gradient(to right, #001335, #4b6cb7);
	background: linear-gradient(to right, #001335, #4b6cb7);
}

.attention {	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	gap: 0.781vw;
	margin-top: 1.563vw;
    background: #FFFA90;
    padding: 1.042vw;
    border-radius: 1.042vw;
}



/* Responsive */

@media all and (min-width: 1024px)  {
	.slider-header .swiper-slide.ss-m {
		display: none!important;
	}
	a.promo-links {
		position: absolute;
		right: 0;
		top: 0;		
	}
}

@media all and (max-width: 1024px)  {
	body {
		font-size: 14px;
	}
	.hor-line div {
		width: 25%;
		height: 100%;	
		float: left;		
		border-width: 1px;
	}
	.hor-line div:nth-child(5), .hor-line div:nth-child(6), .hor-line div:nth-child(7), .hor-line div:nth-child(8), .hor-line div:nth-child(9), .hor-line div:nth-child(10) {
		display: none;
	}
	
	.header-top {
		height: 46px;
		margin: 40px 0 0 0;
	}
	.logo svg {		
		width: 40px;
		height: 20px;
	}
	.logo strong {
		font-size: 18px;
		margin-left: 5px;
		line-height: 18px;
	}
	.menu {
		margin-top: 0;		
		width: 46px;
		height: 46px;
		line-height: 10px;
		margin-left: 80px;
		border: 1px solid rgba(255,255,255, 0.3);
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.menu::before {
		margin-top: -2px;
	}
	.menu::before, .menu::after {
		width: 24px;
    	height: 2px;
	}
	.menu::after {
		margin-top: -2px;
	}
	.menu.open-menu {
		line-height: 0;		
	}
	.menu-wrapper .menu.open-menu {
		margin: 0;
	}
	.menu.open-menu::before {
		margin-top: 0;
	}
	.menu.open-menu::after {
		margin-top: 0;
	}
	.menu.open-menu::before, .menu.open-menu::after {
		margin: -1px 0 0 10px;
	}
	.inner-header .menu, .inner_menu .menu {
		border: 1px solid rgba(0,0,0, 0.2);
	}
	
	.language-en {
		margin-right: 20px;
	}
	.language-es {
		margin-right: 20px;
	}
	
	.header-item {
		padding: 80px 0 0 0;
		margin: 0;
	}
	
	.header-item h1 {
		font-size: 26px;
		line-height: 38px;
		width: 80%;
	}
	.header-item h1 strong {
		display: block;
		margin-top: 20px;
	}
	.header-item article a span {
		line-height: 18px;
	}
	.links-effects::before {
		height: 1px;
	}
	.product-step picture img {
		width: 100%;
		height: 100%;
	}
	.ico-open-ww {
		background-size: 21px;
		width: 21px;
		height: 21px;
		margin: 0 0 0 5px;
	}
	
	.header-item article {
		padding: 40px 0 0 0;		
	}
	.header-item article {
		font-size: 18px;
		line-height: 38px;
	}
	.wemake-team {
		grid-template-columns: 114px auto;
		margin: 40px 0 50px 0;
	}
	.wemake-team img {
		width: 114px;
	}
	.wemake-team .wi-inf {
		font-size: 14px;
		line-height: 18px;		
		padding: 0 0 0 30px;
	}
	.button-fb-1 {
		margin: 20px 0 0 0;
	}
	.ico-email {
		background-size: 21px;
		width: 21px;
		height: 21px;
		margin: 1px 0 0 5px;
	}
	
	.wrappers {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.video-item {
		height: 540px;
    	margin-top: -40px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.video-item video {
		height: 100%;
		margin-top: -2px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.video-item .cases {
		bottom: 20px;
		left: 20px;
		height: 50px;
		width: 50px;
	}
	.video-item .cases::before {
		width: 50px;
		height: 50px;
		top: 0;
		left: 0;
	}
	.video-item .cases::after {
		background-size: 20px;
		top: 0;
		left: 0;			
	}
	.video-item {
		height: 540px;
	}
	.article-text {
		padding: 30px 40px 0 40px;
    	margin: 120px 40px 0 0;
		
		width: -moz-calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: calc(50% - 40px);
	}
	.article-text i {
		font-size: 80px;
		line-height: 70px;
	}
	.article-text p {
		font-size: 20px;
		line-height: 20px;
    	margin-top: -20px;
	}
	.article-text::before {
		height: 100px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.text-item {
		margin: 120px 0 0 40px;
		width: -moz-calc(70% - 40px);
		width: -webkit-calc(70% - 40px);
		width: -o-calc(70% - 40px);
		width: calc(70% - 40px);
	}
	.text-item  h1 { 
		font-size: 36px;
    	margin: 0 0 30px -2px;
	}
	.number {
		width: 60px;
    	height: 60px;
		font-size: 18px;
		line-height: 60px;
		margin: 0 0 20px -15px;
	}
	.text-item p {
		font-size: 18px;
		line-height: 28px;
		margin: 15px 0 0 0;
	}
	.text-item h2 {
		font-size: 24px;
		line-height: 28px;
		font-weight: 500;
		margin: 60px 0 0 -2px;
	}
	.ar-bottom-rigth {
		background-size: 43px 14px;
		width: 43px;
		height: 14px;
		margin: 40px 0 40px 0;
	}
	.sd-items i {
		font-size: 16px;
		min-width: 50px;
		height: 50px;
		padding: 12px 0 0 12px;
	}
	.sd-items i::before {
		border-top: 50px solid #FFFA90;
    	border-right: 50px solid transparent;
	}
	.yellow-items .sd-items i::before {
		border-top: 50px solid #FFFA90;
    	border-right: 50px solid transparent;		
	}
	.sd-items p {
		font-size: 14px;
		line-height: 20px;
		padding: 0 40px 15px 40px;
	}
	.left-item, .left-item-2 {
		margin: 120px 0 0 40px;
	}
	
	.product-step {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		margin: 80px 0 0 40px;
	}
	.product-step picture {
		height: 320px;
		margin: 0px 0 30px 0;
		-webkit-box-shadow: 10px 10px 0 0 #F2F2F2;
		box-shadow: 10px 10px 0 0 #F2F2F2;
	}
	
	.open-new-window, .work-left .open-new-window {
		bottom: 20px;
    	right: 20px;    
    	width: 50px;
    	height: 50px;
	}
	.open-new-window::before, .work-left .open-new-window::before {
		background-size: 24px;
		width: 100%;
		height: 100%;
		left: 1px;
    	top: -1px;
	}
	
	.open-new-window::after {
		width: 50px;
    	height: 50px;
	}
	.ps-mt {
		position: relative;		
		font-size: 24px;
		line-height: 28px;
		left: inherit;
		top: inherit;
		display: block;
		width: 380px;
		margin: 0 0 40px 0;
	}
	.article-text p small {
		font-size: 14px;
		line-height: 16px;
		padding: 25px 0 0 0;
	}
	.product-item {
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.product-item-v1 {
		width: -moz-calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: calc(50% - 40px);
		
		height: auto;
		margin: -108px 0 0 50%;
		padding: 0 40px 40px 40px;

		-webkit-border-radius: 20px;
		border-radius: 20px;

	}
	.product-item-v1 picture {
		height: 224px;
	}
	.product-item-v1 picture img {
		width: 400px;
		max-width: inherit;
		height: 222px;
		margin: -20px 0 0 0px;
	}
	.product-item-v1 p {
		font-size: 18px;
		line-height: 24px;		
		padding-bottom: 20px;
	}
	.product-item-v1 small {
		font-size: 12px;
	}
	.product-item-v1 small::before {
		background-size: 24px;
		width: 24px;
		height: 24px;
	}
	.product-item-v1 small i {
		padding: 2px 0 0 10px;
	}
	.pi-v2 {
		margin: 0 0 0 40px;
	}
	.pi-v2 picture {
		text-align: center;
		height: 260px;
	}
	.pi-v2 picture img {
		width: 267px;
		height: 260px;
		margin-left: 0;
		position: relative;
	}
	.index-v2 {
		display: none;
	}
	
	.blockquote-items {
		width: -moz-calc(75% - 40px);
		width: -webkit-calc(75% - 40px);
		width: -o-calc(75% - 40px);
		width: calc(75% - 40px);
		
		border: 10px solid #F9DFD8;
		padding: 40px 60px 40px 60px;
		margin: 120px 0 0 25%;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.blockquote-items i {
		font-size: 144px;
    	line-height: 40px;    
    	margin: 40px 0 0 -8px;
	}
	.blockquote-items p {
		font-size: 22px;
		line-height: 32px;
		padding: 0 0 40px 0;
	}
	.blockquote-items .fb-mail {
		bottom: 20px;
		right: 20px;
		width: 55px;
		height: 55px;
	}
	.blockquote-items .fb-mail::before {
		background-size: 24px;
		top: 0;
		left: 0;
	}
	.blockquote-items .fb-mail::after {
		width: 55px;
    	height: 55px;
	}
	.team-s1 {
		bottom: -70px;
    	left: -130px;
	}
	.team-s1 img {
		width: 170px;
		height: 392px;
	}
	
	.ul-hor {
		margin: 10px 0 0 0;	
	}
	.ul-hor li {
		font-size: 16px;
    	margin: 20px 30px 0 0;
	}
	.links-telegram::before {
		background-size: 33px;
		width: 33px;
		height: 33px;
	}
	.links-viber::before {
		background-size: 25px;
		width: 33px;
		height: 33px;
	}
	.ul-hor li a span {
		margin: -1px 0 0 5px;
		display: inherit;
		vertical-align: inherit;
	}
	
	.fb-big-button {
		margin: 200px 0 250px 25%;	
		border-width: 6px;
		padding: 50px 40px 40px 80px;		
		display: block;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.fb-big-button::before, .about-wrapper .fb-big-button::before {
		background-size: 120px;
		width: 120px;
		height: 120px;
		top: -60px;
    	right: -60px;
	}
	.bb-left strong {
		font-size: 32px;
		line-height: 30px;
		max-width: 200px;
		font-weight: 700;
	}
	.bb-left small {
		font-size: 12px;
    	margin: 20px 0 0 0;
	}
	.fb-big-button i {
		width: 50px;
    	height: 50px;
		position: absolute;
		right: -25px;
		bottom: -25px;
	}
	.fb-big-button i::before {
		background-size: 19px;
		width: 50px;
		height: 50px;
	}
	.fb-big-button i::after {
		width: 50px;
    	height: 50px;
	}
	.client-s1 {
		left: -200px;
    	bottom: -200px;
	}
	.client-s1 img {
		width: 400px;
    	height: 300px;
	}
	
	.jobs {
		padding: 0 0 0 40px;
	}
	.jobs h2 {
		font-size: 32px;
		line-height: 32px;		
		margin-bottom: 40px;
	}
	.jobs p {
		font-size: 18px;
    	line-height: 26px;
	}
	
	.vacancies {
		padding: 80px 0 120px 25%;
	}
	.vacancies li {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.vacancies li:last-child {
		margin: 0;
	}
	.team-s2 {
		left: 65%;
    	top: 100px;
	}
	.team-s2 img {
		width: 184px;
    	height: 300px;
	}
	
	.footer-item {
		padding: 80px 0 40px 0;
	}
	.fi-center {
		display: none;
	}
	.logo-footer {
		background-size: 40px 20px;
		width: 40px;
		height: 20px;
		margin: 0 0 40px 0;
	}
	.fi-left {
		width: -moz-calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: calc(50% - 40px);
		margin: 0 0 0 40px;
	}
	.fi-left p {
		font-size: 18px;
		line-height: 26px;
		padding-right: 40px;
	}
	.fb-button {
		width: 300px;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		margin: 60px 0 60px 0;
    	padding: 0 0 0 40px;
		
		-webkit-border-radius: 30px;
    	border-radius: 30px;
	}
	.fb-button::before {
		background-size: 22px;
    	width: 60px;		
	}
	.fb-button::after {
		width: 60px;
		-webkit-border-radius: 30px;
    	border-radius: 30px;
	}
	.links-wrapper li {
		font-size: 16px;
	}
	.links-wrapper li a {
		line-height: 32px;
	}
	.links-wrapper li {
		margin: 0 0 10px 0;
	}
	.links-wrapper li strong {
		margin: 0 0 30px 0;
	}
	.links-wrapper li p {
		margin: 0 0 30px 0;
		line-height: 32px
	}
	
	.hot-line {
		padding: 40px;	
	}
	.hot-line p {
		font-size: 18px;
    	line-height: 24px;
	}
	.hot-line small {
		display: block;
		padding: 20px 0 0 0;
	}
	
	.footer-small-inf {
		margin: 0 0 0 40px;
		font-size: 14px;
	}
	.footer-small-inf li {
		display: block;
		margin: 10px 0 0 0;
	}
	
	.up {
		width: 40px;
		height: 40px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		right: 40px;
	}
	.up::before {
		background-size: 14px 43px;
		width: 100%;
		height: 43px;
		top: -25px;
	}
	.up:hover::before {
		top: -20px;
	}
	.up:hover {
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
	.up:active::before {
		top: -28px;
	}

	.menu-left {
		float: none;
		margin: 100px 0 0 25%;
	}
	.mw-item::before {
		width: 75%;
	}
	.links-wrapper li strong {
		color: rgba(255, 255, 255, 0.5);
	}
	footer .links-wrapper li strong {
		color: rgba(255, 255, 255, 1);
	}
	.contacts {
		margin: 0 0 0 25%;
		float: none;
		width: 50%;
		padding: 0 40px 0 0;
	}
	.contacts li p, .contacts li a {
		color: #fff;
	}
	.menu-right {
		float: none;		
		color: #fff;
		margin: 0 0px 0 25%;
		padding: 60px 40px 0 0;
		z-index: 3;
		width: 50%;		
	}
	.menu-right p {
		font-size: 14px;
		color: #fff;
	}
	a.fb-menu-links {
		display: inline-block;
		margin: 60px 0 280px 0;
	}
	a.fb-menu-links picture {		
		right: inherit;
		bottom: inherit;
		width: 197px;
    	height: 147px;
		margin: 40px 0 0 0;
		left: 0;
	}
	a.fb-menu-links picture img {
		width: 197px;
    	height: 155px;
    	margin: 63px 0 0 -46px;
	}
	a.fb-menu-links strong {
		font-size: 34px;
		line-height: 44px;		
	}
	a.fb-menu-links picture::after {		
    	bottom: -62px;
		left: 0;
		width: 150px;
		height: 150px;
	}
	a.fb-menu-links i {
		width: 45px;
		height: 45px;		
    	right: 0px;
		top: -10px;
	}
	a.fb-menu-links i::after {
		width: 45px;
    	height: 45px;
	}
	a.fb-menu-links i::before {
		background-size: 19px;
		bottom: 0;
		right: 0;
	}
	a.fb-menu-links:hover strong {
		color: #fff;
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255, 0.1) 0);    
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255, 0.1) 0);    
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255, 0.1) 0);    
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255, 0.1) 0);    
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255, 0.1) 0);    
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255, 0.1) 0);    
	}
	
	.work-item {
		padding: 120px 0 120px 0;
	}
	.work-item h1 {
		font-size: 32px;
		line-height: 38px;
		margin-left: 40px;
		display: block;
		width: 100%;
	}
	.work-item h1 a {
		font-size: 18px;
	}
	.work-item .article-text {
		width: 25%;
		margin: 80px 25% 0 0;
		padding: 30px 40px 0 40px;
	}
	.work-wrapper {
		display: block;
		height: inherit;
	}
	.work-left {
		height: 600px;
	}
	.work-right {
		display: none;
	}
	.wl-ar-wrapper {
		left: 40px;
		top: -40px;
	}
	.wl-ar-prev {
		background-size: 43px 14px;
    	width: 43px;
		height: 14px;
	}
	.wl-ar-next {
		background-size: 43px 14px;
    	width: 43px;
		height: 14px;
	}
	.wl-ar-next:active {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	.wl-ar-prev:active {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	.ww-items {
		padding: 40px 0 0 40px;
	}
	.ww-items h2 {
		font-size: 24px;
		line-height: 28px;
		margin: 0 0 20px 0;
	}
	.ww-items p {
		font-size: 18px;
	}
	.work-left .open-new-window {
		left: 40px;
		bottom: 40px;
	}
	.work-left picture, .work-left video {		
		overflow: hidden;
	}
	.work-left picture img {
		object-fit: cover;
    	object-position: right bottom;
		width: 100%;
		height: 100%;
	}
	
	.work-item .article-text {
		width: 50%;
		margin-right: 0;
	}
	
	.ww-items {
		width: 500px;
	}
	
	.work-wrapper {
		padding-bottom: 200px;
	}
	.work-wrapper .fb-big-button {
		display: block;	
		margin-bottom: 0;
	}
	
	.w40-wrapper {
		width: 50%;
		padding: 100px 0 100px 0;
	}
	.wi-forms h1 {
		font-size: 32px;		
		margin-bottom: 30px;
	}
	
	.form-elemet {
		margin-bottom: 20px;
	}
	.form-elemet textarea, .form-elemet input {
		border: 1px solid rgba(52, 130, 255, 1);
		width: 100%;
		height: 46px;
		font-size: 16px;
		margin: -22px 0 0 0;
		padding: 0px 20px 0px 20px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	.form-elemet span {
		font-size: 13px;  
		line-height: 10px;
    	padding: 10px;    
    	margin: 0 0 0 11px
	}
	.form-elemet textarea {
		padding-top: 20px;
		padding-bottom: 20px;
		height: 200px;
		min-height: 200px;
		margin-top: -15px 
	}
	.fe-list {
		margin: 30px 0 30px 0
	}
	.fe-list li {
		margin-bottom: 15px;
	}
	.checkbox+label::before {
		width: 26px;
    	height: 26px;
		border: 1px solid #CFE2FF;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	.checkbox:checked+label::before {
		background-size: 18px;
	}
	.fe-list label span {
		font-size: 14px;
		padding: 0 0 0 12px;
	}
	.fe-bottom {
		display: block;
		padding: 20px 0 0 0;
	}
	.fe-bottom button {
		width: 100%;
		height: 56px;
		
		font-size: 16px;
		-webkit-border-radius: 28px;
    	border-radius: 28px;
	}
	.fe-bottom p {
		margin: 20px 0 0 0;
		font-size: 12px;
		width: 50%;
	}
	.fe-bottom button::before {
		-webkit-border-radius: 28px;
		border-radius: 28px;
	}
	
	.form-elemet textarea:focus, .form-elemet input:focus {
		border: 1px solid rgba(52, 130, 255, 0.5);
	}
	
	.wi-forms .article-text {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.fb-items {
		padding: 20px 0 0px 0;
	}
	.fb-items h2 {
		font-size: 18px;
		margin: 0;
	}
	.fb-items ul {
		padding: 0;
		margin: 20px 0 20px 0;
	}
	.form-elemet-b0 {
		margin-bottom: 20px!important;
	}

	.fb-items-2 {
		padding-bottom: 0;
	}
	.fb-items-2 ul {
		margin-bottom: 20px;
	}
	
	.inner-top-title {
		padding: 120px 0 120px 0;
		margin: 0 0 0 25%;
		width: 50%;
	}	
	.inner-top-title h1 {
		font-size: 28px;
		line-height: 34px;
		margin-left: -2px;
	}
	
	.showreel-items {
		margin: 40px 0 0 0;
	}
	.showreel-items picture {
		margin-right: 15px;
	}
	.showreel-items picture::before {
		background-size: 24px 31px;
		left: 1px;
	}
	.showreel-items picture img {
		width: 80px;
    	height: 80px;
	}
	.showreel-items strong {
		font-size: 18px;
	}
	.showreel-items strong i {
		font-size: 16px;
	}
	.bl-inner {
		width: 50%;
		margin: 0 0 0 25%;
		padding: 12px 0 120px 0;
	}
	.bl-inner .bli-text p {
		padding: 15px 0 15px 0;
    	font-size: 18px;
	}
	
	.ts2 {
		bottom: -20px;
    	left: -140px;	
	}
	.ts2 img {
		width: 187px;
		height: 280px;
	}
	.hot-task {
		width: 50%;		
	}
	.hot-task.left-20 {
		margin-left: 25%;
	}
	.hot-task .fb-mail i {
		font-size: 12px;
		line-height: 14px;
		left: -105px;
    	top: 14px;
	}
	.hot-task .fb-mail::before {
		background-size: 33px 16px;
	}
	
	.hot-task .ht-video {		
		top: -60px;
		bottom: auto;		
		right: -100px;
	}
	.hot-task video {
		width: 200px;
    	height: 115px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.hot-task .ht-video::after {
		width: 200px;
    	height: 115px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		top: 10px;
    	left: 10px;
	}
	
	.black-line {
		padding: 90px 0 0 0;
	}
	
	
	.blockquote-items-2 {
		width: 50%;
		margin: 120px 0 0 25%;
		border: 10px solid #FFFA90;
    	padding: 80px 60px 40px 60px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.blockquote-items-2 p {
		font-size: 22px;
    	line-height: 32px;
		padding: 20px 0 20px 0;
	}
	
	.team-s3 {
		right: -100px;
    	bottom: -20px;
	}
	.team-s3 img {
		width: 164px;
		height: 280px;		
	}
	
	.video-wrapper {
		top: -60px;
    	right: auto;
		left: -100px
	}
	.video-wrapper video {
		width: 200px;
    	height: 115px;	
		-webkit-border-radius: 20px;
		border-radius: 20px;	
	}
	.video-wrapper::after {
		width: 200px;
		height: 115px;		
		top: 10px;
		left: -10px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	
	.work-1 {
		margin-top: 220px;		
	}
	.work-1, .work-2, .work-3 {
		width: -moz-calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: calc(50% - 40px);
		height: auto;		
		padding: 0 40px 40px 40px;
	}
	.product-item p {
		font-size: 18px;
		line-height: 24px;
		margin: 10px 0 20px 0;
	}
	.ico-new-window {
		font-size: 13px;
	}
	.ico-new-window::before {
		background-size: 24px;
    	width: 24px;
    	height: 24px;
		margin: 0 5px 0 0;
	}
	.product-item picture {
		height:  auto;	
		text-align: center;
	}
	.work-1 img, .work-2 img, .work-3 img {
		width: 100%;
		height: auto;
		top: -30px;
		right: -10px;
		object-fit: cover;
    	object-position: center;
		position: relative;
	}
	
	.work-2 {
		display: block;
		float: none;
		margin: 0 0 0 40px;
	}
	.work-2 img {
		margin-top: -60px;
	}
	.work-3 {
		margin: 0 40px 0 0;
		float: right;
	}
	.work-3 img {
		max-height: 240px;
		width: auto;		
	}
	.p-small {
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 10px;
	}
	
	
	.bi-3 picture {
		left: -120px;
    	bottom: -30px;
	}
	.bi-3 picture img {
		width: 151px;
		height: 300px;
	}
	
	.bi-3 {
		border: 10px solid #CFE2FF;
		margin-top: 60px!important;
		padding-top: 40px;
	}
	
	.links-wrappers {
		padding: 60px 0 0 25%;
		width: 125%;
	}
	.links-wrappers .clear:nth-child(1), .links-wrappers .clear:nth-child(2)  { 
		display: none;
	}
	.lw-list {
		width: 25%;
    	margin-top: 60px;			
	}
	.lw-list li {
		padding: 15px 0 15px 0;
	}
	
	.lw-list h3 {
		font-size: 16px;
		line-height: 18px;
		padding: 0 0 10px 0;
	}
	.lw-list li strong {
		font-size: 14px;
		line-height: 18px;
	}
	.lw-list li picture {
		width: 35px;
		margin: 0 10px 0 0;
	}
	.lw-list li img {
		width: 35px;
		height: 30px;
	}
	
	.bi-4 {
		border: 10px solid #F9DFD8;
		padding: 60px 60px 40px 60px
	}
	.bi-4 h2 {
		font-size: 24px;
		line-height: 28px;
		padding: 20px 0 0 0;
	}
	.bi-4 picture {
		bottom: -40px;
    	right: -290px;
	}
	.bi-4 picture img {
		width: 406px;
		height: 305px;
	}
	
	.bi-5 {
		border: 10px solid #D8EBE4;		
	}
	.bi-5 .picture-bi-6 {
		bottom: -40px;
    	right: -110px;
	}
	.bi-5 .picture-bi-6 img {
		width: 167px;
		height: 90px;
	}
	.bi-5 .picture-bi-5 {
		bottom: -40px;
    	right: -140px;
	}
	.bi-5 .picture-bi-5 img {
		width: 196px;
    	height: 300px;
	}
	
	.inner-project-slider h2 {
		font-size: 24px;
		line-height: 28px;
		font-weight: 500;
		margin: 0px 0 80px 40px;
	}
	.inner-project-slider .wl-ar-wrapper {
		width: 25%;
		left: 40px;
		top: 58px;
	}
	.inner-project-slider .swiper-slide {
		width: 60%;
	}
	.inner-project-slider {
		margin: 120px 0 40px 0;
	}
	.swi-ar-next, .swi-ar-prev {
		background-size: 43px 14px;
		width: 43px;
		height: 14px
	}
	.swi-ar-prev:active {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	.swi-ar-next:active {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	.swi-wrapper video {
		height: 300px;
	}
	.swi-wrapper p {
		font-size: 14px;
		line-height: 18px;
		padding: 30px 0 0 40px;
		width: 85%;
	}

	.swi-wrapper .open-new-window {
		right: 20px;
		top: 20px;
	}
	
	/* Tooltip */
	[data-tooltip]:before,
	[data-tooltip]:after {
		bottom: calc(100% + 5px);
	}

	[data-tooltip]:before {
		padding: 10px 20px;
		min-width: 50px;
		max-width: 200px;
		border-radius: 6px;
		font-size: 14px;
		transform: translate(-50%, -5px) scale(0.5);
		
	}

	[data-tooltip]:after {
		border-width: 5px 5px 0px 5px;	
	}

	[data-tooltip]:hover:before {
		transform: translate(-50%, -5px) scale(1);
	}

	[data-tooltip-location="left"]:before,
	[data-tooltip-location="left"]:after {
		right: calc(100% + 5px);
	}

	[data-tooltip-location="left"]:after {
		border-width: 5px 0px 5px 5px;
	}

	[data-tooltip-location="right"]:before,
	[data-tooltip-location="right"]:after {
		left: calc(100% + 5px);
	}

	[data-tooltip-location="right"]:after {
		border-width: 5px 5px 5px 0px;
	}

	[data-tooltip-location="bottom"]:before,
	[data-tooltip-location="bottom"]:after {
		 top: calc(100% + 5px);
	}
	[data-tooltip-location="bottom"]:before {
		transform: translate(-50%, 5px) scale(0.5);
	}
	[data-tooltip-location="bottom"]:hover:before {
		transform: translate(-50%, 5px) scale(1);
	}

	[data-tooltip-location="bottom"]:after {
		border-width: 0px 5px 5px 5px;
	}

	[data-tooltip]:after {
		bottom: calc(100% + 3px);
	  }
	  [data-tooltip]:after {
		border-width: 7px 7px 0px 7px;
	 }
			
	
	
	.icon-holder {	
		width: 50px; 
		opacity: 0.3!important;
		display: block;
		position: absolute;				
		right: 20px;
    	margin-top: -10px;
	}
	.one_f_h_s_cls-1 {
		animation: p_horizontalScroll 1.5s linear 0s infinite;
	}
	[class*=cls-1] {
		stroke: #000;
	}
	[class*=cls-1], [class*=cls-2] {
		fill: none;
		stroke-miterlimit: 10;
		stroke-width: 2px;
	}
	[class*=cls-2] {
		stroke: #000;
	}
	[class*=cls-1], [class*=cls-2] {
		fill: none;
		stroke-miterlimit: 10;
		stroke-width: 2px;
	}
	
	@keyframes p_horizontalScroll {
	  0%, 30%, 100% {
		transform: translate(10%, 5%); }
	  80% {
		transform: translate(-10%, 5%); } 
	}
	
	@keyframes p_flickLeft1 {
	  0%, 30%, 100% {
		transform: translateY(10%) rotate(50deg); }
	  80% {
		transform: translateY(10%) rotate(-10deg); } 
	}
	
	@keyframes p_flickRight1 {
	  0%, 30%, 100% {
		transform: translateY(10%) rotate(20deg); }
	  80% {
		transform: translateY(10%) rotate(80deg); } 
	}
	
	.product-item:hover::before, .product-item-v1:hover::before {
		width: 240px;
		height: 240px;
	}
	
	.main-bottom {
		padding-bottom: 200px;
	}
	
	.bi-7 {
		border: 10px solid #CFE2FF;
	}
	picture.picture-bi-7 {
		bottom: -20px;
    	right: -160px;
	}
	picture.picture-bi-7 img {
		width: 301px;
		height: 305px;
	}
	
	.logo-product {
		margin-bottom: 20px;
	}
	
	.bl-inner .bli-text ul {
		margin: 20px 0 20px 40px;
		font-size: 18px;
	}
	.bl-inner .bli-text ul li {
		padding: 15px 0 15px 0;
	}
	
	.bl-inner .bli-text ul li::before {
		left: -20px;
    	margin-top: 9px;
		width: 6px;
    	height: 6px;
	}
	
	.blockquote-items-2 {
		border: 10px solid #D8EBE4;
	}
	picture.picture-bi-8 {
		bottom: -30px;
    	left: -220px;
    	right: auto;
	}
	picture.picture-bi-8 img {
		width: 295px;
    	height: 330px;
	}
	.bi-bottom {
		margin: 40px 0 0 0;
		display: block;
		text-align: right;
	}
	.bi-bottom i {
		font-size:12px;		
		padding: 0 0 20px 0;
		display: block;
	}
	.bi-bottom a {
		width: 100%;
		height: 56px;
		line-height: 56px;		
		-webkit-border-radius: 28px;
		border-radius: 28px;
	}
	.bi-bottom a::before {
		-webkit-border-radius: 28px;
		border-radius: 28px;
	}
	.bi-bottom a span {
		font-size: 16px;
		line-height: 16px;
	}
	
	.seo-promo-wrapper {
		margin: 60px 40px 0 40px;
		width: auto;
	}
	.seo-promo-wrapper picture img {
		width: 360px;
   		height: auto;
		object-fit: cover;
    	object-position: center;
	}
	.spw-items .number {
		font-size: 16px;
		line-height: 50px;
		width: 50px;
		height: 50px;
		margin: 40px 0 0 -18px;
	}
	.spw-items p {
		font-size: 16px;
		line-height: 22px;
		margin: 20px 0 0 0;
	}
	.seo-promo-wrapper .spw-items {
		width: auto;
		padding: 0 0 0 40px;
	}
	
	
	.video-product-col-wrapper {
		display: block;
		margin: 60px 0 0 0;
	}
	.video-product-col-wrapper iframe {
		height: 460px;		
	}
	.video-product-col-wrapper img {
		height: auto;
		display: block;
	}
	
	.links-list {
		padding: 60px 0 0 25%;
	}
	.links-list h3 {
		font-size: 18px;		
		margin: 0 0 20px 0;
	}
	.links-list ul {
		font-size: 18px;
	}
	.links-list li {
		margin: 20px 0 0 0;
	}
	
	.bot-wrapper {
		margin: 60px 0 0 40px;
	}
	.bot-wrapper h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.bot-wrapper {
		display: block;
	}
	.frame-phone {
		background-size: 327px 565px;
		width: 327px;
		height: 565px;
		margin: 0 0 0 -20px;
		padding: 32px;
	}
	.bw-item-1, .bw-item-2 {
		display: inline-block;
		vertical-align: top;
		width: 45.5%;
		
	}
	.bw-item-3 {
		padding: 20px 0 0 0;
		font-size: 18px;
    	line-height: 28px;	
		width: 70%;
	}
	.bw-item-3 p {
		padding: 15px 0 0 0;
	}
	.bwi3-bottom {
		padding: 40px 0 0 0;
	}
	
	.button {
		margin: 0;
		width: 320px;
		height: 56px;
		line-height: 56px;
		-webkit-border-radius: 28px;
		border-radius: 28px;
	}
	.button::before {
		-webkit-border-radius: 28px;
		border-radius: 28px;
	}
	.bwi3-bottom .button {
		margin: 40px 0 0 0;
	}
	.button span {	
	    font-size: 16px;
    	line-height: 16px;
	}
	
	.speed-line {
		margin: 120px 0 20px 0;
	}
	.speed-line ul {
		font-size: 38px;
	}
	.speed-line ul li {
		margin: 0 15px 0 15px;
		height: 50px;
	}
	.sl-1, .sl-2 {
		height: 50px;
	}
	
	.cb-wrapper {
		display: block;
		width: 50%;
		margin: auto;
	}
	.cb-1, .cb-2 {
		width: auto;
		margin-left: 0;
	}
	.left-item-3 {
		margin-left: 0px;
		width: auto;
	}
	.cb-1 .banner-items, .cb-2 .banner-items {
		margin: 60px 0 0 0px;
	}
	.banner-items img {
		width: 100%;
		height: 100%;	
	}
	
	.banner-items .open-new-window {
		bottom: 20px;
		left: 20px;
	}
	
	.blockquote-items-mini {
		border: 10px solid rgba(0, 136, 204, 0.3);		
		padding: 40px;		
		margin: auto;
		margin-top: 60px;
		float: none;
		width: 50%;
	}
	.ico-m {
		background-size: 33px;
	    height: 33px;
		line-height: 33px;
		padding: 0 0 0 40px;
		font-size: 14px;
	}
	.blockquote-items-mini h2 {
		font-size: 22px;
    	line-height: 26px;
		margin: 60px 0 30px 0;
	}
	.blockquote-items-mini p, .blockquote-items-mini ul {
		font-size: 16px;
		line-height: 20px;
	}
	.blockquote-items-mini ul {
		margin: 30px 0 0 0;
	}
	.video-links::after {
		background-size: 28px;
		width: 28px;;
		height: 28px;;
		margin: 4px 0 0 10px;
	}
	
	.bm-viber {
		border: 10px solid rgba(115, 96, 242, 0.3);
	}
	.bm-viber .ico-m {
		background-size: 25px 27px;		
		height: 27px;
		line-height: 27px;
	}
	
	.about-content {
		padding: 120px 0 0 0;	
	}
	.about-content h1 {
		margin: 0 0 0 25%;
		font-size: 28px;
	}
	.about-content h1 strong {
		margin: 60px 0 0 0;
	}
	.ac-picture-1 {
		margin: 60px 0 0 25%;
		width: 50%;
	}
	.ac-picture-1 img {
		width: 100%;
		height: auto;
	}
	.ab-text {
		margin: 80px 0 0 25%;
    	width: 50%;
	}
	.ab-text p {
		font-size: 24px;
	}
	.ab-text ul {
		font-size: 18px;
		padding: 20px 0 0 0;
	}
	.about-wrapper .fb-big-button {
		margin-left: 25%;
	}
	.ab-text ul li {
		margin: 25px 0 0 0;
	}
	
	.job-items {
		font-size: 18px;
		padding-top: 40px;
		padding-bottom: 0px;
	}

	.product-step strong {
		border-width: 1px;
		padding: 15px 30px 16px 30px;
		border-radius: 40px;
		font-size: 18px;
	}
	
	.product-step strong:active {
		transform: translateY(2px);
	}
	
	.links-wrappers .button {
		margin-top: 30px;
	}
	
	.wi-inf p {
		padding-bottom: 10px;		
	}
	.wi-inf strong {
		padding-top: 15px;
		max-width: 230px;
		width: 100%;
		font-size: 12px;
	}
	.wi-inf strong svg {
		height: 16px;
	}
	
	.big-checkbox {
		border-width: 2px;
	}
	.big-checkbox label {
		padding: 15px;
	}
	.big-checkbox span {
		font-size: 16px;
		line-height: 18px;		
	}
	.big-checkbox:hover {
		border-width: 2px;
	}
	.big-checkbox span p {
		line-height: 18px;
    	font-size: 13px;
		padding-top: 10px;
	}
	.big-checkbox .checkbox+label {
		width: inherit;
	}

	.fbb-links {
		height: 48px;
		line-height: 46px;
		font-size: 16px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		padding: 0 25px 0 25px;
		margin-right: 20px;
		-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
		box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
	}
	.fbb-links svg {
		width: 18px;
		height: 18px;		
		right: -8px;
		top: -8px;
		border-width: 1px;
		padding: 5px;
	}
	.fixed-bottom-button {
		left: 20px;
    	bottom: 20px;
	}
	
	.qai {
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	
	.logo-wrapper {
		width: auto;
		margin-left: 40px;
    	margin-right: 0px;
		padding-top: 60px;
	}
	.lw-1, .lw-1 img  {
		width: 80px;
	}
	.lw-2, .lw-2 img {
		width: 128px
	}
	.lw-3, .lw-3 img {
		width: 101px;
	}
	.lw-4, .lw-4 img {
		width: 105px;
	}
	.lw-5, .lw-5 img {
		width: 129px;
	}
	.lw-6, .lw-6 img {
		width: 133px;
	}
	.logo-wrapper .swiper-slide {
		margin-right: 30px;
	}
	
	.logo-wrapper [data-tooltip]::before, .logo-wrapper [data-tooltip]::after {
		display: none;
	}
	
	.near-bottom .fixed-bottom-button {
		transform: translate(0,0)!important;
	}
	
	.qa-wrappers h1 {
		font-size: 24px!important;
		margin: 0 0 30px -2px;
	}
	.qa-wrappers {
		margin-top: 0!important;
		padding-bottom: 120px;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}
	.qai h3 {
		font-size: 18px;
		line-height: 24px;		
	}
	.qai h3, .qaiw {
		padding: 13px 20px 13px 20px;
	}
	.qai h3::after {
		background-size: 32px;
		width: 32px;
		right: 10px;
	}
	.qai {
		margin-top: 20px;
		border-width: 3px;
	}
	.qai p {
		margin: 0;
	}
	
	a.promo-links {
		border: 2px solid rgba(255,176,26, 1);
		padding: 0px 25px 0px 25px;
		border-radius: 30px;
		margin-top: 40px;
		height: 60px;
		line-height: 56px;
		font-size: 17px;			
	}
	a.promo-links .ico-open-ww {
		margin-top: -4px;
	}
	.header-item article p {
		font-size: 18px;
		line-height: 24px;
		padding: 0 0 10px 0;
	}
	
	
	.mt20  {
		margin-top: 20px;
	}
	
	
	/* Header slider */
	.slider-header {
		margin: -60px 40px 80px 0;
		padding: 80px 0 0 0;		
	}			
	.slider-header .swiper {
		width: -moz-calc(100% + 130px);
		width: -webkit-calc(100% + 130px);
		width: -o-calc(100% + 130px);
		width: calc(100% + 130px);
		margin-left: -45px!important;				
	}
	.slider-header .swiper-wrapper {
		padding-left: 40px;					
	}
	
	.ps-item {
		margin: 0 5px 0 5px;

		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: -o-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.ps-item picture {		
		height: 160px;		
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}		
	.slider-header .swiper-slide {
		width: 380px!important;		
	}
	.slider-header .swiper-slide:last-child {
		margin-right: 40px;
	}
	
	.ps-item {
		font-size: 13px;
		line-height: 18px;				
	}
	
	.ps-item p {
		margin-top: 15px;	
	}
	.ps-item p a {		
		padding: 5px 8px 6px 8px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}	
	.sh-arrow  {
		right: -40px;
	}
	.sh-arrow svg {
		width: 16px;
		height: 16px;
	}	
	.sh-button-prev, .sh-button-next {		
		width: 55px;
		height: 55px;		
	}	
	.sh-button-prev {
		margin-right: 20px;
	}
	.sh-button-prev:active {
		transform: translateX(-5px);
	}
	.sh-button-next:active  {
		transform: translateX(5px);
	}
	.slider-header .swiper-slide.ss-m {
		width: 40px!important;
	}

	.link-wrapper-slider {	
		padding: 60px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	.link-wrapper-slider span {
		font-size: 24px;
		line-height: 28px;
	}
	.link-wrapper-slider .ico-email {
		width: 50px;
		height: 50px;
	}
	
	.attention {		
		gap: 15px;
		margin-top: 30px;    
		padding: 20px;
		border-radius: 20px;
	}


}

@media all and (max-width: 940px)  {
	.lw-list {
		width: 25%;
	}
	.links-wrappers .lw-list {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.links-wrappers .lw-list li {
		padding-right: 10px;
	}
	.links-wrappers .clear {
		display: none;
	}
	
	.seo-promo-wrapper {
		display: block;
		margin: 20px 0 0 40px;
		width: -moz-calc(70% - 40px);
		width: -webkit-calc(70% - 40px);
		width: -o-calc(70% - 40px);
		width: calc(70% - 40px);
		
	}
	.seo-promo-wrapper .spw-items {		
		padding: 0;
	}
	.seo-promo-wrapper picture img {
		margin: 0;
		width: auto;
	}
	.spw-items p {
		font-size: 18px;
    	line-height: 28px
	}
	
	.blockquote-items-mini ul li, .blockquote-items-mini ul li:last-child {
		width: 100%;
		display: block;
		margin: 20px 0 0 0;
	}
	
	.promo-links .ico-open-ww {
		background-size: 24px;
		width: 24px;
		height: 24px;
		margin: -2px 0 0 8px;
	}
	
	
}

@media all and (max-width: 768px)  {
	.video-item {
		height: 440px;
	}
	.text-item h1 {
		font-size: 28px;
		margin: 0 0 30px -2px;
	}
	.text-item h2, .ps-4 .ps-mt, .inner-project-slider h2 {
		font-size: 22px;
    	line-height: 26px;
	}
	
	.fb-big-button {
		margin: 160px 0 200px 25%;
	}
	.mw-item::before {
		width: 100%;
	}
	.menu-wrapper .menu::before, .menu-wrapper .menu::after {
		background: #fff;
	}
	.fe-bottom p {
		width: 100%;
	}
	.wi-forms h1 {
		font-size: 26px;
    	line-height: 28px;		
	}
	
	.inner-top-title {
		margin: 0 0 0 40px;
		width: 70%;
	}
	.bl-inner {
		margin: 0 0 0 40px;
		width: 70%;
	}
	.hot-task.left-20 {
		margin-left: 40px;	
	}
	.hot-task {
		width: auto;
		margin: 120px 40px 0 40px;
	}
	
	
	.ts2 {
		bottom: -10px;
	}
	.hot-task .fb-mail strong {
		bottom: 248px;
    	right: -30px;
	}
	.ts2 img, .team-s3, .bi-3 picture {
		display: none;
	}
	
	.hot-task .ht-video {
		right: -20px;
	}
	.hot-task .fb-mail {
		float: right;
		position: relative;
		bottom: -10px;
		right: -10px;
		margin: 20px 0 0 0;
	}
	.hot-task {
		padding-bottom: 40px!important;
	}
	.hot-task .ht-video {
		top: -70px;
	}
	
	.blockquote-items-2 {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.video-wrapper {
		left: -20px;
	}
	.bi-3 {
		padding-top: 50px!important;
	}
	
	.links-wrappers {
		
		padding-left: 40px;
				
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		height: auto;		
	}
	
	.lw-list {
		width: 49.5%;		
	}
	
	.bi-4 picture {
		top: -110px;
		bottom: auto;
		right: -70px;
	}
	.bi-4 picture img {
		width: 270px;
		height: 205px;
	}
	
	.bi-5 .picture-bi-6 {
		top: auto;
	}	
	.bi-5 .picture-bi-5 img {
		width: 131px;
		height: 200px;
	}
	
	.inner-project-slider .swiper-slide {
		width: 80%;
	}
	
	.bi-5 .picture-bi-5 {
		right: -20px;
	}
	
	picture.picture-bi-7 img {
		width: 202px;
		height: 205px;
	}
	picture.picture-bi-7 {
		right: -20px;
	}
	
	picture.picture-bi-8 {
		left: -100px;
		bottom: -20px;
		top: auto;
	}
	picture.picture-bi-8 img {
		width: 215px;
		height: 240px;
	}
	
	.links-list {
		padding: 60px 0 0 40px;
	}
	
	.cb-wrapper {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
	}
	.left-item-3 {
		width: -moz-calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: calc(50% - 40px);
		margin-left: 40px;
	}
	.banner-items img {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.cb-1 .banner-items, .cb-2 .banner-items {
		margin-left: 40px;
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	
	.blockquote-items-mini {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
		padding: 60px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	
	.about-content h1 {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.ac-picture-1 {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.ab-text {
		margin: 80px 40px 0 40px;
		width: auto;
	}
	.about-wrapper .fb-big-button {
		margin-left: 40px;
		width: -moz-calc(75% - 40px);
		width: -webkit-calc(75% - 40px);
		width: -o-calc(75% - 40px);
		width: calc(75% - 40px);
	}
	
	.inner_menu .menu {
		border: 1px solid rgba(255,255,255, 0.3);
	}
	
	.work-left .slide-1 a {
		background: #F1F7FF;
	}
	.work-left .slide-3 a {
		background: #fafdcf;
	}		
	.work-left .slide-4 a {
		background: #e9ffed;
	}		
	.work-left .slide-9 a {
		background: #fcfcf2;
	}
	
	.work-left .slide-1 picture img, .work-left .slide-3 picture img, .work-left .slide-4 picture img, .work-left .slide-9 picture img {
		height: 85%;
		width: auto;
	}

	.links-wrappers .button {
		display: block;
	}
	.w40-wrapper {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}	
}

@media all and (max-width: 740px)  {
	.product-item-v1 {
		margin: 80px 0 0 40px;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}
	.fb-big-button {
		margin: 120px 0 0px 40px;
		width: -moz-calc(75% - 40px);
		width: -webkit-calc(75% - 40px);
		width: -o-calc(75% - 40px);
		width: calc(75% - 40px);
	}
	.client-s1 {
		display: none;
	}
	
	.jobs {
		padding: 120px 0 0 40px;
	}
	.jobs h2 {
		font-weight: 600;
		font-size: 28px;
		line-height: 28px;
	}
	.team-s2 {
		top: 250px;
	}
	.fi-left, .fi-right {
		float: none;
		width: -moz-calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: calc(50% - 40px);
		margin: 0 0 0 40px;
	}
	.fi-right {
		padding-top: 30px;
	}
	.work-wrapper {
		padding-bottom: 120px;
	}
	
	.left-item-2 {
		float: none;
	}
	.work-1, .work-2, .work-3 {
		float: none;
		display: block;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		margin: 80px 0 0 40px;
	}
	.product-item picture {
		max-width: 300px;
		margin: auto;
	}
	.work-2 img {
		margin-top: -20px;
	}
	
	.main-bottom {
		padding-bottom: 120px;
	}
	
	.bw-item-1, .bw-item-2 {
		width: 44.5%;	
	}
	
	
	.product-step strong {
		background: none;
		color: #3482FF;
	}
	.product-step:hover strong {
		background: #3482FF;
		color: #fff!important;
	}
	.ht-right a {
		display: none;
	}
	a.language-es, a.language-en {
		display: inline-block;
	}
	a.language-es {
		margin-right: 0;
	}
	.menu {
		margin-left: 40px;
	}

	.sh-arrow {
		display: none;
	}

}

@media all and (max-width: 640px)  {
		
	.header-item h1 {
		width: 100%;
		font-size: 24px;
    	line-height: 34px;
	}
	
	.ps-4 picture {
		height: auto!important;
		overflow: inherit;
		margin: 0 0 30px 0;
	}
	.ps-4 picture img {
		object-fit:contain;
		height: auto;
	}
	.ps-4 .ps-mt {
		margin: 0 40px 40px 0px;
		width: auto;
	}
	.ps-4 .open-new-window {
		bottom: -40px;		
	}
	
	.blockquote-items {
		border: 6px solid #F9DFD8;
	}
	.team-s1 {
		left: -100px;
		bottom: -55px;
	}
	.team-s1 img {
		width: 140px;
		height: 323px;
	}
	.blockquote-items {
		padding: 40px;
	}
	.blockquote-items i {
		font-size: 90px;
		margin: 20px 0 0 -8px;
	}
	.blockquote-items p {
		font-size: 18px;
		line-height: 26px;
		padding: 0 0 20px 0;
	}
	
	.fb-big-button {
		padding: 40px;
	}
	
	.fi-left, .fi-right {
		float: none;
		width: -moz-calc(75% - 40px);
		width: -webkit-calc(75% - 40px);
		width: -o-calc(75% - 40px);
		width: calc(75% - 40px);
		margin: 0 0 0 40px;
	}
	
	
	
	.blockquote-items-2 {
		border: 6px solid #FFFA90;
	}
	.blockquote-items-2 p {
		font-size: 18px;
    	line-height: 26px;
	}
	
	.blockquote-items-2 {
		padding-top: 90px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.blockquote-items-2 p {
		padding: 10px 0 10px 0;
	}
	.bi-3 {
		border: 6px solid #CFE2FF;
	}
	
	.blockquote-items-2.bi-4 {
		padding-top: 40px;
		border: 6px solid #F9DFD8;
	}
	.bi-4 h2 {
		font-size: 18px;
    	line-height: 24px;
		font-weight: 500;
	}
	
	.bi-4 picture  {
		top: -100px;
	    right: -60px;
	}
	.bi-4 picture img {
		width: 210px;
		height: 160px;
	}
	
	.bi-5 .picture-bi-5 {
		top: -100px;
		right: 0px;
	}
	.bi-5 .picture-bi-5 img {
		width: 92px;
		height: 140px;
	}
	.bi-5 .picture-bi-6 img {
		width: 130px;
		height: 70px;
	}
	
	picture.picture-bi-7 img {
		width: 158px;
		height: 160px;
	}
	picture.picture-bi-7 {
		right: -20px;
	}
	
	picture.picture-bi-8 {
		left: -80px;
	}
	picture.picture-bi-8 img {
		width: 183px;
		height: 205px;
	}
	.bot-wrapper {
		margin-top: 40px;
		width: auto;
		margin-right: 40px;
	}
	.bw-item-1, .bw-item-2 {
		width: auto;
		display: block;
		margin: 0 0 0 -2px;
	}
	.bw-item-3 {
		width: auto;
	}		
	
	.blockquote-items-mini {
		border-width: 6px;
		padding: 40px;
	}
	
	
}

@media all and (max-width: 540px)  {
	.article-text {
		width: -moz-calc(75% - 0px);
		width: -webkit-calc(75% - 0px);
		width: -o-calc(75% - 0px);
		width: calc(75% - 0px);
		margin-right: 0;
	}
	.left-item {
		margin-left: 0;
	}
	.bb-left strong {
		font-size: 28px;
		line-height: 28px;
	}
	.fb-big-button::before {
		background-size: 100px;
		width: 100px;
		height: 100px;
		top: -50px;
    	right: -50px;
	}
	
	.vacancies {
		padding: 40px 0 120px 40px;
	}
	.team-s2 {
		display: none;
	}
	.work-item .article-text {
		width: 75%;		
	}
	.work-item .article-text {
		margin: 120px 0 0 0;
	}
	.wl-ar-wrapper {
		width: 80%;
		left: 0;
		margin: 0 0 0 40px;
	}
	.ww-items {
		width: 75%;
	}
	.ww-items p {
		font-size: 14px;
	}
		
	.bb-left strong {
		display: inline;
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(52, 130, 255,0.3) 0);
	}
	.fb-big-button:hover strong {
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(0, 0, 0,0.1) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(0, 0, 0,0.1) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(0, 0, 0,0.1) 0);
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(0, 0, 0,0.1) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(0, 0, 0,0.1) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(0, 0, 0,0.1) 0);
	}
	
	.about-wrapper .bb-left strong {
		display: inline;
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255,0.2) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255,0.2) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 2555,0.2) 0);
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255,0.2) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255,0.2) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255,0.2) 0);
	}
	.about-wrapper .fb-big-button:hover strong {
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255,0.1) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255,0.1) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255,0.1) 0);
		background: -webkit-linear-gradient(top,transparent -webkit-calc(100% - 1px),rgba(255, 255, 255,0.1) 0);
		background: -o-linear-gradient(top,transparent calc(100% - 1px),rgba(255, 255, 255,0.1) 0);
		background: linear-gradient(180deg,transparent calc(100% - 1px),rgba(255, 255, 255,0.1) 0);
	}
	
	.product-step strong {
		font-size: 16px;
		
	}

	.slider-header .swiper-slide {
		width: 280px!important;
	}
	.ps-item picture {
		height: 116px;
	}
	.ps-item picture img {
		height: 116px;
	}
	.ps-item p:last-child {
		line-height: 32px;
	}
	.ps-item p:last-child a {
		line-height: 18px;
	}

	.xxl-header, .mw-item::before, .black-line, .about-wrapper {
		background: -webkit-linear-gradient(to right, #001335, #254794);
		background: linear-gradient(to right, #001335, #254794);
	}

	.link-wrapper-slider {
		padding: 40px;
	}
	.link-wrapper-slider span {
		font-size: 18px;
		line-height: 26px;
		font-weight: 500;
	}
}

@media all and (max-width: 440px)  {
	.hor-line {
		width: 80%;
		left: 10%;
	}
	.hor-line div:nth-child(3), .hor-line div:nth-child(4) {
		display: none;
	}
	.hor-line div {
		width: 50%;
	}
	.hor-line.white-line div:nth-child(2) {
		border-right: 1px solid rgba(255, 255, 255, 0.06)!important;	
	}
	.hor-line div:nth-child(2) {
		border-right: 1px solid rgba(0, 0, 0, 0.04)!important;
	}
	.wrappers {
		margin-left: 10%;
		margin-right: 10%;
	}
	
	a.language-es {
		margin-right: 70px;
	}
	.header-item h1 {
		font-size: 18px;
		line-height: 26px;
	}
	.header-item article p {
		font-size: 16px;
	}
	
	
	.wemake-team {
		grid-template-columns: 100px auto;
	}
	.wemake-team img {
		width: 100px;
	}
	.wemake-team .wi-inf {
		padding: 0 0 0 20px;
	}	
	.wemake-team {
		margin: 60px 0 60px 0;
	}
	.header-top {
		grid-template-columns: 50% 50%;
	}
	.video-item, .video-item video {
		height: 260px;
	}
	.video-item .cases {
		left: 10%;
		bottom: 10%;
	}
	.article-text {		
		width: 90%;
		padding-left: 10%;
		padding-right: 10%;
	}
	.article-text p {
		font-size: 18px;
		line-height: 22px;
	}
	.text-item {
		margin: 120px 0 0 10%;
		width: -moz-calc(100% - 20%);
		width: -webkit-calc(100% - 20%);
		width: -o-calc(100% - 20%);
		width: calc(100% - 20%);
	}
	.text-item p {
		font-size: 16px;
		line-height: 24px;
	}	
	.product-step {		
		width: 100%;
		margin-left: 0;
	}
	
	.product-item-v1 {
		margin: 80px 0 0 10%;		
		width: 80%;	
	}
	
	.open-new-window {
		right: 40px;
		bottom: 40px;
	}

	.ps-4 .ps-mt {
		margin-left: 40px;
	}
	.ps-4 .open-new-window {
		display: none;
	}
	.product-item-v1 picture {
		text-align: left;
	}
	.product-item-v1 picture img {
		position: relative;
		margin-left: -100px;
	}
	
	.blockquote-items {
		width: 80%;
		margin-left: 10%;
		padding-bottom: 60px;
		background: #fff;
	}
	.hot-task.left-20 {
		margin-left: 10%;
	}
	.pi-v2 picture img {
		margin-left: -20px;
	}
	.product-item-v1 small i {
		width: 80%;
		line-height: 14px;
	}
	.product-item-v1 p, .blockquote-items p, .jobs p, .hot-line p, .sd-items p, .blockquote-items-2 p, .product-item p, .p-small, .spw-items p, .bw-item-3 p {
		font-size: 16px;
		line-height: 22px;
	}
	.product-step picture {
		height: 280px;
		-webkit-box-shadow: none;
    	box-shadow: none;
	}
	.team-s1 {
		bottom: -38px;
		left: -70px;
	}
	.team-s1 img {
		width: 100px;
		height: 231px;
	}
	
	.ul-hor li {
		margin-right: 0;
		white-space: nowrap;
	}
	.vacancies li {
		margin-bottom: 25px;
	}
	.jobs p{
		padding-right: 30px;
	}
	
	.fb-button {
		width: 100%;
		padding: 0 0 0 30px;
		font-size: 16px;
	}
	.fi-left p {
		padding: 0;
	}
	.product-item-v1 picture {
		height: 180px;
	}
	.product-item-v1 picture img {
		width: 324px;
		height: 180px;
		margin-left: -60px;
	}
	.pi-v2 picture {
		height: 260px;
	}
	.pi-v2 picture img {
		width: 267px;
		height: 260px;
		margin-left: -20px;
	}
	.fb-big-button {
		background: #fff;
		width: 80%;
		margin-left: 10%;
	}
	.fb-big-button::before {
		background-size: 80px;
		width: 80px;
		height: 80px;
		top: -40px;
		right: -40px;
	}
	.jobs, .vacancies {
		width: 80%;
		padding-left: 0;
		margin-left: 10%;
	}
	
	.ps-4 {
		background: rgba(0, 0, 0, 0.02)!important;
		margin: 80px 0 0 0;
		padding: 80px 10% 80px 10%;
		text-align: left;
	}
	.ps-4 .ps-mt {
		margin: 0!important;
	}
	.ps-4 picture {
		margin: 30px 0 30px 0;
	}
	.ps-4 strong {
		margin: 0!important;
	}
	.sd-items p {
		padding-left: 10%;
		padding-right: 10%;
	}
	.fi-left, .fi-right {
		width: 80%;
		margin-left: 10%;
	}
	.footer-small-inf {
		padding: 5px 0 0 0;
	}
	.footer-small-inf li {
		margin: 5px 0 0 0;
	}
	.hot-line {
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.menu-left {
		margin: 0;
		padding: 100px 0 30px 10%;
	}
	.contacts {
		margin-left: 0;
		width: 100%;
		padding: 0 0 0 10%;
	}
	.menu-right {
		margin: 0;
		padding: 60px 10% 0 10%;
		width: 100%;
	}
	a.fb-menu-links picture {
		left: inherit;
		right: -80%;
	}
	.work-left {
		height: 500px;
	}
	.wl-ar-wrapper {
	    width: 80%;
		margin: 0;
		text-align: right;
		left: 10%;
	}
	.work-item .article-text {
		float: left;
	}
	.ww-items {
		padding-left: 10%;
	}
	.work-left .open-new-window {
		left: 10%;
		bottom: 10%;
	}
	.work-item .article-text {
		padding: 30px 10% 0 10%;
		width: 90%;
	}
	
	.w40-wrapper {
		width: 100%;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	
	.inner-top-title {
		width: auto;
		margin: 0 10% 0 10%;
	}
	.bl-inner {
		margin: 0 10% 0 10%;
		width: auto;
	}
	.showreel-items picture img {
		width: 70px;
    	height: 70px;
	}
	.showreel-items picture {
		margin-right: 10px;
	}
	.showreel-items strong {
		font-size: 16px;
		font-weight: 600;
		width: 60%;
	}
	.showreel-items strong i {
		line-height: 16px;
		display: block;
		padding: 5px 0 0 0;
	}
	.showreel-items picture::before {
		background-size: 19px 25px;		
	}
	.bl-inner {
		padding: 0px;
	}
	.black-line {
		padding: 80px 0 80px 0;
	}
	
	.video-wrapper {
		right: -20px;
    	left: auto;
	}
	.video-wrapper::after {
		top: 10px;
    	left: 10px
	}
	
	.blockquote-items-2 {
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.left-item-2 {
		margin-left: 10%;
	}
	.work-1, .work-2, .work-3 {
		width: auto;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.bi-3 {
		padding-top: 40px!important;
	}
	
	
	.links-wrappers {
		padding-top: 30px;	
		padding-left: 10%;
				
		width: -moz-calc(100% - 10%);		
		width: -webkit-calc(100% - 10%);		
		width: -o-calc(100% - 10%);		
		width: calc(100% - 10%);		
	}
	.lw-list {
		width: 100%;
		margin-top: 30px;
	}
	.lw-list li strong {
		font-size: 13px;
    	line-height: 16px;
	}
	.lw-list li:first-child {
		padding-bottom: 10px;		
	}
	.lw-list li {
		padding: 5px 0 5px 0;
	}
	
	.bi-4 picture {
		top: -120px;
	}
	
	.inner-project-slider h2 {
		margin-left: 10%;
	}
	.swi-wrapper p {
		padding: 30px 0 0 12.5%;
	}
	.inner-project-slider .wl-ar-wrapper {
		width: 60%;
		text-align: left;
		left: 10%;
	}
	
	.swi-wrapper video {
		height: 260px;
	}
	.icon-holder {
		right: 6%;
	}
	
	picture.picture-bi-8 {
		top: -80px;
		left: -70px;
	}
	picture.picture-bi-8 img {
		width: 161px;
		height: 180px;
	}
	
	.seo-promo-wrapper {
		width: auto;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.video-product-col-wrapper iframe {
		height: 360px;
	}
	.links-list {
		padding-left: 10%;
	}
	
	.bot-wrapper {
		margin-left: 10%;
		margin-right: 10%;
	}
	.button {
		width: 100%;
	}
	
	.bw-item-1, .bw-item-2 {
		margin: 0;
	}
	
	.left-item-3 {
		margin-left: 0;
	}
	.cb-1 .banner-items, .cb-2 .banner-items {
		margin-left: 10%;
		margin-right: 10%;
		width: auto;    	
	}
	.banner-items img {
		width: auto;
    	height: auto;
	}
	
	.blockquote-items-mini {
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.about-content h1, .ac-picture-1 {		
		margin-left: 10%;
		margin-right: 10%;
	}
	.ab-text {
		margin: 80px 10% 0 10%;		
	}
	.about-wrapper .fb-big-button {
		background: none;
		margin-left: 10%;
		width: -moz-calc(75% - 10%);
		width: -webkit-calc(75% - 10%);
		width: -o-calc(75% - 10%);
		width: calc(75% - 10%);
	}
	.about-content h1 {
		font-size: 24px;
	}
	.ab-text p {
		font-size: 20px;
		line-height: 26px;
	}
	
	.product-step strong {
		padding-left: 0;
		padding-right: 0;
		display: block;
		text-align: center;
		margin-right: 10%;
		margin-left: 10%;
	}
	
	.inner-top-title h1 {
		font-size: 26px;
    	line-height: 32px;
	}
	
	.wi-inf strong {
		max-width: 150px;
	}
	
	[data-tooltip]:hover:before {
		transform: translate(-10%, -5px) scale(1);
	}
	.links-wrappers .lw-list li {
		width: 70%;
	}
	.menu-wrapper .wrappers  {
		z-index: 5;
	}
	.wrapper .header-top .menu {
		position: fixed;
		top: 40px;
   	 	right: 10%;
		z-index: 99;
	}
	
	.near-bottom .wrapper .header-top .menu {				
		border: 1px solid rgba(255,255,255,0);
		background: rgba(255,255,255,0.5);
	}
	.near-bottom .wrapper .header-top {
		z-index: 99;
	}
	.near-bottom .wrapper .header-top .menu::before, .near-bottom .wrapper .header-top .menu::after {
		background: #000;
	}
	
	.fixed-bottom-button {
		left: 10%;
		right: 10%;
		bottom: 10px;
	}
	.fbb-links {
		font-size: 14px;
		height: 44px;
    	line-height: 42px;
		padding: 0 15px 0 15px;
	}
	.fbb-links svg {
		right: -12px;
		top: -12px;
	}
	.logo-wrapper {
		margin-left: 10%;
	}
	.logo-wrapper .swiper-slide {
		margin-right: 30px;
	}
	
	.qai h3 {
		font-size: 16px;
		line-height: 20px;
	}
	.qai p {
		line-height: 20px;
	}
	.qai h3, .qaiw {
		padding: 13px 45px 13px 15px;
	}
	/*
	a.promo-links {
		background: rgba(255,176,26, 1);
	}
	a.promo-links:hover {
		background: rgba(255,176,26, 0);
	}
	*/
	.xxl-header {
		overflow: initial;
	}
	.xxl-header .header-top {
		top: 40px;
		margin: 0;	
		z-index: 9;
	}
	
	.slider-header {
		margin: 0px 40px 0 0;
		padding: 0px 0 120px 0;
	}
	
	
}

@media all and (max-width: 360px)  {
	
	.video-item .cases {
		bottom: 30px;
	}
	.article-text {
		padding: 30px 10% 0 10%;
	}
	
	.open-new-window {
		right: 10%;
		bottom: 30px;
	}
	
	.ps-4 .open-new-window {
		right: 10%;
	}
	.product-item-v1 {
		padding: 0 30px 30px 30px;
	}
	
	.sd-items p {
		padding: 0 10% 15px 10%;
	}

	.blockquote-items {
		padding: 30px;
		padding-bottom: 60px;
	}
	
	.fb-big-button {
		padding: 30px;
	}
	
	.hot-line {
		padding: 40px 10% 40px 10%;
	}
	
	.footer-small-inf {
		margin: 0 0 0 10%;
	}
	
	.up {
		right: 10%;
	}
	
	.work-item h1 {
		margin-left: 30px;
	}
	
	.ww-items {
		padding-top: 30px;
	}
	
	.hot-task .ht-video {
		right: -15px;
	} 
	.hot-task video, .video-wrapper video {
		width: 170px;
    	height: 100px;
	}
	.hot-task .ht-video::after, .video-wrapper::after {
		width: 170px;
    	height: 100px;		
	}
	.video-wrapper {
		right: -15px;
	}
	.blockquote-items-2 {
		padding: 80px 30px 30px 30px;
	}
	
	.work-1, .work-2, .work-3 {
		padding: 0 30px 30px 30px;
	}
	
	.frame-phone {
		background-size: 280px 484px;
		width: 280px;
		height: 484px;
		padding: 27px;
	}
	
	.blockquote-items-mini {
		padding: 30px;
	}

	.slider-header .swiper-slide {
		width: 260px!important;
	}
	.ps-item picture {
		height: 107px;
	}
	
	.link-wrapper-slider {
		padding: 30px;
	}

}

@media all and (max-width: 340px)  {
	.fb-button {
		font-size: 14px;
	}
	
	.language-en {
		margin-right: 15px;
	}
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
	@media all and (min-width: 1441px)  {
		.hor-line div {
			border-left: 0.05vw solid rgba(0, 0, 0, 0.04)!important;      			
		}
		.hor-line.white-line div {
			border-left: 0.05vw solid rgba(255, 255, 255, 0.05)!important;
		}
	}
	@media all and (max-width: 1440px)  {
		.hor-line div {
			border-left: 1px solid rgba(0, 0, 0, 0.04)!important;      
		}
		.white-line div {
			border-left: 1px solid rgba(255, 255, 255, 0.05)!important;
		}
	}
	
	
	
}