*,
a {
 color: inherit
}

.burger_open,
main {
 position: relative
}

.burger,
header {
 top: 0;
 background: var(--color-white)
}

.burger,
body,
header,
html.overflow header {
 background: var(--color-white)
}

.burger,
html.overflow,
main,
svg:not(:root) {
 overflow: hidden
}

.form-submit,
button {
 cursor: pointer
}

.burger-nav a,
footer {
 background: var(--color-black)
}

.btmBlock button,
.preview-items1 .imgIcon {
 font-family: Manrope;
 letter-spacing: 0;
 text-align: left
}

.js_titleBanner {
 opacity: 0;
 transition: opacity .5s ease-in-out
}

.js_titleBanner:first-child {
 animation: 10s ease-in-out 5s infinite fadeInOut
}

.js_titleBanner:nth-child(2) {
 animation: 10s ease-in-out infinite fadeInOut
}

@keyframes fadeInOut {
 0% {
  opacity: 1
 }

 50% {
  opacity: 0
 }
}

* {
 padding: 0;
 margin: 0;
 border: 0;
 line-height: inherit
}

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

:active,
:focus,
a:active,
a:focus {
 outline: 0
}

.form-submit.form-message.active,
aside,
footer,
header,
nav {
 display: block
}

body,
html {
 width: 100%;
 font-size: 100%;
 line-height: 1;
 -ms-text-size-adjust: 100%;
 -moz-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%
}

button,
input,
textarea {
 font-family: inherit
}

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

button::-moz-focus-inner {
 padding: 0;
 border: 0
}

a,
a:hover,
a:visited {
 text-decoration: none
}

ul li {
 list-style: none
}

img {
 vertical-align: top;
 max-width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
 /* font-size:inherit; */
 /* font-weight: 400 */
}

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

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

address>* {
 font-style: normal
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
 display: none
}

.burger_service-list a:hover,
body {
 color: var(--color-black)
}

:root {
 --color-black: #1c1b21;
 --color-white: #ffffff;
 --color-gray: #4e4e4e;
 --color-blue: #5237df
}

html {
 font-size: calc(1 / 375 * 100vw)
}

body,
p {
 font-size: 16rem;
 font-weight: 400;
}

.hidden-mobile {
 display: none !important
}

.hidden-desktop {
 display: block !important
}

body {
 font-family: Manrope, sans-serif;
 line-height: 120%;
 overflow-x: hidden;
padding-top: 130px;
}

.container {
 margin: 0 auto;
 padding: 0 20rem;
 width: 100%;
 max-width: 1200px
}

main {
 z-index: 1
}

.i {
 font-style: italic
}

.b,
.strong {
 font-weight: 700
}

p {
 margin: 20rem 0;
 line-height: 140%;

}

header {
 z-index: 3;
 position: fixed;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 padding-top: 15rem;
 padding-bottom: 15rem;
 width: 100%
}

.header-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;
 width: 100%
}

.header-phone,
.header-right {
 display: -webkit-box;
 display: -ms-flexbox
}

.header-logotype {
 width: 142rem;
 margin-top: -5rem;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.burger,
.header-phone {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -o-transition: .2s
}

html.overflow .header-logotype {
 width: 130rem
}

.header-logotype img {
 width: 100%;
 max-height: 60rem
}

.header-right {
 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
}

.desktop-nav,
.footer-childs,
.form-submit.active,
.header-open,
.header-socs,
.preview-items1 .imgIcon a:hover::before {
 display: none
}

.header-phone {
 margin-right: 30rem;
 font-weight: 600;
 font-size: 14rem;
 line-height: 19rem;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 /* opacity: 0; */
 pointer-events: none;
 -webkit-transition: .2s;
 transition: .2s
}

.burger,
.burger-nav {
 display: -webkit-box;
 display: -ms-flexbox
}

.burger,
.burger-services {
 -ms-flex-direction: column
}

html.overflow .header-phone {
 opacity: 1;
 pointer-events: auto
}

.header-phone span {
 display: block;
 font-weight: 400;
 font-size: 10rem;
 line-height: 14rem;
 color: var(--color-blue)
}

.burger .header-open,
.burger-nav a {
 display: block;
 font-weight: 400;
 font-size: 16rem;
 line-height: 22rem
}

.burger_open {
 width: 20rem;
 height: 20rem
}

.burger_open svg {
 position: absolute;
 cursor: pointer;
 height: 50rem;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 width: 80rem;
 top: -17rem;
 left: -32rem
}

.burger_open path.bottom,
.burger_open path.top {
 stroke-dasharray: 240px, 950px
}

.burger_open path.middle {
 stroke-dasharray: 240px, 240px
}

.burger_open path {
 fill: none;
 stroke: var(--color-blue);
 stroke-dashoffset: 0;
 stroke-linecap: round;
 stroke-width: 30px;
 -webkit-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
 -o-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
 transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25)
}

.burger_open.active path.bottom,
.burger_open.active path.top {
 stroke-dashoffset: -650px
}

