/*
Theme Name: Twenty Twenty-Two
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: Nikita Gavrilov
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.4
 */

 @charset "UTF-8";
 /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */
 input[type="checkbox"]__field:checked + input[type="checkbox"]__content::after {
   opacity: 1;
 }
 
 input[type="checkbox"]__field:focus + input[type="checkbox"]__content::before {
   outline: 2px solid #f00;
   outline-offset: 2px;
 }
 
 input[type="checkbox"]__field:disabled + input[type="checkbox"]__content {
   opacity: 0.4;
   pointer-events: none;
 }
 
 /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable value-keyword-case */
 @font-face {
   font-family: "Montserrat";
   src: url("assets/fonts/montserrat-extrabold.woff2") format("woff2");
   font-weight: 800;
   font-display: swap;
   font-style: normal;
 }
 @font-face {
   font-family: "Montserrat";
   src: url("assets/fonts/montserrat-bold.woff2") format("woff2");
   font-weight: 700;
   font-display: swap;
   font-style: normal;
 }
 @font-face {
   font-family: "Montserrat";
   src: url("assets/fonts/Montserrat-SemiBold.woff2") format("woff2");
   font-weight: 600;
   font-display: swap;
   font-style: normal;
 }
 @font-face {
   font-family: "Montserrat";
   src: url("assets/fonts/Montserrat-Medium.woff2") format("woff2");
   font-weight: 500;
   font-display: swap;
   font-style: normal;
 }
 @font-face {
   font-family: "Montserrat";
   src: url("assets/fonts/Montserrat-Regular.woff2") format("woff2");
   font-weight: 400;
   font-display: swap;
   font-style: normal;
 }
 html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   scroll-behavior: smooth;
 }
 
 *,
 *::before,
 *::after {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
 }
 :root {
	--font-family: "Montserrat", sans-serif;
	--content-width: 1290px;
	--container-offset: 30px;
	--container-width: calc(var(--content-width) + (var(--container-offset) * 2));
	--white: #fff;
	--black: #000;
	--red: #EE0023;
	--brown: #C3001D;
  }
 .page {
   height: 100%;
   font-family: var(--font-family, sans-serif);
   -webkit-text-size-adjust: 100%;
 }

 .page__body {
   background-color: #f8f8f8;
   margin: 0;
   min-width: 320px;
   min-height: 100%;
   font-size: 16px;
 }
 
 img {
   height: auto;
   max-width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }
 
 a {
   text-decoration: none;
 }
 small{
   opacity: 1!important;
 }
 .site-container {
   overflow: hidden;
 }
 
 .is-hidden {
   display: none !important;
   /* stylelint-disable-line declaration-no-important */
 }
 
 .btn-reset {
   border: none;
   padding: 0;
   background-color: transparent;
   cursor: pointer;
 }
 
 .list-reset {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .input-reset {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
   border-radius: 0;
   background-color: #fff;
 }
 .input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
   display: none;
 }
 
 .visually-hidden {
   position: absolute;
   overflow: hidden;
   margin: -1px;
   border: 0;
   padding: 0;
   width: 1px;
   height: 1px;
   clip: rect(0 0 0 0);
 }
 
 .container {
   margin: 0 auto;
   padding: 0 var(--container-offset);
   max-width: var(--container-width);
 }
 
 .js-focus-visible :focus:not(.focus-visible) {
   outline: none;
 }
 
 .centered {
   text-align: center;
 }
 
 /* .dis-scroll {
   position: fixed;
   left: 0;
   top: 0;
   overflow: hidden;
   width: 100%;
   height: 100vh;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
 } */
 
 /* .page--ios .dis-scroll {
   position: relative;
 } */
 
 .size-20 {
   margin: 0;
   font-size: 20px;
   line-height: 27px;
 }
 
 .block {
   display: block;
 }
 
 .title {
   margin: 0;
   text-align: center;
   margin-bottom: 30px;
   color: var(--black);
   font-size: 40px;
   line-height: 47px;
   font-weight: 700;
   text-transform: uppercase;
 }
 
 .header {
   position: fixed;
   z-index: 99;
   top: 0;
   left: 0;
   background-color: var(--white);
   width: 100%;
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .header__container {
   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__left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 40px;
 }
 .header__tel {
   color: var(--black);
   font-weight: 600;
 }
 .header__social {
   display: block;
   width: 60px;
   height: 60px;
 }
 .header__btn {
   font-size: 18px;
   color: var(--red);
   font-weight: 700;
   line-height: 25px;
   background-position: left center;
   background-size: contain;
   background-repeat: no-repeat;
 }
 .header__btn-call {
   /* background-image: url("../img/call.svg"); */
   padding-top: 25px;
   padding-bottom: 23px;
   padding-left: 84px;
 }
 .header__btn-brif {
   /* background-image: url("../img/brif.svg"); */
   padding-top: 15px;
   padding-bottom: 17px;
   padding-left: 62px;
 }
 .header__logo {
   display: none;
 }
 .header__burger {
   display: none;
 }
 
 .hero {
   height: 100vh;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;
   padding-top: 25vh;
   padding-bottom: 70px;
 }
 .hero__right {
   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;
 }
 .hero__container {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .hero__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 50px;
 }
 .hero__text {
   max-width: 602px;
   text-transform: uppercase;
   margin: 0;
   margin-bottom: 60px;
   font-size: 50px;
   line-height: 59px;
   color: var(--white);
   font-weight: 800;
 }
 .hero__text-color {
   display: inline-block;
   background-color: #B1031C;
   padding: 5px;
 }
 .ao__title{
  max-width: 790px;
  font-size: 44px;
  line-height: 51px;
 }
 .hero__btn {
   font-weight: 700;
   color: var(--white);
   background-color: var(--red);
   padding: 22px 54px;
   -ms-flex-item-align: start;
   align-self: flex-start;
 }
 
 .services {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .services__list {
   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;
   gap: 20px;
 }
 .services__item {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.15);
   box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.15);
 }
 .services__left {
   width: 40%;
   padding: 28px;
   background-color: #202020;
   cursor: pointer;
   /* background-image: url("../img/services-1.svg"); */
   background-repeat: no-repeat;
   background-position: 80% 80%;
   background-size: 18%;
 }
 .services__right {
   width: 60%;
   padding: 28px;
   background-color: var(--white);
 }
 .services__subtitle {
   margin: 0;
   font-size: 24px;
   line-height: 31px;
   font-weight: 600;
   color: var(--white);
 }
 .services__text {
   margin-bottom: 20px;
 }
 .services__btn {
   font-size: 14px;
   line-height: 21px;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
 }
 .services__btn-1 {
   padding: 12px 38px;
   color: var(--red);
   border: 2px solid var(--red);
   background-color: var(--white);
 }
 .services__btn-2 {
   padding: 11px 19px;
   color: var(--white);
   border: 2px solid var(--red);
   background-color: var(--red);
 }
 .services__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 35px;
 }
 
 .project {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .project__wrapper {
   padding-top: 35px;
   padding-bottom: 35px;
   background-image: url("../img/project-back.webp");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
 .project__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 25px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 30px;
 }
 .project__item {
   width: calc((100% - 50px) / 3);
   padding: 15px;
   background-color: var(--white);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 .project__name {
   margin: 0;
   margin-bottom: 5px;
   font-size: 20px;
   line-height: 27px;
   font-weight: 600;
   color: var(--black);
   text-align: center;
   text-transform: uppercase;
 }
 .project__img {
   display: block;
   margin-bottom: 20px;
   -webkit-box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);
   box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);
   width: 100%;
 }
 .project__text {
   margin: 0;
   font-size: 16px;
   line-height: 23px;
   font-weight: 400;
   color: var(--black);
   text-align: center;
 }
 .project__box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 50px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 .project__btn {
   font-size: 20px;
   line-height: 27px;
   font-weight: 700;
   text-transform: uppercase;
 }
 .project__btn-1 {
   padding: 2px 75px;
   color: var(--red);
   background-color: var(--white);
 }
 .project__btn-2 {
   padding: 22px 56px;
   color: var(--white);
   background-color: var(--red);
 }
 
 .request {
   padding-top: 50px;
   padding-bottom: 50px;
   position: relative;
 }
 .request__box{
  display: flex;
  justify-content: center;
  align-items: center;
 }
 .request__swiper-wrapper{
  height: auto;
 }
 .request__img {
   width: 100%;
 }
 .project__list{
	height: auto;
 }
 .project__item{
	display: flex;
	flex-direction: column;
 }
 .project__name{
	flex-grow: 1;
 }
 .project__swiper{
	width: auto;
 }
 .project__item{
	height: auto;
 }
 .swiper-pagination-bullet {
   width: 25px;
   height: 25px;
 }
 
 .swiper-pagination-bullet-active {
   background-color: var(--black);
 }
 
 .us {
   padding-top: 20px;
   padding-bottom: 100px;
 }
 .us__title {
   margin-bottom: 100px;
 }
 .us__list {
   width: 45%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 30px;
 }
 .us__item {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 40px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .us__number {
   width: 35px;
   font-size: 60px;
   line-height: 67px;
   font-weight: 600;
   color: var(--black);
 }
 .us__text {
   margin: 0;
   color: var(--red);
   font-size: 23px;
   line-height: 30px;
   font-weight: 400;
 }
 .us__text-color {
   font-weight: 600;
 }
 .us__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 100px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 
 .partners {
  background-color: var(--white);
  padding-top: 50px;
  padding-bottom: 100px;
}
.partners__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.partners__item {
  max-width: 196px;
  max-height: 121px;
}
.partners__title {
  margin-bottom: 80px;
}
 
 .footer {
   background-color: #202020;
   padding-top: 70px;
   padding-bottom: 70px;
 }
 .footer__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 50px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .footer__left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 25px;
 }
 .footer__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 40px;
 }
 .footer__wrapper{
  display: flex;
  align-items: flex-end;
  gap: 25px;
 }
 .footer__tel {
   color: var(--white);
   /* background-image: url("../img/tel.svg"); */
   background-repeat: no-repeat;
   background-position: left center;
   background-size: contain;
   padding-left: 75px;
   padding-top: 17px;
   padding-bottom: 17px;
 }
 .footer__mail {
   color: var(--white);
 }
 .footer__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }
 .footer__link {
   text-decoration: underline;
   color: var(--white);
   font-size: 18px;
   background: none;
   text-align: left;
   cursor: pointer;
   padding: 0;
   border: none;
   line-height: 25px;
   font-weight: 400;
 }
 .footer__name, .footer__ogrn, .footer__address {
   margin: 0;
   color: var(--white);
   font-size: 18px;
   line-height: 25px;
   font-style: normal;
   font-weight: 400;
 }
 .footer__logo {
   margin-bottom: 15px;
 }
 .footer__logo-mob {
   display: none;
 }
 
 @-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);
	 transform: scale(1);
   }
   50% {
	 -webkit-transform: scale(1.1);
	 transform: scale(1.1);
   }
   100% {
	 -webkit-transform: scale(1);
	 transform: scale(1);
   }
 }
 .ao .hero {
  background-image: url(../img/ao-hero.jpg);
}
.ao .hero__text {
  max-width: 663px;
  font-size: 45px;
  line-height: 50px;
}
.ao .hero__text-color {
  font-size: 43px;
  font-weight: 400;
}

