@charset "UTF-8";
* {
  padding: 0;
  margin: 0; }

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

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none; }
  .overlay--active {
    display: block; }

.btn {
  cursor: pointer; }

.btn:active {
  opacity: 0.75; }

.title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #9b9d98;
  text-align: center; }

@media (min-width: 769px) {
  .title {
    font-size: 46px; } }

@media (min-width: 1200px) {
  .title {
    font-size: 54px; } }

.header {
  background: url("../img/intro/intro_mobile_bg.jpg") no-repeat;
  background-position: center 0;
  padding-top: 50px;
  padding-bottom: 50px; }

.header__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  position: relative; }

.header__video {
  display: none; }

.header__list--desktop {
  display: none; }

.header__nav {
  position: fixed;
  width: 250px;
  right: -270px;
  top: 0;
  min-height: 100vh;
  background: #fff;
  padding: 30px;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 999; }
  .header__nav--active {
    right: -10px; }

.header__list {
  list-style-type: none;
  position: relative; }
  .header__list:after {
    content: '';
    position: absolute;
    display: block;
    width: 75%;
    height: 90px;
    background: url("../img/logo.png") no-repeat;
    background-size: contain;
    background-position: left;
    bottom: -120px;
    left: 0; }

.header__item a {
  text-decoration: none;
  color: #cddc39;
  display: inline-block;
  margin: 3px 0;
  padding: 6px 0;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 0.75px; }

.header__item--btn {
  display: none; }

.header__open {
  position: absolute;
  top: -20px;
  right: 30px;
  border: 3px solid #c5d03d;
  border-left: none;
  border-right: none;
  width: 35px;
  height: 20px;
  font-size: 0; }
  .header__open:after {
    content: '';
    display: block;
    width: 100%;
    background: #c5d03d;
    height: 3px;
    top: -webkit-calc(50% - 1px);
    top: calc(50% - 1px);
    left: 0;
    position: absolute; }

.header__close {
  font-size: 0;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer; }
  .header__close:before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #9b9d98;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 50%; }
  .header__close:after {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #9b9d98;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 50%; }

.header__title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  /* Text style for "Оффисный м" */
  letter-spacing: 3.6px;
  text-align: center;
  margin-bottom: 46px; }

.header__promo {
  font-size: 25px;
  font-weight: 400;
  /* Text style for "Настройка" */
  letter-spacing: 1.5px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  margin-bottom: 100px;
  z-index: 2; 
  position: relative; }
@media (min-width:769px) {
  .header__promo {
    font-size: 33px;
    margin-bottom: 30px;
  }
}
@media (min-width:1200px) {
  .header__promo {
    font-size: 25px;
    margin-bottom: 100px;
  }
}
@media ( max-width: 768px) {
  .header__promo {
    padding-top: 38px;
    margin-bottom: 53px;
    font-size: 30px;
    filter: drop-shadow(7px 6px 4px black);
  }
  .header__promo--bg {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 87%;
    height: 40px;
    background-color: black;
    z-index: 1;
    filter: blur(30px);
    overflow: hidden;
  }
}
@media (max-width: 619px) {
  .header__promo--bg {
    height: 80px;
    filter: blur(65px);
  }
}

.header__logo {
  width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 70px; }
@media (min-width:769px) {
  .header__logo {
    width: 250px;
    margin-bottom: 120px;
  }
}
@media (min-width:1200px) {
  .header__logo {
    width: 200px;
    margin-bottom: 70px;
  }
}
@media (max-width:768px) {
  .header__logo {
    width: 200px;
  }
}

.header__btn {
  display: block;
  width: 100px;
  height: 64px;
  padding-top: 50px;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  /* Text style for "Подробнее" */
  letter-spacing: 1.03px;
  text-decoration: none;
  color: #fff;
  position: relative; }
  .header__btn:after {
    content: '';
    display: block;
    width: 36px;
    height: 33px;
    position: absolute;
    background: url("../img/arr_down1.png") no-repeat;
    left: -webkit-calc(50% - 18px);
    left: calc(50% - 18px);
    bottom: 0;
    -webkit-animation: arrow 3s infinite;
            animation: arrow 3s infinite; }

@-webkit-keyframes arrow {
  0% {
    bottom: 0; }
  50% {
    bottom: 0; }
  70% {
    bottom: -10px; }
  90% {
    bottom: 2px; }
  100% {
    bottom: 0; } }