.burger_open.active path.middle {
 stroke-dasharray: 1px, 220px;
 stroke-dashoffset: -115px
}

.burger {
 z-index: 2;
 position: fixed;
 right: 0;
 display: flex;
 flex-direction: column;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 70rem 20rem 30rem;
 width: 0;
 height: 100%;
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transform: translateX(100%);
 -webkit-transition: .2s;
 transition: .2s
}

.burger.active {
 width: 100%;
 overflow: auto;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0)
}

.burger-nav {
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 10rem
}

.burger-services,
.burger_service-list {
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal
}

.burger-nav a {
 padding: 4rem 12rem;
 color: var(--color-white);
 border-radius: 20px
}

.burger-services {
 margin-top: 30rem;
 display: flex;
 flex-direction: column;
 gap: 20rem
}

.burger_service-toggle {
 position: relative;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: 100%;
 font-weight: 600;
 color: var(--color-blue);
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.burger_service-toggle::after {
 content: "";
 /* position: absolute; */
 /* top: 50%; */
 /* right: -10rem; */
 -webkit-transform: translate(0, 0) rotate3d(1, 0, 0, 180deg);
 transform: translate(0, 0) rotate3d(1, 0, 0, 180deg);
 width: 11rem;
 height: 7rem;
 background: url(../media/select-arrow.svg) center/contain no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.burger-service.active .burger_service-toggle::after {
 -webkit-transform: translate(0%, 0%);
 -ms-transform: translate(0%, 0%);
 transform: translate(0%, 0%)
}

.burger_service-list {
 padding: 0;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 gap: 10rem;
 max-height: 0;
 overflow: hidden;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.burger-service.active>.burger_service-list {
 padding: 10rem 0;
 max-height: 1000rem
}

.burger_service-list a {
 color: #9e9e9e;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.burger-bottom {
 margin-top: 30rem;
 padding-top: 20rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 gap: 10rem;
 border-top: 1px solid var(--color-blue)
}

.burger .header-open {
 padding: 10rem 15rem;
 color: var(--color-gray);
 border: 1px solid var(--color-gray);
 border-radius: 6px
}

@media (max-width: 750px) and (max-height:800px) {
 header {
  padding-top: calc(15 / 812 * 100vh);
  padding-bottom: calc(15 / 812 * 100vh)
 }

 .header-phone {
  font-size: calc(14 / 812 * 100vh);
  line-height: calc(19 / 812 * 100vh)
 }

 .header-phone span {
  font-size: calc(10 / 812 * 100vh);
  line-height: calc(14 / 812 * 100vh)
 }

 .burger_open {
  width: calc(20 / 812 * 100vh);
  height: calc(20 / 812 * 100vh)
 }

 .burger_open svg {
  height: calc(50 / 812 * 100vh);
  width: calc(80 / 812 * 100vh);
  top: calc(-17 / 812 * 100vh);
  left: calc(-32 / 812 * 100vh)
 }

 .burger {
  padding-top: calc(70 / 812 * 100vh);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100)
 }
}

.form-title {
 font-weight: 600;
 font-size: 26rem;
 line-height: 120%
}

.form-input,
.form-submit {
 font-size: 16rem;
 display: block;
 font-weight: 400
}

.form-subtitle {
 max-width: 300rem
}

.form-input {
 margin-bottom: 10rem;
 padding: 9rem 10rem;
 width: 100%;
 line-height: 140%;
 color: var(--color-gray);
 border: 1px solid var(--color-gray);
 border-radius: 10px
}

.form-input::-webkit-input-placeholder {
 color: var(--color-gray);
 opacity: .5;
 -webkit-transition: .2s;
 transition: .2s
}

.form-input::-moz-placeholder {
 color: var(--color-gray);
 opacity: .5;
 -moz-transition: .2s;
 transition: .2s
}

.form-input:-ms-input-placeholder {
 color: var(--color-gray);
 opacity: .5;
 -ms-transition: .2s;
 transition: .2s
}

.form-input::-ms-input-placeholder {
 color: var(--color-gray);
 opacity: .5;
 -ms-transition: .2s;
 transition: .2s
}

.form-input::placeholder {
 color: var(--color-gray);
 opacity: .5;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.form-submit,
.window-back {
 -webkit-transition: .2s;
 -o-transition: .2s
}

.form-input:focus::-webkit-input-placeholder {
 color: var(--color-gray);
 opacity: .3
}

.form-input:focus::-moz-placeholder {
 color: var(--color-gray);
 opacity: .3
}

.form-input:focus:-ms-input-placeholder {
 color: var(--color-gray);
 opacity: .3
}

.form-input:focus::-ms-input-placeholder {
 color: var(--color-gray);
 opacity: .3
}

.form-input:focus::placeholder {
 color: var(--color-gray);
 opacity: .3
}

.form-input.error {
 border-color: red;
}

.form-submit,
footer {
 color: var(--color-white)
}

.form-submit {
 margin-top: 20rem;
 padding: 9rem 27rem;
 line-height: 22rem;
 background: #1c1b21;
 border: 1px solid #1c1b21;
 border-radius: 6px;
 transition: .2s
}

.footer-nav_mini,
.footer-phone {
 font-size: 14rem
}

.form-submit:hover {
 color: #1c1b21;
 background: var(--color-white)
}

.form-submit.disabled {
 pointer-events: none
}

.form-submit.form-message {
 display: none;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 cursor: initial
}

.form-submit.form-message:hover {
 color: var(--color-white);
 background: #1c1b21
}

.form-label_checkbox {
 position: relative;
 display: block;
 margin-top: 25rem;
 font-weight: 400;
 font-size: 14rem;
 line-height: 130%;
 text-indent: 30rem
}

.form-label_checkbox a {
 color: var(--color-blue);
 display: initial
}

.form-label_checkbox input {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 0;
 height: 0
}

.form-label_checkbox input::before {
 content: "";
 position: absolute;
 top: -3rem;
 left: 4rem;
 width: 18rem;
 height: 18rem;
 background: var(--color-white);
 border: 1px solid var(--color-blue);
 border-radius: 4rem
}

.form-label_checkbox input:checked::after {
 content: "";
 position: absolute;
 top: 1rem;
 left: 7rem;
 width: 13rem;
 height: 10rem;
 background: url(../media/checkbox.svg) center/contain no-repeat
}

footer {
 position: relative;
 margin-top: 80rem;
 padding: 40rem 0 10rem;
 overflow: hidden
}

footer::before {
 content: "";
 position: absolute;
 left: 20rem;
 bottom: 50rem;
 width: 450rem;
 height: 240rem;
 background: url(../media/mask-3.svg) center/contain no-repeat
}

footer .container {
 position: relative
}

.footer-top {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between
}

.footer-top-link {
 display: flex;
 align-items: center;
 width: 100%;
 order: 3
}

.footer-nav,
.footer-socs {
 display: -webkit-box;
 display: -ms-flexbox
}

.footer-logotype {
 height: 36rem
}

.footer-logotype img {
 width: auto;
 height: 100%
}

.footer-phone {
 font-weight: 600;
 line-height: 19rem
}

.footer-phone span {
 display: block;
 font-size: 10rem;
 line-height: 14rem;
 color: var(--color-blue);
 text-align: right
}

.footer-socs {
 margin-top: 15rem;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 gap: 10rem
}

.footer-soc a {
 width: 26rem;
 height: 26rem
}

.footer-soc img {
 width: 100%;
 height: 100%;
 -o-object-position: center;
 object-position: center
}

.footer-nav {
 margin: 40rem 0 60rem;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 20rem
}

.footer-bottom {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 font-size: 12rem;
 line-height: 16rem;
 color: var(--color-blue)
}

.cookie-alert {
 display: none;
 position: fixed;
 bottom: 0;
 width: 100%;
 background: #5237df;
 z-index: 5
}

.cookie-alert__inner {
 display: flex;
 align-items: center
}

.cookie-alert__text {
 margin-right: 30px
}

.cookie-alert__text p {
 color: #fff
}

.cookie-alert__text a {
 text-decoration: underline
}

.cookie-alert__btn.btn1::before {
 background-color: #fff;
 z-index: -1
}

.window-back {
 z-index: 99;
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background: var(--color-black);
 pointer-events: none;
 opacity: 0;
 transition: .2s
}

.gaSlider .swiper_arrow-item,
.window {
 -webkit-transition: .2s;
 -o-transition: .2s
}

.window-back.active {
 pointer-events: initial;
 opacity: .7;
 cursor: pointer
}

.window {
 /* z-index: 100; */
 /* position: fixed; */
 /* top: 50%; */
 /* left: 50%; */
 /* -webkit-transform: translate(-50%, -50%) scale(.5); */
 -ms-transform: translate(-50%, -50%) scale(.5);
 /* transform: translate(-50%, -50%) scale(.5); */
 /* padding: 40rem 20rem 30rem; */
 width: 440rem;
 max-width: calc(100vw - 40rem);
 max-height: 100vh;
 max-height: calc(var(--vh, 1vh) * 100);
 pointer-events: none;
 /* overflow: auto; */
 /* opacity: 0; */
 /* transition: .2s; */
 background: var(--color-white);
 border-radius: 10px
}

.window.active {
 /* -webkit-transform: translate(-50%, -50%) scale(1); */
 -ms-transform: translate(-50%, -50%) scale(1);
 /* transform: translate(-50%, -50%) scale(1); */
 pointer-events: initial;
 opacity: 1
}

.window-close {
 z-index: 1;
 position: absolute;
 top: 13rem;
 right: 13rem;
 width: 24rem;
 height: 24rem;
 background: url(../media/icon-close.svg) center/contain no-repeat;
 cursor: pointer
}

.window-close_white {
 background: url(../media/icon-close-white.svg) center/contain no-repeat
}

.window.video {
 width: 335rem;
 height: 260rem;
 padding: 0;
 overflow: hidden
}

.window.video video {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover
}

.desktop_nav-parent.active>a:before {
 content: '';
 display: block;
 position: absolute
}

@media (hover: hover) and (min-width:750px) {
 .desktop_nav-parent.active .desktop_nav-childs {
  padding-top: 60rem;
  padding-bottom: 60rem;
  height: auto
 }

 @media (hover: hover) {
  .desktop_nav-parent:hover .desktop_nav-childs {
   padding-top: 60rem;
   padding-bottom: 60rem;
   height: auto
  }
 }
}

@media (hover: hover) and (min-width:1200px) {
 .desktop_nav-parent.active .desktop_nav-childs {
  padding-top: 40rem;
  padding-bottom: 40rem;
  height: auto;
  max-height: initial;
  overflow: hidden
 }

 @media (hover: hover) {
  .desktop_nav-parent:hover .desktop_nav-childs {
   padding-top: 40rem;
   padding-bottom: 40rem;
   height: auto;
   max-height: initial;
   overflow: hidden
  }
 }
}

@media (min-width: 750px) {

 .desktop-nav ul,
 .desktop_nav_child-list {
  display: -webkit-box;
  display: -ms-flexbox
 }

 html {
  font-size: calc(1 / 1024 * 100vw)
 }

 .hidden-mobile {
  display: block !important
 }

 .hidden-desktop {
  display: none !important
 }

 .container {
  padding: 0 32rem
 }

 section {
  /* padding-top: 80rem */
 }

 header {
  padding-top: 20rem;
  padding-bottom: 20rem
 }

 .header-logotype,
 html.overflow .header-logotype {
  width: 160rem;
  margin: 0
 }

 .desktop-nav,
 .desktop_nav-childs {
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute
 }

 .header-phone {
  margin-right: 20rem;
  font-size: 16rem;
  line-height: 1;
  opacity: 1;
  pointer-events: auto
 }

 .footer-phone,
 .header-open {
  font-size: 16rem;
  line-height: 22rem
 }

 .header-phone span {
  font-size: 11rem;
  line-height: 16rem
 }

 .header-open {
  display: inline-block;
  margin-left: 20rem;
  padding: 8rem 20rem;
  font-weight: 400;
  color: var(--color-gray);
  border: 1px solid var(--color-gray);
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .header-open:hover {
  color: var(--color-blue);
  border-color: var(--color-blue)
 }

 .burger_open {
  margin-left: 50rem
 }

 .burger {
  display: none
 }

 .desktop-nav {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  padding: 8rem 0;
  color: var(--color-white);
  background: #5237df;
  border-bottom: 1px solid var(--color-white)
 }

 .desktop-nav ul {
  position: static;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
 }

 .desktop_nav-main>a {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  color: var(--color-white);
  user-focus: none;
  user-select: none
 }

 .desktop_nav-main.active>a {
  color: #786db0
 }

 .desktop_nav-parent>a {
  display: block;
  position: relative
 }

 .desktop_nav-parent>a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10rem;
  -webkit-transform: translate(100%, -50%) rotate3d(1, 0, 0, 180deg);
  transform: translate(100%, -50%) rotate3d(1, 0, 0, 180deg);
  width: 11rem;
  height: 7rem;
  background: var(--color-white);
  -webkit-mask-image: url(../media/select-arrow.svg);
  mask-image: url(../media/select-arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  pointer-events: none
 }

 .desktop_nav-childs {
  z-index: -1;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  height: 0;
  max-height: calc(var(--vh, 1vh) * 100 - 117rem);
  overflow: auto;
  background: var(--color-white);
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .desktop_nav-childs::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../media/mask-0.svg) center/contain no-repeat
 }

 .desktop_nav-childs .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40rem
 }

 .desktop_nav-child {
  position: relative
 }

 .desktop_nav_child-title {
  font-weight: 600;
  color: var(--color-blue)
 }

 .desktop_nav_child-list {
  margin-top: 20rem;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  color: #9e9e9e
 }

 .desktop_nav_child-list a:hover {
  color: var(--color-black)
 }

 .desktop_nav-parent>a::before {
  content: "";
  position: absolute;
  left: -1px;
  bottom: 140%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  width: 150%;
  height: 250%;
  user-focus: none;
  user-select: none;
  user-focus-key: none;
  user-focus-pointer: none;
  tab-index: -1
 }

 .desktop_nav-parent.active>a::after {
  -webkit-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  background: #786db0
 }

 .desktop_nav-childs::before {
  top: 50rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1238rem;
  height: 666rem
 }

 .desktop_nav-parent.active .desktop_nav-childs {
  padding-top: 40rem;
  padding-bottom: 40rem;
  height: auto;
  max-height: initial;
  overflow: hidden
 }

 @media (hover: hover) {
  .desktop_nav-main:hover>a {
   color: #786db0
  }

  .desktop_nav-parent:hover>a::after {
   -webkit-transform: translate(100%, -50%);
   -ms-transform: translate(100%, -50%);
   transform: translate(100%, -50%);
   background: #786db0
  }

  .desktop_nav-parent:hover .desktop_nav-childs {
   padding-top: 40rem;
   padding-bottom: 40rem;
   height: auto;
   max-height: initial;
   overflow: hidden
  }
 }

 .form-label_checkbox {
  margin-top: 20rem
 }

 .form-subtitle {
  max-width: 480rem
 }

 footer {
  margin-top: 72rem;
  padding: 60rem 0 20rem
 }

 footer::before {
  left: 160rem;
  bottom: 135rem;
  width: 1086rem;
  height: 584rem
 }

 .footer-top-link {
  width: auto;
  order: inherit
 }

 .footer-logotype {
  height: 42rem
 }

 .footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 18rem
 }

 .footer-phone span {
  font-size: 12rem;
  line-height: 16rem
 }

 .footer-socs {
  margin: 0
 }

 .footer-nav {
  margin: 60rem 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0
 }

 .footer-parant:not(:first-child) {
  margin-top: 60rem
 }

 .footer-nav_services {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
 }

 .footer-childs {
  margin-top: 15rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 45rem;
  grid-row-gap: 10rem
 }

 .footer-childs a:not(:hover) {
  color: #7e7e7e
 }

 .window {
  padding: 40rem 40rem 50rem
 }

 .window.active {
  /* -webkit-transform: translate(-50%, -50%) scale(1); */
  -ms-transform: translate(-50%, -50%) scale(1);
  /* transform: translate(-50%, -50%) scale(1); */
  /* pointer-events: initial; */
  /* opacity: 1; */
 }

 .window-close {
  top: 20rem;
  right: 20rem
 }

 .window.video {
  width: 960rem;
  height: 520rem
 }
}

.about .right .info .vacancie-form input.form-input,
.form-select {
 margin: 0 0 10rem;
 padding: 9rem 10rem;
 border: 1px solid var(--color-gray)
}



#panel {
 z-index: 999;
 position: absolute;
 width: 100%;
 top: 0;
 left: 0
}

