@charset "UTF-8";

body {
font-family: 'Roboto', sans-serif;
}

.section-inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.btn {
  display: inline-block;
  border: 2px solid #219653;
  color: #219653;
  padding: 17px 40px;
  border-radius: 4px;
  text-decoration: none;
}

@media (max-width: 991px) {
  .btn {
    padding: 10px;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .btn {
    padding: 5px;
  }
}

.btn-burger {
  background-color: rgb(218, 239, 248);
  border: 2px solid #497BDF;
  font-weight: 500;
  color: black;
}

.btn-success {
  border: 2px solid #497BDF;
  background: #497BDF;
  border-radius: 10px;
  color: white;
  font-size: 20px;
  cursor: pointer;
}

@media (max-width: 575px) {
  .btn-success {
    font-size: 18px;
    padding: 15px 20px;
  }
}

.btn-success:hover {
  transition: 0.5s;
  background-color: #497BDF;
}

.btn-none {
  border: 2px solid #497BDF;
  color: white;
  font-size: 20px;
  background: #497BDF;
  border-radius: 10px;
}

@media (max-width: 575px) {
  .btn-none {
    font-size: 18px;
    padding: 10px 20px;
  }
}

.btn-none:hover {
  transition: 0.5s;
  background-color: #497BDF;
}

.btn-input {
  border: 2px solid gold;
  background-color: gold;
  border-radius: 12px;
  padding: 15px 40px;
  color: black;
  cursor: pointer;
}

@media (max-width: 991px) {
  .btn-input {
    padding: 10px 30px;
  }
}

@media (max-width: 575px) {
  .btn-input {
    padding: 10px 20px;
  }
}

.btn-input:hover {
  transition: 0.5s;
  border: 2px solid rgb(255, 196, 1);
  background-color: rgb(255, 196, 1);
}

.btn-gold {
  border: 2px solid gold;
  background-color: gold;
  border-radius: 28px;
  padding: 15px 30px;
  color: black;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0px 5px 10px rgb(187, 143, 0);
  cursor: pointer;
}

@media (max-width: 991px) {
  .btn-gold {
    padding: 10px 30px;
  }
}

@media (max-width: 575px) {
  .btn-gold {
    padding: 10px 20px;
  }
}

.btn-gold:hover {
  transition: 0.5s;
  border: 2px solid rgb(255, 196, 1);
  background-color: rgb(255, 196, 1);
}

.btn-white {
  border: 2px solid white;
  border-radius: 12px;
  padding: 15px 30px;
  color: white;
  cursor: pointer;
}

.btn-white:hover {
  transition: 0.5s;
  color: rgb(4, 180, 250);
}

/* COMMON */
.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

/* COMMON */

/* HEADER */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
@media(max-width: 767px) {
  .header {
    background: linear-gradient(101.79deg, #2D334A 6.04%, #38405C 23.09%, #2D334A 38.75%, #38405C 50.27%, #2D334A 62.7%, #2D334A 65.93%, #38405C 80.67%, #2D334A 94.49%);
  }
}
.header-active {
  background: linear-gradient(101.79deg, #2D334A 6.04%, #38405C 23.09%, #2D334A 38.75%, #38405C 50.27%, #2D334A 62.7%, #2D334A 65.93%, #38405C 80.67%, #2D334A 94.49%);
  transition: all  .3s ease-in-out;
}
.header .section-inner {
  padding: 10px 0;
}
.header-contant {
  padding: 0 10px;
}
.header-contant .main_navigations {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* padding: 0 10px; */
}
@media(max-width: 767px) {
  .menu {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2D334A;
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
    z-index: 50;
    padding: 20px;
  }
  .menu.menu-active {
    transform: translateX(0%);
  }
}
.menu .list-menu {
  display: flex;
  justify-content: space-between;
  font-style: none;
  list-style: none;
  width: 550px;
  padding-left: 0;
}
@media(max-width: 1200px) {
  .menu .list-menu {
    width: 450px;
  }
}
@media(max-width: 767px) {
  .menu .list-menu {
    flex-direction: column;
    text-align: left;
    width: 100%;
  }
}
@media(max-width: 767px) {
  .menu .list-menu  li{
    padding-bottom: 2px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
  }
}
.menu .list-menu .link-menu {
  font-size: 18px;
  text-decoration: none;
  color: #fff;
}
@media(max-width: 1200px) {
  .menu .list-menu .link-menu {
    font-size: 16px;
  }
}
@media(max-width: 767px) {
  .menu .list-menu .link-menu {
    font-size: 20px;
  }
}
.menu .list-menu .link-menu:hover {
  transition: all .3s;
  color: #b0dfff;
}
.logo-header {
  width: 180px;
}
@media(max-width: 1200px) {
  .logo-header {
    width: 120px;
  }
}
.logo-header .link {
  font-family: 'Marck Script', cursive;
  font-weight: 400;
  font-size: 46px;
  text-decoration: none;
  color: #fff;
}
@media(max-width: 1200px) {
  .logo-header .link {
    font-size: 36px;
  }
}
.online {
  width: 200px;
}
@media(max-width: 1200px) {
  .online {
    width: 140px;
  }
}
@media(max-width: 930px) {
  .online {
    display: none;
  }
}
.menu-phone {
  width: 200px;
}
@media(max-width: 1200px) {
  .menu-phone {
    width: 200px;
  }
}
@media(max-width: 767px) {
  .menu-phone {
    display: none;
  }
}
.online .link {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  border-bottom: 1px dashed #fff;
}
@media(max-width: 1200px) {
  .online .link {
    font-size: 16px;
  }
}
.menu-phone .link-tel {
  text-decoration: none;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.burger {
  display: none;
  position: fixed;
  right: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 30px;
  height: 25px;
}
@media(max-width: 767px) {
  .burger {
    display: block;
  }
}
.burger .burger-line {
  position: absolute;
  top: 45%;
  left: 0;
  background-color: #fff;
  width: 70%;
  height: 2px;
  opacity: 1;
  transition: opacity .3s ease-out;
}
.burger-active .burger-line {
  opacity: 0;
}
.burger::after,
.burger::before {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
}
.burger::after {
  top: 0;
}
.burger::before {
  bottom: 0;
}

.burger-active::after {
  top: 50%;
  transform: rotate(45deg);
}
.burger-active::before {
  top: 50%;
  transform: rotate(-45deg);
}
/* HEADER */

/* HERO */
.hero_new {
  background-image: linear-gradient(270deg, rgba(24, 24, 27, 0) 55%, rgba(27, 27, 30, 0.8) 90%),
                    url(../img/hero/fon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top, left top;
}
@media(max-width: 1200px) {
  .hero_new {
    background-size: cover;
  }
}

.hero_new .section-inner {
  padding: 150px 0;
}
@media(max-width: 1200px) {
  .hero_new .section-inner {
    padding-top: 100px;
  }
}
@media(max-width: 767px) {
  .hero_new .section-inner {
    padding-bottom: 20px;
  }
}
.hero-content {
  padding: 0 10px;
  width: 785px;
}
@media(max-width: 992px) {
  .hero-content {
    width: auto;
  }
}
.hero-content_bottom {
  position: relative;
  padding: 0 10px;
  padding-bottom: 100px;
}
@media(max-width: 767px) {
  .hero-content_bottom {
    padding-bottom: 0px;
  }
}
.hero-content h1 {
  font-family: "Philosopher";
  font-size: 54px;
  color: #fff;
  font-weight: 600;
  text-align: left;
  margin: 0;
  font-style: none;
  padding: 0;
}
@media(max-width: 767px) {
  .hero-content h1 {
    font-size: 40px;
    text-align: center;
  }
}
@media(max-width: 567px) {
  .hero-content h1 {
    font-size: 36px;
  }
}
.hero-content h1 span {
  color: #CBB47A;
}
.hero-btn .btn {
  background: #497BDF;
  border-radius: 10px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  padding: 24px 30px;
  font-weight: 500;
}
.hero-content .title {
  font-size: 30px;
  text-align: left;
  font-weight: 500;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 50px;
}
.hero-content .title span {
  font-family: "Philosopher";
}
@media(max-width: 767px) {
  .hero-content .title {
    font-size: 26px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
@media(max-width: 567px) {
  .hero-content .title {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
.hero-content .text {
  font-size: 18px;
  text-align: left;
  font-weight: 500;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 50px;
  width: 350px;
}
@media(max-width: 767px) {
  .hero-content .text {
    width: 100%;
    text-align: center;
  }
}
.hero-content .hero-btn {
  width: 320px;
  margin-right: auto;
}
@media(max-width: 767px) {
  .hero-content .hero-btn {
    width: 320px;
    margin:0 auto;
  }
}
.wrapper-hero {
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: -220%;
}
@media(max-width: 767px) {
  .wrapper-hero {
    position: relative;
    flex-direction: column;
    bottom: 0%;
  }
}
.wrapper-hero .item {
  width: 30%;
  background-color: #fff;
  box-shadow: 2px 4px 6px rgb(0 0 0 / 25%);
  border-radius: 6px; 
}
@media(max-width: 767px) {
  .wrapper-hero .item {
    width: 100%;
    margin-top: 16px;
  }
}
.wrapper-hero .item:nth-child(1) {
  background-image: url(../img/hero/1.png);
  background-repeat: no-repeat;
  background-position: 95% 95%;
}
.wrapper-hero .item:nth-child(2) {
  background-image: url(../img/hero/2.png);
  background-repeat: no-repeat;
    background-position: 95% 95%;
}
.wrapper-hero .item:nth-child(3) {
  background-image: url(../img/hero/3.png);
  background-repeat: no-repeat;
    background-position: 95% 95%;
}

.wrapper-hero .item .item-content {
  padding: 50px;
}
@media(max-width: 1200px) {
  .wrapper-hero .item .item-content {
    padding: 30px;
  }
}
@media(max-width: 992px) {
  .wrapper-hero .item .item-content {
    padding: 20px;
  }
}
.wrapper-hero .item .item-content .title {
  font-size: 22px;
  color: #000;
  text-align: left;
  font-weight: 500;
  padding-bottom: 30px;
}
@media(max-width: 992px) {
  .wrapper-hero .item .item-content .title {
    font-size: 20px;
    padding-bottom: 20px;
  }
}
.wrapper-hero .item .item-content .text {
  font-size: 16px;
  color: #333;
  text-align: left;
}

/* HERO */

.section-main {
  position: relative;
  margin-top: 85px;
}

.section-main .main-fon {
  position: relative;
  background-color: rgba(0, 0, 0, .5);
  margin-top: -30px;
}

.section-main .main-stroi {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: -30px;
}

@media (max-width: 991px) {
  .section-main .main-fon {
    margin-top: -60px;
  }
}

@media (max-width: 767px) {
  .section-main .main-fon {
    margin-top: -45px;
  }

  .section-stroi {
    background-position: 70% top;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .section-main .main-fon {
    background-color: rgba(0, 0, 0, .5);
  }

  .section-main .main-stroi {
    background-color: none;
  }
}

@media (max-width: 575px) {
  .section-main .main-fon {
    background-color: rgba(0, 0, 0, .5);
    margin-top: -90px;
  }
}

@media (max-width: 991px) {
  .section-main .main-fon--index {
    margin-top: -85px;
  }
}

@media (max-width: 767px) {
  .section-main .main-fon--index {
    background-color: rgba(0, 0, 0, .5);
  }
}

.section-main .section-inner {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .section-main .section-inner {
    padding-bottom: 50px;
  }
}

.section-main .section-inner .vekup {
  display: flex;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 12px;
  margin-bottom: 26px;
  padding: 10px;
  margin-top: -12px;
}

@media (max-width: 767px) {
  .section-main .section-inner .vekup {
    flex-direction: column;
  }
}

.section-main .section-inner .vekup__left {
  flex-basis: 700px;
}

@media (max-width: 767px) {
  .section-main .section-inner .vekup__left {
    flex-basis: 100%;
  }
}

.section-main .section-inner .vekup__left h3 {
  margin: 0;
  color: wheat;
  font-size: 40px;
  font-weight: 900;
  text-align: justify;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__left h3 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .vekup__left h3 {
    font-size: 28px;
  }
}

.section-main .section-inner .vekup__left h3 span {
  color: #ffe77e;
}

.section-main .section-inner .vekup__left .title {
  font-size: 26px;
  text-align: justify;
  margin-left: 2.5%;
  color: #ffffff;
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__left .title {
    font-size: 24px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .vekup__left .title {
    font-size: 22px;
  }
}

.section-main .section-inner .vekup__left .titlesub {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: gold;
  padding-top: 10px;
}

@media (max-width: 767px) {
  .section-main .section-inner .vekup__left .titlesub {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .vekup__left .titlesub {
    font-size: 22px;
  }
}

.section-main .section-inner .vekup__left .text {
  color: rgb(255, 255, 255);
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 18px;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__left .text {
    font-size: 16px;
  }
}

.section-main .section-inner .vekup__left .text span {
  color: wheat;
  font-weight: 500;
}

.section-main .section-inner .vekup__left .subtitle {
  width: 70%;
  font-size: 22px;
  text-align: center;
  color: white;
  font-family: 400;
  font-style: italic;
}

@media (max-width: 1199px) {
  .section-main .section-inner .vekup__left .subtitle {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__left .subtitle {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .vekup__left .subtitle {
    font-size: 18px;
  }
}

.section-main .section-inner .vekup__left .group {
  display: flex;
  margin-top: 30px;
}

@media (max-width: 575px) {
  .section-main .section-inner .vekup__left .group {
    margin-top: 20px;
  }
}

.section-main .section-inner .vekup__left .group__item {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-basis: 33%;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__left .group__item {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .vekup__left .group__item {
    flex-direction: column;
  }
}

.section-main .section-inner .vekup__left .group__item img {
  width: 70px;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__left .group__item img {
    width: 50px;
  }
}

.section-main .section-inner .vekup__right {
  position: relative;
  margin-bottom: 10px;
  flex-basis: 450px;
}

@media (max-width: 767px) {
  .section-main .section-inner .vekup__right {
    flex-basis: 100%;
  }
}

.section-main .section-inner .vekup__right .form {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 12px;
  padding: 10px;
}

.section-main .section-inner .vekup__right .form h4 {
  text-align: center;
  margin: 0;
  color: white;
  font-size: 24px;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__right .form h4 {
    font-size: 20px;
  }
}

.section-main .section-inner .vekup__right .form .title {
  color: white;
  padding: 6px;
  font-size: 18px;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__right .form .title {
    font-size: 16px;
  }
}

.section-main .section-inner .vekup__right .form .form-vekup {
  display: flex;
  flex-direction: column;
  justify-content: start;
  background: white;
  border-radius: 12px;
}

.section-main .section-inner .vekup__right .form .form-vekup .name {
  width: 80%;
  height: 30px;
  margin-left: 10%;
  margin-bottom: 6px;
  border: none;
  border: 1px solid black;
  border-radius: 14px;
  background-color: rgba(228, 228, 228, 0.9);
  color: black;
  text-indent: 12px;
}

.section-main .section-inner .vekup__right .form .form-vekup .name--adress {
  width: 40%;
}

.section-main .section-inner .vekup__right .form .form-vekup select {
  width: 40%;
  height: 30px;
  margin-left: 10%;
}

@media (max-width: 991px) {
  .section-main .section-inner .vekup__right .form .form-vekup select {
    width: 82%;
  }
}

.section-main .section-inner .vekup__right .form .form-vekup .btn {
  padding: 10px;
  width: 50%;
  margin-left: 25%;
  border-radius: 16px;
  margin-bottom: 10px;
}

.section-main .section-inner .vekup__right .form .form-vekup label {
  text-align: justify;
  text-indent: 10%;
  font-size: 16px;
  margin-top: 6px;
}

.section-main .section-inner .section-main h2 {
  color: #fff;
  font-size: 44px;
  font-weight: 900;
  padding-top: 40px;
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main h2 {
    font-size: 40px;
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .section-main .section-inner .section-main h2 {
    font-size: 34px;
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .section-main .main-fon {
    margin-top: -30px;
  }
}

@media (max-width: 991px) {
  .section-main .main-fon {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.section-main .section-inner .section-main .title-text {
  font-size: 34px;
  font-weight: 900;
  color: rgb(175, 36, 36);
}

.section-main .section-inner .section-main .text {
  font-size: 28px;
  text-align: center;
  font-weight: 400;
  color: #fff;
}

@media (max-width: 1199px) {
  .section-main .section-inner .section-main .text {
    font-size: 26px;
    margin-left: 2%;
    margin-right: 2%;
    color: #fff;
  }
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main .text {
    font-size: 24px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .section-main .text {
    font-size: 24px;
  }
}

.section-main .section-inner .section-main .text-index {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.75);
}

.section-main .section-inner .section-main .text-color {
  color: #008100;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.75);
}

.section-main .section-inner .section-main .text-color span {
  color: black;
}

.section-main .section-inner .section-main .text-color span .new-span {
  color: goldenrod;
}

.section-main .section-inner .section-main .text-money {
  font-weight: 900;
  color: #0573e0;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: underline;
  padding-top: 10px;
}

.section-main .section-inner .section-main .text-new {
  font-size: 35px;
  font-weight: 500;
  margin-left: 25%;
  margin-right: 25%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main .text-new {
    margin-bottom: 20px;
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .section-main .section-inner .section-main .text-new {
    margin-left: 20%;
    margin-right: 20%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .section-main .text-new {
    font-size: 26px;
    margin-left: 15%;
    margin-right: 15%;
  }
}

.section-main .section-inner .section-main .text-sale {
  font-size: 35px;
  font-weight: 500;
  margin-left: 10%;
  margin-right: 10%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main .text-sale {
    font-size: 26px;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.section-main .section-inner .section-main__wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  top: 150px;
  margin-bottom: 80px;
}

@media (max-width: 1200px) {
  .section-main .section-inner .section-main__wrapper {
    box-sizing: border-box;
  }
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main__wrapper {
    height: 100px;
    top: 130px;
  }
}

@media (max-width: 767px) {
  .section-main .section-inner .section-main__wrapper {
    display: none;
  }
}

.section-main .section-inner .section-main__wrapper-item {
  display: flex;
  align-items: center;
  flex-basis: 18%;
  border-radius: 4px;
  box-shadow: 2px 4px 12px rgba(0 0 0 / 25%);
  background-color: #fff;
  line-height: 1.5;
  padding: 20px 20px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .section-main .section-inner .section-main__wrapper-item img {
    display: none;
  }
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main__wrapper-item {
    flex-basis: 20%;
    padding: 4px;
  }
}

.section-main .section-inner .section-main__wrapper .section-main__wrapper-item+.section-main__wrapper-item {
  margin-left: 20px;
}

.section-main .section-inner .section-main__wrapper-index {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  top: 50px;
  margin-bottom: 80px;
}

@media (max-width: 1399px) {
  .section-main .section-inner .section-main__wrapper-index {
    top: 70px;
  }
}

@media (max-width: 1399px) {
  .section-main .section-inner .section-main__wrapper-index {
    top: 100px;
  }
}

@media (max-width: 767px) {
  .section-main .section-inner .section-main__wrapper-index {
    display: none;
  }
}

.section-main .section-inner .section-main__wrapper-index-item {
  display: flex;
  align-items: center;
  flex-basis: 18%;
  border: 1px solid black;
  border-radius: 4px;
  background-color: rgba(247, 242, 242, 0.85);
  line-height: 1.5;
  padding: 20px 20px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .section-main .section-inner .section-main__wrapper-index-item img {
    display: none;
  }
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main__wrapper-index-item {
    flex-basis: 20%;
    padding: 4px;
  }
}

.section-main .section-inner .section-main__wrapper-index .section-main__wrapper-item+.section-main__wrapper-item {
  margin-left: 20px;
}

.section-main .section-inner .section-main__wrapper-dop {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  top: 50px;
  margin-bottom: 80px;
}

@media (max-width: 1399px) {
  .section-main .section-inner .section-main__wrapper-dop {
    top: 40px;
  }
}

@media (max-width: 1399px) {
  .section-main .section-inner .section-main__wrapper-dop {
    top: 40px;
  }
}

@media (max-width: 767px) {
  .section-main .section-inner .section-main__wrapper-dop {
    display: none;
  }
}

.section-main .section-inner .section-main__wrapper-dop-item {
  display: flex;
  align-items: center;
  flex-basis: 28%;
  border: 1px solid black;
  border-radius: 4px;
  background-color: rgba(247, 242, 242, 0.85);
  line-height: 1.5;
  padding: 20px 20px;
  padding-top: 30px;
  font-weight: 400;
  box-shadow: 5px 10px 15px rgb(0, 0, 0);
}

.section-main .section-inner .section-main__wrapper-dop-item img {
  position: absolute;
  top: 0;
  transform: translate(195%, -50%);
  width: 70px;
}

@media (max-width: 1199px) {
  .section-main .section-inner .section-main__wrapper-dop-item img {
    display: none;
  }
}

@media (max-width: 991px) {
  .section-main .section-inner .section-main__wrapper-dop-item {
    flex-basis: 20%;
    padding: 4px;
  }
}

.section-main .section-inner .section-main__wrapper-dop .section-main__wrapper-item+.section-main__wrapper-item {
  margin-left: 20px;
}

.section-main .section-inner .group-btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 45px;
}

@media (max-width: 767px) {
  .section-main .section-inner .group-btn {
    padding-bottom: 28px;
  }
}

@media (max-width: 575px) {
  .section-main .section-inner .group-btn {
    margin-top: 25px;
  }
}

.section-main .section-inner .group-btn>a {
  margin-left: 20px;
}

@media (max-width: 991px) {
  .section-main .section-inner .group-btn>a {
    margin-bottom: 4px;
  }
}

.section-services {
  background: url(/img/hero/Rectangle.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.section-services .section-inner {
  padding-top: 100px;
  padding-bottom: 60px;
}

@media (max-width: 1199px) {
  .section-services .section-inner {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .section-services .section-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.section-services .section-inner .serv .title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 30px;
  padding-top: 20px;
  color: green;
}

.section-services .section-services-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.section-services .section-services-list h2 {
  font-size: 44px;
  color: #333;
  margin-bottom: 40px;
  padding: 0;
  margin: 0;
}

.section-services .section-services-list .text {
  margin-left: 15%;
  margin-right: 15%;
  font-size: 16px;
  margin-bottom: 40px;
}

@media (max-width: 575px) {
  .section-services .section-services-list .text {
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (max-width: 575px) {
  .section-services .section-services-list .text {
    margin-bottom: 20px;
  }
}

.section-services .section-services-list .section-services-list-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .section-services .section-services-list .section-services-list-wrapper {
    flex-direction: column;
  }
}

.section-services .section-services-list .section-services-list-wrapper__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 28%;
  border: 1px solid black;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
  background: rgba(0, 119, 255, 0.1);
}

@media (max-width: 767px) {
  .section-services .section-services-list .section-services-list-wrapper__item {
    width: 93%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}

@media (max-width: 575px) {
  .section-services .section-services-list .section-services-list-wrapper__item {
    width: 88%;
    margin-left: 4%;
    margin-right: 5%;
  }
}

.section-services .section-services-list .section-services-list-wrapper__item:hover {
  border: 1px solid #219653;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.section-services .section-services-list .section-services-list-wrapper__item-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.section-services .section-services-list .section-services-list-wrapper__item-link .group-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: black;
}

.section-services .section-services-list .section-services-list-wrapper__item-link .title-btn {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #0667a3;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: rgb(248, 248, 248);
  padding: 4px;
  border-radius: 4px;
}

.section-services .section-services-list .section-services-list-wrapper__item-link .title-btn:hover {
  transition: 0.5s;
  background: #026fb3;
}

.section-services .section-services-list .section-services-list-wrapper__item-link .title-btn img {
  margin-left: 2px;
}

.section-services .section-services-list .section-services-list-wrapper__item-link img {
  width: 100px;
  border-radius: 4px;
}

@media (max-width: 575px) {
  .section-services .section-services-list .section-services-list-wrapper__item-link img {
    width: 50px;
  }
}

.section-services .section-services-list .section-services-list-wrapper__item-link .text-title {
  color: rgb(0, 22, 83);
  font-size: 26px;
  font-weight: 500;
}

@media (max-width: 575px) {
  .section-services .section-services-list .section-services-list-wrapper__item-link .text-title {
    font-size: 22px;
  }
}

.line {
  width: 10%;
  height: 3px;
  background-color: rgb(0, 34, 126);
  border-radius: 8px;
  margin-left: 46%;
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (max-width: 575px) {
  .line {
    display: none;
    width: 100px;
    height: 2px;
    margin-left: 42%;
    margin-right: 30%;
    background-color: rgba(0, 0, 0, 0.8);
  }
}

.line-tops {
  margin-top: -30px;
}

@media (max-width: 575px) {
  .line-tops {
    display: none;
  }
}

.line-mobile {
  display: none;
  width: 10%;
  height: 3px;
  background-color: rgb(0, 34, 126);
  border-radius: 8px;
  margin-left: 46%;
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (max-width: 991px) {
  .line-mobile {
    display: block;
    width: 100%;
    height: 1px;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
}

.section-connection {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-connection .section-inner-form {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (max-width: 991px) {
  .section-connection .section-inner-form {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.section-connection .section-inner-form .section-connection-form {
  display: flex;
  flex-direction: column;
}

.section-connection .section-inner-form .section-connection-form h2 {
  font-size: 30px;
  text-align: center;
  color: rgb(248, 237, 217);
  margin: 0;
  padding: 0;
  padding-bottom: 28px;
}

@media (max-width: 991px) {
  .section-connection .section-inner-form .section-connection-form h2 {
    padding-bottom: 12px;
  }
}

@media (max-width: 575px) {
  .section-connection .section-inner-form .section-connection-form h2 {
    font-size: 24px;
  }
}

.section-connection .section-inner-form .section-connection-form .form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.section-connection .section-inner-form .section-connection-form .form-name {
  width: 250px;
  height: 40px;
  border: none;
  border-radius: 8px;
  margin: 8px;
}

@media (max-width: 991px) {
  .section-connection .section-inner-form .section-connection-form .form-name {
    width: 230px;
  }
}

@media (max-width: 575px) {
  .section-connection .section-inner-form .section-connection-form .form-name {
    width: 90%;
    height: 32px;
  }
}

.section-connection .section-inner-form .section-connection-form .form-phone {
  width: 250px;
  height: 40px;
  border: none;
  border-radius: 8px;
  margin: 8px;
  margin-left: 20px;
  margin-right: 20px;
}

@media (max-width: 991px) {
  .section-connection .section-inner-form .section-connection-form .form-phone {
    width: 230px;
  }
}

@media (max-width: 575px) {
  .section-connection .section-inner-form .section-connection-form .form-phone {
    width: 90%;
    height: 32px;
  }
}

.section-connection .section-inner-form .section-connection-form .text {
  color: white;
  text-align: center;
}

.section-youtube {
  background: url(/img/music_2.png);
  background-size: 100% 100%;
}

.section-youtube .section-inner {
  padding-bottom: 60px;
}

@media (max-width: 1199px) {
  .section-youtube .section-inner {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .section-youtube .section-inner {
    padding-bottom: 40px;
  }
}

.section-youtube .section-inner h2 {
  font-size: 40px;
  padding-top: 48px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  margin: 0;
  color: #333;
}

@media (max-width: 1199px) {
  .section-youtube .section-inner h2 {
    padding-top: 80px;
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (max-width: 991px) {
  .section-youtube .section-inner h2 {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .section-youtube .section-inner h2 {
    font-size: 40px;
    padding-top: 40px;
  }
}

@media (max-width: 575px) {
  .section-youtube .section-inner h2 {
    font-size: 40px;
  }
}

@media (max-width: 1199px) {
  .section-youtube .section-inner .section-youtube-about {
    flex-direction: column;
  }
}

.section-youtube .section-inner .section-youtube-about figure {
  float: left;
  margin: 0;
}

@media (max-width: 575px) {
  .section-youtube .section-inner .section-youtube-about figure {
    padding: 0;
    margin: 0;
  }
}

.section-youtube .section-inner .section-youtube-about figure figcaption {
  font-size: 16px;
  font-weight: 500;
  margin-left: 10%;
  margin-right: 10%;
}

@media (max-width: 575px) {
  .section-youtube .section-inner .section-youtube-about figure figcaption {
    padding: 0;
    margin: 0;
  }
}

.section-youtube .section-inner .section-youtube-about figure figcaption span {
  color: #0573e0;
  font-size: 20px;
  font-weight: 600;
}

.section-youtube .section-inner .section-youtube-about img {
  width: 400px;
  margin: 0 10px 10px 0;
  border-radius: 3px;
}

@media (max-width: 575px) {
  .section-youtube .section-inner .section-youtube-about img {
    padding: 0;
    width: 95%;
    margin-left: 2%;
  }
}

.section-youtube .section-inner .section-youtube-about .text {
  font-size: 18px;
  line-height: 1.5;
  color: rgb(48, 48, 48);
  font-weight: 400;
  text-align: justify;
  text-indent: 12px;
}

.section-youtube .section-inner .section-youtube-about .title {
  font-size: 28px;
  color: green;
  font-weight: 500;
  padding-bottom: 30px;
}

.section-youtube .section-inner .section-youtube-about__left {
  display: flex;
  flex-basis: 27%;
  margin-right: 2.5%;
  margin-bottom: 4px;
}

.section-youtube .section-inner .section-youtube-about__left figcaption {
  font-size: 18px;
  font-weight: 500;
}

.section-youtube .section-inner .section-youtube-about__left figcaption span {
  font-weight: 600;
  font-size: 20px;
  color: #0573e0;
}

.section-youtube .section-inner .section-youtube-about__left figure {
  margin: 0;
}

@media (max-width: 1199px) {
  .section-youtube .section-inner .section-youtube-about__left {
    flex-basis: 25%;
  }
}

.section-youtube .section-inner .section-youtube-about__right {
  flex-basis: 64%;
  text-align: justify;
  text-indent: 12px;
  line-height: 1.5;
  color: rgb(104, 104, 104);
}

@media (max-width: 991px) {
  .section-youtube .section-inner .section-youtube-about__right {
    margin-top: 20px;
  }
}

.section-youtube .section-inner .section-youtube-about__right .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}

.section-youtube .section-inner .section-youtube-about__right .wrapper__item span {
  font-weight: 600;
}

.section-youtube .section-inner .section-youtube-about__right .wrapper__item .text {
  font-size: 18px;
  line-height: 1.5;
  color: rgb(48, 48, 48);
  font-weight: 400;
}

@media (max-width: 991px) {
  .section-youtube .section-inner .section-youtube-about__right .wrapper__item .text {
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (max-width: 991px) {
  .section-youtube .section-inner .section-youtube-about .text {
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (max-width: 991px) {
  .section-youtube .section-inner h3 {
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (max-width: 991px) {
  .section-youtube .section-inner p {
    margin-left: 3%;
    margin-right: 3%;
  }
}

.section-youtube .section-inner .fon-youtube {
  background-color: rgb(233, 233, 233);
  padding-top: 12px;
  padding-bottom: 12px;
}

.section-youtube .section-inner .fon-youtube .text {
  display: flex;
  align-items: center;
  text-align: justify;
  line-height: 1.8;
}

@media (max-width: 991px) {
  .section-youtube .section-inner .fon-youtube .text {
    margin-left: 3%;
    margin-right: 5%;
  }
}

.section-about {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

@media (max-width: 575px) {
  .section-about {
    padding-bottom: 4px;
  }
}

.section-about--bg {
  background-color: #e94f1b;
}

.section-about--bg .section-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-about--bg .section-inner h2 {
  font-weight: 900;
  font-size: 40px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: #e5f7ec;
}

@media (max-width: 991px) {
  .section-about--bg .section-inner h2 {
    font-size: 30px;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (max-width: 575px) {
  .section-about--bg .section-inner h2 {
    font-size: 24px;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.section-about--bg .section-inner .text {
  font-size: 20px;
  color: white;
}

.section-about .section-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 575px) {
  .section-about .section-inner {
    padding-top: 16px;
    padding-bottom: 4px;
  }
}

.section-about .section-inner h2 {
  font-weight: 900;
  font-size: 40px;
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
  color: #e5f7ec;
}

@media (max-width: 991px) {
  .section-about .section-inner h2 {
    font-size: 36px;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (max-width: 575px) {
  .section-about .section-inner h2 {
    font-size: 32px;
    margin-left: 2%;
    margin-right: 2%;
  }
}

@media (max-width: 575px) {
  .section-about .section-inner h2 {
    font-size: 30px;
  }
}

.section-about .section-inner .subtext {
  margin-left: 20%;
  margin-right: 20%;
  color: rgb(212, 212, 212);
  margin-bottom: 20px;
  line-height: 1.5;
}

@media (max-width: 575px) {
  .section-about .section-inner .subtext {
    margin-left: 5%;
    margin-right: 5%;
  }
}

.section-about-pro .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.section-about-pro .wrapper__item-text {
  flex-basis: 100%;
  height: 350px;
  background-color: #333333;
}

@media (max-width: 1199px) {
  .section-about-pro .wrapper__item-text {
    height: 320px;
  }
}

@media (max-width: 1199px) {
  .section-about-pro .wrapper__item-text {
    height: 270px;
  }
}

@media (max-width: 767px) {
  .section-about-pro .wrapper__item-text {
    height: 200px;
  }
}

@media (max-width: 575px) {
  .section-about-pro .wrapper__item-text {
    height: 170px;
  }
}

.section-about-pro .wrapper__item-text h2 {
  font-size: 40px;
  color: white;
  margin-left: 40%;
  list-style: none;
  font-weight: 400;
  margin-top: 68px;
}

@media (max-width: 1700px) {
  .section-about-pro .wrapper__item-text h2 {
    font-size: 35px;
  }
}

@media (max-width: 1399px) {
  .section-about-pro .wrapper__item-text h2 {
    margin-left: 30%;
  }
}

@media (max-width: 1199px) {
  .section-about-pro .wrapper__item-text h2 {
    font-size: 30px;
    margin-left: 25%;
  }
}

@media (max-width: 991px) {
  .section-about-pro .wrapper__item-text h2 {
    margin-top: 48px;
    font-size: 25px;
    margin-left: 15%;
  }
}

@media (max-width: 767px) {
  .section-about-pro .wrapper__item-text h2 {
    margin-top: 40px;
    font-size: 20px;
    margin-left: 5%;
  }
}

@media (max-width: 575px) {
  .section-about-pro .wrapper__item-text h2 {
    margin-top: 12px;
    font-size: 19px;
    margin-left: 2.5%;
  }
}

.section-about-pro .wrapper__item-img {
  flex-basis: 100%;
}

.section-about-pro .wrapper__item-img--image {
  height: 100%;
  background: url(/img/3.jpg) no-repeat center center;
  background-size: 100% 100%;
  background-position: 100% 100%;
}

.section-frame {
  background: url(/img/music_2.png);
  background-size: 100% 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1199px) {
  .section-frame {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .section-frame {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.section-frame h2 {
  padding: 0;
  margin: 0;
  font-size: 40px;
  color: #333;
}

@media (max-width: 1199px) {
  .section-frame h2 {
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (max-width: 991px) {
  .section-frame h2 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .section-frame h2 {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .section-frame .line {
    display: none;
  }
}

.section-frame .section-frame-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 40px;
}

@media (max-width: 1199px) {
  .section-frame .section-frame-wrapper {
    justify-content: space-around;
  }
}

@media (max-width: 767px) {
  .section-frame .section-frame-wrapper .line {
    display: none;
  }
}

.section-frame .section-frame-wrapper__item {
  width: 285px;
}

@media (max-width: 1199px) {
  .section-frame .section-frame-wrapper__item {
    width: 230px;
  }
}

@media (max-width: 991px) {
  .section-frame .section-frame-wrapper__item {
    width: 370px;
  }
}

@media (max-width: 767px) {
  .section-frame .section-frame-wrapper__item {
    width: 95%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 12px;
    padding-bottom: 8px;
  }
}

.section-frame .section-frame-wrapper__item img {
  width: 150px;
}

@media (max-width: 1199px) {
  .section-frame .section-frame-wrapper__item img {
    width: 110px;
  }
}

@media (max-width: 767px) {
  .section-frame .section-frame-wrapper__item img {
    width: 75px;
  }
}

.section-frame .section-frame-wrapper__item .text-title {
  font-size: 20px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 575px) {
  .section-frame .section-frame-wrapper__item .text-title {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.section-frame .section-frame-wrapper__item .text {
  color: #555555;
  line-height: 1.5;
}

.section-connection-two {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-connection-two .section-inner-form {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 100px;
  text-align: center;
}

@media (max-width: 991px) {
  .section-connection-two .section-inner-form {
    padding-top: 20px;
  }
}

@media (max-width: 575px) {
  .section-connection-two .section-inner-form {
    padding-bottom: 60px;
  }
}

.section-connection-two .section-inner-form h2 {
  padding: 0;
  margin: 0;
  text-align: center;
  color: rgb(252, 247, 229);
  font-size: 40px;
}

@media (max-width: 991px) {
  .section-connection-two .section-inner-form h2 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .section-connection-two .section-inner-form h2 {
    font-size: 24px;
  }
}

.section-connection-form-two {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 21%;
  right: 21%;
  background: linear-gradient(101.79deg, #383e58 65.93%, #414a6b 80.67%, #1f2641 94.49%);
  border-radius: 8px;
  margin-top: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1399px) {
  .section-connection-form-two {
    left: 10%;
    right: 10%;
  }
}

@media (max-width: 1199px) {
  .section-connection-form-two {
    left: 5%;
    right: 5%;
  }
}

@media (max-width: 991px) {
  .section-connection-form-two {
    left: 1%;
    right: 1%;
  }
}

@media (max-width: 575px) {
  .section-connection-form-two {
    padding-bottom: 4px;
    margin-top: 12px;
  }
}

.section-connection-form-two .text-title {
  width: 80%;
  margin-left: 10%;
  font-size: 20px;
  padding: 4px;
  color: white;
  text-align: center;
}

@media (max-width: 991px) {
  .section-connection-form-two .text-title {
    padding: 0;
  }
}

@media (max-width: 575px) {
  .section-connection-form-two .text-title {
    font-size: 16px;
  }
}

.section-connection-form-two .form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.section-connection-form-two .form-name {
  width: 250px;
  height: 40px;
  border: none;
  border-radius: 8px;
  margin: 8px;
}

@media (max-width: 991px) {
  .section-connection-form-two .form-name {
    width: 220px;
  }
}

@media (max-width: 575px) {
  .section-connection-form-two .form-name {
    width: 95%;
    height: 32px;
  }
}

.section-connection-form-two .form-phone {
  width: 250px;
  height: 40px;
  border: none;
  border-radius: 8px;
  margin: 8px;
  margin-left: 20px;
  margin-right: 20px;
}

@media (max-width: 991px) {
  .section-connection-form-two .form-phone {
    width: 220px;
  }
}

@media (max-width: 575px) {
  .section-connection-form-two .form-phone {
    width: 95%;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
  }
}

.section-connection-form-two .text {
  color: white;
  text-align: center;
}

.section-company {
  background: url(/img/music_2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.section-company .section-inner {
  padding-top: 100px;
  padding-bottom: 60px;
}

.section-company .section-inner h2 {
  padding: 0;
  margin: 0;
  font-size: 40px;
  font-weight: 900;
  color: #333;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .section-company .section-inner h2 {
    margin-top: 100px;
    font-size: 35px;
  }
}

@media (max-width: 575px) {
  .section-company .section-inner h2 {
    margin-top: 160px;
    font-size: 35px;
  }
}

.section-company .section-inner .subtetx {
  color: rgb(75, 74, 74);
  line-height: 1.5;
  margin-top: 28px;
}

@media (max-width: 575px) {
  .section-company .section-inner .subtetx {
    margin-left: 2%;
    margin-right: 2%;
  }
}

.section-company .section-inner .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  padding-top: 40px;
}

.section-company .section-inner .wrapper__item {
  flex-basis: 400px;
}

.section-company .section-inner .wrapper__item span {
  font-weight: 600;
}

.section-company .section-inner .wrapper__item .title {
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 575px) {
  .section-company .section-inner .wrapper__item .title {
    font-size: 15px;
  }
}

.section-company .section-inner .wrapper__item .text {
  font-size: 18px;
  line-height: 1.5;
  color: rgb(48, 48, 48);
  font-weight: 400;
}

@media (max-width: 575px) {
  .section-company .section-inner .wrapper__item .text {
    font-size: 14px;
  }
}

.section-company .section-inner .text-title {
  color: #333;
  font-weight: 600;
  font-size: 40px;
  margin-top: 40px;
}

.section-company .section-inner .wrap-image {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.section-company .section-inner .wrap-image img {
  margin-left: 0;
  width: 240px;
  cursor: zoom-in;
}

.section-about-numbers {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-about-numbers .section-inner-form {
  padding-top: 20px;
  padding-bottom: 40px;
}

.section-connection-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-connection-form h2 {
  font-weight: 900;
  padding: 0;
  margin: 0;
  font-size: 30px;
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  color: rgb(250, 244, 206);
}

@media (max-width: 1399px) {
  .section-connection-form h2 {
    margin-left: 10%;
    margin-right: 10%;
  }
}

@media (max-width: 991px) {
  .section-connection-form h2 {
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (max-width: 767px) {
  .section-connection-form h2 {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .section-connection-form h2 {
    font-size: 26px;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.section-connection-form .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

.section-connection-form .wrapper__item .text-numbers {
  margin-left: 50px;
  font-size: 44px;
  color: white;
  font-weight: 900;
}

@media (max-width: 575px) {
  .section-connection-form .wrapper__item .text-numbers {
    margin-left: 20px;
    font-size: 35px;
  }
}

.section-connection-form .wrapper__item .text-number {
  margin-left: 10px;
  font-size: 44px;
  color: white;
  font-weight: 900;
}

@media (max-width: 767px) {
  .section-connection-form .wrapper__item .text-number {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .section-connection-form .wrapper__item .text-number {
    font-size: 35px;
  }
}

.section-connection-form .wrapper__item .text-title {
  width: 50%;
  text-align: center;
  color: gold;
  font-weight: 500;
}

@media (max-width: 767px) {
  .section-connection-form .wrapper__item .text-title {
    width: 80%;
  }
}

@media (max-width: 575px) {
  .section-connection-form .wrapper__item .text-title {
    font-size: 14px;
  }
}

.section-reviews {
  background: url(/img/5.jpg) no-repeat 100% 0;
  background-size: 100% 100%;
}

.section-reviews .fon-reviews {
  background: linear-gradient(105deg, rgba(247, 247, 247, 0.5) 10%, rgba(248, 248, 248, 0.76) 100%) center 100%/100% 100% no-repeat;
  padding-bottom: 40px;
}

@media (max-width: 575px) {
  .section-reviews .fon-reviews {
    padding-bottom: 40px;
  }
}

.section-reviews .section-inner {
  width: auto;
  padding-bottom: 20px;
}

@media (max-width: 575px) {
  .section-reviews .section-inner {
    padding-top: 40px;
    padding-bottom: 4px;
  }
}

.section-reviews .section-inner img {
  width: 280px;
  height: 250px;
}

@media (max-width: 767px) {
  .section-reviews .section-inner img {
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 575px) {
  .section-reviews .section-inner img {
    width: 150px;
    height: 150px;
  }
}

.section-reviews .section-inner .video {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.section-reviews .section-inner .video button {
  margin-top: 20px;
}

.section-reviews .section-inner .video .subtext {
  font-size: 18px;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-reviews .section-inner h2 {
  margin: 0;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 4px;
  font-size: 44px;
  font-weight: 900;
  color: #333;
}

@media (max-width: 991px) {
  .section-reviews .section-inner h2 {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .section-reviews .section-inner h2 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .section-reviews .section-inner h2 {
    padding-top: 4px;
    padding-bottom: 20px;
  }
}

.section-reviews .section-inner .section-reviews-list {
  display: flex;
  align-items: center;
  width: 100%;
  height: 600px;
  background: linear-gradient(180deg, rgba(145, 144, 144, 0) 0%, rgba(43, 43, 43, 0.2) 100%);
}

@media (max-width: 991px) {
  .section-reviews .section-inner .section-reviews-list {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .section-reviews .section-inner .section-reviews-list {
    height: 300px;
  }
}

.section-reviews .section-inner .section-reviews-list .reviews {
  list-style: none;
  padding: 0;
  margin: 0;
}

.section-reviews .section-inner .section-reviews-list .reviews__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(31px);
  backdrop-filter: blur(31px);
  padding-bottom: 40px;
}

.section-reviews .section-inner .section-reviews-list .reviews__item .phone-reviews {
  width: 200px;
  height: 400px;
  margin-right: 12px;
  margin-left: 12px;
  cursor: zoom-in;
}

@media (max-width: 991px) {
  .section-reviews .section-inner .section-reviews-list .reviews__item .phone-reviews {
    width: 150px;
    height: 300px;
  }
}

@media (max-width: 767px) {
  .section-reviews .section-inner .section-reviews-list .reviews__item .phone-reviews {
    width: 100px;
    height: 200px;
  }
}

.section-reviews .section-inner .btn-slider {
  padding: 20px;
  height: 70px;
  background-color: #f0f3fc;
  border: 1px solid gray;
  border-radius: 4px;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.container h4 {
  font-size: 32px;
  color: rgb(2, 192, 2);
  padding: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .container h4 {
    padding-top: 0;
    font-size: 22px;
  }
}

.effects {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
  margin: 0 auto;
  width: auto;
  text-align: center;
  padding: 0;
}

.effects li {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  margin-left: 4px;
  margin-bottom: 4px;
}

.effects li img {
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.effects li>div {
  width: auto;
  height: 500px;
  position: absolute;
}

.effects li:hover>div {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.effects li a {
  display: inline-block;
  margin-bottom: 100px;
  text-decoration: none;
  padding: 5px 20px;
  color: #fff;
  font-size: 22px;
  transition: all 0.4s ease-in-out;
  background: #ff0000;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .effects li a {
    font-size: 16px;
  }
}

.effects li a:hover {
  background: #990000;
}

.effects li div {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 0.4s ease-in-out;
  color: #fff;
  height: 280px;
}

@media (max-width: 767px) {
  .effects li div {
    height: 230px;
  }
}

.effects li img {
  transition: all 0.2s linear;
}

.effects li:hover img {
  transform: scale(1.3);
}

.effects li:hover div {
  opacity: 1;
}

.section-consultation .section-inner-consultation .section-consultation-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, rgb(33, 52, 71), rgb(47, 62, 94) 50%, #ffffff 50.5%);
}

@media (max-width: 767px) {
  .section-consultation .section-inner-consultation .section-consultation-bg {
    flex-direction: column;
  }
}

.section-consultation .section-inner-consultation .section-consultation-bg__left {
  flex-basis: 50%;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__left {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.section-consultation .section-inner-consultation .section-consultation-bg__left svg {
  position: absolute;
  display: flex;
  left: 5%;
  bottom: auto;
}

@media (max-width: 1399px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__left svg {
    left: 1%;
    width: 150px;
  }
}

@media (max-width: 991px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__left svg {
    display: none;
  }
}

.section-consultation .section-inner-consultation .section-consultation-bg__left h2 {
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: white;
  font-size: 40px;
  font-weight: 900;
}

@media (max-width: 767px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__left h2 {
    color: black;
  }
}

@media (max-width: 575px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__left h2 {
    font-size: 30px;
  }
}

.section-consultation .section-inner-consultation .section-consultation-bg__left .text-phone__link {
  text-decoration: none;
  color: white;
  font-size: 30px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__left .text-phone__link {
    color: #02a549;
  }
}

.section-consultation .section-inner-consultation .section-consultation-bg__left .text-phone__link:hover {
  transition: 0.5s;
  color: #02a549;
}

.section-consultation .section-inner-consultation .section-consultation-bg__right {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 50%;
  padding-top: 28px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 767px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__right {
    padding-top: 12px;
  }
}

.section-consultation .section-inner-consultation .section-consultation-bg__right .text {
  flex-basis: 70%;
  text-indent: 20px;
  text-align: center;
  font-weight: 400;
  padding-bottom: 12px;
}

@media (max-width: 1399px) {
  .section-consultation .section-inner-consultation .section-consultation-bg__right .text {
    margin-bottom: 20px;
  }
}

.section-footer {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-footer .section-inner {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .section-footer .section-inner {
    padding-bottom: 12px;
    padding-bottom: 12px;
  }
}

.section-footer .section-inner .title-copy {
  font-size: 14px;
  color: rgb(255, 253, 232);
  margin-left: 8%;
  margin-right: 8%;
  font-weight: 300;
}

.section-footer-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

@media (max-width: 767px) {
  .section-footer-main {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .section-footer-main .section-footer-main__logo {
    border-bottom: 1px solid white;
  }
}

.section-footer-main .section-footer-main__logo .logo-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.section-footer-main .section-footer-main__logo .logo-wrapper__item {
  color: rgb(223, 252, 189);
  font-size: 16px;
}

.section-footer-main .section-footer-main__logo .logo-wrapper__item span {
  font-size: 44px;
  font-weight: 900;
  color: rgb(223, 252, 189);
}

.section-footer-main .section-footer-main__menu .menu-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

@media (max-width: 767px) {
  .section-footer-main .section-footer-main__menu .menu-wrapper {
    margin-top: 8px;
    flex-direction: column;
  }
}

.section-footer-main .section-footer-main__menu .menu-wrapper__item {
  padding: 2px;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .section-footer-main .section-footer-main__menu .menu-wrapper__item {
    padding-top: 4px;
  }
}

.section-footer-main .section-footer-main__menu .menu-wrapper__item-link {
  text-decoration: none;
  color: white;
  font-size: 20px;
  margin-bottom: 4px;
}

.section-footer-main .section-footer-main__menu .menu-wrapper__item-link:hover {
  transition: 0.5s;
  color: rgb(4, 180, 250);
}

.section-footer-main .section-footer-main__instagram .instagram-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .section-footer-main .section-footer-main__instagram .instagram-wrapper {
    margin-top: 8px;
  }
}

.section-footer-main .section-footer-main__mail .mail-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 767px) {
  .section-footer-main .section-footer-main__mail .mail-wrapper {
    margin-top: 20px;
  }
}

.section-footer-main .section-footer-main__mail .mail-wrapper__item {
  padding-bottom: 8px;
  font-size: 22px;
}

.section-footer-main .section-footer-main__mail .mail-wrapper__item-link {
  text-decoration: none;
  color: rgb(223, 252, 189);
  font-weight: 600;
}

.section-footer-main .section-footer-main__mail .mail-wrapper__item-link:hover {
  transition: 0.5s;
  color: rgb(171, 255, 68);
}

.adress {
  background: linear-gradient(101.79deg, #4f577a 65.93%, #4d587e 80.67%, #454d6e 94.49%);
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.adress-link {
  text-decoration: none;
  font-size: 16px;
  color: rgb(0, 132, 255);
}

.modal {
  display: none;
}

.modal-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10;
}

.modal-body {
  position: fixed;
  top: 100px;
  width: 500px;
  height: 500px;
  left: 36%;
  bottom: auto;
  background-color: white;
  border-radius: 8px;
  z-index: 15;
}

@media (max-width: 1399px) {
  .modal-body {
    top: 50px;
    left: 30%;
  }
}

@media (max-width: 1199px) {
  .modal-body {
    left: 26%;
  }
}

@media (max-width: 991px) {
  .modal-body {
    left: 21%;
  }
}

@media (max-width: 767px) {
  .modal-body {
    top: 50px;
    width: 95%;
    height: auto;
    padding-bottom: 20px;
    left: 2.5%;
  }
}

.modal-body h2 {
  padding: 0;
  margin: 0;
  margin-top: 36px;
  padding-bottom: 12px;
  font-size: 30px;
  font-weight: 400;
  text-indent: 40px;
}

@media (max-width: 575px) {
  .modal-body h2 {
    margin-top: 12px;
    font-size: 26px;
  }
}

.modal-body .text-title {
  color: rgb(0, 119, 255);
  text-indent: 40px;
  margin-bottom: 32px;
}

@media (max-width: 575px) {
  .modal-body .text-title {
    margin-bottom: 8px;
  }
}

.modal-body .form-modal {
  display: flex;
  flex-direction: column;
}

.modal-body .form-modal__input {
  height: 36px;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 575px) {
  .modal-body .form-modal__input {
    height: 28px;
  }
}

.modal-body .form-modal__massage {
  height: 90px;
  margin-left: 40px;
  margin-right: 40px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
}

.modal-body .form-modal label {
  margin-left: 44px;
}

.modal-body .form-modal .btn-form {
  margin-top: 12px;
  margin-left: 80px;
  margin-right: 80px;
}

@media (max-width: 575px) {
  .modal-body .form-modal .btn-form {
    margin-top: 4px;
  }
}

.modal-body .text {
  font-size: 20px;
  text-align: center;
  margin-top: 24px;
  color: rgb(12, 12, 12);
}

@media (max-width: 575px) {
  .modal-body .text {
    font-size: 16px;
    margin-top: 12px;
  }
}

.modal-body .subtext {
  margin-top: 8px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  color: gray;
}

@media (max-width: 575px) {
  .modal-body .subtext {
    margin-top: 4px;
    font-size: 14px;
  }
}

.close {
  position: absolute;
  width: 40px;
  height: 32px;
  top: 10px;
  right: 10px;
  text-indent: 100px;
  background-color: white;
  border: none;
  cursor: pointer;
  overflow: hidden;
}

.close::after {
  position: absolute;
  content: "✖";
  text-indent: 0;
  top: 0;
  right: 12px;
  font-size: 25px;
}

.close:hover {
  transition: 0.5s;
  color: red;
}

.phone {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 15%;
  text-align: center;
  width: 65px;
  height: 65px;
  background-color: red;
  border-radius: 100%;
  z-index: 1000;
}

@media (max-width: 767px) {
  .phone {
    display: block;
  }
}

.phone svg {
  padding-top: 14px;
}

.social {
  position: fixed;
  padding-top: 10px;
  padding-bottom: 6px;
  padding-right: 2px;
  display: flex;
  flex-direction: column;
  top: 35%;
  left: 0;
  background-color: white;
  border: 1px solid gray;
  border-radius: 0 6px 6px 0;
}

@media (max-width: 992px) {
  .social {
    display: none;
  }
}

.social .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social .wrapper__item button {
  border: none;
  background: white;
  cursor: pointer;
}

.social .wrapper__item img {
  width: 25px;
}

.social .wrapper__item img:hover {
  transition: 0.5s;
  transform: scale(1.15);
}

.section-contact {
  background: url(/img/music_2.png) no-repeat center center;
  background-size: 100% 100%;
}

.section-contact .section-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 575px) {
  .section-contact .section-inner {
    padding-top: 28px;
  }
}

.section-contact .section-inner .link-vkontakte .link-vk {
  width: 250px;
  background-color: #4c75a3;
  padding: 6px;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  color: white;
}

.section-contact .section-inner .link-vkontakte .link-vk:hover {
  transition: 0.5s;
}

.section-contact .section-inner .link-vkontakte .link-vk img {
  position: relative;
  top: 6px;
}

.section-contact .section-inner .contact {
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-contact .section-inner .text-title {
  font-size: 44px;
  color: #333;
  margin-bottom: 40px;
  padding-top: 40px;
  font-weight: 900;
}

@media (max-width: 767px) {
  .section-contact .section-inner .text-title {
    padding-top: 4px;
    margin-top: 0;
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .section-contact .section-inner .text-title {
    font-size: 30px;
  }
}

.section-contact .section-inner .subtitle {
  font-size: 30px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 12px;
}

@media (max-width: 575px) {
  .section-contact .section-inner .subtitle {
    font-size: 24px;
  }
}

.section-contact .section-inner .text {
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .section-contact .section-inner .text {
    margin-left: 5%;
    margin-right: 5%;
  }
}

.section-contact .section-inner .form-container {
  display: flex;
  background: white;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .section-contact .section-inner .form-container {
    flex-direction: column;
  }
}

.section-contact .section-inner .form-container-left {
  flex-basis: 50%;
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .section-contact .section-inner .form-container-left {
    margin-right: 8px;
  }
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-left {
    margin-top: 40px;
  }
}

.section-contact .section-inner .form-container-left .left-phone {
  text-align: justify;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .section-contact .section-inner .form-container-left .left-phone {
    text-align: center;
  }
}

.section-contact .section-inner .form-container-left .left-phone p {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 8px;
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-left .left-phone p {
    font-size: 18px;
  }
}

.section-contact .section-inner .form-container-left .left-phone p .phone--link {
  text-decoration: none;
  font-weight: 500;
  color: rgb(1, 87, 121);
}

.section-contact .section-inner .form-container-left .left-phone .link a {
  font-size: 20px;
  text-decoration: none;
  font-weight: 500;
  color: rgb(1, 87, 121);
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-left .left-phone .link a {
    font-size: 18px;
  }
}

.section-contact .section-inner .form-container-left .img-house {
  position: absolute;
  margin-top: 8px;
  width: 400px;
}

@media (max-width: 1199px) {
  .section-contact .section-inner .form-container-left .img-house {
    width: 300px;
  }
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-left .img-house {
    width: 250px;
  }
}

@media (max-width: 767px) {
  .section-contact .section-inner .form-container-left .img-house {
    display: none;
  }
}

.section-contact .section-inner .form-container-right .form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 40px;
}

.section-contact .section-inner .form-container-right .form .name {
  width: 230px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .section-contact .section-inner .form-container-right .form .name {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-right .form .name {
    width: 165px;
  }
}

@media (max-width: 767px) {
  .section-contact .section-inner .form-container-right .form .name {
    width: 28%;
  }
}

@media (max-width: 575px) {
  .section-contact .section-inner .form-container-right .form .name {
    width: 90%;
  }
}

.section-contact .section-inner .form-container-right .form .phones {
  width: 230px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .section-contact .section-inner .form-container-right .form .phones {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-right .form .phones {
    width: 165px;
  }
}

@media (max-width: 767px) {
  .section-contact .section-inner .form-container-right .form .phones {
    width: 28%;
  }
}

@media (max-width: 575px) {
  .section-contact .section-inner .form-container-right .form .phones {
    width: 90%;
  }
}

.section-contact .section-inner .form-container-right .form .emael {
  width: 230px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .section-contact .section-inner .form-container-right .form .emael {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .section-contact .section-inner .form-container-right .form .emael {
    width: 165px;
  }
}

@media (max-width: 767px) {
  .section-contact .section-inner .form-container-right .form .emael {
    width: 28%;
  }
}

@media (max-width: 575px) {
  .section-contact .section-inner .form-container-right .form .emael {
    width: 90%;
  }
}

.section-contact .section-inner .form-container-right .form .massage {
  width: 100%;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 20px;
  padding-bottom: 160px;
}

@media (max-width: 575px) {
  .section-contact .section-inner .form-container-right .form .massage {
    padding-bottom: 100px;
  }
}

.section-question {
  background: url(/img/music_2.png);
  background-size: 100% 100%;
}

.section-question .section-inner {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .section-question .section-inner {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .section-question .section-inner {
    padding-top: 20px;
  }
}

.question h2 {
  font-size: 40px;
  color: #333;
}

@media (max-width: 991px) {
  .question h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .question h2 {
    font-size: 28px;
  }
}

.question .text {
  margin-top: 16px;
  margin-bottom: 40px;
  margin-left: 20%;
  margin-right: 20%;
}

@media (max-width: 767px) {
  .question .text {
    margin-left: 5%;
    margin-right: 5%;
  }
}

.question .wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: rgb(243, 250, 253);
  box-shadow: 0px 0px 10px rgb(0, 0, 0);
  border-radius: 10px;
}

@media (max-width: 1199px) {
  .question .wrapper {
    margin-left: 2%;
    margin-right: 2%;
  }
}

@media (max-width: 767px) {
  .question .wrapper {
    flex-direction: column;
  }
}

.question .wrapper-left {
  flex-basis: 30%;
  height: auto;
  background: rgba(1, 50, 107, 0.75);
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 0px 10px rgb(0, 0, 0);
}

@media (max-width: 1199px) {
  .question .wrapper-left {
    flex-basis: 45%;
  }
}

@media (max-width: 767px) {
  .question .wrapper-left {
    border-radius: 0;
    flex-basis: 90%;
  }
}

.question .wrapper-left img {
  transform: translate(0, 0);
  width: 400px;
  border-radius: 15px 0 0 0;
  box-shadow: 0px 0px 5px rgb(0, 0, 0);
}

@media (max-width: 1199px) {
  .question .wrapper-left img {
    top: 150px;
  }
}

@media (max-width: 767px) {
  .question .wrapper-left img {
    border-radius: 0;
  }
}

@media (max-width: 767px) {
  .question .wrapper-left img {
    width: 98%;
    border-radius: 15px 15px 0 0;
  }
}

.question .wrapper-left h3 {
  position: relative;
  top: 0;
  margin: 0;
  font-size: 28px;
  color: white;
}

.question .wrapper-left .text {
  margin-top: 0;
  color: rgb(221, 220, 220);
}

.question .wrapper-right {
  flex-basis: 70%;
}

.question .wrapper-right .text-quedtion {
  margin-top: 20px;
  color: gray;
  line-height: 1.5;
  font-size: 16px;
  margin-left: 10%;
  margin-right: 10%;
}

@media (max-width: 767px) {
  .question .wrapper-right .text-quedtion {
    margin-top: 20px;
  }
}

.question .wrapper-right .text-phone {
  color: black;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .question .wrapper-right .text-phone {
    margin-top: 20px;
  }
}

.question .wrapper-right .text-phone__link {
  text-decoration: none;
}

.question .wrapper-right .text-phone__link:hover {
  transition: 0.5s;
  color: #02a549;
}

.question .wrapper-right .text-quedtion-form {
  margin-top: 16px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .question .wrapper-right .text-quedtion-form {
    margin-bottom: 20px;
  }
}

.question .wrapper-right .form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.question .wrapper-right .form .name {
  width: 40%;
  height: 36px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .question .wrapper-right .form .name {
    width: 90%;
    margin-bottom: 8px;
  }
}

.question .wrapper-right .form .phones {
  width: 40%;
  height: 36px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
  margin-left: 15px;
}

@media (max-width: 767px) {
  .question .wrapper-right .form .phones {
    width: 90%;
    margin-left: 0;
  }
}

.question .wrapper-right .form button {
  margin-top: -22px;
}

@media (max-width: 767px) {
  .question .wrapper-right .form button {
    margin-bottom: 20px;
  }
}

.question .question-accordion h3 {
  font-size: 44px;
  margin-top: 100px;
}

@media (max-width: 767px) {
  .question .question-accordion h3 {
    margin-top: 40px;
    font-size: 38px;
  }
}

.accordion {
  display: flex;
  align-items: center;
  background-color: rgba(6, 136, 250, 0.1);
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin-top: 4px;
  font-weight: 600;
}

.accordion img {
  width: 25px;
  margin-right: 8px;
}

.active,
.accordion:hover {
  background-color: rgba(6, 136, 250, 0.5);
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.section-sale {
  background: url(/img/fon.jpg);
  background-size: 100% 100%;
}

@media (max-width: 1199px) {
  .section-sale {
    background-size: 100% 100%;
  }
}

@media (max-width: 991px) {
  .section-sale {
    background-size: 100% 100%;
  }
}

@media (max-width: 767px) {
  .section-sale {
    background-size: 100% 100%;
  }
}

@media (max-width: 575px) {
  .section-sale {
    background-size: 100% 100%;
  }
}

.section-sale .section-inner {
  padding-top: 40px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .section-sale .section-inner {
    padding-top: 20px;
  }
}

.sale-dop-one {
  background: rgba(51, 51, 51, 0.85);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sale-dop-one h3 {
  margin: 0;
  padding: 0;
  margin-left: 15%;
  margin-right: 15%;
  font-size: 32px;
  color: rgb(255, 167, 5);
}

.sale-dop-one h3 span {
  color: rgb(253, 207, 0);
}

@media (max-width: 991px) {
  .sale-dop-one h3 {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .sale-dop-one h3 {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .sale-dop-one h3 {
    margin-left: 2%;
    margin-right: 2%;
    font-size: 26px;
  }
}

.sale-dop-one .subtitle {
  font-size: 24px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: whitesmoke;
}

@media (max-width: 767px) {
  .sale-dop-one .subtitle {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .sale-dop-one .subtitle {
    font-size: 20px;
  }
}

.sale-dop-one .wrap {
  font-size: 18px;
  color: wheat;
}

.sale-dop-one .wrap .phons {
  color: #03b952;
  font-size: 38px;
  font-weight: 600;
}

.sale-dop-one .btn {
  display: block;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 500;
  padding: 10px 20px;
}

.sale h2 {
  font-size: 38px;
  color: #333;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .sale h2 {
    font-size: 36px;
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .sale h2 {
    font-size: 34px;
    padding-top: 20px;
  }
}

@media (max-width: 575px) {
  .sale h2 {
    font-size: 30px;
    padding-top: 4px;
  }
}

.sale .text {
  font-size: 26px;
  color: rgb(87, 87, 87);
  margin-bottom: 40px;
}

.sale .text-title {
  font-size: 38px;
  color: #0573e0;
  font-weight: 900;
  margin-left: 10%;
  margin-right: 10%;
  background-color: rgba(252, 252, 252, 0.65);
  padding: 20px;
}

@media (max-width: 991px) {
  .sale .text-title {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .sale .text-title {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .sale .text-title {
    font-size: 26px;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.sale .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.sale .wrapper__item {
  background-color: white;
  margin-bottom: 20px;
  width: 260px;
  box-shadow: 0px 3px 7px rgb(83, 83, 83);
  padding: 12px;
  line-height: 1.5;
}

@media (max-width: 575px) {
  .sale .wrapper__item {
    width: 85%;
  }
}

.sale .wrapper__item span {
  color: blue;
  font-size: 20px;
}

.section-sale-two {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.section-sale-two .section-inner {
  padding-top: 100px;
  padding-bottom: 40px;
}

.sale-dop {
  background: rgba(255, 255, 255, 0.65);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 40px;
  border-radius: 12px;
  margin-left: 1%;
  margin-right: 1%;
}

@media (max-width: 767px) {
  .sale-dop {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .sale-dop {
    margin-top: 120px;
  }
}

.sale-dop h2 {
  font-size: 44px;
  color: #e69500;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .sale-dop h2 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .sale-dop h2 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .sale-dop h2 {
    font-size: 28px;
  }
}

.sale-dop .wrap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
}

.sale-dop .wrap__item {
  flex-basis: 280px;
}

.sale-dop .wrap__item .text {
  font-size: 18px;
}

.sale-dop .wrap__item .text span {
  color: rgb(2, 37, 235);
  font-weight: 500;
}

.sale-two h2 {
  font-size: 44px;
  color: #333;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .sale-two h2 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .sale-two h2 {
    font-size: 36px;
    padding-top: 8px;
  }
}

@media (max-width: 575px) {
  .sale-two h2 {
    font-size: 32px;
  }
}

.sale-two .text {
  font-size: 25px;
  font-weight: 600;
  color: rgb(32, 32, 32);
  margin-bottom: 40px;
}

.sale-two .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.sale-two .wrapper__item {
  background-color: white;
  margin-bottom: 20px;
  width: 260px;
  box-shadow: 0px 3px 7px rgb(83, 83, 83);
  padding: 12px;
  line-height: 1.5;
}

@media (max-width: 575px) {
  .sale-two .wrapper__item {
    width: 85%;
  }
}

.sale-two .wrapper__item span {
  color: blue;
  font-size: 20px;
}

.expert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 27, 63, 0.8);
  border-radius: 12px;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 30px;
}

@media (max-width: 1199px) {
  .expert {
    margin-left: 1%;
    margin-right: 1%;
  }
}

@media (max-width: 991px) {
  .expert {
    flex-direction: column-reverse;
  }
}

.expert-left {
  flex-basis: 55%;
  margin-left: 2%;
}

@media (max-width: 1199px) {
  .expert-left {
    flex-basis: 47%;
  }
}

@media (max-width: 991px) {
  .expert-left .md-none {
    display: none;
  }
}

.expert-left h3 {
  font-size: 32px;
  font-weight: 900;
  color: rgb(255, 183, 0);
}

.expert-left .form {
  background: rgba(5, 5, 5, 0.7);
  border-radius: 18px;
  padding-top: 30px;
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .expert-left .form {
    margin-right: 1%;
    margin-left: 1%;
  }
}

.expert-left .form .text {
  color: rgb(199, 199, 199);
  font-size: 18px;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 26px;
}

.expert-left .form .img-text {
  display: flex;
}

.expert-left .form .img-text .title {
  font-size: 28px;
  font-weight: 500;
  color: rgb(255, 250, 230);
}

.expert-left .form .img-text .title span {
  color: goldenrod;
}

@media (max-width: 767px) {
  .expert-left .form .img-text .title {
    font-size: 24px;
  }
}

.expert-left .form .form-expert {
  margin: 0 auto;
}

.expert-left .form .form-expert .phones {
  width: 350px;
  height: 40px;
  border-radius: 20px;
  margin-bottom: 14px;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .expert-left .form .form-expert .phones {
    width: 90%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}

.expert-left .form .form-expert .btn {
  width: 350px;
  font-weight: 600;
  font-size: 20px;
}

@media (max-width: 767px) {
  .expert-left .form .form-expert .btn {
    width: 90%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}

.expert-right {
  flex-basis: 35%;
}

@media (max-width: 991px) {
  .expert-right {
    margin-bottom: 20px;
  }
}

.expert-right .xx-block {
  font-size: 32px;
  font-weight: 900;
  color: rgb(255, 183, 0);
}

@media screen and (min-width: 993px) and (max-width: 8000000px) {
  .expert-right .xx-block {
    display: none;
  }
}

@media (max-width: 767px) {
  .expert-right .xx-block {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .expert-right .xx-block {
    font-size: 28px;
  }
}

.expert-right .image {
  width: 350px;
  margin-left: -90px;
}

@media (max-width: 1199px) {
  .expert-right .image {
    margin-left: -140px;
  }
}

@media (max-width: 991px) {
  .expert-right .image {
    margin-left: 0;
  }
}

.expert-right #text-arkona {
  color: whitesmoke;
}

.expert-right .text {
  position: absolute;
  width: 200px;
  transform: translate(100%, 80%);
  font-size: 22px;
  font-weight: 600;
  border: 3px dashed rgb(224, 209, 0);
  border-radius: 10px;
  padding: 15px 25px;
}

.expert-right .text span {
  color: goldenrod;
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .expert-right .text {
    width: 170px;
    padding: 10px 20px;
    transform: translate(250px, 80%);
  }
}

@media (max-width: 991px) {
  .expert-right .text {
    width: 200px;
    padding: 15px 25px;
    right: 40%;
  }
}

@media (max-width: 767px) {
  .expert-right .text {
    display: none;
  }
}

@media (max-width: 991px) {
  .expert-right .expert-arkona {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .expert-right .expert-arkona {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .expert-right .expert-arkona {
    margin-left: 1%;
    margin-right: 4%;
  }
}

.expert-right .expert-arkona .exert-name {
  position: relative;
  background: goldenrod;
  width: 250px;
  padding: 10px 30px;
  transform: skewX(-20deg);
  border-radius: 8px;
  font-weight: 500;
  font-size: 18px;
  margin-left: 15px;
  margin-top: -15px;
  z-index: 100;
}

@media (max-width: 575px) {
  .expert-right .expert-arkona .exert-name {
    width: auto;
  }
}

.expert-right .expert-arkona .expert-prof {
  background: rgb(255, 255, 255);
  width: 250px;
  padding: 16px 30px;
  transform: skewX(-20deg);
  border-radius: 8px;
  font-weight: 300;
  font-size: 18px;
  margin-left: 20px;
  margin-top: -15px;
  z-index: 1;
}

@media (max-width: 575px) {
  .expert-right .expert-arkona .expert-prof {
    width: auto;
  }
}

.section-free {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.section-free .section-inner {
  padding-top: 80px;
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .section-free .section-inner {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .section-free .section-inner {
    padding-top: 40px;
  }
}

@media (max-width: 575px) {
  .section-free .section-inner {
    padding-top: 20px;
  }
}

.section-freee {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 16px;
}

.section-freee h2 {
  font-size: 38px;
  color: #333;
  padding-top: 20px;
}

@media (max-width: 991px) {
  .section-freee h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .section-freee h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .section-freee h2 {
    font-size: 30px;
  }
}

.section-freee .text {
  margin-top: 12px;
  margin-bottom: 20px;
  color: rgb(77, 77, 77);
}

.section-freee .wrapper-sale {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.section-freee .wrapper-sale__item {
  display: flex;
  align-items: center;
  text-align: justify;
  margin-bottom: 28px;
  margin-left: 2%;
  margin-right: 2%;
}

@media (max-width: 767px) {
  .section-freee .wrapper-sale__item {
    flex-direction: column;
  }
}

.section-freee .wrapper-sale__item .title {
  font-size: 22px;
  font-weight: 600;
  margin-left: 20px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .section-freee .wrapper-sale__item .title {
    text-align: center;
    margin-left: 3%;
    margin-right: 3%;
  }
}

.section-freee .wrapper-sale__item .subtext {
  line-height: 1.5;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .section-freee .wrapper-sale__item .subtext {
    margin-left: 3%;
    margin-right: 3%;
  }
}

.section-choice {
  background: url(/img/123.jpg);
  background-size: 100% 100%;
}

.section-choice .fon-choice {
  background-color: rgba(6, 120, 250, 0);
}

.section-choice .fon-choice .section-inner {
  padding-top: 20px;
  padding-bottom: 60px;
}

.choice h2 {
  font-size: 44px;
  color: #333;
}

@media (max-width: 767px) {
  .choice h2 {
    font-size: 33px;
    padding-bottom: 8px;
    margin: 0;
  }
}

.choice .text {
  color: rgb(71, 71, 71);
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.choice .text-gold {
  font-size: 32px;
  color: #0573e0;
  font-weight: 900;
  margin-bottom: 8px;
}

.choice .text-gold-two {
  font-size: 32px;
  font-weight: 900;
  color: #0573e0;
  margin-bottom: 20px;
}

.choice .form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 5%;
  margin-right: 5%;
}

.choice .form .name {
  width: 300px;
  height: 36px;
  margin-bottom: 20px;
  margin-right: 12px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .choice .form .name {
    width: 280px;
  }
}

@media (max-width: 991px) {
  .choice .form .name {
    width: 210px;
  }
}

@media (max-width: 767px) {
  .choice .form .name {
    width: 45%;
  }
}

@media (max-width: 575px) {
  .choice .form .name {
    width: 93%;
    margin-right: 0;
  }
}

.choice .form .phones {
  width: 300px;
  height: 36px;
  margin-bottom: 20px;
  margin-right: 12px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .choice .form .phones {
    width: 280px;
  }
}

@media (max-width: 991px) {
  .choice .form .phones {
    width: 210px;
  }
}

@media (max-width: 767px) {
  .choice .form .phones {
    width: 45%;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .choice .form .phones {
    width: 93%;
  }
}

.choice .form .email {
  width: 300px;
  height: 36px;
  margin-bottom: 20px;
  border: 2px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .choice .form .email {
    width: 280px;
  }
}

@media (max-width: 991px) {
  .choice .form .email {
    width: 210px;
  }
}

@media (max-width: 767px) {
  .choice .form .email {
    width: 93%;
  }
}

.choice .form button {
  width: 200px;
}

.section-buy {
  background: url(/img/fon.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 991px) {
  .section-buy {
    background-size: 100% 100%;
  }
}

.section-buy .section-inner {
  padding-top: 60px;
  padding-bottom: 48px;
}

@media (max-width: 767px) {
  .section-buy .section-inner {
    padding-top: 4px;
  }
}

.buy h2 {
  color: #333;
  font-size: 44px;
}

@media (max-width: 991px) {
  .buy h2 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .buy h2 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .buy h2 {
    font-size: 32px;
  }
}

.buy .wrapper-buy {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-top: 40px;
}

.buy .wrapper-buy__item {
  display: flex;
  flex-direction: column;
  background: rgb(255, 255, 255);
  box-shadow: 2px 4px 6px rgb(0 0 0 / 25%);
  border-radius: 4px;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  width: 28%;
  margin-bottom: 20px;
}


@media (max-width: 991px) {
  .buy .wrapper-buy__item {
    width: 45%;
    margin-bottom: 8px;
  }
}

@media (max-width: 575px) {
  .buy .wrapper-buy__item {
    width: 100%;
    margin-bottom: 20px;
  }
}

.buy .wrapper-buy__item img {
  width: 140px;
  margin: 0 auto;
}



.buy .wrapper-buy__item .text-title {
  font-weight: 600;
  font-size: 25px;
  padding: 16px 0;
}

.buy .wrapper-buy__item .subtext {
  position: absolute;
  bottom: 25px;
  width: 350px;
  background-color: rgb(255, 255, 255);
  transition: block 1s;
  padding: 12px;
  border-radius: 4px;
}

.buy .wrapper-buy__item .text {
  display: none;
}

.buy .wrapper-buy__item .text-two {
  display: none;
}

.buy .wrapper-buy__item .text-free {
  display: none;
}

.buy .wrapper-buy__item .text-four {
  display: none;
}

.buy .wrapper-buy__item .text-five {
  display: none;
}

@media (max-width: 991px) {
  .buy .wrapper-buy__item .mobile-none {
    display: none;
  }
}

.buy .wrapper-buy__item .link {
  margin-top: 12px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.5;
  color: black;
}

.buy .wrapper-buy__item .link:hover {
  transition: block 1s;
}

.buy .wrapper-buy__item .link:hover .text {
  display: block;
  background-color: rgb(229, 238, 250);
  left: 15%;
  z-index: 100;
}

.buy .wrapper-buy__item .link span {
  color: blue;
}

.buy .wrapper-buy__item .link-two {
  margin-top: 12px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.5;
  color: black;
}

.buy .wrapper-buy__item .link-two:hover {
  transition: block 1s;
}

.buy .wrapper-buy__item .link-two:hover .text-two {
  display: block;
  background-color: rgb(229, 238, 250);
  left: 27%;
  z-index: 10;
}

.buy .wrapper-buy__item .link-two span {
  color: blue;
}

.buy .wrapper-buy__item .link-free {
  margin-top: 12px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.5;
  color: black;
}

.buy .wrapper-buy__item .link-free:hover {
  transition: block 1s;
}

.buy .wrapper-buy__item .link-free:hover .text-free {
  display: block;
  background-color: rgb(229, 238, 250);
  left: 40%;
}

.buy .wrapper-buy__item .link-free span {
  color: blue;
}

.buy .wrapper-buy__item .link-four {
  margin-top: 12px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.5;
  color: black;
}

.buy .wrapper-buy__item .link-four:hover {
  transition: block 1s;
}

.buy .wrapper-buy__item .link-four:hover .text-four {
  display: block;
  background-color: rgb(229, 238, 250);
  left: 53%;
}

.buy .wrapper-buy__item .link-four span {
  color: blue;
}

.buy .wrapper-buy__item .link-five {
  margin-top: 12px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.5;
  color: black;
}

.buy .wrapper-buy__item .link-five:hover {
  transition: block 1s;
}

.buy .wrapper-buy__item .link-five:hover .text-five {
  display: block;
  background-color: rgb(229, 238, 250);
  left: 66%;
}

.buy .wrapper-buy__item .link-five span {
  color: blue;
}

.buy .subtext-title {
  padding-top: 28px;
  font-size: 22px;
  font-weight: 600;
  color: rgb(0, 0, 0);
  line-height: 1.5;
}

.section-agent {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.section-agent .section-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .section-agent .section-inner {
    padding-top: 20px;
  }
}

.agent {
  display: flex;
  flex-direction: column;
}

.agent h2 {
  padding: 0;
  margin: 0;
  font-size: 44px;
  font-weight: 900;
  color: #333;
}

@media (max-width: 991px) {
  .agent h2 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .agent h2 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .agent h2 {
    font-size: 32px;
  }
}

.agent h3 {
  padding: 0;
  margin: 0;
  padding-top: 12px;
  text-align: justify;
  text-indent: 40px;
}

@media (max-width: 767px) {
  .agent h3 {
    margin-left: 3%;
    margin-right: 3%;
  }
}

.agent p {
  line-height: 1.5;
  text-indent: 20px;
  text-align: justify;
  color: rgb(46, 46, 46);
  margin-left: 2%;
  margin-right: 2%;
}

.services-two {
  background: url(/img/fon.jpg) no-repeat 50% 50%;
}

@media (max-width: 1199px) {
  .services-two {
    background-size: 100% 100%;
  }
}

.services-two .section-inner {
  padding-top: 100px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .services-two .section-inner {
    padding-top: 140px;
  }
}

@media (max-width: 575px) {
  .services-two .section-inner {
    padding-top: 192px;
  }
}

.services-two {
  display: flex;
  flex-direction: column;
  text-align: justify;
}

.services-two h2 {
  text-align: center;
  color: #333;
  font-size: 44px;
}

@media (max-width: 991px) {
  .services-two h2 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .services-two h2 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .services-two h2 {
    font-size: 36px;
    padding-top: 32px;
  }
}

.services-two .text {
  line-height: 1.5;
  color: rgb(48, 48, 48);
  text-indent: 40px;
  margin-left: 2%;
  margin-right: 2%;
}

@media (max-width: 767px) {
  .services-two .text {
    margin-left: 3%;
    margin-right: 3%;
  }
}

.section-application {
  background: url(/img/fon.jpg);
  background-size: 100% 100%;
}

.section-application .fon {
  background-color: rgba(255, 255, 255, 0.85);
}

.section-application .fon .section-inner {
  padding-top: 40px;
  padding-bottom: 60px;
}

@media (max-width: 575px) {
  .section-application .fon .section-inner {
    padding-top: 4px;
  }
}

.application {
  display: flex;
}

@media (max-width: 991px) {
  .application {
    flex-direction: column;
  }
}

.application__left {
  flex-basis: 55%;
}

.application__left h2 {
  font-weight: 900;
  font-size: 30px;
  color: rgb(30, 179, 0);
}

.application__left .text-title {
  font-size: 20px;
  margin-bottom: 16px;
}

.application__left .text {
  font-size: 18px;
  margin-bottom: 16px;
  color: black;
  font-weight: 600;
}

.application__left .form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.application__left .form .name {
  width: 300px;
  height: 36px;
  margin-bottom: 20px;
  margin-right: 12px;
  border: 1px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .application__left .form .name {
    width: 95%;
    margin-right: 0;
  }
}

.application__left .form .phones {
  width: 300px;
  height: 36px;
  margin-bottom: 20px;
  margin-right: 12px;
  border: 1px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .application__left .form .phones {
    width: 95%;
    margin-right: 0;
  }
}

.application__left .form .massage {
  width: 95%;
  height: 120px;
  margin-right: 10px;
  margin-bottom: 20px;
  border: 1px solid rgb(0, 106, 148);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .application__left .form .massage {
    margin-right: 0;
  }
}

.application__right {
  flex-basis: 45%;
}

.application__right h3 {
  font-size: 30px;
  color: #003a44;
}

.application__right .sub-title {
  font-size: 25px;
  color: #ac6005;
  font-weight: 600;
  margin-bottom: 24px;
}

.application__right .subtext {
  font-size: 18px;
  line-height: 1.5;
  text-align: justify;
  text-indent: 35px;
}

.section-help {
  background: url(/img/fon.jpg);
  background-size: 100% 100%;
}

.section-help .section-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .section-help .section-inner {
    padding-top: 12px;
  }
}

.help h2 {
  font-weight: 900;
  font-size: 44px;
  color: rgb(30, 179, 0);
}

@media (max-width: 991px) {
  .help h2 {
    font-size: 34px;
  }
}

.help .help-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .help .help-wrapper {
    justify-content: space-around;
  }
}

.help .help-wrapper__item {
  display: flex;
  width: 380px;
  align-items: center;
  background-color: rgb(235, 248, 252);
  margin-bottom: 12px;
  padding: 4px 0 4px 4px;
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .help .help-wrapper__item {
    width: 330px;
  }
}

@media (max-width: 991px) {
  .help .help-wrapper__item {
    width: 380px;
  }
}

@media (max-width: 767px) {
  .help .help-wrapper__item {
    width: 350px;
  }
}

.help .help-wrapper__item .imaga-body {
  width: 250px;
  height: 100px;
  border-radius: 100%;
  background-color: rgb(252, 191, 78);
}

.help .help-wrapper__item .imaga-body img {
  position: relative;
  top: 20%;
  width: auto;
}

.help .help-wrapper__item .text-title {
  font-size: 25px;
  text-align: center;
  font-weight: 600;
}

.help .help-wrapper__item .text {
  line-height: 1.5;
  color: rgb(83, 83, 83);
}

.section-calc {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.section-calc .section-inner {
  padding-top: 100px;
  padding-bottom: 60px;
}

.calc h2 {
  font-weight: 900;
  font-size: 44px;
  color: rgb(30, 179, 0);
}

@media (max-width: 991px) {
  .calc h2 {
    padding-top: 40px;
  }
}

@media (max-width: 575px) {
  .calc h2 {
    padding-top: 100px;
  }
}

.calc .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.calc .wrapper__item {
  width: 350px;
  border-radius: 8px;
  margin-bottom: 20px;
  background-color: white;
}

.calc .wrapper__item:hover {
  transition: 0.5s;
  transform: scale(1.02);
}

.calc .wrapper__item a {
  text-decoration: none;
  color: rgb(0, 61, 48);
}

.calc .wrapper__item img {
  border-radius: 8px 8px 0 0;
}

.calc .wrapper__item .title {
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 12px;
}

.section-why-we {
  background: url(/img/fon.jpg);
  background-size: 100% 100%;
}

.section-why-we .section-inner {
  padding-top: 20px;
  padding-bottom: 60px;
}

.why-we {
  display: flex;
  justify-content: space-around;
}

@media (max-width: 991px) {
  .why-we {
    flex-direction: column;
  }
}

.why-we__left {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .why-we__left {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.why-we__left .title {
  background-color: rgb(219, 219, 219);
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  padding-left: 10%;
  padding-right: 10%;
}

.why-we__left img {
  position: relative;
  width: 50px;
  left: 0;
  top: 0;
  transform: translate(0, -50%);
}

.why-we__left .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: rgb(219, 219, 219);
}

.why-we__left .wrapper__item {
  border-bottom: 1px solid gray;
  padding-top: 12px;
  padding-bottom: 12px;
}

.why-we__left .wrapper__item .text {
  display: flex;
  align-items: center;
  text-align: justify;
  padding-top: 4px;
  padding-bottom: 4px;
}

@media (max-width: 767px) {
  .why-we__left .wrapper__item .text {
    margin-left: 3%;
    margin-right: 5%;
  }
}

.why-we__right .title {
  background-color: rgb(240, 255, 236);
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  padding-left: 10%;
  padding-right: 10%;
}

.why-we__right .title span {
  font-size: 16px;
}

.why-we__right img {
  position: relative;
  width: 50px;
  left: 0;
  top: 0;
  transform: translate(0, -50%);
}

.why-we__right .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: rgb(240, 255, 236);
}

.why-we__right .wrapper__item {
  border-bottom: 1px solid gray;
  padding-top: 12px;
  padding-bottom: 12px;
}

.why-we__right .wrapper__item .text {
  display: flex;
  align-items: center;
  text-align: justify;
  padding-top: 4px;
  padding-bottom: 4px;
}

@media (max-width: 767px) {
  .why-we__right .wrapper__item .text {
    margin-left: 3%;
    margin-right: 5%;
  }
}

.dots {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: gold;
  margin-right: 8px;
  margin-left: 8px;
}

.section-zayvka {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-zayvka--bg {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-zayvka .section-inner {
  padding-top: 28px;
  padding-bottom: 28px;
}

.section-zayvka .section-inner p {
  margin: 0;
  padding-top: 20px;
  font-size: 36px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .section-zayvka .section-inner p {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .section-zayvka .section-inner p {
    font-size: 24px;
  }
}

.section-zayvka .section-inner p a {
  text-decoration: none;
  color: wheat;
}

.section-zayvka .section-inner p a:hover {
  color: #219653;
  transition: 0.5s;
}

.zayvka {
  display: flex;
  align-items: center;
}

.zayvka h3 {
  margin: 0;
  font-size: 40px;
  color: gold;
}

@media (max-width: 767px) {
  .zayvka h3 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .zayvka h3 {
    font-size: 30px;
  }
}

.zayvka__left h2 {
  padding: 0;
  margin: 0;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 40px;
  color: #fff;
}

@media (max-width: 767px) {
  .zayvka__left h2 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .zayvka__left h2 {
    font-size: 24px;
  }
}

.zayvka__left h2 span {
  color: rgb(241, 168, 84);
}

@media (max-width: 767px) {
  .zayvka__right {
    display: none;
  }
}

.zayvka__right img {
  width: 300px;
}

.container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.container h2 {
  margin-top: 0;
  font-weight: 900;
  font-size: 44px;
  color: rgb(30, 179, 0);
}

.container .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .container .wrapper__item .mobile-display {
    display: none;
  }
}

.container .wrapper__item img {
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 991px) {
  .container .wrapper__item img {
    width: 200px;
    margin-left: 16px;
    margin-right: 16px;
  }
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-arkona {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.section-arkona .section-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .section-arkona .section-inner {
    padding-top: 40px;
  }
}

.arkona h2 {
  font-weight: 900;
  font-size: 44px;
  color: rgb(30, 179, 0);
}

@media (max-width: 767px) {
  .arkona h2 {
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 575px) {
  .arkona h2 {
    font-size: 36px;
  }
}

.arkona .arkona-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .arkona .arkona-wrapper {
    justify-content: space-around;
  }
}

.arkona .arkona-wrapper__item {
  display: flex;
  width: 280px;
  align-items: center;
  flex-direction: column;
  background-color: rgb(235, 248, 252);
  margin-bottom: 12px;
  padding: 4px 0 4px 4px;
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .arkona .arkona-wrapper__item {
    width: 230px;
  }
}

@media (max-width: 991px) {
  .arkona .arkona-wrapper__item {
    width: 310px;
  }
}

.arkona .arkona-wrapper__item .imaga-body {
  border: 10px double rgb(70, 156, 0);
  width: 115px;
  height: 115px;
  border-radius: 100%;
  background-color: rgb(245, 176, 48);
}

.arkona .arkona-wrapper__item .imaga-body .title {
  position: relative;
  top: 28%;
  font-weight: 900;
  font-size: 30px;
  line-height: 0.8;
  color: white;
}

.arkona .arkona-wrapper__item .imaga-body .title span {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(50%, 50%);
}

.arkona .arkona-wrapper__item .imaga-arenda {
  border: 10px double rgb(255, 174, 0);
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background-color: rgb(251, 255, 196);
}

.arkona .arkona-wrapper__item .imaga-arenda .title {
  position: relative;
  top: 28%;
  font-weight: 900;
  font-size: 30px;
  line-height: 0.8;
  color: white;
}

.arkona .arkona-wrapper__item .imaga-arenda .title span {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(50%, 50%);
}

.arkona .arkona-wrapper__item .text-title {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  line-height: 1.2;
}

.arkona .arkona-wrapper__item .text {
  line-height: 1.5;
  color: rgb(83, 83, 83);
}

.services-free {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.services-free .section-inner {
  padding-top: 100px;
  padding-bottom: 60px;
}

.services-freee {
  display: flex;
  flex-direction: column;
  text-align: justify;
}

.services-freee h2 {
  text-align: center;
  color: #333;
  font-size: 44px;
}

@media (max-width: 767px) {
  .services-freee h2 {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .services-freee h2 {
    padding-top: 120px;
    font-size: 36px;
  }
}

.services-freee .text {
  display: flex;
  align-items: center;
  line-height: 1.5;
  color: rgb(48, 48, 48);
  text-indent: 40px;
  margin-left: 3%;
  margin-right: 3%;
}

.section-sale-commercial {
  background: url(/img/1612474580_178-p-svetlo-serii-fon-abstraktsiya-201.png) no-repeat 50% 50%;
}

.section-sale-commercial .section-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .section-sale-commercial .section-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .section-sale-commercial .section-inner {
    padding-top: 0;
  }
}

.sale-commercial h2 {
  text-align: center;
  color: #333;
  font-size: 44px;
}

@media (max-width: 767px) {
  .sale-commercial h2 {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .sale-commercial h2 {
    font-size: 34px;
  }
}

.sale-commercial .wrap-commercial {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .sale-commercial .wrap-commercial {
    padding-top: 20px;
  }
}

@media (max-width: 575px) {
  .sale-commercial .wrap-commercial {
    padding-top: 0;
  }
}

.sale-commercial .wrap-commercial__item {
  flex-basis: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .sale-commercial .wrap-commercial__item {
    flex-basis: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
}

.sale-commercial .wrap-commercial__item--bg {
  background-color: rgb(231, 237, 240);
}

@media (max-width: 767px) {
  .sale-commercial .wrap-commercial__item--bg {
    margin-bottom: 8px;
  }
}

.sale-commercial .wrap-commercial__item .title {
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 20px;
}

@media (max-width: 575px) {
  .sale-commercial .wrap-commercial__item .title {
    font-size: 22px;
    padding-bottom: 8px;
  }
}

.sale-commercial .wrap-commercial__item .text {
  font-size: 16px;
  line-height: 1.5;
}

.secrvices-commercial {
  display: flex;
  padding-bottom: 60px;
}

.secrvices-commercial__left {
  flex-basis: 50%;
}

@media (max-width: 991px) {
  .secrvices-commercial__left {
    display: none;
  }
}

.secrvices-commercial__left img {
  width: 100%;
  height: 100%;
}

.secrvices-commercial__right {
  flex-basis: 50%;
  background: rgba(0, 94, 218, 0.6);
}

@media (max-width: 991px) {
  .secrvices-commercial__right {
    flex-basis: 100%;
    padding-bottom: 28px;
  }
}

.secrvices-commercial__right h2 {
  font-weight: 500;
  color: white;
  font-size: 34px;
  margin-left: 10%;
  margin-right: 10%;
  padding-top: 12px;
  padding-bottom: 20px;
  text-align: center;
}

@media (max-width: 1399px) {
  .secrvices-commercial__right h2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 1199px) {
  .secrvices-commercial__right h2 {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 32px;
  }
}

@media (max-width: 991px) {
  .secrvices-commercial__right h2 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .secrvices-commercial__right h2 {
    font-size: 28px;
  }
}

.secrvices-commercial__right .wrapper-serv-commercial {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.secrvices-commercial__right .wrapper-serv-commercial__item {
  align-items: center;
  width: 25%;
  background: rgba(0, 50, 212, 0.6);
  padding-top: 28px;
  padding-bottom: 28px;
}

@media (max-width: 575px) {
  .secrvices-commercial__right .wrapper-serv-commercial__item {
    width: 50%;
  }
}

.secrvices-commercial__right .wrapper-serv-commercial__item--bg {
  background: rgb(0, 50, 212);
}

.secrvices-commercial__right .wrapper-serv-commercial__item .title {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: white;
}

.secrvices-commercial__right .modal-button {
  margin-left: 30%;
}

@media (max-width: 1800px) {
  .secrvices-commercial__right .modal-button {
    padding: 8px;
    top: 30px;
  }
}

@media (max-width: 767px) {
  .secrvices-commercial__right .modal-button {
    margin-left: 20%;
  }
}

@media (max-width: 767px) {
  .secrvices-commercial__right .modal-button {
    margin-left: 10%;
    font-size: 16px;
    padding: 4px;
  }
}

.section-good {
  background: url(/img/5.jpg) no-repeat center center;
}

@media (max-width: 991px) {
  .section-good {
    background-size: 100% 100%;
  }
}

.section-good .section-inner {
  padding-top: 20px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .section-good .section-inner {
    padding-top: 4px;
  }
}

.section-good .section-inner h2 {
  text-align: center;
  color: #00aa1c;
  font-size: 44px;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .section-good .section-inner h2 {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .section-good .section-inner h2 {
    font-size: 34px;
  }
}

.section-good .section-inner h2 span {
  color: #ac6005;
}

.section-good .section-inner .title {
  margin: 0 auto;
  font-size: 20px;
  width: 75%;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .section-good .section-inner .title {
    width: 90%;
  }
}

.good {
  display: flex;
  margin-top: 20px;
  padding-bottom: 40px;
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
  border-radius: 20px;
  max-width: 100%;
  margin-left: 1%;
  margin-right: 1%;
  position: relative;
}

@media (max-width: 767px) {
  .good {
    flex-direction: column;
  }
}

.good-left {
  flex-basis: 100%;
  margin-left: 2%;
}

.good-left h3 {
  color: gold;
  font-weight: 500;
}

@media (max-width: 991px) {
  .good-left h3 {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .good-left h3 {
    font-size: 24px;
  }
}

.good-left .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media (max-width: 575px) {
  .good-left .wrapper {
    margin-top: 20px;
  }
}

.good-left .wrapper__item {
  display: flex;
  flex-basis: 45%;
  font-size: 20px;
  text-align: justify;
  align-items: center;
  margin-left: 20px;
  color: whitesmoke;
}

@media (max-width: 991px) {
  .good-left .wrapper__item {
    font-size: 16px;
    margin-left: 10px;
  }
}

@media (max-width: 575px) {
  .good-left .wrapper__item {
    flex-basis: 95%;
  }
}

.good-left .wrapper__item span {
  font-size: 44px;
  font-weight: 900;
  margin-right: 10px;
  color: rgb(255, 231, 144);
}

@media (max-width: 991px) {
  .good-left .wrapper__item span {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .good-left .wrapper__item span {
    font-size: 30px;
  }
}

.good-left .btn-input {
  font-size: 20px;
  font-weight: 500;
}

.good-left .blok {
  margin-top: 40px;
  border-radius: 8px;
  border: 1px dashed blanchedalmond;
}

.good-left .blok .text {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: justify;
  font-size: 24px;
  text-indent: 20px;
  font-weight: 500;
  color: ghostwhite;
  top: -1px;
  background: linear-gradient(101.79deg, #5c627c 65.93%, #4f556b 80.67%, #5e647a 94.49%);
  border: 2px solid blanchedalmond;
  border-radius: 8px 8px 0 0;
  width: 100%;
  margin-left: -2px;
}

.good-left .blok .list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: justify;
  margin-left: 12px;
  margin-right: 12px;
}

.good-left .blok .list__item {
  color: ghostwhite;
}

.good-left .blok .list__item span {
  font-size: 28px;
  color: rgb(1, 231, 1);
}

@media (max-width: 575px) {
  .good-right img {
    width: 90%;
  }
}

.good-right .right-blok {
  width: 300px;
  margin: 0 auto;
  padding: 12px 15px;
  line-height: 1.5;
  background: whitesmoke;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .good-right .right-blok {
    width: 500px;
  }
}

@media (max-width: 575px) {
  .good-right .right-blok {
    width: 300px;
  }
}

.good-right .right-blok .button {
  position: absolute;
  width: 200px;
  margin: 0 auto;
  background-color: rgb(224, 165, 100);
  color: rgb(15, 15, 15);
  padding: 5px 15px;
  border-radius: 8px;
  transform: translate(15%, 0);
  font-weight: 500;
}

@media (max-width: 767px) {
  .good-right .right-blok .button {
    transform: translate(57%, 0);
  }
}

@media (max-width: 575px) {
  .good-right .right-blok .button {
    transform: translate(15%, 0);
  }
}

.section-one-phone {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-one-phone .section-inner {
  padding-bottom: 40px;
}

.one-phone {
  display: flex;
}

.one-phone .left h2 {
  text-align: center;
  color: whitesmoke;
  margin-bottom: 0;
  font-size: 42px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .one-phone .left h2 {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .one-phone .left h2 {
    font-size: 32px;
  }
}

.one-phone .left .phones {
  text-decoration: none;
  color: rgb(1, 228, 133);
  font-size: 50px;
  font-weight: 900;
}

@media (max-width: 767px) {
  .one-phone .left .phones {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .one-phone .left .phones {
    font-size: 32px;
  }
}

.one-phone .left .phones:hover {
  transition: 0.5s;
  color: rgb(2, 190, 58);
}

.sale-btn {
  display: none;
  position: fixed;
  text-align: center;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 2px;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .sale-btn {
    display: block;
  }
}

.sale-btn .group {
  display: flex;
  align-items: center;
}

.sale-btn .group .link {
  width: 50%;
  height: 40px;
  background: #0068ad;
  text-decoration: none;
  color: white;
  text-align: center;
  font-size: 18px;
}

.sale-btn .group .phone-link {
  width: 50%;
  font-size: 18px;
  height: 40px;
  background: #00aa1c;
  text-decoration: none;
  color: white;
  font-weight: 400;
}

.modal-sale-mobile {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(12, 12, 12, 0.7);
  margin: 0;
  padding: 0;
  transition: all 0.5s ease;
  z-index: 5000;
}

.modal-sale-mobile .sale-inner {
  top: 20px;
}

.modal-sale-mobile:target {
  opacity: 1;
  pointer-events: auto;
  overflow-y: auto;
}

.modal-sale {
  position: fixed;
  pointer-events: auto;
  right: 0;
  bottom: 13%;
  margin: 0;
  padding: 0;
  transition: all 0.5s ease;
  z-index: 10;
}

@media (max-width: 1399px) {
  .modal-sale {
    bottom: 5%;
  }
}

@media (max-width: 1199px) {
  .modal-sale {
    bottom: 3%;
  }
}

@media (max-width: 991px) {
  .modal-sale {
    bottom: 1%;
  }
}

@media (max-width: 767px) {
  .modal-sale {
    display: none;
  }
}

.sale-bg {
  margin: auto;
  width: 350px;
}

@media (max-width: 1399px) {
  .sale-bg {
    width: 400px;
  }
}

@media (max-width: 1199px) {
  .sale-bg {
    width: 450px;
  }
}

@media (max-width: 767px) {
  .sale-bg {
    width: 95%;
  }
}

.sale-inner {
  position: relative;
  bottom: 0;
  background-color: rgb(2, 55, 126);
  border: 1px solid gray;
  border-radius: 8px;
}

.sale-inner h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #ffffff;
  margin-top: 20px;
}

.sale-inner .title {
  text-align: center;
  color: gold;
  padding: 6px;
  font-size: 19px;
  border-top: 1px solid gold;
  border-bottom: 1px solid gold;
}

.sale-inner .link-phone-sale {
  text-decoration: none;
  font-size: 26px;
  color: #02e428;
  font-weight: 900;
  margin-left: 17%;
  margin-right: 17%;
  padding-top: 10px;
}

.sale-inner #link-sale-phone {
  text-align: center;
}

.sale-inner .text {
  margin-left: 2.5%;
  margin-right: 2.5%;
  color: white;
  text-indent: 12px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 20px;
}

.sale-inner .form-sale {
  border: 1px solid white;
  border-radius: 12px;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 16px;
  margin-bottom: 20px;
}

.sale-inner .form-sale h3 {
  text-align: justify;
  text-indent: 22px;
  padding-top: 12px;
  padding-bottom: 20px;
  color: white;
  margin: 0;
  font-size: 24px;
}

.sale-inner .form-sale .form-sale-modal .name {
  width: 85%;
  height: 36px;
  margin-left: 7.5%;
  margin-right: 7.5%;
  margin-bottom: 12px;
  border-bottom: 1px solid white;
  background-color: none;
  border-radius: 10px;
  border: none;
}

.sale-inner .form-sale .form-sale-modal .btn {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  padding: 10px;
  background-color: red;
  border: 1px solid red;
  border-radius: 12px;
  box-shadow: 0px 5px 10px rgb(255, 0, 0);
  color: white;
}

.sale-inner .form-sale .subtext {
  color: white;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2%;
  margin-right: 2%;
}

.sale-inner .close-btn {
  position: absolute;
  right: 0.2em;
  border: none;
  background: none;
  font-size: 26px;
  color: rgb(245, 159, 159);
  cursor: pointer;
}

.sale-inner .close-btn:hover {
  transition: 0.5s;
  color: red;
  font-weight: 900;
}

.modal-new {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(12, 12, 12, 0.7);
  margin: 0;
  padding: 0;
  transition: all 0.5s ease;
  z-index: 5000;
}

@media (max-width: 575px) {
  .modal-new {
    top: -130px;
  }
}

.modal-new:target {
  opacity: 1;
  pointer-events: auto;
  overflow-y: auto;
}

.modal-new-wrapper {
  margin: auto;
  width: 600px;
}

@media (max-width: 767px) {
  .modal-new-wrapper {
    width: 95%;
  }
}

.modal-new-wrapper-otzev {
  width: 991px;
}

@media (max-width: 991px) {
  .modal-new-wrapper-otzev {
    width: 97%;
  }
}

@media (max-width: 991px) {
  .modal-new-wrapper-otzev video {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .modal-new-wrapper-otzev video {
    width: 270px;
  }
}

@media (max-width: 575px) {
  .modal-new-wrapper-otzev video {
    width: 95%;
  }
}

.modal-new-wrapper-big {
  width: 800px;
}

@media (max-width: 820px) {
  .modal-new-wrapper-big {
    width: 95%;
  }
}

.modal-new-wrapper-big .form-price {
  margin-left: 12px;
}

.modal-new-wrapper-big .form-price .name {
  width: 30%;
  height: 30px;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 2px solid rgb(0, 41, 155);
  margin-right: 12px;
}

@media (max-width: 767px) {
  .modal-new-wrapper-big .form-price .name {
    width: 45%;
  }
}

@media (max-width: 575px) {
  .modal-new-wrapper-big .form-price .name {
    width: 95%;
  }
}

.modal-new-wrapper-big .form-price .phonef {
  width: 30%;
  height: 30px;
  border-radius: 4px;
  border: 2px solid rgb(0, 41, 155);
  margin-right: 12px;
}

@media (max-width: 767px) {
  .modal-new-wrapper-big .form-price .phonef {
    width: 45%;
  }
}

@media (max-width: 575px) {
  .modal-new-wrapper-big .form-price .phonef {
    width: 95%;
    margin-bottom: 8px;
  }
}

.modal-new-wrapper-big .form-price .email {
  width: 30%;
  height: 30px;
  border-radius: 4px;
  border: 2px solid rgb(0, 41, 155);
  margin-right: 12px;
}

@media (max-width: 767px) {
  .modal-new-wrapper-big .form-price .email {
    width: 93%;
    margin-bottom: 12px;
  }
}

@media (max-width: 575px) {
  .modal-new-wrapper-big .form-price .email {
    width: 95%;
  }
}

.modal-new-wrapper-big .form-price .select {
  height: 36px;
  width: 46%;
  margin-right: 20px;
  margin-left: 8px;
  margin-bottom: 20px;
  border-radius: 4px;
  background: rgba(248, 242, 186, 0.3);
}

@media (max-width: 575px) {
  .modal-new-wrapper-big .form-price .select {
    width: 98%;
    margin-left: 0;
    margin-right: 6px;
  }
}

.modal-new-wrapper-big .form-price .massage {
  width: 96%;
  height: 100px;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: 8px;
  border-radius: 4px;
  border: 2px solid rgb(0, 41, 155);
}

@media (max-width: 767px) {
  .modal-new-wrapper-big .form-price .massage {
    width: 93%;
  }
}

@media (max-width: 575px) {
  .modal-new-wrapper-big .form-price .massage {
    width: 95%;
  }
}

.modal-new-wrapper-big .form-price .btn-gold {
  padding: 8px;
  width: 40%;
  margin-bottom: 20px;
  margin-left: 30%;
  margin-right: 30%;
}

@media (max-width: 575px) {
  .modal-new-wrapper-big .form-price .btn-gold {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

.modal-new-inner {
  position: relative;
  top: 150px;
  background-color: white;
  border: 1px solid gray;
  border-radius: 8px;
  padding: 10px;
}

.modal-new-inner .form-new-modal .name {
  width: 80%;
  height: 30px;
  margin-bottom: 12px;
  border-radius: 8px;
  border: 2px solid rgb(0, 41, 155);
}

.modal-new-inner .form-new-modal .phonew {
  width: 80%;
  height: 30px;
  border-radius: 8px;
  border: 2px solid rgb(0, 41, 155);
}

.modal-new-inner .form-new-modal .file {
  margin-left: 30%;
  margin-top: 12px;
  margin-bottom: 12px;
}

.modal-new-inner .form-new-modal .btn-gold {
  padding: 8px;
  margin-bottom: 12px;
}

.modal-new-inner .text {
  padding-bottom: 12px;
  text-indent: 10px;
}

.modal-new-inner .text-ipoteka {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 5%;
  margin-right: 5%;
}

.close-new {
  position: absolute;
  top: 8px;
  right: 8px;
  text-decoration: none;
  color: black;
  font-size: 22px;
}

.close-new:hover {
  transition: 0.5s;
  color: red;
}

h3 {
  text-align: center;
  font-size: 28px;
}

.MAIN {
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
  font-size: 18px;
  margin-bottom: 20px;
}

.form-ipoteka {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.form-ipoteka .name {
  width: 400px;
  height: 40px;
  border: 2px solid rgb(0, 60, 150);
  border-radius: 8px;
  margin-bottom: 20px;
}

.form-ipoteka .phone-ipoteka {
  width: 400px;
  height: 40px;
  border: 2px solid rgb(0, 60, 150);
  border-radius: 8px;
  margin-bottom: 20px;
}

.form-ipoteka .btn-ipoteka {
  width: 250px;
  margin-bottom: 28px;
}

.section-about-commercial {
  background: url(/img/fon.jpg) no-repeat 50% 50%;
}

.section-about-commercial .section-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-about-commercial .section-inner h2 {
  text-align: center;
  color: #333;
  font-size: 44px;
}

.about-commercial {
  display: flex;
  flex-wrap: wrap;
}

.about-commercial__left {
  flex-basis: 48%;
  background: rgb(0, 33, 216);
  padding: 25px 10px;
}

.about-commercial__left .text {
  margin-bottom: 8px;
  text-align: justify;
  text-indent: 15px;
  color: white;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

.about-commercial__left .text span {
  color: orange;
  font-weight: 600;
}

.about-commercial__right {
  flex-basis: 50%;
}

.about-commercial__right .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about-commercial__right .wrapper__item {
  background: rgb(0, 86, 216);
  padding: 33px 10px;
  font-size: 18px;
  line-height: 1.5;
  color: white;
  text-align: justify;
  text-indent: 15px;
}

.about-commercial__right .wrapper__item--bg {
  background: rgb(0, 102, 255);
}

.about-commercial__right .wrapper__item .text span {
  font-weight: 600;
}

.section-buy-commercial {
  background: url(/img/fon.jpg) no-repeat 50% 50%;
}

.section-buy-commercial .section-inner {
  padding-top: 4px;
  padding-bottom: 60px;
}

@media (max-width: 575px) {
  .section-buy-commercial .section-inner {
    padding-top: 0;
  }
}

.section-buy-commercial .section-inner--new {
  padding-top: 52px;
}

.buy-commercial h2 {
  margin: 0;
  padding-bottom: 12px;
  text-align: center;
  color: #333;
  font-size: 44px;
}

@media (max-width: 767px) {
  .buy-commercial h2 {
    font-size: 38px;
    padding-bottom: 8px;
    margin-top: -22px;
  }
}

@media (max-width: 575px) {
  .buy-commercial h2 {
    font-size: 32px;
  }
}

.buy-commercial .mini-title {
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .buy-commercial .mini-title {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .buy-commercial .mini-title {
    font-size: 18px;
  }
}

.buy-commercial .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.buy-commercial .wrapper__item {
  flex-basis: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .buy-commercial .wrapper__item {
    flex-basis: 100%;
  }
}

.buy-commercial .wrapper__item .title {
  font-size: 22px;
  font-weight: 600;
  margin-left: 10%;
  margin-right: 10%;
  padding-bottom: 20px;
}

@media (max-width: 575px) {
  .buy-commercial .wrapper__item .title {
    font-size: 20px;
    padding-bottom: 8px;
  }
}

.buy-commercial .wrapper__item .text {
  line-height: 1.5;
  margin-left: 5%;
  margin-right: 5%;
  padding-bottom: 20px;
}

.buy-commercial .wrapper__item--bg {
  flex-basis: 50%;
  background-color: rgb(231, 237, 240);
}

@media (max-width: 767px) {
  .buy-commercial .wrapper__item--bg {
    flex-basis: 100%;
  }
}

.buy-commercial .wrap-body {
  background-color: rgb(207, 211, 212);
  padding-top: 20px;
  padding-bottom: 20px;
}

.buy-commercial .wrap-body--new {
  background-color: #ff7800;
}

.buy-commercial .wrap-body--new .title-new {
  color: #dbeef1;
  font-size: 26px;
  font-weight: 600;
  margin-left: 10%;
  margin-right: 10%;
  padding-bottom: 20px;
}

.buy-commercial .wrap-body .title {
  font-size: 22px;
  font-weight: 600;
  margin-left: 10%;
  margin-right: 10%;
  padding-bottom: 20px;
}

.section-arenda-commercial {
  background: url(/img/5.jpg);
  background-size: 100% 100%;
}

.section-arenda-commercial .section-inner {
  padding-top: 140px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .section-arenda-commercial .section-inner {
    padding-top: 180px;
    padding-bottom: 0;
  }
}

@media (max-width: 575px) {
  .section-arenda-commercial .section-inner {
    padding-top: 240px;
  }
}

.arenda-commercial h2 {
  margin: 0;
  padding-bottom: 12px;
  text-align: center;
  color: #333;
  font-size: 44px;
}

@media (max-width: 767px) {
  .arenda-commercial h2 {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .arenda-commercial h2 {
    font-size: 32px;
  }
}

.arenda-commercial .text-title {
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .arenda-commercial .text-title {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .arenda-commercial .text-title {
    font-size: 20px;
  }
}

.arenda-commercial .wrap-body {
  display: flex;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .arenda-commercial .wrap-body {
    flex-direction: column-reverse;
  }
}

.arenda-commercial .wrap-body__left {
  flex-basis: 50%;
  background-color: rgb(2, 59, 134);
}

.arenda-commercial .wrap-body__left .wrapper-left {
  list-style: none;
  padding: 0;
  margin: 0;
  color: white;
  font-size: 20px;
}

@media (max-width: 767px) {
  .arenda-commercial .wrap-body__left .wrapper-left {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .arenda-commercial .wrap-body__left .wrapper-left {
    font-size: 16px;
  }
}

.arenda-commercial .wrap-body__left .wrapper-left__item {
  line-height: 2;
}

.arenda-commercial .wrap-body__left .wrapper-left__item .title-wrap {
  color: wheat;
  font-size: 28px;
  padding-top: 16px;
  padding-bottom: 28px;
}

@media (max-width: 767px) {
  .arenda-commercial .wrap-body__left .wrapper-left__item .title-wrap {
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .arenda-commercial .wrap-body__left .wrapper-left__item .title-wrap {
    font-size: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.arenda-commercial .wrap-body__right {
  flex-basis: 50%;
  background-color: rgb(0, 69, 158);
}

.arenda-commercial .wrap-body__right .title {
  color: wheat;
  font-size: 28px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.arenda-commercial .wrap-body__right .wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.arenda-commercial .wrap-body__right .wrapper__item {
  width: 50%;
  color: white;
  padding-top: 36px;
  padding-bottom: 36px;
  background-color: rgb(0, 93, 214);
}

.arenda-commercial .wrap-body__right .wrapper__item--bg {
  background-color: rgb(24, 124, 255);
}

.arenda-commercial .pravilo {
  background-color: #ff7800;
  padding-top: 20px;
  padding-bottom: 20px;
}

.arenda-commercial .pravilo h3 {
  margin: 0;
  color: white;
  font-size: 30px;
}

@media (max-width: 767px) {
  .arenda-commercial .pravilo h3 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .arenda-commercial .pravilo h3 {
    font-size: 22px;
  }
}

.section-map {
  background: linear-gradient(101.79deg, #434a6b 65.93%, #414a6b 80.67%, #363d58 94.49%);
}

.section-map .section-inner {
  padding-top: 48px;
  padding-bottom: 40px;
}

.map-text h2 {
  margin: 0;
  padding-bottom: 12px;
  text-align: center;
  color: wheat;
  font-size: 44px;
}

@media (max-width: 767px) {
  .map-text h2 {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .map-text h2 {
    font-size: 32px;
  }
}

.map-text h2 span {
  color: gold;
}

.map-text .title {
  font-size: 20px;
  color: white;
  margin-left: 7%;
  margin-right: 7%;
}

@media (max-width: 767px) {
  .map-text .title {
    font-size: 18px;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (max-width: 767px) {
  .map-text .title {
    font-size: 16px;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.map-text .title span {
  font-size: 22px;
  font-weight: 600;
  color: #02e428;
}

/*# sourceMappingURL=style.css.map */