@font-face {
 font-family: 'M PLUS 1p';
 src: url('../assets/fonts/mplus/MPLUS1p-Regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'M PLUS 1p';
 src: url('../assets/fonts/mplus/MPLUS1p-Medium.woff2') format('woff2');
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'M PLUS 1p';
 src: url('../assets/fonts/mplus/MPLUS1p-ExtraBold.woff2') format('woff2');
 font-weight: 800;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Roboto';
 src: url('../assets/fonts/roboto/Roboto-Medium.woff2') format('woff2');
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Roboto';
 src: url('../assets/fonts/roboto/Roboto-Light.woff2') format('woff2');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Roboto';
 src: url('../assets/fonts/roboto/Roboto-Regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

:root {

 /* colors */

 --light-grey-color: #E5E8EB;
 --dark-grey-color: #5C6E84;
 --gold-color: #D1B57A;
 --dark-blue-color: #162549;
 --light-blue-color: #426CD1;
 --color-white: #FFFFFF;
 --color-black: #000000;

 /* font-size */

 --fz-13: 13px;
 --fz-15: 15px;
 --fz-16: 16px;
 --fz-18: 18px;
 --fz-20: 20px;
 --fz-22: 22px;
 --fz-25: 25px;
 --fz-30: 30px;
 --fz-50: 50px;
 --fz-70: 70px;

 /* font-family  */

 --roboto: 'Roboto', sans-serif;
 --mplus: 'M PLUS 1p', sans-serif;
 --montserrat: 'Montserrat', sans-serif;
}



.px-4 {
 padding-right: 1.5rem !important;
 padding-left: 1.5rem !important;
}

* {
 font-family: var(--roboto);
 box-sizing: border-box;
 font-size: var(--fz-18);
 color: var(--color-black);
}

body {
 background-color: var(--light-grey-color);
}

section {
 overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
 margin-top: 0;
 margin-bottom: 0;
}

a {
 text-decoration: none;
}



li {
 text-decoration: none;
 list-style-type: none;
}

.hide {
 display: none;
}

.unvisible {
 visibility: hidden;
}

.mobile {
 display: none;
}

.title {
 font-weight: 500;
 font-size: var(--fz-50);
 font-family: var(--mplus);
}

.button {
 position: relative;
 z-index: 3;
 font-weight: 500;
 font-size: var(--fz-22);
 font-family: var(--mplus);
 color: var(--color-white);
 background-color: var(--dark-blue-color);
 padding: 20px 35px;
 border: none;
 -webkit-transition: all ease .7s;
 transition: all ease .7s;
 cursor: pointer;
}

.button span {
 font-weight: 500;
 font-size: var(--fz-22);
 font-family: var(--mplus);
 color: var(--color-white);
}

.button span:nth-child(2) {
 display: none;
}

.button:hover {
 background-color: var(--gold-color);
}

.button:focus {
 background-color: var(--gold-color);
 box-shadow: 0px 0px 7px rgba(96, 81, 51, 0.5);
 border: none;
 outline: none;
}

.button_gold {
 background-color: var(--gold-color);
}

.button_gold:hover {
 background-color: var(--light-blue-color);
}

.button_gold:focus {
 background-color: var(--light-blue-color);
 box-shadow: 0px 0px 7px rgba(8, 5, 48, 0.5);
}

.button_small {
 font-weight: 500;
 font-size: var(--fz-15);
 width: 100%;
}

.button_popup {
 font-weight: 500;
 font-size: var(--fz-15);
 padding: 15px 30px;
 display: block;
 margin: 85px auto 0;
}

.button_popup.disable {
 background: var(--dark-grey-color);
 opacity: 0.5;
 /* pointer-events: none; */
}

@media (min-width: 1400px) {

 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
  max-width: 1620px;
 }
}

.nav-wrap {
 width: 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;
}

.nav-list {
 margin-top: 1rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 width: 647px;
}

.nav-link {
 position: relative;
 font-weight: 300;
 padding-top: 0;
 padding-bottom: 0;
 color: var(--color-white);
 border-bottom: 1px solid transparent;
 -webkit-transition: all ease .8s;
 transition: all ease .8s;
 z-index: 3;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:active {
 text-shadow: 0 0 .7px var(--color-white), 0 0 .9px var(--color-white);
 border-color: var(--gold-color);
 color: var(--color-white);
}

.nav-logo {
 width: 124px;
 height: 82px;
}

.header {
 background: -webkit-linear-gradient(left, rgba(98, 98, 98, 1) 0%, rgba(125, 125, 125, 1) 32%, rgba(119, 119, 119, 1) 90%);
 background: linear-gradient(90deg, rgba(98, 98, 98, 1) 0%, rgba(125, 125, 125, 1) 32%, rgba(119, 119, 119, 1) 90%);
 position: fixed;
 width: 100%;
 z-index: -1;
 opacity: 0;
 -webkit-transition: all ease .4s;
 transition: all ease .4s;
}

.header::after {
 content: 0;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 height: 100%;
}

.header .nav {
 padding: 20px 0;
}

.header .nav-list {
 margin-top: 0;
}

.header .naw-wrap {
 padding: 20px 0;
}

.sticky {
 opacity: 1;
 z-index: 100
}

.burger {
 position: relative;
 height: 16px;
 width: 40px;
 display: none;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 cursor: pointer;
 z-index: 100;
}

.burger span {
 width: 100%;
 height: 2px;
 background-color: var(--color-white);
}

.promo {
 position: relative;
 min-height: 707px;
 background-image: url('../assets/img/promo-bg.jpg');
 padding: 2px 0 114px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}

.promo-wrap {
 position: relative;
 z-index: 3;
}

.promo h1 {
 margin-top: 100px;
 max-width: 556px;
}

.promo h1 span:nth-child(1) {
 font-weight: 400;
 font-size: var(--fz-70);
 font-family: var(--mplus);
 color: var(--color-white);
}

.promo h1 span:nth-child(2) {
 position: relative;
 font-weight: 500;
 font-family: var(--mplus);
 font-size: var(--fz-50);
 margin-left: 4px;
 color: var(--color-white);
}

.promo h1 span:nth-child(2)::after {
 position: absolute;
 content: '';
 width: 101%;
 height: 3px;
 background-color: var(--gold-color);
 border-radius: 3px;
 bottom: -3px;
 left: -3px;
}

.promo-subtitle {
 margin-top: 27px;
 font-weight: 500;
 font-size: var(--fz-22);
 line-height: 120%;
 color: var(--color-white);
}

.promo-descr {
 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-top: 108px;
}

.promo-descr div {
 max-width: 254px;
}

.promo-descr div p {
 font-weight: 800;
 font-family: var(--mplus);
 font-size: var(--fz-22);
 color: var(--gold-color);
}

.promo-descr div h3 {
 margin-top: 9px;
 font-family: var(--roboto);
 font-weight: 500;
 font-size: var(--fz-22);
 line-height: 120%;
 color: var(--color-white);
}

.promo::before {
 position: absolute;
 width: 1191px;
 height: 794px;
 content: '';
 bottom: -87px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-image: url('../assets/img/hero.png');
 background-repeat: no-repeat;
 z-index: 2;
}

.consultation {
 padding: 25px 0;
 display: none;
 background-color: var(--color-white);
}

.consultation-wrap {
 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;
}

.consultation_about {
 background-color: var(--light-grey-color);
 padding: 50px 0;
}

.benefits {
 min-height: 134px;
 width: 100%;
 background: var(--color-white);
 padding: 27px 0;
}

.benefits-wrap {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 1fr;
 grid-template-columns: repeat(4, 1fr);
 gap: 27px;
}

.benefits-item {
 display: -ms-grid;
 display: grid;
 grid-template: 80px / 80px 262px;
 gap: 20px;
}

.benefits-item div {
 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;
}

.benefits-item div span {
 font-family: var(--mplus);
 font-weight: 800;
 line-height: 120%;
 color: var(--dark-blue-color);
}

.benefits-item div p {
 margin-top: 10px;
 font-weight: 300;
 font-size: var(--fz-16);
 line-height: 140%;
}

.about {
 background-image: url('../assets/img/about-bg.png');
 background-color: var(--light-grey-color);
 background-repeat: no-repeat;
 padding: 140px 0;
 min-height: 1264px;
 overflow: hidden;
}

.about-blocks {
 margin-top: 80px;
}

.about-block:nth-child(1) {
 display: -ms-grid;
 display: grid;
 position: relative;
 grid-template: 447px / 490px 1fr;
 gap: 160px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-color: var(--dark-blue-color);
}

.about-block:nth-child(2) {
 margin-top: 80px;
 display: -ms-grid;
 display: grid;
 gap: 160px;
 grid-template: 316px / 1fr 620px;
}


.about-block:nth-child(1)::after {
 content: '';
 display: block;
 position: absolute;
 background-color: var(--dark-blue-color);
 top: 0;
 bottom: 0;
 left: 100%;
 width: 120%
}

.about-block:nth-child(2) div:nth-child(1) .button {
 margin-top: 57px;
}

.about-block p {
 font-weight: 400;
 font-size: var(--fz-20);
 line-height: 150%;
}

.about-block:nth-child(1) p {
 color: var(--color-white);

}

.about-block:nth-child(1) div p:nth-child(1) {
 max-width: 720px;
}

.about-block:nth-child(1) div p:nth-child(3) {
 max-width: 640px;
}


.about-block span.blue-text {
 color: var(--gold-color);
 font-weight: 500;
 font-size: var(--fz-20);
}

.partners {
 padding: 140px 0;
 background-color: var(--color-white);
}

.partners-tv {
 margin-top: 80px;
 padding: 0 100px;
}

.partners-i-media {
 margin-top: 66px;
}

.partners-i-media,
.partners-tv {
 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;
}

.partners a {
 position: relative;
}

.partners a img:nth-child(1) {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 -webkit-transition: all ease .7s;
 transition: all ease .7s;
}

.partners a img:nth-child(2) {
 position: relative;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
}



.partners p {
 margin-top: 100px;
 font-weight: 400;
 font-size: var(--fz-20);
 color: var(--dark-grey-color);
}

.partners-tv,
.partners-i-media {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: auto;
 grid-template-columns: repeat(5, auto);
 gap: 30px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-grid-column-align: center;
 justify-items: center;
}

.partners-tv {
 -ms-grid-columns: auto;
 grid-template-columns: repeat(5, auto);
}

.partners-i-media {
 -ms-grid-columns: auto;
 grid-template-columns: repeat(5, auto);
}

.partners-i-media a img {
 -o-object-fit: contain;
 object-fit: contain;
 width: 100%;
 height: 100%;
}

.partners-slider {
 display: none;
}

.info {
 padding: 0 0 80px;
 background-color: var(--color-white);
 overflow: hidden;
}

.info-blocks {
 margin-top: 67px;
}

.info-block:nth-child(1) {
 padding: 60px 0 54px 130px;
 display: -ms-grid;
 display: grid;
 position: relative;
 grid-template: 590px / 1fr 459px;
 gap: 26px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-color: var(--dark-blue-color);
}

.info-block:nth-child(1)::after {
 content: '';
 display: block;
 position: absolute;
 background-color: var(--dark-blue-color);
 top: 0;
 bottom: 0;
 left: 100%;
 width: 120%
}

.info-block:nth-child(1) p,
.info-block:nth-child(1) li {
 color: var(--color-white);
}

.info-block:nth-child(1) p,
.info-block:nth-child(1) li {
 font-weight: 500;
 line-height: 120%;
}

.info-block:nth-child(1) li {
 position: relative;
 font-weight: 400;
 font-size: var(--fz-18);
 line-height: 140%;
}

.info-block:nth-child(1) li::before {
 position: absolute;
 content: '';
 background-image: url('../assets/icons/mark.svg');
 background-repeat: no-repeat;
 width: 25px;
 height: 26px;
 left: -60px;
}

.info-block:nth-child(1) span {
 border-bottom: 1px solid var(--gold-color);
 color: var(--color-white);
 font-weight: 500;
}

.info-block:nth-child(1) ul {
 display: -ms-grid;
 display: grid;
 grid-auto-flow: row;
 gap: 30px;
 padding: 0;
 margin: 40px 0 50px;
}

.info-block:nth-child(2) {
 margin-top: 80px;
 padding: 68px 130px 90px 0;
 display: -ms-grid;
 display: grid;
 position: relative;
 grid-template: 306px / 382px 1fr;
 gap: 140px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-color: var(--light-grey-color);
}

.info-block:nth-child(2)::after {
 content: "";
 display: block;
 position: absolute;
 background-color: var(--light-grey-color);
 top: 0;
 bottom: 0;
 right: 100%;
 width: 120%;
}

.info-block:nth-child(2) div {
 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;
 height: 100%;
}

.info-block:nth-child(2) h3 {
 font-weight: 400;
 font-size: var(--fz-30);
 line-height: 140%;
 color: var(--dark-blue-color);
}

.info-block:nth-child(2) h3 p {
 font-weight: 500;
 font-size: var(--fz-30);
 line-height: 140%;
 color: var(--dark-blue-color);
}

.info-block:nth-child(2) h6 {
 font-weight: 400;
 font-size: var(--fz-25);
 line-height: 140%;
 color: var(--dark-blue-color);
}

.info-block:nth-child(2) h3 p {
 font-weight: 500;
}

.info-block:nth-child(2) .info-block-descr {
 font-weight: 400;
 line-height: 140%;
}

.info-block:nth-child(2) ul {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 1fr;
 grid-template-columns: repeat(2, 1fr);
 -ms-grid-rows: 1fr;
 grid-template-rows: repeat(3, 1fr);
 row-gap: 33px;
 padding: 0;
 margin-top: 40px;
 margin-left: 35px;
}

.info-block:nth-child(2) li {
 position: relative;
 font-weight: 400;
 line-height: 120%;
}

.info-block:nth-child(2) li::before {
 position: absolute;
 content: '';
 background-image: url('../assets/icons/mark-small.svg');
 background-repeat: no-repeat;
 width: 15px;
 height: 15px;
 left: -30px;
 top: 3px;
}

.info-btn-wrap {
 display: none;
 padding: 60px 0;
}

.team {
 padding: 80px 0;
 background-color: rgba(22, 37, 73, .8);
}

.team-wrap {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 400px 1fr;
 grid-template-columns: 400px 1fr;
 gap: 120px;
}

.team-wrap div {
 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;
}

.team h4 {
 font-weight: 400;
 font-size: var(--fz-30);
 line-height: 140%;
 color: var(--color-white);
}

.team ul {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 307px 118px 253px;
 grid-template-columns: 307px 118px 253px;
 -ms-grid-rows: 1fr;
 grid-template-rows: repeat(2, 1fr);
 row-gap: 30px;
 -webkit-column-gap: 90px;
 -moz-column-gap: 90px;
 column-gap: 90px;
 padding: 0;
}

.team li {
 position: relative;
 font-weight: 400;
 font-size: var(--fz-20);
 color: var(--color-white);
}

.team li::before {
 position: absolute;
 content: '';
 background-color: var(--gold-color);
 width: 10px;
 height: 10px;
 left: -25px;
 top: 10px;
 border-radius: 100%;
}

.cases {
 background-color: var(--color-white);
 padding: 40px 0 140px;
}

.cases-subtitle {
 font-weight: 500;
 font-size: var(--fz-20);
 text-align: center;
 color: var(--dark-blue-color);
}

.cases h2 {
 margin-top: 162px;
}

.cases-slider {
 margin-top: 64px;
 position: relative;
}

.slider-body {
 display: -ms-grid;
 display: grid;
 gap: 30px;
 grid-auto-flow: column;
}

.cases-slide {
 max-width: 750px;
}

.cases-slide h6 {
 font-weight: 800;
 font-family: var(--mplus);
 font-size: var(--fz-20);
 line-height: 150%;
 color: var(--gold-color);
}

.cases-slide p {
 margin-top: 30px;
 font-weight: 400;
 line-height: 120%;
}

.cases-slide p span {
 cursor: pointer;
 -webkit-transition: all ease .7s;
 transition: all ease .7s;
 color: var(--gold-color);
}

.cases-slider svg {
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 stroke: var(--dark-grey-color);
 opacity: .3;
 cursor: pointer;
 -webkit-transition: all ease .7s;
 transition: all ease .7s;
}

.cases-slider svg:hover {
 stroke: var(--gold-color);
}

.slider-arrow-prev {
 left: -83px;
}

.slider-arrow-next {
 right: -83px;
}

.slider-dots {
 margin: 100px auto 0;
 text-align: center;
 display: -ms-grid;
 display: grid;
 grid-auto-flow: column;
 gap: 17px;
 max-width: 180px;
}

.slider-dots li {
 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;
}

.slider-dots li span {
 background: var(--dark-grey-color);
 opacity: 0.3;
 width: 10px;
 height: 10px;
 border-radius: 100%;
 cursor: pointer;
}

.slider-dots li span.active-dot,
.slider-dots li span:hover {
 background: var(--gold-color);
 opacity: 1;
}

.fade-in-animation {
 -webkit-animation: fadeIn .9s;
 animation: fadeIn .9s;
}

.fade-in-animation-partners {
 -webkit-animation: fadeIn .5s;
 animation: fadeIn .5s;
}

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

 100% {
  opacity: 1;
 }
}

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

 100% {
  opacity: 1;
 }
}

.work {
 background-color: var(--light-grey-color);
 padding: 140px 0;
}

.work-block {
 position: relative;
 margin-top: 67px;
 background-color: var(--color-white);
 padding: 87px 0 80px 260px;
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 1fr;
 grid-template-columns: repeat(2, 1fr);
 gap: 45px;
}

.work-block::after {
 content: '';
 display: block;
 position: absolute;
 background-color: var(--color-white);
 top: 0;
 bottom: 0;
 left: 100%;
 width: 120%
}

.work-block::before {
 content: '';
 position: absolute;
 background-image: url('../assets/img/themis-work.png');
 top: 0;
 bottom: 0;
 left: -13%;
 height: 972px;
 width: 639px;
 z-index: 2;
}

.work-steps {
 position: relative;
 height: 640px;
 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;
 z-index: 3;
}

.work-steps {
 padding-left: 0 !important;
 -webkit-padding-start: 0 !important;
 -moz-padding-start: 0 !important;
 padding-inline-start: 0 !important;
}

.work-steps li {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 45px 1fr;
 grid-template-columns: 45px 1fr;
 gap: 20px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.work-steps li span:nth-child(1) {
 position: relative;
 width: 45px;
 height: 45px;
 background-color: var(--gold-color);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: distribute;
 justify-content: space-around;
 color: var(--color-white);
}

.work-steps li span:nth-child(1):not(.work-steps li:nth-child(8) span:nth-child(1))::after {
 position: absolute;
 content: '';
 width: 2px;
 height: 100%;
 background-color: var(--gold-color);
 left: 50%;
 top: 45px;
 -webkit-transform: translate(-50%);
 transform: translate(-50%);
}

.work-steps li span:nth-child(2) {
 font-weight: 400;
 line-height: 140%;
}

.work-block .button {
 margin-top: 68px;
}


.contacts-wrap {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 1fr;
 grid-template-columns: repeat(2, 1fr);
}

.contacts h2 {
 margin-top: 10px;
}

.contacts-items {
 margin-top: 60px;
}

.contacts-item:not(.contacts-item:nth-child(1)) {
 margin-top: 40px;
}

.contacts-item p {
 font-family: var(--mplus);
 font-weight: 500;
 font-size: var(--fz-22);
 margin-bottom: 20px;
}

.contacts-item span,
.contacts-item a.contacts-link {
 font-weight: 300;
 color: var(--color-black);
}

.contacts div.contacts-left {
 padding-left: 60px;
}

.contacts-map {
 width: 784px;
 height: 706px;
}

.contacts .socials {
 margin-top: 40px;
}

.socials {
 width: 130px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.socials a {
 width: 50px;
 height: 50px;
 background-color: var(--dark-blue-color);
 border-radius: 100%;
 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;
 -webkit-transition: all ease .7s;
 transition: all ease .7s;
}

.socials a:hover {
 background-color: var(--gold-color);
}

.footer {
 padding: 77px 0;
}



.footer-logo {
 width: 124px;
 height: 82px;
 display: block;
 margin: 0 auto 0 48%;
}

.footer-items {
 margin-top: 30px;
 border-top: 1px solid var(--gold-color);
 padding-top: 50px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.footer-nav {
 width: 274px;
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: max-content max-content;
 grid-template-columns: max-content max-content;
 -ms-grid-rows: 1fr;
 grid-template-rows: repeat(3, 1fr);
 -webkit-column-gap: 84px;
 -moz-column-gap: 84px;
 column-gap: 84px;
 row-gap: 20px;
}

.footer-nav a {
 font-weight: 300;
 color: var(--color-black);
}

.footer-contacts {
 display: -ms-grid;
 display: grid;
 grid-auto-flow: column;
 gap: 85px;
}

.footer-contacts-item p {
 font-family: var(--mplus);
 font-weight: 500;
 margin-bottom: 20px;
}

.footer-contacts-item a,
.footer-contacts-item span {
 font-weight: 300;
 line-height: 150%;
 color: var(--color-black);
}

.footer-descr {
 width: 276px;
}

.footer-descr p:nth-child(1) {
 font-family: var(--mplus);
 font-weight: 500;
 font-size: var(--fz-22);
}

.footer-descr p:nth-child(2) {
 margin-top: 4px;
 font-family: var(--mplus);
 font-weight: 300;
 font-size: var(--fz-15);
}

.footer .button {
 margin-top: 28px;
}

.footer-info {
 margin-top: 88px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.footer-info a,
.footer-info p {
 font-weight: 300;
 font-size: 13px;
 line-height: 185%;
 color: #000000;
}

.footer-info div:nth-child(2) p a {
 text-decoration: underline;
}

.overlay {
 display: block;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 z-index: 101;
 background-color: rgba(0, 0, 0, .56);
}

.popup {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 600px;
 min-height: 800px;
 background-image: url('../assets/img/from-bg.png');
 background-repeat: no-repeat;
 background-position: center center;
 /* background-size: cover; */
 padding: 82px 66px 75px;
 box-shadow: 0px 0px 30px 10px rgba(29, 47, 74, 0.2);
}

.popup-close {
 position: absolute;
 top: 45px;
 right: 45px;
 font-size: 27px;
 color: var(--dark-grey-color);
 cursor: pointer;
}

.popup-close svg {
 width: 21px;
 height: 21px;
}

.popup-close svg path {
 fill: var(--dark-grey-color);
 -webkit-transition: all ease .7s;
 transition: all ease .7s;
}

.popup-close svg path:hover {
 fill: var(--gold-color);
}

.popup-subtitle {
 line-height: 1;
 text-align: center;
 font-family: var(--mplus);
 font-weight: 800;
 font-size: var(--fz-30);
 color: #D1B57A;
}

.popup-descr {
 margin-top: 15px;
 text-align: center;
 font-family: var(--mplus);
 font-weight: 400;
 font-size: var(--fz-20);
 color: #D1B57A;
}

.popup form {
 margin-top: 34px;
}

.popup form .form-group {
 margin-top: 30px;
}

.popup form label {
 font-weight: 300;
 font-size: var(--fz-16);
 line-height: 120%;
 color: var(--dark-grey-color);
}

.popup form input,
.popup form textarea {
 border: 1px solid rgba(92, 110, 132, .3);
 border-radius: 4px;
 width: 100%;
 font-size: var(--fz-16);
 font-weight: 300;
 color: var(--color-black);
}

.popup form input::-webkit-input-placeholder,
.popup form textarea::-webkit-input-placeholder {
 color: rgba(92, 110, 132, .3);
}

.popup form input::-moz-placeholder,
.popup form textarea::-moz-placeholder {
 color: rgba(92, 110, 132, .3);
}

.popup form input:-ms-input-placeholder,
.popup form textarea:-ms-input-placeholder {
 color: rgba(92, 110, 132, .3);
}

.popup form input::placeholder,
.popup form textarea::placeholder {
 color: rgba(92, 110, 132, .3);
}

.popup_thanks .popup-body {
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);

}

input,
textarea {
 padding: 15px;
}

input:focus,
textarea:focus {
 border: 1px solid var(--gold-color) !important;
 box-shadow: 0 0 0 0.0rem var(--gold-color) !important;
}

.input-filled {
 border: 1px solid var(--gold-color) !important;
 box-shadow: 0 0 0 0.0rem var(--gold-color) !important;
}

label {
 margin-bottom: 8px;
}

textarea {
 height: 137px;
 resize: none;
}

.label-bold {
 text-shadow: 0 0 .7px var(--dark-grey-color), 0 0 .9px var(--dark-grey-color);
}

.hidden {
 display: none;
 /* display: block; */
}

.pricelist {
 width: 1415px;
 height: 824px;
 height: 90vh;
 margin-top: 20px;
 padding: 130px 124px 103px 180px;
 background-color: var(--light-grey-color);
 background-image: url('../assets/img/pricelist-bg.png');
 z-index: 200;
 position: absolute;
 position: fixed;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 background-repeat: no-repeat;
 background-position: 25% 25%;
 box-shadow: 0px 0px 30px 10px rgba(29, 47, 74, 0.2);
}

.pricelist .popup-close {
 top: 70px;
 right: 80px;
}

.popup_pricelist .popup-title {
 font-family: var(--mplus);
 font-size: var(--fz-50);
 color: var(--gold-color);
 font-weight: 500;
}

.pricelist-title {
 font-family: var(--mplus);
 font-size: var(--fz-50);
 color: var(--gold-color);
 font-weight: 500;
 text-align: center;
}

.pricelist-block-title {
 font-family: var(--mplus);
 font-size: var(--fz-30);
 font-weight: 400;
 color: var(--color-black);
 margin: 0 auto;
 border-bottom: 2px solid var(--gold-color);
 line-height: 1;
}

.pricelist-blocks {
 min-width: 1054px;
 height: 100%;
 height: 100%;
 margin: 0em;
 overflow-y: auto;
 -ms-overflow-style: none;
 scrollbar-width: none;
 overflow-y: scroll;
 margin-bottom: 100px;
}

.pricelist-blocks::-webkit-scrollbar {
 display: none;
}

.pricelist-block {
 margin-top: 60px;
 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;
}

.pricelist-items {
 margin-top: 55px;
 width: 100%;
}

.pricelist-item {
 padding: 15px 0;
 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;
 width: 100%;
 border-bottom: 1px solid rgba(97, 154, 225, 0.4);
}

.pricelist-item span {
 font-weight: 300;
 font-size: var(--fz-20);
}

.pricelist-item_header {
 padding-bottom: 27px;
}

.pricelist-item_header span {
 font-weight: 500;
 font-size: var(--fz-25);
}

.pricelist-item span:nth-child(1) {
 max-width: 600px;
}

.pricelist-btn-wrap {
 height: 230px;
 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;
}

.pricelist .button {
 display: block;
}

.menu {
 position: absolute;
 width: 241px;
 height: 447px;
 padding: 60px 0 66px 32px;
 position: absolute;
 background-color: var(--color-white);
 top: 27px;
 right: 16px;
}

.menu-close {
 position: absolute;
 top: 15px;
 right: 6px;
 cursor: pointer;
}

.menu ul {
 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: start;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 height: 100%;
 padding-left: 0;
 margin-bottom: 0;
}

.menu a {
 font-size: 18px;
 color: #161D34;
}

.contacts-map-mobile {
 display: none;
}

.socials-mobile {
 display: none !important;
}

.footer-descr-mobile {
 display: none;
}

.youtube {
 background-color: #000;
 margin-bottom: 30px;
 position: relative;
 padding-top: 56.25%;
 overflow: hidden;
 cursor: pointer;
}

.youtube img {
 width: 100%;
 top: -16.84%;
 left: 0;
 opacity: 0.7;
}

.youtube .play-button {
 width: 90px;
 height: 60px;
 background-color: #333;
 box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
 z-index: 1;
 opacity: 0.8;
 border-radius: 6px;
}

.youtube .play-button:before {
 content: "";
 border-style: solid;
 border-width: 15px 0 15px 26.0px;
 border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
 cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
 position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
 top: 50%;
 left: 50%;
 -webkit-transform: translate3d(-50%, -50%, 0);
 transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
}

.error-page {
 padding: 10px 0 0;
}

.error-page-wrap {
 margin-top: 73px;
 display: -ms-grid;
 display: grid;
 grid-template: 447px / auto 420px;
}

.error-page-descr {
 padding: 24px 0 43px;
 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;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 background-color: var(--dark-blue-color);
}

.footer_error-page {
 padding: 34px 0 0;
}

.error-page p {
 font-family: var(--mplus);
 font-size: var(--fz-22);
 color: var(--color-white);
 text-align: center;
}

.error-page h1 {
 font-family: var(--mplus);
 font-weight: 500;
 font-size: var(--fz-50);
 color: var(--color-white);
}

.error-page-bg {
 background-image: url('../assets/img/404-bg.png');
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}

.header .nav,
.promo .nav {
 padding: 10px 0;
}



.nav-logo {
 width: 60px;
 height: 39px;
}

.about-br-mobile {
 display: none;
}

/* media  */

@media (max-width: 1601px) {
 .benefits-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
  -ms-grid-column-align: center;
  justify-items: center;
 }

 .benefits-item {
  grid-template: 80px / 80px 200px;
 }

 .benefits-item div {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
 }

 .benefits-item:nth-child(1) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .benefits-item:nth-child(2) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .benefits-item:nth-child(3) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .benefits-item:nth-child(4) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .about-block:nth-child(1) {
  grid-template: 1fr / 1fr 1fr;
  gap: 60px;
 }

 .about-block:nth-child(1) div {
  padding: 10px 0;
 }

 .about-block:nth-child(2) {
  gap: 60px;
  grid-template: 1fr / 1fr 1fr;
 }

 .info-block:nth-child(1) {
  grid-template: auto / 1fr auto;
 }

 .info-block:nth-child(2) {
  grid-template: 1fr / 382px 1fr;
 }

 .info-block:nth-child(2) div {
  display: block;
 }

 .info-block:nth-child(2) .info-block-descr {
  margin-top: 30px;
 }

 .info-block:nth-child(2) {
  grid-template: auto auto / auto;
  gap: 60px;
 }
}

@media (max-width: 1431px) {
 .team-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: none;
  grid-template-columns: none;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  gap: 120px;
 }

 .team ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: repeat(2, 1fr);
  -ms-grid-column-align: start;
  justify-items: start;
  padding: 0 15px;
  row-gap: 30px;
  -webkit-column-gap: 90px;
  -moz-column-gap: 90px;
  column-gap: 90px;
 }

 .team-wrap div {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
 }

 .team h4 {
  margin-left: 24px;
 }

 .pricelist {
  width: 100vw;
  height: 100vh;
  padding: 100px 40px 40px;
  margin-top: 0;
 }

 .pricelist-blocks {
  min-width: auto;
 }

 .pricelist .popup-close {
  top: 40px;
  right: 40px;
 }
}

@media (max-width: 1400px) {

 .header .nav,
 .promo .nav {
  padding: 10px 0;
 }

 .work-block img {
  display: none;
 }

 .nav-logo {
  width: 60px;
  height: 39px;
 }

 .work-block {
  display: block;
 }

 .contacts-map {
  width: 548px;
  height: 494px;
 }

 .contacts-left {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
 }

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

 .footer-nav {
  width: 100%;
  -ms-grid-columns: none;
  grid-template-columns: none;
  -ms-grid-rows: none;
  grid-template-rows: none;
  grid-auto-flow: column;
 }

 .footer-contacts {
  margin-top: 80px;
  gap: 40px;
 }

 .footer-logo {
  margin: 0 auto;
 }

 .popup {
  min-height: 500px;
  background-color: var(--light-grey-color);
  height: 100vh;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
 }

 .popup::-webkit-scrollbar {
  display: none;
 }

 .popup form {
  margin-top: 9px;
 }

 .popup form .form-group {
  margin-top: 5px;
 }

 .error-page-photo {
  display: none;
 }

 .error-page-wrap {
  display: block;
  min-height: 425px;
 }

 .error-page-descr {
  height: 100%;
 }

}


@media (max-width: 1200px) {
 :root {
  --fz-13: calc(10px + (3 + 3 * 0.7) * ((100vw - 375px) / 1200));
  --fz-15: 15px;
  --fz-16: calc(14px + (2 + 2 * 0.7) * ((100vw - 375px) / 1200));
  --fz-18: calc(14px + (4 + 4 * 0.7) * ((100vw - 375px) / 1200));
  --fz-20: calc(13px + (7 + 7 * 0.7) * ((100vw - 375px) / 1200));
  --fz-22: calc(14px + (8 + 8 * 0.7) * ((100vw - 375px) / 1200));
  --fz-25: calc(18px + (7 + 7 * 0.7) * ((100vw - 375px) / 1200));
  --fz-30: calc(20px + (10 + 10 * 0.7) * ((100vw - 375px) / 1200));
  --fz-50: calc(22px + (28 + 28 * 0.7) * ((100vw - 375px) / 1200));
  --fz-70: calc(32px + (20 + 20 * 0.7) * ((100vw - 375px) / 1200));
 }

 .partners .partners-tv,
 .partners .partners-i-media {
  display: none;
 }

 .partners-slider {
  display: block;
 }

 .partners-slider {
  padding-top: 40px;
  position: relative;
 }

 .partners-slider div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
 }

 .partners-slider span {
  position: relative;
  left: -115px;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  gap: 30px;
  width: 1289px;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all ease .7s;
  transition: all ease .7s;
 }

 .partners-slider img {
  position: unset !important;
 }

 .partners p {
  margin-top: 75px;
 }


 .info-block:nth-child(1) {
  grid-template: auto auto / auto;
 }

 .info-block:nth-child(1) div:nth-child(1) .button {
  display: none;
 }

 .info-blocks {
  display: -ms-grid;
  display: grid;
 }

 .info-block:nth-child(2) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .info-btn-wrap {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: block;
  padding: 60px 0;
 }

 .info-block:nth-child(2) ul {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
 }
}