.chance {
  padding-top: 40px;
}
.chance__wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url(../img/chance.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.chance__list {
  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;
  gap: 15px;
}
.chance__text {
  margin: 0;
  font-weight: 800;
  font-size: 35px;
  line-height: 50px;
  color: var(--white);
}

.more {
  background-color: var(--white);
  padding-top: 45px;
  padding-bottom: 30px;
}
.more__container {
  background-image: url(https://orlovtraffic.ru/wp-content/uploads/2024/05/more.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}
.more__text {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  color: var(--black);
}
.more__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 35px;
  margin-bottom: 15px;
}
.more__wrapper {
  position: relative;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.more__wrapper::before {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 0;
  width: 155%;
  height: 100%;
  background-color: #B1031C;
}
.more__result {
  position: relative;
  margin: 0;
  font-size: 26px;
  line-height: 33px;
  font-weight: 500;
  color: var(--white);
}
.more__result-text {
  position: relative;
  margin: 0;
  font-size: 26px;
  line-height: 33px;
  font-weight: 500;
  color: var(--white);
}

.result {
  padding-top: 40px;
}
.result__wrapper {
  background-image: url(../img/result.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 40px;
  padding-bottom: 40px;
}
.result__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}
.result__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -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: 40px;
}
.result__subtitle {
  background-color: #B1031C;
  margin: 0;
  margin-bottom: 30px;
  padding: 10px 25px;
  min-height: 90px;
  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;
  font-size: 30px;
  font-weight: 700;
  line-height: 37px;
  color: var(--white);
}
.result__left {
  width: 60%;
}
.result__text {
  margin: 0;
  font-weight: 400;
  line-height: 31px;
  font-size: 24px;
  color: var(--white);
}
.result__text-point {
  position: relative;
}
.result__text-point::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  left: -10px;
  top: 45%;
}
.result__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}
.result__btn {
  display: block;
  margin: 0 auto;
}
.result__img-mob {
  display: none;
}