.news .card p {
 margin: 10px 0 0 10px;
 line-height: 1.3
}

.news-detail .socials img {
 -o-object-fit: contain;
 object-fit: contain
}

.vacancie-form .form-title {
 margin-bottom: 20rem
}

.about .right .info .vacancie-form input.form-input {
 width: 100%
}

.about .right .info .vacancie-form input.form-submit {
 margin: 20rem 0;
 padding: 9rem 27rem;
 width: auto;
 border: 1px solid #1c1b21
}

.about .right .info .vacancie-form .form-label_checkbox input {
 margin: 0;
 padding: 0;
 width: 0;
 border: none
}

.form-select {
 display: block;
 width: 100%;
 font-weight: 400;
 font-size: 16rem;
 line-height: 140%;
 color: var(--color-gray);
 border-radius: 10px;
 -webkit-appearance: auto
}

.btmBlock button,
.title-h3-n {
 font-size: 18px;
 font-weight: 600
}

.form-service_page {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 5rem
}

.consult .form-service_page .form-submit,
.consult .form-service_page input {
 margin: 0
}

.form-service_page-row-wrap {
 display: inline-block;
 width: auto
}

.form-service_page-row:last-child {
 margin-bottom: 0
}

.form-service_page-row {
 display: flex;
 gap: 5rem;
 justify-content: space-between;
 align-items: flex-start;
 margin-bottom: 5rem
}