@media (max-width: 1025px) {
 .promo h1 {
  max-width: 400px;
 }

 .about {
  background-image: none;
  padding: 60px 0;
 }

 .about-block:nth-child(1) {
  gap: 40px;
  grid-template: 1fr auto / 1fr;

 }

 .about-block:nth-child(1) img {
  width: 252px;
  height: 230px;
 }

 .about-block:nth-child(1) div {
  padding: 0 15px 51px;
 }

 .about-block:nth-child(1) div p {
  max-width: auto;
 }

 .about-block:nth-child(1) img {
  width: 378px;
  height: 345px;
 }

 .about-block:nth-child(2) {
  grid-template: auto auto / 1fr;
  gap: 40px;
 }

 .about-block:nth-child(2) div:nth-child(1) .button {
  display: none;
 }

 .consultation_about {
  display: block;
 }

 .consultation_work {
  display: none;
 }

 .partners {
  padding: 60px 0;
 }

 .cases-slide h6 {
  min-height: 60px;
 }

 .contacts-wrap {
  -ms-grid-columns: none;
  grid-template-columns: none;
  grid-auto-flow: row;
  gap: 60px;
  -ms-grid-column-align: center;
  justify-items: center;
 }

 .contacts div.contacts-left {
  padding-left: 0;
 }

 .contacts-wrap div {
  width: 100%;
 }

 .contacts .socials {
  max-width: 120px;
 }

 .footer .socials {
  width: 100%;
  padding-top: 33px;
 }

 .footer-contacts {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
 }

 .popup {
  height: auto;
  min-height: 500px;
 }

 #thanks,
 #failure {
  height: 80%;
 }
}