.bitrix {
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 40px;
}
.bitrix__title {
  margin: 0;
  margin-bottom: 15px;
}
.bitrix__title-img {
  margin: 0 auto;
  margin-bottom: 50px;
  font-size: 40px;
  line-height: 47px;
  font-weight: 700;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
}
.bitrix__title-img::before {
  content: url("https://orlovtraffic.ru/wp-content/uploads/2024/05/bitrix.svg");
  margin-right: 10px;
}
.bitrix__text {
  position: relative;
}
.bitrix__text::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  left: -10px;
  top: 45%;
}
.bitrix__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bitrix__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
  width: 70%;
}
.bitrix__subtitle {
  color: #2FC7F7;
  margin: 0;
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
}
.bitrix__text {
  margin: 0;
  font-size: 23px;
  line-height: 40px;
  font-weight: 500;
  text-align: left;
  color: var(--black);
}
.bitrix__img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 57%;
}
.bitrix__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 80%;
}
.bitrix__list {
  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: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
/*# sourceMappingURL=main.css.map */
 @media (min-width: 1024px) {
   .header__social svg path {
	 -webkit-transition: fill 0.3s ease-in-out;
	 -o-transition: fill 0.3s ease-in-out;
	 transition: fill 0.3s ease-in-out;
   }
   .header__social:hover svg path {
	 fill: var(--brown);
   }
   .header__social:hover .icon {
	 fill: var(--white);
   }
   .header__btn-call {
	 position: relative;
   }
   .header__btn-call::after {
	 content: "";
	 position: absolute;
	 width: 63%;
	 top: 64%;
	 left: 37%;
	 height: 2px;
	 background-color: var(--red);
	 -webkit-transform: scale(0);
	 -ms-transform: scale(0);
	 transform: scale(0);
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
   }
   .header__btn-call:hover::after {
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
   }
   .header__btn-brif {
	 position: relative;
   }
   .header__btn-brif::after {
	 content: "";
	 position: absolute;
	 width: 70%;
	 top: 68%;
	 left: 30%;
	 height: 2px;
	 background-color: var(--red);
	 -webkit-transform: scale(0);
	 -ms-transform: scale(0);
	 transform: scale(0);
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
   }
   .header__btn-brif:hover::after {
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
   }
   .hero__btn,
   .services__btn,
   .project__btn {
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
   }
   .hero__btn:hover,
   .services__btn-2:hover,
   .project__btn-2:hover {
	 background-color: var(--white);
	 color: var(--red);
   }
   .services__btn-1:hover,
   .project__btn-1:hover {
	 background-color: var(--red);
	 color: var(--white);
   }
   .header__social {
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
   }
   .header__social:hover {
	 -webkit-animation: 1s ease-in-out infinite pulse;
	 animation: 1s ease-in-out infinite pulse;
   }
   .footer__link,
   .footer__mail,
   .footer__tel,
   .header__tel {
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
   }
   .footer__link:hover,
   .footer__mail:hover,
   .footer__tel:hover,
   .header__tel:hover {
	 color: var(--red);
   }
 }
 .nav {
   -webkit-transform: translateX(-3500px);
   -ms-transform: translateX(-3500px);
   transform: translateX(-3500px);
   opacity: 0;
   position: absolute;
   left: 0;
   top: 0;
   padding: 100px 15px 15px 15px;
   width: 100vw;
   height: 100vh;
   z-index: 20;
   background-color: var(--white);
 }
 .nav__link {
   font-size: 16px;
   font-weight: 800;
   line-height: 23px;
   color: var(--black);
 }
 .nav__list {
   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;
   gap: 30px;
 }
 
 .modal__container {
   padding: 25px;
   max-width: 764px;
 }
 .form__wrap {
   width: 85%;
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 15px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .modal__title {
   text-align: center;
   margin: 0;
   margin-bottom: 10px;
   color: var(--black);
   font-size: 24px;
   line-height: 31px;
   font-weight: 600;
 }
 .modal__text {
   text-align: center;
   margin: 0;
   margin-bottom: 20px;
   color: var(--black);
   font-weight: 400;
 }
 .modal__input {
  margin-bottom: 15px;
   width: 100%;
   padding: 20px;
   background-color: #f5f5f5;
   border: none;
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__input::-webkit-input-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__input::-moz-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__input:-ms-input-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__input::-ms-input-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__input::placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__textarea {
   height: 95px;
   width: 100%;
   padding: 20px;
   background-color: #f5f5f5;
   border: none;
   resize: none;
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__textarea::-webkit-input-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__textarea::-moz-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__textarea:-ms-input-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__textarea::-ms-input-placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__textarea::placeholder {
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 .modal__btn {
  display: block;
  margin: 0 auto;
   font-size: 14px;
   line-height: 21px;
   font-weight: 800;
   padding: 17px 45px;
   background-color: var(--red);
   color: var(--white);
 }
 .modal__politics {
   font-size: 14px;
   line-height: 21px;
   font-weight: 400;
   color: var(--black);
 }
 .modal__container {
   padding: 15px;
 }
 .form__wrap {
   width: 100%;
 }
 .form__wrap p{
  width: 100%;
 }
 .graph-modal__close {
   /* background-image: url(../img/modal-exit.svg); */
   width: 40px;
   height: 40px;
 }
 
 input[type="checkbox"] {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
 
 input[type="checkbox"] ~ span {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 
 input[type="checkbox"] ~ span::before {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -webkit-box-flex: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   border: 1px solid #adb5bd;
   border-radius: 0.25em;
   margin-right: 0.5em;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 70% 70%;
 }
 
 input[type="checkbox"]:checked ~ span::before {
   border-color: var(--red);
   background-color: var(--red);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
 }
 
 /* стили при наведении курсора на checkbox */
 input[type="checkbox"]:not(:disabled):not(:checked) ~ span:hover::before {
   border-color: #FBA9B5;
 }
 
 /* стили для активного состояния чекбокса (при нажатии на него) */
 input[type="checkbox"]:not(:disabled):active ~ span::before {
   background-color: #FBA9B5;
   border-color: #FBA9B5;
 }
 
 /* стили для чекбокса, находящегося в фокусе */
 input[type="checkbox"]:focus ~ span::before {
   -webkit-box-shadow: 0 0 0 0.2rem #FBA9B5;
   box-shadow: 0 0 0 0.2rem #FBA9B5;
 }
 
 /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
 input[type="checkbox"]:focus:not(:checked) ~ span::before {
   border-color: #FBA9B5;
 }
 
 /* стили для чекбокса, находящегося в состоянии disabled */
 input[type="checkbox"]:disabled ~ span::before {
   background-color: #e9ecef;
 }
 
 .modal2__top {
   width: 100%;
   background-color: var(--red);
   padding-bottom: 10px;
   padding-top: 20px;
   position: relative;
 }
 .modal2__top::before {
   content: "";
   position: absolute;
   left: -20px;
   top: -20px;
   width: calc(100% + 40px);
   height: calc(100% + 20px);
   background-color: var(--red);
 }
 .modal2__title {
   color: var(--white);
   position: relative;
 }
 .modal2__text {
   color: var(--white);
   position: relative;
 }
 .modal2__close {
   z-index: 32;
   width: 30px;
   height: 30px;
   background-image: url(../img/modal2-exit.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }
 .modal2__wrapper p{
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 20px;
 }
 .modal2__form {
   padding-top: 50px;
   padding-bottom: 50px;
 }
 .modal2__span {
   display: block;
   margin-bottom: 20px;
   font-size: 24px;
   color: var(--black);
   font-weight: 400;
   line-height: 31px;
 }
 .modal2__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   margin-bottom: 20px;
 }
 .modal2__btn {
   display: block;
   margin: 0 auto;
   margin-bottom: 20px;
 }
 .modal2__politic {
   max-width: 354px;
   margin: 0 auto;
 }
 
 .modal3__title {
   position: relative;
   margin: 0;
   color: var(--white);
 }
 .modal3__top {
   padding-top: 10px;
   padding-bottom: 25px;
 }
 .modal3__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
 }
 .modal3__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 25px;
   width: 80%;
   padding: 60px 40px 40px 90px;
 }
 .modal3__subtitle {
   font-weight: 400;
   color: var(--black);
 }
 .modal3__price {
   font-weight: 700;
   color: var(--black);
   text-align: left;
 }
 .modal3__btn {
   display: block;
   text-transform: uppercase;
   color: var(--white);
   background-color: var(--red);
   padding: 17px;
   font-size: 14px;
   line-height: 21px;
   font-weight: 700;
   margin: 0 auto;
 }
 .modal3__container {
   padding-bottom: 40px;
 }
 
 .politica__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 30px;
   width: 100%;
   padding: 70px 10px;
 }
 .politica__item {
   width: 100%;
 }
 .politica__subtitle{
  margin: 0;
   margin-bottom: 15px;
   color: var(--black);
   font-size: 24px;
   line-height: 27px;
   font-weight: 600;
   text-transform: uppercase;
 }
 .politica__title {
   margin: 0;
   margin-bottom: 5px;
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 600;
   text-transform: uppercase;
 }
 .politica__text {
   margin: 0;
   color: var(--black);
   font-size: 20px;
   line-height: 27px;
   font-weight: 400;
 }
 
 @media (max-width: 1100px) {
   .title {
	 font-size: 35px;
	 line-height: 42px;
   }
   .us__img {
	 display: none;
   }
   .us__wrapper {
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 background-image: url(../img/us.svg);
	 background-repeat: no-repeat;
	 background-size: contain;
	 background-position: center;
   }
   .us__list {
	 width: 60%;
   }
   .us__title {
	 margin-bottom: 40px;
   }
   .hero__text {
	 font-size: 46px;
	 line-height: 53px;
   }
   .ao__title{
    font-size: 38px;
    line-height: 45px;
   }
   .services__item {
	 -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;
   }
   .services__list {
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
   }
   .services__left, .services__right {
	 width: 70%;
   }
   .services__left {
	 background-position: right center;
   }
   .project__item {
	 width: calc((100% - 25px) / 2);
   }
   .project__list {
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
   }
  
  
     .chance__text {
    font-size: 26px;
    line-height: 32px;
  }
  .more__wrapper {
    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;
  }
  .more__wrapper:before {
    left: -30px;
    width: calc(100% + 60px);
  }
  .more__btn {
    display: block;
    margin: 0 auto;
  }
  .more__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(https://orlovtraffic.ru/wp-content/uploads/2024/05/more.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .more__container {
    background: none;
  }
  .result__img-desk {
    display: none;
  }
  .result__img-mob {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .result__left {
    width: 100%;
  }
  .result__item {
    -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: 20px;
  }
  .result__subtitle {
    text-align: center;
  }
  .result__text {
    text-align: center;
  }
  .result__text-point, .result__text-title {
    text-align: left;
  }
 }
 @media (max-width: 1024px) {
   .burger {
	 --burger-width: 30px;
	 --burger-height: 30px;
	 --burger-line-height: 2px;
	 position: relative;
	 border: none;
	 padding: 0;
	 width: var(--burger-width);
	 height: var(--burger-height);
	 color: #000;
	 background-color: transparent;
	 cursor: pointer;
	 display: block;
	 z-index: 21;
   }
   .burger::before, .burger::after {
	 content: "";
	 position: absolute;
	 left: 0;
	 width: 100%;
	 height: var(--burger-line-height);
	 background-color: currentColor;
	 -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   }
   .burger::before {
	 top: 0;
   }
   .burger::after {
	 top: calc(100% - var(--burger-line-height));
   }
   .burger__line {
	 position: absolute;
	 left: 0;
	 top: 50%;
	 width: 100%;
	 height: var(--burger-line-height);
	 background-color: currentColor;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 -webkit-transition: -webkit-transform 0.3s ease-in-out;
	 transition: -webkit-transform 0.3s ease-in-out;
	 -o-transition: transform 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   }
   .burger--active::before {
	 top: 50%;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
	 -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   }
   .burger--active::after {
	 top: 50%;
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	 -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   }
   .burger--active .burger__line {
	 -webkit-transform: scale(0);
	 -ms-transform: scale(0);
	 transform: scale(0);
	 -webkit-transition: -webkit-transform 0.3s ease-in-out;
	 transition: -webkit-transform 0.3s ease-in-out;
	 -o-transition: transform 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out;
	 transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   }
   .burger::before, .burger::after, .burger__line {
	 height: 3px;
   }
   .header__left {
	 display: none;
   }
   .header__btn {
	 display: none;
   }
   .header__logo {
	 display: block;
   }
   .menu--active {
	 -webkit-transition: all 0.5s ease-in-out;
	 -o-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	 -webkit-transform: translateX(0);
	 -ms-transform: translateX(0);
	 transform: translateX(0);
	 opacity: 1;
   }
   .modal3__list {
	 width: 100%;
	 padding: 40px;
   }
   .partners{
   	padding-top: 40px;
   	padding-bottom: 50px;
   }
     .partners__list {
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
    .bitrix__box {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .bitrix__left {
    margin: 0 auto;
  }
 }
 @media (max-width: 800px) {
   .title {
	 font-size: 30px;
	 line-height: 37px;
   }
    .footer__logo-desk {
	 display: none;
   }
    .footer__logo-mob {
	 display: block;
   }
   .us {
	 padding-bottom: 20px;
   }
   .us__list {
	 width: 60%;
	 gap: 15px;
   }
   .us__title {
	 margin-bottom: 30px;
   }
   .us__number {
	 width: 30px;
	 font-size: 50px;
	 line-height: 47px;
   }
   .us__text {
	 font-size: 20px;
	 line-height: 27px;
   }
   .hero {
	 padding-bottom: 159px;
	 background-position: 67% 50%;
   }
   .hero__logo {
	 display: none;
   }
   .hero__text {
	 font-size: 36px;
	 line-height: 43px;
   }
   .services__btn {
	 padding: 0;
	 width: 150px;
	 height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   }
   .services__left, .services__right {
	 width: 100%;
   }
   .project__btn {
	 width: 40%;
	 padding: 0;
	 min-height: 60px;
   }
   .project__box {
	 gap: 0px;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
   }
   .footer__container {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 gap: 35px;
   }
   .footer__left {
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 position: relative;
   }
   .footer__left::after {
	 content: "";
	 position: absolute;
	 left: 43%;
	 bottom: -20px;
	 height: 1px;
	 width: 50px;
	 background-color: var(--white);
   }
   .footer__right {
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
   }
   .footer__wrapper{
    flex-direction: column;
    align-items: center;
    gap: 5px;
   }
   .modal2__wrapper p{
    display: block;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
   }
   .modal2__form {
	 padding-top: 20px;
	 padding-bottom: 20px;
   }
   .modal3__item {
	 -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;
	 gap: 5px;
   }
     .more__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .more__wrapper:before {
    left: -30px;
    width: calc(100% + 60px);
  }
  .more__btn {
    display: block;
    margin: 0 auto;
  }
  .more__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 100px;
  }
  .result__subtitle {
    font-size: 25px;
    line-height: 32px;
  }
  .result__text {
    font-size: 20px;
    line-height: 27px;
  }
  .result__text-point {
    padding-left: 15px;
  }
  .result__text-point::before {
    left: 0;
  }
 }
 @media (max-width: 650px) {
   .project__list {
	 -ms-flex-wrap: nowrap;
	 flex-wrap: nowrap;
	 margin-bottom: 40px;
	 justify-content: flex-start;
	 gap: 0;
   }
   .swiper-pagination-bullet {
	 width: 15px;
	 height: 15px;
	 background-color: var(--white);
   }
   .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	 bottom: 8px;
   }
   .modal__input {
	 padding: 10px;
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__input::-webkit-input-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__input::-moz-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__input:-ms-input-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__input::-ms-input-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__input::placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__textarea {
	 height: 60px;
	 padding: 10px;
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__textarea::-webkit-input-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__textarea::-moz-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__textarea:-ms-input-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__textarea::-ms-input-placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__textarea::placeholder {
	 font-size: 14px;
	 line-height: 21px;
   }
   .modal__politics {
	 font-size: 9px;
	 line-height: 16px;
   }
     .more {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .more__text {
    font-size: 18px;
    line-height: 25px;
  }
  .more__list {
    gap: 20px;
  }
  .more__result, .more__result-text {
    font-size: 16px;
    line-height: 23px;
  }
  .result__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;
  }
  .result__container {
    padding-bottom: 40px;
  }
  .result__wrapper {
    padding-top: 24px;
    padding-bottom: 0;
  }
  .bitrix__title-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 14px;
    font-weight: 600;
  }
  .bitrix__title-img::before {
    content: url("https://orlovtraffic.ru/wp-content/uploads/2024/05/bitrix-mob.svg");
  }
  .bitrix__subtitle {
    font-size: 18px;
    line-height: 25px;
  }
  .bitrix__text {
    font-size: 16px;
    line-height: 28px;
    min-width: 130px;
  }
 }
 @media (max-width: 556px) {
   .size-20 {
	 font-size: 16px;
	 line-height: 23px;
   }
   .container {
	 padding-left: 12px;
	 padding-right: 12px;
   }
   .title {
	 font-size: 28px;
	 line-height: 35px;
   }
   .us {
	 padding-bottom: 20px;
   }
   .us__list {
	 width: 100%;
	 gap: 15px;
   }
   .us__title {
	 margin-bottom: 30px;
   }
   .us__text {
	 font-size: 16px;
	 line-height: 23px;
	 text-align: center;
   }
   .us__item {
	 -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;
	 gap: 10px;
   }
   .request__img {
	 display: block;
	 width: 70%;
	 text-align: center;
	 margin: 0 auto;
   }
   .swiper-pagination-bullet {
	 width: 20px;
	 height: 20px;
   }
   .hero__text {
	 font-size: 26px;
	 line-height: 33px;
	 max-width: 210px;
	 margin-bottom: 20px;
   }
   .ao__title{
    max-width: 340px;
    font-size: 22px;
    line-height: 29px;
   }
   .hero__btn {
	 padding: 9px;
   }
   .services__wrapper {
	 -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;
	 gap: 7px;
   }
   .services__subtitle {
	 font-size: 16px;
	 line-height: 23px;
   }
   .services__text {
	 font-size: 16px;
	 line-height: 23px;
   }
   .services__right {
	 padding: 13px;
   }
   .services__left {
	 padding: 23px 13px;
   padding-right: 60px;
   }
   .services__list {
	 gap: 15px;
   }
   .project__title {
	 margin-bottom: 15px;
   }
   .project__btn {
	 font-size: 14px;
	 width: 48%;
   }
   .project__name {
	 font-size: 13px;
	 line-height: 20px;
   }
   .project__text {
	 font-size: 11px;
	 line-height: 18px;
   }
   .footer {
	 padding-top: 20px;
	 padding-bottom: 20px;
   }
   .footer__logo {
	 width: 200px;
   }
   .footer__tel {
	 padding-top: 6px;
	 padding-bottom: 6px;
	 padding-left: 40px;
   }
   .footer__wrap {
	 gap: 20px;
   }
   .footer__left {
	 gap: 15px;
   }
   .footer__left::after {
	 left: 39%;
   display: none;
   }
   .footer__russia{
    width: 130px;
   }
   .footer__link, .footer__name, .footer__ogrn, .footer__address {
	 font-size: 12px;
	 line-height: 19px;
   }
   .header__social {
	 display: block;
	 width: 30px;
	 height: 30px;
   }
   .header__social svg {
	 width: 30px;
	 height: 30px;
   }
   .modal2__politics {
	 font-size: 10px;
   }
   .modal2__check {
	 font-size: 14px;
   }
   .modal3__list {
	 padding: 30px 0;
   }
   .modal3__btn {
	 padding: 10px 17px;
   }
   .politica__title {
	 font-size: 16px;
	 line-height: 23px;
   }
   .politica__text {
	 font-size: 16px;
	 line-height: 23px;
   }
     .politica__title {
    font-size: 16px;
    line-height: 23px;
  }
  .politica__text {
    font-size: 16px;
    line-height: 23px;
  }
  .chance {
    padding-top: 15px;
  }
  .chance__wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url(https://orlovtraffic.ru/wp-content/uploads/2024/05/chance-mob.jpg)!important;
    background-position: right top;
  }
  .chance__text {
    font-size: 16px;
    line-height: 32px;
  }
  .chance__title {
    margin-bottom: 10px;
  }
  .result {
    padding-top: 20px;
  }
  .result__subtitle {
    font-size: 16px;
    line-height: 23px;
    min-height: 50px;
  }
  .result__text {
    font-size: 16px;
    line-height: 23px;
    text-align: left;
  }
  .result__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .result__title {
    margin-bottom: 20px;
  }
 }
 /*# sourceMappingURL=main.css.map */