/* Start:/bitrix/templates/request/css/reset.css?16075337557898*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

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

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




/*cosytum-reset*/

/*footer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html {
    display: flex;
    flex-direction: column;
  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0; 
  background-color: #fff;
  line-height: 1.2; 
  text-rendering: optimizeLegibility;
  text-decoration-skip: objects;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

:focus {
  outline: none;
}

audio,
video {
  display: block;
}

audio,
video {
  display: block;
}

img {
  border: none;
}

iframe {
  border: none;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/* delete standart rules*/
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-align: left;
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
  -webkit-appearance: none;
}

textarea {
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border: none;
  padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: none;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

[type='search'] {
  outline: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; 
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

legend {
  display: block; 
  padding: 0;
  white-space: normal;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  transition: opacity .3s;
}

::-moz-placeholder {
  color: inherit;
  opacity: 1;
  transition: opacity .3s;
}

:-moz-placeholder {
  color: inherit;
  opacity: 1;
  transition: opacity .3s;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  transition: opacity .3s;
}

:focus::-webkit-input-placeholder {
  opacity: 0;
}

:focus::-moz-placeholder {
  opacity: 0;
}

:focus:-moz-placeholder {
  opacity: 0;
}

:focus:-ms-input-placeholder {
  opacity: 0;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

[hidden] {
  display: none;
}

:disabled,
.disabled {
  cursor: not-allowed;
}

::-ms-clear {
  display: none;
}

:-webkit-autofill {
  box-shadow: 0 0 100px #fff inset;
  -webkit-text-fill-color: currentColor;
}

::selection {
  color: #fff;
  background-color: #004fe4;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.visually-hidden {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
}

.cover-pic,
.contain-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cover-pic {
  object-fit: cover;
}

.contain-pic {
  object-fit: contain;
}

.footer-page {
  margin-top: auto;
}

.no-wrap {
    white-space: nowrap;
}
/* End */


/* Start:/bitrix/templates/request/fonts/stylesheet.css?16305169257151*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on June 26, 2017 12:11 PM */


@font-face {
	font-family: 'Gotham Pro';
	src: url('../../../../../templates/request/fonts/GothamPro-Medium.eot');
	src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
		url('../../../../../templates/request/fonts/GothamPro-Medium-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamPro-Medium.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../../../../../templates/request/fonts/GothamPro-Bold.eot');
	src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
		url('../../../../../templates/request/fonts/GothamPro-Bold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamPro-Bold.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro Narrow';
	src: url('../../../../../templates/request/fonts/GothamProNarrow-Bold.eot');
	src: local('Gotham Pro Narrow Bold'), local('GothamProNarrow-Bold'),
		url('../../../../../templates/request/fonts/GothamProNarrow-Bold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamProNarrow-Bold.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamProNarrow-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro Narrow';
	src: url('../../../../../templates/request/fonts/GothamProNarrow-Medium.eot');
	src: local('Gotham Pro Narrow Medium'), local('GothamProNarrow-Medium'),
		url('../../../../../templates/request/fonts/GothamProNarrow-Medium-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamProNarrow-Medium.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamProNarrow-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../../../../../templates/request/fonts/GothamPro-Light.eot');
	src: local('Gotham Pro Light'), local('GothamPro-Light'),
		url('../../../../../templates/request/fonts/GothamPro-Light-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamPro-Light.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../../../../../templates/request/fonts/GothamPro-Black.eot');
	src: local('Gotham Pro Black'), local('GothamPro-Black'),
		url('../../../../../templates/request/fonts/GothamPro-Black-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamPro-Black.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../../../../../templates/request/fonts/GothamPro.eot');
	src: local('Gotham Pro'), local('GothamPro'),
		url('../../../../../templates/request/fonts/GothamPro-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/GothamPro.woff') format('woff'),
		url('../../../../../templates/request/fonts/GothamPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../../../../../templates/request/fonts/SegoeUI-SemiBold.eot');
	src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'),
		url('../../../../../templates/request/fonts/SegoeUI-SemiBold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/SegoeUI-SemiBold.woff') format('woff'),
		url('../../../../../templates/request/fonts/SegoeUI-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../../../../../templates/request/fonts/SegoeUI.eot');
	src: local('Segoe UI'), local('SegoeUI'),
		url('../../../../../templates/request/fonts/SegoeUI-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/SegoeUI.woff') format('woff'),
		url('../../../../../templates/request/fonts/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../../../../../templates/request/fonts/SegoeUI-Bold.eot');
	src: local('Segoe UI Bold'), local('SegoeUI-Bold'),
		url('../../../../../templates/request/fonts/SegoeUI-Bold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/SegoeUI-Bold.woff') format('woff'),
		url('../../../../../templates/request/fonts/SegoeUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../../../../../templates/request/fonts/SegoeUI-Light.eot');
	src: local('Segoe UI Light'), local('SegoeUI-Light'),
		url('../../../../../templates/request/fonts/SegoeUI-Light-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/SegoeUI-Light.woff') format('woff'),
		url('../../../../../templates/request/fonts/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('../../../../../templates/request/fonts/MyriadPro-Bold.eot');
	src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
		url('../../../../../templates/request/fonts/MyriadPro-Bold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/MyriadPro-Bold.woff') format('woff'),
		url('../../../../../templates/request/fonts/MyriadPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('../../../../../templates/request/fonts/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
		url('../../../../../templates/request/fonts/MyriadPro-Regular-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/MyriadPro-Regular.woff') format('woff'),
		url('../../../../../templates/request/fonts/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('../../../../../templates/request/fonts/MyriadPro-Light.eot');
	src: local('Myriad Pro Light'), local('MyriadPro-Light'),
		url('../../../../../templates/request/fonts/MyriadPro-Light-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/MyriadPro-Light.woff') format('woff'),
		url('../../../../../templates/request/fonts/MyriadPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('../../../../../templates/request/fonts/MyriadPro-Semibold.eot');
	src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'),
		url('../../../../../templates/request/fonts/MyriadPro-Semibold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/MyriadPro-Semibold.woff') format('woff'),
		url('../../../../../templates/request/fonts/MyriadPro-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on June 26, 2017 11:20 AM */

@font-face {
	font-family: 'Circe';
	src: url('../../../../../templates/request/fonts/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('../../../../../templates/request/fonts/Circe-Regular-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/Circe-Regular.woff') format('woff'),
		url('../../../../../templates/request/fonts/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../../../../../templates/request/fonts/Circe-Light.eot');
	src: local('Circe Light'), local('Circe-Light'),
		url('../../../../../templates/request/fonts/Circe-Light-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/Circe-Light.woff') format('woff'),
		url('../../../../../templates/request/fonts/Circe-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../../../../../templates/request/fonts/Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('../../../../../templates/request/fonts/Circe-Bold-1.eot') format('embedded-opentype'),
		url('../../../../../templates/request/fonts/Circe-Bold.woff') format('woff'),
		url('../../../../../templates/request/fonts/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Regular';
	src: url('../../../../../templates/request/fonts/Roboto-Regular.eot');
	src: url('../../../../../templates/request/fonts/Roboto-Regular-1.eot') format('embedded-opentype'),
	url('../../../../../templates/request/fonts/Roboto-Regular.woff') format('woff'),
	url('../../../../../templates/request/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular';
  src: local('Euclid Circular Medium'), local('Euclid-Circular-Medium'),
    url('../../../../../templates/request/fonts/EuclidCircularA-Medium.woff2') format('woff2'),
    url('../../../../../templates/request/fonts/EuclidCircularA-Medium.woff') format('woff'),
    url('../../../../../templates/request/fonts/EuclidCircularA-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular';
  src: local('Euclid Circular Semi Bold'), local('Euclid-Circular-Semi-Bold'),
    url('../../../../../templates/request/fonts/EuclidCircularA-SemiBold.woff2') format('woff2'),
    url('../../../../../templates/request/fonts/EuclidCircularA-SemiBold.woff') format('woff'),
    url('../../../../../templates/request/fonts/EuclidCircularA-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* End */


/* Start:/bitrix/templates/request/css/swiper.min.css?160753375519778*/
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* End */


/* Start:/bitrix/templates/request/css/jquery.fancybox.min.css?162928312112795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/request/css/animate.css?160753375557095*/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* End */


/* Start:/bitrix/templates/request/css/style.css?1636650888138094*/
html {
    font-family: 'Gotham Pro', sans-serif;
    font-size: 62.5%;
    font-style: normal;
    font-weight: normal;
    background-color: #f7f7f7;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
}

textarea,
input,
body {
    font-family: 'Gotham Pro', sans-serif;
    font-size: 62.5%;
    font-style: normal;
    font-weight: normal;
    background-color: #f7f7f7;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
}

input,
textarea,
select,
select:active,
select:hover,
select:focus {
    outline: none;
}

:focus {
    outline-color: transparent;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

.segoe-font {
    font-family: 'Segoe UI', sans-serif;
}

.myriad-bold-font {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
}

.myriad-font {
    font-family: 'Myriad Pro', sans-serif;
}

.circe-font {
    font-family: 'Circe', sans-serif;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

input[type=search] {
    -moz-appearance: none;
    /* older firefox */
    -webkit-appearance: none;
    /* safari, chrome, edge and ie mobile */
    appearance: none;
    /* rest */
}

.desctop {
    display: block;
}
.contakts-desk {
    margin-bottom: 0!important;
}

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

.block {
    display: block;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    background-color: #181818;
    z-index: 49;
    display: none;
}
.overlayX {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    background-color: rgba(24, 24, 24, 0.5);
    /*background-color: #181818;*/
    z-index: 249;
    display: none;
}
.noscroll {
    overflow: hidden !important;
    height: 100% !important;
}

.container {
    width: 140rem;
    margin: 0 auto;
    position: relative;
}





/*header*/
.header {
    width: 100%;
    background-color: #57C5B6;
    border-bottom: 1px solid #2b2b2b;
}

.header-wrapper {
    width: 153.5rem;
    margin: 0 auto;
    height: 6.2rem;
    display: flex;
    justify-content: space-between;
}

.header-left {
    height: 100%;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.header-right {
    height: 100%;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end;
}

.logo-container {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
}

.logo-image {
    width: 6.3rem;
    margin-right: 1rem;
    overflow: hidden;
}

.logo-image img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    object-fit: cover;
}

.logo-name {
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.logo-caption span {
    font-weight: 300;
    font-size: 1.6rem;
    color: #01e6a8;
}

.logo-caption .bold {
    font-weight: 700;
}

.bold {
    font-weight: 700;
}

.header-menu-list {
    height: 100%;
    display: flex;
    justify-content: flex-end;
}

.header-menu-item {
    height: 100%;
    position: relative;
}

.header-menu-item.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #01e6a8;
}

.heder-menu-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 1.7rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 300;
}

/*end header*/

/*main top banner*/
.top-banner {
    background-color: #1f1f1f;
}

.top-banner-main {}

.main-swiper-container {
    height: 93rem;
    width: 100%;
    padding: 10rem 27.5rem 10rem 12rem;
    background-color: #1f1f1f;
}

.main-swiper-container .swiper-pagination-bullet {
    font-weight: 700;
    color: #f2f5f9;
    font-size: 3.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: inherit;
    opacity: 0.4;
}

.main-swiper-container .swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 5rem;
}

.pagination-slide {
    font-size: 1.4rem;
    color: #f2f5f9;
}

.main-swiper-slide {
    display: flex;
    justify-content: space-between;
    background-color: #1f1f1f;
}

.main-slide-left {
    width: 48rem;
    max-width: 48rem;
    /*width: 28rem;*/
    /*max-width: 28rem;*/
    padding-left: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main-slide-right {
    width: 51rem;
    max-width: 51rem;
    overflow: hidden;
}

.main-slide-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-swiper-tools-left {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 5rem;
}

.main-swiper-tools-right {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: right;
    justify-content: center;
    height: 100%;
    width: 27.5rem;
}

.main-swiper-container .swiper-pagination-bullet {
    width: initial;
    height: initial;
}

.main-swiper-container .swiper-pagination-bullet-active {
    background-color: inherit;
    opacity: 1;
}

.main-swiper-pagination {
    margin: 3.3rem 0;
}

.main-swiper-button-prev {
    width: 3.8rem;
    height: 2.1rem;
    overflow: hidden;
    background-image: url(../../../../../templates/request/img/arrow-top.png);
    background-position: center;
    cursor: pointer;
    background-size: cover;
}

.main-swiper-button-next {
    width: 3.8rem;
    height: 2.1rem;
    overflow: hidden;
    background-image: url(../../../../../templates/request/img/arrow-bottom.png);
    background-position: center;
    cursor: pointer;
    background-size: cover;
}

.main-slide-title {
    display: block;
    margin-bottom: 2rem;
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
}

.main-slide-caption {
    display: block;
    margin-bottom: 2.5rem;
    font-size: 2rem;
    font-weight: 600;
    color: #e6012c;
}

.mainslide-discription {
    font-size: 2rem;
    font-weight: 400;
    color: #ececec;
}

.right-arrow-icon {
    width: 1.4rem;
    height: 2.6rem;
    background-image: url(../../../../../templates/request/img/right-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn {
    width: 28rem;
    height: 5.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem 1rem 2.5rem;
    font-size: 1.8rem;
    color: #fff;
    box-shadow: 0 2.4rem 6.5rem 0 rgba(17, 18, 19, 0.53);
    background-image: linear-gradient(to right, #111217, #3c3e47);
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

.btn:hover {
    box-shadow: 0 1rem 2.5rem 0 rgba(17, 18, 19, 0.33);
}
.gallary {
    padding: 12rem 0 0;
    background-color: #f7f7f7;
}
.baza-znaniya-title,
.gallary-title {
    display: block;
    text-align: center;
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    color: #292929;
}
.baza-znaniya-caption,
.gallary-caption {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 4rem;
    color: #292929;
}

.gallary-content {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 2.5rem;
    box-shadow: -0.9rem 0.6rem 4.6rem 0 rgba(0, 0, 0, 0.14);
}

.gallary-content {
    margin-bottom: 4.5rem;
}

.gallary-content-large:last-child {
    margin-bottom: 0;
}

.gallary-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10rem;
}

.gallary-content-small {
    width: calc(50% - 2.25rem);
}

.gallary-content-large {
    width: 100%;
}

.gallary-discription {
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2.5rem;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    transform: translateY(150%);
    transition: 0.8s;
    align-items: center;
}

.gallary-content:hover .gallary-discription {
    transform: translateY(2px);
    transition: 0.8s;
}

.gallary-discription-title {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    color: #171717;
}

.gallary-discription-caption {
    font-size: 1.6rem;
    color: #171717;
}

.gallary-discription-right {
    display: block;
    padding: 0 7rem;
    line-height: 6.4rem;
    font-size: 1.8rem;
    font-weight: 300;
    color: #171717;
    text-align: center;
    box-shadow: -0.2rem 0.2rem 2.7rem 0 rgba(0, 0, 0, 0.17);
    transition: 0.3s;
}

.gallary-discription-right:hover {
    box-shadow: -0.2rem 0.2rem 1.7rem 0 rgba(0, 0, 0, 0.07);
}

.gallary-btn {
    margin: 0 auto 10rem;
}

.complex {
    background-color: #1b1b1b;
    padding: 4rem 0 0;
}

.complex-seo {
    padding: 23.5rem 0 17rem;
    background-image: url(../../../../../templates/request/img/ui-ux.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 86rem;
}

.complex-left {
    width: 43rem;
}

.complex-title {
    display: block;
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
    margin-bottom: 3rem;
}

.complex-caption {
    font-size: 2rem;
    font-weight: 600;
    color: #03daa0;
    margin-bottom: 4rem;
}

.complex-discription {
    font-size: 2rem;
    color: #ececec;
}

.complex-telegram {
    padding-top: 6rem;
}

.telegram-avatar {
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 4rem;
}

.telegram-avatar img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    object-fit: cover;
}

.telegram-caption {
    text-align: center;
    font-size: 2rem;
    color: #ececec;
    margin-bottom: 1.5rem;
}

.telegram-title {
    display: block;
    text-align: center;
    font-size: 6rem;
    font-weight: 700;
    color: #ececec;
    margin-bottom: 2.5rem;
}

.telegram-link {
    display: block;
    text-align: center;
    font-size: 2rem;
    color: #0b77e6;
    text-decoration: underline;
    margin-bottom: 5rem;
}

.telegram-posts {
    display: flex;
    flex-wrap: wrap;
}

.telegram-post {
    width: 31.3%;
    margin-right: 3.05%;
    background-color: #f2f5f9;
    margin-bottom: 4rem;
    padding-bottom: 8rem;
    position: relative;
}

/*.telegram-post:nth-last-child(-n+3) {
    margin-bottom: 0;
}*/
.telegram-post:nth-child(3n) {
    margin-right: 0;
}

.telegram-post-head {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 7rem;
    padding: 1rem 2rem;
}

.post-head-left {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.5rem;
}

.post-head-left img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    object-fit: cover;
}

.post-head-name {
    display: block;
    font-weight: 600;
    font-size: 2rem;
}

.post-head-caption {
    font-size: 1.6rem;
    color: #777;
}

.telegram-post-body {
    padding: 3.5rem 3rem 0;
    /*position: relative;*/
}

.telegram-post-body p {
    font-size: 1.8rem;
    color: #1b1b1b;
    margin-bottom: 2.5rem;
}

.post-button {
    position: absolute;
    width: calc(100% - 6rem);
    bottom: 2.5rem;
    left: 3rem;
    display: block;
    line-height: 5.3rem;
    text-align: center;
    border-radius: 0.4rem;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
    transition: 0.3s;
    box-shadow: -0.2rem 0.2rem 2.7rem 0 rgba(0, 0, 0, 0.17);
}

.post-button:hover {
    box-shadow: -0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.05);
}

.btn-green {
    width: 28rem;
    height: 5.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem 1rem 2.5rem;
    font-size: 1.8rem;
    color: #fff;
    box-shadow: -2.8rem 2.1rem 4.6rem 0 rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #0b9f76, #19bba1);
    transition: 0.3s;
}

.btn-white {
    width: 28rem;
    height: 5.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem 1rem 2.5rem;
    font-size: 1.8rem;
    color: #0e0e0e;
    box-shadow: -2.8rem 2.1rem 4.6rem 0 rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #e9e9e9, #fff);
    transition: 0.3s;
}

.right-arrow-icon-black {
    width: 1.4rem;
    height: 2.6rem;
    background-image: url(../../../../../templates/request/img/arrow-top-black.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.why-not {
    padding: 14rem 0;
    background-color: #f0f0f0;
}

.btn-white:hover,
.btn-green:hover {
    box-shadow: -1.8rem 1.1rem 2.6rem 0 rgba(0, 0, 0, 0.05);
}

.why-not-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.why-not-wrapper a {
    margin: 0 2rem;
}

.why-not-title {
    display: block;
    text-align: center;
    font-size: 6rem;
    font-weight: 700;
    color: #0b9f76;
    margin-bottom: 1.5rem;
}

.why-not-discription {
    text-align: center;
    font-size: 1.8rem;
    color: #1b1b1b;
    margin-bottom: 4rem;
}

.our-team {
    padding: 10rem 0;
}

.team-slide {
    display: flex;
    align-items: flex-end;
    background-color: #f7f7f7;
}

.team-slide-left,
.team-slide-center,
.team-slide-right {
    flex-basis: calc((100% - 15rem) / 3);
    flex-grow: 1;
}

.team-slide-left {
    margin-right: 7.5rem;
    padding-bottom: 31.5rem;
}

.team-slide-right {
    margin-left: 7.5rem;
}

.team-slide-center {
    padding-bottom: 31.5rem;
}

.team-slide-caption {
    font-size: 1.8rem;
    color: #777777;
    margin-bottom: 3rem;
}

.team-slide-name {
    display: block;
    font-size: 3rem;
    font-weight: 700;
}

.team-slide-position {
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.team-slide-center-image {
    height: 37rem;
    overflow: hidden;
}

.team-slide-center-image img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    object-fit: cover;
}

.team-slide-discription {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.team-swiper .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: #000;
    margin: 0.4rem 1rem 0;
    opacity: 1;
}

.swPagination {
    display: flex;
    justify-content: center;
}

.team-swiper .swiper-pagination-bullet-active {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 2.5rem 0;
}

.team-swiper-tools {
    position: absolute;
    bottom: 26rem;
    left: 0;
    width: 100%;
    z-index: 1;
}

.team-swiper-pagination {
    font-size: 1.8rem;
    margin-bottom: -1.6rem;
}

.team-swiper-pagination .count {
    font-size: 4rem;
    font-weight: 700;
}

.our-partners-left-list {
    counter-reset: myCounter;
}

.our-partners-left-item {
    list-style: none;
    font-size: 6rem;
    font-weight: 700;
}

.our-partners-left-item:before {
    counter-increment: myCounter;
    content: "0"counter(myCounter);
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    margin: 0 1rem;
    font-weight: 600;
    font-family: 'Gotham Pro', sans-serif;
    vertical-align: middle;
}

.our-partners {
    padding: 2rem 0 14.5rem;
}

.partners-caption {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 4rem;
}

.our-partners-left-item:not(:last-child) {
    margin-bottom: 7rem;
}

.our-partners-wrapper {
    display: flex;
    align-items: center;
}

.our-partners-left {
    width: 35.6%;
}

.our-partners-right {
    width: 64.4%;
}

.our-partners-table {
    width: 100%;
}

.partners-table-top td {
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 2.5rem;
}

.partners-table-middle td {
    vertical-align: top;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.partners-table-bottom td {
    vertical-align: top;
    padding-top: 1.5rem;
}

.partners-table-middle {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.our-table-link {
    display: block;
    text-align: center;
}

.our-table-parter-logo {
    height: 8.5rem;
    width: 19rem;
    overflow: hidden;
    margin: 0 auto 1rem;
}

.our-table-parter-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: 0.2s;
}

.our-table-link:hover .our-table-parter-logo img {
    filter: grayscale(0);
}

.our-table-parter-name {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 300;
    color: #2c2c2c;
    width: 25rem;
    margin: 0 auto;
    text-align: center;
}

.our-partners-table td:not(:last-child) {
    border-right: 1px solid #f5f5f5;
}

.develop {
    padding: 8rem 0;
}

.our-partners .develop {
    padding-top: 12rem;
}

.develop-title {
    display: block;
    width: 70%;
    font-size: 4.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
}

.develop-caption {
    width: 50%;
    font-size: 1.8rem;
    margin-bottom: 6.5rem;
}

/*end main page*/



/*request-footer*/
.request-footer {
    width: 100%;
    background-color: #0e0e0e;
}

.request-footer-wrapper {
    height: 8rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.request-footer-content {
    width: 25%;
    font-size: 1.4rem;
    font-weight: 300;
    color: #fff;
    display: flex;
    align-items: center;
}

.heart-icon {
    display: inline-block;
    width: 2.5rem;
    height: 2rem;
    background-image: url(../../../../../templates/request/img/heart.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.request-footer-content .heart-icon {
    margin: 0 0.9rem;
}

.request-footer-content-left {
    justify-content: flex-start;
}

.request-footer-content-center {
    justify-content: center;
}

.request-footer-content-right {
    justify-content: flex-end;
}

/*end DESIGN PRO footer*/



/*contact page*/

.top-banner-contact {
    background-color: #1f1f1f;
    padding: 9rem 0 15rem;
}

.banner-contact-wrapper {
    display: flex;
    align-items: center;
}

.banner-contact-left {
    width: 19%;
    padding-right: 4.5rem;
}

.banner-contact-center {
    width: 51%;
}

.banner-contact-right {
    width: 30%;
    padding-left: 4.5rem;
}

.banner-contact-title {
    display: block;
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
}

.banner-contact-left .banner-contact-title {
    margin-bottom: 4rem;
}

.green-color {
    color: #00ae7e;
}

.blue-color {
    color: #8691c9;
}

.gray-color {
    color: #4d5061;
}

.banner-contact-key {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.banner-contact-value {
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 2.2rem;
}

.banner-contact-value a {
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
}

.banner-contact-value:last-child {
    margin-bottom: 0;
}

.banner-contact-right .banner-contact-title {
    margin-bottom: 3.5rem;
}

.feedback-form-value {
    background-color: inherit;
    border-bottom: 1px solid #4f4f4f;
    width: 100%;
    font-size: 2rem;
    line-height: 1.8;
    color: #ffffff;
    font-weight: 600;
    padding-top: 0.5rem;
}

.feedback-form-item {
    display: block;
    margin-bottom: 4.5rem;
}

.banner-contact-right .btn {
    width: 100%;
}

.map {
    width: 100%;
    height: 68rem;
}

/*end contact page*/



/*portal page*/
.top-banner-portal {
    height: 93rem;
    background-color: #1f1f1f;
    background-image: url(../../../../../templates/request/img/portal-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.portals-banner-content {
    display: flex;
    justify-content: center;
}

.portals-banner-content-left {
    padding-top: 9rem;
    width: 33.5rem;
    padding-right: 2rem;
    text-align: right;
    position: relative;
}

.portals-banner-content-left:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(56, 56, 56, 1), rgba(56, 56, 56, 0) 50%);
}

.portals-banner-content-right {
    padding-top: 9rem;
    width: 34rem;
    padding-left: 2rem;
}

.portals-banner-content-left .banner-contact-title {
    margin-bottom: 1.5rem;
}

.portals-banner-caption {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 33rem;
    width: 20rem;
    margin-left: auto;
}

.portals-banner-text {
    font-size: 1.8rem;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
}

.portals-banner-content-left .btn {
    margin-left: auto;
}

.best-team {
    padding: 12rem 0 15rem;
    background-color: #f7f7f7;
}

.best-team-banner {
    display: flex;
    align-items: center;
}

.best-team-left {
    background-color: #fff;
    padding: 6.5rem 3rem;
    width: 40rem;
    flex-shrink: 0;
    box-shadow: -0.7rem 0.5rem 1rem 0 rgba(146, 146, 146, 0.07);
}

.best-team-left-caption {
    font-size: 1.8rem;
    font-weight: 300;
    color: #777777;
    margin-bottom: 3rem;
}

.best-team-left-title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 3rem;
}

.best-team-left-title span {
    font-size: 3rem;
    font-weight: 700;
}

.sea-color {
    color: #015de9;
}

.sea-dark-color {
    color: #0050c9;
}

.green-heart-icon {
    display: inline-block;
    width: 2.8rem;
    height: 2.5rem;
    background-image: url(../../../../../templates/request/img/heart-green.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.best-team-left-bla .green-heart-icon {
    margin: 0 1.2rem;
}

.best-team-left-bla span {
    font-size: 2rem;
    font-weight: 300;
}

.best-team-left-bla .normal {
    font-weight: 400;
}

.best-team-left-bla {
    margin-bottom: 3.5rem;
    display: flex;
    align-items: center;
}

.btn-link-white {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 5.5rem;
    border-radius: 0.4rem;
    border: 1px solid #e3e3e3;
    font-size: 1.8rem;
    box-shadow: -0.4rem 0.3rem 0.4rem 0 rgba(0, 0, 0, 0.03);
}

.best-team-right {
    padding-left: 7rem;
    padding-right: 11rem;
}

.best-team-right-caption {
    font-size: 3rem;
    font-weight: 700;
    color: #292929;
    margin-bottom: 1.5rem;
}

.best-team-right-answer {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 3rem;
    width: 50rem;
}

.best-team-right-title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.best-team-right-context p {
    font-size: 1.8rem;
    color: #292929;
}

.best-team-right-context {
    margin-bottom: 4rem;
}

.flower-container {
    width: 100%;
    height: 46.5rem;
    padding: 8rem 5rem 12.5rem;
    background-image: url(../../../../../templates/request/img/flower-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.flower-left {
    width: 55rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flower-title {
    font-size: 5rem;
    color: #fff;
    margin-bottom: 2rem;
}

.flower-context p {
    font-size: 2rem;
    line-height: 1.5;
    color: #fff;
}

.seo-context {
    padding: 3rem 0 5rem;
}

.seo-context-title {
    font-size: 5rem;
    font-weight: 700;
    width: 70rem;
    margin-bottom: 2rem;
}

.seo-context-text p {
    font-size: 1.8rem;
    line-height: 1.4;
    color: #292929;
    margin-bottom: 2rem;
}

.seo-context-text ul {
    padding-left: 2.5rem;
    margin-bottom: 2rem;
}

.seo-context-text ul li {
    font-size: 1.8rem;
    line-height: 1.4;
    color: #292929;
    list-style-type: initial;
}

.seo-context-text {
    max-width: 88rem;
}

.our-technology {
    padding: 5.5rem 0;
}

.our-technology-title {
    font-size: 3rem;
    font-weight: 700;
    color: #292929;
    margin-bottom: 3rem;
}

.our-technology-image {
    overflow: hidden;
    width: 100%;
    height: 9rem;
}

.our-technology-image img {
    height: 100%;
    object-fit: contain;
}

.three-banners {
    padding: 6rem 0;
}

.three-banners-wrapper {
    display: flex;
    align-items: center;
}

.three-banners-block {
    width: calc((100% - 14rem) / 3);
    height: 41.5rem;
    padding: 3rem;
    margin-right: 7rem;
}

.three-banners-block:nth-child(3n) {
    margin-right: 0;
}

.three-banners-block-country {
    background-color: #ea0202;
    background-image: url(../../../../../templates/request/img/country.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.three-banners-block-projects {
    background-color: #e9e3e2;
    background-image: url(../../../../../templates/request/img/project.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.three-banners-block-years {
    background-color: #f0ce13;
    background-image: url(../../../../../templates/request/img/years.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.white-color {
    color: #fff;
}

.three-banners-block-info {
    width: 19rem;
    height: 16rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.3rem 2rem;
}

.three-banners-block-info_red {
    background-color: #ea0202;
    box-shadow: -2px 1px 1px 0 rgba(58, 0, 0, 1);
}

.three-banners-block-info_light-gray {
    background-color: #e9e3e2;
    box-shadow: -2px 1px 1px 0 rgba(0, 27, 47, 0.79);
}

.three-banners-block-info_yellow {
    background-color: #f0ce13;
    box-shadow: -2px 1px 1px 0 rgba(0, 0, 0, 0.98);
}

.three-banners-block-info-number {
    font-size: 10rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: -2px 1px 1px rgba(58, 0, 0, 1);
}

.three-banners-block-info-text {
    font-size: 2rem;
    font-weight: 600;
}

/*end portals*/


/*apps page*/

.top-banner-apps {
    background-color: #1f1f1f;
    padding: 12rem 0 11rem;
}

.banners-apps-head {
    margin-bottom: 3rem;
    width: 55rem;
    margin-left: 29rem;
}

.banners-apps-head-title {
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
    margin-bottom: 2rem;
}

.banners-apps-head-caption {
    font-size: 2rem;
    font-weight: 600;
}

.banner-apps-wrapper {
    display: flex;
    align-items: center;
}

.banner-apps-left {
    width: 53.7rem;
    height: 50.8rem;
    margin-left: 6.5rem;
}

.banner-apps-right {
    padding-left: 9rem;
}

.banner-apps-right-list {
    counter-reset: myCounter;
}

.banner-apps-right-item {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.banner-apps-right-item:before {
    counter-increment: myCounter;
    content: "0"counter(myCounter);
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 1.2rem;
    padding-bottom: 0.8rem;
}

.banner-apps-right-caption {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #727272;
}

.banner-apps-right-list {
    margin-bottom: 5rem;
}

.finger-container {
    width: 100%;
    height: 58rem;
    padding: 5.5rem 4.5rem 21rem;
    background-image: url(../../../../../templates/request/img/finger-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.finger-left {
    width: 56rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.finger-title {
    font-size: 2.4rem;
    color: #f7f7f7;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.finger-discription {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2.2rem;
    line-height: 1.5;
    color: #7d7d7d;
}

.finger-list {
    counter-reset: myCounter;
}

.finger-item {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.finger-item:before {
    counter-increment: myCounter;
    content: "0"counter(myCounter);
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 1.2rem;
    padding-bottom: 0.8rem;
}

.context {
    padding: 3rem 0 10rem;
}

.context-title {
    width: 90%;
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 4rem;
}

.context-title span {
    font-weight: 700;
}

.context-text p {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.4;
}

.context-text {
    padding-right: 12rem;
    margin-bottom: 10rem;
}

/*end apps*/

/*site page*/

.top-banner-site {
    padding: 18rem 0 16rem;
    background-color: #1f1f1f;
}

.top-banner-site-wrapper {
    display: flex;
    align-items: center;
}

.banner-site-left {
    width: 50%;
}

.banner-site-left-caption {
    width: 46rem;
    font-size: 2rem;
    font-weight: 600;
    color: #01e6a8;
    margin-bottom: 2rem;
}

.banner-site-left-title {
    width: 46rem;
    margin-bottom: 7.5rem;
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
}

.banner-site-right {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
}

.banner-site-right-image {
    position: absolute;
    width: 49.1rem;
    top: 50%;
    right: 3.8rem;
    transform: translateY(-50%);
}

.banner-site-right .btn {
    width: 32rem;
}

.triple-banners {
    padding: 6rem 0;
}

.triple-banners-wrapper {
    display: flex;
}

.triple-banners-block {
    width: calc((100% - 14rem) / 3);
    height: 61rem;
    margin-right: 7rem;
    padding: 6.5rem 4rem;
}

.triple-banners-block:nth-child(3n) {
    margin-right: 0;
}

.triple-banners-block-road {
    background-image: url(../../../../../templates/request/img/triply-road.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.triple-banners-block-ball {
    background-image: url(../../../../../templates/request/img/triply-ball.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.triple-banners-block-door {
    background-image: url(../../../../../templates/request/img/triply-door.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.triple-banners-block-title {
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.triple-banners-block-discription {
    font-size: 1.8rem;
}

/*end site*/

/*seo page*/

.triple-banners-block-yellow {
    background-image: url(../../../../../templates/request/img/triply-yellow.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.triple-banners-block-green {
    background-image: url(../../../../../templates/request/img/triply-green.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.triple-banners-block-blue {
    background-image: url(../../../../../templates/request/img/triply-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.triple-banners-block-number {
    font-size: 6rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.top-banner-seo {
    background-color: #1f1f1f;
    background-image: url(../../../../../templates/request/img/seo-top-banner.png);
    background-repeat: no-repeat;
    background-size: 83rem;
    background-position: 50%;
}
.page__seo-oplata .top-banner-seo {
    background-image: url(../../../../../templates/request/img/seo-oplata.png);
}

.backend-obechenie .top-banner-seo {
    background-image: url(../../../../../templates/request/img/banner-backed-obuchenie.png);
}

.frontend-obechenie .top-banner-seo {
    /*background-image: url(/bitrix/templates/request/css/../img/front-bg-min.png);*/
    background-image: url(../../../../../templates/request/img/banner-frontend-obuchenie.png);
    background-size: 118rem;
}

.top-banner-seo-wrapper {
    height: 93rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-banner-seo-left {
    width: 47rem;
}

.top-banner-seo-right {
    width: 31rem;
}

.banner-seo-left-title {
    margin-bottom: 2.5rem;
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
}

.banner-seo-left-caption {
    font-size: 2rem;
    font-weight: 700;
    color: #01e6a8;
    margin-bottom: 2rem;
}

.banner-seo-left-discription {
    font-size: 2rem;
    font-weight: 400;
    color: #ececec;
}

.top-banner-seo-right .btn {
    width: 100%;
}

.seo-promotion-left {
    width: 40rem;
    flex-shrink: 0;
}

.seo-promotion-right {
    width: calc(100% - 40rem);
    padding-left: 7rem;
    flex-grow: 1;
}

.seo-promotion-left-top {
    margin-bottom: 22rem;
}

.seo-promotion-left-top .btn {
    width: 37rem;
}

.seo-promotion-left-top-title {
    font-size: 5.5rem;
    font-weight: 700;
    margin-bottom: 5rem;
}

.seo-promotion {
    padding: 15rem 0 9rem;
}

.seo-promotion-wrapper {
    display: flex;
    align-items: center;
}

.seo-promotion-list {
    counter-reset: myCounter;
    margin-bottom: 8rem;
}

.seo-promotion-item {
    list-style: none;
    display: flex;
    margin-bottom: 5rem;
}

.seo-promotion-item:before {
    counter-increment: myCounter;
    content: "0"counter(myCounter);
    display: inline-block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 1.4rem;
    padding-top: 0.5rem;
}

.seo-promotion-item-context-key {
    font-size: 3rem;
    font-weight: 700;
    color: #161616;
}

.seo-promotion-item-context-value {
    font-size: 1.8rem;
    line-height: 1.4;
    color: #292929;
}

.seo-promotion-right-clients {
    overflow: hidden;
    display: flex;
}

.seo-table-link {
    display: block;
    text-align: center;
    flex-grow: 1;
}

.seo-parter-logo {
    height: 6rem;
    width: 10rem;
    overflow: hidden;
    margin: 0 auto 1rem;
}

.seo-parter-name {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 300;
    color: #2c2c2c;
    width: 13.5rem;
    margin: 0 auto;
    text-align: center;
}

.seo-parter-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: 0.2s;
}

.mountain-list {
    counter-reset: myCounter;
    width: 78rem;
}

.mountain-item {
    list-style: none;
    font-size: 2.3rem;
    font-weight: 700;
    color: #f7f7f7;
    display: flex;
    margin-bottom: 1.5rem;
}

.mountain-item:before {
    counter-increment: myCounter;
    content: "0"counter(myCounter);
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: #f7f7f7;
    margin-right: 1rem;
    padding-top: 0.5rem;
}

.mountain-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin-bottom: 2.4rem;
}

.mountain-context {
    height: 48.5rem;
    width: 100%;
    background-image: url(../../../../../templates/request/img/mountai-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding-top: 15rem;
    padding-left: 5.5rem;
}

.gallary-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-contact-list {
    margin-bottom: 2.2rem;
}

.our-partners-table-flex {
    display: flex;
    flex-wrap: wrap;
}

.our-table-link {
    flex-grow: 1;
    padding: 2.3rem 0;

    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.our-table-link:nth-last-child(-n+3) {
    border-bottom: none;
    padding-bottom: 0;
}

.our-table-link:nth-child(3n) {
    border-right: none;
}

.our-table-link:nth-child(-n+3) {
    padding-top: 0;
}

section {
    overflow: hidden;
}








/*madal window*/
.modal-background {
    position: fixed;
    background: rgba(15, 15, 15, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}

.modal-content {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 202;
    width: 140rem;
    max-width: 90%;
    height: 100%;
    /* overflow: hidden;
    overflow-y: auto;*/
    /*border-radius: 1rem;*/
    display: none;
    /*box-shadow: -0.9rem 0.6rem 4.6rem 0 rgba(0, 0, 0, 0.34);*/
    transition: 0.3s;


}

.modal-content.change-size {
    position: fixed;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    z-index: 202;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;

    -ms-overflow-style: none;
    scrollbar-width: none;
}

.modal-image-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.modal-image-container::-webkit-scrollbar {
    display: none;
}

/*.modal-dublicat {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 202;
    width: 140rem;
    max-width: 90%;
    height: 100%;
    transition: 0.3s;
    display: none;
}
.modal-dublicat.active {
    position: fixed;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    z-index: 203;
    width: 100%;
    height: 100%;
    max-width: 100%;
    pointer-events: none;
}*/
.modal-content::-webkit-scrollbar {
    display: none;
}

.project-image {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
}

/*.modal-btn-style {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    z-index: 1;

    background-color: #1f1f1f;
}*/

/*.modal-btn-link-project {
    position: absolute;
    top: -8rem;
    left: 0;
    display: flex;
    align-items: center;
}*/
/*.modal-dublicat.active .modal-btn-link-project {
    top: 2rem;
    left: 2rem;
    pointer-events: auto;
}*/
.modal-btn-link-project-icon {
    display: inline-block;
    width: 6rem;
    height: 6rem;
    /*    background-image: url(/bitrix/templates/request/css/../img/avatar-project.svg);
    background-size: cover;*/
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 1rem;
}

/*.modal-btn-link-project {
    font-size: 1.8rem;
    color: #fff;
}*/
/*.btn-close-window {
    position: absolute;
    right: -8rem;
    top: 0;
    background-image: url(/bitrix/templates/request/css/../img/X.png);
    background-size: 3.6rem;
    background-position: 50%;
    background-repeat: no-repeat;
}*/
/*.modal-dublicat.active .btn-close-window {
    right: 2rem;
    top: 2rem;
    pointer-events: auto;
}*/
/*.btn-full-window {
    background-image: url(/bitrix/templates/request/css/../img/full-window.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}*/
/*.modal-dublicat.active .btn-full-window {
    right: 2rem;
    top: 9rem;
    pointer-events: auto;
}*/
/*.modal-btn-leave-request {
    position: absolute;
    right: -8rem;
    bottom: 0;
    background-image: url(/bitrix/templates/request/css/../img/message-project.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}*/
/*.modal-dublicat.active .modal-btn-leave-request {
    right: 2rem;
    bottom: 2rem;
    pointer-events: auto;
}*/
.modal-btn-link-project-icon svg,
.modal-btn-link-project-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modal-content-head {
    height: 10rem;
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    color: #fff;
}

.modal-tool-btn {
    right: -10rem;
    top: 10rem;
    position: fixed;
}

.btn-link-project {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    background-color: #fdfdfd;
    padding: 1.2rem;
    /*background-image: url(/bitrix/templates/request/css/../img/avatar-project.svg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;*/
    margin-bottom: 2rem;
    transition: 0.2s;
}
.btn-link-project:hover {
    background-color: #fff;
}
.btn-link-project svg {
    max-width: 3.6rem;
}
.btn-full-window {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #202020;
}

.btn-full-window svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    color: #ccc;
    transition: 0.2s;
}

.btn-full-window svg:last-child {
    display: none;
}

.change-size .btn-full-window svg:last-child {
    display: block;
}

.change-size .btn-full-window svg:first-child {
    display: none;
}

.btn-full-window:hover svg {
    color: #fff;
}

.change-size .modal-tool-btn {
    right: 5rem;
    top: 10rem;
    position: fixed;
}

.btn-send-message {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    margin-bottom: 2rem;
    position: fixed;
    right: -10rem;
    bottom: 10rem;
    background-color: #202020;
}

.btn-send-message svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    color: #ccc;
    transition: 0.2s;
}

.btn-send-message:hover svg {
    color: #fff;
}

.btn-close-modal {
    display: none;
    border-radius: 50%;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    margin-bottom: 2rem;
    position: fixed;
    right: 2rem;
    top: 2rem;
    z-index: 204;
    padding: 1rem;
}

.btn-close-modal svg {
    color: #ccc;
    transition: 0.2s;
}

.btn-arrow-modal {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    top: 50%;
    margin-top: -3rem;
    display: none;
    align-items: center;
    position: fixed;
    color: #ccc;
    padding: 2rem;
    z-index: 204;
    transition: 0.2s;
}

.btn-arrow-modal svg {
    max-height: 2rem;
}

.btn-arrow-modal:hover {
    color: #fff;
}

.btn-arrow-left {
    left: 0;
    margin-left: 2rem;
}

.btn-arrow-right {
    right: 0;
    margin-right: 2rem;
    transform: rotate(180deg);
}

.btn-disabled {
    opacity: 0.5;
    cursor: default;
}

.modal-all-project {
    width: 100%;
    padding: 6.5rem 5rem 8rem;
    background-image: linear-gradient(to bottom, #3c3e47, #222329);
}

.projects-list {
    display: flex;
    align-items: center;
}

.project-item {
    width: 32%;
    margin-right: 2%;
}

.project-item:last-child {
    margin-right: 0;
}

.project-item-link {
    display: block;
    width: 100%;
    height: 29.5rem;
    border-radius: 0.4rem;
    overflow: hidden;
    position: relative;
}

.project-item-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.modal-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project-discription {
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2.5rem;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    transform: translateY(150%);
    transition: 0.8s;
}
.project-discription-title {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    color: #171717;
}
.project-discription-caption {
    font-size: 1.6rem;
    color: #171717;
}
.project-item-link:hover .project-discription {
    transform: translateY(0);
}


















/*end modal window*/




/*slide modal*/
.close-btn {
    position: absolute;
    top: 3.5rem;
    right: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    background-image: url(../../../../../templates/request/img/x-black.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
}

.modal-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    z-index: 250;
    max-width: 55rem;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    padding: 12rem 6rem 12rem 6rem;
    -webkit-transform: translateX(55rem);
    -ms-transform: translateX(55rem);
    transform: translateX(55rem);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    overflow: auto;
}

.modal-slide--active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.modal-slide__title-h1 {
    display: block;
    font-size: 3.6rem;
    font-weight: 900;
    color: #191919;
    margin-bottom: 2rem;
}

.modal-slide__event-name {
    display: block;
    font-size: 2.4rem;
    font-weight: 900;
    color: #191919;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.modal-slide__date-bold {
    font-size: 3.6rem;
    font-weight: 900;
    color: #191919;
}

.modal-slide__date-thin {
    font-size: 3.6rem;
    font-weight: 200;
    color: #191919;
}

.modal-slide__date {
    margin-bottom: 3rem;
}

.modal-form-container input {
    line-height: 4.6rem;
    padding: 0 1.9rem;
    border: 1px solid #dddddd;
    background-color: #f6f6f6;
    width: 100%;
    font-size: 1.8rem;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0.9rem;
    transition-delay: 0.2s;
}

.modal-form-container textarea {
    line-height: 2.4rem;
    padding: 1.3rem 1.9rem;
    border: 1px solid #dddddd;
    background-color: #f6f6f6;
    width: 100%;
    font-size: 1.8rem;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0.9rem;
    transition-delay: 0.2s;
}

.modal-form-container textarea:hover,
.modal-form-container input:hover {
    border: 1px solid #1e76e3;
}

.modal-form-container textarea:focus,
.modal-form-container textarea:active,
.modal-form-container input:focus,
.modal-form-container input:active {
    border: 1px solid #1e76e3;
    -webkit-box-shadow: 0 0 0 1px #1e76e3 inset;
    -moz-box-shadow: 0 0 0 1px #1e76e3 inset;
    box-shadow: 0 0 0 1px #1e76e3 inset;
}

.modal-form-container-mini {
    display: flex;
    justify-content: space-between;
}

.modal-form-container .modal-form-container-mini input {
    width: 49%;
}

.modal-form-container {
    margin-bottom: 4rem;
}

.modal-slide__price-container {
    margin-bottom: 3rem;
}

.modal-slide__price-name {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2a2a2a;
}

.modal-slide__price-sum {
    font-size: 3rem;
    font-weight: 700;
    color: #2a2a2a;
}

.modal-slide-btn {
    font-size: 1.8rem;
    font-weight: 700;
    color: #040404;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 4.8rem;
    padding-top: 0.5rem;
    border: 0.3rem solid #0a0a0a;
    width: 32.5rem;
    height: 4.8rem;
    background-image: url(/bitrix/templates/request/css/../img/arrow-next-black.png);
    background-repeat: no-repeat;
    background-size: 2.1rem;
    background-position: 85% 50%;
    transition-delay: 0.2s;
}

.modal-slide-btn:hover {
    background-position: 90% 50%;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #d6d6d6;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #d6d6d6;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
}

.ui-widget-header {
    border: none;
    background: transparent;
    color: #191919;
    font-weight: 900;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #191919;
}

.modal-tabs-list {
    display: flex;
}

.modal-tabs-list li:first-child {
    margin-right: 5rem;
}

.modal-social-container {
    margin-bottom: 5.5rem;
}

.modal-social-caption {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #040404;
    margin-bottom: 1rem;
}

.modal-social-wrapper {
    display: flex;
    align-items: center;
}

.modal-social-btn:not(:last-child) {
    margin-right: 0.5rem;
}

.modal-social-btn {
    width: 13.8rem;
    height: 3.5rem;
    border-radius: 0.4rem;
    overflow: hidden;
}

.modal-social-btn img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*end slide modal*/

/*form*/
.modal-popup {
    position: relative;
    padding: 8rem 5.5rem;
    border-radius: 0.8rem;
    background-color: #1f1f1f;
    width: 62.5rem;

    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 50;
    transform: translate(-50%, -500%);
    z-index: 250;
    transition: 0.5s;
}
.modal-popup.active {
    transform: translate(-50%, -50%);
}
.close-btn-popup {
    position: absolute;
    width: 2.4rem;
    height: 2.2rem;
    background-image: url(../../../../../templates/request/img/close-popup-x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    right: 2.3rem;
    top: 2.6rem;
}
.modal-popup__title-h1 {
    font-size: 4.5rem;
    font-weight: 700;
    color: #ececec;
    display: block;
    margin-bottom: 4.5rem;
}
.modal-popup-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.5rem;
}
.modam-popup-item-label {
    display: block;
    font-size: 2rem;
    line-height: 1.8;
    font-weight: 600;
    color: #7c87ba;
}
.modam-popup-item-input {
    background-color: transparent;
    font-size: 2rem;
    line-height: 1.8;
    font-weight: 600;
    color: #ffffff;
    width: 100%;
    border: none;
    border-bottom: 1px solid #7c87ba;
}
.modal-popup .btn {
    width: 35rem;
}
.gallary-content .gallary-discription {
    transform: translateY(2px);
    transition: 0.8s;
}

/*end form*/



/*новая страница platform*/
.banners-apps-head-supTitle {
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #76758A;
}
.banners-apps-head.banners-apps-head_platform {
    width: 65rem;
}
.banner-apps-right-caption_platform {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #777;
}
.banner-apps-right-item_platform {
    list-style: none;
    display: flex;
    align-items: flex-start;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: -0.5rem;
}
.banner-apps-right-list_platform {
    counter-reset: myPlatform;
    margin-bottom: 5rem;
}

.banner-apps-right-item_platform::before {
    counter-increment: myPlatform;
    content: counter(myPlatform)'.';
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 1.2rem;
    padding-bottom: 0.8rem;
}

.blended_platform {
    padding: 19rem 0;
}
.blended_platform div {
    text-align: center;
}
.blended_platform .education-title {
    margin: 2.5rem 0 2.5rem;
}
.blended_platform .education-subtitle {
    color: #000000;
}

.flower-patform-list {
    counter-reset: flowerPlatform;
}
.flower-patform-item::before {
    counter-increment: flowerPlatform;
    content: counter(flowerPlatform)'.';
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 1.2rem;
    padding-bottom: 0.8rem;
    margin-top: -0.5rem;
}
.flower-patform-item {
    color: #fff;
    list-style: none;
    display: flex;
    align-items: flex-start;
    font-size: 2rem;
    margin-bottom: 2rem;
}
.flower-title_platform {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 2rem;
}
.opportunities-platfor-title {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 4rem;
}
.opportunities-platfor-heading {
    text-align: center;
    margin-bottom: 10rem;
}
.opportunities-platfor-btn {
    margin: 0 auto;
}
.opportunities-platform {
    padding: 17rem 0;
}
.opportunities-platform-wrapper {
    display: flex;
}
.opportunities-platform-col {
    width: 30.5%;
    margin-right: 4.25%;
}
.opportunities-platform-col:nth-child(3n) {
    margin-right: 0;
}
.opportunities-platform-col .opportunities-platform-col-big {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 30.6rem;
    padding: 20.3rem 5.9rem 2rem 3rem;
    margin-bottom: 6rem;
    background-color: #F3F3F3;
}
.opportunities-platform-col-1 .opportunities-platform-col-big {
    background-image: url('../../../../../templates/request/img/opportunities-platform-col-1.png')
}
.opportunities-platform-col-2 .opportunities-platform-col-big {
    background-image: url('../../../../../templates/request/img/opportunities-platform-col-2.png')
}
.opportunities-platform-col-3 .opportunities-platform-col-big {
    background-image: url('../../../../../templates/request/img/opportunities-platform-col-3.png')
}
.opportunities-platform-col-big p {
    font-size: 1.8rem;
    font-weight: 600;
}
.opportunities-platform-col-small {
    background-color: #F3F3F3;
    padding: 3.7rem 6rem 2rem 3rem;
    min-height: 14rem;
}
.opportunities-platform-col-small p {
    font-size: 1.8rem;
    font-weight: 600;
}
.gallary-title_platform {
    margin-bottom: 6rem;
}
.heder-menu-link + .header-subMenu-item {
    top: calc(100% + 2px);
}


.mobile {
    display: none;
}


@media (max-width: 108em) {
    html {
        font-size: 56.25%;
    }
}

@media (max-width: 105em) {
    html {
        font-size: 54.6875%;
    }
}

@media (max-width: 96em) {
    html {
        font-size: 50%;
    }
}

@media (max-width: 90em) {
    html {
        font-size: 46.875%;
    }
}

@media (max-width: 80em) {
    html {
        font-size: 41.667%;
    }
}

@media (max-width: 64em) {
    html {
        font-size: 33.333%;
    }
}












@media (max-width: 48em) {
    html {
        font-size: 5px;
        -webkit-text-size-adjust: none;
    }

    body {
        -webkit-text-size-adjust: none;
    }

    .container {
        width: 90%;
    }

    .desctop {
        display: none;
    }

    .mobile {
        display: block;
    }

    section {
        overflow: hidden;
    }

    .burger {
        display: block;
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 10rem;
        height: 0.5rem;
        background-color: #f7f7f7;
        margin-bottom: 2.3rem;
        transition: 0.4s;
    }

    .bar3 {
        margin-bottom: 0;
    }

    .active .bar1 {
        -webkit-transform: rotate(-45deg) translate(-2.5rem);
        transform: rotate(-45deg) translate(-4.03rem);
    }

    .active .bar2 {
        opacity: 0;
    }

    .active .bar3 {
        -webkit-transform: rotate(45deg) translate(-2.5rem);
        transform: rotate(45deg) translate(-4.03rem);
    }

    .header-wrapper-mobile {
        width: 100%;
        margin: 0 auto;
        height: 13rem;
        padding: 3.3rem 6.4rem;
        display: flex;
        justify-content: space-between;
    }

    .header-heading {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 100;
        height: 100%;
    }

    .logo-container {
        margin-right: 0;
    }

    .logo-image {
        width: 10rem;
        margin-right: 1.5rem;
    }

    .logo-name {
        font-size: 3.6rem;
    }

    .logo-caption span {
        font-size: 2.5rem;
    }

    .header-hidden {
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        padding-top: 13rem;
        transform: translateY(-120%);
        transition: 0.4s;
        background-color: #1f1f1f;
        z-index: 99;
    }

    .header-hidden.active {
        transform: translateY(0);
    }

    .header-menu-list {
        /*height: initial;*/
        height: 100vh;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: 5rem;
        padding-right: 5rem;
        padding-top: 5rem;
        overflow-x: scroll;
    }

    .header-menu-item {
        height: initial;
        margin: 4rem 0;
        height: 3.5rem;
    }

    .heder-menu-link {
        padding: 0;
        font-size: 3.6rem;
    }

    .top-banner-seo-wrapper {
        height: initial;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .top-banner-seo-left {
        width: 100%;
        margin-bottom: 81rem;
    }

    .top-banner-seo-right {
        width: 100%;
    }

    .top-banner-seo {
        background-size: 90%;
        padding: 20rem 0 15.5rem;
        background-position: 50% 60%;
    }

    .banner-seo-left-caption {
        font-size: 3rem;
        margin-bottom: 4rem;
    }

    .banner-seo-left-title {
        margin-bottom: 4rem;
        font-size: 6rem;
    }

    .banner-seo-left-discription {
        font-size: 3rem;
        font-weight: 600;
    }

    .btn {
        width: 51.5rem;
        height: 9.3rem;
        padding: 1.6rem 3.5rem 1.6rem 4rem;
        font-size: 3rem;
        box-shadow: 0 3.5rem 4.6rem 0 rgba(0, 0, 0, 0.1);
    }

    .top-banner-seo-right .btn {
        width: 51.5rem;
        margin: 0 auto;
    }

    .right-arrow-icon {
        width: 2.4rem;
        height: 4.2rem;
    }

    .seo-promotion-wrapper {
        align-items: flex-start;
        flex-direction: column;
    }

    .seo-promotion-left {
        width: 100%;
    }

    .seo-promotion-right {
        width: 100%;
        padding-left: 0;
    }

    .seo-promotion {
        padding: 10rem 0;
    }

    .seo-promotion-left-top-title {
        font-size: 6.5rem;
        margin-bottom: 5.5rem;
        max-width: 41rem;
    }

    .seo-promotion-left-top .btn {
        width: 59.5rem;
    }

    .seo-promotion-left-top {
        margin-bottom: 10.5rem;
    }

    .seo-promotion-item-context-key {
        font-size: 4rem;
    }

    .seo-promotion-item-context-value {
        font-size: 3rem;
        font-weight: 300;
    }

    .seo-promotion-item:before {
        font-size: 2rem;
        padding-top: 1rem;
    }

    .seo-promotion-right-clients {
        flex-wrap: wrap;
    }

    .seo-table-link {
        width: 33.3333%;
        margin-bottom: 10.5rem;
    }

    .seo-parter-logo {
        height: 9rem;
        width: 15rem;
        margin: 0 auto 1.5rem;
    }

    .seo-parter-name {
        font-size: 1.8rem;
        width: 20rem;
    }

    .best-team-left {
        padding: 10rem 5rem;
        width: 100%;
        flex-shrink: 0;
        /*box-shadow: -0.7rem 0.5rem 1rem 0 rgba(146, 146, 146, 0.07);*/
        box-shadow: 0 .9rem 1rem 0 rgba(163, 163, 163, 0.07);
    }

    .best-team-left-caption {
        font-size: 3rem;
        margin-bottom: 5rem;
    }

    .best-team-left-title {
        font-size: 4.5rem;
        font-weight: 700;
        margin-bottom: 6rem;
        width: 90%;
    }

    .best-team-left-title span {
        font-size: 4.5rem;
    }

    .best-team-left-bla span {
        font-size: 3rem;
    }

    .best-team-left-bla {
        margin-bottom: 7rem;
    }

    .green-heart-icon {
        width: 4.7rem;
        height: 4.1rem;
    }

    .btn-link-white {
        line-height: 9.2rem;
        font-size: 3rem;
    }

    .mountain-context {
        height: 100.2rem;
        background-image: url(../../../../../templates/request/img/mountai-bg-mob.png);
        padding-top: 21rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .mountain-list {
        width: 100%;
    }

    .mountain-title {
        font-size: 3.5rem;
        margin-bottom: 4.5rem;
    }

    .mountain-item {
        font-size: 3.5rem;
        margin-bottom: 4rem;
    }

    .mountain-item:before {
        font-size: 1.8rem;
        margin-right: 1rem;
        padding-top: 0.7rem;
    }

    .triple-banners {
        padding: 1rem 0;
    }

    .triple-banners-block {
        width: calc((100% - 1rem) / 2);
        height: 53rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
        padding: 4rem 3.5rem;
    }

    .triple-banners-block:nth-child(3n) {
        margin-right: 1rem;
    }

    .triple-banners-block:nth-child(2n) {
        margin-right: 0;
    }

    .triple-banners-wrapper {
        flex-wrap: wrap;
    }

    .triple-banners-block-number {
        font-size: 6.5rem;
        margin-bottom: 3rem;
    }

    .triple-banners-block-discription {
        font-size: 3rem;
    }

    .our-team {
        padding: 5rem 0;
    }

    .team-slide {
        flex-direction: column;
    }

    .team-slide-left,
    .team-slide-center,
    .team-slide-right {
        flex-basis: 100%;
        flex-grow: 1;
    }

    .team-mark-right,
    .team-mark-left {
        width: 100%;
        box-sizing: border-box;
        padding-right: 43%;
    }

    .team-slide-left {
        margin-right: 0;
        padding-bottom: 2.3rem;
    }

    .team-slide-center {
        padding-bottom: 2.3rem;
    }

    .team-slide-right {
        margin-left: 0;
    }

    .team-slide-center-image {
        width: 57%;
        box-sizing: border-box;
    }

    .team-mark-center-context {
        box-sizing: border-box;
        width: 43%;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
        padding: 4rem 0 0 2.5rem;
    }

    .team-slide-center {
        display: flex;
    }

    .team-mark-right-context {
        display: none;
    }

    .team-slide-caption {
        font-size: 3rem;
        margin-bottom: 9rem;
    }

    .team-slide-name {
        font-size: 4.5rem;
        margin-bottom: 3.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .team-slide-position {
        font-size: 3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .team-swiper-tools {
        height: 100%;
        bottom: 0;
        left: auto;
        right: 0;
        width: 43%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 2.5rem 3rem;
    }

    .team-swiper-pagination {
        font-size: 3rem;
        margin-bottom: 41rem;
    }

    .team-swiper-pagination .count {
        font-size: 6.5rem;
    }

    .swPagination {
        justify-content: flex-start;
    }

    .team-swiper .swiper-pagination-bullet {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0.65rem 0.8rem 0;
    }

    .team-swiper .swiper-pagination-bullet-active {
        width: 2.6rem;
        height: 2.6rem;
        margin: 0 3rem 0;
    }

    .team-swiper .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }

    .team-swiper .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }

    .seo-context-title {
        font-size: 6rem;
        width: 100%;
        margin-bottom: 4rem;
    }

    .seo-context-text p {
        font-size: 3rem;
        line-height: 1.4;
        margin-bottom: 4rem;
    }

    .seo-context-text p:last-child {
        margin-bottom: 0;
    }

    .our-technology-title {
        font-size: 6rem;
        margin-bottom: 6rem;
    }

    .our-technology-image {
        height: 31rem;
    }

    .develop {
        padding: 4rem 0 8rem;
    }

    .develop-title {
        width: 100%;
        font-size: 6rem;
        margin-bottom: 5rem;
    }

    .btn-white {
        width: 51.5rem;
        height: 9.3rem;
        padding: 1.6rem 3.5rem 1.6rem 4rem;
        font-size: 3rem;
        box-shadow: 0 3.5rem 4.6rem 0 rgba(0, 0, 0, 0.1);
    }

    .three-banners-wrapper {
        flex-direction: column;
    }

    .three-banners-block {
        width: 100%;
        height: 58rem;
        padding: 5.3rem;
        margin-right: 0;
        margin-bottom: 2.5rem;
    }

    .three-banners-block-info {
        width: 26.4rem;
        height: 22.8rem;
        padding: 4rem 2rem;
    }

    .three-banners-block-info-number {
        font-size: 14rem;
    }

    .three-banners-block-info-text {
        font-size: 3rem;
    }

    .request-footer-content {
        width: 100%;
        font-size: 3rem;
    }

    .heart-icon {
        width: 5.4rem;
        height: 4.6rem;
    }

    .request-footer-wrapper {
        height: 12.5rem;
    }

    .top-banner-site-wrapper {
        flex-direction: column;
    }

    .banner-site-left {
        width: 100%;
    }

    .banner-site-right {
        width: 100%;
        height: 73rem;
    }

    .top-banner-site {
        padding: 22rem 0 13.5rem;
    }

    .banner-site-left-caption {
        width: 100%;
        font-size: 3rem;
        margin-bottom: 4rem;
    }

    .banner-site-left-title {
        width: 80%;
        margin-bottom: 7.5rem;
        font-size: 6rem;
    }

    .banner-apps-right-caption {
        font-size: 3rem;
        margin-bottom: 5rem;
    }

    .banner-apps-right-item {
        font-size: 4rem;
        margin-bottom: 5rem;
    }

    .banner-apps-right-item:before {
        font-size: 2rem;
        padding-right: 1.5rem;
        padding-bottom: 0.8rem;
    }

    .banner-site-right-image {
        width: 58.2rem;
        right: 0;
    }

    .banner-site-right .btn {
        width: 40rem;
    }
    .gallary-title {
        font-size: 6rem;
        margin-bottom: 4rem;
    }
    .baza-znaniya-caption,
    .gallary-caption {
        font-size: 3rem;
        margin-bottom: 5rem;
    }

    .gallary-discription {
        transform: translateY(0);
        padding: 4rem 3rem 5rem;
    }

    .gallary-content {
        height: 58rem;
    }

    .gallary-content img {
        height: calc(100% - 14.5rem);
    }

    .gallary-discription-right {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    .gallary-discription-title {
        font-size: 4rem;
    }

    .gallary-discription-caption {
        font-size: 3rem;
    }

    .gallary-wrapper {
        margin-bottom: 5rem;
    }

    .best-team {
        padding: 5rem 0;
    }

    .context-text p {
        font-size: 3rem;
    }

    .context-text {
        padding-right: 0;
        margin-bottom: 5rem;
    }

    .context-title {
        width: 100%;
        margin-bottom: 3rem;
    }

    .site-triple-banners .triple-banners-block {
        height: 59.5rem;
        padding: 3.5rem 2rem;
    }

    .triple-banners-block-title {
        font-size: 3.5rem;
        margin-bottom: 3.2rem;
    }

    .site-triple-banners .triple-banners-block-discription {
        font-size: 2.5rem;
    }

    .triple-banners-block-door {
        background-image: url(../../../../../templates/request/img/triply-door-mob.png);
    }

    .triple-banners-block-ball {
        background-image: url(../../../../../templates/request/img/triply-ball-mob.png);
    }

    .triple-banners-block-road {
        background-image: url(../../../../../templates/request/img/triply-road-mob.png);
    }

    .top-banner-apps {
        padding: 20rem 0 19.5rem;
    }

    .banners-apps-head {
        margin-bottom: 8rem;
        width: 100%;
        margin-left: 0;
    }

    .banners-apps-head-title {
        font-size: 6rem;
        margin-bottom: 5rem;
    }

    .banners-apps-head-caption {
        font-size: 3rem;
    }

    .banner-apps-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .banner-apps-left {
        width: 66rem;
        height: 61.5rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 9.5rem;
    }

    .banner-apps-right {
        padding-left: 0;
    }

    .best-team-banner {
        flex-direction: column;
    }

    .best-team-right {
        padding-left: 0;
        padding-right: 0;
        padding-top: 11rem;
    }

    .best-team-right-caption {
        font-size: 4rem;
        margin-bottom: 0;
    }

    .best-team-right-answer {
        font-size: 4rem;
        margin-bottom: 8.5rem;
        width: 100%;
    }

    .best-team-right-title {
        font-size: 4rem;
        margin-bottom: 4rem;
    }

    .best-team-right-context {
        margin-bottom: 11rem;
    }

    .best-team-right-context p {
        font-size: 3rem;
    }

    .finger-container {
        width: 100%;
        height: 145rem;
        padding: 9rem 3rem 21rem;
        background-image: url(../../../../../templates/request/img/finger-bg-mob.png);
    }

    .finger-left {
        width: 100%;
    }

    .finger-title {
        font-size: 3.5rem;
        margin-bottom: 0;
    }

    .finger-discription {
        font-size: 3.5rem;
        margin-bottom: 3rem;
        line-height: 1.2;
    }

    .finger-item {
        font-size: 3.5rem;
        margin-bottom: 4.5rem;
    }

    .finger-item:before {
        font-size: 2rem;
        padding-bottom: 0.8rem;
    }

    .top-banner-portal {
        height: initial;
        background-image: url(../../../../../templates/request/img/portal-banner-bg-mob.png);
    }

    .portals-banner-content {
        flex-direction: column;
        padding-top: 20rem;
        margin-bottom: 114rem;
    }

    .portals-banner-content-left {
        padding-top: 0;
        width: 100%;
        padding-right: 0;
        text-align: left;
    }

    .portals-banner-content-right {
        padding-top: 0;
        width: 100%;
        padding-left: 0;
    }

    .banner-contact-title {
        font-size: 6rem;
        width: 90%;
    }

    .portals-banner-caption {
        font-size: 3rem;
        margin-bottom: 3.3rem;
        width: 100%;
    }

    .portals-banner-text {
        font-size: 3rem;
        line-height: 1.2;
        margin-bottom: 6rem;
    }

    .btn.mobile {
        display: flex;
    }

    .gallary-content-small {
        width: 100%;
    }

    .flower-container {
        width: 100%;
        height: 84rem;
        padding: 8.5rem 5rem 12.5rem;
        background-image: url(../../../../../templates/request/img/flower-bg-mob.png);
    }

    .flower-context p {
        font-size: 3rem;
        line-height: 1;
    }

    .top-banner-contact {
        padding: 20rem 0 13rem;
    }
    .baza-znaniya,
    .gallary {
        padding-top: 20rem;
    }

    .banner-contact-wrapper {
        flex-direction: column;
    }

    .banner-contact-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 7rem;
    }

    .banner-contact-center {
        width: 100%;
        margin-bottom: 9rem;
    }

    .banner-contact-right {
        width: 100%;
        padding-left: 0;
    }

    .banner-contact-left-wrapper {
        display: flex;
    }

    .banner-contact-list {
        width: 50%;
    }

    .banner-contact-key {
        font-size: 3rem;
    }

    .banner-contact-value {
        font-size: 3rem;
        margin-bottom: 3.5rem;
    }

    .banner-contact-value a {
        font-size: 3rem;
    }

    .feedback-form-item+.btn {
        margin-top: 7.5rem;
    }

    .map {
        height: 90rem;
    }

    .main-swiper-container {
        height: 124rem;
        width: 100%;
        padding: 9rem 0 14rem 0;
        /*padding: 9rem 0 23rem 0;*/
        background-color: #1f1f1f;
    }

    .main-swiper-slide {
        flex-direction: column;
        justify-content: flex-start;
    }

    .main-slide-left {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .main-slide-right {
        width: initial;
        max-width: initial;
        height: 60rem;
        padding-left: 14rem;
        margin-bottom: 3.5rem;
    }

    .main-swiper-tools-left {
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 74rem;
        width: 5rem;
        z-index: 1;
    }

    .main-slide-title {
        margin-bottom: 2rem;
        font-size: 6rem;
    }

    .main-slide-caption {
        margin-bottom: 2.5rem;
        font-size: 3rem;
        font-weight: 700;
    }

    .mainslide-discription {
        font-size: 3rem;
    }

    .main-swiper-tools-right {
        position: relative;
        right: 0;
        top: 0;
        left: auto;
        display: flex;
        flex-direction: column;
        align-items: right;
        justify-content: center;
        /* height: 100%; */
        height: initial;
        width: 100%;
    }

    .gallary-btn {
        margin: 19rem auto 19rem;
    }

    .complex-title {
        font-size: 9rem;
    }

    .complex-seo {
        width: 100%;
        padding: 0 5% 48rem;
        background-image: url(../../../../../templates/request/img/ui-ux.png);
        background-repeat: no-repeat;
        background-position: 50% 90%;
        background-size: 100%;
    }

    .complex .container {
        width: 100%;
    }

    .complex-telegram {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .complex {
        padding-top: 15rem;
    }

    .complex-left {
        width: 100%;
    }

    .complex-caption {
        font-size: 4rem;
    }

    .complex-discription {
        font-size: 3.6rem;
    }

    .telegram-avatar {
        width: 31rem;
        height: 31rem;
        margin: 0 auto 3rem;
    }

    .telegram-caption {
        font-size: 3.6rem;
    }

    .telegram-link {
        font-size: 3.6rem;
        margin-bottom: 6.5rem;
    }

    .telegram-post {
        width: 100%;
        margin-right: 0;
        padding-bottom: 15rem;
    }

    .telegram-post-head {
        height: 11rem;
        padding: 1.8rem 3rem;
    }

    .post-head-left {
        width: 8rem;
        height: 8rem;
        margin-right: 2rem;
    }

    .post-head-name {
        font-size: 3.6rem;
    }

    .post-head-caption {
        font-size: 2.4rem;
    }

    .telegram-post-body p {
        font-size: 3rem;
        margin-bottom: 5rem;
    }

    .post-button {
        line-height: 8.6rem;
        font-size: 3rem;
    }

    .why-not-title {
        font-size: 9rem;
        margin-bottom: 4.5rem;
    }

    .why-not-discription {
        font-size: 3.6rem;
        width: 50rem;
        margin: 0 auto 4.5rem;
    }

    .btn-green {
        width: 51.5rem;
        height: 9.3rem;
        padding: 1.6rem 3.5rem 1.6rem 4rem;
        font-size: 3rem;
        box-shadow: 0 3.5rem 4.6rem 0 rgba(0, 0, 0, 0.1);
    }

    .why-not-wrapper {
        flex-direction: column;
    }

    .why-not-wrapper .btn-green {
        margin-bottom: 8rem;
    }

    .why-not {
        padding: 25rem 0;
    }

    .our-partners-wrapper {
        flex-direction: column;
    }

    .our-partners-left {
        width: 100%;
    }

    .our-partners-right {
        width: 100%;
    }

    .partners-caption {
        font-size: 3.6rem;
        margin-bottom: 8rem;
    }

    .our-partners {
        padding: 21rem 0 14.5rem;
    }

    .our-partners-left-item {
        font-size: 9rem;
        display: flex;
    }

    .our-partners-left-item:before {
        font-size: 4rem;
        padding-top: 1rem;
    }

    .our-partners-left-list {
        margin-bottom: 10rem;
    }

    .develop-caption {
        width: 100%;
        font-size: 3.6rem;
    }

    .our-table-link {
        flex-grow: 0;
        width: 50%;
        padding: 4.5rem 0;

        border-right: none;
        border-bottom: none;
    }

    .our-table-parter-logo {
        height: 16rem;
        width: 28.5rem;
        margin: 0 auto 1.5rem;
    }

    .our-table-parter-name {
        font-size: 3rem;
        width: 33rem;
    }

    .our-table-link:nth-last-child(-n+3) {
        padding-bottom: 4.5rem;
    }

    .our-table-link:nth-child(-n+3) {
        padding-top: 4.5rem;
    }



    /*slide modal mobile version*/
    .modal-slide {
        max-width: 100%;
        padding: 11.5rem 5%;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .modal-slide.modal-slide--active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .modal-slide__title-h1 {
        font-size: 6rem;
        margin-bottom: 6rem;
    }

    .modal-form-container input {
        line-height: 7.6rem;
        font-size: 3rem;
        padding: 0 3.5rem;
        margin-bottom: 1.4rem;
    }

    .close-btn {
        width: 6rem;
        height: 6rem;
    }

    .modal-form-container {
        margin-bottom: 5rem;
    }

    .modal-social-caption {
        font-size: 3rem;
    }

    .modal-social-btn {
        width: 22.5rem;
        height: 6rem;
    }

    .modal-social-btn:not(:last-child) {
        margin-right: 1.3rem;
    }

    .modal-slide-btn {
        width: 53rem;
        height: 8rem;
        font-size: 3rem;
        background-size: 3.5rem;
    }

    .modal-form-container textarea {
        line-height: 4rem;
        padding: 2rem 3.5rem;
        font-size: 3rem;
        margin-bottom: 1.4rem;
    }

    .modal-slide__event-name {
        font-size: 3.6rem;
        margin-bottom: 1rem;
    }

    .modal-slide__date-bold {
        font-size: 4.5rem;
    }

    .modal-slide__date-thin {
        font-size: 4.5rem;
    }

    .modal-slide__price-name {
        font-size: 2.7rem;
        margin-right: 1rem;
    }

    .modal-slide__price-sum {
        font-size: 4.5rem;
    }

    .modal-slide__discription,
    .note {
        font-size: 3rem;
    }

    .modal-application__item span {
        font-size: 3rem;
    }

    .attach-file>span {
        font-size: 3.6rem;
        padding-left: 7rem;
    }

    .attach-file>span:before {
        width: 5rem;
        height: 5.2rem;
        margin-right: 1.5rem;
    }

    /*end slide modal*/

.modal-content {
    width: 100%;
    max-width: 100%;
}
.modal-content-head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    background-color: #1f1f1f;
    padding: 0 5%;
}
.modal-image-container {
    padding-top: 10rem;
}
.btn-close-modal {
    right: 5%;
    top: 12rem;
    background-color: #1f1f1f;
}
.modal-tool-btn {
    right: 5%;
    top: 2rem;
    z-index: 1;
}

.btn-arrow-modal {
    display: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: -9999px;
}

.btn-send-message {
    right: 5%;
    bottom: 5rem;
}
.modal-popup {
    width: 90%;
    top:47%;
}
.modal-popup__title-h1 {
    font-size: 6rem;
}
.modam-popup-item-label {
    font-size: 3rem;
}
.modam-popup-item-input {
    font-size: 3rem;
}
.close-btn-popup {
    width: 3.6rem;
    height: 3.3rem;
}
.modal-popup .btn {
    margin: 0 auto;
}
.our-team .swiper-wrapper {
    height: initial;
}



/*правки по слайдеру "наша команда"*/
.team-slide {
    flex-direction: row;
    flex-wrap: wrap;
}
.team-slide-left {
    order: 1;
    width: 50%;
    justify-content: flex-end;
}
.team-slide-right {
    order: 2;
    width: 50%;
    justify-content: flex-start;
}
.team-slide-center {
    order: 3;
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
}
.team-slide-center {
    margin-top: -35rem;
}
.team-mark-center-context {
    width: 100%;
}
.team-slide-left,  
.team-slide-right {
    flex-basis: 50%;
    display: flex;
    max-width: 50%;
}
.team-mark-left {
    padding-right: 2%;
    width: 34rem;
}
.team-mark-right {
    padding-right: 0;
    padding-left: 2%;
    width: 34rem;
}
.team-slide-left {
    padding-bottom: 0;
}
.team-slide-right {
    /*padding-bottom: 38.9%;*/
    padding-bottom: 26.2rem;
}
.team-slide-center-image {
    width: 49%;
}
.team-slide-center {
    /*margin-top: -37.9%;*/
    /*margin-top: -45%;*/
    margin-top: -35rem;
}
.team-mark-center-context {
    padding: 7rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.team-slide-caption {
    margin-bottom: 3rem;
}
.team-swiper-tools {
    height: initial;
    bottom: 0;
    left: auto;
    right: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}
.swPagination {
    justify-content: center;
}
.team-slide-position {
    margin-bottom: 5.5rem;
}
.team-swiper-pagination {
    position: absolute;
    top: 27rem;
    z-index: 1;
    margin-bottom: 0;
}
.team-swiper-tools {
    position: static;
}
.swiper-slide.team-slide {
    height: 140rem;
}
.team-slide-center-image {
    width: 50%;
    display: flex;
    justify-content: flex-start;
}
.team-slide-center-image img {
    min-height: 100%;
    min-width: initial; 
    width: 34rem;
    height: auto;
    max-width: none;
    max-height: none;
    max-width: 34rem;
    padding-left: 2%;
    display: block;
    position: relative;
    object-fit: cover;
}
.triple-banners-block-yellow {
    background-image: url(../../../../../templates/request/img/triply-yellow-mobile.png);
}
.triple-banners-block-green {
    background-image: url(../../../../../templates/request/img/triply-green-mobile.png);
}
.triple-banners-block-blue {
    background-image: url(../../../../../templates/request/img/triply-blue-mobile.png);
}
.mountain-context {
    height: 105.2rem;
}
.feedback-form-value {
    font-size: 3.3rem;
}
/*new page platform*/
.banner-apps-right-caption_platform {
    font-size: 3rem;
    margin-bottom: 4rem;
}
.banner-apps-right-item_platform {
    font-size: 3.6rem;
}
.banner-apps-right-item_platform::before {
    font-size: 2rem;
}
.blended_platform .education-title {
    font-size: 5rem;
}
.flower-title_platform {
    font-size: 4.5rem;
}
.flower-patform-item {
    font-size: 2.7rem;
}
.opportunities-platform-wrapper {
    flex-wrap: wrap;
}
.opportunities-platform-col {
    width: 100%;
    margin-right: 0;
}
.opportunities-platform-col .opportunities-platform-col-big {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 50.7rem;
    padding: 33.6rem 2.8rem 2rem 5rem;
    margin-bottom: 3.4rem;
    background-color: #F3F3F3;
}
.opportunities-platform-col-big p {
    font-size: 3rem;
}
.opportunities-platform-col-small {
    background-color: #F3F3F3;
    padding: 6rem 3rem 2rem 5rem;
}
.opportunities-platform-col-small p {
    font-size: 3rem;
}
.opportunities-platform-col {
    margin-bottom: 3.4rem;
}
.opportunities-platform + .education-text .education-title {
    padding: 0 8rem;
}
.blended_platform {
    padding-bottom: 15rem;
}
.banners-apps-head-supTitle {
    font-size: 2.7rem;
    line-height: 1.2;
}
.heder-menu-link.heder-menu-link-education {
    display: none;
}
.header-menu-item {
    height: initial;
    margin: 2.5rem 0;
}
.header-menu-item .header-subMenu-item {
    position: static;
    padding: 0;
    opacity: 1;
    visibility: visible;
    width: initial;
    text-align: left;
    background-color: inherit;
}
.header-menu-item  .header-subMenu-item li:not(:last-of-type) {
    margin: 2.5rem 0 5rem;
}
.header-menu-item .header-subMenu-item li {
    height: initial;
    margin: 2.5rem 0;
    height: 3.5rem;
}
.header-subMenu-item li a {
    height: 100%;
    color: #fff;
    font-weight: 300;
    padding: 0;
    font-size: 3.6rem;
}
.header-menu-item-education.header-menu-item {
    margin: 0;
}

}

@media (max-width: 22.5em) {
    html {
        font-size: 4.5px;
        -webkit-text-size-adjust: none;
    }

}

@media (max-width: 21em) {
    html {
        font-size: 4px;
        -webkit-text-size-adjust: none;
    }

}

.modam-popup-item-input option {
    background-color: transparent;
    font-size: 2rem;
    line-height: 1.8;
    font-weight: 600;
    color: #000000;
}

.gallary-content-large {
    height: 66rem; 
}

.modal-popup-form-container {
    font-size: 2.6rem;
    margin-bottom: 3rem;
    color: #fff;
}

.feedback-modal {
    font-size: 2.2rem;
}

.gallary-content-small {
    height: 64.5rem;
}


@media (max-width: 48em) {
    .frontend-obechenie .top-banner-seo {
        background-position: 50% 75%;
    }

    .frontend-obechenie .top-banner-seo-left {
        margin-bottom: 104rem;
    }

    .gallary-content-large {
        height: 80rem; 
    }

    .feedback-modal {
        font-size: 3.6rem;
    }

    .gallary-content-small {
        height: 80rem; 
    }

    .header {
        position: fixed;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
    }


}

/*new page korp portal*/


.wrapper {
  background-color: #f7f7f7;
}
.burger {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 20rem;
  width: 30px;
  height: 100%;
  cursor: pointer;
  position: relative;
}

.burger-bar {
  width: 30px;
  height: 2px;
  margin-bottom: 5px;
  background: #fff;
}

.burger-bar:last-child {
  margin-bottom: 0;
}

.nav-wrap {
  padding: 2rem 0;
  width: 100%;
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
  z-index: 5;
}

.nav {
  margin: 0 auto;
  max-width: 86.5rem;
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav__item {
  font-size: 1.7rem;
  text-transform: uppercase;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
}

.nav__link {
  color: #292929;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 6rem;
}

.logo__img {
  width: 7.2rem;
  margin-right: 1rem;
}

.logo__brand {
  font-family: "Myriad Pro", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
}

.logo__desc {
  font-family: "Gotham Pro", sans-serif;
  font-weight: bold;
  color: #01e6a8;
  font-size: 1.3rem;
  white-space: nowrap;
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.navigation__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 10rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navigation__item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 1px;
  visibility: hidden;
  opacity: 0;
  background-color: #01e6a8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navigation__item:hover:before {
  visibility: visible;
  opacity: 1;
}

.navigation__link {
  font-family: "Circe-ExtraLight", sans-serif;
  color: #fff;
  font-size: 1.8rem;
}

.mobile-menu {
  height: 100vh;
  width: 100vw;
  padding: 6rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  background: #111111;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mobile-menu .phone__link {
  text-decoration: underline;
}
.mobile-menu .navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mobile-menu .navigation__item {
  font-size: 4.8rem;
  margin-bottom: 4rem;
}
.mobile-menu .navigation__item:before {
  display: none;
}
.mobile-menu .phone {
  margin-top: auto;
  font-size: 4.8rem;
}
.mobile-menu .btn-close {
  position: absolute;
  right: 10%;
  top: 2.5%;
  content: url("../../../../../templates/request/img/korporativnii-portal/btn-close.svg");
  width: 4rem;
  height: 4rem;
  z-index: 100;
}
.mobile-menu.active {
  opacity: 1;
  visibility: visible;
  left: 0;
}

@media (max-width: 48em) {

  .nav-wrap {
    padding-left: 4rem;
    padding-right: 4rem;
    position: fixed;
    top: 13rem;
  }

  .nav__list {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
  }

  .nav__item {
    font-size: 2rem;
    margin-right: 2rem;
  }

  .nav__item:last-child {
    margin-right: 0;
  }

  .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .mobile-menu .navigation__link {
    font-size: 4rem;
  }
}
.welcome {
  height: 91.8rem;
  width: 100%;
  margin: 0 auto;
  background: #1f1f1f;
  margin-bottom: 19rem;
}

.welcome__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome__left {
  width: 50%;
  margin-right: 6rem;
}

.welcome__asd {
  width: 11.4rem;
  height: 47.4rem;
  background: #efefef;
}

.welcome__img {
  max-width: 100%;
  max-height: 100%;
}

.welcome__head {
  margin-bottom: 5.5rem;
}

.welcome__title {
  font-size: 5rem;
  color: #ececec;
  margin-bottom: 1.7rem;
  width: 70%;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}

.welcome__subtitle {
  font-size: 2rem;
  color: #ececec;
}

.welcome__notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5rem;
}
.welcome__notice .notice__img {
  margin-right: 2rem;
}
.welcome__notice .notice__item {
  margin-right: 6.7rem;
}

.notice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice__img {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #ececec;
}

.notice__img--star-blue {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/star-blue.png");
}

.notice__img--star-grey {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/star-grey.png");
}

.notice__img--star-inner {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/star-inner.png");
}

.notice__name {
  font-size: 2rem;
  color: #ececec;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
}

.notice__text {
  font-size: 1.6rem;
  color: #ececec;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
}

.welcome__sign-up-link {
  margin-bottom: 6.5rem;
}

.sign-up-link {
  width: 29.5rem;
  height: 6rem;
  padding: 0 2rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(-2.54%, #111217),
    color-stop(101.53%, #3b3d45)
  );
  background: linear-gradient(90deg, #111217 -2.54%, #3b3d45 101.53%);
  -webkit-box-shadow: 15px 30px 100px rgba(0, 0, 0, 0.4);
  box-shadow: 15px 30px 100px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: normal;
}

.sign-up-link--white {
  background: #fff;
  color: #292929;
}
.sign-up-link--white .sign-up-icon {
  content: url("../../../../../templates/request/img/korporativnii-portal/arrow-black.svg");
}

.sign-up-icon {
  width: 1.1rem;
  height: 2.1rem;
  content: url("../../../../../templates/request/img/korporativnii-portal/arrow-white.svg");
}

.steps {
  width: 100%;
  margin-bottom: 5rem;
}

.steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.steps__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3.8rem;
}

.steps__item:last-child {
  margin-right: 0;
}

.steps__number {
  color: #5e6170;
  font-size: 1.4rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-top: -0.5rem;
  margin-right: 0.3rem;
}

.steps__name {
  color: #fff;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.steps__desc {
  color: #fff;
  font-size: 1.6rem;
}

.special-version {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 59.4rem;
  height: 14.7rem;
  background-image: url("../../../../../templates/request/img/korporativnii-portal/fire.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 2rem;
  padding: 0 2.6rem;
}

.special-version__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.special-version__title {
  font-size: 2.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.5rem;
}

.special-version__text {
  color: #fff;
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  margin-right: 1.3rem;
}

.special-version__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  background: #fff;
  border-radius: 50%;
}
.about {
  background-color: #1f1f1f;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 86.7rem;
}

.about__img {
  align-self: flex-start;
  margin-right: -10rem;
  width: 50%;
  height: 100%;
}
.about__pic-mob{
  display: none;
}
.about__info {
  max-width: 73rem;
  align-self: flex-start;
  padding-top: 12.3rem;
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern";
  text-rendering: optimizeLegibility;
  font-style: normal;
}

.about__name {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  color: #616688;
  margin-bottom: 0.5rem;
}

.about__title {
  font-size: 5rem;
  color: #fff;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 4rem;
}

.about__goals span {
  font-size: 1.8rem;
  color: #727272;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}

.about__list {
  line-height: 1.79;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about__number {
  font-size: 1.8rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  color: #fff;
  margin-right: 1rem;
}

.about__text {
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  font-size: 2.8rem;
  color: #fff;
}

.about__offer {
  color: #727272;
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 6.3rem;
}

.links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.links__list .links__item:first-child {
  margin-right: 5rem;
}

.links__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  width: 29.5rem;
  height: 6rem;
  font-size: 1.8rem;
  padding: 0 2.5rem;
  -webkit-box-shadow: 15px 30px 100px rgba(0, 0, 0, 0.4);
  box-shadow: 15px 30px 100px rgba(0, 0, 0, 0.4);
}

.links__item--white {
  color: #292929;
  background: #fff;
}
.links__item--white .sign-up-icon {
  content: url("../../../../../templates/request/img/korporativnii-portal/arrow-black.svg");
}

.links__item--grey {
  color: #fff;
  background: linear-gradient(87.98deg, #111217 -52.89%, #5b5f72 98.88%);
}

.links__item--black {
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(-2.54%, #111217),
    color-stop(101.53%, #3b3d45)
  );
  background: linear-gradient(90deg, #111217 -2.54%, #3b3d45 101.53%);
}

.links__item--mobile {
  display: none;
}

.links__item--center {
  margin-left: auto;
  margin-right: auto;
}

.info {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-top: 23rem;
  padding-bottom: 19rem;
}

.info__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info__img {
  width: 20rem;
  height: 8.5rem;
  margin-bottom: .8rem;
}

.info__pic {
  max-width: 100%;
  max-height: 100%;
}

.info__desc {
  display: flex;
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 5rem;
  text-align: center;
}
.info__desc div{
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}
.info__desc div:first-child{
  margin-right: .5rem;
}

.info__definition {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
}
.info__definition span {
  color: #477afc;
  font-weight: bold;
}

.info__slogan {
  font-size: 1.8rem;
  text-align: center;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.general {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 21rem;
}

.general__title {
  margin-bottom: 6rem;
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #282828;
}

.general__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -2.5rem;
}

.general__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 23%;
  margin-bottom: 2.5rem;
  padding: 3.8rem 2.2rem 2.2rem 2.2rem;
  border-radius: 3rem;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
  box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
}

.general__item:nth-child(1) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general1.png");
}

.general__item:nth-child(2) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general2.png");
}

.general__item:nth-child(3) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general3.png");
}

.general__item:nth-child(4) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general4.png");
}

.general__item:nth-child(5) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general5.png");
}

.general__item:nth-child(6) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general6.png");
}

.general__item:nth-child(7) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general7.png");
}

.general__item:nth-child(8) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/general8.png");
}

.general__name {
  font-size: 2.3rem;
  margin-bottom: 1.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}

.general__text {
  width: 90%;
  font-size: 1.6rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.general__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.9rem;
  height: 4.9rem;
  background: #292929;
  color: #fff;
  border-radius: 50%;
  margin-left: auto;
  font-size: 1.6rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.suggestions {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 19rem;
}

.suggestions__head {
  width: 50%;
}
.suggestions__head .links__item {
  margin-top: 10rem;
}

.suggestions__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  color: #282828;
}

.suggestions__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.suggestions__list {
  width: 50%;
}

.suggestions__list:first-child {
  margin-right: 3rem;
}

.suggestions__block:first-child {
  margin-bottom: 9rem;
}

.suggestions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  max-width: 36rem;
}

.suggestions__item:last-child {
  margin-bottom: 0;
}

.suggestions__number {
  font-size: 1.4rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  margin-right: 0.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.suggestions__text {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.solutions {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 19rem;
}

.solutions__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-bottom: 5rem;
}

.solutions__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.solutions__subtitle {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: 300;
  width: 47%;
}

.solutions__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.solutions__item {
  margin-right: 4rem;
  width: 32%;
  height: 54rem;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3rem;
  padding: 6rem 5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.solutions__item:nth-child(1) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/solution1.png");
}

.solutions__item:nth-child(2) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/solution2.png");
}

.solutions__item:nth-child(3) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/solution3.png");
}

.solutions__item:last-child {
  margin: 0;
}

.solutions__name {
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  font-size: 3.6rem;
  margin-bottom: 2rem;
  color: #282828;
}

.solutions__text {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.banner {
  width: 100%;
  max-width: 133.7rem;
  margin: 0 auto;
  padding: 6rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../../../templates/request/img/korporativnii-portal/banner.png");
  border-radius: 3rem;
  overflow: hidden;
}
.banner .notice__item {
  margin-bottom: 4.5rem;
}
.banner .notice__img {
  margin-right: 2.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.banner .notice__name {
  width: 70%;
}

.banner__info {
  width: 60%;
  margin-left: auto;
}

.banner__title {
  font-size: 4.5rem;
  color: #fff;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 4rem;
  white-space: normal;
}

.banner__text {
  font-size: 1.8rem;
  color: #e0d7ff;
  margin-bottom: 2rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: normal;
}

.banner__list {
  margin-bottom: 4rem;
}

.banner__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}

.banner__item:last-child {
  margin-bottom: 0;
}

.banner__number {
  font: 1.4rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: normal;
  color: #fff;
  margin-right: 0.5rem;
  font-size: 1.4rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.banner__desc {
  font-size: 2rem;
  color: #fff;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.integration {
  max-width: 133.7rem;
  margin: 0 auto;
  padding: 19rem 0 16rem;
}

.integration__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.integration__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 5rem;
  width: 100%;
  text-align: left;
  color: #282828;
}

.integration__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.integration__list {
  margin-right: 4rem;
}

.integration__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
  white-space: nowrap;
}

.integration__item:last-child {
  margin-bottom: 0;
}

.integration__number {
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  margin-right: 0.5rem;
  font-size: 1.4rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.integration__inner {
  font-size: 2.2rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.integration__text {
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #282828;
}

.integration__desc {
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
}

.classes {
  margin-bottom: 19rem;
  background-image: url('/bitrix/templates/request/css/../img/korporativnii-portal/classes-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% -75%;
}
.classes__wrap{
  max-width: 133.7rem;
  margin: 0 auto;
}
.classes__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5rem;
  text-align: center;
}

.classes__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #282828;
}

.classes__subtitle {
  width: 75%;
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  color: #282828;
}

.classes__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.classes__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 32%;
  margin-right: 4rem;
  padding: 3.5rem 3.2rem 3.5rem 2.6rem;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
  box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
  border-radius: 20px;
  position: relative;
}

.classes__item:last-child {
  margin-right: 0;
  padding-right: 2rem;
}

.classes__item:nth-child(1) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/solution11.png");
}

.classes__item:nth-child(2) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/solution22.png");
}

.classes__item:nth-child(3) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/solution33.png");
}

.classes__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  margin-bottom: 10rem;
  text-align: center;
}

.classes__name {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.classes__price {
  font-size: 3.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 1rem;
}
.classes__price span {
  font-size: 2rem;
}

.classes__desc {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  margin: auto;
}

.classes__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

.classes__point:last-child {
  margin-bottom: 0;
}

.classes__number {
  font-size: 1.7rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-right: 1.3rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.classes__text {
  font-size: 1.7rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.description {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 19rem;
}

.description__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.description__title {
  font-size: 4.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 4rem;
  color: #282828;
}
.description__title span {
  color: #477afc;
  font-weight: bold;
}

.description__subtitle {
  font-family: "Segoe UI", sans-serif;
  font-weight: 300;
  font-size: 2.5rem;
  margin-bottom: 4.4rem;
  width: 98%;
}

.exposition {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 15rem;
}

.exposition__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 5.5rem;
  color: #282828;
}

.exposition__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.exposition__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10rem;
}
.exposition__item:last-child .exposition__desc {
  margin-bottom: 0;
}
.exposition__item:nth-child(1) .exposition__img {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/exposition1.png");
}

.exposition__item:nth-child(2) .exposition__img {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/exposition2.png");
}

.exposition__item:nth-child(3) .exposition__img {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/exposition3.png");
}
.exposition__item:first-child .exposition__slogan {
  width: 100%;
}
.exposition__item:last-child {
  margin-bottom: 0;
}

.exposition__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 4rem 3rem;
  width: 42rem;
  border-radius: 2rem;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 9.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
  box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
}

.exposition__number {
  color: rgba(137, 137, 137, 0.1);
  font-size: 7rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: normal;
  margin-bottom: 16rem;
}

.exposition__desc {
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 2rem;
  width: 79%;
}

.exposition__slogan {
  font-size: 1.6rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: 300;
  color: #fff;
  width: 80%;
}

.exposition__name {
  font-size: 3rem;
  margin-bottom: 2rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}

.exposition__text p {
  line-height: 1.33;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}
.exposition__text p:last-child {
  margin-bottom: 0;
}

.processes {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 18rem;
}

.processes__title {
  font-size: 5rem;
  margin-bottom: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #282828;
}

.processes__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.processes__item {
  background-color: #1f1f1f;
  padding: 5.5rem 2.7rem;
  width: 48%;
  height: 71rem;
  margin-right: 8rem;
  border-radius: 2rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.processes__item:nth-child(1) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/processes2.png");
}

.processes__item:nth-child(2) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/processes1.png");
}

.processes__item:last-child {
  margin-right: 0;
}

.processes__number {
  color: #477afc;
  margin-bottom: 2rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
}

.processes__name {
  font-size: 3.6rem;
  margin-bottom: 3rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  color: #fff;
  width: 80%;
}

.processes__steps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

.processes__steps-item:last-child {
  margin-bottom: 0;
}

.processes__event-number {
  font-size: 1.4rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  color: #fff;
  margin-right: 0.5rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.processes__text {
  font-size: 1.8rem;
  color: #fff;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.clients {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 18rem;
}

.clients__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 7.5rem;
}

.clients__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clients__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24.9%;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 3rem 6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clients__item:nth-child(4),
.clients__item:nth-child(8) {
  border-right: none;
}

.clients__item:nth-child(5),
.clients__item:nth-child(6),
.clients__item:nth-child(7),
.clients__item:nth-child(8) {
  border-bottom: none;
}

.stages {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 18rem;
}

.stages__head {
  margin-bottom: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.stages__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-right: 4rem;
}

.stages__subtitle {
  font-size: 1.8rem;
  line-height: 1.25;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  width: 75%;
}

.stages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -4rem;
}

.stages__item {
  width: 23%;
  margin-bottom: 4rem;
  padding: 4rem 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 2rem;
  -webkit-box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
  box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
  overflow: hidden;
}

.stages__item:nth-child(1) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-1.png");
}

.stages__item:nth-child(2) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-2.png");
}

.stages__item:nth-child(3) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-3.png");
}

.stages__item:nth-child(4) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-4.png");
}

.stages__item:nth-child(5) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-5.png");
}

.stages__item:nth-child(6) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-6.png");
}

.stages__item:nth-child(7) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-7.png");
}

.stages__item:nth-child(8) {
  background-image: url("../../../../../templates/request/img/korporativnii-portal/stages-bg-8.png");
}

.stages__img {
  width: 3.5rem;
  height: 3.5rem;
}

.stages__pic {
  max-width: 100%;
  max-height: 100%;
}

.stages__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3.15rem;
}

.stages__number {
  font-size: 1.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}

.stages__bottom {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
}

.staff {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 18rem;
}

.staff__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 7rem;
  text-align: left;
  width: 65%;
  color: #282828;
}

.staff__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.staff__list:first-child {
  margin-right: 6rem;
}

.staff__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
}

.staff__item:last-child {
  margin-bottom: 0;
}

.staff__number {
  font-size: 1.4rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  margin-right: 0.5rem;
}

.staff__position {
  font-size: 2.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 2rem;
}

.staff__desc {
  font-size: 1.8rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.portals {
  overflow: hidden;
  padding-bottom: 15rem;
}

.portals__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-bottom: 6rem;
}

.portals__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  color: #282828;
  margin-bottom: 3rem;
}

.portals__subtitle {
  font-size: 1.8rem;
  line-height: 1.25;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  width: 49%;
}

.portals__text {
  color: #507cf4;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.portals__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4.5rem;
}

.portals__list--mobile {
  display: none;
}

.portals__item {
  margin-right: 4rem;
  display: block;
  height: 100%;
}
.portals__pic {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.portals__item:last-child {
  margin-right: 0;
}

.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination-item {
  margin-right: 2rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  font-size: 5rem;
  color: #e1e1e1;
  cursor: pointer;
}

.pagination-item:last-child {
  margin-right: 0;
}

.pagination-item--current {
  color: #292929;
}
.swiper-container-projects .swiper-wrapper {
  height: 60rem;
}
.swiper-container-projects .swiper-wrapper .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.swiper-container-projects .swiper-wrapper .swiper-slide{
  height: 43rem;
}.swiper-container-projects .swiper-wrapper .swiper-slide.active{
  height: 51rem;
}
.swiper-container-projects .swiper-pagination-bullets{
  bottom: unset;
}
.swiper-container-projects .swiper-pagination-bullet {
  background: transparent;
  color: #292929;
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-right: 5rem !important;
}
.commercial {
  background: #1f1f1f;
  width: 100%;
  padding: 16rem 0 8rem;
}

.commercial__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 133.7rem;
  margin: 0 auto;
}

.commercial__img {
  width: 100%;
  height: 100%;
}

.commercial__pic {
  max-width: 100%;
  max-height: 100%;
}
.commercial__info {
  margin-top: -5rem;
  width: 75rem;
  flex-shrink: 0;
}
.commercial__title {
  font-size: 5rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  margin-bottom: 5.8rem;
  color: #fff;
  width: 95%;
  line-height: 1.2;
}

.commercial__list {
  margin-bottom: 6rem;
}

.commercial__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.commercial__item:first-child {
  margin-bottom: 5rem;
}

.commercial__number {
  font-size: 1.8rem;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  color: #fff;
  margin-right: 1rem;
  margin-top: 1rem;
}

.commercial__name {
  font-size: 2.5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 2.22;
}

.commercial__text {
  color: #727272;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.3;
}

.conclusion {
  max-width: 133.7rem;
  margin: 0 auto;
  padding-bottom: 11rem;
  padding-top: 13rem;
}

.conclusion__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.conclusion__title {
  font-size: 5rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  margin-bottom: 6rem;
  text-align: left;
  color: #292929;
}

.conclusion__article {
  width: 76%;
}

.conclusion__block {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
}

.conclusion__block:last-child {
  margin-bottom: 0;
}

@media (max-width: 48em) {
  .about {
    width: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 10.4rem 0 0 0;
    min-height: 230rem;
  }
  .about__info{
    padding: 0 5.2rem;
    max-width: 100%;
  }
  .about__name {
    font-size: 3rem;
    margin-bottom: 2rem;
  }

  .about__title {
    font-size: 5.7rem;
    line-height: 1.33;
    margin-bottom: 8rem;
  }

  .about__goals span {
    display: block;
    font-size: 3rem;
    margin-bottom: 6rem;
  }
  .about__list{
    margin-bottom: 6rem;
    margin-top: 0;
  }
  .about__text {
    font-size: 3.4rem;
    line-height: 1.3;
  }

  .about__item {
    margin-bottom: 4rem;
  }

  .about__offer {
    font-size: 3rem;
  }

  .about__img {
    width: 100%;
    height: unset;
  }
  .about__pic{
    display: none;
  }
  .about__pic-mob{
    display: flex;
  }
  .links__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .links__list .links__item:first-child {
    margin-right: 0;
    margin-bottom: 4rem;
  }

  .links__item {
    font-size: 3.15rem;
    width: 54.8rem;
    height: 9.4rem;
  }

  .links__item--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .links__item--pc {
    display: none;
  }

  .sign-up-icon {
    width: 2.2rem;
    height: 4.2rem;
  }

  .info {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .info__img {
    width: 39.6rem;
    height: 17.2rem;
    margin-bottom: 2rem;
  }

  .info__desc {
    display: block;
    font-size: 3.6rem;
    margin-bottom: 6rem;
    width: 100%;
    white-space: nowrap;
  }
  .info__desc div:first-child{
    margin-right: 0;
  }

  .info__definition {
    font-size: 5.3rem;
    text-align: center;
    margin-bottom: 5rem;
  }

  .info__slogan {
    font-size: 3.6rem;
  }

  .general {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .general__title {
    font-size: 6rem;
    text-align: left;
  }

  .general__list {
    margin-bottom: -4rem;
  }

  .general__item {
    margin-bottom: 4rem;
    width: 48%;
    min-height: 40rem;
    padding: 4rem;
  }

  .general__name {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }

  .general__text {
    font-size: 2.4rem;
    margin-bottom: 0;
    width: 100%;
  }

  .general__number {
    width: 8.6rem;
    height: 8.6rem;
    font-size: 2.8rem;
  }

  .suggestions {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .suggestions__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .suggestions__block:nth-child(2) {
    margin-bottom: 10rem;
  }

  .suggestions__title {
    width: 100%;
    font-size: 5.9rem;
    margin-bottom: 4rem;
  }

  .suggestions__text {
    font-size: 3rem;
  }

  .suggestions__number {
    font-size: 2.8rem;
    margin-right: 1rem;
  }

  .suggestions__list {
    width: 100%;
  }
  .suggestions__head {
    width: 100%;
  }
  .suggestions__block:first-child {
    margin-bottom: 22rem;
  }

  .suggestions__item {
    margin-bottom: 2rem;
    max-width: unset;
  }

  .solutions {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .solutions__head {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .solutions__title {
    font-size: 6rem;
    margin-bottom: 3rem;
  }

  .solutions__subtitle {
    font-size: 3rem;
    width: 91%;
  }

  .solutions__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .solutions__item {
    margin-right: 0;
    margin-bottom: 4rem;
    width: 100%;
    height: 65.6rem;
    padding: 8rem 5.2rem;
  }

  .solutions__item:nth-child(1) {
    background-image: url("../../../../../templates/request/img/korporativnii-portal/solution-mob-1.png");
  }

  .solutions__item:nth-child(2) {
    background-image: url("../../../../../templates/request/img/korporativnii-portal/solution-mob-2.png");
  }

  .solutions__item:nth-child(3) {
    background-image: url("../../../../../templates/request/img/korporativnii-portal/solution-mob-3.png");
  }

  .solutions__item:last-child {
    margin-bottom: 4rem;
  }

  .solutions__name {
    font-size: 4.2rem;
    margin-bottom: 2.4rem;
  }

  .solutions__text {
    font-size: 3rem;
    width: 90%;
  }

  .banner-section {
    margin-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .banner {
    background-image: url("../../../../../templates/request/img/korporativnii-portal/banner-mob.png");
    max-width: 100%;
    height: 203.4rem;
    padding: 9.4rem 5.2rem;
    border-radius: 6rem;
  }
  .banner .notice__item {
    margin-bottom: 7.8rem;
  }
  .banner .notice__img {
    width: 12.8rem;
    height: 12.8rem;
    margin-right: 2.8rem;
  }
  .banner .notice__name {
    font-size: 3rem;
    width: 80%;
  }

  .banner__info {
    width: 100%;
  }

  .banner__title {
    font-size: 5.2rem;
    margin-bottom: 5.8rem;
  }

  .banner__text {
    font-size: 3rem;
    margin-bottom: 4.6rem;
  }

  .banner__desc {
    width: 80%;
    font-size: 3rem;
  }

  .banner__number {
    font-size: 2.8rem;
    margin-right: 2rem;
  }

  .banner__list {
    margin-bottom: 6rem;
  }

  .integration {
    max-width: 100%;
    padding-top: 0;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .integration__title {
    margin-bottom: 6rem;
  }

  .integration__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .integration__list {
    margin-right: 0;
  }

  .integration__list:first-child {
    margin-bottom: 7.2rem;
  }

  .integration__item {
    margin-bottom: 7.2rem;
    white-space: normal;
  }

  .integration__number {
    font-size: 2.8rem;
  }

  .integration__text {
    font-size: 3.6rem;
  }

  .integration__desc {
    font-size: 3rem;
  }

  .classes {
    margin-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
    background-image: unset;
  }
  .classes__wrap{
    max-width: 100%;
  }
  .classes__head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .classes__title {
    font-size: 6rem;
  }

  .classes__subtitle {
    font-size: 3rem;
    width: 100%;
  }

  .classes__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .classes__item {
    margin-right: 0;
    margin-bottom: 4rem;
    width: 100%;
    padding: 7rem 4rem;
    background-size: 120%;
  }

  .classes__name {
    font-size: 3rem;
    margin-bottom: 2rem;
  }

  .classes__price {
    font-size: 7rem;
    margin-bottom: 2rem;
  }
  .classes__price span {
    font-size: 4rem;
  }

  .classes__desc {
    font-size: 3.15rem;
    width: 100%;
  }

  .classes__info {
    margin-bottom: 16.8rem;
    position: relative;
  }

  .classes__text {
    font-size: 3.15rem;
  }

  .classes__number {
    font-size: 2.8rem;
  }

  .description {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .description__head {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .description__title {
    font-size: 5.1rem;
  }

  .description__subtitle {
    font-size: 3.6rem;
  }

  .exposition {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .exposition__title {
    width: 88%;
    font-size: 6rem;
    margin-bottom: 6.4rem;
  }

  .exposition__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .exposition__img {
    width: 100%;
    height: 74.4rem;
    padding: 7rem 4rem 6rem 5.2rem;
    margin-bottom: 9.6rem;
    margin-right: 0;
  }

  .exposition__number {
    font-size: 12rem;
  }

  .exposition__desc {
    font-size: 4.2rem;
    margin-bottom: 4rem;
  }

  .exposition__slogan {
    font-size: 3.15rem;
  }

  .exposition__name {
    font-size: 4.2rem;
    margin-bottom: 4rem;
  }

  .exposition__text p {
    font-size: 3rem;
  }

  .processes {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .processes__title {
    font-size: 6rem;
    margin-bottom: 5.4rem;
    text-align: left;
  }

  .processes__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .processes__item {
    margin-right: 0;
    width: 100%;
    height: 122.2rem;
    padding: 6.6rem 5.2rem;
  }

  .processes__item:first-child {
    margin-bottom: 4rem;
  }

  .processes__number {
    font-size: 3rem;
  }

  .processes__name {
    font-size: 4.2rem;
    margin-bottom: 6rem;
    width: 90%;
  }

  .processes__steps-item {
    margin-bottom: 2rem;
  }

  .processes__event-number {
    font-size: 2.8rem;
    margin-right: 1rem;
  }

  .processes__text {
    font-size: 3rem;
  }

  .clients {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .clients__title {
    font-size: 6rem;
    margin-bottom: 6.2rem;
  }

  .clients__item {
    width: 50%;
  }

  .clients__item:nth-child(even) {
    border-right: none;
  }

  .clients__item:nth-child(1),
  .clients__item:nth-child(2),
  .clients__item:nth-child(3),
  .clients__item:nth-child(4),
  .clients__item:nth-child(5),
  .clients__item:nth-child(6) {
    border-bottom: 1px solid #dddddd;
  }

  .stages {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .stages__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .stages__title {
    margin-right: 0;
    font-size: 6rem;
    margin-bottom: 4.2rem;
    color: #282828;
    width: 80%;
  }

  .stages__subtitle {
    font-size: 3rem;
    width: 100%;
  }

  .stages__item {
    width: 48%;
    min-height: 40rem;
    padding: 4.6rem 2.6rem 4.6rem 5.2rem;
  }

  .stages__top {
    margin-bottom: 4rem;
  }

  .stages__img {
    width: 6rem;
    height: 5rem;
  }

  .stages__number {
    font-size: 3rem;
  }

  .stages__bottom {
    font-size: 2.4rem;
  }

  .staff {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .staff__title {
    font-size: 6rem;
    margin-bottom: 5.6rem;
    width: 100%;
  }

  .staff__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .staff__list {
    margin-right: 0;
  }

  .staff__list:first-child {
    margin-bottom: 6rem;
    margin-right: 0;
  }

  .staff__item {
    margin-bottom: 6rem;
  }

  .staff__number {
    font-size: 2.8rem;
  }

  .staff__position {
    font-size: 3.6rem;
    margin-bottom: 1rem;
  }

  .staff__desc {
    font-size: 3rem;
  }

  .portals {
    margin-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .portals__head {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .portals__title {
    font-size: 6rem;
    margin-bottom: 3.2rem;
  }

  .portals__text {
    text-align: left;
    font-size: 3rem;
    margin-bottom: 4rem;
  }

  .portals__subtitle {
    font-size: 3rem;
    width: 100%;
    margin-bottom: 5rem;
  }

  .commercial {
    max-width: 100%;
    padding-bottom: 22rem;
    padding-top: 11rem;
    padding-bottom: 0;
    height: unset;
  }

  .commercial__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-left: 0;
    padding-bottom: 3rem;
  }

  .commercial__title {
    font-size: 6rem;
    margin-bottom: 6.2rem;
    width: 80%;
    line-height: 1.33;
  }

  .commercial__info {
    margin-top: 0;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
    width: 100%;
  }

  .commercial__number {
    font-size: 2.8rem;
    margin-right: 2rem;
  }

  .commercial__name {
    font-size: 3.6rem;
  }

  .commercial__text {
    font-size: 3rem;
    line-height: 1.33;
  }

  .commercial__img {
    width: 100%;
  }

  .conclusion {
    max-width: 100%;
    padding-top: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .conclusion__title {
    font-size: 6rem;
    margin-bottom: 6.8rem;
    line-height: 1.33;
  }

  .conclusion__article {
    width: 100%;
  }

  .conclusion__block {
    font-size: 3rem;
    margin-bottom: 4rem;
  }

  .portals {
    margin-bottom: 0;
    padding-bottom: 22rem;
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .portals__list {
    display: none;
  }

  .portals__list--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10rem;
  }
  .portals__list--mobile .portals__item {
    padding: 2.5rem;
    background: #fff;
    margin-bottom: 3rem;
    box-shadow: -0.9rem 0.6rem 4.6rem 0 rgb(0 0 0 / 14%);
  }
  .portals__list--mobile .portals__item:last-child {
    margin-bottom: 0;
  }
  .portals__list--mobile .portals__pic {
    height: 60rem;
    padding-bottom: 2rem;
    object-fit: contain;
  }
  .portals__desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .portals__desc p {
    display: block;
    font-family: "Segoe UI", sans-serif;
    font-weight: normal;
  }
  .portals__desc p:first-child {
    display: block;
    font-size: 3.2rem;
    font-weight: bold;
    color: #171717;
    font-family: "Gotham Pro", sans-serif;
  }
  .portals__desc p:last-child {
    font-size: 2.4rem;
    color: #171717;
    width: 85%;
  }
  .portals__btn {
    display: block;
    padding: 0 7rem;
    line-height: 6.4rem;
    font-size: 1.8rem;
    color: #171717;
    text-align: center;
    box-shadow: -0.2rem 0.2rem 2.7rem 0 rgb(0 0 0 / 17%);
    transition: 0.3s;
    font-family: "Gotham Pro", sans-serif;
    font-weight: 300;
  }
  .portals__btn:hover {
    box-shadow: -0.2rem 0.2rem 1.7rem 0 rgb(0 0 0 / 7%);
  }
  .pagination-list {
    display: none;
  }

  .portals__item {
    margin-right: 0;
  }
}

@media (max-width: 48em) {
  .swiper-container-projects .swiper-wrapper {
    height: 36rem;
  }
  .swiper-container-projects .swiper-wrapper .swiper-slide{
    height: 24rem;
  }.swiper-container-projects .swiper-wrapper .swiper-slide.active{
    height: 28rem;
  }
  .commercial__item:first-child .commercial__number{
    margin-top: 1.2rem;
  }
  .commercial__item:last-child .commercial__name{
    line-height: 1.33;
    margin-bottom: 2rem;
  }
}
/* End */


/* Start:/bitrix/templates/request/css/edits.css?16075337551089*/
.header-wrapper {
	height: 9.2rem;
}

.logo-container-block .logo-caption .bold{
	font-weight: 500;
	font-size: 1.3rem;
}

.formPhone {
	font-size: 1.6rem;
	color: #fff;
}

.cont-mob {
	display: none;
}

@media (max-width: 48em) {

	.formPhone {
		font-size: 3rem;
	}

	.btn-close-modal {
		background-color: #e6012c;
	}

	.cont-mob {
		display: block!important;
	}

	.cont-descr {
		display: none!important;
	}

	main {
		padding-top: 13rem;
	}

}

.modal-video {
	padding-bottom: 0;
	height: auto;
	width: 100%;
	padding-top: 0;
}

.modal-video video {
	width: 100%;
	height: 100%;
}

.seo-main-page {
	padding-bottom: 8rem;
}

.modal-all-project {
	background-image: unset;
	padding-left: 0;
	padding-right: 0;
}

.modal-video-youtube {
	height: 68rem;
}

@media (max-width: 48em) {
	.seo-main-page {
		padding-top: 12rem;
		padding-bottom: 0;
		margin-bottom: -4rem;
	}
	.modal-all-project {
		padding-left: 2%;
		padding-right: 2%;
	}
	.modal-video-youtube {
		height: 80rem;
	}

	.modal-video iframe {
		height: 100%;
		width: 100%;
	}
}

.map iframe {
	width: 100%;
	height: 100%;
}
/* End */


/* Start:/bitrix/templates/request/css/add.css?1639074384138756*/

.desktop {
    display: block;
}
.mobile {
    display: none;
}
.table caption {
    margin-bottom: 1.5rem;
}
.table {
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    border-collapse: collapse;
}
.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0.1rem solid #dee2e6;
}
.table-bordered td,
.table-bordered th {
    border: 0.1rem solid #dee2e6;
}

.table th {
    font-weight: 700;
    text-align: center;
}

.razrabotka-sajta-vizitki .banner-template-left,
.didzhital-agenstvo .banner-template-left,
.zashchita_ot_ddos-atak .banner-template-left,
.lichniy-kabinet .banner-template-left,
.epr-sistema .banner-template-left {
    z-index: 1;
}

.lichniy-kabinet .banner-template-center,
.epr-sistema .banner-template-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    width: 72.2rem;
}
.razrabotka-sajta-vizitki .banner-template-center,
.didzhital-agenstvo .banner-template-center,
.zashchita_ot_ddos-atak .banner-template-center{
    position: absolute;
    right: 30rem;
    z-index: 0;
    width: 62.2rem;
}
.statiya-wrap h2 {
    font-size: 4rem;
    font-weight: 700;
    margin: 0 0 2rem;
    line-height: initial;
}
.statiya-wrap h3 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 2rem;
}
.statiya-wrap h4 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 2rem;
}
.no-wrap {
    display: inline-block;
    font-weight: inherit;
}
.section-tabs.project-tabs {
    /*justify-content: space-between;*/
    justify-content: center;
    width: 100%;
}
.section-tabs.project-tabs:last-child {
    margin-top: -6rem;
}
.section-tabs.project-tabs .section-tab-link {
    font-size: 1.5rem;
    color: #292929;
    border: 2px solid #292929;
}
.section-tabs.project-tabs .section-tab-link.active {
    color: #507CF4;
    border: 2px solid #507CF4;
}
.color-blue {
    color: #76DCF6!important;
}
.color-biryuzovyj {
    color: #30FFC6;
}
.banner-1__wrap {
    height: 63rem;
    position: relative;
}
.banner-1__block {
    margin: 0 0 22rem;
}
.ux-disign-wrap .education-ei-ex .info-block-3 {
    padding: 15rem 0 3rem
}
.banner-1__wrap-img {
    height: 100%;
    position: relative;
}
.banner-1__wrap-text {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: normal;
    position: absolute;
    top: 0;
    z-index: 1;
    font-size: 1.8rem;
    color: #ffffff;
    padding: 10rem 8rem 0 60.2rem;
}
.banner-1__wrap-text p {
    margin: 0 0 2rem;
}
.banner-1__wrap-text-3 {
    font-weight: 600;
}
.banner-1__wrap-text-1 {
    color: #E0D7FF;
    font-weight: 700;
}

.banner-1__wrap-text-2 {
    font-weight: 700;
    font-size: 3rem;
    margin: 3rem 0 3.5rem;
    line-height: 4.2rem;
}
.banner-1__wrap-title {
    font-weight: 700;
    font-size: 3rem;
    margin: 0 0 3.5rem
}

.banner-1__wrap-img img{
    height: 100%;
    position: absolute;
}
.backend-frontend-obechenie .info-block-3 .telegram-btn {
    display: flex;
}
.backend-frontend-obechenie .top-banner-seo {
    margin: 0 0 17rem;
}
.backend-frontend-obechenie .info-block-4 {
    font-size: 1.8rem;
}
.backend-frontend-obechenie .education-information_item-list {
    width: 61%;
    line-height: 3rem;
}
.education-block-3 {
    margin: 8rem 0 3rem;
}
.education-block-3 .education-context {
    padding: 16rem 34rem 0;
    z-index: 1;
    position: absolute;
    top: 0;
}
.education-block-3 .education-title {
    color: #ffffff;
    font-size: 4.5rem;
    margin: 1rem 0 5rem;
}
.education-block-3 .education-subtitle.text{
    line-height: 2.5rem;
    margin: 0 0 2.5rem;
    font-weight: normal;
}
.education-block-3 .education-context div {
    text-align: center;
}
.education-block-3 .education-subtitle.top span{
    text-transform: uppercase;
    font-weight: 700;
}
.education-block-3 .education-subtitle .top {
    font-weight: 700;
}
.education-block-1 .container {
    height: 59.3rem;
}
.education-block-4 {
    margin: 8rem 0 18rem;
}
.education-block-4 .education-title {
    color: #ffffff;
    font-size: 5rem;
    margin: 1rem 0 6rem;
}
.education-block-4 .education-context {
    padding: 15rem 0 0 33rem;
    z-index: 1;
    position: absolute;
    top: 0;
}
.education-block-4 {
    font-family: 'Myriad Pro', sans-serif;
}
.education-block-4 .mountain-item {
    color: #ffffff;
    line-height: 3rem;
    margin-bottom: 3.5rem;
}
.backend-frontend-obechenie .education-block-4 .mountain-item {
    font-weight: normal;
}
.education-block-2.example .education-wrapper-2 .education-title{
    font-size: 2.5rem!important;
}
.education-block-4 .mountain-item:before {
    font-size: 1.8rem;
    padding-top: 0;
}
.info-block-4-wrapper {
    width: 100%;
}
.backend-frontend-obechenie .education-information_item {
    margin: 0 0 9rem;
}
.backend-frontend-obechenie .info-block-4 ol {
    color: #292929;
}
.education-block-5.seo-promotion .education-description p {
    font-family: 'Roboto', sans-serif;
}
.education-block-2.example .education-wrapper-2 .education-context {
    top: auto;
    bottom: 6rem;
    padding: 0;
    width: 100%;
    text-align: center;
}
.education-block-2.example .education-wrapper-1 .education-subtitle {
    font-family: 'Roboto Regular', sans-serif;
    color: #EBE3E3;
    line-height: 3rem;
    margin: 2rem 0 5rem;
    font-weight: normal;
}
.education-block-2.example .education-wrapper-1 .education-context {
    padding: 5rem 14rem 9rem 6rem;
}
.education-block-2.example {
    margin-bottom: 3rem;
}
.stoimist-right-text2 {
    font-weight: 300;
    color: #292929;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-right .seo-promotion-list {
    margin-bottom: 0;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-item-context-key{
    font-size: 2.5rem;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-item:not(:last-of-type){
    margin-bottom: 4rem;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-item:last-of-type{
    margin-bottom: 0;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-right {
    width: 100%;
    padding-left: 6rem;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-left-top-title.second {
    font-family: 'Myriad Pro', sans-serif;
    margin: 0 0 -1rem;
}
.backend-frontend-obechenie .info-block-1 .seo-promotion-left-top {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    margin-bottom: 0;
}
.education-block-2.example .education-wrapper-2 .education-subtitle {
    margin: 2rem 0 0;
}
.education-block-2.example .education-wrapper-2 .education-img {
    position: relative;
    width: 89%;
    margin: auto;
}
.education-block-2.example .education-wrapper-2 .education-img img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.education-block-2.example .education-wrapper-2 .seo-promotion-item:before {
    padding: 0;
}
.stoimist-right-text3 {
    font-weight: normal;
}
.faq__wrapper {
    margin: 0 0 1.5rem;
    position: relative;
}
.faq__wrapper-block:not(:last-of-type) {
    padding: 0 0 1rem;
    border-bottom: 1px solid #8892C5;
}
.faq__wrapper-block:not(:first-of-type) {
    margin: 3rem 0 0;
}
.faq__wrapper--q::before,
.faq__wrapper--q::after {
    content: "";
    position: absolute;
    right: 0;
    width: .7812vw;
    height: .15625vw;
    /*background-color: #1ab455;*/
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    border-radius: 20px;
}
.faq__wrapper--q::before {
    display: block;
    background-image: url("../../../../../templates/request/img/svg/rectangle.svg");
    width: 2rem;
    height: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.otvety-na-voprosy-title {
    font-style: normal;
    font-weight: bold;
    font-size: 4rem;
    line-height: 53px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 7.4rem;
}
.otvety-na-voprosy .faq__question {
    font-family: 'Myriad Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 22px;
    color: #66DBA7;
}
.otvety-na-voprosy .faq__answer {
    font-family: 'Myriad Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 24px;
    color: #DADADA;
}
.stoimist-right .seo-promotion-item:before {
    content: ""counter(myCounter);
    position: absolute;
    margin: -1rem 0 0 0;
}
.stoimist-right .seo-promotion-item-context-key {
    margin: 0 0 0 1.5rem;
}
.info-block-1 .seo-promotion-left-top-title {
    margin-bottom: 10.5rem;
}
.info-block-1 .seo-promotion-left-top-title.second {
    margin-bottom: 2.5rem;
    margin-top: 1.5rem;
}
.info-block-1 .telegram-btn {
    margin: 5.9rem 0 0;
}
.ux-disign-wrap .education-results {
    padding: 0;
}
.ux-disign-wrap .seo-promotion {
    padding: 15rem 0 3rem;
}
.info-block-3 .seo-promotion-item-context-key,
.info-block-3 .seo-promotion-item-context-value,
.info-block-1 .seo-promotion-item-context-key,
.info-block-1 .seo-promotion-item-context-value {
    font-family: 'Myriad Pro', sans-serif;
}
.ux-disign-wrap .feedback-form-value,
.ux-disign-wrap .form_work-block textarea {
    border-bottom: 1px solid #96ACF9;
}
.ux-disign-wrap .form_work-title {
    text-align: center;
    font-size: 5rem;
}
.zayavka-na-obuchenie_conteiner .form_work-wrap,
.ux-disign-wrap .form_work-wrap {
    padding: 12.5rem 33rem 8rem;
}
.otvety-na-voprosy .otvety-na-voprosy-wrap {
    padding: 0 33rem;
}
.ux-disign-wrap .form_work-block {
    margin: 7rem 0 0;
}
.ux-disign-wrap .gallery_fotos-subTitle {
    color: #2B72E0;
    text-transform: uppercase;
    font-family: "Segoe UI", sans-serif;
    margin: 1.4rem 0 2rem;
}
.ux-disign-wrap .gallery_fotos-title {
    font-size: 5rem;
    margin: 0 0 3rem 0;
    font-family: "Segoe UI", sans-serif;
}
.info-block-1 .education-description {
    color: #2B72E0;
}
.info-block-1 .seo-promotion-left-top-title {
    margin-bottom: 11rem;
}
.info-block-1 .seo-promotion-wrapper {
    align-items: initial;
}
.info-block-3 .seo-promotion-wrapper {
    align-items: initial;
}
.obuchenie-pro-block .seo-promotion-left-top {
    margin: 0;
    padding: 3rem 0 0 2rem;
}
.obuchenie-pro-block .education-description,
.obuchenie-pro-block .seo-promotion-left-top-title {
    font-family: 'Roboto', sans-serif;
}
.obuchenie-pro-block .education-description {
    margin-bottom: 2rem;
}
.education-ei-ex.obuchenie-pro-block {
    padding: 0 0 13.5rem;
}
.stoimist-left {
    z-index: 1;
    padding: 8rem 5rem 4rem;
}
.stoimist-right {
    z-index: 1;
    margin: 0 2rem 0 11rem;
    padding: 4rem 0;
}
.stoimist-right-text1 {
    font-family: "Segoe UI", sans-serif;
    font-size: 2.3rem;
    color: #BF5591;
}
.stoimist-right-text3 {
    margin: 2.5rem 0;
}
.stoimist-right-text1 .number {
    font-size: 4rem;
}
.stoimist-right .seo-promotion-item {
    margin-bottom: 0.5rem;
}
.stoimist-right .seo-promotion-item-context-key,
.stoimist-right {
    font-family: "Myriad Pro", sans-serif;
    font-weight: 300!important;
    font-size: 1.6rem;
    color: #1B1B1B;
}
.stoimist-right-text2 {

}
.stoimist-right .seo-promotion-item:before {
    color: #BF5591;
}
.stoimist-left-text1 {
    font-family: "Segoe UI", sans-serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 8rem;
}
.stoimist-left-text2 {
    font-family: "Segoe UI", sans-serif;
    font-weight: 600;
    font-size: 4rem;
    color: #ffffff;
    margin-bottom: 1rem;
}
.stoimist-left-text3 {
    font-family: "Segoe UI", sans-serif;
    font-size: 1.4rem;
    color: #ffffff;
    text-transform: uppercase;
}
.stoimist-left-img {
    position: absolute;
    height: 100%;
    width: auto;
}
.education-ei-ex .stoimist {
    display: flex;
    flex-flow: row nowrap;
    /*justify-content: space-between;*/
    width: 89.3rem;
    height: 34.3rem;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 10px 10px 50px #F2E4EC;
    position: relative;
    overflow: hidden;
}
.seo-promotion .education-description p {
    margin: 0 0 3rem;
}
.education-ei-ex .seo-promotion-left-top-title{
    font-size: 5rem;
    margin-bottom: 4rem;
}
.info-block-1 .seo-promotion-left-top-title {
    margin-bottom: 10rem;
}
.btn-send .container{
    display: flex;
    justify-content: center;
    padding: 5rem 0 0;
}
.btn-send .container .send-order{
    /*box-shadow: 15px 30px 100px rgba(0, 0, 0, 0.25);*/
    box-shadow: none;
}
.education-block-2 {
    margin-bottom: 5rem;
}
.education-block-2 .main-banner-btn{
    margin-top: 4rem;
}
.education-block-1 {
    margin-bottom: 3rem;
}
.education-wrapper-1 .education-title,
.education-wrapper-2 .education-title {
    margin: 0 0 1rem 0!important;
    font-size: 4rem!important;
}
.education-subtitle {
    font-size: 1.8rem;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
}
.education-block-1 .container{
    height: 71.3rem;
    /*background: #1F1F1F;*/
}
.color-green {
    color: #66DBA7;
}
.education-block-1 .education-context{
    padding: 9rem 36rem 9rem 9rem;
    z-index: 1;
    position: absolute;
    top: 0;
}
.education-wrapper-1 .education-context,
.education-wrapper-2 .education-context {
    padding: 5rem 3rem 9rem 6rem;
    position: absolute;
    top: 0;
}
.education-block-1 .education-img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.education-block-1 .education-title,
.education-wrapper-1 .education-title,
.education-wrapper-2 .education-title{
    font-size: 4.5rem;
    margin-bottom: 6rem;
    color: #ffffff;
    margin-top: 4rem;
    font-family: "Segoe UI", sans-serif;
    font-weight: bold;
}
.education-block-1 .mountain-item {
    font-size: 2.5rem;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
}
.education-block-1 .education-subtitle.bottom {
    margin-top: 7rem;
}
.education-block-1 .education-img img{
    position: absolute;
    height: 100%;
}
.education-block-2 .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.education-wrapper-1,
.education-wrapper-2 {
    height: 51.8rem;
    background: #1F1F1F;
    overflow: hidden;
    position: relative;
}
.education-wrapper-1 {
    width: 86.7rem;
}
.education-wrapper-2 {
    width: 44.3rem;
}
.mob-contakt {
    display: none;
    margin-top: 3.5vw;
}
.desk-contakt {
    display: block;
}
.city {
    font-size: 1.5rem;
}
.telegram .banner-contact-value{
    margin-bottom: 0!important;
}
.formCeny-item option{
    color: #000000;
}
.education-information_item-list ol{
    list-style-position: inside;
}
.ux-disign-wrap .education-information .left {
    width: 86rem;
}
.ux-disign-wrap .content-program {
    margin: 20rem 0 13rem;
}
.ux-disign .container {
    width: 125rem;
}
.ux-disign-wrap .education-information_item-list {
    width: 53%;
}
.ux-disign .context-title{
    width: 100%;
    font-size: 4.5rem;
    font-family: 'Myriad Pro', sans-serif;
    text-align: center;
    margin: 0 auto;
}
.ux-disign {
    font-size: 2.5rem;
    font-family: 'Myriad Pro', sans-serif;
    text-align: center;
    color: #292929;
    padding: 5rem 0 0;
}
.ux-disign .context-text {
    padding: 0;
    margin: 2.7rem auto 0;
}
.ux-disign .context-text p {
    line-height: 3rem;
    font-weight: normal;
}
.modal-popup-item textarea {
    height: 12rem;
    line-height: inherit;
}
.obuchenie-seo__form-wrap .banner-contact-key {
    font-size: 1.8rem;
    font-weight: 700;
}
.obuchenie-seo__form-wrap .modal-popup{
    width: 150rem;
}
.obuchenie-seo__form-wrap .close-btn-popup {
    right: 0;
}
.seo-education-main-banner {
    position: relative;
    width: 100%;
    height: 59.3rem;
}
.seo-education-main-banner img{
    position: absolute;
    top: 2rem;
    bottom: 0;
    left: -1rem;
    right: 0;
    margin: auto;
    width: auto;
    height: 100%;
    max-width: initial;
}
.top-banner-seo-education {
    height: 90rem;
    background-color: #1f1f1f;
}
.seo-education-banner-content {
    display: flex;
    margin: 0 0 0 11rem;
}
.seo-education-banner-content-left {
    padding-top: 10.6rem;
    padding-right: 2rem;
    text-align: right;
    position: relative;
    width: 58.5rem;
}
.seo-education-banner-text-top {
    color: #66DBA7;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    margin: 0 0 2.2rem;
}
.seo-education-banner-content-right {
    padding-top: 11rem;
    width: 45rem;
    padding-left: 2rem;
}
.seo-education-banner-content .main-banner-btn{
    margin: 2.8rem 0 0;
}
.obuchenie-seo__form-wrap .formCeny-item,
.obuchenie-seo__form-wrap textarea,
.seo-education .formCeny-item,
.seo-education .form_ceny-block textarea,
.seo-education .banner-contact-key {
    font-size: 1.8rem;
}
.seo-education .banner-contact-title {
    font-size: 4rem;
    font-family: 'Myriad Pro', sans-serif;
    color: #fff;
}
.seo-education .portals-banner-text {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 1.8rem;
}

.seo-education .content-list {
    display: flex;
    flex-flow: row nowrap;
    width: 86rem;
}
.seo-education .content-list li{
    list-style: none;
}
.seo-education .feedback-form-item {
    display: block;
    margin-bottom: 3rem;
}
.seo-education .content-list ol {
    line-height: 2.5;
    height: auto;
}
.seo-education .content-list ol li{
    line-height: initial;
    margin: 0 0 2.5rem;
}
.obuchenie-seo__form-wrap .formCeny-item{
    line-height: 4.1rem;
    padding: 0.5rem 0;
}
.seo-education .formCeny-item {
    line-height: 2.3;
    padding: 0.5rem 0;
}
.footer-contact-mob {
    display: none;
}
.uslugi-wrap-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.uslugi-wrap-title {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 4.5rem;
    font-weight: 700;
    color: #292929;
    margin: 0 0 5rem;
}
.uslugi-wrap-title span{
    font-family: 'Myriad Pro', sans-serif;
    font-size: 4.5rem;
    font-weight: 700;
}
.seo-promotion .education-description p,
.uslugi-wrap-text {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    color: #000000;
    margin: 0 0 6.4rem;
    line-height: 2.2rem;
}
.seo-promotion .education-description p {
    text-transform: none;
    margin: 0 0 2.4rem;
}
.uslugi-wrap-index {
    margin: 13rem auto 0;
}
.uslugi-wrap-index {
    padding: 0 0 13rem;
}
.uslugi-wrap-index .ceny-items {
    justify-content: initial;
}
.uslugi-wrap-index .ceny-item:nth-child(odd) {
    margin: 0 2rem 2rem 0;
}
.uslugi-wrap-left {
    width: 44%;
    margin: 6rem 0 0;
}
.uslugi-wrap-right {
    width: 50%;
}
.banners-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.banners-item {
    width: 31.8rem;
    height: 52rem;
    background-color: #232323;
    color: #fff;
    padding: 5rem 2rem;
    position: relative;
}
.banners-item-title {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
    font-size: 3rem;
    color: #fff;
    margin: 0 0 1.8rem 0;
}
.banners-item .seo-promotion-item:before {
    font-size: 0.7rem;
    margin-right: 0.2rem;
    padding-top: 0;
}
.banners-item .seo-promotion-item span {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
}
.banners-item-text {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #63D6A4;
}
.banners-item .seo-promotion-item {
    margin-bottom: 0.6rem;
}
.banners-item .banners-item-text {
    margin-top: 2rem;
}
.banners-item .seo-promotion-list {
    margin-bottom: 0;
}
.banners-item-text-top {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
}
/*.banners-wrap {*/
/*    display: none;*/
/*}*/
.banners-title {
    font-size: 4.5rem;
    text-align: center;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
    color: #232323;
    margin: 0 0 6.2rem 0;
}
.banners-item-img {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.banners-item-img img{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}
.banners-item-content {
    position: absolute;
    z-index: 2;
}
.banners-title p {
    font-weight: 700;
}
.banners-wrap {
    padding: 21rem 0 0;
    margin: 0 0 7.5rem;
}
.web-design .top-banner-text {
    width: 82%;
}
.web-design .top-banner-education_bg-left {
    width: 42%;
}
.web-design .top-banner-education_bg-right {
    width: 58%;
    z-index: 1;
}
.breadcrumbs {
    list-style: none!important;
}
.web-design .top-banner-education_bg-left-img {
    height: 111.5rem;
    width: 71.5rem;
    right: -9rem;
    top: -30.5rem;
    z-index: 2;
}
.web-design .top-banner_text-wrapper {
    width: 45rem;
    margin: 0 0 0 16.5rem;
}
.web-design .top-banner-text .education-title {
    font-size: 6rem;
}
.icon-arrow-right-svg {
    width: 3.8rem;
    height: 2rem;
    background-image: url(../../../../../templates/request/img/svg/icon-arow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.blog-left-img {
    margin: 6.5rem 0;
}
.statiya-wrap .btn-white {
    width: 29rem;
    padding: 1rem 1.5rem 1rem 2.5rem;
}
.baza-znaniya-title {
    margin-bottom: 1.7rem;
}
.template-title-icon {
    position: relative;
    height: 6.5rem;
    margin: 0 0 3rem;
}
.template-title-icon img{
    position: absolute;
    height: 100%;
    width: auto;
}
.template.kafe .banner-template-center{
    width: 54.2rem;
}
.template .seo-promotion {
    padding: 15rem 0 0;
}
.template .gallary {
    padding: 6rem 0 0;
}
.template .best-team {
    padding: 4rem 0 15rem;
}
.template .context {
    padding: 3rem 0;
}

.template .banner-obrazovanie-wrap {
    margin: 0;
}
.template .seo-main-page {
    padding-bottom: 4rem;
}
.template .our-partners {
    padding: 0 0 7.5rem;
}
.template .text-wrap {
    padding: 0;
}
.template .context-text p {
    font-size: 1.8rem;
}
.template .context-title {
    font-size: 4.5rem;
}
.rub {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin: 0 0 0 1rem;
}
.banner-obrazovanie-wrap {
    margin: 14.7rem auto 15rem;
}

.banner-obrazovanie img:last-of-type {
    display: none;
}
.bold-text {
    font-weight: 700;
}
.gallery_work {
    margin: 0.5rem 0 0;
}

.gallery-conteiner {
    height: 81.2rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
}
.gallery-conteiner_slide-1 {
    width: 16%;
    max-width: 313px;
    height: 100%;
    position: relative;
}
.gallery-conteiner_slide-2 {
    padding: 12.8rem 9rem;
    width: 36%;
    max-width: 670px;
    height: 100%;
    background-color: #1E1E1E;
    text-align: center;
    margin: 0 0.5rem;
    overflow: hidden;
    /*animation: width;*/
    animation-timing-function: ease;
    animation-duration: .8s;
    /*animation-delay: 0.5s;*/
    animation-fill-mode: forwards;

}
.gallery-conteiner_slide-3 {
    width: 48%;
    max-width: 923px;
    height: 100%;
    position: relative;
}
.gallery-conteiner_slide-1 img {
    left: 0;
}

.gallery-conteiner img {
    position: absolute;
    width: auto;
    height: 100%;
}
.gallery_work-title span{
    display: block;
    text-align: center;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.1;
}
.gallery_work-goal {
    margin: 5rem auto 4rem;
}
.gallery_work-goal span{
    display: block;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.33;
}
.gallery_work-subTitle {
    font-size: 2rem;
    font-family: 'Myriad Pro', sans-serif;
    text-transform: uppercase;
}
.gallery_line {
    margin: 0 auto 4.5rem;
    width: 6.4rem;
    height: 5px;
    background-color: #ffffff;
}

.header-subMenu-item {
    width: 34.5rem;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    top: 100%;
    left: 0;
    z-index: 12;
    background-color: #0C0C0C;
    font-size: 1.6rem;
    color: #FFFFFF;
    padding: 3.4rem 2.6rem;
}
.header-subMenu-item li:not(:last-of-type) {
    margin: 0 0 2rem;
}
.education-result .gallary-wrapper a:first-child {
    display: none!important;
}
@keyframes width {
    from {
        width: 0;
    }
    to {
        width: 67rem;
    }
}
.top-banner-template  {
    height: 93rem;
    padding: 30rem 0 16rem;
    background-color: #1f1f1f;
}
.banner-template-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery_fotos {
    text-align: center;
    padding: 12rem 0 16rem;
    background-color: #F7F7FA;
}

.gallery_fotos-title {
    font-size: 6rem;
    font-weight: 700;
}
.gallery_fotos-subTitle {
    font-size: 1.8rem;
    margin: 1.4rem 0 7rem;
}

.gallery-conteiner_slide-1 .swiper-container,
.gallery-conteiner_slide-3 .swiper-container {
    height: 100%;
}

.form_work {
    background-color: #1f1f1f;
}
.form_work-title {
    font-size: 6rem;
    font-weight: 700;
    color: #ffffff;
}
.form_work-subTitle {
    font-size: 1.8rem;
    color: #ffffff;
    margin: 2rem 0 0;
}
.form_work-wrap {
    padding: 12.5rem 0 8rem;
}
.form_work-block {
    margin: 11rem 0 0;
}
.form_work-block button {
    margin: 10rem auto 0;
}
.gallery-block img:last-of-type {
    display: none;
}
.form_work-block textarea {
    background-color: inherit;
    border-bottom: 1px solid #4f4f4f;
    width: 100%;
    font-size: 2rem;
    /*line-height: 1.8;*/
    color: #ffffff;
    font-weight: 600;
    padding-top: 0.5rem;
}
.formWork {
    font-size: 5rem;
    color: #ffffff;
}
.message-text {
    font-size: 1.8rem;
    text-align: center;
}
.modal-popup.message-wrap {
    transform: translate(-50%, -1000%);
}

.modal-popup.message-wrap.active {
    transform: translate(-50%, -50%);
}
.wrapper-404 {
    position: relative;
    /*height: 93rem;*/
    height: 48.4375vw;
    overflow: hidden;
}
.btn_toMain {
    position: absolute;
    top: 36vw;
    left: 46vw;
    width: 21.614583333vw;
    height: 5.625vw;
    z-index: 1;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}
.wrapper-404 img,
.btn_toMain img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    height: 100%;
}
.banner-mob,
.wrapper-404 img:last-of-type {
        display: none;
    }

.education-title {
    font-style: normal;
    font-weight: 700;
    font-size: 5rem;
}
.education-description {
    text-transform: uppercase;
    font-size: 1.8rem;
}
.education-subtitle {
    font-size: 1.8rem;
}
.blended {
    padding: 23rem 0 16rem;
}
.container>.education-description {
    margin: 0 auto;
    width: 72rem;
    color: #2B72E0;
}
.blended div {
    text-align: center;
}
.blended span {
    display: block;
}
.blended_icons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 8.7rem 0 0;
}
.blended_icons  .education-description {
    color: #000000;
    text-align: left;
}
.blended_icon {
    position: relative;
    overflow: hidden;
    width: 3.4rem;
    height: 3.4rem;
    margin: 0 0 1.6rem;
}
.blended_icon img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: auto;
}
.blended_icons-item {
    width: 18rem;
}
.blended .education-title {
    margin: 2.5rem 0 2.5rem;
}
.blended .education-subtitle span{
    margin: 0 0 0.3rem;
}
.top-banner-education {
    background-color: #1f1f1f;
    position: relative;
    height: 93rem;
    padding: 25.5rem 0 0;
    margin: 0 0 19rem;
}


.web-design .top-banner-education_bg-left {
    background-color: #55E3BA;
}

.top-banner-education_bg-left {
    background-color: #015de9;
    position: relative;
    width: 48.4%;
}
.top-banner-education_bg-right {
    background-color: #ececec;
    width: 51.6%;
}
.top-banner-education_bg-right .btn {
    width: 31rem;
}

.top-banner-education_bg {
    display: flex;
    flex-flow: row nowrap;
    height: 40.8rem;
}
.top-banner-education_bg-left-img {
    height: 93rem;
    width: 68rem;
    position: absolute;
    right: -3rem;
    top: -25.5rem;
}
.top-banner-education_bg-left-img img {
    position: absolute;
    height: 100%;
    width: auto;
}
.top-banner-text {
    background-color: #1f1f1f;
    width: 79.3rem;
    height: 100%;
}
.top-banner-text .education-title {
    line-height: 0.6;
    font-size: 7.2rem;
    color: #ececec;
    margin: 0 0 2rem;
}
.top-banner-text .education-subtitle {
    line-height: 1.5;
}
.top-banner-text-1 {
    font-size: 4rem;
    color: #ececec;
    font-weight: 700;
}
.top-banner-text-2 {
    font-weight: 600;
    font-size: 2rem;
    color: #4d5061;
    margin: 3rem 0 3.5rem;
}
.education-subtitle {
    color: #ffffff;
}
.blended .education-subtitle {
    color: #000000;
}
.top-banner_text-wrapper {
    position: relative;
    width: 45rem;
    height: 100%;
    margin: 0 0 0 4.5rem;
}
.top-banner_text-wrapper .main-banner-btn {
    position: absolute;
    bottom: 0;
    left: 0;
}
.time-line .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.time-line_table {
    color: #B4B6CB;
    font-style: normal;
    font-size: 1.4rem;
    width: 89.2rem;

}
.time-line_row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 4.7rem;
    font-family: 'Roboto', sans-serif;
}
.time-line_row:not(:first-of-type) {
    margin: 0 0 0.5rem;
}
.time-line_cel {
    width: 14.6rem;
    text-align: center;
}

.time-line {
    padding: 20.5rem 0 0;
}
.time-line .education-description {
    line-height: 2.9;
}
.time-line .education-title {
    margin: 0 0 1.5rem;
}

.time-line_table .time-line_row:first-of-type {
    align-items: flex-end;
    margin: 0 0 4rem;
}
.seo-education .content-list,
.content-list {
    width: 89.2rem;
}
.education-information_item-list li,
.content-list li{
    font-weight: 300;
}
.education-information .container,
.content-program .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.content-title {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 40rem;
    height: 25rem;
}
.content-list {
    font-size: 1.8rem;
}
.content-program {
    margin: 21rem 0 0;
    height: 27rem;
}
.content-list ol {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    list-style-position: inside;
    height: 25rem;
    width: 87%;
    line-height: 1.5;
}
.education-information .text {
    font-size: 1.8rem;
    line-height: 1.5;
}
.education-information .text span {
    margin: 0 0 2rem;
    display: block;
}
.education-information .text span:last-of-type {
    font-weight: 700;
}
.education-information .container .right {
    width: 45rem;
}
.education-information_item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 0 4rem;
}
.education-information .left {
    font-size: 1.8rem;
    width: 78rem;
}
.education-information_item-list {
    width: 41%;
    line-height: 1.6;
}
.education-information .right .education-description {
    color: #2B72E0;
}
.education-information .right .education-title {
    margin: 2.5rem 0 3.2rem;
}

.telegram-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    color: #ffffff;
    font-size: 1.8rem;
    margin: 2.9rem 0 0;
    padding: 0.5rem;
    /*width: 22.8rem;*/
    width: 17.8rem;
    height: 5.5rem;
    background: #3897C8;
    border-radius: 100px;
    /*cursor: pointer;*/
}
.telegram-btn-img {
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    border: 2px solid #FFFFFF;
    position: relative;
    border-radius: 50%;
    margin: 0 2.3rem 0 0;
    overflow: hidden;
}
.telegram-btn-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.education-results {
    font-size: 1.8rem;
    padding: 11rem 0 0;
}
.education-results .gallary-discription {
    text-align: left;
    height: 11.4rem;
}
.education-results .wrapper-block {
    text-align: center;
}
.education-results-info {
    width: 80rem;
    margin: 0 auto 10rem;
}
.education-results .wrapper-block>.education-description {
    color: #000000;
}
.education-results .education-title {
    margin: 3rem 0 4.5rem;
}
.education-results .gallary-wrapper {
    margin-bottom: 1rem;
}
.education-result-items {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin: 9rem 0 0;
}
.education-result-item {
    position: relative;
    width: 66.5rem;
    height: 66.5rem;
    margin: 0 0 4rem;
    overflow: hidden;
}
.education-result-item img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}
.wrapper-block {
    width: 136.7rem;
    margin: 0 auto;
    position: relative;
}
.education-text .container {
    text-align: center;
}
.education-text .text span{
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
}
.education-text .text {
    margin: 0 0 3.3rem;
}

.education-text .education-title {
    margin: 2.6rem 0 3rem;
}
.education-text {
    padding: 7.2rem 0 0;
    margin: 0 0 12rem;
}
.education-text .telegram-btn {
    margin:  0 auto;
}
.education-prace {
    font-size: 1.8rem;
    padding: 16rem 0 0;
    position: relative;
    margin: 6rem 0 0;
}
.education-prace .container>.education-description {
    color: #000000;
}
.education-prace .text {
    width: 60rem;
    margin: 0 auto;
}
.education-prace div {
    text-align: center;
}
.education-prace .education-title {
    margin: 2.5rem auto;
}
.price-items {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 4.5rem 0 9rem;
}
.price-item {
    position: relative;
    width: 27.7rem;
    height: 35rem;
    border-radius: 20px;
    box-shadow: 10px 10px 50px rgba(153, 169, 225, 0.3);
    margin: 0 4.5rem;
    overflow: hidden;
}
.price-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.price-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.price-items span {
    display: block;
}
.price-item_cost {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.9;
    margin: 0 0 1rem;
}
.price-item_price {
    font-weight: 600;
    font-size: 3rem;
    color: #FFFFFF;
    opacity: 0.9;
    margin: 0 0 1rem;
}
.price-item_mounth {
    font-size: 2.4rem;
    margin: 0 0 0.6rem;
    opacity: 0.7;
}
.education-prace-fon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 59.4rem;
    margin: 0 auto;
}
.education-prace-fon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.price-items .price-item-wrap:nth-of-type(1) .price-item .price-item_mounth{
    color: #5580ED;
}
.price-items .price-item-wrap:nth-of-type(2) .price-item .price-item_mounth{
    color: #BF5591;
}
.price-items .price-item-wrap:nth-of-type(3) .price-item .price-item_mounth{
    color: #47C16A;
}
.price-item-text {
    font-weight: 300;
    font-size: 16px;
    color: #1B1B1B;
    opacity: 0.7;
}
.price-item-top {
    height: 21.6rem;
    padding: 5.4rem 0 0;
}
.price-item_mounth span {
    display: inline;
    font-size: 4rem;
    margin: 0 0.5rem 0 0;
}
.education-information .left .education-title {
    line-height: 0.9;
}
.price-item-wrap:nth-of-type(1) .price-item .price-item-img {
    top: -0.5rem;
}
.price-item-wrap:nth-of-type(3) .price-item .price-item-img {
    top: 0.5rem;
}

.top-banner-education_bg-mob {
    display: none!important;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: absolute;
    height: 100%;
    width: 100%;
}
.top-banner-education_bg-mob {
    display: flex;

}
.web-design .top-banner-education_bg-mob .left{
    background-color: #55E3BA;
}

.top-banner-education_bg-mob .left {
    width: 88vw;
    height: 100%;
    background-color: #015de9;
}
.top-banner-education_bg-mob .right {
    width: 7vw;
    height: 100%;
    background-color: #f0f0f0;
}
.time-line_table-img {
   position: relative;
    width: 89.2rem;
    height: 35.2rem;
}
.time-line_table-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
}
.time-line_table-img img:last-of-type {
    display: none;
}
.price-item_price {
    display: flex!important;
    justify-content: center;
}
.price-item-wrap-img {
    display: none;
}
.education-results .project-discription-left {
    text-align: left;
}
.banner-template-left {
    width: 40%;
}
.banner-template-center {
    position: relative;
    width: 45.2rem;
}
.banner-template-center img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: auto;
}
.template-promotion-wrapper {
    display: flex;
    align-items: flex-start;
}
.top-banner-template .banner-site-left-title {
    margin-bottom: 2.5rem;
}
.baza-znaniya {
    padding: 12rem 0;
    background-color: #f7f7f7;
}
.section-tabs {
    display: flex;
    align-items: center;
    width: 114.9rem;
    margin: 9rem auto;
}
.section-tab {
    width: 21.7rem;
    height: 6.3rem;
    /*flex-basis: 29.5%;*/
    /*max-width: 29.5%;*/

}
.section-tab:not(:last-of-type) {
    margin-right: 2rem;
}
.section-tab-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 600;
    font-size: 1.9rem;
    text-align: center;
    color: #000000;
    border: 2px solid #000000;
    border-radius: 90px;
}
.baza-znaniya-caption {
    margin: auto;
    width: 55%;
}
.section-tab-link.active {
    color: #477AFC;
    border-color:  #477AFC;
}
.section-tabs-blocks {
    display: none;
    flex-flow: row wrap;
    /*justify-content: space-between;*/
}
.section-tabs-blocks.active {
    display: flex;
}
.section-tabs-block {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 41.6rem;
    height: 35.1rem;
    background-color: #ffffff;
    padding: 2.5rem 2.8rem 3.6rem 2.8rem;
    margin: 0 0 3.8rem;
}
.section-tabs-block:not(:nth-child(3n)) {
    margin: 0 3.3rem 3.8rem 0;
}

.section-tabs-block-title-text {
    font-weight: bold;
    font-size: 2.2rem;
    margin: 0;
}
.section-tabs-block-title-img {
    font-weight: bold;
    font-size: 2.2rem;
    margin: 0 0 1.8rem;
}
.section-tabs-block-text {
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 2.3rem;
}
.section-tabs-block-sectionName {
    color: #477AFC;
}
.section-tabs-block-date {
    color: #777777;
}
.section-tabs-block-description {
    display: flex;
    flex-flow: row nowrap;
    font-weight: 600;
    font-size: 1.7rem;
    margin: 0;
    /*margin: 1.7rem 0 0;*/
}
.section-tabs-block-sectionLine {
    background-color:  #777777;
    height: 1.7rem;
    width: 1px;
    margin: 0.3rem 1rem 0 1rem;
}
.section-tabs-block-img {
    position: relative;
    width: 35.7rem;
    height: 20.2rem;
    margin: 0 0 2rem;
    overflow: hidden;
}
.section-tabs-block-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.baza-znaniya .link {
    margin: auto;
    cursor: pointer;
}
.more-content-btn {
    display: flex;
    justify-content: space-between;
}
.load-stati {
    width: 100%;
}
.right-arrow-plus-icon {
    width: 1.4rem;
    height: 2.6rem;
    background-image: url(../../../../../templates/request/img/cross.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(45deg);
}
.show-more {
    display: none;
    margin: 6rem auto 0!important;
}
.show-more.active {
    display: flex!important;
}
.statiya-content {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.statiya-wrap-top {
   width: 88.5rem;
}
.statiya-wrap ul{
    list-style-type: disc;
    list-style-position: inside;
}
.uslugi-wrap .statiya-content-wrap{
    width: 68rem;
}

.statiya-content-wrap {
    line-height: 2.5rem;
    width: 66%;
}
.statiya-wrap .statiya-title{
    display: block;
    font-size: 5rem;
    font-weight: 700;
    color: #292929;
    margin: 14rem 0 4rem;
    line-height: 6.7rem;
}
.statiya-banners {
    width: 23%;
}
.statiya-wrap {
    font-size: 1.8rem;
    padding: 5rem 0 0;
}
.breadcrumbs {
    display: flex;
    margin-bottom: 4.8437vw;
}
.breadcrumbs__item {
    position: relative;
    margin-right: 5rem;
    color: #747474;
    font-size: 1.7rem;
}
.breadcrumbs__link {
    color: #747474;
}
.breadcrumbs__item:not(:last-of-type)::before {
    content: '>';
    position: absolute;
    top: 0;
    right: -3rem;
}
.statiya-banners {
    display: flex;
    flex-flow: column;
}
.statiya-banners-img {
    position: relative;
    height: 49rem;
    margin: 0 0 3rem;
    overflow: hidden;
}
.statiya-banners-img img{
    position: absolute;
    width: 100%;
    height: auto;
    top:0;
    left: 0;
    right: 0;
    margin: auto;
}
.statiya-content-img img{
    display: block;
    width: 100%;
    height: auto;
    margin: 7rem auto;
}
.text-blue {
    color: #477AFF;
}
.statiya-content-literatura ol{
    list-style-position: inside;
}
.statiya-content-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 2.5rem;
}
.statiya-content-text p{
    margin: 0 0 2.5rem;
}
.statiya-content-razdel {
    margin: 0 0 4.5rem;
}
.statiya-content-literatura {
    margin: 5rem 0;
}
.statiya-info {
    display: flex;
    margin: 0 0 2rem;
}
.statiya-info-item-footer:not(:last-of-type),
.statiya-info-item:not(:last-of-type) {
    width: 33rem;
}
.statiya-info-item-footer .name-title,
.statiya-info-item {
    font-size: 1.6rem!important;
    color: #777777;
}
.social-panel__btn-list,
.social {
    display: flex;
    flex-flow: row nowrap;
}

.social {
    align-items: center;
}
.social-panel__btn-list {
    margin: 0 0 0 2.4rem;
    list-style: none!important;
}
.social-panel__btn-item {
    /*width: 4.4rem;*/
    /*height: 4.4rem;*/
    /*border-radius: 50%;*/
}
.statiya-info-item-footer {
    display: flex;
    flex-flow: column;
}
.statiya-content-literatura-title {
    font-size: 2.2rem;
    margin: 0 0 2rem;
}
.statiya-content-wrap .develop-title {
    line-height: normal;
    width: 100%;
    font-size: 4.5rem;
    font-family: 'Myriad Pro', sans-serif;
}
.statiya-wrap-footer .section-tabs-blocks {
    display: flex;
}
.statiya-wrap-footer {
    margin: 15rem 0 4rem;
}

.statiya-wrap .develop {
    padding: 15.4rem 0 3rem;
}
.ya-share2__icon {
    height: 4.4rem!important;
    width: 4.4rem!important;
    background-repeat: no-repeat;
    background-size: cover!important;
}

.ya-share2__item_service_facebook .ya-share2__badge,
.ya-share2__item_service_vkontakte .ya-share2__badge {
    border-radius: 50%;
}
.social-panel__btn-item:first-of-type {
    margin: 0 1.3rem 0 0;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url('../../../../../templates/request/img/svg/icon-vk.svg')!important;
}
.ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url('../../../../../templates/request/img/svg/icon-facebook.svg')!important;
}
.price-uslugi {
    font-size: 2rem;
}
.price-uslugi .best-team-right-context {
    margin-bottom: 1rem;
}
.text-1 .context-title{
    font-size: 4.5rem;
}
.text-4 .context-title{
    font-size: 3rem;
}
.uslugi-title {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
    font-size: 6rem;
}
.uslugi-wrap .statiya-content-wrap {
    line-height: inherit;
}
.uslugi-wrap .statiya-content {
    padding: 26rem 0 0;
}
.uslugi-link-wrap a{
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
    font-size: 2.5rem;
    color: #161616;
}
.uslugi-link-wrap a:hover{
    text-decoration: underline;
}
.uslugi-wrap .btn.mob{
    display: none;
}
.uslugi-title-wrap {
    margin-bottom: 7rem;
}
.uslugi-wrap .statiya-banners {
    padding: 6rem 0 0;
}
.uslugi-wrap .btn {
    width: 30.5rem;
    margin-bottom: 9rem;
}
.uslugi-wrap .seo-promotion-item:before{
    content: none;
}

.seo-promotion-item-count {
    display: inline-block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 0.5rem;
    padding-top: 0;
}
.ceny-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    font-family: 'Myriad Pro', sans-serif;
}
.ceny-item {
    width: 31.8rem;
    height: 27.3rem;
    background-color: #ffffff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 0 2rem;
}
.ceny-item-title {
    font-size: 3rem;
    text-align: center;
    font-weight: 700;
    margin: 0 0 2rem;
}
.ceny-item-text {
    font-size: 1.7rem;
    text-align: center;
    margin: 0 0 1rem;
}
.ceny-item-price {
    font-weight: 600;
    font-size: 2rem;
    text-align: center;
    color: #477AFC;
}
.ceny-items-about {
    padding: 17rem 0 9rem;
}
.formCeny-block {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.otvety-na-voprosy,
.form_seo-obuchenie,
.form_ceny {
    background-color: #1f1f1f;
    padding: 10rem 0;
}
.obuchenie-seo__form-wrap .modal-popup__title-h1,
.form_ceny-title {
    font-weight: bold;
    font-size: 4rem;
    color: #FFFFFF;
    width: 60%;
}
.formCeny-column-left{
    width: 32%;
}
.formCeny-column-right {
    width: 64%;
}
.formCeny-item {
    background-color: transparent;
    font-size: 2rem;
    line-height: 1.8;
    font-weight: 700;
    color: #ffffff;
    width: 100%;
    border: none;
    border-bottom: 1px solid #8892C5;
}
.form_ceny-block {
    margin: 6rem 0 0;
}
.form_ceny .banner-contact-key {
    font-weight: 700;
    font-size: 1.8rem;
}
.obuchenie-seo__form-wrap textarea,
.form_ceny-block textarea {
    background-color: inherit;
    border-bottom: 1px solid #8892C5;
    width: 100%;
    color: #ffffff;
    font-weight: 700;
    padding-top: 0.5rem;
}
.form_ceny-block textarea {
    font-size: 2rem;
}
select.formCeny-item {
    padding-bottom: 2rem;
}
.feedback-form-item-select {
    position: relative;
}
.ceny .context-title {
    font-family: 'Myriad Pro', sans-serif;
}

.feedback-form-item-select:after {
    content: "";
    padding: 0 8px;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
    pointer-events: none;

    width: 1.4rem;
    height: 1.4rem;
    background-image: url(../../../../../templates/request/img/svg/icon-rectangle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.sitemap-title {
    font-size: 3rem;
    text-align: center;
}
.sitemap-list {
    display: flex;
    flex-flow: column;
}
.sitemap-item {
    font-size: 2rem;
}

.sitemap {
    padding-top: 6rem;
    padding-bottom: 12rem;
}
.statiya-content-text-title {
    font-weight: 700;
    margin: 2.5rem 0 1rem!important;
}
.statiya-content-text ol{
    list-style-position: inside;
}
.statiya-info-top {
    margin: 3.5rem 0 3.2rem;
    align-items: center;
}
.statiya-info-center {
    margin: 0 0 4.3rem;
}
@media (max-width: 80em) {
    .price-item-text {
        font-size: 1.5rem;
    }
}

@media (max-width: 72em) {
    .btn_toMain {
        top: 38vw;
    }
}

@media (max-width: 48em) {
    .mob-contakt .city {
        margin-bottom: 3.5rem!important;
    }
    .zashchita_ot_ddos-atak .banner-template-center img {
        height: auto;
    }
    .razrabotka-sajta-vizitki .banner-template-center,
    .didzhital-agenstvo .banner-template-center,
    .zashchita_ot_ddos-atak .banner-template-center,
    .lichniy-kabinet .banner-template-center,
    .epr-sistema .banner-template-center {
        position: relative;
    }

    .banner-1__block {
        margin: 31vw 0 20vw;
    }
    .banner-1__wrap-text p {
        margin: 0 0 4vw;
        line-height: 5.5vw;
    }
    .banner-1__wrap-title {
        font-size: 6vw;
        margin: 0 0 8vw;
    }
    .banner-1__wrap-text-2 {
        font-size: 5.3vw;
        margin: 3.5vw 0 6vw;
        line-height: 7vw;
    }
    .banner-1__wrap-text-1 {
        font-size: 3.6vw;
    }
    .banner-1__wrap-text {
        font-size: 3.8vw;
        padding: 10vw 5.5vw;
    }
    .banner-1__wrap {
        height: 223vw;
    }
    .backend-frontend-obechenie .zayavka-na-obuchenie_conteiner .form_work-block {
        margin: 10vw 0 0;
    }
    .ux-disign-wrap .form_work-wrap,
    .backend-frontend-obechenie .zayavka-na-obuchenie_conteiner .form_work-wrap {
        padding: 5vw 0.6vw;
    }
    .backend-frontend-obechenie .education-block-4 .education-img,
    .backend-frontend-obechenie .education-block-4 .education-img img{
        height: 192vw;
    }
    .backend-frontend-obechenie .education-block-4 {
        margin: 0;
    }
    .backend-frontend-obechenie .education-block-4 .mountain-item:before {
        font-size: 2.8vw;
        margin: -2vw 0.5vw 0;
    }
    .backend-frontend-obechenie .education-block-4 .mountain-item {
        color: #ffffff;
        line-height: 5vw;
        margin-bottom: 5.5vw;
        font-size: 3.5vw;
    }
    .backend-frontend-obechenie .education-block-4 .education-title {
        font-size: 9.6vw;
        line-height: 12.5vw;
        margin: 0 0 13vw;
    }
    .backend-frontend-obechenie .education-block-4 .education-context {
        padding: 24.5vw 6vw 0;
    }
    .backend-frontend-obechenie .education-block-4 .container {
        width: 100%;
    }
    .backend-frontend-obechenie .info-block-1 {
        margin: 0 0 26vw;
    }
    .backend-frontend-obechenie .info-block-1 .seo-promotion-item {
        margin-bottom: 3vw;
    }
    .backend-frontend-obechenie .info-block-1 .seo-promotion-item:before {
        font-size: 3.5vw;
        padding-top: 2vw;
    }
    .backend-frontend-obechenie .info-block-1 .seo-promotion-right {
        padding-left: 0;
    }
    .backend-frontend-obechenie .info-block-1 .seo-promotion-list {
        margin: 7vw 0 0;
    }
    .backend-frontend-obechenie .info-block-1 .seo-promotion-item-context-key {
        font-size: 5.3vw;
        line-height: 6.5vw;
    }
    .backend-frontend-obechenie .info-block-1 .seo-promotion-left-top-title.second {
        margin: 7vw 0 0;
    }
    .education-block-2.example .education-wrapper-1 .education-subtitle {
        line-height: 6vw;
        margin: 2vw 0 0;
    }
    .education-block-2.example .education-wrapper-1 .education-context {
        padding: 8.5vw 7.4vw 0;
    }
    .education-block-2.example .education-wrapper-1 {
        height: 151.5vw;
    }
    .education-block-2.example .education-wrapper-2 .education-subtitle {
        font-size: 3.5vw;
    }
    .education-block-2.example .education-wrapper-2 .education-context {
        bottom: 17vw;
    }
    .education-block-2.example .education-wrapper-2 .education-img img {
        top: 10vw;
    }
    .education-block-2.example .education-wrapper-2 .education-title {
        font-size: 6vw!important;
        margin: 0 0 6vw!important;
    }
    .education-block-2.example .education-wrapper-2 {
        height: 125vw;
        margin: 0 0 7.4vw;
    }
    .education-block-2.example {
        margin: 19vw 0 23vw;
    }
    .backend-frontend-obechenie .info-block-3 .seo-promotion-item-context-key {
        margin: 2vw 0 3vw;
    }
    .backend-frontend-obechenie .info-block-3 .seo-promotion-left-top {
        margin-bottom: 14vw;
    }
    .backend-frontend-obechenie .info-block-3 .btn.mobile {
        width: 60vw;
    }
    .backend-frontend-obechenie .info-block-3 .telegram-btn {
        display: none;
    }
    .backend-frontend-obechenie .info-block-3 .seo-promotion-left-top-title {
        line-height: 13vw;
        margin-bottom: 7vw;
    }
    .education-block-3 {
        margin: 31vw 0 26vw;
    }
    .education-block-3 .education-img {
        height: 157.5vw;
    }
    .education-block-3 .education-subtitle.top {
        font-size: 3.8vw;
    }
    .education-block-3 .education-context div {
        text-align: left;
    }
    .education-block-3 .education-subtitle.text {
        line-height: 5.3vw;
        font-size: 3.86vw;
        margin: 0 0 6.5vw;
    }
    .education-block-3 .education-title {
        font-size: 7.24vw;
        margin: 4vw 0 10.7vw;
    }
    .education-block-3 .education-context {
         padding: 14.5vw 7.4vw 0;
     }
    .backend-frontend-obechenie .info-block-4 {
        font-size: 4.3vw;
    }
    .backend-frontend-obechenie .education-information_item-list {
        line-height: 7.1vw;
    }
    .backend-frontend-obechenie .info-block-4 .education-title {
        margin: 0 0 4vw;
    }
    .info-block-1 {
        margin: 0 0 35vw;
    }
    .banner-obrazovanie-wrap {
        margin: 33vw auto 36vw;
    }
    .info-block-5 .education-title,
    .info-block-4  .education-title {
        font-size: 9.7vw!important;
    }
    .education-block-1 {
        margin: 0 0 6vw 0;
    }
    .education-block-1 .education-img img {
        width: 100%;
    }
    .education-block-5 .seo-promotion-left {
        width: 90%;
        margin: auto;
        text-align: center;
    }
    .education-block-5 {
        margin: 0!important;
        padding: 20vw 0 41vw!important;
    }
    .education-block-5 .price-item-wrap-img {
        top: -91vw;
    }
    .education-block-5 .container {
        width: 100%;
    }
    .stoimist-right .seo-promotion-item-context-key {
        margin: 0 1vw 0 5vw;
    }
    .stoimist-right .seo-promotion-item:before {
        font-size: 2.5vw;
        margin: -2vw 0 0 1vw;
    }
    .education-block-5 .seo-promotion-right {
        margin: 11vw 0 0;
    }
    .education-block-5 {
        margin: 21vw 0 0;
    }
    .education-block-5 .seo-promotion-left-top-title {
        font-size: 9.7vw;
        max-width: 100%;
        margin: 5vw 0 7vw;
    }
    .ux-disign-wrap .btn-send {
        margin: 9vw 0 0;
    }
    .info-block-4.education-information  {
        padding: 15vw 0 0;
    }
    .education-ei-ex.obuchenie-pro-block .seo-promotion-item-context {
        margin: 0 0 1.2vw;
    }
    .stoimist-right {
        margin: 0 4vw;
        padding: 12vw 0;
    }
    .stoimist-right-text1 {
        font-size: 6vw;
        margin: 0 0 8vw;
    }
    .stoimist-right-text1 .number {
        font-size: 9.5vw;
    }
    .obuchenie-pro-block .seo-promotion-item-context-key {
        font-size: 4vw;
    }
    .stoimist-right-text2 {
        font-size: 3.8vw;
    }
    .stoimist-right-text3 {
        font-size: 4.6vw;
        margin: 7vw 0 3.8vw;
        line-height: initial;
    }
    .education-ei-ex .stoimist-left{
        text-align: center;
        padding: 12vw 4vw;
    }
    .stoimist-left-text1 {
        font-size: 3.8vw;
    }
    .stoimist-left-text2 {
        font-size: 7.24vw;
    }
    .stoimist-left-text3 {
        font-size: 3vw;
    }
    .education-ei-ex .stoimist {
        flex-flow: column;
        width: 66vw;
        height: 150vw;
        margin: auto;
    }
    .education-ei-ex .education-description p{
        font-size: 4.34vw;
        line-height: initial;
    }
    .gallery-block img:last-of-type {
        width: 100%;
    }
    .education-wrapper-2 .education-title,
    .education-wrapper-1 .education-title {
        font-size: 7.97vw!important;
        margin: 0 0 7vw!important;
    }
    .education-block-2 .main-banner-btn {
        margin-top: 11vw;
    }
    .education-wrapper-1 .education-context,
    .education-wrapper-2 .education-context,
    .education-block-1 .education-context {
        padding: 9vw 7vw;
    }
    .education-wrapper-1,
    .education-wrapper-2 {
        width: 90vw;
    }
    .education-wrapper-1 {
        height: 150vw;
        margin: 0 0 6vw;
    }
    .education-wrapper-2 {
        height: 109vw;
    }
    .education-block-1 .container {
        height: 219.32vw;
    }
    .education-block-2 .container {
        flex-flow: column;
    }
    .info-block-3 .education-information .left {
        width: 100%;
    }
    .info-block-4  .education-information_item-list,
    .info-block-4 .left {
        width: 100%!important;
    }
    .info-block-3 .seo-promotion-left-top {
        margin-bottom: 12vw;
    }
    .info-block-3 .seo-promotion-left-top-title{
        font-size: 9.7vw;
        max-width: 100%;
        margin-bottom: 9vw;
    }
    .info-block-3 .education-description p{
        font-size: 4.34vw;
        line-height: inherit;
        margin: 0 0 8vw;
    }
    .info-block-1  .seo-promotion-item {
        margin-bottom: 6vw;
    }
    .info-block-3 .seo-promotion-item:before,
    .info-block-1 .seo-promotion-item:before {
        font-size: 3.5vw;
        padding-top: 0;
    }
    .info-block-1 .seo-promotion-list {
        margin: 16vw 0 0;
    }
    .info-block-1 .seo-promotion-left-top-title {
        font-size: 9.7vw;
        max-width: 100%;
        margin-bottom: 8vw;
    }
    .info-block-3 .seo-promotion-item-context-key,
    .info-block-1 .seo-promotion-item-context-key {
        font-size: 4.6vw;
        margin: 2vw 0 0;
    }
    .info-block-3 .seo-promotion-item-context-value,
    .info-block-1 .seo-promotion-item-context-value {
        font-size: 4.8vw;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .banner-obrazovanie-wrap img{
        width: 100%;
    }
    .ux-disign-wrap .form_work-title {
        font-size: 8.5vw;
    }
    .zayavka-na-obuchenie_conteiner .form_work-wrap
    .ux-disign-wrap .form_work-wrap {
        padding: 23vw 1vw 8rem;
    }
    .otvety-na-voprosy .otvety-na-voprosy-wrap {
        padding: 23vw 0 8rem;
    }
    .ux-disign-wrap .form_work-block {
        margin: 9.6vw 0 0;
    }
    .ux-disign-wrap .gallery_fotos-title {
        font-size: 9.7vw;
        margin: 0 0 10vw 0;
    }
    .ux-disign-wrap .gallery_fotos-subTitle {
        font-size: 4.34vw;
        margin: 1.4rem 0 4vw;
    }
    .ux-disign-wrap .gallery-block img:last-of-type {
        width: 100%;
    }
    .mob-contakt {
        display: block;
    }
    .desk-contakt {
        display: none;
    }
    .city {
        font-size: 3rem;
    }
    .ux-disign .context-text p {
        font-size: 3.6rem;
        line-height: initial;
    }
    .ux-disign .context-title {
        font-size: 7.2vw;
    }
    .ux-disign .container {
        width: 90%;
    }
    .ux-disign .context-title,
    .ux-disign {
        text-align: left;
    }
    .modal-popup-item textarea {
        height: 18vw;
    }

    .obuchenie-seo__form-wrap .modal-popup {
        width: 90%;
        height: 70vh;
        overflow-y: scroll;
    }
    .btn-footer {
        justify-content: center!important;
        margin: 0 3vw 0 0;
        background: linear-gradient(71deg, #22C596 -1.85%, #57EFB8 71.51%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        color: #232323;
        font-weight: 600;
        padding:1.6rem 3.5rem 2rem 4rem;
    }
    .seo-education .content-list {
        flex-flow: column;
        width: 80%;
    }
    .seo-education-main-banner {
        position: absolute;
        width: 100%;
        height: 89vw;
    }
    .seo-education-main-banner img{
        top: 0;
        bottom: 11vw;
        left: -64vw;
        right: 0;
        margin: auto;
        width: auto;
        height: 100%;
        max-width: initial;
    }
    .seo-education-banner-content-right {
        width: 100%;
    }
    .seo-education .portals-banner-text,
    .seo-education-banner-text-top {
        font-size: 4.3vw;
    }
    .top-banner-seo-education {
        height: 186vw;
    }
    .seo-education-banner-content-left {
        text-align: left;
        width: 100%;
    }
    .seo-education .banner-contact-title {
        font-size: 7.2vw;
        margin: 0;
    }
    .seo-education-banner-content {
        margin: 0;
        flex-flow: column;
    }
    /*.seo-education-main-banner .desc {*/
    /*    display: none;*/
    /*}*/
    /*.seo-education-main-banner .mob {*/
    /*    display: block;*/
    /*}*/
    .request-footer {
        margin: 0 0 17vw;
    }
    .footer-contact-mob {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        background: #1F1F1F;
        padding: 2vw 3.4vw;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 17vw;
        z-index: 1000;
    }
    .uslugi-wrap-right {
        margin: 14rem 0 0;
    }
    .footer-contact-mob-title {
        font-size: 3.46vw;
        color: #ffff;
        margin: 0 0 1.1vw;
    }
    .footer-contact-mob-telegram {
        color: #8892C5;
        font-size: 2.7vw;
    }
    .uslugi-wrap-content {
        flex-flow: column;
    }
    .footer-contact-mob-left {
        width: 50%;
    }
    .footer-contact-mob .btn{
        font-size: 3.73vw;
        font-weight: 600;
        width: 50%;
        height: 8.5vw;
        justify-content: center;
    }
    .uslugi-wrap-left,
    .uslugi-wrap-right {
        width: 100%;
    }
    .uslugi-wrap-title {
        font-size: 4.5rem;
    }
    .uslugi-wrap-text {
        font-size: 3.6rem;
        line-height: initial;
    }
    .banners-item-img img {
        top: auto;
    }
    .banners-item {
        width: 48%;
        height: 104vw;
        margin: 0 0 2.4vw;
        padding: 6vw 5vw;
    }
    .banners-item-content {
        width: 80%;
    }
    .banners-item .banners-item-text {
        font-size: 3.4vw;
    }
    .banners-item-text-top,
    .banners-item .seo-promotion-item span {
        font-size: 3.46vw;
    }
    .banners-item .seo-promotion-item:before {
        font-size: 1.7vw;
        margin-right: 1.5vw;
    }
    .banners-item .seo-promotion-item {
        margin-bottom: 1.5vw;
    }
    .banners-item-title {
        font-size: 4.8vw;
        margin: 0 0 3.8vw 0;
    }
    .web-design .top-banner-text .education-title {
        font-size: 9.66vw;
    }
    .blog-left-img {
        margin: 9.5vw 0;
    }
    .icon-arrow-right-svg {
        width: 5.4vw;
        height: 6.6vw;
    }
    .statiya-info-center {
        line-height: initial;
        margin: 0 0 3.5vw;
    }
    .statiya-info-top {
        align-items: end;
        margin: 10.1vw 0 2vw;
    }
    .article-rating__area {
        margin: -1.5vw 0 0 1.5vw;
    }
    .baza-znaniya .container {
        width: 86%;
    }
    .sitemap {
        padding: 6rem 0;
    }
    .sitemap-item {
        font-size: 4vw;
        padding: 0 0 3vw;
    }
    .sitemap-title {
        font-size: 5vw;
        padding: 0 0 4vw;
     }
    .kafe .banner-template-wrapper .banner-template-left,
    .ceny .banner-template-wrapper .banner-template-left{
        order: 1;
    }
    .kafe .banner-template-wrapper .banner-template-right,
    .ceny .banner-template-wrapper .banner-template-right{
        order: 2;
    }
    .kafe .banner-template-wrapper .banner-template-center,
    .ceny .banner-template-wrapper .banner-template-center{
        order: 3;
    }
    .feedback-form-item-select:after {
        width: 3.4vw;
        height: 3.4vw;
    }
    .obuchenie-seo__form-wrap .modal-popup .btn,
    .form_ceny-block .btn {
        width: 56.52vw;
        height: 11.59vw;
        margin: 7vw 0 0;
        font-size: 3.52vw;
    }
    select.formCeny-item {
        padding: 1vw 0 2vw;
    }
    .feedback-form-item {
        margin-bottom: 7.7vw;
    }
    .web-design .top-banner-education_bg-right,
    .web-design .top-banner-text,
    .formCeny-column-right,
    .formCeny-column-left {
        width: 100%;
    }
    .otvety-na-voprosy,
    .form_seo-obuchenie,
    .form_ceny {
        padding: 29vw 0 36vw;
    }
    .obuchenie-seo__form-wrap .banner-contact-key,
    .obuchenie-seo__form-wrap .formCeny-item,
    .obuchenie-seo__form-wrap textarea,
    .seo-education .form_ceny-block textarea,
    .seo-education .formCeny-item,
    .seo-education .banner-contact-key,
    .form_ceny-block textarea,
    .formCeny-item,
    .form_ceny .banner-contact-key {
        font-size: 3.62vw;
    }
    .formCeny-block {
        flex-flow: column;
    }
    .obuchenie-seo__form-wrap .modal-popup__title-h1,
    .form_ceny-title {
        font-size: 6.04vw;
        width: 100%;
    }
    .ceny .context {
        padding: 0 0 23vw!important;
    }
    .ceny .context-title{
        font-size: 7.24vw;
    }
    .ceny .context-text p{
        font-size: 3.6vw!important;
    }
    .ceny-items-about {
        padding: 35vw 0 25vw;
    }
    .ceny-item-title {
        font-size: 4.34vw;
        margin: 0 0 2.7vw;
    }
    .ceny-item-text {
        font-size: 2.89vw;
        margin: 0 0 2vw;
    }
    .ceny-item {
        width: 43.5vw;
        height: 39.61vw;
        margin: 0 0 3vw;
    }
    .ceny-item-price {
        font-size: 3.38vw;
    }
    .uslugi-wrap .statiya-content {
        padding: 38vw 0 31vw;
    }
    .uslugi-wrap .right-arrow-icon {
        display: block;
        width: 6vw;
        height: 5vw;
    }
    .uslugi-wrap .btn {
        width: 59.66vw;
        height: 11.59vw;
        margin: 12vw 0 18vw;
        font-size: 3.4vw;
    }
    .uslugi-wrap .statiya-content-wrap {
        width: 100%;
    }
    .seo-promotion-item-count {
        font-size: 2vw;
    }
    .uslugi-link-wrap a {
        font-size: 4.34vw;
        text-decoration: underline;
    }
    .uslugi-link-wrap a:hover{
        text-decoration: none;
    }
    .uslugi-title {
        font-size: 9.66vw;
    }
    .uslugi-wrap .desk {
        display: none;
    }
    .uslugi-wrap .btn.mob{
        display: flex;
    }
    .statiya-content-text .develop-title {
        margin: 22vw 0 7vw;
        font-size: 9.66vw;
        line-height: normal;
    }
    .statiya-wrap-footer {
        margin: 27vw 0;
    }
    .statiya-content-img img {
        margin: 11vw auto;
    }
    .section-tabs-block-title-text,
    .section-tabs-block-title-img {
        font-size: 4.83vw;
    }
    .statiya-info.statiya-reiting {
        flex-flow: nowrap;
    }
    div.star-empty,
    div.star-voted {
        width: 7.25vw;
        height: 7.25vw;
        margin-left: 1.65vw;
    }
    .statiya-wrap .develop {
        padding: 5.4vw 0;
        width: 70%;
    }
    .statiya-wrap .btn-white {
        width: 70vw;
        height: 14.49vw;
        padding: 1.6rem 4.3vw 1.6rem 6vw;
        font-size: 4.34vw;
    }
    .breadcrumbs__item {
        margin-right: 10rem;
    }
    .breadcrumbs__item:not(:last-of-type)::before {
        right: -6rem;
    }
    .breadcrumbs {
        flex-flow: wrap;
        line-height: 5vw;
    }
    .social-panel__btn-item:first-of-type {
        margin: 0 4rem 0 0;
    }
    .statiya-info-item.social {
        margin: 5vw 0 1vw;
        align-items: center;
    }
    .social-panel__btn-list {
        margin: 0 0 0 4.6vw;
    }
    .social-panel__btn-item:first-of-type {
        margin: 0 3.1vw 0 0;
    }
    .ya-share2__icon {
        height: 10.62vw!important;
        width: 10.62vw!important;
    }
    .statiya-info-item-footer:not(:last-of-type),
    .statiya-info-item:not(:last-of-type) {
        width: 100%;
    }
    .statiya-info-item-footer .name-title,
    .statiya-info-item {
        font-size: 3.86vw!important;
    }
    .statiya-info {
        flex-flow: column;
    }
    .statiya-info-top {
        line-height: 6vw;
    }
    .statiya-content-literatura {
        margin: 21vw 0 11vw;
    }
    .statiya-content-literatura-title {
        font-size: 5.5vw;
        margin: 0 0 5vw;
    }
    .statiya-content-title {
        font-size: 4.8vw;
        margin: 6vw 0;
    }
    .statiya-wrap .statiya-title {
        font-size: 9.66vw;
        margin: 28vw 0 9vw;
        line-height: normal;
    }
    .statiya-content-razdel {
        margin: 0 0 11vw;
    }
    .statiya-banners-img {
        height: 134vw;
        margin: 9vw 0;
    }
    .statiya-wrap {
        font-size: 4.3vw;
        padding: 26vw 0 0;
    }
    .section-tabs-block-sectionLine {
        height: 4vw;
        width: 2px;
        margin: 0 4rem;
    }
    .section-tabs-block-description {
        font-size: 3.86vw;
    }
    .breadcrumbs__item {
        font-size: 3.86vw;
    }
    .statiya-content-wrap,
    .statiya-wrap-top {
        width: 100%;
    }
    .statiya-content-wrap {
        line-height: normal;
    }
    .template-promotion-wrapper {
        flex-flow: column;
    }
    .header-subMenu-item {
        font-size: 3.6rem;
    }
    .banner-desc,
    .banner-obrazovanie img:first-of-type {
        display: none;
    }
    .banner-mob,
    .banner-obrazovanie img:last-of-type {
        display: block;
    }
    .price-item-wrap:nth-of-type(1) .price-item .price-item-img {
        top: -0.5vw;
    }
    .price-item-wrap:nth-of-type(3) .price-item .price-item-img {
        top: 0.5vw;
    }
    .education-prace .container {
        width: 100%;
    }
    .price-item-wrap {
        position: relative;
        width: 100%;
    }
    .price-item-wrap-img {
        display: block;
        position: absolute;
        top: -49vw;
        width: inherit;
        height: 100%;
    }
    .price-item-wrap-img img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    .price-item-text {
        font-size: 3.9vw;
    }
    .time-line_table {
        width: 90vw;
    }
    .time-line_table-img {
        position: relative;
        width: 90vw;
        height: auto;
    }
    .time-line_table-img img:first-of-type {
        display: none;
    }
    .time-line_table-img img:last-of-type {
        display: block;
    }
    .education-results .gallary-discription {
        height: auto;
    }
    .top-banner-education_bg-mob {
        display: flex!important;
    }
    .top-banner-education {
        height: 185.5vw;
        padding: 9.7vw 0 0;
    }
    .top-banner-education_bg {
        flex-flow: column;
        height: initial;
    }
    .top-banner-education_bg-left {
        width: 100%;
        height: 54.4vw;
        order: 2;
        margin: 20.6vw 0 0;
        background-color: transparent;
    }
    .top-banner-education_bg-right {
        background-color: #1f1f1f;
        order: 1;
    }
    .top-banner-text .education-title {
        line-height: 0.6;
        font-size: 10.7vw;
        margin: 0 0 2.4vw;
    }
    .top-banner-text-1 {
        font-size: 6vw;
    }
    .top-banner-text-2 {
        font-size: 4.4vw;
        margin: 4.8vw 0 4.4vw;
    }
    .top-banner-education_bg-left-img {
        right: 10vw;
        top: -22.5vw;
        width: 81vw;
        height: 111vw;
    }
    .top-banner_text-wrapper .main-banner-btn {
        position: relative;
        width: 63vw;
        margin: 5.3vw 0 0;
    }
    .web-design .top-banner_text-wrapper,
    .top-banner_text-wrapper {
        width: 88%;
        height: 100%;
        margin: 0 0 0 8vw;
    }
    .top-banner_text-wrapper .education-subtitle {
        font-size: 4vw;
        line-height: 1.3;
    }
    .top-banner-text,
    .top-banner-education_bg-right {
        width: 100%;
    }
    .web-design .top-banner-education_bg-left-img {
        height: 128vw;
        width: 81vw;
        right: 10vw;
        top: -27.5vw;
        z-index: 2;
    }
    .web-design .top-banner-education {
        height: 185.5vw;
        padding: 12.7vw 0 0;
    }
    .web-design .top-banner-education_bg-left {
        width: 100%;
        background-color: transparent;
    }
    .education-prace-fon img {
        display: none;
    }
    /*.education-prace-fon img:last-of-type {*/
    /*    display: block;*/
    /*    */
    /*}*/
    .education-prace-fon {
        height: 341.6vw;
    }
    .btn_toMain {
        width: 53.90625vw;
        height: 14.0625vw;
        top: 132vw;
        left: 40vw;
    }
    .wrapper-404 {
        height: 166.015625vw;
    }
    .wrapper-404 img:first-of-type{
        display: none;
    }
    .wrapper-404 img:last-of-type{
        display: block;
    }
    .gallery-block img:first-of-type {
        display: none;
    }
    .gallery-block img:last-of-type {
        display: block;
    }
    .gallery-conteiner {
        height: 100%;
        flex-flow: column;
        margin: 1rem 0 0;
    }
    .gallery_fotos {
        padding: 27.5rem 0 33rem;
    }
    .gallery_fotos-subTitle {
        margin: 4.4rem 0 25rem;
    }
    .gallery-conteiner_slide-1,
    .gallery-conteiner_slide-2,
    .gallery-conteiner_slide-3 {
        width: 100%;
        max-width: 100%;
    }
    .gallery-conteiner_slide-1 {
        height: 78.645833vw;
    }
    .gallery-conteiner_slide-3 {
        height: 91vw;
    }
    .gallery-conteiner img {
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .form_work-title,
    .gallery_fotos-title,
    .gallery_work-title span {
        font-size: 7.8vw;
    }
    .form_work-block textarea,
    .form_work-block .feedback-form-value,
    .form_work-block .banner-contact-key,
    .form_work-subTitle,
    .gallery_fotos-subTitle,
    .gallery_work-goal span {
        font-size: 3.9vw;
    }
    .gallery_work-subTitle {
        font-size: 4.557vw;
    }
    .gallery_line {
        width: 9.375vw;
        margin: 0 auto 10.5rem;
    }
    .gallery-conteiner_slide-2 {
        padding: 20rem 3rem;
        margin: 2rem 0 1rem;
    }
    .gallery_work-goal {
        margin: 7rem auto 11rem;
    }
    .gallery-block1,
    .gallery-block2,
    .gallery-block3 {
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .form_work-block .feedback-form-item {
        margin-bottom: 13vw;
    }
    .form_work-block. .feedback-form-value {
        padding-top: 3.3vw;
    }
    .form_work-block button {
        margin: 24rem auto 12rem;
    }

    .blended_icons {
        flex-flow: row wrap;
    }
    .blended_icon {
        width: 8.933333vw;
        height: 8.933333vw;
        margin: 0 0 3.6vw;
    }
    .blended_icons .education-description {
        font-size: 4.4vw;
    }
    .blended_icons-item {
        width: 43vw;
        margin: 0 0 13vw;
    }
    .education-description {
        font-size: 4.3vw;
        line-height: 1.4;
    }

    .education-title {
        font-size: 11.4vw;
    }
    .education-block-1 .education-title {
        font-size: 6vw;
        margin-bottom: 9vw;
    }
    .education-block-1  .mountain-item:before {
        font-size: 2.7vw;
    }
    .education-block-1 .mountain-item {
        font-size: 3.6vw;
        margin-bottom: 5vw;
    }
    .blended {
        padding: 27vw 0 0;
    }
    .blended .education-title {
        margin: 7vw 0;
    }
    .blended .education-subtitle {
       line-height: 1.3;
    }
    .blended span{
       display: inline;
    }
    .education-subtitle {
        font-size: 4.5vw;
    }
    .time-line .container {
        display: flex;
        flex-flow: column;
    }
    .time-line-info {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }
    .blended .education-title {
        font-size: 9.7vw;
    }
    .time-line {
        padding: 42vw 0 0;
    }
    .time-line .education-description {
        line-height: 2.6;
    }
    .time-line_table {
        display: flex;
        flex-flow: row nowrap;
        font-size: 3.4vw;
        margin: 5vw 0 0;
    }
    .time-line_row {
        display: flex;
        flex-flow: column;
        height: initial;
    }
    .time-line_cel2,
    .time-line_cel3,
    .time-line_cel4,
    .time-line_cel5,
    .time-line_cel {
        width: 10.38647343vw;
    }
    .time-line_cel {
        display: flex;
        align-items: center;
        height: 16.425120772vw;
    }
    .time-line_cel2 {
        height: 33.5vw;
    }
    .time-line_cel3 {
        height: 51vw;
    }
    .time-line_cel4 {
        height: 68vw;
    }
    .time-line_cel5 {
        height: 85vw;
    }
    .time-line_table .time-line_row:first-of-type {
         align-items: flex-end;
         margin: 0 4vw 0 0;
     }

    .time-line_row:not(:first-of-type) {
        margin: 0 1vw 0 0;
    }
    .time-line_row:last-of-type {
        margin: 0;
    }
    .content-program .container {
        flex-flow: column;
        width: 84%;
    }
    .education-information .container {
        flex-flow: column;
    }
    .content-program {
        margin: 47vw 0 0;
        height: initial;
    }
    .content-title {
        width: 100%;
        height: initial;
    }
    .content-program .education-title {
        margin: 4vw 0 7vw;
    }
    .content-list {
        font-size: 4.3vw;
    }
    .content-list ol {
        flex-flow: column;
        list-style-position: inside;
        height: initial;
        width: 100%;
        line-height: 1.7;
    }
    .education-prace {
        font-size: 4.3vw;
        padding: 44.5vw 0 0;
    }
    .education-prace .education-title {
        font-size: 9.661835748vw;
        margin: 4.5vw auto 7vw;
    }
    .container>.education-description,
    .education-information .container .right {
        width: 100%;
    }
    .education-prace .text {
        width: 75%;
    }
    .price-items {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin: 12vw 0 0;
    }
    .price-item {
        width: 67.4vw;
        height: 85vw;
        margin: 0 auto 10vw;
    }
    .price-item-top {
        height: 53vw;
        padding: 13vw 0 0;
    }
    .price-item_cost {
        font-size: 3.9vw;
        margin: 0 0 3vw;
    }
    .price-item_price {
        font-size: 7.2vw;
    }
    .price-item_mounth {
        font-size: 5.6vw;
        margin: 0 0 1.9rem;
    }
    .price-item_mounth span {
        display: inline;
        font-size: 9.3vw;
    }
    .education-information_item {
        display: flex;
        flex-flow: column;
    }
    .education-information_item:not(:last-of-type) {
        margin: 0 0 23vw;
    }
    .education-information .left {
        font-size: 4.15vw;
        width: 100%;
    }
    .education-information_item-list {
        width: 100%;
        line-height: 1.8;
    }
    .education-information ol {
        list-style-position: inside;
    }
    .education-information .left .education-title {
        font-size: 9.7vw;
        margin: 0 0 6vw;
    }
    .education-information {
        padding: 35vw 0 0;
    }
    .education-information .container .right {
        margin: 6vw 0 0;
    }
    .education-information .right .education-title {
        font-size: 12.4vw;
        margin: 6vw 0 7.2vw;
    }
    .education-information .text {
        font-size: 4.3vw;
        line-height: 1.4;
        margin: 0 0 9vw;
    }
    .education-information .text span {
        margin: 0 0 5vw;
    }
    .telegram-btn {
        font-size: 4.3vw;
        margin: 0;
        padding: 2vw;
        width: 56vw;
        /*width: 43vw;*/
        height: 13.5vw;
    }
    .telegram-btn-img {
        width: 10.5vw;
        height: 10.5vw;
        margin: 0 5.3vw 0 0;
    }
    .education-result-items {
        /*flex-flow: column;*/
        align-items: center;
        margin: 14vw 0 0;
    }
    .education-results {
        font-size: 4.3vw;
        padding: 34.5vw 0 0;
    }
    .wrapper-block {
        width: 97%;
    }
    .education-results .education-title {
        font-size: 9.7vw;
        margin: 6vw 0 8.5vw;
    }
    .education-results-info {
        width: 95%;
        line-height: 1.4;
    }
    .education-result-item {
        width: 79rem;
        height: 68rem;
        margin: 0 0 6vw;
        overflow: hidden;
    }
    .education-text {
        padding: 23.2vw 0 0;
        margin: 0 0 29vw;
    }
    .education-text .education-title {
        margin: 5.6vw 0 7vw;
        font-size: 12.3vw;
    }
    .education-text .text span {
        font-size: 4.3vw;
        line-height: 1.4;
        margin: 0 0 5vw;
    }
    .education-text .text.bold-text span{
        margin: 0 auto;
    }
    .education-text .telegram-btn {
        margin: 8vw auto 0;
    }
    .rub {
        margin: 0 0 0 2rem;
    }
    .section-tabs-block {
        width: 100%;
        height: 84.78vw;
        padding: 6.038vw 6.038vw 8vw 6.038vw;
    }
    .section-tabs-block-text {
        font-size: 3.86vw;
        line-height: normal;
    }
    .section-tab {
        width: 41.78vw;
        height: 12vw;
        margin: 0 0 6rem;
    }
    .section-tabs {
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin: 16vw 0 12vw;
    }
    .baza-znaniya-caption,
    .section-tab-link {
        font-size: 3.8vw!important;
    }
    .section-tabs-block-img {
        height: 48.79vw;
        width: 100%;
        margin: 0 0 6vw;
    }
    .statiya-info-item-footer:not(:last-of-type) {
        margin: 0 0 3.6vw;
    }
    .top-banner-template {
        height: initial;
        background-size: 90%;
        padding: 20rem 0 15.5rem;
        background-position: 50% 60%;
    }
    .banner-template-wrapper {
        height: initial;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .banner-template-left {
        width: 100%;
        margin-bottom: 14vw;
    }
    .banner-template-right {
        width: 100%;
        margin: 5vw 0 0;
    }
    .banner-template-center {
        width: 55vw;
        height: 50vw;
    }
    .banner-template-center img {
        width: auto;
        height: 100%;
    }
    .template .context-text p {
        font-size: 3rem;
    }
    .heder-menu-link {
        height: auto!important;
        justify-content: left;
    }
    .header-subMenu-item {
        margin: 0 0 0 7vw;
    }
    .header-menu-list {
        padding-bottom: 60vw;
    }
    .baza-znaniya-caption {
        width: 100%;
    }
    .section-tabs-block,
    .section-tabs-block:not(:nth-child(3n)) {
        margin: 0 0 7vw 0;
    }
    .baza-znaniya-title {
        font-size: 9.6vw;
        margin-bottom: 5.4vw;
    }
    .template.kafe .banner-template-left{
        margin-bottom: 5vw;
    }
    .template.kafe .banner-template-center {
        width: 82.2rem;
        height: 50vw;
    }
    .template.kafe .banner-template-center img {
        width: 100%;
        height: auto;
        margin: inherit;
    }

}

@media (max-width: 37.5em) {
    .btn_toMain {
        top: 134vw;
    }
}

@media (max-width: 35.9375em) {
    .btn_toMain {
        top: 136vw;
    }
}

@media (max-width: 27em) {
    .btn_toMain {
        top: 140vw;
    }
}

/* Cтраница контактов дата внесения правок 26.11.2020 */

.page-contacts {
    padding-bottom: 5rem;
}

.page-contacts .banner-contact-wrapper {
    align-items: unset;
    justify-content: space-between;
}

.page-contacts .banner-contact-value {
    line-height: 1;
    margin-bottom: 2.6rem;
}

.page-contacts .banner-contact-wrapper .banner-contact-left {
    width: 20%;
    padding-top: 14rem;
}

.page-contacts .banner-contact-wrapper .banner-contact-right {
    width: 20%;
    padding-top: 14rem;
}

.page-contacts .banner-contact-wrapper .banner-contact-right .banner-contact-title {
    margin-bottom: 5.5rem;
}

.page-contacts .banner-contact-wrapper .banner-contact-right .banner-contact-left-wrapper .banner-contact-list {
    margin-bottom: 2.5rem;
}

.page-contacts .banner-contact-wrapper .banner-contact-right .banner-contact-left-wrapper .banner-contact-list .banner-contact-value{
    margin-bottom: 4.2rem;
}

.page-contacts .banner-contact-wrapper .banner-contact-right .banner-contact-left-wrapper .banner-contact-list .banner-contact-value:last-child {
    margin-bottom: 0;
}

.page-contacts .banner-contact-wrapper .banner-contact-right .telegram .banner-contact-value {
    margin-bottom: 3rem!important;
}

.form-contacts .container .form_work-wrap .form_work-block .feedback-form-item {
    margin-bottom: 4.2rem;
}

.form-contacts .container .form_work-wrap .form_work-block input {
    background-color: inherit;
    border-bottom: 1px solid #4f4f4f;
    width: 100%;
    font-size: 2rem;
    color: #ffffff;
    font-weight: 600;
    padding-bottom: 0.5rem;
    margin-top: 1.2rem;
}

.form-contacts {
    background-color: #141414;
}

.form-contacts .container {
    display: flex;
    justify-content: space-between;
}

.form-contacts .container .form_work-wrap {
    width: 44.5%;
    padding-top: 6rem;
    padding-bottom: 5.5rem;
}

.form-contacts .container .form_work-wrap .btn-show {
    display: none;
}

.form-contacts .container .form_work-wrap .form_work-subTitle {
    font-weight: 700;
    font-size: 2rem;
    color: #00ae7e;
}

.form-contacts .container .form_work-wrap .form_work-title {
    font-weight: 700;
    font-size: 4.5rem;
}

.form-contacts .container .form_work-wrap .form_work-block {
    margin-top: 4rem;
}

.form-contacts .container .form_work-wrap .form_work-block .formClient p {
    font-size: 3rem;
    color: #fff;
}

.form-contacts .container .form_work-wrap .form_work-block .formSoisk p {
    font-size: 3rem;
    color: #fff;
}

.form-contacts .container .form_work-wrap .form_work-block textarea {
    line-height: 1;
    height: 14.8rem;
    margin-bottom: 0rem;
}

.form-contacts .container .form_work-wrap .form_work-block button {
    margin: unset;
    margin-top: 0rem;
    width: 35rem;

}

.form-contacts .btn-show-block {
    display: none;
}

@media (max-width: 48em) {

    .form-contacts .container .form_work-wrap .form_work-block .formClient p {
        font-size: 4rem;
    }

    .form-contacts .container .form_work-wrap .form_work-block .formSoisk p {
        font-size: 4rem;
    }

    .page-contacts {
        padding-top: 10rem;
    }

    .page-contacts .container .banner-contact-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-left {
        order: 1;
        width: 45%;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-right {
        order:  2;
        width: 42%;
    } 

    .page-contacts .container .banner-contact-wrapper .banner-contact-right .banner-contact-title {
        opacity: 0;
        margin-bottom: 8rem;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-left .banner-contact-title {
        margin-bottom: 8rem;
    }

    .page-contacts .banner-contact-value {
        margin-bottom: 5.2rem;
        margin-top: unset;
        line-height: 1.1;
    }

    .page-contacts .banner-contact-wrapper .banner-contact-right .banner-contact-left-wrapper .banner-contact-list {
        margin-bottom: 4.5rem;
    }

    .page-contacts .banner-contact-wrapper .banner-contact-right .telegram .banner-contact-value {
        margin-bottom: 4.5rem !important;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-right .banner-contact-left-wrapper {
        flex-direction: column;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-left .banner-contact-left-wrapper .banner-contact-list {
        width: auto;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-right .banner-contact-left-wrapper .banner-contact-list {
        text-align: left!important;
        width: auto;
    }

    .city {
        line-height: 1.1;
    }

    .page-contacts .container .banner-contact-wrapper .banner-contact-center {
        order:  3;
        width: 100%;
        margin-bottom: 1rem;
    }

    .form-contacts .container .form_work-wrap {
        padding-top: 7rem;
    }

    .form-contacts .btn-show-block {
        display: flex;
        justify-content: space-between;
        background-color: #1f1f1f;
    }

    .form-contacts .container .form_work-wrap .form_work-block {
        margin-top: 5.5rem;
    }

    .form-contacts .btn-show-block .btn-show {
        display: block;
        color: #adadad;
        font-size: 3.6rem;
        font-weight: 700;
        margin-bottom: 5rem;
        padding: 2rem 5%;
        padding-bottom: 2.5rem;
        width: 50%;
        margin-bottom: 0;
    }

    .form-contacts .btn-show-block .btn-show.active {
        background-color: #141414;
        color: #33ab89;
    }

    .form-contacts .btn-show-block .btn-show:first-child.active {
        border-radius: 0 15px 0 0;
    }

    .form-contacts .btn-show-block .btn-show:last-child.active {
        border-radius: 15px 0 0 0;
    }

    .form-contacts .btn-show-block .btn-show:last-child {
        text-align: right;
    }

    .form-contacts .container .form_work-wrap .form_work-subTitle {
        display: none;
    }

    .form-contacts .container .form_work-wrap {
        display: none;
    }

    .form-contacts .container .form_work-wrap.active{
        display: block;
    }

    .form-contacts .container .form_work-wrap {
        width: 100%;
    }

    .form-contacts .container .form_work-wrap .form_work-block .feedback-form-item {
        margin-bottom: 7.5rem;
    }

    .form-contacts .container .form_work-wrap .form_work-block input {
        font-size: 3rem;
        padding-bottom: 1.1rem;
        margin-top: 3.5rem;
    }

    .form-contacts .container .form_work-wrap .form_work-block textarea {
        height: auto;
        padding-top: 1.5rem;
        margin-bottom: -.5rem;
    }

    .form-contacts .container .form_work-wrap .form_work-title{
        visibility: visible!important ;
        animation-name: fadeInRight!important;
        font-size: 6.5rem;
    }

    .form-contacts .container .form_work-wrap .form_work-block button {
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 5rem;
    }


}

/*правки Игорь*/

.header-menu-link + .header-subMenu-item {
  top: calc(100% + 1px);
}

.header-menu-item:hover .header-subMenu-item {
  visibility: visible;
  opacity: 1;
}

.main-new .container {
  width: 135rem;
}

.main-new .icon-arrow-right {
  width: 1.4rem;
  height: 2.6rem;
  background-image: url(../../../../../templates/request/img/svg/arrow-right_w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.main-new .main-slide-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 13rem;
}

.main-new .main-slide-left {
  width: 31rem;
  max-width: 31rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -1rem;
  padding-left: 0;
  position: relative;
  z-index: 1;
}

.main-new .main-slide-caption {
  font-size: 2.2rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 700;
  color: #5EC99A;
  margin-bottom: 3rem;
}

.main-new .main-slide-title {
  font-size: 5rem;
  font-family: 'Myriad Pro', sans-serif;
  margin-bottom: 4rem;
}

.main-new .main-slide-discription {
  font-size: 1.8rem;
  font-weight: 300;
}

.main-new .main-slide-right {
  width: auto;
  max-width: none;
}

.main-new .main-slide-right .btn {
  width: 25rem;
  height: 4rem;
}

.main-new .main-swiper-tools {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.main-new .main-swiper-tools .container {
  height: 100%;
}

.main-new .main-swiper-tools-left {
  position: relative;
  padding-left: 4rem;
  z-index: 1;
}

.main-new .main-swiper-container {
  height: 83.5rem;
  padding: 0;
  position: relative;
}

.main-new .main-swiper-slide {
  position: relative;
}

.main-new .main-swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .seo-promotion {
  padding-bottom: 0;
}

.main-new .seo-promotion-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-new .seo-promotion-left {
  width: 37rem;
}

.main-new .seo-promotion-left-top-title {
  font-size: 5rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 700;
  color: #292929;
  margin-bottom: 6rem;
}

.main-new .seo-promotion-left-top-title span {
  color: #ff0000;
  font-weight: 700;
}

.main-new .seo-promotion-left-top .btn {
  width: 29rem;
}

.main-new .seo-promotion-right {
  padding-left: 6rem;
  padding-right: 4rem;
}

.main-new .seo-promotion-list {
  margin-bottom: 0;
}

.main-new .seo-promotion-item {
  margin-bottom: 2.7rem;
}

.main-new .seo-promotion-item::before {
  margin-right: 0.5rem;
}

.main-new .seo-promotion-item-context-key {
  font-size: 2.5rem;
  font-family: 'Myriad Pro', sans-serif;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.main-new .seo-promotion-item-context-value {
  font-size: 1.8rem;
  font-family: 'Myriad Pro', sans-serif;
  color: #161616;
  line-height: 1.7;
}

.main-new .education-prace {
  margin-top: 0;
  padding: 9.5rem 0 0;
}

.main-new .education-prace-fon img {
  top: -3.5rem;
}

.main-new .education-prace .education-title {
  color: #292929;
}

.main-new .education-prace .text {
  width: 67rem;
  color: #292929;
  line-height: 1.33;
}

.main-new .education-prace .price-item {
  height: 37.5rem;
  background: #fff;
  margin: 0 4.5rem;
}

.main-new .education-prace .price-items {
  margin: 7rem 2.5rem 9rem 0;
}

.main-new .education-prace .price-item-top {
  padding: 3.5rem 3rem 0;
  text-align: left;
}

.main-new .education-prace .price-item-top span {
  color: #FFFFFF;
  opacity: 0.9;
}

.main-new .education-prace .price-item_name {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 3.5rem;
}

.main-new .education-prace .price-item_price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.7rem;
  font-family: 'Segoe UI';
}

.main-new .education-prace .price-item_price span {
  font-family: 'Segoe UI', sans-serif;
  font-weight: 400;
}

.main-new .education-prace .price-item_work {
  font-size: 1.4rem;
}

.main-new .education-prace .price-item-wrap {
  margin: 0 0;
}

.main-new .education-prace .price-item-wrap:nth-of-type(1) .price-item-text span {
  color: #4C7BF6;
  margin-right: 0;
}

.main-new .education-prace .price-item-wrap:nth-of-type(2) .price-item-text span {
  color: #BF5591;
}

.main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item .price-item-img {
  top: 0;
}

.main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item-text span {
  color: #47C16A;
}

.main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item-text span.small {
  font-size: 1.6rem;
}

.main-new .education-prace .price-item-bottom {
  text-align: left;
  padding: 3.5rem 3rem 0;
}

.main-new .education-prace .price-item-bottom .price-item-text {
  font-family: 'Segoe UI Light', sans-serif;
  opacity: 0.7;
  margin-bottom: 1rem;
  font-weight: 300;
}

.main-new .education-prace .price-item-bottom .price-item-text span {
  font-family: 'Segoe UI', sans-serif;
  font-weight: 400;
  display: inline-block;
  font-size: 2rem;
  width: 2rem;
  opacity: 0.8;
  margin-right: 1rem;
}

.main-new .gallary {
  padding: 7rem 0 0;
}

.main-new .gallary-wrapper {
  margin-bottom: 7.5rem;
}

.main-new .gallary-title {
  font-family: 'Segoe UI';
  font-weight: 700;
  margin-left: 3rem;
  margin-bottom: 2.8rem;
}

.main-new .gallary-caption {
  font-family: 'Segoe UI';
  width: 55%;
  margin: 0 auto;
  margin-bottom: 6rem;
  -webkit-transform: translateX(1.5rem);
          transform: translateX(1.5rem);
}

.main-new .gallary-content-small {
  height: 65.5rem;
}

.main-new .gallary-btn {
  width: 29rem;
  height: 6.4rem;
  font-size: 1.6rem;
  color: #202020;
  background: linear-gradient(91.42deg, #EAEAEA -2.86%, #FFFFFF 98.81%);
  -webkit-box-shadow: 20px 30px 70px #DFE2EB;
          box-shadow: 20px 30px 70px #DFE2EB;
}

.main-new .gallary-btn i {
  font-size: 5rem;
  font-family: 'Circe', sans-serif;
  font-weight: 300;
  font-style: normal;
  height: 5rem;
}

.main-new .advantages {
  padding-top: 6.6rem;
  margin-bottom: 12rem;
}

.main-new .advantages-title {
  font-size: 5rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 700;
  color: #292929;
  margin-bottom: 4.5rem;
  margin-bottom: 1rem;
}

.main-new .advantages-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-new .advantages-content__item {
  width: 31%;
  height: 45.5rem;
  margin: 3.5rem 0;
  position: relative;
}

.main-new .advantages-content__item:nth-child(1) .back img {
  width: 71%;
  top: 46%;
  left: 53%;
}

.main-new .advantages-content__item:nth-child(1) .front-text__top {
  letter-spacing: -.1em;
}

.main-new .advantages-content__item:nth-child(2) .back img {
  top: 48%;
  left: 52%;
}

.main-new .advantages-content__item:nth-child(3) .back img {
  width: 100%;
  top: 32%;
  left: 68%;
}

.main-new .advantages-content__item .back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1F1F1F;
  z-index: 1;
}

.main-new .advantages-content__item .back img {
  position: absolute;
  top: 46%;
  left: 52%;
  width: 77%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main-new .advantages-content__item .front {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 38% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 38% 0, 100% 100%, 0 100%);
  background: #1F1F1F;
}

.main-new .advantages-content__item .front-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-filter: drop-shadow(0.25rem 0rem 1.5rem rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0.25rem 0rem 1.5rem rgba(0, 0, 0, 0.5));
}

.main-new .advantages-content__item .front-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 77%;
  height: 100%;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-new .advantages-content__item .front-text__top {
  padding: 3.5rem 3rem 10rem;
  font-size: 7rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 600;
  letter-spacing: -.02em;
  color: rgba(137, 137, 137, 0.1);
  border-bottom: 1px solid #2A2A2A;
}

.main-new .advantages-content__item .front-text__bottom {
  padding: 3.5rem 0rem 5rem 3rem;
  font-family: 'Myriad Pro', sans-serif;
}

.main-new .advantages-content__item .front-text__title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 2rem;
}

.main-new .advantages-content__item .front-text__subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  color: #CBCBCB;
  line-height: 1.25;
}

.main-new .seo-context-title {
  width: auto;
  margin-bottom: 5.5rem;
}

.main-new .seo-context-text {
  max-width: 108rem;
}

.main-new .seo-context-text p {
  margin-bottom: 2.3rem;
}

.main-new .seo-context-text ul {
  padding: 0;
}

.main-new .seo-context-text ul li {
  list-style: none;
  line-height: 1.35;
}

.main-new .seo .develop {
  text-align: center;
  padding: 6.5rem 0 10rem;
}

.main-new .seo .develop-title {
  font-size: 5rem;
  font-family: 'Segoe UI', sans-serif;
  color: #292929;
  margin: 0 auto;
  margin-bottom: 4rem;
}

.main-new .seo .develop-subtitle {
  font-size: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  color: #292929;
  width: 67%;
  margin: 0 auto;
  margin-bottom: 5.5rem;
}

.main-new .seo .develop .btn {
  width: 26rem;
  height: 6rem;
  margin: 0 auto;
}

.main-new .three-banners {
  padding: 2rem 0 7rem;
}

.main-new .baza-znaniya.vacancy {
  padding: 9rem 0 12rem;
}

.main-new .baza-znaniya.vacancy .baza-znaniya-title {
  margin-bottom: 2.5rem;
}

.main-new .baza-znaniya.vacancy .baza-znaniya-caption {
  font-size: 2.5rem;
  width: 56%;
}

.main-new .baza-znaniya.vacancy .section-tabs {
  margin: 8.5rem auto;
}

.main-new .baza-znaniya.vacancy .section-tabs-block {
  width: 43.3rem;
  height: 37.1rem;
  padding: 4rem 5.5rem 3.6rem 4rem;
  -webkit-box-shadow: 2rem 3rem 7rem #DFE2EB;
          box-shadow: 2rem 3rem 7rem #DFE2EB;
  position: relative;
}

.main-new .baza-znaniya.vacancy .section-tabs-block:not(:nth-child(3n)) {
  margin: 0 2.4rem 9rem 0;
}

.main-new .baza-znaniya.vacancy .section-tabs-block:nth-last-child(-n+3) {
  margin-bottom: 2rem;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-link {
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: underline;
  color: #477AFC;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-title {
  font-size: 3rem;
  font-weight: 700;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-title span {
  display: block;
  font-weight: inherit;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-subtitle, .main-new .baza-znaniya.vacancy .section-tabs-block-description {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.35;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-test {
  font-size: 1.6rem;
  font-weight: 700;
  color: #507CF4;
  letter-spacing: 0.005em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-test img {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #507CF4;
  padding: 0.5rem;
  margin-left: 0.7rem;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-about {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14.5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  color: #ffffff;
  background: #1F1F1F;
  border-top-left-radius: 2.2rem;
}

.main-new .baza-znaniya.training {
  padding: 9.5rem 0 11.5rem;
}

.main-new .baza-znaniya.training .section-tabs {
  margin: 8rem auto 6.5rem;
}

.main-new .baza-znaniya.training .section-tabs-block-img .play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.4);
}

.main-new .baza-znaniya.training .section-tabs-block-img .play-img {
  width: 4rem;
  height: 4rem;
  position: relative;
}

.main-new .baza-znaniya.training .section-tabs-container .link {
  margin: 8rem auto 0 !important;
}

.main-new .baza-znaniya.test-tasks {
  padding: 10.5rem 0 12rem;
}

.main-new .baza-znaniya.test-tasks .baza-znaniya-caption {
  font-size: 1.8rem;
  width: 70%;
}

.main-new .baza-znaniya.test-tasks .section-tabs-block:not(:nth-child(3n)) {
  margin: 0 2.4rem 6rem 0;
}

.main-new .baza-znaniya.test-tasks .section-tabs-container .show-more {
  margin: 9rem auto 0 !important;
}

.main-new .free-education {
  padding: 11rem 0;
}

.main-new .free-education__content {
  text-align: center;
}

.main-new .free-education__img {
  margin-bottom: 1.5rem;
}

.main-new .free-education__img img {
  width: 11.5rem;
}

.main-new .free-education__title {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.33;
  color: #000000;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 4.5rem;
}

.main-new .free-education__title span {
  font-weight: inherit;
  color: #507CF4;
}

.main-new .free-education .btn {
  margin: 0 auto;
}

.main-new .gallery_fotos {
  padding: 7.5rem 0 12rem;
}

.main-new .top-banner-education {
  padding: 6rem 0 0;
  height: 87.5rem;
  margin-bottom: 0;
}

.main-new .top-banner-education-root .container {
  width: 153.5rem;
}

.main-new .top-banner-education-root-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 10rem;
}

.main-new .top-banner-education-root-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .top-banner-education-root-content ul li {
  margin-right: 5.3rem;
  position: relative;
}

.main-new .top-banner-education-root-content ul li:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 62%;
  left: -3.3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.5rem;
  height: 1rem;
  background: url(../../../../../templates/request/img/svg/arrow-right_w.svg) center no-repeat;
  background-size: contain;
}

.main-new .top-banner-education-root-content ul li a {
  font-size: 1.7rem;
  font-weight: 400;
  color: #ffffff;
}

.main-new .top-banner-education-root-content .top-banner-education-all a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #507CF4;
  letter-spacing: 0.005em;
}

.main-new .top-banner-education-root-content .top-banner-education-all a img {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #507CF4;
  padding: 0.5rem;
  margin-left: 1.5rem;
}

.main-new .top-banner-education_bg {
  padding-top: 14.5rem;
  height: 55rem;
}

.main-new .top-banner-education_bg-left {
  width: 47.2%;
}

.main-new .top-banner-education_bg-left-img {
  width: 120rem;
  height: 72rem;
  right: -30rem;
  top: -11.5rem;
}

.main-new .top-banner-education_bg-right {
  width: 52.8%;
}

.main-new .top-banner-text {
  width: 81.5rem;
  width: 80.5%;
}

.main-new .top-banner-text .top-banner_text-wrapper {
  margin: 0 0 0 8.5rem;
  width: 80%;
}

.main-new .top-banner-text-sup {
  font-size: 2.2rem;
  font-weight: 700;
  color: #5EC99A;
  line-height: 1;
  margin-bottom: 2.8rem;
}

.main-new .top-banner-text .education-title {
  font-size: 4.5rem;
  line-height: 1.33;
  margin-bottom: 3.5rem;
}

.main-new .top-banner-text .education-subtitle {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .035em;
  max-width: 69%;
}

.main-new .top-banner-education.test-tasks {
  height: 84rem;
}

.main-new .top-banner-education.test-tasks .top-banner-education_bg-left {
  width: 30%;
  background: #EFBD5E;
}

.main-new .top-banner-education.test-tasks .top-banner-education_bg-left-img {
  width: 52rem;
  height: 61rem;
  right: -35.5rem;
  top: -8.9rem;
}

.main-new .top-banner-education.test-tasks .top-banner-education_bg-right {
  width: 70%;
}

.main-new .top-banner-education.test-tasks .top-banner-text {
  width: 83%;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper {
  width: 100%;
  margin: 0;
  padding: 3.5rem 16rem 0 47rem;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper .education-title {
  font-size: 5rem;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper .education-subtitle {
  max-width: none;
  color: #ECECEC;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper .education-subtitle p {
  margin-top: 2rem;
}

.main-new .task {
  padding: 10.5rem 0 9.5rem;
}

.main-new .task-content {
  max-width: 77.5%;
  padding-left: .5rem;
}

.main-new .task-suptitle {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #2B72E0;
  margin-bottom: 2.6rem;
}

.main-new .task-title {
  font-size: 3rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 3.5rem;
}

.main-new .task-description {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  margin-bottom: 3rem;
}

.main-new .task-description a {
  font-weight: 700;
  text-decoration: underline;
}

.main-new .task-name {
  font-size: 1.8rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 2.5rem;
}

.main-new .task-deadline {
  font-size: 1.8rem;
  font-weight: 700;
  color: #507CF4;
  margin-bottom: 3rem;
}

.main-new .task-info__video {
  width: 100%;
  height: 50rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.main-new .task-info__video iframe {
  width: 100%;
  height: 100%;
}

.main-new .task-info__title {
  font-size: 3rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 2.7rem;
}

.main-new .task-info ol {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  max-width: 100%;
  margin-bottom: 3.3rem;
}

.main-new .task-info li {
  line-height: 1.67;
  list-style-position: inside;
}

.main-new .task-info__images {
  width: 93.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
}

.main-new .task-info__images-item {
  width: 48.5%;
  height: 29rem;
}

.main-new .task-info__images-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .task-info p {
  font-size: 1.8rem;
  color: #292929;
  line-height: 1.67;
  margin-bottom: 2.7rem;
}

.main-new .task-info p.result {
  font-weight: 700;
}

.main-new .task-info p span {
  font-size: 2rem;
  font-weight: 700;
  color: red;
  margin: 0 .5rem;
}

.main-new .form_work-wrap {
  padding: 11rem 34rem 12.5rem;
}

.main-new .form_work-block {
  margin: 7rem 0 0;
}

.main-new .form_work-block textarea {
  height: 3.5rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #96ACF9;
}

.main-new .form_work-block button {
  margin: 7.5rem auto 0;
}

.main-new .form_work-title {
  text-align: center;
  font-size: 5rem;
}

.main-new .form_work .banner-contact-key {
  font-size: 1.8rem;
}

.main-new .form_work .feedback-form-item {
  margin-bottom: 3.75rem;
}

.main-new .form_work .feedback-form-value {
  font-size: 1.8rem;
  border-bottom: 1px solid #96ACF9;
}

.main-new .statiya-wrap {
  padding: 5rem 0 8rem;
}

.main-new .statiya-content-wrap {
  width: 65%;
}

.main-new .references {
  padding: 7.5rem 0 3.5rem;
  background: #ffffff;
  text-align: center;
}

.main-new .references-title {
  font-size: 5rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 3.5rem;
}

.main-new .references-subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  margin-bottom: 6rem;
}

.main-new .references-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-new .references-content__item {
  width: 48%;
  height: 65.5rem;
  padding: 2.5rem;
  background: #ffffff;
  margin-bottom: 4.5rem;
  -webkit-filter: drop-shadow(20px 40px 100px #EBEDF2);
          filter: drop-shadow(20px 40px 100px #EBEDF2);
}

.main-new .references-content__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .bests {
  padding: 8rem 0 15rem;
  background: #F8F8F8;
  text-align: center;
}

.main-new .bests-title {
  font-size: 5rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 2rem;
}

.main-new .bests-subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  margin-bottom: 7.7rem;
}

.main-new .bests-content {
  height: 145rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.main-new .bests-content__item {
  width: 24%;
  height: 44.8rem;
  margin-bottom: 2.4rem;
  border-radius: 1.5rem;
  overflow: hidden;
}

.main-new .bests-content__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .bests-content__item-5 {
  height: 28.5rem;
  margin-top: a;
}

.main-new .bests-content__item-11 {
  height: 19rem;
}

.main-new .training-banner {
  height: 84.2rem;
  background: #1F1F1F url(../../../../../templates/request/img/training-banner.png) 53% 0% no-repeat;
  background-size: contain;
  background-size: 45%;
}

.main-new .training-banner .container {
  height: 100%;
}

.main-new .training-banner__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .training-banner__left {
  width: 34%;
}

.main-new .training-banner__suptitle {
  font-size: 2.2rem;
  font-weight: 700;
  color: #5EC99A;
  margin-bottom: 3rem;
}

.main-new .training-banner__title {
  font-size: 5rem;
  font-weight: 700;
  color: #ECECEC;
  line-height: 1.3;
  margin-bottom: 3.5rem;
}

.main-new .training-banner__description {
  font-size: 2rem;
  font-weight: 400;
  color: #ECECEC;
  line-height: 1.2;
}

.main-new .project {
  background: #1F1F1F;
  padding: 5.5rem 0;
}

.main-new .project .container {
  width: 140rem;
}

.main-new .project-top .breadcrumbs {
  margin-bottom: 3vw;
}

.main-new .project-top .breadcrumbs__item, .main-new .project-top .breadcrumbs__link {
  color: #fff;
}

.main-new .project-content {
  margin-bottom: 10.5rem;
}

.main-new .project-content__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}

.main-new .project-content__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .project-content__logo-icon {
  width: 5rem;
  height: 5rem;
  margin-right: 1.5rem;
}

.main-new .project-content__logo-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main-new .project-content__logo-name {
  font-size: 3rem;
  color: #ffffff;
}

.main-new .project-content__btn {
  width: 9rem;
  height: 9rem;
  margin-bottom: 0;
}

.main-new .project-content__btn svg {
  margin: 0 auto;
  max-width: 5rem;
}

.main-new .project-btn {
  margin: 0 auto 3.5rem;
}

.main-new .statiya-content-text ol, .statiya-content-text ul  {
	margin-bottom: 2.5rem;
}

@media (max-width: 48em) {
  .active .bar1 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-bottom: -.6rem;
  }
  .active .bar2 {
    display: none;
  }
  .active .bar3 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-bottom: -.6rem;
  }
  .bar1, .bar2, .bar3 {
    width: 7rem;
    margin-bottom: 1.8rem;
  }
  .bar3 {
    margin-bottom: 0;
  }
  .header .burger {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-wrapper-mobile {
    padding: 3.3rem 2.5rem;
  }
  .header .logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 4rem;
  }
  .header .logo-image {
    display: none;
  }
  .header .logo-caption {
    display: none;
  }
  .request-footer {
    margin: 0;
  }
  .main-new .icon-arrow-right {
    width: 2.4rem;
    height: 3.6rem;
  }
  .main-new .container {
    width: auto;
    padding: 0 5rem;
  }
  .main-new .main-swiper-slide img {
    display: none;
  }
  .main-new .main-swiper-slide img.mobile {
    display: block;
  }
  .main-new .main-swiper-slide .container {
    height: 100%;
    margin: 0;
  }
  .main-new .main-swiper-container {
    height: 141.5rem;
    height: 137rem;
  }
  .main-new .main-swiper-tools-left {
    height: 85rem;
    padding-left: 2rem;
  }
  .main-new .main-slide-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-left: 0;
  }
  .main-new .main-slide-left {
    width: 100%;
    max-width: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-new .main-slide-caption {
    font-size: 3.6rem;
    margin-bottom: 2rem;
  }
  .main-new .main-slide-title {
    font-size: 6rem;
    margin-bottom: 2rem;
  }
  .main-new .main-slide-discription {
    font-size: 3rem;
    line-height: 1.3;
    margin-bottom: 5.5rem;
  }
  .main-new .main-slide-right {
    height: auto;
    padding-left: 0;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 9rem;
  }
  .main-new .main-slide-right .btn {
    width: 39rem;
    height: 6.4rem;
    padding: 1.6rem 2.5rem 1.6rem 4rem;
  }
  .main-new .main-slide-right .btn i {
    font-size: 8rem;
    height: 8rem;
    color: #1F1F1F;
  }
  .main-new .seo-promotion {
    padding: 21rem 0 9rem;
  }
  .main-new .seo-promotion-left {
    width: 100%;
  }
  .main-new .seo-promotion-left-top {
    margin-bottom: 11rem;
  }
  .main-new .seo-promotion-left-top-title {
    font-size: 10rem;
    max-width: 75%;
    margin-bottom: 10.5rem;
  }
  .main-new .seo-promotion-left-top .btn {
    width: 46rem;
  }
  .main-new .seo-promotion-right {
    padding: 0;
  }
  .main-new .seo-promotion-item {
    margin-bottom: 4rem;
  }
  .main-new .seo-promotion-item::before {
    font-size: 3.6rem;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
  }
  .main-new .seo-promotion-item-context-key {
    font-size: 5rem;
    font-size: 4.4rem;
    padding-top: 1.5rem;
    margin-bottom: 2rem;
  }
  .main-new .seo-promotion-item-context-value {
    font-size: 3.6rem;
    line-height: 1.4;
    font-weight: 400;
  }
  .main-new .education-title {
    font-family: 'Roboto', sans-serif;
  }
  .main-new .education-prace .container {
    padding: 0;
  }
  .main-new .education-prace .text {
    width: 90%;
    line-height: 1.2;
  }
  .main-new .education-prace .price-item {
    margin: 0 auto 10vw;
    height: 85vw;
  }
  .main-new .education-prace .price-items {
    margin: 11rem 0 9rem 0;
  }
  .main-new .education-prace .price-item-wrap-img img {
    top: 5vw;
  }
  .main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item-text span.small {
    font-size: 3.85vw;
  }
  .main-new .education-prace .price-item-top {
    padding: 9.5vw 7vw;
  }
  .main-new .education-prace .price-item-img img {
    display: none;
  }
  .main-new .education-prace .price-item-img img.mobile {
    display: block;
  }
  .main-new .education-prace .price-item_name {
    font-size: 2.4rem;
    margin-bottom: 7vw;
  }
  .main-new .education-prace .price-item_price {
    margin-bottom: 2.5vw;
  }
  .main-new .education-prace .price-item_work {
    font-size: 2.8rem;
  }
  .main-new .education-prace .price-item-bottom {
    padding: 2vw 7vw;
  }
  .main-new .education-prace .price-item-bottom .price-item-text {
    font-size: 3.85vw;
    margin-bottom: 3vw;
  }
  .main-new .education-prace .price-item-bottom .price-item-text span {
    font-size: 4.5vw;
    margin-right: 4vw;
    width: 3.5vw;
  }
  .main-new .gallary {
    padding: 13vw 0 0;
  }
  .main-new .gallary-title {
    font-size: 8rem;
    line-height: 1.35;
    margin-left: 0;
    margin-bottom: 6rem;
    color: #000000;
  }
  .main-new .gallary-caption {
    width: 90%;
    font-size: 3.6rem;
    line-height: 1.33;
    color: #000000;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 14vw;
  }
  .main-new .gallary-content img {
    height: calc(100% - 12.5rem);
  }
  .main-new .gallary-content-small {
    height: 65rem;
    margin-bottom: 4.2rem;
  }
  .main-new .gallary-discription {
    padding: 3rem 15rem 5rem 2.5rem;
  }
  .main-new .gallary-discription-title {
    font-size: 3.2rem;
  }
  .main-new .gallary-btn {
    width: 50rem;
    height: 9.4rem;
    font-size: 3.2rem;
    padding: 1.6rem 3.5rem 1.6rem 5rem;
    margin: 8.5rem auto 15rem;
  }
  .main-new .gallary-btn i {
    font-size: 8rem;
    height: 8rem;
    color: #1F1F1F;
  }
  .main-new .advantages {
    padding-top: 14.5rem;
    margin-bottom: 15rem;
  }
  .main-new .advantages-title {
    text-align: center;
    font-size: 8rem;
    line-height: 1.33;
    font-family: serif;
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 6rem;
  }
  .main-new .advantages-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-new .advantages-content__item {
    width: 100%;
    height: 79.5rem;
    margin: 4rem 0;
  }
  .main-new .advantages-content__item .back {
    overflow: hidden;
  }
  .main-new .advantages-content__item .front-text {
    width: 79%;
  }
  .main-new .advantages-content__item .front-text__top {
    font-size: 12rem;
    padding: 7rem 4.5rem 12.5rem;
  }
  .main-new .advantages-content__item .front-text__bottom {
    padding: 3.5rem 0rem 7rem 5rem;
  }
  .main-new .advantages-content__item .front-text__title {
    font-size: 5rem;
    margin-bottom: 4rem;
  }
  .main-new .advantages-content__item .front-text__subtitle {
    font-size: 3.2rem;
  }
  .main-new .seo-context {
    padding: 9.5rem 0 5rem;
  }
  .main-new .seo-context-title {
    font-size: 8rem;
    line-height: 1.33;
    margin-bottom: 7rem;
  }
  .main-new .seo-context-text p, .main-new .seo-context-text ul li {
    font-size: 3.6rem;
    line-height: 1.35;
  }
  .main-new .seo-context-text p {
    margin-bottom: 4.6rem;
  }
  .main-new .seo .develop {
    padding: 18.5rem 0 20rem;
  }
  .main-new .seo .develop-title {
    font-size: 8rem;
    line-height: 1.33;
    margin-bottom: 7rem;
  }
  .main-new .seo .develop-subtitle {
    font-size: 3.6rem;
    line-height: 1.33;
    width: 100%;
    margin-bottom: 9.5rem;
  }
  .main-new .seo .develop .btn {
    font-size: 3.2rem;
    width: 50rem;
    height: 9.4rem;
    padding: 1.6rem 3.5rem 1.6rem 5rem;
  }
  .main-new .three-banners-block {
    height: 63rem;
    margin-bottom: 7.5rem;
  }
  .main-new .baza-znaniya.vacancy {
    padding: 18rem 0 12rem;
  }
  .main-new .baza-znaniya.vacancy .baza-znaniya-title {
    font-size: 7.3vw;
    margin-bottom: 3.5rem;
  }
  .main-new .baza-znaniya.vacancy .baza-znaniya-caption {
    width: 98%;
    line-height: 1.33;
  }
  .main-new .baza-znaniya.vacancy .section-tab {
    margin: 0 0 4.5rem;
  }
  .main-new .baza-znaniya.vacancy .section-tabs {
    margin: 13rem auto 8rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-container .link {
    font-size: 3.2rem;
    width: 58rem;
    height: 13rem;
    margin: 10.5rem auto 0 !important;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-container .link .right-arrow-plus-icon {
    width: 5rem;
    height: 3.2rem;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block {
    width: 100%;
    height: auto;
    padding: 8vw 6vw 8vw 6vw;
    padding: 8vw 6vw 17.5vw 6vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block:not(:nth-child(3n)) {
    margin: 0 0 7.3vw 0;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-link {
    font-size: 3.5vw;
    margin-bottom: 5vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-title {
    font-size: 7.25vw;
    line-height: 1.33;
    margin-bottom: 5vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-subtitle, .main-new .baza-znaniya.vacancy .section-tabs-block-description {
    font-size: 4.35vw;
    margin-bottom: 5.5vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-test {
    font-size: 3.85vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-test img {
    width: 6vw;
    height: 6vw;
    margin-left: 2vw;
    padding: 1.55vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-about {
    width: 35vw;
    height: 12vw;
    border-top-left-radius: 5vw;
    font-size: 3.85vw;
  }
  .main-new .baza-znaniya.training {
    padding: 18rem 0 22rem;
  }
  .main-new .baza-znaniya.training .baza-znaniya-title {
    font-size: 7.3vw;
    margin-bottom: 3.5rem;
  }
  .main-new .baza-znaniya.training .baza-znaniya-caption {
    width: 98%;
    line-height: 1.33;
  }
  .main-new .baza-znaniya.training .section-tab {
    margin: 0 0 4.5rem;
  }
  .main-new .baza-znaniya.training .section-tabs {
    margin: 13rem auto 11rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-new .baza-znaniya.training .section-tabs-container .link {
    font-size: 3.2rem;
    width: 58rem;
    height: 13rem;
    margin: 8rem auto 0 !important;
  }
  .main-new .baza-znaniya.training .section-tabs-container .link .right-arrow-plus-icon {
    width: 5rem;
    height: 3.2rem;
  }
  .main-new .free-education__img {
    margin-bottom: 4.5rem;
  }
  .main-new .free-education__title {
    font-size: 5rem;
    max-width: none;
    margin-bottom: 8.5rem;
  }
  .main-new .free-education .btn {
    font-size: 3.6rem;
    width: 59rem;
    height: 12rem;
  }
  .main-new .gallery_fotos {
    padding: 14rem 0 21rem;
  }
  .main-new .gallery_fotos-subTitle {
    margin: 4.4rem 0 11rem;
  }
  .main-new .top-banner-education {
    height: 163.5rem;
    padding: 8rem 0 0;
  }
  .main-new .top-banner-education-root .container {
    width: auto;
  }
  .main-new .top-banner-education-root-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 0;
    position: relative;
  }
  .main-new .top-banner-education-root-content .top-banner-education-all {
    position: absolute;
    top: calc(100% + 8.5vw);
    right: 0;
  }
  .main-new .top-banner-education-root-content .top-banner-education-all a {
    font-size: 3.2rem;
  }
  .main-new .top-banner-education-root-content .top-banner-education-all a img {
    width: 3.5vw;
    height: 3.5vw;
    margin-top: 0.5vw;
    margin-left: 2.5rem;
  }
  .main-new .top-banner-education-root-content ul {
    width: 100%;
  }
  .main-new .top-banner-education-root-content ul li {
    margin-right: 0;
  }
  .main-new .top-banner-education-root-content ul li:not(:first-child)::before {
    width: 2.5rem;
    height: 1.6rem;
    left: -6.2vw;
  }
  .main-new .top-banner-education-root-content ul li:not(:last-of-type) {
    margin-right: 10vw;
  }
  .main-new .top-banner-education-root-content ul li a {
    font-size: 2rem;
  }
  .main-new .top-banner-education_bg {
    padding-top: 7.5rem;
    height: initial;
    height: 81%;
  }
  .main-new .top-banner-education_bg-right {
    padding: 0 5rem;
    width: 100%;
  }
  .main-new .top-banner-education_bg-left {
    width: 100%;
  }
  .main-new .top-banner-education_bg-left-img {
    width: 132rem;
    height: 82rem;
    right: -29rem;
    right: auto;
    left: -20rem;
    top: -11.5rem;
    width: 160vw;
    height: 99vw;
    max-width: 134rem;
    max-height: 82rem;
  }
  .main-new .top-banner-text {
    width: 85%;
  }
  .main-new .top-banner-text .top-banner_text-wrapper {
    margin: 0;
    width: 100%;
  }
  .main-new .top-banner-text .top-banner_text-wrapper .main-banner-btn {
    margin: 7.3vw 0 0;
    font-size: 3.6rem;
  }
  .main-new .top-banner-text-sup {
    font-size: 3.2rem;
    margin-bottom: 3.5rem;
  }
  .main-new .top-banner-text .education-title {
    font-size: 4.8rem;
  }
  .main-new .top-banner-text .education-subtitle {
    font-size: 3.2rem;
    max-width: none;
  }
  .main-new .top-banner-education.test-tasks {
    height: 163.5rem;
    height: 135rem;
  }
  .main-new .top-banner-education.test-tasks .top-banner_text-wrapper {
    padding: 0;
  }
  .main-new .top-banner-education.test-tasks .top-banner-text {
    width: 100%;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg {
    padding-top: 0;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-mob {
    height: 45rem;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-mob .left {
    width: 25.4rem;
    background: #EFBD5E;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-right {
    width: 100%;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-left {
    width: 100%;
    margin: 45vw 0 0;
    margin: 22vw 0 0;
    background: #1f1f1f;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-left-img {
    width: 57rem;
    height: 67rem;
    left: 7.3rem;
    top: -9.8rem;
  }
  .main-new .task {
    padding: 30vw 0 25vw;
  }
  .main-new .task-content {
    max-width: none;
  }
  .main-new .task-suptitle {
    font-size: 3.85vw;
    margin-bottom: 6vw;
  }
  .main-new .task-title {
    font-size: 7.23vw;
    margin-bottom: 7vw;
    line-height: 1.33;
  }
  .main-new .task-description {
    font-size: 4.35vw;
    margin-bottom: 7vw;
    line-height: 1.33;
  }
  .main-new .task-name {
    font-size: 4.35vw;
    margin-bottom: 6.5vw;
  }
  .main-new .task-deadline {
    font-size: 4.35vw;
    margin-bottom: 7vw;
  }
  .main-new .task-info__title {
    font-size: 7.25vw;
    margin-bottom: 7vw;
  }
  .main-new .task-info ol {
    font-size: 4.35vw;
    max-width: none;
    margin-bottom: 5vw;
  }
  .main-new .task-info__images {
    width: 100%;
    margin-bottom: 6.5vw;
  }
  .main-new .task-info__images-item {
    height: 26vw;
  }
  .main-new .task-info p {
    font-size: 4.35vw;
    padding-right: 6vw;
    margin-bottom: 7vw;
  }
  .main-new .task-info p span {
    font-size: 5vw;
    margin-right: 1.5vw;
  }
  .main-new .form_work-wrap {
    padding: 19rem 0;
  }
  .main-new .form_work-block textarea {
    height: 11vw;
    font-size: 4vw;
    line-height: 1.5;
  }
  .main-new .form_work-block button {
    margin: 19vw 0 auto 0;
  }
  .main-new .form_work-title {
    text-align: left;
    font-size: 8.5vw;
    line-height: 1.33;
  }
  .main-new .form_work .banner-contact-key {
    font-size: 3.85vw;
    font-weight: 700;
  }
  .main-new .form_work .feedback-form-item {
    margin-bottom: 10.7vw;
  }
  .main-new .form_work .feedback-form-value {
    font-size: 4vw;
    font-weight: 700;
    line-height: 2.5;
  }
  .main-new .statiya-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-new .statiya-content-wrap {
    width: 100%;
  }
  .main-new .statiya-wrap {
    padding: 8.5rem 0 8rem;
  }
  .main-new .statiya-wrap .container {
    padding: 0;
    width: 90%;
  }
  .main-new .statiya-wrap .breadcrumbs__item {
    font-size: 2.45vw;
    margin-right: 0;
  }
  .main-new .statiya-wrap .breadcrumbs__item:not(:last-child) {
    margin-right: 8.5rem;
  }
  .main-new .statiya-banners {
    width: 100%;
  }
  .main-new .statiya-banners-img {
    margin: 6vw 0 4vw;
  }
  .main-new .references {
    padding: 4.5vw 0 19vw;
    background: #f8f8f8;
    text-align: left;
  }
  .main-new .references-title {
    font-size: 7.35vw;
    margin-bottom: 6vw;
  }
  .main-new .references-subtitle {
    font-size: 4.35vw;
    line-height: 1.33;
    margin-bottom: 15.5vw;
  }
  .main-new .references-content__item {
    height: 42.5vw;
    padding: 1.5vw;
    margin-bottom: 4vw;
  }
  .main-new .bests {
    padding: 17.5vw 0 15vw;
  }
  .main-new .bests-title {
    font-size: 7.3vw;
    margin-bottom: 5vw;
  }
  .main-new .bests-subtitle {
    width: 90%;
    margin: 0 auto 17vw;
    font-size: 4.35vw;
    line-height: 1.35;
  }
  .main-new .bests-content {
    height: 295rem;
  }
  .main-new .bests-content__item {
    width: 48.5%;
    height: 48.8rem;
    height: 49rem;
    border-radius: 3rem;
    margin-bottom: 2.6rem;
  }
  .main-new .bests-content__item-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-new .bests-content__item-2 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .main-new .bests-content__item-3 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .main-new .bests-content__item-4 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .main-new .bests-content__item-5 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
    height: 31.3rem;
  }
  .main-new .bests-content__item-6 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .main-new .bests-content__item-7 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .main-new .bests-content__item-8 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .main-new .bests-content__item-9 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .main-new .bests-content__item-10 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .main-new .bests-content__item-11 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    height: 21rem;
  }
  .main-new .bests-content__item-12 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .main-new .training-banner {
    height: 185.5rem;
    height: 135.5rem;
    background-position: 50% 0%;
    background-size: 85%;
  }
  .main-new .training-banner .container {
    height: 100%;
  }
  .main-new .training-banner__content {
    padding: 66rem 0 9rem;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-new .training-banner__left {
    width: 100%;
    font-family: 'Segoe UI', sans-serif;
  }
  .main-new .training-banner__right {
    width: 100%;
  }
  .main-new .training-banner__right .btn {
    font-size: 3.2rem;
  }
  .main-new .training-banner__suptitle {
    font-size: 4.35vw;
    margin-bottom: 3vw;
  }
  .main-new .training-banner__title {
    font-size: 7.95vw;
    margin-bottom: 6.5vw;
  }
  .main-new .training-banner__description {
    font-size: 3.75vw;
    line-height: 1.7;
  }
  .main-new .project .container {
    width: 100%;
    padding: 0;
  }
  .main-new .project-top {
    padding: 0 5rem;
  }
  .main-new .project-top .breadcrumbs {
    margin-bottom: 5vw;
  }
  .main-new .project-top .breadcrumbs__item {
    font-size: 1.7rem;
  }
  .main-new .project-top .breadcrumbs__item:last-child {
    margin-right: 0;
  }
  .main-new .project-content__heading {
    margin-bottom: 5vw;
    padding: 0 5rem;
  }
  .main-new .project-content__logo-icon {
    width: 6rem;
    height: 6rem;
    margin-right: 1rem;
  }
  .main-new .project-content__logo-name {
    font-size: 3rem;
  }
  .main-new .project-content__btn {
    width: 6rem;
    height: 6rem;
  }
  .main-new .project-content__btn svg {
    max-width: 3.6rem;
  }

  .section-tabs.project-tabs {
    justify-content: space-between;
  }

  .section-tabs.project-tabs:last-child {
    margin-top: -12vw;
  }

  .section-tabs.project-tabs .section-tab {
    margin: 0 auto 6rem;
  }
}

.task-info__img img {
    width: 100%;
    height: auto;
    max-width: none;
    margin: 6rem 0;
    margin-top: 3.5rem;
}

.header-call span {
    opacity: 1 !important;
}

.header-call small {
    opacity: 1 !important;
}

@media (max-width: 48em) {
    .seo-context-text ul li {
        font-size: 3rem;
    }
    .seo-promotion-left-top-title {
        max-width: none;
    }
}


.free-test {
    /*margin: 17rem 0 9rem;*/
    margin: 17rem 0 5rem;
}

.free-test__content {
    width: 100%;
    height: 60.9rem;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    overflow: hidden;
}

.free-test__content>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}

.free-test__content>img.free-test-mobile {
    display: none;
}

.free-test__content .btn {
    position: absolute;
    bottom: 14rem;
    left: 50%;
    transform: translateX(-50%);
    width: 29.5rem;
    box-shadow: 1.5rem 3rem 10rem rgba(0, 0, 0, 0.4);
    background: linear-gradient(90deg, #FEFEFE -2.54%, #FFFFFF 101.53%);
    padding: 0 1.5rem 0 3rem;
    color: #292929;
}

.free-test__content .btn .right-arrow-icon-black {
    width: 1.2rem;
    height: 2.1rem;
    background-image: url('../../../../../templates/request/img/free-test-arrow.svg');
    background-size: contain;
}

@media (max-width: 48em) {
    .free-test {
        /*margin: 18vw 0 -12vw;*/
        margin: 16vw 0 4vw;
    }

    .free-test__content {
        height: 147vw;
        border-radius: 4rem;
    }

    .free-test__content>img {
        display: none;
    }
    .free-test__content>img.free-test-mobile {
        display: block;
    }

    .free-test__content .btn {
        bottom: 30vw;
        width: 62vw;
        height: 14.5vw;
        box-shadow: 3rem 6rem 20rem rgba(0, 0, 0, 0.4);
        padding: 0 4vw 0 6vw;
        font-size: 4.35vw;
        /*color: #000000;*/
    }

    .free-test__content .btn .right-arrow-icon-black {
        width: 4.1vw;
        height: 5.3vw;
    }
}
/* End */


/* Start:/bitrix/templates/request/css/stylenew.css?163171359679288*/
.header-menu-link + .header-subMenu-item {
  top: 100%;
}

.header-menu-item:hover .header-subMenu-item {
  visibility: visible;
  opacity: 1;
}

.main-new .container {
  width: 140rem;
}

.main-new .icon-arrow-right {
  width: 1.4rem;
  height: 2.6rem;
  background-image: url(../../../../../templates/request/img/svg/arrow-right_w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.main-new .main-slide-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 13rem;
}

.main-new .main-slide-left {
  width: 31rem;
  max-width: 31rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -1rem;
  padding-left: 0;
  position: relative;
  z-index: 1;
}

.main-new .main-slide-caption {
  font-size: 2.2rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 700;
  color: #5EC99A;
  margin-bottom: 3rem;
}

.main-new .main-slide-title {
  font-size: 5rem;
  font-family: 'Myriad Pro', sans-serif;
  margin-bottom: 4rem;
}

.main-new .main-slide-discription {
  font-size: 1.8rem;
  font-weight: 300;
}

.main-new .main-slide-right {
  width: auto;
  max-width: none;
}

.main-new .main-slide-right .btn {
  width: 25rem;
  height: 4rem;
}

.main-new .main-swiper-tools {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.main-new .main-swiper-tools .container {
  height: 100%;
}

.main-new .main-swiper-tools-left {
  position: relative;
  padding-left: 4rem;
  z-index: 1;
}

.main-new .main-swiper-container {
  height: 83.5rem;
  padding: 0;
  position: relative;
}

.main-new .main-swiper-slide {
  position: relative;
}

.main-new .main-swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .seo-promotion {
  padding-bottom: 0;
}

.main-new .seo-promotion-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-new .seo-promotion-left {
  width: 37rem;
}

.main-new .seo-promotion-left-top-title {
  font-size: 5rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 700;
  color: #292929;
  margin-bottom: 6rem;
}

.main-new .seo-promotion-left-top-title span {
  color: #ff0000;
  font-weight: 700;
}

.main-new .seo-promotion-left-top .btn {
  width: 29rem;
}

.main-new .seo-promotion-right {
  padding-left: 6rem;
  padding-right: 4rem;
}

.main-new .seo-promotion-list {
  margin-bottom: 0;
}

.main-new .seo-promotion-item {
  margin-bottom: 2.7rem;
}

.main-new .seo-promotion-item::before {
  margin-right: 0.5rem;
}

.main-new .seo-promotion-item-context-key {
  font-size: 2.5rem;
  font-family: 'Myriad Pro', sans-serif;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.main-new .seo-promotion-item-context-value {
  font-size: 1.8rem;
  font-family: 'Myriad Pro', sans-serif;
  color: #161616;
  line-height: 1.7;
}

.main-new .education-prace {
  margin-top: 0;
  padding: 9.5rem 0 0;
}

.main-new .education-prace-fon img {
  top: -3.5rem;
}

.main-new .education-prace .education-title {
  color: #292929;
}

.main-new .education-prace .text {
  width: 67rem;
  color: #292929;
  line-height: 1.33;
}

.main-new .education-prace .price-item {
  height: 37.5rem;
  background: #fff;
  margin: 0 4.5rem;
}

.main-new .education-prace .price-items {
  margin: 7rem 2.5rem 9rem 0;
}

.main-new .education-prace .price-item-top {
  padding: 3.5rem 3rem 0;
  text-align: left;
}

.main-new .education-prace .price-item-top span {
  color: #FFFFFF;
  opacity: 0.9;
}

.main-new .education-prace .price-item_name {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 3.5rem;
}

.main-new .education-prace .price-item_price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.7rem;
  font-family: 'Segoe UI';
}

.main-new .education-prace .price-item_price span {
  font-family: 'Segoe UI', sans-serif;
  font-weight: 400;
}

.main-new .education-prace .price-item_work {
  font-size: 1.4rem;
}

.main-new .education-prace .price-item-wrap {
  margin: 0 0;
}

.main-new .education-prace .price-item-wrap:nth-of-type(1) .price-item-text span {
  color: #4C7BF6;
  margin-right: 0;
}

.main-new .education-prace .price-item-wrap:nth-of-type(2) .price-item-text span {
  color: #BF5591;
}

.main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item .price-item-img {
  top: 0;
}

.main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item-text span {
  color: #47C16A;
}

.main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item-text span.small {
  font-size: 1.6rem;
}

.main-new .education-prace .price-item-bottom {
  text-align: left;
  padding: 3.5rem 3rem 0;
}

.main-new .education-prace .price-item-bottom .price-item-text {
  font-family: 'Segoe UI Light', sans-serif;
  opacity: 0.7;
  margin-bottom: 1rem;
  font-weight: 300;
}

.main-new .education-prace .price-item-bottom .price-item-text span {
  font-family: 'Segoe UI', sans-serif;
  font-weight: 400;
  display: inline-block;
  font-size: 2rem;
  width: 2rem;
  opacity: 0.8;
  margin-right: 1rem;
}

.main-new .gallary {
  padding: 7rem 0 0;
}

.main-new .gallary-wrapper {
  margin-bottom: 7.5rem;
}

.main-new .gallary-title {
  font-family: 'Segoe UI';
  font-weight: 700;
  margin-left: 3rem;
  margin-bottom: 2.8rem;
}

.main-new .gallary-caption {
  font-family: 'Segoe UI';
  width: 55%;
  margin: 0 auto;
  margin-bottom: 6rem;
  -webkit-transform: translateX(1.5rem);
          transform: translateX(1.5rem);
}

.main-new .gallary-content-small {
  height: 65.5rem;
}

.main-new .gallary-btn {
  width: 29rem;
  height: 6.4rem;
  font-size: 1.6rem;
  color: #202020;
  background: linear-gradient(91.42deg, #EAEAEA -2.86%, #FFFFFF 98.81%);
  -webkit-box-shadow: 20px 30px 70px #DFE2EB;
          box-shadow: 20px 30px 70px #DFE2EB;
}

.main-new .gallary-btn i {
  font-size: 5rem;
  font-family: 'Circe', sans-serif;
  font-weight: 300;
  font-style: normal;
  height: 5rem;
}

.main-new .advantages {
  padding-top: 6.6rem;
  margin-bottom: 12rem;
}

.main-new .advantages-title {
  font-size: 5rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 700;
  color: #292929;
  margin-bottom: 4.5rem;
  margin-bottom: 1rem;
}

.main-new .advantages-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-new .advantages-content__item {
  width: 31%;
  height: 45.5rem;
  margin: 3.5rem 0;
  position: relative;
}

.main-new .advantages-content__item:nth-child(1) .back img {
  width: 71%;
  top: 46%;
  left: 53%;
}

.main-new .advantages-content__item:nth-child(1) .front-text__top {
  letter-spacing: -.1em;
}

.main-new .advantages-content__item:nth-child(2) .back img {
  top: 48%;
  left: 52%;
}

.main-new .advantages-content__item:nth-child(3) .back img {
  width: 100%;
  top: 32%;
  left: 68%;
}

.main-new .advantages-content__item .back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1F1F1F;
  z-index: 1;
}

.main-new .advantages-content__item .back img {
  position: absolute;
  top: 46%;
  left: 52%;
  width: 77%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main-new .advantages-content__item .front {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 38% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 38% 0, 100% 100%, 0 100%);
  background: #1F1F1F;
}

.main-new .advantages-content__item .front-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-filter: drop-shadow(0.25rem 0rem 1.5rem rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0.25rem 0rem 1.5rem rgba(0, 0, 0, 0.5));
}

.main-new .advantages-content__item .front-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 77%;
  height: 100%;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-new .advantages-content__item .front-text__top {
  padding: 3.5rem 3rem 10rem;
  font-size: 7rem;
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 600;
  letter-spacing: -.02em;
  color: rgba(137, 137, 137, 0.1);
  border-bottom: 1px solid #2A2A2A;
}

.main-new .advantages-content__item .front-text__bottom {
  padding: 3.5rem 0rem 5rem 3rem;
  font-family: 'Myriad Pro', sans-serif;
}

.main-new .advantages-content__item .front-text__title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 2rem;
}

.main-new .advantages-content__item .front-text__subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  color: #CBCBCB;
  line-height: 1.25;
}

.main-new .seo-context-title {
  width: auto;
  margin-bottom: 5.5rem;
}

.main-new .seo-context-text {
  max-width: 108rem;
}

.main-new .seo-context-text p {
  margin-bottom: 2.3rem;
}

.main-new .seo-context-text ul {
  padding: 0;
}

.main-new .seo-context-text ul li {
  list-style: none;
  line-height: 1.35;
}

.main-new .seo .develop {
  text-align: center;
  padding: 6.5rem 0 10rem;
}

.main-new .seo .develop-title {
  font-size: 5rem;
  font-family: 'Segoe UI', sans-serif;
  color: #292929;
  margin: 0 auto;
  margin-bottom: 4rem;
}

.main-new .seo .develop-subtitle {
  font-size: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  color: #292929;
  width: 67%;
  margin: 0 auto;
  margin-bottom: 5.5rem;
}

.main-new .seo .develop .btn {
  width: 26rem;
  height: 6rem;
  margin: 0 auto;
}

.main-new .three-banners {
  padding: 2rem 0 7rem;
}

.main-new .baza-znaniya.vacancy {
  padding: 9rem 0 12rem;
}

.main-new .baza-znaniya.vacancy .baza-znaniya-title {
  margin-bottom: 2.5rem;
}

.main-new .baza-znaniya.vacancy .baza-znaniya-caption {
  font-size: 2.5rem;
  width: 56%;
}

.main-new .baza-znaniya.vacancy .section-tabs {
  margin: 8.5rem auto;
}

.main-new .baza-znaniya.vacancy .section-tabs-block {
  width: 43.3rem;
  height: 37.1rem;
  padding: 4rem 5.5rem 3.6rem 4rem;
  -webkit-box-shadow: 2rem 3rem 7rem #DFE2EB;
          box-shadow: 2rem 3rem 7rem #DFE2EB;
  position: relative;
}

.main-new .baza-znaniya.vacancy .section-tabs-block:not(:nth-child(3n)) {
  margin: 0 2.4rem 9rem 0;
}

.main-new .baza-znaniya.vacancy .section-tabs-block:nth-last-child(-n+3) {
  margin-bottom: 2rem;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-link {
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: underline;
  color: #477AFC;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-title {
  font-size: 3rem;
  font-weight: 700;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-title span {
  display: block;
  font-weight: inherit;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-subtitle, .main-new .baza-znaniya.vacancy .section-tabs-block-description {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.35;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-test {
  font-size: 1.6rem;
  font-weight: 700;
  color: #507CF4;
  letter-spacing: 0.005em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-test img {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #507CF4;
  padding: 0.5rem;
  margin-left: 0.7rem;
}

.main-new .baza-znaniya.vacancy .section-tabs-block-about {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14.5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  color: #ffffff;
  background: #1F1F1F;
  border-top-left-radius: 2.2rem;
}

.main-new .baza-znaniya.training {
  padding: 9.5rem 0 11.5rem;
}

.main-new .baza-znaniya.training .section-tabs {
  margin: 8rem auto 6.5rem;
}

.main-new .baza-znaniya.training .section-tabs-block-img .play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.4);
}

.main-new .baza-znaniya.training .section-tabs-block-img .play-img {
  width: 4rem;
  height: 4rem;
  position: relative;
}

.main-new .baza-znaniya.training .section-tabs-container .link {
  margin: 8rem auto 0 !important;
}

.main-new .baza-znaniya.test-tasks {
  padding: 10.5rem 0 12rem;
}

.main-new .baza-znaniya.test-tasks .baza-znaniya-caption {
  font-size: 1.8rem;
  width: 70%;
}

.main-new .baza-znaniya.test-tasks .section-tabs-block:not(:nth-child(3n)) {
  margin: 0 2.4rem 6rem 0;
}

.main-new .baza-znaniya.test-tasks .section-tabs-container .show-more {
  margin: 9rem auto 0 !important;
}

.main-new .free-education {
  padding: 11rem 0;
}

.main-new .free-education__content {
  text-align: center;
}

.main-new .free-education__img {
  margin-bottom: 1.5rem;
}

.main-new .free-education__img img {
  width: 11.5rem;
}

.main-new .free-education__title {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.33;
  color: #000000;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 4.5rem;
}

.main-new .free-education__title span {
  font-weight: inherit;
  color: #507CF4;
}

.main-new .free-education .btn {
  margin: 0 auto;
}

.main-new .gallery_fotos {
  padding: 7.5rem 0 12rem;
}

.main-new .top-banner-education {
  padding: 6rem 0 0;
  height: 87.5rem;
  margin-bottom: 0;
}

.main-new .top-banner-education-root .container {
  width: 153.5rem;
}

.main-new .top-banner-education-root-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 10rem;
}

.main-new .top-banner-education-root-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .top-banner-education-root-content ul li {
  margin-right: 5.3rem;
  position: relative;
}

.main-new .top-banner-education-root-content ul li:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 62%;
  left: -3.3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.5rem;
  height: 1rem;
  background: url(../../../../../templates/request/img/svg/arrow-right_w.svg) center no-repeat;
  background-size: contain;
}

.main-new .top-banner-education-root-content ul li a {
  font-size: 1.7rem;
  font-weight: 400;
  color: #ffffff;
}

.main-new .top-banner-education-root-content .top-banner-education-all a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #507CF4;
  letter-spacing: 0.005em;
}

.main-new .top-banner-education-root-content .top-banner-education-all a img {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #507CF4;
  padding: 0.5rem;
  margin-left: 1.5rem;
}

.main-new .top-banner-education_bg {
  padding-top: 14.5rem;
  height: 55rem;
}

.main-new .top-banner-education_bg-left {
  width: 47.2%;
}

.main-new .top-banner-education_bg-left-img {
  width: 120rem;
  height: 72rem;
  right: -30rem;
  top: -11.5rem;
}

.main-new .top-banner-education_bg-right {
  width: 52.8%;
}

.main-new .top-banner-text {
  width: 81.5rem;
  width: 80.5%;
}

.main-new .top-banner-text .top-banner_text-wrapper {
  margin: 0 0 0 8.5rem;
  width: 80%;
}

.main-new .top-banner-text-sup {
  font-size: 2.2rem;
  font-weight: 700;
  color: #5EC99A;
  line-height: 1;
  margin-bottom: 2.8rem;
}

.main-new .top-banner-text .education-title {
  font-size: 4.5rem;
  line-height: 1.33;
  margin-bottom: 3.5rem;
}

.main-new .top-banner-text .education-subtitle {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .035em;
  max-width: 69%;
}

.main-new .top-banner-education.test-tasks {
  height: 84rem;
}

.main-new .top-banner-education.test-tasks .top-banner-education_bg-left {
  width: 30%;
  background: #EFBD5E;
}

.main-new .top-banner-education.test-tasks .top-banner-education_bg-left-img {
  width: 52rem;
  height: 61rem;
  right: -35.5rem;
  top: -8.9rem;
}

.main-new .top-banner-education.test-tasks .top-banner-education_bg-right {
  width: 70%;
}

.main-new .top-banner-education.test-tasks .top-banner-text {
  width: 83%;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper {
  width: 100%;
  margin: 0;
  padding: 3.5rem 16rem 0 47rem;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper .education-title {
  font-size: 5rem;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper .education-subtitle {
  max-width: none;
  color: #ECECEC;
}

.main-new .top-banner-education.test-tasks .top-banner_text-wrapper .education-subtitle p {
  margin-top: 2rem;
}

.main-new .task {
  padding: 10.5rem 0 9.5rem;
}

.main-new .task-content {
  max-width: 77.5%;
  padding-left: .5rem;
}

.main-new .task-suptitle {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #2B72E0;
  margin-bottom: 2.6rem;
}

.main-new .task-title {
  font-size: 3rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 3.5rem;
}

.main-new .task-description {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  margin-bottom: 3rem;
}

.main-new .task-description a {
  font-weight: 700;
  text-decoration: underline;
}

.main-new .task-name {
  font-size: 1.8rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 2.5rem;
}

.main-new .task-deadline {
  font-size: 1.8rem;
  font-weight: 700;
  color: #507CF4;
  margin-bottom: 3rem;
}

.main-new .task-info__img img {
  width: 100%;
  height: auto;
  max-width: none;
  margin: 6rem 0;
  margin-top: 3.5rem;
}

.main-new .task-info__video {
  width: 100%;
  height: 50rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.main-new .task-info__video iframe {
  width: 100%;
  height: 100%;
}

.main-new .task-info__title {
  font-size: 3rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 2.7rem;
}

.main-new .task-info ol {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  max-width: 100%;
  margin-bottom: 3.3rem;
}

.main-new .task-info li {
  line-height: 1.67;
  list-style-position: inside;
}

.main-new .task-info__images {
  width: 93.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
}

.main-new .task-info__images-item {
  width: 48.5%;
  height: 29rem;
}

.main-new .task-info__images-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .task-info p {
  font-size: 1.8rem;
  color: #292929;
  line-height: 1.67;
  margin-bottom: 2.7rem;
}

.main-new .task-info p.result {
  font-weight: 700;
}

.main-new .task-info p span {
  font-size: 2rem;
  font-weight: 700;
  color: red;
  margin: 0 .5rem;
}

.main-new .form_work-wrap {
  padding: 11rem 34rem 12.5rem;
}

.main-new .form_work-block {
  margin: 7rem 0 0;
}

.main-new .form_work-block textarea {
  height: 3.5rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #96ACF9;
}

.main-new .form_work-block button {
  margin: 7.5rem auto 0;
}

.main-new .form_work-title {
  text-align: center;
  font-size: 5rem;
}

.main-new .form_work .banner-contact-key {
  font-size: 1.8rem;
}

.main-new .form_work .feedback-form-item {
  margin-bottom: 3.75rem;
}

.main-new .form_work .feedback-form-value {
  font-size: 1.8rem;
  border-bottom: 1px solid #96ACF9;
}

.main-new .statiya-wrap {
  padding: 5rem 0 8rem;
}

.main-new .statiya-content-wrap {
  width: 65%;
}

.main-new .references {
  padding: 7.5rem 0 3.5rem;
  background: #ffffff;
  text-align: center;
}

.main-new .references-title {
  font-size: 5rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 3.5rem;
}

.main-new .references-subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  margin-bottom: 6rem;
}

.main-new .references-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-new .references-content__item {
  width: 48%;
  height: 65.5rem;
  padding: 2.5rem;
  background: #ffffff;
  margin-bottom: 4.5rem;
  -webkit-filter: drop-shadow(20px 40px 100px #EBEDF2);
          filter: drop-shadow(20px 40px 100px #EBEDF2);
}

.main-new .references-content__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .bests {
  padding: 8rem 0 15rem;
  background: #F8F8F8;
  text-align: center;
}

.main-new .bests-title {
  font-size: 5rem;
  font-weight: 700;
  color: #292929;
  margin-bottom: 2rem;
}

.main-new .bests-subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: #292929;
  margin-bottom: 7.7rem;
}

.main-new .bests-content {
  height: 145rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.main-new .bests-content__item {
  width: 24%;
  height: 44.8rem;
  margin-bottom: 2.4rem;
  border-radius: 1.5rem;
  overflow: hidden;
}

.main-new .bests-content__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-new .bests-content__item-5 {
  height: 28.5rem;
  margin-top: a;
}

.main-new .bests-content__item-11 {
  height: 19rem;
}

.main-new .training-banner {
  height: 84.2rem;
  background: #1F1F1F url(../../../../../templates/request/img/training-banner.png) 53% 0% no-repeat;
  background-size: contain;
  background-size: 45%;
}

.main-new .training-banner .container {
  height: 100%;
}

.main-new .training-banner__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .training-banner__left {
  width: 34%;
}

.main-new .training-banner__suptitle {
  font-size: 2.2rem;
  font-weight: 700;
  color: #5EC99A;
  margin-bottom: 3rem;
}

.main-new .training-banner__title {
  font-size: 5rem;
  font-weight: 700;
  color: #ECECEC;
  line-height: 1.3;
  margin-bottom: 3.5rem;
}

.main-new .training-banner__description {
  font-size: 2rem;
  font-weight: 400;
  color: #ECECEC;
  line-height: 1.2;
}

.main-new .project {
  background: #1F1F1F;
  padding: 5.5rem 0;
}

.main-new .project .container {
  width: 140rem;
}

.main-new .project-top .breadcrumbs {
  margin-bottom: 3vw;
}

.main-new .project-top .breadcrumbs__item, .main-new .project-top .breadcrumbs__link {
  color: #fff;
}

.main-new .project-content {
  margin-bottom: 10.5rem;
}

.main-new .project-content__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}

.main-new .project-content__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-new .project-content__logo-icon {
  width: 10rem;
  height: 10rem;
  margin-right: 2.5rem;
}

.main-new .project-content__logo-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main-new .project-content__logo-name {
  font-size: 4.5rem;
  color: #ffffff;
}

.main-new .project-content__btn {
  width: 9rem;
  height: 9rem;
  margin-bottom: 0;
}

.main-new .project-content__btn svg {
  margin: 0 auto;
  max-width: 5rem;
}

.main-new .project-btn {
  margin: 0 auto 3.5rem;
}

.main-new .statiya-content-text ol, .main-new .statiya-content-text ul {
  margin-bottom: 2.5rem;
}

.banner-webinar {
  margin: 14.7rem auto 0rem;
}

.banner-webinar__link {
  display: inline-block;
  width: 100%;
  height: 34rem;
}

.banner-webinar__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-services .services {
  padding: 10.4rem 0 13.8rem;
}

.main-services .services .container {
  width: 140rem;
}

.main-services .services-heading {
  text-align: center;
  color: #292929;
  margin-bottom: 11.4rem;
}

.main-services .services-title {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.main-services .services-subtitle {
  font-size: 1.8rem;
}

.main-services .services-content {
  display: -ms-grid;
  display: grid;
  gap: 1.8rem;
  -ms-grid-columns: (minmax(24%, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
}

.main-services .services-link {
  height: 54rem;
  display: inline-block;
  background: #232323;
  position: relative;
}

.main-services .services-link .btn {
  width: 30.5rem;
}

.main-services .services-link.wide {
  width: 91%;
  height: 37.3rem;
  grid-column: span 3;
  grid-row: span 1;
}

.main-services .services-link.wide-last {
  width: 135.5%;
  -ms-grid-column: 3;
      grid-column-start: 3;
  grid-column-end: 5;
  -ms-grid-column-align: end;
      justify-self: end;
}

.main-services .services-link.wide .services-link__text {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 45%;
}

.main-services .services-link.wide .services-link__title {
  max-width: 86%;
  margin-bottom: 1rem;
}

.main-services .services-link.wide .btn {
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}

.main-services .services-link.wide-right {
  width: 129.5%;
  height: auto;
  grid-column: span 3;
  grid-row: span 2;
  -ms-grid-column: 4;
      grid-column-start: 4;
  grid-column-end: 5;
  -ms-grid-column-align: end;
      justify-self: end;
}

.main-services .services-link.wide-right .services-link__text {
  padding: 9.5rem 3.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-services .services-link.wide-right .services-link__title {
  margin-bottom: 3rem;
}

.main-services .services-link.wide-left {
  width: 132%;
  height: auto;
  grid-row: span 2;
}

.main-services .services-link.wide-left .services-link__text {
  padding: 9.5rem 3.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-services .services-link.wide-left .services-link__title {
  margin-bottom: 3rem;
}

.main-services .services-link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-services .services-link__text {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 6rem 2.2rem;
}

.main-services .services-link__title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}

.main-services .other-services {
  padding-bottom: 14rem;
}

.main-services .other-services .container {
  width: 139.3rem;
}

.main-services .other-services__heading {
  text-align: center;
  color: #292929;
  margin-bottom: 11.4rem;
}

.main-services .other-services__title {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.main-services .other-services__subtitle {
  font-size: 1.8rem;
}

.main-services .other-services__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 11.5rem;
}

.main-services .other-services__link {
  width: 24%;
  padding: 2rem 1.8rem 6.5rem;
  background: #fff;
  margin-bottom: 1.8rem;
}

.main-services .other-services__link:not(:nth-child(4n)) {
  margin-right: 1.8rem;
}

.main-services .other-services__link-img {
  width: 100%;
  height: 25.6rem;
  margin-bottom: 4rem;
}

.main-services .other-services__link-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-services .other-services__link-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.33;
  color: #232323;
}

.main-services .other-services__more {
  width: 29rem;
  height: 6.5rem;
  font-size: 1.6rem;
}

.main-services .other-services__more a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header {
  border-bottom: none;
}

.header-wrapper {
  width: 159rem;
}

.header-left {
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}

.header-right {
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}

.header-call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.6rem;
  font-weight: 600 !important;
  color: #fff;
}

.header-call img {
  width: 1.8rem;
  margin-left: 2rem;
}

.header .heder-menu-link {
  font-weight: 400;
}

.header-bottom {
  background: #57C5B6;
  padding: 2rem 0;
  position: relative;
}

.header-bottom::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 21.2%;
  height: 100%;
  background: linear-gradient(267.39deg, #585B67 -4.36%, #3A3C44 94.38%);
  z-index: 0;
}

@media (min-width: 121em) {
  .header-bottom::after {
    width: 28%;
  }
}

@media (width: 1600px) {
  .header-bottom::after {
    width: 19.5%;
  }
}

@media (width: 1366px) {
  .header-bottom::after {
    width: 19.5%;
  }
}

.header-bottom .container {
  width: 159rem;
}

.header-bottom__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-bottom__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-bottom__nav ul li {
  font-size: 1.7rem;
  font-weight: 700;
  color: #1F1F1F;
}

.header-bottom__nav ul li:not(:last-child) {
  margin-right: 7.3rem;
}

.header-bottom__mail {
  font-size: 1.7rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  position: relative;
  z-index: 1;
}

.header-bottom__mail img {
  width: 1.8rem;
  margin-left: 2.1rem;
  margin-top: .5rem;
}

.header-services {
  display: none;
}

.footer {
  background: #171717;
}

.footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8rem 0 6.5rem;
}

.footer-group__title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2.5rem;
}

.footer-group ul li {
  font-size: 1.8rem;
  color: #B6B6B6;
}

.footer-group ul li:not(:last-child) {
  margin-bottom: 1.16rem;
}

.footer-group ul li.footer-link__all {
  margin-top: 4.5rem;
}

.footer-group ul li.footer-link__all a {
  text-decoration: underline;
}

.footer-group:last-child {
  text-align: right;
}

.footer-center {
  padding-top: 3.3rem;
  text-align: center;
}

.footer-logo {
  display: inline-block;
  text-align: center;
  margin-bottom: 5rem;
}

.footer-logo__img {
  width: 9.6rem;
  margin: 0 auto 1.4rem;
}

.footer-logo__img img {
  width: 100%;
}

.footer-logo__title {
  font-size: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #f5f4f5;
}

.footer-logo__subtitle {
  font-size: 1.4rem;
  font-weight: 600;
  color: #69E2AC;
  line-height: 1.4;
}

.footer-personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24.2rem;
  height: 6.5rem;
  background: linear-gradient(90deg, #111217 -2.54%, #3B3D45 101.53%), linear-gradient(91.42deg, #DFDFDF -2.86%, #FFFFFF 98.81%);
  -webkit-box-shadow: 2rem 3rem 7rem rgba(0, 0, 0, 0.3);
          box-shadow: 2rem 3rem 7rem rgba(0, 0, 0, 0.3);
  font-size: 1.6rem;
  color: #fff;
  padding: 1rem;
  letter-spacing: .005em;
}

.footer-personal img {
  width: 2.3rem;
  margin-right: 2rem;
}

.footer .request-footer-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.banners-wrap .banners-item.mobile {
  display: none;
}

.banners-wrap .banners-item:nth-child(3) .banners-item-img {
  left: 50%;
  width: 110%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.banners-wrap .banners-item:nth-child(3) .banners-item-img img {
  bottom: 5rem;
}

.banners-wrap .banners-item:nth-child(4) .banners-item-img {
  left: 50%;
  width: 97%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.banners-wrap .banners-item:nth-child(4) .banners-item-img img {
  bottom: -3rem;
}

@media (max-width: 48em) {
  .banners-wrap {
    padding: 12.5rem 0 0;
    margin-bottom: 3.5rem;
  }
  .banners-wrap .container {
    width: 87%;
  }
  .banners-wrap .banners-title {
    font-size: 7.24vw;
    line-height: 1.35;
    text-align: left;
    font-family: 'Segoe UI';
    margin-bottom: 11.2rem;
  }
  .banners-wrap .banners-item {
    display: none;
    width: 100%;
    height: auto;
    padding: 5vw 2.5vw 12.5vw 7vw;
    overflow: hidden;
    margin-bottom: 3.5vw;
  }
  .banners-wrap .banners-item.mobile {
    display: block;
  }
  .banners-wrap .banners-item-content {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .banners-wrap .banners-item-text {
    width: 78%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    font-size: 3.62vw;
    font-family: 'Segoe UI';
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 2vw;
  }
  .banners-wrap .banners-item-title {
    font-size: 4.83vw;
    font-family: 'Segoe UI';
    margin-bottom: 14vw;
  }
  .banners-wrap .banners-item ol {
    margin-left: auto;
    width: auto;
    max-width: 52%;
    font-size: 3.62vw;
    font-weight: 700;
    font-family: 'Segoe UI';
    font-weight: 700;
    color: #868695;
  }
  .banners-wrap .banners-item ol li {
    margin-bottom: .5vw;
  }
  .banners-wrap .banners-item ol li:first-child {
    margin-top: 0.5vw;
  }
  .banners-wrap .banners-item ol li span {
    font-size: 3.62vw;
    font-family: 'Segoe UI';
    font-weight: 600;
    line-height: 1.35;
    color: #fff;
  }
  .banners-wrap .banners-item ol li::before {
    font-size: 2.2vw;
    padding-top: .5vw;
    color: #fff;
  }
  .banners-wrap .banners-item .banners-item-text-top {
    margin-left: auto;
    width: auto;
    max-width: 52%;
    font-size: 3.62vw;
    font-family: 'Segoe UI';
    font-weight: 600;
    line-height: 1.35;
  }
  .banners-wrap .banners-item-img {
    width: 67%;
    left: -43vw;
    bottom: 4vw;
  }
  .banners-wrap .banners-item:nth-child(6) {
    padding-bottom: 7vw;
  }
  .banners-wrap .banners-item:nth-child(6) .banners-item-title {
    margin-bottom: 7vw;
  }
  .banners-wrap .banners-item:nth-child(6) .banners-item-img {
    width: 65%;
    left: -42vw;
    bottom: 6vw;
  }
  .banners-wrap .banners-item:nth-child(7) {
    padding-top: 9vw;
    padding-bottom: 9vw;
  }
  .banners-wrap .banners-item:nth-child(7) .banners-item-text {
    margin-bottom: .5vw;
  }
  .banners-wrap .banners-item:nth-child(7) .banners-item-title {
    margin-bottom: 11vw;
  }
  .banners-wrap .banners-item:nth-child(7) .banners-item-img {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 78%;
    left: 19vw;
    bottom: 4vw;
  }
  .banners-wrap .banners-item:nth-child(7) .banners-item-img img {
    bottom: 0;
  }
  .banners-wrap .banners-item:nth-child(7) ol li {
    margin-bottom: 1.3vw;
  }
  .banners-wrap .banners-item:nth-child(7) ol li span {
    line-height: 1.15;
  }
  .banners-wrap .banners-item:nth-child(8) {
    padding-top: 7.5vw;
    padding-bottom: 14vw;
  }
  .banners-wrap .banners-item:nth-child(8) .banners-item-title {
    margin-bottom: 14.5vw;
  }
  .banners-wrap .banners-item:nth-child(8) .banners-item-img {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 58%;
    left: 11vw;
    bottom: 7vw;
  }
  .banners-wrap .banners-item:nth-child(8) .banners-item-img img {
    bottom: 0;
  }
}

.main-reviews {
  padding: 17rem 0;
  background: #F8F8F8;
  overflow: hidden;
}

.main-reviews * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-reviews .container {
  width: 125.4rem;
}

.main-reviews__title {
  font-size: 5rem;
  font-weight: 700;
  color: #292929;
  padding-left: 1rem;
  margin-bottom: 6.5rem;
}

.main-reviews__slider {
  overflow: visible;
}

.main-reviews__slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-reviews__slider-img {
  width: 25%;
  height: 44rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #F9F9F9;
  -webkit-box-shadow: 2rem 3rem 6rem rgba(227, 228, 231, 0.7);
          box-shadow: 2rem 3rem 6rem rgba(227, 228, 231, 0.7);
  padding: 2rem;
}

.main-reviews__slider-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: drop-shadow(2rem 3rem 6rem rgba(227, 228, 231, 0.2));
          filter: drop-shadow(2rem 3rem 6rem rgba(227, 228, 231, 0.2));
}

.main-reviews__slider-text {
  width: 68%;
  color: #161616;
  padding-top: 2.3rem;
  padding-bottom: 7rem;
}

.main-reviews__slider-title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

.main-reviews__slider-description {
  font-size: 2rem;
  line-height: 1.4;
}

.main-reviews-pagination.swiper-pagination-bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 1.3rem;
  left: auto;
  right: 0;
  width: auto;
}

.main-reviews-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: .8rem;
  height: .8rem;
  margin: 0 .8rem;
  background: #161616;
  opacity: 1;
}

.main-reviews-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 1.4rem;
}

.main-reviews-number {
  position: absolute;
  bottom: 1.5rem;
  right: 63.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 2rem;
  font-family: 'Gotham Pro', sans-serif;
  color: #000;
}

.main-reviews-number-current {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.main-template .top-banner-template {
  padding: 31.5rem 0 15rem;
}

.main-template .top-banner-template .container {
  width: 143.2rem;
}

.main-template .top-banner-template .banner-template-left {
  width: 35%;
}

.main-template .top-banner-template .banner-template-left .banner-site-left-caption {
  width: auto;
  font-size: 2.2rem;
  font-weight: 700;
  color: #5EC99A;
  margin-bottom: 1.3rem;
}

.main-template .top-banner-template .banner-template-left .banner-site-left-title {
  width: 100%;
  font-size: 5rem;
  line-height: 1.3;
  margin-bottom: 3.7rem;
}

.main-template .top-banner-template .banner-template-left .banner-site-left-discription {
  line-height: 1.3;
}

.main-template .top-banner-template .banner-template-center {
  width: 50.2rem;
}

.main-template .top-banner-template .banner-template-center img {
  left: -4rem;
  top: .5rem;
}

.main-template.main-template1 .banner-template-center img {
  left: 2rem;
  top: -1.5rem;
}

.main-template.main-template2 .banner-template-center {
  width: 47rem;
}

.main-template.main-template2 .banner-template-center img {
  left: -6rem;
  top: 6.4rem;
}

.main-template.main-template3 .banner-template-center {
  width: 64rem;
}

.main-template.main-template3 .banner-template-center img {
  left: 0;
  top: 0;
}

.main-template.main-template4 .banner-template-left {
  width: 38%;
}

.main-template.main-template4 .banner-template-center {
  width: 45.5rem;
}

.main-template.main-template4 .banner-template-center img {
  left: -1.5rem;
  top: 6rem;
}

.main-template.main-template5 .banner-template-left {
  width: 37%;
}

.main-template.main-template5 .banner-template-center {
  width: 49.5rem;
}

.main-template.main-template5 .banner-template-center img {
  left: 1.5rem;
  top: 3rem;
}

.main-template.main-template6 .banner-template-center {
  width: 61.5rem;
}

.main-template.main-template6 .banner-template-center img {
  left: -7.5rem;
}

.main-template.main-template7 .banner-template-center {
  width: 51rem;
}

.main-template.main-template7 .banner-template-center img {
  left: 2rem;
  top: -5.5rem;
}

.main-template.main-template8 .banner-template-center {
  width: 52rem;
}

.main-template.main-template8 .banner-template-center img {
  left: 7rem;
  top: 8rem;
}

.main-template.main-template9 .banner-template-left {
  width: 39%;
}

.main-template.main-template9 .banner-template-center {
  width: 51rem;
}

.main-template.main-template9 .banner-template-center img {
  left: -0.5rem;
  top: -3rem;
}

.main-template.main-template10 .banner-template-left {
  width: 39%;
}

.main-template.main-template10 .banner-template-center {
  width: 42rem;
}

.main-template.main-template10 .banner-template-center img {
  left: -2rem;
  top: -9rem;
}

@media (max-width: 48em) {
  .active .bar1 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-bottom: -.6rem;
  }
  .active .bar2 {
    display: none;
  }
  .active .bar3 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-bottom: -.6rem;
  }
  .bar1, .bar2, .bar3 {
    width: 7rem;
    margin-bottom: 1.8rem;
  }
  .bar3 {
    margin-bottom: 0;
  }
  .header .burger {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-wrapper-mobile {
    padding: 3.3rem 2.5rem;
  }
  .header .logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 4rem;
  }
  .header .logo-image {
    display: none;
  }
  .header .logo-caption {
    display: none;
  }
  .request-footer {
    margin: 0;
  }
  .main-new .icon-arrow-right {
    width: 2.4rem;
    height: 3.6rem;
  }
  .main-new .container {
    width: auto;
    padding: 0 5rem;
  }
  .main-new .main-swiper-slide img {
    display: none;
  }
  .main-new .main-swiper-slide img.mobile {
    display: block;
  }
  .main-new .main-swiper-slide .container {
    height: 100%;
    margin: 0;
  }
  .main-new .main-swiper-container {
    height: 141.5rem;
    height: 137rem;
  }
  .main-new .main-swiper-tools-left {
    height: 85rem;
    padding-left: 2rem;
  }
  .main-new .main-slide-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-left: 0;
  }
  .main-new .main-slide-left {
    width: 100%;
    max-width: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-new .main-slide-caption {
    font-size: 3.6rem;
    margin-bottom: 2rem;
  }
  .main-new .main-slide-title {
    font-size: 6rem;
    margin-bottom: 2rem;
  }
  .main-new .main-slide-discription {
    font-size: 3rem;
    line-height: 1.3;
    margin-bottom: 5.5rem;
  }
  .main-new .main-slide-right {
    height: auto;
    padding-left: 0;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 9rem;
  }
  .main-new .main-slide-right .btn {
    width: 39rem;
    height: 6.4rem;
    padding: 1.6rem 2.5rem 1.6rem 4rem;
  }
  .main-new .main-slide-right .btn i {
    font-size: 8rem;
    height: 8rem;
    color: #1F1F1F;
  }
  .main-new .seo-promotion {
    padding: 21rem 0 9rem;
  }
  .main-new .seo-promotion-left {
    width: 100%;
  }
  .main-new .seo-promotion-left-top {
    margin-bottom: 11rem;
  }
  .main-new .seo-promotion-left-top-title {
    font-size: 10rem;
    max-width: 75%;
    margin-bottom: 10.5rem;
  }
  .main-new .seo-promotion-left-top .btn {
    width: 46rem;
  }
  .main-new .seo-promotion-right {
    padding: 0;
  }
  .main-new .seo-promotion-item {
    margin-bottom: 4rem;
  }
  .main-new .seo-promotion-item::before {
    font-size: 3.6rem;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
  }
  .main-new .seo-promotion-item-context-key {
    font-size: 5rem;
    font-size: 4.4rem;
    padding-top: 1.5rem;
    margin-bottom: 2rem;
  }
  .main-new .seo-promotion-item-context-value {
    font-size: 3.6rem;
    line-height: 1.4;
    font-weight: 400;
  }
  .main-new .education-title {
    font-family: 'Roboto', sans-serif;
  }
  .main-new .education-prace .container {
    padding: 0;
  }
  .main-new .education-prace .text {
    width: 90%;
    line-height: 1.2;
  }
  .main-new .education-prace .price-item {
    margin: 0 auto 10vw;
    height: 85vw;
  }
  .main-new .education-prace .price-items {
    margin: 11rem 0 9rem 0;
  }
  .main-new .education-prace .price-item-wrap-img img {
    top: 5vw;
  }
  .main-new .education-prace .price-item-wrap:nth-of-type(3) .price-item-text span.small {
    font-size: 3.85vw;
  }
  .main-new .education-prace .price-item-top {
    padding: 9.5vw 7vw;
  }
  .main-new .education-prace .price-item-img img {
    display: none;
  }
  .main-new .education-prace .price-item-img img.mobile {
    display: block;
  }
  .main-new .education-prace .price-item_name {
    font-size: 2.4rem;
    margin-bottom: 7vw;
  }
  .main-new .education-prace .price-item_price {
    margin-bottom: 2.5vw;
  }
  .main-new .education-prace .price-item_work {
    font-size: 2.8rem;
  }
  .main-new .education-prace .price-item-bottom {
    padding: 2vw 7vw;
  }
  .main-new .education-prace .price-item-bottom .price-item-text {
    font-size: 3.85vw;
    margin-bottom: 3vw;
  }
  .main-new .education-prace .price-item-bottom .price-item-text span {
    font-size: 4.5vw;
    margin-right: 4vw;
    width: 3.5vw;
  }
  .main-new .gallary {
    padding: 13vw 0 0;
  }
  .main-new .gallary-title {
    font-size: 8rem;
    line-height: 1.35;
    margin-left: 0;
    margin-bottom: 6rem;
    color: #000000;
  }
  .main-new .gallary-caption {
    width: 90%;
    font-size: 3.6rem;
    line-height: 1.33;
    color: #000000;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 14vw;
  }
  .main-new .gallary-content img {
    height: calc(100% - 12.5rem);
  }
  .main-new .gallary-content-small {
    height: 65rem;
    margin-bottom: 4.2rem;
  }
  .main-new .gallary-discription {
    padding: 3rem 15rem 5rem 2.5rem;
  }
  .main-new .gallary-discription-title {
    font-size: 3.2rem;
  }
  .main-new .gallary-btn {
    width: 50rem;
    height: 9.4rem;
    font-size: 3.2rem;
    padding: 1.6rem 3.5rem 1.6rem 5rem;
    margin: 8.5rem auto 15rem;
  }
  .main-new .gallary-btn i {
    font-size: 8rem;
    height: 8rem;
    color: #1F1F1F;
  }
  .main-new .advantages {
    padding-top: 14.5rem;
    margin-bottom: 15rem;
  }
  .main-new .advantages-title {
    text-align: center;
    font-size: 8rem;
    line-height: 1.33;
    font-family: serif;
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 6rem;
  }
  .main-new .advantages-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-new .advantages-content__item {
    width: 100%;
    height: 79.5rem;
    margin: 4rem 0;
  }
  .main-new .advantages-content__item .back {
    overflow: hidden;
  }
  .main-new .advantages-content__item .front-text {
    width: 79%;
  }
  .main-new .advantages-content__item .front-text__top {
    font-size: 12rem;
    padding: 7rem 4.5rem 12.5rem;
  }
  .main-new .advantages-content__item .front-text__bottom {
    padding: 3.5rem 0rem 7rem 5rem;
  }
  .main-new .advantages-content__item .front-text__title {
    font-size: 5rem;
    margin-bottom: 4rem;
  }
  .main-new .advantages-content__item .front-text__subtitle {
    font-size: 3.2rem;
  }
  .main-new .seo-context {
    padding: 9.5rem 0 5rem;
  }
  .main-new .seo-context-title {
    font-size: 8rem;
    line-height: 1.33;
    margin-bottom: 7rem;
  }
  .main-new .seo-context-text p, .main-new .seo-context-text ul li {
    font-size: 3.6rem;
    line-height: 1.35;
  }
  .main-new .seo-context-text p {
    margin-bottom: 4.6rem;
  }
  .main-new .seo .develop {
    padding: 18.5rem 0 20rem;
  }
  .main-new .seo .develop-title {
    font-size: 8rem;
    line-height: 1.33;
    margin-bottom: 7rem;
  }
  .main-new .seo .develop-subtitle {
    font-size: 3.6rem;
    line-height: 1.33;
    width: 100%;
    margin-bottom: 9.5rem;
  }
  .main-new .seo .develop .btn {
    font-size: 3.2rem;
    width: 50rem;
    height: 9.4rem;
    padding: 1.6rem 3.5rem 1.6rem 5rem;
  }
  .main-new .three-banners-block {
    height: 63rem;
    margin-bottom: 7.5rem;
  }
  .main-new .baza-znaniya.vacancy {
    padding: 18rem 0 12rem;
  }
  .main-new .baza-znaniya.vacancy .baza-znaniya-title {
    font-size: 7.3vw;
    margin-bottom: 3.5rem;
  }
  .main-new .baza-znaniya.vacancy .baza-znaniya-caption {
    width: 98%;
    line-height: 1.33;
  }
  .main-new .baza-znaniya.vacancy .section-tab {
    margin: 0 0 4.5rem;
  }
  .main-new .baza-znaniya.vacancy .section-tabs {
    margin: 13rem auto 8rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-container .link {
    font-size: 3.2rem;
    width: 58rem;
    height: 13rem;
    margin: 10.5rem auto 0 !important;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-container .link .right-arrow-plus-icon {
    width: 5rem;
    height: 3.2rem;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block {
    width: 100%;
    height: auto;
    padding: 8vw 6vw 8vw 6vw;
    padding: 8vw 6vw 17.5vw 6vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block:not(:nth-child(3n)) {
    margin: 0 0 7.3vw 0;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-link {
    font-size: 3.5vw;
    margin-bottom: 5vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-title {
    font-size: 7.25vw;
    line-height: 1.33;
    margin-bottom: 5vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-subtitle, .main-new .baza-znaniya.vacancy .section-tabs-block-description {
    font-size: 4.35vw;
    margin-bottom: 5.5vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-test {
    font-size: 3.85vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-test img {
    width: 6vw;
    height: 6vw;
    margin-left: 2vw;
    padding: 1.55vw;
  }
  .main-new .baza-znaniya.vacancy .section-tabs-block-about {
    width: 35vw;
    height: 12vw;
    border-top-left-radius: 5vw;
    font-size: 3.85vw;
  }
  .main-new .baza-znaniya.training {
    padding: 18rem 0 22rem;
  }
  .main-new .baza-znaniya.training .baza-znaniya-title {
    font-size: 7.3vw;
    margin-bottom: 3.5rem;
  }
  .main-new .baza-znaniya.training .baza-znaniya-caption {
    width: 98%;
    line-height: 1.33;
  }
  .main-new .baza-znaniya.training .section-tab {
    margin: 0 0 4.5rem;
  }
  .main-new .baza-znaniya.training .section-tabs {
    margin: 13rem auto 11rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-new .baza-znaniya.training .section-tabs-container .link {
    font-size: 3.2rem;
    width: 58rem;
    height: 13rem;
    margin: 8rem auto 0 !important;
  }
  .main-new .baza-znaniya.training .section-tabs-container .link .right-arrow-plus-icon {
    width: 5rem;
    height: 3.2rem;
  }
  .main-new .free-education__img {
    margin-bottom: 4.5rem;
  }
  .main-new .free-education__title {
    font-size: 5rem;
    max-width: none;
    margin-bottom: 8.5rem;
  }
  .main-new .free-education .btn {
    font-size: 3.6rem;
    width: 59rem;
    height: 12rem;
  }
  .main-new .gallery_fotos {
    padding: 14rem 0 21rem;
  }
  .main-new .gallery_fotos-subTitle {
    margin: 4.4rem 0 11rem;
  }
  .main-new .top-banner-education {
    height: 163.5rem;
    padding: 8rem 0 0;
  }
  .main-new .top-banner-education-root .container {
    width: auto;
  }
  .main-new .top-banner-education-root-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 0;
    position: relative;
  }
  .main-new .top-banner-education-root-content .top-banner-education-all {
    position: absolute;
    top: calc(100% + 8.5vw);
    right: 0;
  }
  .main-new .top-banner-education-root-content .top-banner-education-all a {
    font-size: 3.2rem;
  }
  .main-new .top-banner-education-root-content .top-banner-education-all a img {
    width: 3.5vw;
    height: 3.5vw;
    margin-top: 0.5vw;
    margin-left: 2.5rem;
  }
  .main-new .top-banner-education-root-content ul {
    width: 100%;
  }
  .main-new .top-banner-education-root-content ul li {
    margin-right: 0;
  }
  .main-new .top-banner-education-root-content ul li:not(:first-child)::before {
    width: 2.5rem;
    height: 1.6rem;
    left: -6.2vw;
  }
  .main-new .top-banner-education-root-content ul li:not(:last-of-type) {
    margin-right: 10vw;
  }
  .main-new .top-banner-education-root-content ul li a {
    font-size: 2rem;
  }
  .main-new .top-banner-education_bg {
    padding-top: 7.5rem;
    height: initial;
    height: 81%;
  }
  .main-new .top-banner-education_bg-right {
    padding: 0 5rem;
    width: 100%;
  }
  .main-new .top-banner-education_bg-left {
    width: 100%;
  }
  .main-new .top-banner-education_bg-left-img {
    width: 132rem;
    height: 82rem;
    right: -29rem;
    right: auto;
    left: -20rem;
    top: -11.5rem;
    width: 160vw;
    height: 99vw;
    max-width: 134rem;
    max-height: 82rem;
  }
  .main-new .top-banner-text {
    width: 85%;
  }
  .main-new .top-banner-text .top-banner_text-wrapper {
    margin: 0;
    width: 100%;
  }
  .main-new .top-banner-text .top-banner_text-wrapper .main-banner-btn {
    margin: 7.3vw 0 0;
    font-size: 3.6rem;
  }
  .main-new .top-banner-text-sup {
    font-size: 3.2rem;
    margin-bottom: 3.5rem;
  }
  .main-new .top-banner-text .education-title {
    font-size: 4.8rem;
  }
  .main-new .top-banner-text .education-subtitle {
    font-size: 3.2rem;
    max-width: none;
  }
  .main-new .top-banner-education.test-tasks {
    height: 163.5rem;
    height: 135rem;
  }
  .main-new .top-banner-education.test-tasks .top-banner_text-wrapper {
    padding: 0;
  }
  .main-new .top-banner-education.test-tasks .top-banner-text {
    width: 100%;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg {
    padding-top: 0;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-mob {
    height: 45rem;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-mob .left {
    width: 25.4rem;
    background: #EFBD5E;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-right {
    width: 100%;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-left {
    width: 100%;
    margin: 45vw 0 0;
    margin: 22vw 0 0;
    background: #1f1f1f;
  }
  .main-new .top-banner-education.test-tasks .top-banner-education_bg-left-img {
    width: 57rem;
    height: 67rem;
    left: 7.3rem;
    top: -9.8rem;
  }
  .main-new .task {
    padding: 30vw 0 25vw;
  }
  .main-new .task-content {
    max-width: none;
  }
  .main-new .task-suptitle {
    font-size: 3.85vw;
    margin-bottom: 6vw;
  }
  .main-new .task-title {
    font-size: 7.23vw;
    margin-bottom: 7vw;
    line-height: 1.33;
  }
  .main-new .task-description {
    font-size: 4.35vw;
    margin-bottom: 7vw;
    line-height: 1.33;
  }
  .main-new .task-name {
    font-size: 4.35vw;
    margin-bottom: 6.5vw;
  }
  .main-new .task-deadline {
    font-size: 4.35vw;
    margin-bottom: 7vw;
  }
  .main-new .task-info__title {
    font-size: 7.25vw;
    margin-bottom: 7vw;
  }
  .main-new .task-info ol {
    font-size: 4.35vw;
    max-width: none;
    margin-bottom: 5vw;
  }
  .main-new .task-info__images {
    width: 100%;
    margin-bottom: 6.5vw;
  }
  .main-new .task-info__images-item {
    height: 26vw;
  }
  .main-new .task-info p {
    font-size: 4.35vw;
    padding-right: 6vw;
    margin-bottom: 7vw;
  }
  .main-new .task-info p span {
    font-size: 5vw;
    margin-right: 1.5vw;
  }
  .main-new .form_work-wrap {
    padding: 19rem 0;
  }
  .main-new .form_work-block textarea {
    height: 11vw;
    font-size: 4vw;
    line-height: 1.5;
  }
  .main-new .form_work-block button {
    margin: 19vw 0 auto 0;
  }
  .main-new .form_work-title {
    text-align: left;
    font-size: 8.5vw;
    line-height: 1.33;
  }
  .main-new .form_work .banner-contact-key {
    font-size: 3.85vw;
    font-weight: 700;
  }
  .main-new .form_work .feedback-form-item {
    margin-bottom: 10.7vw;
  }
  .main-new .form_work .feedback-form-value {
    font-size: 4vw;
    font-weight: 700;
    line-height: 2.5;
  }
  .main-new .statiya-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-new .statiya-content-wrap {
    width: 100%;
  }
  .main-new .statiya-wrap {
    padding: 8.5rem 0 8rem;
  }
  .main-new .statiya-wrap .container {
    padding: 0;
    width: 90%;
  }
  .main-new .statiya-wrap .breadcrumbs__item {
    font-size: 2.45vw;
    margin-right: 0;
  }
  .main-new .statiya-wrap .breadcrumbs__item:not(:last-child) {
    margin-right: 8.5rem;
  }
  .main-new .statiya-banners {
    width: 100%;
  }
  .main-new .statiya-banners-img {
    margin: 6vw 0 4vw;
  }
  .main-new .references {
    padding: 4.5vw 0 19vw;
    background: #f8f8f8;
    text-align: left;
  }
  .main-new .references-title {
    font-size: 7.35vw;
    margin-bottom: 6vw;
  }
  .main-new .references-subtitle {
    font-size: 4.35vw;
    line-height: 1.33;
    margin-bottom: 15.5vw;
  }
  .main-new .references-content__item {
    height: 42.5vw;
    padding: 1.5vw;
    margin-bottom: 4vw;
  }
  .main-new .bests {
    padding: 17.5vw 0 15vw;
  }
  .main-new .bests-title {
    font-size: 7.3vw;
    margin-bottom: 5vw;
  }
  .main-new .bests-subtitle {
    width: 90%;
    margin: 0 auto 17vw;
    font-size: 4.35vw;
    line-height: 1.35;
  }
  .main-new .bests-content {
    height: 295rem;
  }
  .main-new .bests-content__item {
    width: 48.5%;
    height: 48.8rem;
    height: 49rem;
    border-radius: 3rem;
    margin-bottom: 2.6rem;
  }
  .main-new .bests-content__item-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-new .bests-content__item-2 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .main-new .bests-content__item-3 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .main-new .bests-content__item-4 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .main-new .bests-content__item-5 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
    height: 31.3rem;
  }
  .main-new .bests-content__item-6 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .main-new .bests-content__item-7 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .main-new .bests-content__item-8 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .main-new .bests-content__item-9 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .main-new .bests-content__item-10 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .main-new .bests-content__item-11 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    height: 21rem;
  }
  .main-new .bests-content__item-12 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .main-new .training-banner {
    height: 185.5rem;
    height: 135.5rem;
    background-position: 50% 0%;
    background-size: 85%;
  }
  .main-new .training-banner .container {
    height: 100%;
  }
  .main-new .training-banner__content {
    padding: 66rem 0 9rem;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-new .training-banner__left {
    width: 100%;
    font-family: 'Segoe UI', sans-serif;
  }
  .main-new .training-banner__right {
    width: 100%;
  }
  .main-new .training-banner__right .btn {
    font-size: 3.2rem;
  }
  .main-new .training-banner__suptitle {
    font-size: 4.35vw;
    margin-bottom: 3vw;
  }
  .main-new .training-banner__title {
    font-size: 7.95vw;
    margin-bottom: 6.5vw;
  }
  .main-new .training-banner__description {
    font-size: 3.75vw;
    line-height: 1.7;
  }
  .main-new .project .container {
    width: 100%;
    padding: 0;
  }
  .main-new .project-top {
    padding: 0 5rem;
  }
  .main-new .project-top .breadcrumbs {
    margin-bottom: 5vw;
  }
  .main-new .project-top .breadcrumbs__item {
    font-size: 1.7rem;
  }
  .main-new .project-top .breadcrumbs__item:last-child {
    margin-right: 0;
  }
  .main-new .project-content__heading {
    margin-bottom: 5vw;
    padding: 0 5rem;
  }
  .main-new .project-content__logo-icon {
    width: 6rem;
    height: 6rem;
    margin-right: 1rem;
  }
  .main-new .project-content__logo-name {
    font-size: 3rem;
  }
  .main-new .project-content__btn {
    width: 6rem;
    height: 6rem;
  }
  .main-new .project-content__btn svg {
    max-width: 3.6rem;
  }
  .banner-webinar {
    margin: 33vw auto 4vw;
  }
  .banner-webinar__link {
    height: 54.8vw;
  }
  .main-services .services {
    padding: 21.5vw 0 26vw;
  }
  .main-services .services .container {
    width: 88.5%;
  }
  .main-services .services-heading {
    margin-bottom: 14.5vw;
  }
  .main-services .services-title {
    font-size: 7.25vw;
    margin-bottom: 4vw;
  }
  .main-services .services-subtitle {
    font-size: 3.62vw;
    line-height: 1.35;
  }
  .main-services .services-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: unset;
    -ms-grid-columns: unset;
        grid-template-columns: unset;
  }
  .main-services .services-link {
    width: 49%;
    height: 77vw;
    margin-bottom: 1.8vw;
  }
  .main-services .services-link .btn {
    font-size: 3.62vw;
    width: 100%;
  }
  .main-services .services-link.wide {
    width: 100%;
    height: 56vw;
    grid-column: unset;
    grid-row: unset;
  }
  .main-services .services-link.wide img {
    -o-object-position: 15% 50%;
       object-position: 15% 50%;
  }
  .main-services .services-link.wide-last {
    width: 100%;
    -ms-grid-column: unset;
        grid-column-start: unset;
    grid-column-end: unset;
    -ms-grid-column-align: unset;
        justify-self: unset;
  }
  .main-services .services-link.wide-last img {
    -o-object-position: 15% 50%;
       object-position: 15% 50%;
  }
  .main-services .services-link.wide .services-link__text {
    padding-left: 50%;
    padding-right: 4vw;
  }
  .main-services .services-link.wide .services-link__title {
    max-width: none;
    margin-bottom: 7vw;
  }
  .main-services .services-link.wide .btn {
    -webkit-transform: translateY(1vw);
            transform: translateY(1vw);
  }
  .main-services .services-link.wide-right {
    width: 100%;
    height: 56vw;
    grid-column: unset;
    grid-row: unset;
    -ms-grid-column: unset;
        grid-column-start: unset;
    grid-column-end: unset;
    -ms-grid-column-align: unset;
        justify-self: unset;
  }
  .main-services .services-link.wide-right .services-link__text {
    padding: 9vw 7vw;
    padding-left: 50%;
    padding-right: 4vw;
  }
  .main-services .services-link.wide-right .services-link__title {
    margin-bottom: 7vw;
  }
  .main-services .services-link.wide-left {
    width: 100%;
    height: 56vw;
    grid-row: unset;
  }
  .main-services .services-link.wide-left .services-link__text {
    padding: 9vw 7vw;
    padding-left: 50%;
    padding-right: 4vw;
  }
  .main-services .services-link.wide-left .services-link__title {
    margin-bottom: 7vw;
  }
  .main-services .services-link__text {
    padding: 9vw 7vw;
  }
  .main-services .services-link__title {
    font-size: 4.35vw;
    line-height: 1.35;
    min-height: 17vw;
  }
  .main-services .other-services {
    padding-bottom: 20vw;
  }
  .main-services .other-services .container {
    width: 88.5%;
  }
  .main-services .other-services__heading {
    margin-bottom: 7.5vw;
  }
  .main-services .other-services__title {
    max-width: 75%;
    margin: 0 auto 6.5vw;
    font-size: 7.25vw;
  }
  .main-services .other-services__subtitle {
    font-size: 3.62vw;
    line-height: 1.35;
  }
  .main-services .other-services__content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: -3vw;
  }
  .main-services .other-services__link {
    width: 49%;
    padding: 2.5vw 2.5vw 7vw;
    margin-bottom: 2vw;
  }
  .main-services .other-services__link:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .main-services .other-services__link-img {
    width: 100%;
    height: 33vw;
    margin-bottom: 7vw;
  }
  .main-services .other-services__link-title {
    font-size: 3.62vw;
    line-height: 1.35;
  }
  .main-services .other-services__more {
    width: 41vw;
    height: 9.2vw;
    font-size: 3.62vw;
  }
  .header-wrapper {
    width: 88%;
  }
  .header-wrapper-mobile {
    height: 14vw;
    padding: 2vw 6vw;
    background: #1f1f1f;
  }
  .header .logo-container {
    left: 53%;
  }
  .header .logo-image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 10vw;
    display: block;
  }
  .header .logo-name {
    font-size: 4.85vw;
    line-height: 1;
  }
  .header .logo-name span {
    display: none;
  }
  .header .logo-caption {
    display: block;
    white-space: nowrap;
    font-size: initial;
    line-height: 1;
  }
  .header .logo-caption span {
    font-size: 2.9vw;
    font-weight: 600;
  }
  .header-call img {
    width: 6.5vw;
    margin-left: 0;
  }
  .header-bottom {
    display: none;
  }
  .header-services {
    display: block;
    position: relative;
  }
  .header-services__heading {
    background: #fff;
  }
  .header-services__title {
    padding: 4vw 6vw;
    font-size: 3.38vw;
    font-weight: 700;
    color: #292929;
    position: relative;
  }
  .header-services__title::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 6vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4vw;
    height: 100%;
    background: url(../../../../../templates/request/img/header-arrow.svg) 50% no-repeat;
    background-size: contain;
  }
  .header-services__title.active::after {
    width: 5vw;
    background: url(../../../../../templates/request/img/header-close.svg) 50% no-repeat;
    background-size: contain;
  }
  .header-services__list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
    background: #fff;
    overflow-y: auto;
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    padding: 6vw 10vw 50vw;
    counter-reset: num;
    z-index: -1;
    border-top: 1px solid #F1F1F1;
  }
  .header-services__list.active {
    -webkit-transform: none;
            transform: none;
  }
  .header-services__list li {
    font-size: 3.62vw;
    font-weight: 700;
    position: relative;
    list-style: none;
  }
  .header-services__list li:not(:last-child) {
    margin-bottom: 4.35vw;
  }
  .header-services__list li::before {
    counter-increment: num;
    content: counter(num);
    position: absolute;
    left: -3.5vw;
    top: 35%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 2.4vw;
    font-family: 'Circe', sans-serif;
    font-weight: 700;
    line-height: 1;
  }
  .header-services__list li:nth-child(-n+9)::before {
    content: "0" counter(num);
  }
  .footer .container {
    width: 88%;
  }
  .footer-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15vw 0 2vw;
  }
  .footer-group {
    width: 100%;
    margin-bottom: 17vw;
  }
  .footer-group__title {
    font-size: 5.8vw;
    margin-bottom: 6.4vw;
  }
  .footer-group ul li {
    font-size: 4.35vw;
  }
  .footer-group ul li:not(:last-child) {
    margin-bottom: 2.8vw;
  }
  .footer-group ul li.footer-link__all {
    margin-top: 11vw;
  }
  .footer-group:last-child {
    text-align: left;
  }
  .footer-center {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    padding-top: 0;
    text-align: left;
    margin-bottom: 18vw;
  }
  .footer-logo {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 7.5vw;
  }
  .footer-logo__img {
    width: 19.8vw;
    margin: 0;
    margin-right: 6vw;
  }
  .footer-logo__title {
    font-size: 8.45vw;
  }
  .footer-logo__subtitle {
    font-size: 3.38vw;
  }
  .footer-personal {
    width: 58.5vw;
    height: 14.5vw;
    font-size: 3.86vw;
    padding: 1vw;
  }
  .footer-personal img {
    width: 5.5vw;
    margin-right: 5vw;
  }
  .static-banner {
    position: fixed;
    bottom: 6vw;
    right: 3vw;
    background: linear-gradient(97.68deg, #66DBA7 10.89%, #5EC99A 49.61%);
    -webkit-box-shadow: 2rem 2rem 6rem rgba(0, 134, 75, 0.41);
            box-shadow: 2rem 2rem 6rem rgba(0, 134, 75, 0.41);
    border-radius: 18rem;
    padding: 3vw 6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 3.62vw;
    font-weight: 600;
    color: #fff;
    z-index: 99;
  }
  .static-banner img {
    width: 5.8vw;
    margin-right: 2vw;
  }
  .main-reviews {
    padding: 15vw 0 18vw;
    overflow: hidden;
  }
  .main-reviews .container {
    width: 88%;
  }
  .main-reviews__title {
    font-size: 9.67vw;
    padding-left: 0;
    margin-bottom: 6vw;
  }
  .main-reviews__slider-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-reviews__slider-img {
    width: 100%;
    height: 78.3vw;
    -webkit-box-shadow: 4rem 6rem 12rem rgba(227, 228, 231, 0.7);
            box-shadow: 4rem 6rem 12rem rgba(227, 228, 231, 0.7);
    padding: 5.8vw;
    margin-bottom: 11vw;
  }
  .main-reviews__slider-img img {
    -o-object-position: top;
       object-position: top;
    -webkit-filter: drop-shadow(4rem 6rem 12rem rgba(227, 228, 231, 0.2));
            filter: drop-shadow(4rem 6rem 12rem rgba(227, 228, 231, 0.2));
  }
  .main-reviews__slider-text {
    width: 100%;
    padding: 0 0 17.5vw;
  }
  .main-reviews__slider-title {
    font-size: 6.52vw;
    margin-bottom: 5vw;
  }
  .main-reviews__slider-description {
    font-size: 4.35vw;
    line-height: 1.45;
  }
  .main-reviews-pagination.swiper-pagination-bullets {
    bottom: 1.5vw;
  }
  .main-reviews-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 1.6vw;
  }
  .main-reviews-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 2.6rem;
    height: 2.6rem;
    margin: 0 5.5vw;
  }
  .main-reviews-number {
    bottom: 0;
    right: auto;
    left: 0;
    font-size: 3.38vw;
  }
  .main-reviews-number-current {
    font-size: 6.9vw;
  }
  .main-template .top-banner-template {
    padding: 18.5rem 0 25vw;
  }
  .main-template .top-banner-template .container {
    width: 88%;
  }
  .main-template .top-banner-template .banner-template-left {
    width: 100%;
    margin-bottom: 2vw;
  }
  .main-template .top-banner-template .banner-template-left .banner-site-left-caption {
    font-size: 3.86vw;
    margin-bottom: 3vw;
  }
  .main-template .top-banner-template .banner-template-left .banner-site-left-title {
    font-size: 8.45vw;
    margin-bottom: 95vw;
  }
  .main-template .top-banner-template .banner-template-left .banner-seo-left-discription {
    line-height: 1.75;
  }
  .main-template .top-banner-template .banner-template-center {
    width: 100%;
    position: absolute;
    top: 32vw;
    height: 90vw;
  }
  .main-template .top-banner-template .banner-template-center img {
    width: 65vw;
    height: auto;
    left: -2vw;
    top: 0;
  }
  .main-template .top-banner-template .banner-template-right .btn {
    width: 50vw;
  }
  .main-template.main-template2 .banner-template-center img {
    width: 59vw;
    left: -5vw;
  }
  .main-template.main-template3 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 70vw;
  }
  .main-template.main-template3 .banner-template-center {
    top: 20vw;
  }
  .main-template.main-template3 .banner-template-center img {
    width: 68vw;
    left: -1vw;
  }
  .main-template.main-template4 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 90vw;
  }
  .main-template.main-template4 .banner-template-center {
    top: 29vw;
  }
  .main-template.main-template4 .banner-template-center img {
    width: 52vw;
    left: 0;
  }
  .main-template.main-template5 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 89vw;
  }
  .main-template.main-template5 .banner-template-center {
    top: 29vw;
  }
  .main-template.main-template5 .banner-template-center img {
    width: 54vw;
    left: -3vw;
  }
  .main-template.main-template6 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 74vw;
  }
  .main-template.main-template6 .banner-template-center {
    top: 22vw;
  }
  .main-template.main-template6 .banner-template-center img {
    width: 62vw;
    left: 0;
  }
  .main-template.main-template7 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 79vw;
  }
  .main-template.main-template7 .banner-template-center {
    top: 24vw;
  }
  .main-template.main-template7 .banner-template-center img {
    width: 62vw;
  }
  .main-template.main-template8 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 86vw;
  }
  .main-template.main-template8 .banner-template-center {
    top: 17vw;
  }
  .main-template.main-template8 .banner-template-center img {
    width: 58vw;
    left: 6vw;
  }
  .main-template.main-template9 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 78vw;
  }
  .main-template.main-template9 .banner-template-center {
    top: 23vw;
  }
  .main-template.main-template9 .banner-template-center img {
    width: 58vw;
    left: 2vw;
  }
  .main-template.main-template10 .top-banner-template .banner-template-left .banner-site-left-title {
    margin-bottom: 88vw;
  }
  .main-template.main-template10 .banner-template-center {
    top: 29vw;
  }
  .main-template.main-template10 .banner-template-center img {
    width: 54vw;
    left: -2vw;
  }
}

/* End */
/* /bitrix/templates/request/css/reset.css?16075337557898 */
/* /bitrix/templates/request/fonts/stylesheet.css?16305169257151 */
/* /bitrix/templates/request/css/swiper.min.css?160753375519778 */
/* /bitrix/templates/request/css/jquery.fancybox.min.css?162928312112795 */
/* /bitrix/templates/request/css/animate.css?160753375557095 */
/* /bitrix/templates/request/css/style.css?1636650888138094 */
/* /bitrix/templates/request/css/edits.css?16075337551089 */
/* /bitrix/templates/request/css/add.css?1639074384138756 */
/* /bitrix/templates/request/css/stylenew.css?163171359679288 */