@media (max-width: 992px) {
 .promo-descr {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
 }

 .promo-descr .button {
  margin-top: 50px;
 }

 .nav-list {
  margin-left: 1rem !important;
  width: 480px;
 }

 .about {
  padding: 60px 0 0;
 }

 .about-blocks {
  margin-top: 40px;
 }

 .info-block:nth-child(2) {
  margin-top: 0
 }

 .footer-nav {
  -ms-grid-column-align: center;
  justify-items: center;
  grid-auto-flow: none;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
 }

 .footer-descr {
  width: auto;
 }

 .pricelist-item span:nth-child(1) {
  max-width: 300px;
 }

 .pricelist-item {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
 }


}

@media (max-width: 768px) {
 .nav-logo {
  width: 61px;
  height: 40px;
 }

 .promo-descr div h3 {
  max-width: 240px;
 }

 .benefits-item {
  grid-template: none;
  -ms-grid-rows: 80px 1fr;
  grid-template-rows: 80px 1fr;
 }

 .about-block:nth-child(1) img {
  width: 252px;
  height: 230px;
 }

 .about-block:nth-child(2) {
  margin-top: 40px;
 }

 .info {
  padding-top: 40px;
  padding-bottom: 0;
  background-color: var(--dark-blue-color);
 }

 .info .title {
  color: var(--color-white);
 }

 .info-blocks {
  margin-top: 24px;
 }

 .info-block:nth-child(1) {
  padding: 0;
  gap: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }

 .info-btn-wrap {
  text-align: center;
 }

 .info-block:nth-child(1) li {
  width: 602px;
 }

 .info-block:nth-child(1) ul {
  -ms-grid-column-align: end;
  justify-items: end;
 }

 .info-block:nth-child(2) {
  position: relative;
 }

 .info-block:nth-child(2)::before {
  content: '';
  display: block;
  position: absolute;
  background-color: var(--light-grey-color);
  top: 0;
  bottom: 0;
  left: 100%;
  width: 120%
 }

 .info-block:nth-child(2) {
  padding: 30px 0 50px;
 }

 .team-wrap {
  gap: 60px;
 }

 .team ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: repeat(3, 1fr);
 }

 .slider-dots {
  padding: 0;
  max-width: 70%;
  margin: 50px auto 0;
 }

 .cases-slide h6 {
  min-height: auto;
  color: var(--dark-blue-color);
 }

 .cases-slider {
  margin-top: 34px;
 }

 .cases-slide p {
  margin-top: 24px;
 }

 .work-block {
  padding: 60px 0 60px 30px;
 }

 .work {
  padding: 60px 0;
 }

 .footer-contacts {
  gap: 0;
 }

 .popup {
  width: 80%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
 }
}