@keyframes arrow {
  0% {
    bottom: 0; }
  50% {
    bottom: 0; }
  70% {
    bottom: -10px; }
  90% {
    bottom: 2px; }
  100% {
    bottom: 0; } }

/* ====== rules for mobile ============== */
.header__title {
  display: none; }

.header__promo {
  display: block; }
  .header__promo--mobile {
    padding-top: 40px;
    display: block;
    color: #c5d03d;
    font-size: 30px;
    opacity: 1;
    font-weight: 700;
    text-transform: uppercase;
    /* Text style for "Оффисный м" */
    letter-spacing: 3.6px;
    text-align: center;
    margin-bottom: 46px; }
@media ( max-width: 375px) {
  .header__list::after {
    bottom: -80px;
  }
}

@media (min-width: 769px) {
  .header {
    background: url("../img/bg-tablet.jpg"); } }
    
@media (max-width: 1199px) {
  .header__list:after {
    height: 80px;
    bottom: -85px;
  }
  .header__btn {
    height: 84px;
  }
}
@media ( max-width: 576px) {
  .header__btn {
    height: 64px;
  }
}
@media (min-width: 1200px) {
  /*
	.header__video{
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	*/
  .header__video {
    display: block;
    max-width: 100%;
    height: auto; }
  .header {
    position: relative;
    padding: 0;
    max-width: 1920px;
    margin: 0 auto;
    background: url("../img/bg-d.jpg") no-repeat;
    background-position: center center;
    min-height: 710px; }
  .header__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
    left: -webkit-calc(50% - 600px);
    left: calc(50% - 600px);
    top: 0; }
  /*

	.header__list, .header__nav{
		display: block;
		position: relative;
		right: 0;
		top: 0;
		background: transparent;
		width: 100%;
	}

	.header__list{
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: space-between;

		&:after{
			display: none;
		}
	}
	*/
  .header__list--desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style-type: none; }
  .header__nav--desktop {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 140px;
    padding: 40px 180px 60px 0; }
  .header__item--desktop a {
    text-decoration: none;
    color: #cddc39;
    display: inline-block;
    margin: 3px 0;
    padding: 4px 0;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 0.75px;
    font-size: 20px;
    transition: all .2s ease-in-out; }
  .header__item--desktop a:hover {
    transform: scale(1.2);
  }
  a.header__link {
    font-size: 14px; }
  .header__open {
    top: 45px;
    cursor: pointer; }
    .header__open--fixed {
      position: fixed; }
  .header__nav {
    width: 450px;
    right: -500px; }
    .header__nav--active {
      right: 0; }
  .header__list {
    padding-bottom: 180px; }
    .header__list:after {
      height: 120px;
      bottom: 60px; }
  .header__item a {
    font-size: 18px; }
  .header__item--btn {
    display: block; }
  button.header__nav_btn {
    border-radius: 4px;
    border: 1px solid #ffffff;
    background-color: #cddc39;
    color: #fff;
    padding: 17px 43px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.24px;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    margin: 10px 0 15px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all; }
    button.header__nav_btn:hover {
      opacity: 0.85; }
  /*

	.header__close, .header__open{
		display: none;
	}



	.header__nav{
		height: auto;
		padding: 0;
		padding-top: 22px;
		min-height: 0;
		margin-bottom: 90px;
	}

	*/
  .header__logo {
    width: 372px;
    height: 208px; }
  .header__title {
    display: block;
    font-size: 42px;
    margin-bottom: 10px; }
  .header__promo {
    display: block;
    margin-bottom: 40px;
    font-size: 25px; }
    .header__promo--mobile {
      display: block;
      margin-bottom: 40px; } }

@media (min-width: 1800px) {
  .header__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto;
    left: -webkit-calc(50% - 900px);
    left: calc(50% - 900px); }
  .header__nav--desktop {
    margin-bottom: 181px; }
  .header__logo {
    margin-bottom: 71px; }
  .header__title {
    font-size: 61px; }
  .header__promo {
    font-size: 30px;
    margin-bottom: 80px; } }

.work {
  padding-top: 50px;
  margin-bottom: 100px; }

.work__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.work__title {
  margin-bottom: 33px; }

.work__note {
  color: #c5d03d;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  /* Text style for "Офисный ма" */
  color: #c5d03d;
  font-weight: 700; }

