@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@media (min-width: 1200px) {
  html {
    font-size: calc(1vw / 19.2);
  }
}
body {
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
.wrapper {
  position: relative;
  overflow: hidden;
}
.overflow {
  overflow: hidden;
}
/*menu*/
.menu-wrap {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
  transform: translateX(100%);
  display: none;
  z-index: 2;
}
.menu-wrap .menu-blure {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(25, 25, 31, 0.5);
}
@media (min-width: 1200px) {
  .menu-wrap .menu-blure {
    background: rgba(25, 25, 31, 0.92);
  }
}
.menu-wrap .menu-main {
  position: absolute;
  width: 296px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 80px 24px 40px;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .menu-wrap .menu-main {
    padding-top: 120px;
  }
}
@media (min-width: 1200px) {
  .menu-wrap .menu-main {
    padding: 0;
    background: transparent;
    width: auto;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}
.menu-wrap .menu-main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .menu-wrap .menu-main ul {
    text-align: center;
  }
}
.menu-wrap .menu-main ul li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #0D0D0D;
  text-decoration: none;
  box-sizing: border-box;
  padding: 12px 24px;
  border-radius: 40px;
  display: block;
}
@media (min-width: 1200px) {
  .menu-wrap .menu-main ul li a {
    font-size: 40rem;
    line-height: 48rem;
    padding: 24rem;
    color: #fff;
  }
}
.menu-wrap .menu-main ul li a:hover {
  background: #F6F6F6;
}
@media (min-width: 1200px) {
  .menu-wrap .menu-main ul li a:hover {
    background: transparent;
    color: #FBBB20;
  }
}
.menu-wrap .menu-main__top {
  max-height: 100%;
  overflow: auto;
}
.menu-wrap.opened {
  transform: none;
}
/*menu end*/
/*header*/
.header-wrap {
  background: #19191F;
  position: relative;
}
.header-images {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.header-images-box {
  height: 100%;
  transition: 0.3s ease;
}
.header-images:after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background: rgba(25, 25, 31, 0.5);
}
.header-images img {
  position: absolute;
  opacity: 0;
  transition: all 1.3s;
  width: 446px;
  bottom: 0;
  left: 18%;
}
@media (min-width: 500px) {
  .header-images img {
    left: auto;
    right: -20px;
  }
}
@media (min-width: 640px) {
  .header-images img {
    width: 900px;
    right: auto;
    left: 16%;
    bottom: 50%;
    transform: translateY(55%);
  }
}
@media (min-width: 1040px) {
  .header-images img {
    right: -60px;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .header-images img {
    width: 1146rem;
    right: 64rem;
    bottom: -247rem;
    transform: unset;
  }
}
.header-images img.current {
  transition: all 0.5s;
  opacity: 1;
  z-index: 1;
}
.header-images img.next {
  z-index: 2;
  opacity: 1;
}
.header {
  position: relative;
  margin-bottom: 16px;
}
.header__inner {
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  display: block;
  text-decoration: none;
  line-height: 0;
  height: 32px;
}
.logo img {
  max-width: 100%;
  max-height: 100%;
}
.burger-menu {
  width: 40px;
  height: 40px;
  background: #FBBB20;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.burger-menu-line {
  background: #000000;
  border-radius: 5.71429px;
  width: 17.5px;
  height: 2px;
  position: relative;
  opacity: 1;
}
.burger-menu-line:before {
  content: "";
  display: block;
  background: #000000;
  border-radius: 5.71429px;
  width: 17.5px;
  height: 2px;
  position: absolute;
  bottom: calc(100% + 3.62px);
  left: 0;
  transition: all 0.2s ease;
}
.burger-menu-line:after {
  content: "";
  display: block;
  background: #000000;
  border-radius: 5.71429px;
  width: 12.5px;
  height: 2px;
  position: absolute;
  top: calc(100% + 3.62px);
  left: 0;
  transition: all 0.2s ease;
}
.burger-menu.active .burger-menu-line {
  height: 0;
  background: #FBBB20;
}
.burger-menu.active .burger-menu-line:before {
  transform: rotate(45deg);
  left: auto;
  width: 18px;
  bottom: -1px;
}
.burger-menu.active .burger-menu-line:after {
  transform: rotate(-45deg);
  left: auto;
  width: 18px;
  top: -1px;
}
@media (min-width: 640px) {
  .header {
    margin-bottom: 24px;
  }
  .header__inner {
    padding: 40px;
  }
  .logo {
    height: 40px;
    position: relative;
    z-index: 5;
  }
  .burger-menu {
    width: 56px;
    height: 56px;
  }
  .burger-menu-line {
    width: 24.5px;
    border-radius: 8px;
  }
  .burger-menu-line:before {
    width: 24.5px;
    border-radius: 8px;
    bottom: calc(100% + 5.88px);
  }
  .burger-menu-line:after {
    width: 17.5px;
    border-radius: 8px;
    top: calc(100% + 5.88px);
  }
  .burger-menu.active .burger-menu-line:before {
    width: 25px;
  }
  .burger-menu.active .burger-menu-line:after {
    width: 25px;
  }
}
@media (min-width: 1200px) {
  .header {
    margin-bottom: 76rem;
  }
  .header__inner {
    max-width: 1520rem;
    margin-left: auto;
    margin-right: auto;
    padding: 40rem;
  }
  .logo {
    height: 48rem;
  }
  .logo img {
    height: 100%;
  }
  .burger-menu {
    width: 64rem;
    height: 64rem;
  }
  .burger-menu-line {
    width: 28rem;
    height: 2rem;
    border-radius: 8rem;
  }
  .burger-menu-line:before {
    width: 28rem;
    height: 2rem;
    border-radius: 8rem;
    bottom: calc(100% + 6rem);
  }
  .burger-menu-line:after {
    width: 20rem;
    height: 2rem;
    border-radius: 8rem;
    top: calc(100% + 6rem);
  }
  .burger-menu.active .burger-menu-line:before {
    width: 28rem;
  }
  .burger-menu.active .burger-menu-line:after {
    width: 28rem;
  }
}
/*header end*/
/*top-block*/
.top-block {
  position: relative;
}
.top-block__inner {
  box-sizing: border-box;
  padding: 0 24px 56px;
}
.top-block-desc {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #FBBB20;
  margin-bottom: 8px;
}
.top-block-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.4px;
  color: #FFFFFF;
  margin-bottom: 32px;
}
.top-block-btn {
  background: #FBBB20;
  border-radius: 72px;
  box-sizing: border-box;
  padding: 16px 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin-bottom: 8px;
  display: block;
  text-decoration: none;
  max-width: 272px;
}
.top-block-btn:hover {
  background: transparent;
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #fbbb20 inset;
  -moz-box-shadow: 0px 0px 0px 2px #fbbb20 inset;
  box-shadow: 0px 0px 0px 2px #fbbb20 inset;
}
@media (min-width: 1200px) {
  .top-block-btn:hover {
    -webkit-box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
    -moz-box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
    box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
  }
}
.top-block-btn:active {
  color: #000000;
  background: #FBBB20;
}
.top-block-btn-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #FFFFFF;
}
@media (min-width: 640px) {
  .top-block__inner {
    box-sizing: border-box;
    padding: 0 40px 108px;
  }
  .top-block-desc {
    font-size: 18px;
    line-height: 28px;
  }
  .top-block-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
  }
  .top-block-btn {
    font-size: 16px;
    line-height: 24px;
    max-width: 211px;
    padding: 20px 32px;
    margin-bottom: 0;
    margin-right: 8px;
  }
  .top-block-btn-wrap {
    display: flex;
    align-items: center;
  }
  .top-block-btn-text {
    max-width: 245px;
  }
}
@media (min-width: 1200px) {
  .top-block__inner {
    max-width: 1520rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40rem 144rem;
  }
  .top-block-desc {
    font-size: 28rem;
    line-height: 38rem;
    margin-bottom: 16rem;
  }
  .top-block-title {
    font-size: 60rem;
    line-height: 72rem;
    margin-bottom: 40rem;
  }
  .top-block-btn {
    font-size: 20rem;
    line-height: 32rem;
    padding: 24rem 40rem;
    max-width: 264rem;
    margin-right: 24rem;
    border-radius: 72rem;
  }
  .top-block-btn-text {
    max-width: 314rem;
    font-size: 20rem;
    line-height: 28rem;
  }
}
/*top-block end*/
/*projects*/
/*slider*/
.services-swiper-slider {
  overflow: hidden;
}
.services-swiper-slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
}
.services-swiper-slider-item {
  flex: none;
  transform: translate3d(0px, 0, 0);
  transition: 0.3s;
}
.services-swiper-prev, .services-swiper-next {
  cursor: pointer;
  line-height: 0;
}
.swiper-pagination-current {
  color: #000000;
}
.swiper-progress-bar {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
}
.swiper-progress-bar .slide_progress-bar {
  position: absolute;
  height: 10px;
  background: rgba(255, 255, 255, 0.3);
  width: auto;
  clear: both;
  opacity: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 640px) {
  .swiper-progress-bar .slide_progress-bar {
    max-width: 50%;
  }
}
.swiper-progress-bar .slide_progress-bar:after {
  position: absolute;
  top: 0;
  left: 0;
  background: #FBBB20;
  height: 100%;
  width: 0;
  content: "";
  transition: 0.1s width linear;
}
.swiper-progress-bar.active .slide_progress-bar {
  opacity: 1;
}
.swiper-progress-bar.animate .slide_progress-bar:after {
  transition: width linear;
  transition-delay: unset;
  width: 100%;
  transition-duration: 6s;
}
/*slider end*/
.projects-left {
  box-sizing: border-box;
  padding: 48px 24px;
  background: #F6F6F6;
}
.projects-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #232427;
  margin-bottom: 24px;
}
.projects-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #6A6A6A;
}
.projects-text strong {
  color: #000;
}
.projects-text ul {
  margin: 0;
  padding-left: 24px;
}
.projects__list {
  box-sizing: border-box;
  padding-right: 24px;
}
.projects__item {
  line-height: 0;
}
.projects__item img {
  max-width: 100%;
  max-height: 100%;
}
.projects__item video {
  display: none;
  max-width: 100%;
  max-height: 100%;
}
.projects-right__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  box-sizing: border-box;
  background: #F6F6F6;
}
.projects__slider-arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 88px;
}
.projects__slider-arrows svg:hover {
  stroke: #fbbb20;
}
.projects__slider-next-arrow:hover svg path, .projects__slider-prev-arrow:hover svg path {
  stroke: #fbbb20;
}
.projects__slider-dots {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #ACACAE;
}
@media (min-width: 640px) {
  .projects-left {
    padding: 48px 40px;
  }
  .projects-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    text-align: left;
  }
  .projects__list {
    padding-right: 0;
  }
  .projects-right__bottom {
    padding: 24px 40px;
  }
  .projects__slider-dots {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .projects {
    display: flex;
    position: relative;
  }
  .projects-left {
    width: 640rem;
    min-width: 640rem;
    padding: 80rem;
  }
  .projects-right {
    width: 1280rem;
    min-width: 1280rem;
  }
  .projects-title {
    font-size: 48rem;
    line-height: 56rem;
    margin-bottom: 24rem;
  }
  .projects-text {
    font-size: 16rem;
    line-height: 28rem;
    padding-bottom: 92rem;
  }
  .projects-right__bottom {
    position: absolute;
    width: 480rem;
    bottom: 80rem;
    padding: 0;
    left: 80rem;
  }
  .projects__slider-dots {
    font-size: 20rem;
    line-height: 40rem;
  }
  .projects__slider-arrows {
    width: 88rem;
  }
  .projects__slider-prev-arrow {
    width: 32rem;
    height: 32rem;
  }
  .projects__slider-prev-arrow svg {
    width: 100%;
    height: 100%;
  }
  .projects__slider-next-arrow {
    width: 32rem;
    height: 32rem;
  }
  .projects__slider-next-arrow svg {
    width: 100%;
    height: 100%;
  }
  .projects .swiper-progress-bar .slide_progress-bar {
    height: 10rem;
  }
  .projects__item {
    height: 640rem;
  }
  .projects__item img {
    display: none;
  }
  .projects__item video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/*projects end*/
/*tariffs*/
.tariffs {
  padding-top: 48px;
  box-sizing: border-box;
}
.tariffs__inner {
  box-sizing: border-box;
  padding: 0 24px;
}
.tariffs-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #232427;
  margin-bottom: 24px;
}
.tariffs-top-left {
  margin-bottom: 24px;
  position: relative;
}
.tariffs__links-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #969696;
  margin-bottom: 16px;
  position: relative;
}
.tariffs__links-title:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 20px;
  width: 17px;
  height: 33px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='36' viewBox='0 0 18 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1.5C17.2761 1.5 17.5 1.27614 17.5 1C17.5 0.723858 17.2761 0.5 17 0.5V1.5ZM17 33L12.4523 29.443L11.6457 35.1599L17 33ZM11.3896 31.9887L11.565 31.5205L11.3896 31.9887ZM1.5 17C1.5 8.43959 8.43959 1.5 17 1.5V0.5C7.8873 0.5 0.5 7.8873 0.5 17H1.5ZM12.6831 31.891C12.3042 31.7814 11.9313 31.6577 11.565 31.5205L11.2143 32.457C11.6044 32.6031 12.0016 32.7348 12.4051 32.8516L12.6831 31.891ZM11.565 31.5205C5.68463 29.3185 1.5 23.6473 1.5 17H0.5C0.5 24.0778 4.95617 30.1135 11.2143 32.457L11.565 31.5205Z' fill='%23FBBB20'/%3E%3C/svg%3E%0A") center center no-repeat;
  pointer-events: none;
}
.tariffs__links-mob {
  background: #FBBB20;
  border-radius: 72px;
  box-sizing: border-box;
  padding: 16px 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.tariffs__links-mob-arrow {
  line-height: 0;
  transition: 0.3s ease;
}
.tariffs__links-mob-arrow.active {
  transform: rotate(180deg);
}
.tariffs__links-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 24px;
  box-sizing: border-box;
  padding: 16px 24px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid #F6F6F6;
  -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
}
.tariffs__links-wrapper.active {
  opacity: 1;
  visibility: visible;
}
.tariffs__link {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  text-decoration: none;
  border-radius: 40px;
  box-sizing: border-box;
  padding: 12px 20px;
}
.tariffs__link:hover {
  background: #F6F6F6;
}
.tariffs__link.active {
  display: none;
}
.tariffs__box-wrappers {
  position: relative;
}
.tariffs__box {
  display: none;
}
.tariffs__box.active {
  display: block;
}
.tariffs__box-inner {
  box-sizing: border-box;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 20px;
}
.tariffs__box-main {
  box-sizing: border-box;
  padding: 16px;
  background: #F6F6F6;
  border-radius: 16px;
  margin-bottom: 32px;
}
.tariffs__box-main-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #232427;
  margin-bottom: 8px;
}
.tariffs__box-main-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #6A6A6A;
  margin-bottom: 24px;
}
.tariffs__box-main-prices {
  margin-bottom: 16px;
}
.tariffs__box-main-oldprice {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  text-decoration-line: line-through;
  color: #C6C6C6;
  margin-bottom: 4px;
}
.tariffs__box-main-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #000000;
}
.tariffs__box-main-btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  background: #FBBB20;
  border-radius: 72px;
  text-decoration: none;
  width: 208px;
  padding: 16px;
  box-sizing: border-box;
  display: block;
}
.tariffs__box-main-btn:hover {
  background: transparent;
  color: #000;
  -webkit-box-shadow: 0px 0px 0px 2px #fbbb20 inset;
  -moz-box-shadow: 0px 0px 0px 2px #fbbb20 inset;
  box-shadow: 0px 0px 0px 2px #fbbb20 inset;
}
@media (min-width: 1200px) {
  .tariffs__box-main-btn:hover {
    -webkit-box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
    -moz-box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
    box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
  }
}
.tariffs__box-main-btn:active {
  color: #000000;
  background: #FBBB20;
}
.tariffs__box-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}
.tariffs__box-list-item {
  display: flex;
  align-items: flex-start;
}
.tariffs__box-list-item-icon {
  line-height: 0;
  min-width: 24px;
  margin-right: 12px;
}
.tariffs__box-list-item-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #000000;
}
@media (min-width: 640px) {
  .tariffs {
    padding-top: 56px;
  }
  .tariffs__inner {
    padding: 0 40px;
  }
  .tariffs-title {
    font-size: 32px;
    line-height: 40px;
    text-align: left;
  }
  .tariffs-top-left {
    margin-bottom: 48px;
  }
  .tariffs__links-title {
    font-size: 16px;
    line-height: 24px;
  }
  .tariffs__links-title:before {
    left: -32px;
    top: 12px;
    width: 28px;
    height: 56px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='62' viewBox='0 0 30 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 2C29.5523 2 30 1.55228 30 1C30 0.447715 29.5523 0 29 0V2ZM29 57L20.0517 49.702L18.2056 61.1005L29 57ZM19.1818 55.2303L19.5325 54.2938L19.1818 55.2303ZM2 29C2 14.0883 14.0883 2 29 2V0C12.9837 0 0 12.9837 0 29H2ZM20.4325 54.6127C20.1301 54.5116 19.8301 54.4052 19.5325 54.2938L18.8311 56.1668C19.1509 56.2865 19.4733 56.4008 19.7983 56.5095L20.4325 54.6127ZM19.5325 54.2938C9.28916 50.4579 2 40.5789 2 29H0C0 41.4399 7.83225 52.048 18.8311 56.1668L19.5325 54.2938Z' fill='%23FBBB20'/%3E%3C/svg%3E%0A") center center / contain no-repeat;
  }
  .tariffs__links-mob {
    display: none;
  }
  .tariffs__links-mob-arrow {
    line-height: 0;
    transition: 0.3s ease;
  }
  .tariffs__links-mob-arrow.active {
    transform: rotate(180deg);
  }
  .tariffs__links-wrapper {
    position: static;
    opacity: 1;
    visibility: visible;
    border: none;
    box-shadow: unset;
    padding: 0;
    flex-direction: row;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #F6F9FA;
    border-radius: 48px;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
  }
  .tariffs__links-wrapper.active {
    opacity: 1;
    visibility: visible;
  }
  .tariffs__link {
    font-weight: 600;
    font-size: 16px;
    border-radius: 72px;
    padding: 20px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    color: #969696;
  }
  .tariffs__link:hover {
    background: #FBBB20;
    color: #000;
  }
  .tariffs__link.active {
    display: flex;
    background: #FBBB20;
    color: #000;
  }
  .tariffs__box {
    display: none;
  }
  .tariffs__box.active {
    display: block;
  }
  .tariffs__box-inner {
    padding: 40px;
    border: 2px solid #F6F6F6;
    border-radius: 24px;
  }
  .tariffs__box-main {
    padding: 32px;
    margin-bottom: 40px;
  }
  .tariffs__box-main-title {
    font-size: 24px;
    line-height: 32px;
  }
  .tariffs__box-main-text {
    font-size: 18px;
    line-height: 26px;
  }
  .tariffs__box-main-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .tariffs__box-main-prices {
    margin-bottom: 0;
    margin-right: 32px;
  }
  .tariffs__box-main-oldprice {
    font-size: 24px;
    line-height: 32px;
  }
  .tariffs__box-main-price {
    font-size: 32px;
    line-height: 40px;
  }
  .tariffs__box-main-btn {
    font-size: 16px;
    line-height: 24px;
    width: 200px;
    padding: 20px;
  }
  .tariffs__box-list {
    grid-template-columns: 1fr 1fr;
  }
  .tariffs__box-list-1 .tariffs__box-list-item:last-child {
    grid-column-end: 3;
    grid-column-start: 1;
  }
}
@media (min-width: 1200px) {
  .tariffs {
    padding-top: 112rem;
  }
  .tariffs__inner {
    max-width: 1520rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40rem;
  }
  .tariffs-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80rem;
  }
  .tariffs-title {
    font-size: 48rem;
    line-height: 56rem;
    margin-bottom: 0;
  }
  .tariffs-top-left {
    margin-bottom: 0;
    position: relative;
  }
  .tariffs__links-title {
    font-size: 18rem;
    line-height: 24rem;
    position: absolute;
    bottom: calc(100% + 32rem);
    margin-bottom: 0;
  }
  .tariffs__links-title:before {
    left: -38rem;
    top: 12rem;
    width: 32rem;
    height: 63rem;
    background: url("data:image/svg+xml,%3Csvg width='30' height='62' viewBox='0 0 30 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 2C29.5523 2 30 1.55228 30 1C30 0.447715 29.5523 0 29 0V2ZM29 57L20.0517 49.702L18.2056 61.1005L29 57ZM19.1818 55.2303L19.5325 54.2938L19.1818 55.2303ZM2 29C2 14.0883 14.0883 2 29 2V0C12.9837 0 0 12.9837 0 29H2ZM20.4325 54.6127C20.1301 54.5116 19.8301 54.4052 19.5325 54.2938L18.8311 56.1668C19.1509 56.2865 19.4733 56.4008 19.7983 56.5095L20.4325 54.6127ZM19.5325 54.2938C9.28916 50.4579 2 40.5789 2 29H0C0 41.4399 7.83225 52.048 18.8311 56.1668L19.5325 54.2938Z' fill='%23FBBB20'/%3E%3C/svg%3E%0A") center center / cover no-repeat;
  }
  .tariffs__links-wrapper {
    display: flex;
    align-items: center;
    border-radius: 48rem;
  }
  .tariffs__link {
    font-size: 18rem;
    line-height: 24rem;
    border-radius: 72rem;
    padding: 20rem 40rem;
  }
  .tariffs__box {
    display: none;
  }
  .tariffs__box.active {
    display: block;
  }
  .tariffs__box-inner {
    padding: 48rem;
    border: 2rem solid #F6F6F6;
    border-radius: 40rem;
    display: flex;
    align-items: center;
  }
  .tariffs__box-main {
    padding: 48rem;
    margin-bottom: 0;
    margin-right: 48rem;
    width: 448rem;
    min-width: 448rem;
    border-radius: 24rem;
  }
  .tariffs__box-main-title {
    font-size: 26rem;
    line-height: 36rem;
    margin-bottom: 8rem;
  }
  .tariffs__box-main-text {
    font-size: 18rem;
    line-height: 26rem;
    margin-bottom: 32rem;
  }
  .tariffs__box-main-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .tariffs__box-main-prices {
    margin-bottom: 32rem;
    margin-right: 0;
  }
  .tariffs__box-main-oldprice {
    font-size: 24rem;
    line-height: 40rem;
    margin-bottom: 4rem;
  }
  .tariffs__box-main-price {
    font-size: 32rem;
    line-height: 40rem;
  }
  .tariffs__box-main-btn {
    font-size: 18rem;
    line-height: 24rem;
    width: 213rem;
    padding: 24rem;
    border-radius: 72rem;
  }
  .tariffs__box-list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 24rem;
  }
  .tariffs__box-list-item-icon {
    width: 24rem;
    min-width: 24rem;
    margin-right: 12rem;
  }
  .tariffs__box-list-item-icon svg {
    width: 100%;
    height: 100%;
  }
  .tariffs__box-list-item-title {
    font-size: 16rem;
    line-height: 24rem;
  }
  .tariffs__box-list-1 .tariffs__box-list-item:last-child {
    grid-column-end: 3;
    grid-column-start: 1;
  }
}
/*tariffs end*/
/*benefits*/
.benefits {
  background: #F6F6F6;
  box-sizing: border-box;
  padding: 176px 0 48px;
  margin-top: -128px;
}
.benefits__inner {
  box-sizing: border-box;
  padding: 0 24px;
}
.benefits-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #000000;
  margin-bottom: 8px;
}
.benefits-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #838383;
  margin-bottom: 24px;
}
.benefits-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}
.benefits-item {
  box-sizing: border-box;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 20px;
}
.benefits-item-img {
  line-height: 0;
  margin-bottom: 24px;
  position: relative;
  width: 84px;
  height: 64px;
  display: flex;
  align-items: center;
}
.benefits-item-img:before {
  content: "";
  position: absolute;
  right: 0;
  width: 64px;
  height: 64px;
  background: #FBBB20;
  border-radius: 50%;
}
.benefits-item-img img {
  width: 54.15px;
  position: relative;
}
.benefits-item-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
@media (min-width: 640px) {
  .benefits {
    margin-top: -120px;
    padding-bottom: 56px;
  }
  .benefits__inner {
    padding: 0 40px;
  }
  .benefits-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    text-align: left;
  }
  .benefits-desc {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 48px;
    text-align: left;
  }
  .benefits-list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
  }
  .benefits-item {
    padding: 40px;
    border-radius: 24px;
  }
  .benefits-item-img {
    width: 105px;
    height: 80px;
  }
  .benefits-item-img:before {
    width: 80px;
    height: 80px;
  }
  .benefits-item-img img {
    width: 68px;
    position: relative;
  }
  .benefits-item-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .benefits {
    padding-top: 280rem;
    margin-top: -168rem;
    padding-bottom: 112rem;
  }
  .benefits__inner {
    max-width: 1520rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40rem;
  }
  .benefits-title {
    font-size: 48rem;
    line-height: 56rem;
    margin-bottom: 16rem;
  }
  .benefits-desc {
    font-size: 32rem;
    line-height: 40rem;
    margin-bottom: 80rem;
  }
  .benefits-list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 49rem;
  }
  .benefits-item {
    padding: 56rem;
    border-radius: 24rem;
    display: flex;
    align-items: center;
  }
  .benefits-item-img {
    width: 136rem;
    min-width: 136rem;
    height: 104rem;
    margin-right: 24rem;
    margin-bottom: 0;
  }
  .benefits-item-img:before {
    width: 104rem;
    height: 104rem;
  }
  .benefits-item-img img {
    width: 88rem;
  }
  .benefits-item-title {
    font-size: 26rem;
    line-height: 36rem;
  }
}
/*benefits end*/
/*benefits2*/
.benefits2 {
  box-sizing: border-box;
  padding: 48px 0;
}
.benefits2__inner {
  box-sizing: border-box;
  padding: 0 24px;
}
.benefits2-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #000000;
  margin-bottom: 24px;
}
.benefits2-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
}
.benefits2-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.benefits2-item-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #FBBB20;
  margin-bottom: 8px;
  height: 48px;
}
.benefits2-item-title span {
  font-size: 24px;
}
.benefits2-item-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #232427;
}
@media (min-width: 640px) {
  .benefits2 {
    padding: 56px 0;
  }
  .benefits2__inner {
    padding: 0 40px;
  }
  .benefits2-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 48px;
    text-align: left;
  }
  .benefits2-list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
  }
  .benefits2-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .benefits2-item-title {
    font-size: 56px;
    line-height: 64px;
    height: 64px;
  }
  .benefits2-item-title span {
    font-size: 29px;
  }
  .benefits2-item-text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .benefits2 {
    padding: 112rem 0;
  }
  .benefits2__inner {
    max-width: 1520rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40rem;
  }
  .benefits2-title {
    font-size: 48rem;
    line-height: 56rem;
    margin-bottom: 80rem;
  }
  .benefits2-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40rem;
  }
  .benefits2-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .benefits2-item-title {
    font-size: 72rem;
    line-height: 88rem;
    height: 88rem;
    margin-bottom: 0;
  }
  .benefits2-item-title span {
    font-size: 29rem;
  }
  .benefits2-item-text {
    font-size: 22rem;
    line-height: 32rem;
  }
}
/*benefits2 end*/
@media (min-width: 1200px) {
  .site-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
/*info*/
.info {
  background: #19191F;
  box-sizing: border-box;
  padding: 48px 0 88px;
  position: relative;
  overflow: hidden;
}
.info-bg {
  position: absolute;
  width: 92px;
  bottom: 6px;
  left: 80%;
  transform: translateX(-50%);
  line-height: 0;
}
.info-bg img {
  max-width: 100%;
}
.info__inner {
  box-sizing: border-box;
  padding: 0 24px;
}
.info-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.info-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #FFFFFF;
  margin-bottom: 24px;
}
.info-desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.4px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
}
.info-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #FBBB20;
}
@media (min-width: 640px) {
  .info {
    padding: 56px 0 158px;
  }
  .info-bg {
    width: 200px;
    bottom: 20px;
    left: 85%;
  }
  .info__inner {
    padding: 0 40px;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
  .info-title {
    font-size: 32px;
    line-height: 40px;
  }
  .info-text {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  .info-desc {
    font-size: 24px;
    line-height: 32px;
  }
  .info-price {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .info {
    padding: 112rem 0 254rem;
  }
  .info-bg {
    width: 300rem;
    bottom: 12rem;
    right: 45rem;
    left: auto;
    transform: translateX(0);
  }
  .info-bg img {
    width: 100%;
  }
  .info__inner {
    padding: 0 72rem;
    max-width: 792rem;
    margin-left: auto;
    margin-right: 0;
  }
  .info-title {
    font-size: 40rem;
    line-height: 56rem;
    margin-bottom: 8rem;
    text-align: left;
  }
  .info-text {
    font-size: 27rem;
    line-height: 40rem;
    margin-bottom: 64rem;
    text-align: left;
  }
  .info-desc {
    font-size: 28rem;
    line-height: 40rem;
    margin-bottom: 8rem;
    text-align: left;
  }
  .info-price {
    font-size: 48rem;
    line-height: 56rem;
    text-align: left;
  }
}
/*info end*/
/*form*/
.form {
  box-sizing: border-box;
  padding: 48px 0;
  background: #F6F6F6;
}
.form__inner {
  box-sizing: border-box;
  padding: 0 24px;
}
.form-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #000000;
  margin-bottom: 16px;
}
.form-desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.4px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 24px;
}
@media (min-width: 640px) {
  .form {
    padding: 56px 0;
  }
  .form__inner {
    padding: 0 40px;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
  .form-title {
    font-size: 32px;
    line-height: 40px;
  }
  .form-desc {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .form {
    padding: 112rem 0 151rem;
    background: url("/t/images/pages2/site_key/mail-icon.png") right 92rem bottom 0 / 300rem 165rem no-repeat #F6F6F6;
  }
  .form__inner {
    padding: 0 72rem;
    max-width: 740rem;
    margin-left: 0;
    margin-right: auto;
  }
  .form-title {
    font-size: 40rem;
    line-height: 56rem;
    margin-bottom: 8rem;
  }
  .form-desc {
    font-size: 27rem;
    line-height: 40rem;
    margin-bottom: 48rem;
  }
}
/*form end*/
/*popup*/
.mg-popup-form {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(25, 25, 31, 0.5);
  opacity: 0;
  z-index: -5;
}
.mg-popup-form .mg-form__field-checkbox li label input[type="checkbox"] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  margin: 0 12px 0 0;
}
.mg-popup-form .mg-form__field-checkbox li label input[type="checkbox"]:after {
  width: 18px;
  height: 18px;
}
.mg-popup-form .mg-form__field-checkbox li label input[type="checkbox"]:checked:after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mg-popup-form .mg-form__field-checkbox li label span {
  text-align: left;
}
.mg-popup-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mg-popup-form__inner {
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 64px 20px 24px;
  margin: 24px;
  position: relative;
}
@media (min-width: 416px) {
  .mg-popup-form__inner {
    padding: 64px 32px 32px;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form__inner {
    padding: 64rem 56rem 56rem;
  }
}
.mg-popup-wrap:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.mg-popup-form._opened {
  opacity: 1;
  transition: opacity 0.3s;
  z-index: 6;
}
.mg-popup-form__close {
  margin: 0;
  border: none;
  padding: 0;
  background: transparent;
  line-height: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .mg-popup-form__close {
    width: 40rem;
    height: 40rem;
    right: 16rem;
    top: 16rem;
  }
  .mg-popup-form__close svg {
    width: 100%;
    height: 100%;
  }
}
.mg-popup-form__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #000000;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .mg-popup-form__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form__title {
    font-size: 40rem;
    line-height: 56rem;
    margin-bottom: 24rem;
  }
}
.mg-form__field-control ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
input, select textarea {
  outline: none;
}
.mg-form__field input[type="text"] {
  font-family: "Montserrat", sans-serif;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 72px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  padding: 19px 31px;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.mg-form__field input[type="text"]::placeholder {
  font-family: "Montserrat", sans-serif;
  color: #C6C6C6;
  font-weight: 400;
}
.mg-form__field input[type="text"]:hover {
  border: 1px solid #FBBB20;
}
.mg-form__field input[type="text"]:focus {
  border: 1px solid #FBBB20;
}
@media (min-width: 640px) {
  .mg-form__field input[type="text"] {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .mg-form__field input[type="text"] {
    font-size: 20rem;
    line-height: 32rem;
    border: 1rem solid #E6E6E6;
    border-radius: 72rem;
    padding: 23rem 39rem;
  }
  .mg-form__field input[type="text"]:hover {
    border: 1rem solid #FBBB20;
  }
  .mg-form__field input[type="text"]:focus {
    border: 1rem solid #FBBB20;
  }
}
.mg-form__field-checkbox {
  margin-top: 16px;
}
@media (min-width: 640px) {
  .mg-form__field-checkbox {
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .mg-form__field-checkbox {
    margin-top: 24rem;
  }
}
.mg-form__field-checkbox li label {
  display: flex;
  align-items: center;
}
.mg-form__field-checkbox li label input[type="checkbox"] {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  appearance: none;
  margin: 0 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline-offset: 5px;
  outline-color: #b0b0b0;
}
.mg-form__field-checkbox li label input[type="checkbox"]:after {
  width: 24px;
  height: 24px;
}
.mg-form__field-checkbox li label input[type="checkbox"]:checked {
  border: none;
  background-color: #FBBB20;
}
.mg-form__field-checkbox li label input[type="checkbox"]:checked:after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 1200px) {
  .mg-form__field-checkbox li label input[type="checkbox"] {
    width: 32rem;
    min-width: 32rem;
    height: 32rem;
    border: 1rem solid #E6E6E6;
    border-radius: 8rem;
    margin-right: 16rem;
  }
  .mg-form__field-checkbox li label input[type="checkbox"]:after {
    width: 24rem;
    height: 24rem;
  }
  .mg-form__field-checkbox li label input[type="checkbox"]:checked {
    border: none;
    background-color: #FBBB20;
  }
  .mg-form__field-checkbox li label input[type="checkbox"]:checked:after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / cover no-repeat;
  }
}
.mg-form__field-checkbox li label:hover input[type="checkbox"] {
  border: 1px solid #FBBB20;
}
@media (min-width: 1200px) {
  .mg-form__field-checkbox li label:hover input[type="checkbox"] {
    border: 1rem solid #FBBB20;
  }
}
.mg-form__field-checkbox li label span {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
@media (min-width: 640px) {
  .mg-form__field-checkbox li label span {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .mg-form__field-checkbox li label span {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.mg-form__field-checkbox li label span a {
  color: #FBBB20;
}
.mg-form__field-button {
  margin-top: 24px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 640px) {
  .mg-form__field-button {
    max-width: 212px;
    margin-top: 40px;
  }
}
@media (min-width: 640px) and (min-width: 1200px) {
  .mg-form__field-button {
    max-width: 100%;
    margin-top: 48rem;
    text-align: center;
  }
}
.mg-form__field-button button {
  font-family: "Montserrat", sans-serif;
  box-sizing: border-box;
  border: none;
  padding: 20px;
  background: #FBBB20;
  border-radius: 72px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  width: 100%;
  cursor: pointer;
}
.mg-form__field-button button:hover {
  background: transparent;
  color: #000;
  -webkit-box-shadow: 0px 0px 0px 2px #fbbb20 inset;
  -moz-box-shadow: 0px 0px 0px 2px #fbbb20 inset;
  box-shadow: 0px 0px 0px 2px #fbbb20 inset;
}
@media (min-width: 1200px) {
  .mg-form__field-button button:hover {
    -webkit-box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
    -moz-box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
    box-shadow: 0px 0px 0px 2rem #fbbb20 inset;
  }
}
.mg-form__field-button button:active {
  color: #000000;
  background: #FBBB20;
}
@media (min-width: 640px) {
  .mg-form__field-button button {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .mg-form__field-button button {
    font-size: 20rem;
    line-height: 32rem;
    padding: 24rem 40rem;
    border-radius: 72rem;
    width: auto;
  }
}
/*popup end*/
.mg-form__field.mg-form__field-phone {
  margin-bottom: 15px;
}