@media (max-width: 576px) {

 .nav-list {
  display: none;
 }

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

 .promo h1 {
  max-width: 300px;
  margin-top: 35px;
 }

 .promo-descr div h3 {
  max-width: 180px;
 }

 .promo {
  background-image: url('../assets/img/promo-bg-mobile.jpg');
  padding: 15px 0 165px;
 }

 .promo::before {
  display: none;
 }

 .promo-descr .button {
  display: none;
 }

 .consultation {
  display: block;
 }

 .benefits-item {
  -ms-grid-rows: 40px 1fr;
  grid-template-rows: 40px 1fr;
 }

 .benefits-item:nth-child(3) p {
  margin-top: 25px;
 }

 .benefits-item img {
  width: 40px;
  height: 40px;
 }

 .about-block:nth-child(1) {
  background-image: url('../assets/img/about-bg-mobile.png');
  background-repeat: no-repeat;
  background-position: revert-layer;
  background-size: cover;
 }

 .about .mobile {
  display: block;
 }

 .about .desktop {
  display: none;
 }

 .about .mobile span.blue-text {
  color: var(--dark-blue-color);
 }

 .info-block:nth-child(1) li {
  max-width: 302px;
 }

 .info-block:nth-child(1) img {
  width: 262px;
  height: 268px;
  display: block;
  margin: 0 auto;
 }

 .info-block:nth-child(1) li::before {
  background-image: url('../assets/icons/mark-mobile.svg');
  width: 13px;
  height: 16px;
  left: -30px;
 }

 .info-block:nth-child(2) li::before {

  background-image: url('../assets/icons/mark-small-mobile.svg');
  width: 13px;
  height: 16px;
  top: 1px;
 }

 .info-block:nth-child(1) ul {
  -ms-grid-column-align: center;
  justify-items: center;
 }

 .team img {
  width: 50px;
  height: 50px;
 }

 .team {
  padding: 40px 0 50px;
 }

 .team-wrap {
  gap: 40px;
 }

 .team ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  row-gap: 30px;
 }

 .team ul li:nth-child(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .team ul li:nth-child(2) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .team ul li:nth-child(3) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .team ul li:nth-child(4) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .team ul li:nth-child(5) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
 }

 .team ul li:nth-child(6) {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
 }

 .team li::before {
  width: 5px;
  height: 5px;
  left: -15px;
  top: 11px;
 }

 .team li {
  font-size: 18px;
 }

 .slider-body {
  min-height: 160px;
 }

 .cases {
  padding: 0 0 40px;
 }

 .cases-subtitle {
  display: none;
 }

 .cases .title {
  margin-top: 50px;
 }

 .work .button {
  display: none;
 }

 .work-block::before {
  width: 100%;
  height: 100%;
  left: 37%;
 }

 .work {
  padding: 60px 0 0;
 }

 .work-steps {
  height: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  grid-template-rows: repeat(8, 1fr);
  gap: 32px;
 }

 .work-steps li span:nth-child(1):not(.work-steps li:nth-child(8) span:nth-child(1))::after {
  height: 120%;
 }

 .contacts-item p {
  font-size: 20px;
 }

 .contacts-item span,
 .contacts-item a.contacts-link {
  font-size: 18px;
 }

 .contacts-item:nth-child(1) {
  position: relative;
 }

 .contacts-item:nth-child(1) .socials {
  position: absolute;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 50px;
  grid-template-columns: 50px 50px;
  gap: 15px;
  top: 50%;
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
  left: 150px;
  margin-top: 0;
  right: 0;
  left: auto;
 }

 .contacts-map {
  display: none;
 }

 .contacts-map-mobile {
  display: block;
  height: 360px;
 }

 .footer {
  padding: 50px 0 23px;
 }

 .footer-logo {
  width: 97px;
  height: 64px;
  margin-top: 84px;
 }

 .footer-items {
  margin-top: 16px;
  padding-top: 30px;
 }

 .footer-nav {
  -ms-grid-column-align: normal;
  justify-items: normal;
 }

 .footer-nav a:nth-child(2) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
 }

 .footer-nav a:nth-child(5) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .footer-descr-desktop {
  display: none;
 }

 .footer-contacts {
  margin-top: 40px;
  -ms-grid-columns: none;
  grid-template-columns: none;
  -ms-grid-rows: none;
  grid-template-rows: none;
  grid-auto-flow: row;
  gap: 36px;
 }

 .footer-contacts-item:nth-child(1) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

 .footer-contacts-item:nth-child(2) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
 }

 .footer-contacts-item:nth-child(3) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
 }

 .footer .socials {
  padding-top: 0;
  margin-bottom: 10px;
  padding-left: 50px;
  padding-right: 50px;
  width: 100% !important;
 }

 .socials-mobile {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
 }

 .footer-adress-br {
  display: none;
 }

 .footer-info {
  margin-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
 }

 .footer-descr-mobile {
  display: block;
  width: 278px;
  margin: 0 auto;
  text-align: center;
 }

 .footer-descr-mobile p:nth-child(1) {
  font-weight: 500;
  font-size: 22px;
 }

 .footer-nav {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
 }

 .popup {
  position: absolute;
  top: 50%;
  background-color: var(--light-grey-color);
  background-image: url('../assets/img/from-bg-mobile.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 55px 22px 10px;
  box-shadow: 0px 0px 30px 10px rgba(29, 47, 74, 0.2);
  width: 100vw;
  height: 100vh;
  overflow-y: unset;
 }

 .popup-close {
  top: 25px;
  right: 25px;
 }

 .popup-close svg {
  width: 27px;
  height: 27px;
 }

 .popup-descr {
  max-width: 250px;
  margin: 25px auto 0;
 }

 .button_popup {
  margin: 26px auto 0;
  ;
 }

 .button span:nth-child(1) {
  display: none;
 }

 .button span:nth-child(2) {
  display: block;
 }

 .textarea.form-control {
  min-height: 290px;
 }

 .form-group {
  margin-top: 30px !important;
 }

 #thanks,
 #failure {
  height: 100vh;
 }

 #thanks .popup-descr,
 #failure .popup-descr {
  font-size: 18px;
 }

 #thanks .popup-subtitle,
 #failure .popup-subtitle {
  font-size: 22px;
 }

 .pricelist-title {
  font-size: 22px;
  font-weight: 800;
 }

 .pricelist {
  padding: 90px 14px 30px;
 }

 .pricelist-block {
  padding: 0 2px;
 }

 .pricelist-block-title {
  font-size: 22px;
  font-weight: 500;
  border-bottom: 1px solid var(--gold-color);
 }

 .pricelist-items {
  margin-top: 27px;
 }

 .pricelist-item_header {
  font-weight: 500;
  font-size: 16px;
 }

 .pricelist-item span {
  font-size: 15px;
 }

 .pricelist-item span:nth-child(1) {
  max-width: 170px;
 }

 .error-page-wrap {
  height: 500px;
 }

 .error-page-descr {
  background-color: transparent;
 }

 .error-page::before {
  position: absolute;
  content: '';
  background-image: url('../assets/img/themis-404.png');
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
 }

 .popup-subtitle {
  font-size: 24px;
 }

 .about-br-mobile {
  display: block;
 }

 .info-block:nth-child(2) .info-block-descr {
  font-size: 16px;
  font-weight: 500;
 }
}