.work__promo {
  font-size: 28px;
  line-height: 36px;
  /* Text style for "Офисный ма" */
  color: #9b9d98;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px; }

.work__def {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #9b9d98;
  padding: 10px 0;
  padding-left: 20px;
  max-width: 340px;
  margin: 0 auto;
  margin-bottom: 45px; }

.work__num {
  opacity: 0.5;
  color: #cddc39;
  font-size: 130px;
  font-weight: 900;
  line-height: 25px;
  position: absolute;
  z-index: -1;
  top: 30px;
  left: 0; }

.work__promo--no_mobile {
  display: none; }

@media (min-width: 769px) {
  .work__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

@media (min-width: 1200px) {
  .work {
    padding-top: 120px; }
  .work__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; }
  .work__promo--no_mobile {
    display: inline; }
  .work__note {
    font-weight: 400;
    display: inline; }
  .work__promo {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 100px; }
  .work__promo--desk {
    display: block; }
  .work__def {
    font-size: 17px;
    margin-bottom: 70px; }
  .work__num {
    font-size: 150px;
    top: 50px; } }

@media (min-width: 1800px) {
  .work__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto; } }

.paralax {
  background: url("../img/paralax_mobile.jpg") no-repeat;
  width: 100%;
  height: 50vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 100px; }

.formats__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.formats__title {
  margin-bottom: 50px; }

.formats__format {
  -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 347px;
  padding: 65px 56px 34px 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px; }

.formats__cap {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #c5d03d;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px; }

.formats__time {
  color: #c5d03d;
  font-size: 73px;
  font-weight: 700;
  letter-spacing: -0.59px;
  margin-right: 10px; }

.formats__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.formats__list {
  list-style-type: none;
  margin-bottom: 30px; }

.formats__item {
  position: relative;
  padding-left: 20px;
  color: #9b9d98;
  font-size: 14px;
  margin-bottom: 15px; }
  .formats__item:before {
    content: '';
    display: block;
    width: 12px;
    height: 13px;
    background: url("../img/mark.png") no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: -webkit-calc(50% - 6px);
    top: calc(50% - 6px); }
  .formats__item--dis:before {
    background: url("../img/bad-mark.png"); }

.formats__btn {
  border-radius: 4px;
  background-color: #cddc39;
  border: none;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  /* Text style for "Заказать" */
  letter-spacing: 1.24px;
  color: #fff;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 17px 34px;
  transition: animation .2s ease-in-out;
  animation: changeBG 2s infinite normal forwards; }
@keyframes changeBG {
  0% {
    background-color: #cddc39;
  }
  50% {
    background-color: #a1af20;
  }
  100% {
    background-color: #cddc39;
  }
}

.formats__zen {
  position: relative;
  display: inline-block;
  margin: 0 15px;
  font-size: 30px; }
  .formats__zen:before {
    content: '';
    display: block;
    height: 55px;
    width: 55px;
    -webkit-mask-image: url("../img/zen.svg");
            mask-image: url("../img/zen.svg");
    background: #cddc39;
    z-index: -1;
    position: absolute;
    top: -10px;
    left: -10px; }

.formats__formats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px; }

@media (min-width: 769px) {
  .formats__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1200px) {
  .formats__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; }
  .formats__formats {
    display: inline-block;
    padding: 0; }
  .formats__title {
    margin-bottom: 80px; }
  .formats__zen {
    font-size: 36px;
    margin: 0 20px; }
    .formats__zen:before {
      width: 70px;
      height: 70px;
      top: -15px;
      left: -15px; } }

@media (min-width: 1800px) {
  .formats__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto; } }

.comp {
  padding: 50px 0px;
  margin-bottom: 30px; }

.comp__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.comp__img {
  margin: 10px;
  height: 30px;
  width: auto; 
  align-self: center; }
.comp__img--lg {
  height: 36px;
}
.comp__img--sm {
  height: 24px;
}

@media (min-width: 1200px) {
  .comp {
    padding: 100px 0; }
  .comp__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; } }

.stats {
  background: url("../img/bg_stats.png");
  background-position: center center;
  padding: 50px 0;
  margin-bottom: 50px; }

.stats__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.stats__cap {
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555353;
  text-align: center;
  margin-bottom: 35px; }

.stats__note {
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #9b9d98;
  margin-bottom: 30px;
  display: none; }