.title-h3-n {
 line-height: 120%
}

.news .card img {
 margin-bottom: 10px;
 width: 100%;
 height: auto
}

.news .card {
 width: calc((100% - 39px * 2)/ 3);
 margin-right: 39px;
 margin-bottom: 40px;
 border-radius: 6px
}

.news .card p.short-desc {
 max-width: none;
 width: 100%;
 margin-left: 0;
 font-weight: 400;
 font-size: 16px;
 line-height: 140%;
 letter-spacing: -.01em;
 color: #000;
 margin-top: 5px
}

.news .card a.link {
 margin-top: 20px
}

.news .card p.date {
 margin-top: 20px;
 white-space: nowrap
}

.news .card .flex {
 justify-content: space-between
}

@media (max-width: 768px) {
 .form-service_page {
  gap: 10rem
 }

 .consult .form-service_page .form-submit {
  margin-top: 10rem
 }

 .form-service_page-row-wrap {
  display: block
 }

 .form-service_page-row {
  gap: 10rem;
  margin-bottom: 10rem;
  flex-direction: column
 }

 .form-service_page-row #recaptcha03 {
  order: -1
 }
}

.btmBlock button {
 line-height: 25px;
 padding: 8px 55px;
 margin-top: 10px;
 margin-bottom: 60px
}