@media (max-width: 410px) {
 .promo {
  min-height: auto;
 }
}

@media (max-width: 375px) {
 .promo h1 span:nth-child(2)::after {
  height: 2px;
 }

 .info-block:nth-child(1) li::before {
  left: -20px;
  top: 2px;
 }

 .contacts-item:nth-child(1) .socials {
  right: 0;
  left: auto;
 }

 .cases {
  padding: 40px 0;
 }

 .work-steps li span:nth-child(1):not(.work-steps li:nth-child(8) span:nth-child(1))::after {
  height: 150%;
 }

 .contacts-map-mobile {
  height: 260px;
 }

 .footer .socials {
  padding-left: 0;
  padding-right: 0;
 }

 .footer-contacts-item p {
  font-size: 20px;
 }

 .footer-contacts-item a,
 .footer-contacts-item span {
  font-size: 18px;
 }

 .popup {
  width: 100vw;
  height: 100vh;
  padding: 30px 20px 0;
 }
}

@media (max-width: 336px) {
 .contacts-item:nth-child(1) .socials {
  position: unset;
  margin-top: 40px;
 }

 .popup {
  width: 100vw;
  height: 100vh;
  padding: 30px 20px 0;
 }

 .popup-close {
  top: 10px;
  right: 10px;
 }

 .popup-descr {
  margin-top: 10px;
 }

 .form-group {
  margin-top: 15px !important;
 }

 textarea {
  height: 80px !important;
  resize: none;
 }
}


@media (max-width: 320px) {
 .info-block:nth-child(1) li::before {
  display: none;
 }

 .info-block:nth-child(2) ul {
  margin-left: 0;
 }

 .footer-nav {
  gap: 10px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  -ms-grid-column-align: center;
  justify-items: center;
 }

 .info-block:nth-child(1) li,
 .info-block:nth-child(2) li,
 .info-block-descr {
  max-width: 260px;
 }

 .info-block:nth-child(2) li br,
 .info-block:nth-child(1) li br {
  display: none;
 }
}