.stats__info_num {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 30px;
  color: #fff;
  text-align: center; }

.stats__info_desc {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center; }

.stats__info {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 300px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 35px; }

.stats__numbers {
  margin-bottom: 30px; }

.stats__name_city {
  color: #9b9d98;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.7px; }

.stats__item_city {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2px;
  width: 130px;
  padding-right: 10px; }

.stats__img_city {
  margin-right: 25px; }

.stats__list_cities {
  max-width: 550px;
  margin: 0 auto;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.stats__btn {
  border-radius: 4px;
  border: 1px solid #ffffff;
  background-color: #cddc39;
  color: #fff;
  padding: 17px 43px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.24px;
  display: block;
  margin: 0 auto; 
  transition: all .2s ease-in-out; }
.stats__btn:hover {
  color: #cddc39;
  background-color: #fff;
}

@media (min-width: 769px) {
  .stats__note {
    display: block; } }

@media (min-width: 1200px) {
  .stats {
    padding-top: 80px;
    padding-bottom: 80px; }
  .stats__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; }
  .stats__cap {
    font-size: 35px;
    margin-bottom: 20px; }
  .stats__note {
    font-size: 25px;
    margin-bottom: 90px;
    text-transform: none; }
  .stats__numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 70px; }
  .stats__cap--cities {
    margin-bottom: 50px; }
  .stats__cities {
    margin-bottom: 50px; } }

@media (min-width: 1800px) {
  .stats__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto; } }

.choose {
  margin-bottom: 80px;
  display: none; }

.choose__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.choose__title {
  margin-bottom: 50px; }

.choose__list {
  position: relative;
  list-style-type: none; }
  .choose__list:before {
    content: '';
    display: block;
    background: url("../img/dots.png");
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px; }

.choose__num {
  display: block;
  margin-right: 25px;
  color: #9b9d98;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
  position: absolute;
  left: 0;
  top: -webkit-calc(50% - 24px);
  top: calc(50% - 24px); }
  .choose__num:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url("../img/big_dot.png") no-repeat;
    background-position: center center;
    position: absolute;
    top: -webkit-calc(50% - 9px);
    top: calc(50% - 9px);
    left: 25px; }

.choose__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  position: relative;
  padding-left: 55px; }

.choose__desc {
  font-size: 24px;
  font-weight: 400;
  text-decoration: underline;
  line-height: 25px;
  line-height: 30px;
  color: #9b9d98; }

.choose__list {
  margin-bottom: 50px; }

.choose__promo {
  color: #9b9d98;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px; }

.choose__item_data {
  color: #9b9d98;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 400px;
  padding-bottom: 12px;
  border-bottom: 3px solid #b5b5b6;
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
  font-size: 14px;
  line-height: 25px; }
  .choose__item_data:before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    left: 0;
    top: -webkit-calc(50% - 24px);
    top: calc(50% - 24px);
    background: url("../img/choose_mark.png") no-repeat;
    background-position: center center;
    position: absolute; }

.choose__list_data {
  width: 90%;
  margin: 0 auto;
  list-style-type: none; }

.choose__mark {
  position: relative;
  display: inline-block; }
  .choose__mark:before {
    content: '';
    display: block;
    background: #cddc39;
    width: 110%;
    height: 80%;
    position: absolute;
    z-index: -1;
    border-radius: 20px/30px;
    top: 5px;
    left: -7%; }

.cases {
  margin-bottom: 80px; }

.cases__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.cases__title {
  margin-bottom: 45px; }

.cases__bg {
  max-width: 100%; }

.cases__btn {
  border-radius: 4px;
  border: 1px solid #9b9d98;
  background-color: #fff;
  color: #9b9d98;
  padding: 17px 43px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.24px;
  display: block;
  margin: 0 auto;
  cursor: pointer; }

.cases__case {
  position: relative;
  margin: 0 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  max-width: 423px;
  max-height: 281px; }
  .cases__case--hidden {
    display: none; }
  .cases__case:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(197, 208, 61, 0.5)), to(rgba(197, 208, 61, 0.1)));
    background: -o-linear-gradient(left, rgba(197, 208, 61, 0.5), rgba(197, 208, 61, 0.1));
    background: linear-gradient(to right, rgba(197, 208, 61, 0.5), rgba(197, 208, 61, 0.1));
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    z-index: 2; }
  .cases__case:hover:before {
    opacity: 0; }