.btmBlock .preview-open:hover {
 background: #ff9d42;
 transition: .5s ease-in-out
}

.preview-items1 .imgIcon a svg.priz {
 display: inline-block;
 width: 28px;
 height: 27px;
 margin-right: 5px;
 position: absolute;
 left: 0;
 pointer-events: none;
 fill: #fff
}

.preview-items1 .imgIcon a::before {
 content: url('/img/icons/str.svg');
 display: inline-block;
 width: 15px;
 height: 15px;
 margin-right: 5px;
 position: absolute;
 left: 30px;
 top: 0;
 pointer-events: none
}

.preview-items1 .imgIcon a .blockStrAnim {
 opacity: 0;
 position: absolute;
 left: 35px;
 top: 6px;
 width: 33px;
 height: 15px;
 overflow: hidden
}

.preview-items1 .imgIcon a:hover .blockStrAnim {
 opacity: 1
}

.preview-items1 .imgIcon a svg.str_hover {
 width: 33px;
 height: 15px;
 margin-right: 5px;
 pointer-events: none;
 position: absolute;
 left: -33px
}

.preview-items1 .imgIcon a:hover svg.str_hover {
 left: -5px;
 transition: .7s ease-in-out
}

.preview-items1 .imgIcon {
 font-size: 17px;
 font-weight: 400;
 line-height: 21px;
 color: #fff;
 padding-left: 75px;
 position: relative;
 display: flex;
 flex-wrap: wrap
}