.cases__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.cases__info {
  z-index: 900;
  position: fixed;
  top: 0px;
  left: 5%;
  background: #fff;
  width: 91%;
  overflow-y: scroll;
  height: 100vh;
  padding-bottom: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none; }

.cases__wrap {
  overflow-y: scroll; }

.cases__title_info {
  font-size: 25px;
  line-height: 1.3;
  padding-top: 15px;
  color: #9b9d98;
  text-align: center;
  text-transform: uppercase; }

.cases__date {
  text-transform: uppercase;
  font-size: 14px;
  color: #9b9d98;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.cases__cap {
  color: #9b9d98;
  text-align: center;
  margin-bottom: 15px; }

.cases__text {
  font-size: 14px;
  color: #9b9d98;
  margin-bottom: 25px; }

.cases__list {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px; }

.cases__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px; }

.cases__num {
  color: #c5d03d;
  font-weight: 700;
  font-size: 20px; }

.cases__note {
  color: #9b9d98;
  font-size: 14px;
  margin-top: auto; }

.cases__wrap_video {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
  margin-bottom: 30px; }

.cases__wrap_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0; }

.cases__img {
  max-width: 100%;
  height: auto; }

.cases__close_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px; }
  .cases__close_btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #c5d03d;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 0;
    top: 6px;
    position: absolute; }
  .cases__close_btn:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #c5d03d;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 0;
    top: 6px;
    position: absolute; }

.cases__review_btn {
  display: block;
  width: 100px;
  height: 64px;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  /* Text style for "Подробнее" */
  letter-spacing: 1.03px;
  text-decoration: none;
  color: #fff;
  position: relative; }
  .cases__review_btn:after {
    content: '';
    display: block;
    width: 36px;
    height: 33px;
    position: absolute;
    background: url("../img/arr_down1.png") no-repeat;
    left: -webkit-calc(50% - 18px);
    left: calc(50% - 18px);
    bottom: 0; }

.cases__info_wrap {
  padding: 15px; }

.cases__review {
  display: none; }

.cases__logo {
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 10px;
  max-width: 80%;
  height: auto;
  margin: auto;
  max-height: 90%; }

@media (min-width: 769px) {
  .cases__title_info {
    font-size: 35px; }
  .cases__list {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .cases__cap {
    font-size: 25px; }
  .cases__text {
    font-size: 16px; }
  .cases__num {
    font-size: 32px; }
  .cases__note {
    font-size: 15px; }
  .cases__case {
    margin-bottom: 40px;
    max-width: 300px;
    height: 200px; }
  .cases__bg {
    -o-object-fit: cover;
       object-fit: cover; } }

@media (min-width: 1200px) {
  .cases__btn {
    display: none; }
  .cases {
    padding-top: 70px; }
  .cases__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; }
  .cases__title {
    margin-bottom: 80px; }
  .cases__case {
    margin-bottom: 80px; }
    .cases__case--hidden {
      display: block !important; }
  .cases__case:before {
    opacity: 1; }
  .cases__case:hover:before {
    opacity: 0; }
  .cases__cap {
    font-size: 33px; }
  .cases__text {
    font-size: 20px; }
  .cases__title_info {
    font-size: 40px; }
  .cases__date {
    font-size: 20px; }
  .cases__task, .cases__todo {
    margin-bottom: 70px; }
  .cases__note {
    font-size: 17px; } }

@media (min-width: 1800px) {
  .cases__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto; }
  .cases__case {
    max-width: 423px;
    height: auto;
    max-height: 281px; } }

.reload {
  background-color: #e5edf0;
  padding: 50px 0;
  margin-bottom: 50px; }

.reload__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.reload__title {
  margin-bottom: 50px; }

.reload__pack {
  width: 270px;
  padding: 200px 15px 33px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.08);
  margin: 0 10px;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
  position: relative; }
  .reload__pack:before {
    content: '';
    display: block;
    position: absolute;
    width: 143px;
    height: 84px;
    top: 72px;
    left: -webkit-calc(50% - 71px);
    left: calc(50% - 71px);
    background-position: center center; }
  .reload__pack:after {
    content: '';
    display: block;
    position: absolute;
    width: 143px;
    height: 84px;
    top: 72px;
    left: -webkit-calc(50% - 71px);
    left: calc(50% - 71px);
    background-position: center center; }
  .reload__pack .reload__cap {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.24px;
    text-align: center;
    margin-bottom: 20px; }
  .reload__pack .reload__desc {
    text-align: left;
    margin-bottom: 22px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px; }
  .reload__pack .reload__list {
    flex-grow: 1;
    list-style-type: none;
    padding-left: 10px;
    margin-bottom: 30px; }
  .reload__pack .reload__btn {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 17px 33px 15px 33px;
    border: none;
    border-radius: 4px;
    display: block;
    margin: 0 auto; 
    transition: all .2s ease-in-out;}
  .reload__pack .reload__btn:hover {
    transform: translateY(-10px);
  }
  .reload__pack .reload__item {
    padding-left: 23px;
    margin-bottom: 10px;
    position: relative;
    font-size: 14px; }
    .reload__pack .reload__item:before {
      content: '';
      display: block;
      width: 12px;
      height: 14px;
      position: absolute;
      left: 0;
      top: -webkit-calc(50% - 7px);
      top: calc(50% - 7px);
      background-position: center center; }
  .reload__pack .reload__price {
    padding-top: 32px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    margin-bottom: 30px; }
    .reload__pack .reload__price:before {
      content: '';
      display: block;
      width: 100%;
      height: 5px;
      position: absolute;
      background: #000;
      border-radius: 2%/30%;
      left: 0;
      top: 0; }
  .reload__pack--light {
    background: #fff;
    color: #706e6e; }
    .reload__pack--light:before {
      background: url("../img/reload/light.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--light:after {
      background: url("../img/reload/sit.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--light .reload__item:before {
      background: url("../img/reload-light.png") no-repeat; }
    .reload__pack--light .reload__btn {
      background: #cddc39; }
    .reload__pack--light .reload__price:before {
      background: #cddc39; }
  .reload__pack--strong {
    background: #cedd38;
    color: #555353; }
    .reload__pack--strong:before {
      background: url("../img/reload/strong.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--strong:after {
      background: url("../img/reload/stand.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--strong .reload__btn {
      background: #9e9d24; }
    .reload__pack--strong .reload__price:before {
      background: #9e9d24; }
    .reload__pack--strong .reload__item:before {
      background: url("../img/reload-strong.png") no-repeat; }
  .reload__pack--hard {
    background: #9e9d24;
    color: #fffefe; }
    .reload__pack--hard .reload__item:before {
      background: url("../img/reload-hard.png") no-repeat; }
    .reload__pack--hard:before {
      background: url("../img/reload/hard.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--hard:after {
      background: url("../img/reload/run.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--hard .reload__btn {
      background: #444300;
      color: #cedd38; }
    .reload__pack--hard .reload__price:before {
      background: #444300; }
  .reload__pack--expert {
    background: #444300;
    color: #fff; }
    .reload__pack--expert:before {
      background: url("../img/reload/full.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--expert:after {
      background: url("../img/reload/rocket.svg") no-repeat;
      background-size: contain;
      background-position: center center; }
    .reload__pack--expert .reload__btn {
      background: #fff;
      color: #cedd38; }
    .reload__pack--expert .reload__price:before {
      background: #fff; }

.reload__note {
  color: #9e9d24;
  font-size: 20px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.12px; }

.reload__desc_add {
  margin-bottom: 30px;
  padding-left: 35px; }

.reload__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 769px) {
  .reload__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }

@media (min-width: 1200px) {
  .reload {
    padding: 100px 0; }
  .reload__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; }
  .reload__pack {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .reload__price {
    margin-top: auto; } }

@media (min-width: 1800px) {
  .reload__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto; } }

.remote__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  background: url("../img/gan.png") no-repeat;
  background-position: center 100%;
  padding-bottom: 200px; }

.remote__title {
  margin-bottom: 40px; }

.remote__reasons {
  background: url("../img/remote_bg.png") no-repeat;
  background-position: center 100%; }

@media ( max-width: 991px ) {
  .remote__reasons {
    padding-bottom: 35px;
  }
}

.remote__list {
  list-style-type: none; }

.remote__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }

.remote__img {
  width: 45px;
  height: auto; }
  .remote__img--med {
    width: 30px; }
  .remote__img--money {
    width: 40px; }

.remote__desc {
  color: #9b9d98;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px; }

.remote__video {
  margin-bottom: 75px; }

.remote__btn--link {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  background: #fff;
  color: #c5d03d;
  border: 1px solid #c5d03d;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 20px; 
  transition: all .2s ease-in-out;
}

.remote__btn--link:hover {
  background: #c5d03d;
  color: #fff;
}


.remote__circle {
  width: 60px;
  height: 60px;
  background: #cedd38;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 10px; }

@media (min-width: 769px) {
  .remote__reasons {
    background-position: bottom;
  }
  .remote__list {
    padding-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .remote__item {
    width: 330px;
    margin-bottom: 40px; } }
@media (min-width:1010px) {
  .remote__reasons {
    background-position: center 100%;
  }
  .remote__list {
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .remote {
    padding-top: 80px; }
  .remote__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto;
    background-position: 0 100%;
    padding-bottom: 240px; }
  .remote__title {
    margin-bottom: 60px; }
  .remote__video {
    margin-bottom: 130px; } 
  .remote__item:nth-child(4) {
    margin-left: 70px; } }

@media (min-width: 1800px) {
  .remote__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 200px;
    width: 1800px;
    margin: 0 auto;
    padding-bottom: 250px;
    background-position: 200px 100%; }
  .remote__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
    max-width: 230px; }
  .remote__video {
    margin-bottom: 170px; } }

.command {
  background: url("../img/mission.png");
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 50px;
  position: relative; }

.command__promo {
  color: #555353;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding: 25px 5px; }

.command__img {
  max-width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: center; }

.command__hello {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  position: relative; }
  .command__hello:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(45deg, rgba(158, 157, 36, 0.5) 0%, rgba(8, 46, 12, 0.2) 100%);
    background: linear-gradient(45deg, rgba(158, 157, 36, 0.5) 0%, rgba(8, 46, 12, 0.2) 100%); }

.command__hi {
  position: absolute;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 18px;
  line-height: 1.3;
  top: -webkit-calc(50% - 9px);
  top: calc(50% - 9px);
  z-index: 2;
  font-weight: 700; }

@media (max-width: 768px) {
  .command__hello {
    max-height: 330px;
  }
}

@media (max-width: 425px) {
  .command__hello {
    max-height: 187px;
  }
}

@media (min-width: 1200px) {
  .command {
    padding: 50px 0;
    padding-bottom: 0; }
  .command__promo {
    margin-bottom: 50px;
    font-size: 28px; }
  .command__hi {
    font-size: 35px; } }

.questions {
  margin-bottom: 50px; }

.questions__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.questions__title {
  margin-bottom: 30px; }

.questions__item {
  margin-bottom: 20px; }

.questions__question {
  color: #9e9d24;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.09px;
  border-bottom: 2px solid #9e9d24;
  padding: 10px 0; }

.questions__list {
  list-style-type: none; }

.questions__answer {
  color: #9b9d98;
  padding: 15px 0;
  display: none; }

.cases__img {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

.questions__link {
  color: #c5d03d; }

@media (min-width: 1200px) {
  .questions {
    padding: 50px 0; }
  .questions__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto; }
  .questions__title {
    margin-bottom: 45px; }
  .questions__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start; }
  .questions__item {
    width: 550px;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .questions__question {
    cursor: pointer; }
  .questions__question, .questions__answer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px; } }

.footer {
  background: url("../img/footer-bg.png");
  background-position: center center;
  padding: 50px 0; }

.footer__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.footer__img {
  height: 30px;
  width: auto;
  margin: 0 5px;
  max-width: 100%; }
.footer__img--lg {
  height: 45px;
}

.footer__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  align-items: center;}

.footer__title {
  margin-bottom: 20px;
  color: #555353; }

.footer__phone, .footer__mail {
  color: #555353;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.18px;
  text-decoration: none; }

.footer__contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }

.footer__social_link {
  display: block;
  height: 35px;
  width: 40px;
  font-size: 0;
  margin: 0 5px;
  background: url("../img/footer/social/facebook.svg") no-repeat;
  background-position: center center;
  background-size: contain; }
  .footer__social_link--google {
    background: url("../img/footer/social/google.svg") no-repeat;
    background-position: center center;
    background-size: contain; }
  .footer__social_link--instagram {
    background: url("../img/footer/social/insta.svg") no-repeat;
    background-position: center center;
    background-size: contain; }
  .footer__social_link--youtube {
    background: url("../img/footer/social/youtube.svg") no-repeat;
    background-position: center center;
    background-size: contain; }
  .footer__social_link--vk {
    background: url("../img/footer/social/vk.svg") no-repeat;
    background-position: center center;
    background-size: contain; }

.footer__socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px; }

.footer__btn {
  border-radius: 4px;
  border: 1px solid #ffffff;
  background-color: #cddc39;
  color: #fff;
  padding: 17px 43px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.24px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  cursor: pointer; 
  transition: all .1s ease-in-out;
  animation: attentionBG 5s infinite normal forwards;}
@keyframes attentionBG {
  0% {
    background-color: #cddc39;
  }
  25% {
    background-color: #9caa20;
    border: 1px solid #9caa20;
  }
  50% {
    background-color: #cddc39;
  }
  75% {
    background-color: #20aa2b;
    border: 1px solid #20aa2b;
  }
  100% {
    background-color: #cddc39;
  }
}
  .footer__btn--command {
    font-size: 14px;
    color: #555353;
    padding: 10px;
    border: 1px solid #555353; 
    transition: all .2s linear;
    animation: none;}
  .footer__btn--command:hover {
    background-color: #555353;
    color: #fff;
  }

.footer__tools {
  margin-bottom: 35px; }

.footer__command {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (min-width: 769px) {
  .footer__tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footer__btn {
    margin: 0 15px; } }

@media (min-width: 1200px) {
  .footer {
    background-position: center 0;
    padding-top: 60px;
    padding-bottom: 0; }
  .footer__list {
    margin-bottom: 80px;
    position: relative; }
    .footer__list:after {
      content: '';
      width: 100%;
      height: 5px;
      background: #555353;
      position: absolute;
      top: -140px;
      left: 0;
      border-radius: 6px/2px; }
  .footer__wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .footer__title {
    margin-bottom: 40px; }
    .footer__title--contact {
      margin-bottom: 20px; }
  .footer__phone, .footer__mail {
    font-size: 28px; }
  .footer__contacts {
    margin-bottom: 50px; }
  .footer__phone, .footer__mail {
    display: inline-block;
    border-bottom: 1px solid transparent;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
    .footer__phone:hover, .footer__mail:hover {
      border-bottom: 1px solid #555353; }
  .footer__social {
    margin-bottom: 20px; }
  .footer__command {
    margin-bottom: 60px; } }

.place {
  margin-bottom: 30px; }

.place__wrapper {
  width: 100%;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

.place__wrap_video {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden; }

.place__wrap_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0; }

@media (min-width: 1200px) {
  .place {
    margin-bottom: 40px; }
  .place__wrapper {
    width: 900px;
    margin: 0 auto; } }

.form, .form_note {
  display: none;
  position: fixed;
  top: 10%;
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  background: #fff;
  width: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  border-radius: 6px;
  -webkit-transition: opacity .7s;
  -o-transition: opacity .7s;
  transition: opacity .7s;
  z-index: 1000; }
  .form--active, .form_note--active {
    display: block; }
  .form--triple, .form_note--triple {
    top: -webkit-calc(40% - 220px);
    top: calc(40% - 220px); }

.form__logo {
  max-width: 40%;
  margin: 0 auto;
  margin-bottom: 15px;
  display: block; }

.form__note {
  color: #c5d03d;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px; }

.form__done_btn {
  margin: 0 auto;
  display: block;
  background: #c5d03d;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer; }

.form__close {
  font-size: 0;
  position: absolute;
  top: 10px;
  right: 20px; }
  .form__close:before {
    content: '';
    display: block;
    width: 3px;
    height: 15px;
    background: #c5d03d;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0; }
  .form__close:after {
    content: '';
    display: block;
    width: 3px;
    height: 15px;
    background: #c5d03d;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 0; }

.form__text {
  color: #9b9d98;
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px; 
}

.form__form {
  padding: 0 15px 15px;
}

.form__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #9b9d98;
  margin-bottom: 15px; }

.form__input {
  margin: 3px 0;
  border: 1px solid #c5d03d;
  border-radius: 4px;
  padding: 5px;
  color: #9b9d98; }
  .form__input--error {
    border-color: red; }

.form__btn {
  border-radius: 4px;
  background-color: #cddc39;
  border: none;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  /* Text style for "Заказать" */
  letter-spacing: .24px;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 13px 27px;
  cursor: pointer; }

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100%; }

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0; }

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4; }

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; }

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff; }