.preview-items1 .imgIcon .str {
 font-weight: 700;
 display: inline
}

.preview-items1 .imgIcon .minText {
 font-family: Arial;
 font-size: 12px;
 font-style: italic;
 font-weight: 400;
 line-height: 14px;
 letter-spacing: 0;
 text-align: left;
 color: #fffFFF66;
 width: 100%
}

.preview-items1 .imgIcon a {
 width: 100%;
 font-weight: 700
}

.preview-items1 .imgIcon a:hover {
 color: #ff9d42;
 transition: .5s ease-in-out
}

.preview-items1 .imgIcon a:hover svg.priz {
 fill: #FF9D42;
 transition: .5s ease-in-out
}

.preview-items1 {
 max-width: 320rem
}

.preview-title {
 width: 50%
}

.preview-title .btmBlock button {
 margin-bottom: 30px
}

.block_title {
 position: relative;
 height: 230px
}

.titleB {
 position: absolute;
 top: 0
}

.preview {
 background: radial-gradient(122.71% 470.82% at 31.68% 40.85%, #302993 0, rgba(55, 22, 125, .63) 100%) !important;
 padding: 50rem 0 50rem !important
}

.preview-img {
 max-width: 450px;
 margin: -6% -6% -6% 0;
 order: 1
}

@media (min-width: 751px) {
 .preview-video {
  width: 700rem !important;
  height: 700rem !important
 }
}

@media (max-width: 1440px) and (min-width:751px) {
 .preview-video {
  right: -100rem !important
 }
}

@media (max-width: 1200px) and (min-width:751px) {
 .preview-video {
  right: 0 !important
 }
}

@media (max-width: 1200px) {
 .block_title h1 {
  font-size: 40rem
 }

 .preview-title {
  padding-right: 30px;
  width: 41%
 }

 .preview-img {
  max-width: 350px;
  margin-right: -20%
 }
}

@media (max-width: 900px) {
 .preview-img {
  position: absolute;
  right: 0;
  z-index: 0
 }

 .preview-items1 {
  max-width: 450rem
 }
}

@media (max-width: 749px) {
 .block_title h1 {
  font-size: 26rem
 }

 .preview {
  padding: 70rem 0 50rem !important
 }

 .preview .container {
  flex-direction: column
 }

 .preview-title {
  width: 100%;
  margin-bottom: 30px
 }

 .preview-img {
  margin-right: -27%;
  margin-top: -60px
 }

 .block_title {
  height: 200px
 }
}

@media (max-width: 425px) {
 .block_title h1 {
  font-size: 30rem
 }

 .block_title {
  height: 160px
 }

 .btmBlock button {
  font-size: 16px;
  padding: 8px 35px
 }

 .preview-img {
  margin-right: -38%;
  max-width: 300px;
  width: 75vw;
  top: 5%
 }
}

@media (max-width: 375px) {
 .preview-items1 .imgIcon {
  font-size: 15px;
  line-height: 20px
 }
}

@media (max-width: 320px) {
 .block_title h1 {
  font-size: 36rem
 }

 .preview-items1 .imgIcon {
  font-size: 13px;
  line-height: 18px
 }
}

.gaSlider {
 position: relative;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 margin-bottom: 100px
}

.gaSlider .swiper-pagination {
 margin-bottom: 20rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 font-weight: 600;
 font-size: 18px;
 line-height: 120%;
 color: #a696fa
}

.gaSlider .swiper-nav {
 display: flex;
 justify-content: space-between;
 align-items: center;
 align-content: center;
 padding-bottom: 25px
}

.gaSlider .swiper-pagination-current {
 color: var(--color-blue)
}

.gaSlider .swiper-arrow {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 20rem;
 position: relative;
 z-index: 10
}

.gaSlider .swiper_arrow-item {
 position: relative;
 width: 40rem;
 height: 40rem;
 background-color: var(--color-blue);
 border: 1px solid var(--color-white);
 border-radius: 50%;
 transition: .2s;
 cursor: pointer
}

.gaSlider .swiper_arrow-item::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 18rem;
 height: 16rem;
 background-color: var(--color-white);
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M0.292893 7.29289C-0.0976311 7.68342 -0.0976311 8.31658 0.292893 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292893 7.29289ZM18 7L1 7L1 9L18 9L18 7Z' fill='white'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M0.292893 7.29289C-0.0976311 7.68342 -0.0976311 8.31658 0.292893 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292893 7.29289ZM18 7L1 7L1 9L18 9L18 7Z' fill='white'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
 -webkit-mask-size: contain;
 mask-size: contain;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.gaSlider .swiper_arrow-next::after {
 -webkit-transform: translate(-50%, -50%) rotate(180deg);
 -ms-transform: translate(-50%, -50%) rotate(180deg);
 transform: translate(-50%, -50%) rotate(180deg)
}

@media (min-width: 1200px) {
 html {
  font-size: 1px
 }

 .container {
  padding: 0 20rem
 }

 header {
  padding-top: 15rem;
  padding-bottom: 15rem
 }

 .header-logotype,
 html.overflow .header-logotype {
  width: 200rem
 }

 .header-socs {
  margin-right: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27rem;
  align-items: center
 }

 .header-soc a {
  width: 26rem;
  height: 26rem
 }

 .header-soc img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center
 }

 .header-reviews-icon {
  max-width: 45px;
  font-size: 12rem;
  color: #618df9
 }

 .header-vk-icon img {
  margin-top: -5px;
  width: 37px
 }

 .header-phone {
  margin-right: 30rem;
  font-size: 18rem
 }

 .header-phone span {
  font-size: 12rem;
  margin-top: 9px;
  line-height: 1
 }

 .burger_open {
  display: none
 }

 .desktop_nav-main>a {
  font-size: 18rem
 }

 h1.titleB {
  font-size: 45rem
 }

 footer {
  padding: 50rem 0 20rem
 }

 footer::before {
  left: auto;
  bottom: -25rem;
  right: -260rem;
  width: 1238rem;
  height: 666rem
 }

 .footer-nav {
  margin: 50rem 0 30rem
 }

 .footer-nav_services {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20rem
 }

 .footer-parant:not(:first-child) {
  margin-top: 60rem
 }

 .footer-childs {
  margin-top: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15rem
 }

 .footer-nav_mini {
  margin: 60rem auto -16rem;
  width: 750rem
 }

 .window.video {
  width: 1080rem;
  height: 550rem
 }

 .gaSlider .swiper-pagination {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
  justify-content: flex-start
 }
}

@media (max-width: 1200px) {
 .gaSlider {
  padding-bottom: 50px
 }

 .gaSlider .swiper-arrow {
  display: none
 }
}

.gaSlider.violet {
 position: relative;
 padding: 40rem 0;
 color: #fff
}

.gaSlider.violet:after,
.gaSlider.violet:before {
 content: "";
 display: block;
 position: absolute;
 width: 100vw;
 height: 100%;
 background: var(--color-blue);
 top: 0;
 left: 0
}

.gaSlider.violet:before {
 transform: translateX(-50%)
}

.gaSlider.violet .swiper-pagination-current {
 color: var(--color-white)
}

.gaSlider.violet .gaSlider__card {
 display: flex;
 border: 1px solid var(--color-white);
 border-radius: 30px;
 transition: .2s linear;
 overflow: hidden;
 /* margin-right: 40px !important; */
 position: relative
}

.articles .card img,
.video-card iframe {
 border-radius: 20px 20px 0 0;
 width: 100%
}

.gaSlider.violet .gaSlider__arrow {
 position: absolute;
 top: 16rem;
 right: 10rem;
 width: 11rem;
 height: 8rem;
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0 4.5H10V3.5H0V4.5Z' fill='%23606060'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0 4.5H10V3.5H0V4.5Z' fill='%23606060'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
 -webkit-mask-size: contain;
 mask-size: contain;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s;
 background-color: var(--color-blue)
}

.gaSlider.violet .gaSlider__img img {
 width: 100%;
 object-fit: contain;
 height: 100%;
 margin: 0
}

.gaSlider.violet .gaSlider__content,
.gaSlider.violet .gaSlider__p {
 font-size: 14rem;
 line-height: 140%
}

.gaSlider.violet .gaSlider__p {
 color: inherit
}

.gaSlider.violet .gaSlider__h3 {
 display: block;
 margin-bottom: 5rem;
 font-weight: 600;
 font-size: 16rem;
 line-height: 120%
}

.gaSlider.violet .swiper-slide.bgWhite {
 background: var(--color-white);
 color: var(--color-black)
}

.gaSlider.violet .swiper-slide.bgWhite .gaSlider__arrow {
 background-color: var(--color-black)
}

@media (min-width: 750px) {
 .gaSlider.violet {
  padding: 80rem 0
 }

 .gaSlider.violet .gaSlider__card {
  flex-direction: row;
  column-gap: 20px;
  width: 560rem;
  padding: 40rem 15rem 20rem
 }

 .gaSlider.violet .gaSlider__arrow {
  position: absolute;
  top: 20rem;
  right: 20rem;
  background-color: var(--color-white)
 }

 .gaSlider.violet .gaSlider__img {
  padding: 15rem;
  width: 160rem;
  height: 80rem;
  background: var(--color-white);
  border-radius: 10px
 }

 .gaSlider.violet .gaSlider__content,
 .gaSlider.violet .gaSlider__p {
  font-size: 16rem
 }

 .gaSlider.violet .gaSlider__h3 {
  font-size: 18rem
 }
}

@media (max-width: 750px) {
 .cookie-alert__inner {
  flex-direction: column;
  padding: 0 10px 10px
 }

 .cookie-alert__text {
  margin-right: 0 !important
 }

 .cookie-alert__text p {
  font-size: 12px
 }

 .gaSlider.violet .gaSlider__card {
  flex-direction: column;
  border-radius: 15px;
  gap: 10px
 }

 .gaSlider.violet .gaSlider__logo {
  background: #fffF;
  height: 45px;
  padding: 10px
 }

 .gaSlider.violet .gaSlider__img {
  height: 100%
 }

 .gaSlider.violet .gaSlider__content {
  padding: 10px
 }
}

@media (hover: hover) {
 .desktop_nav-parent:hover>a:before {
  content: '';
  display: block;
  position: absolute
 }

 .gaSlider.violet .swiper_arrow-item:hover {
  background-color: var(--color-white)
 }

 .gaSlider.violet .swiper_arrow-item:hover::after {
  background-color: var(--color-blue)
 }

 .gaSlider.violet .swiper-slide:hover {
  background: var(--color-white);
  color: var(--color-black)
 }

 .gaSlider.violet .swiper-slide:hover .gaSlider__arrow {
  background-color: var(--color-black);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
 }
}

.articles-list,
.video-list {
 display: grid;
 justify-content: center;
 grid-template-columns: repeat(3, minmax(320px, 370px));
 gap: 25px 25px;
 grid-auto-flow: row dense;
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-bottom: 0
}

.articles .card,
.video .card {
 border-radius: 20px
}

.articles .card img {
 -o-object-fit: cover;
 object-fit: cover;
 height: auto;
 margin-bottom: 0;
 max-height: 204px;
}

.articles-card__contents,
.video-card__contents {
 border-left: 1px solid #5237df;
 border-right: 1px solid #5237df;
 border-bottom: 1px solid #5237df;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
 padding: 12px 16px 16px;
 display: flex;
 flex-direction: column;
 height: 152px
}

.video-card__contents {
 height: 87px
}

.articles .card .flex,
.video .card .flex {
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 justify-content: space-between
}

.articles-card__date,
.video-card__date {
 font-size: 13px;
 line-height: 100%;
 color: #1c1b21;
 opacity: .6;
 margin-bottom: 8px
}

.articles-card__text,
.video-card__text {
 font-size: 16px;
 line-height: 20px;
 overflow: hidden
}

h3.articles-card__title,
h3.video-card__title {
 -webkit-transition: .3s ease-in-out;
 -o-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 font-weight: 600;
 color: #1c1b21;
 margin-bottom: 4px;
 height: auto;
 -webkit-line-clamp: 2;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden
}

.articles .card:hover h3,
.video .card:hover h3 {
 color: #3e16cb
}

.articles-card__desc,
.video-card__desc {
 -webkit-line-clamp: 3;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden
}

.articles-detail h1,
.video-detail h1 {
 font-size: 36px;
 margin-bottom: 5px
}

.articles-detail h3,
.video-detail h3 {
 font-size: 18px
}

.articles-detail .card .articles-detail__img {
 margin: 20px 0 30px
}

.video-card iframe {
 height: 208px;
 margin-bottom: -5px
}

.video-card__video iframe {
 width: 100%;
 height: 650px
}

@media (max-width: 1199px) {
 .video-card__video iframe {
  height: 53vw
 }
}

@media (max-width: 1100px) {

 .articles .card,
 .news .card,
 .video .card {
  width: 100%;
  margin-right: 0
 }

 .articles-list,
 .video-list {
  grid-template-columns: repeat(2, minmax(320px, 370px))
 }

 h3.articles-card__title,
 h3.video-card__title {
  line-height: 120%
 }
}

@media (max-width: 767px) {

 .articles-list,
 .video-list {
  grid-template-columns: repeat(1, minmax(320px, 370px))
 }

 .articles-detail h1,
 .video-detail h1 {
  font-size: 21px;
  margin-bottom: 5px
 }

 .video-card__video iframe {
  height: 50vw
 }
}

.clients-text {
 margin-bottom: 25px
}