@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 100.ttf') format('truetype');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 100 Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 300.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 300 Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 500.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 500.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 500 Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 700.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 700 Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 900.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 900.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl';
  src: url('../fonts/MuseoSansCyrl/Museo Sans Cyrl 900 Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

body,
html,
input,
button,
select,
textarea,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
a,
li,
ul,
ol,
label,
table,
td,
th,
form,
.oswald,
.bebas,
.country-bar {
  font-family: 'Museo Sans Cyrl', sans-serif;
}





.up {
  text-transform: uppercase;
}
.none {
  text-decoration: none;
}
.th {
  font-weight: 100;
}
.el {
  font-weight: 200;
}
.l {
  font-weight: 300;
}
.reg {
  font-weight: 400;
}
.med {
  font-weight: 500;
}
.sb {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.eb {
  font-weight: 800;
}
.black {
  font-weight: 900;
}
.un {
  text-decoration: underline;
}
.in {
  display: inline-block;
}
.vam {
  vertical-align: middle;
}
.rel {
  position: relative;
}
.bl {
  display: block;
}
.abs {
  position: absolute;
}
.tr {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.try {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.trx {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tc {
  display: table-cell;
  vertical-align: middle;
}
.dn {
  display: none;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.taj {
  text-align: justify;
}
.it {
  font-style: italic;
}
.sn {
  font-style: normal;
}
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: auto;
  background: rgba(1, 1, 1, 0.75);
  z-index: 1000;
  display: none;
}
.b0 {
  border: 0;
}
.bn {
  background: none;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.wa {
  width: auto;
}
.p0 {
  padding: 0;
}
.m0 {
  margin: 0;
}
.poi {
  cursor: pointer;
}
.auto {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.noup {
  text-transform: none;
}
.fix {
  position: fixed;
}
.tn {
  -webkit-transform: none;
  transform: none;
}
.bf {
  background: #fff;
}
.cf {
  color: #fff;
}
.c0 {
  color: #000;
}
.ap {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  background: #1a1d22;
  overflow-x: hidden;
}
body,
th,
td {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 14px;
  color: #fff;
}
body,
form,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
img,
table {
  border: none;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 0;
}
a {
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:hover {
  text-decoration: none;
}
input,
textarea,
button,
select {
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;
  font-family: 'Museo Sans Cyrl', sans-serif;
}
button,
input[type='submit'] {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
  border: 0;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  max-width: 100%;
}
.an {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section,
header,
footer,
nav,
main {
  display: block;
}
.header-top__phone-info {
  margin-left: auto;
  margin-right: 15px;
}
.header-top__phone-info svg * {
  fill: #fff;
}
.header-top__phone-info a {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  text-decoration: none;
}
.header-top__phone-info span {
  display: block;
}
.clear {
  clear: both;
}
.wrap {
  margin: 0 auto;
  width: 1344px;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.top-block {
  background: url('../img/top-block.jpg') no-repeat center;
  height: 869px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 40px;
}
.top-block .phone {
  text-align: right;
  font-size: 19px;
}
.top-block .phone span {
  cursor: pointer;
}
.top-block .phone a {
  display: block;
  font-weight: 700;
  text-decoration: none;
  font-size: 28px;
  color: #ffed00;
}
.top-block .text {
  padding-top: 180px;
  width: 620px;
}
.top-block .text .name {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
  max-width: 520px;
}
.top-block .text .name span {
  font-size: 0;
}
.top-block .text p {
  font-size: 21px;
  margin-bottom: 40px;
}
.top-block .text p span {
  font-weight: 700;
  display: block;
}
.top-block .text .image {
  display: none;
}
.top-block form {
  width: 384px;
  max-width: 100%;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.38);
  padding: 30px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 100px;
}
.top-block form .name {
  font-weight: 700;
  font-size: 29px;
  margin-bottom: 20px;
}
.top-block form input[type='email'],
.top-block form input[type='tel'],
.top-block form input[type='text'] {
  width: 100%;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
  font-size: 21px;
  text-align: center;
  background: none;
  color: #fff;
}
.top-block form input[type='email']:focus,
.top-block form input[type='tel']:focus,
.top-block form input[type='text']:focus {
  -webkit-box-shadow: #ffed00 0 0 15px;
  box-shadow: #ffed00 0 0 15px;
  border: 2px solid #ffed00;
}
.top-block form button {
  width: 100%;
  height: 58px;
  font-weight: 700;
  font-size: 21px;
  background: #ffed00;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.top-block form button:hover {
  -webkit-box-shadow: #ffed00 0 0 30px;
  box-shadow: #ffed00 0 0 30px;
}
.reasons {
  margin: -40px 0 -30px;
}
.reasons .name {
  font-size: 37px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}
.reasons .name span {
  font-size: 0;
}
.reasons .list {
  height: 1016px;
  position: relative;
}
.reasons .list .item {
  position: absolute;
  overflow: hidden;
}
.reasons .list .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 1;
  pointer-events: none;
  will-change: transform;
}
.reasons .list .item:hover::before {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.reasons .list .item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(1, 1, 1, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(1, 1, 1, 0.8));
  z-index: 2;
  pointer-events: none;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.reasons .list .item.item1 {
  top: 0;
  left: 0;
  width: 48.4%;
  height: 32.1%;
}
.reasons .list .item.item1::before {
  background-image: url('../img/reason1.jpg');
}
.reasons .list .item.item1:hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(67, 26, 3, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(67, 26, 3, 0.8));
}
.reasons .list .item.item1 img {
  position: absolute;
  right: -20px;
  top: -60px;
  z-index: 2;
}
.reasons .list .item.item2 {
  top: -6.8%;
  right: 0;
  width: 50.2%;
  height: 38.9%;
}
.reasons .list .item.item2::before {
  background-image: url('../img/reason2.png');
}
.reasons .list .item.item2:hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(67, 11, 93, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(67, 11, 93, 0.8));
}
.reasons .list .item.item3 {
  top: 27.7%;
  left: 0;
  width: 69.3%;
  height: 38.5%;
}
.reasons .list .item.item3::before {
  background-image: url('../img/reason3.png');
}
.reasons .list .item.item3:hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(3, 67, 62, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(3, 67, 62, 0.8));
}
.reasons .list .item.item4 {
  bottom: 0;
  left: 0;
  width: 33.5%;
  height: 32.1%;
}
.reasons .list .item.item4::before {
  background-image: url('../img/reason4.png');
}
.reasons .list .item.item4:after {
  height: 130px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
}
.reasons .list .item.item4:hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(67, 26, 3, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(67, 26, 3, 0.8));
}
.reasons .list .item.item5 {
  bottom: 0;
  left: 35%;
  width: 34.3%;
  height: 32.1%;
}
.reasons .list .item.item5::before {
  background-image: url('../img/reason5.png');
}
.reasons .list .item.item5:after {
  height: 130px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
}
.reasons .list .item.item5:hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(13, 45, 4, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(13, 45, 4, 0.8));
}
.reasons .list .item.item5 img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.reasons .list .item.item6 {
  bottom: 0;
  right: -3.25%;
  width: 42%;
  height: 71.1%;
  z-index: 5;
}
.reasons .list .item.item6::before {
  background-image: url('../img/reason6.png');
}
.reasons .list .item.item6:after {
  width: 69.5%;
  left: auto;
  right: 7.8%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(1, 1, 1, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(1, 1, 1, 0.8));
}
.reasons .list .item.item6:hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(54, 0, 72, 0.8)));
  background: linear-gradient(to bottom, transparent, rgba(54, 0, 72, 0.8));
}
.reasons .list .item.item6 .content {
  padding-left: 27%;
  padding-right: 12%;
}
.reasons .list .item .content {
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  padding: 30px;
  font-size: 15px;
  z-index: 3;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95), 0 1px 2px rgba(0, 0, 0, 0.9);
}
.reasons .list .item .content span {
  display: block;
  font-weight: 700;
  font-size: 29px;
  margin-bottom: 5px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95), 0 1px 3px rgba(0, 0, 0, 0.9);
}
.quests {
  background: url('../img/quests.jpg') center / cover;
  padding: 130px 0 80px;
}
.quests .name {
  font-weight: 700;
  font-size: 37px;
  margin-bottom: 20px;
  text-align: center;
  padding: 0 400px;
}
.quests .item {
  padding: 30px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.quests .item:hover {
  background: rgba(1, 1, 1, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.quests .item.other .content .text {
  text-align: right;
}
.quests .item .content {
  padding: 0 150px;
}
.quests .item .content .image {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.quests .item .content .image img.big {
  margin-top: -50px;
}
.quests .item .content .text {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  font-size: 21px;
}
.quests .item .content .text span {
  display: block;
  font-weight: 700;
  font-size: 37px;
  margin-bottom: 10px;
}
.quests a {
  text-decoration: none;
}
.quests button {
  display: block;
  margin: 30px auto 0 auto;
  font-size: 21px;
  font-weight: 700;
  text-transform: capitalize;
  background: #ffed00;
  width: 324px;
  height: 58px;
  cursor: pointer;
}
.quests button:hover {
  -webkit-box-shadow: #ffed00 0 0 30px;
  box-shadow: #ffed00 0 0 30px;
}
.video-block {
  height: 957px;
  background: url('../img/video-block.jpg') center / cover;
}
.video-block .wrap {
  position: relative;
  height: 100%;
}
.video-block .video {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 0 0 -50px;
}
.video-block .text {
  text-align: right;
  font-weight: 700;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 42px;
  right: 0;
  width: 700px;
  margin: -50px 50px 0 0;
}
.video-block .text:after {
  content: "";
  position: absolute;
  width: 430px;
  height: 3px;
  background: #ffed00;
  right: 0;
  bottom: -10px;
}
.counts {
  background: #efefed;
  padding: 105px 0 95px;
  text-align: center;
  color: #000;
}
.counts .name {
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 50px;
}
.counts .flex {
  padding: 0 120px;
}
.counts .item {
  width: 30%;
}
.counts .item .n {
  font-weight: 700;
  font-size: 33px;
  padding: 10px 0 50px;
  position: relative;
}
.counts .item .n:after {
  content: "";
  width: 128px;
  height: 3px;
  background: #ffed00;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
}
.counts .item p {
  font-size: 25px;
  margin-bottom: 30px;
}
.counts .item p span {
  font-weight: 700;
}
.counts button {
  font-size: 21px;
  font-weight: 700;
  text-transform: capitalize;
  background: #ffed00;
  width: 430px;
  height: 58px;
}
.reviews {
  text-align: center;
  padding: 100px 0 300px;
  position: relative;
}
.reviews .name {
  font-size: 21px;
  padding: 0 300px;
}
.reviews .name span {
  display: block;
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 40px;
  position: relative;
}
.reviews .name span:after {
  content: "";
  width: 64px;
  height: 4px;
  background: #ffed00;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -20px;
}
.reviews .slider-for {
  padding: 0 230px;
}
.reviews .slider-for .item .top {
  font-size: 166px;
  color: #606060;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 10px;
}
.reviews .slider-for .item p {
  font-size: 25px;
  color: #9e9e9e;
  margin-bottom: 40px;
}
.reviews .slider-for .item .author {
  font-size: 23px;
  color: #5e5e5d;
}
.reviews .slider-for .item .author img {
  display: none;
}
.reviews .slider-for .item .author span {
  font-size: 27px;
  color: #ffed00;
}
.reviews .slider-nav {
  width: 600px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 130px;
}
.reviews .slider-nav .item {
  display: inline-block;
  margin: 0 40px;
  outline: none;
  cursor: pointer;
  padding: 10px 0;
}
.reviews .slider-nav .item.slick-current img {
  border: 3px solid #ffed00;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.reviews .slider-nav .item img {
  border-radius: 50%;
  width: 87px;
  height: 87px;
}
.reviews .slick-prev,
.reviews .slick-next {
  height: 37px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  font-size: 0;
  z-index: 2;
  opacity: .3;
  margin-top: 40px;
}
.reviews .slick-prev:hover,
.reviews .slick-next:hover {
  opacity: 1;
}
.reviews .slick-prev {
  left: 0;
  background: url('../img/prev.png');
  width: 114px;
}
.reviews .slick-next {
  right: 0;
  background: url('../img/next.png');
  width: 115px;
}
.bottom-form {
  height: 785px;
  background: url('../img/bottom-form.jpg') center / cover;
}
.bottom-form form {
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 40px 70px;
  text-align: center;
  margin-top: 90px;
  float: right;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.bottom-form form .name {
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 40px;
}
.bottom-form form input[type='email'],
.bottom-form form input[type='tel'],
.bottom-form form input[type='text'] {
  width: 324px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
  font-size: 21px;
  text-align: center;
  background: none;
  color: #fff;
}
.bottom-form form input[type='email']:focus,
.bottom-form form input[type='tel']:focus,
.bottom-form form input[type='text']:focus {
  -webkit-box-shadow: #ffed00 0 0 15px;
  box-shadow: #ffed00 0 0 15px;
  border: 2px solid #ffed00;
}
.bottom-form form button {
  width: 324px;
  height: 58px;
  font-weight: 700;
  font-size: 21px;
  background: #ffed00;
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 5px;
}
.bottom-form form button:hover {
  -webkit-box-shadow: #ffed00 0 0 30px;
  box-shadow: #ffed00 0 0 30px;
}
.footer {
  padding: 40px 0;
}
.footer .phone {
  text-align: right;
  font-size: 19px;
}
.footer .phone a {
  color: #fff;
}
.footer .phone span {
  display: block;
  font-weight: 700;
  font-size: 28px;
  color: #ffed00;
  margin-top: 10px;
}
.footer .company {
  font-size: 17px;
  margin-top: 20px;
}
.footer .company span {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}
.footer .social {
  margin-top: 30px;
}
.footer .social a {
  margin: 0 5px;
  vertical-align: middle;
}
.footer .social a img {
  height: 42px;
}
.footer .copy {
  margin-top: 40px;
}
.popup .window {
  background: rgba(26, 29, 34, 0.97);
  width: 580px;
  max-width: 90%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 60px auto 100px auto;
  padding: 40px 70px;
  text-align: center;
}
.popup .window .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 21px;
  height: 21px;
  background: url('../img/close.png');
}
.popup .window .name {
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 40px;
}
.popup .window input[type='email'],
.popup .window input[type='tel'],
.popup .window input[type='text'] {
  width: 324px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
  font-size: 21px;
  text-align: center;
  background: none;
  color: #fff;
}
.popup .window input[type='email']:focus,
.popup .window input[type='tel']:focus,
.popup .window input[type='text']:focus {
  -webkit-box-shadow: #ffed00 0 0 15px;
  box-shadow: #ffed00 0 0 15px;
  border: 2px solid #ffed00;
}
.popup .window button {
  width: 324px;
  height: 58px;
  font-weight: 700;
  font-size: 21px;
  background: #ffed00;
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 15px;
}
.popup .window button:hover {
  -webkit-box-shadow: #ffed00 0 0 30px;
  box-shadow: #ffed00 0 0 30px;
}

.modal-callback {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 40px 66px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 20px 64px rgba(0, 0, 0, .4);
  box-shadow: 0 20px 64px rgba(0, 0, 0, .4);
  -webkit-border-radius: 8px;
  border-radius: 8px
}

.modal-callback .mfp-close {
  top: 12px;
  right: 12px;
  color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAyTDIyIDIyIiBzdHJva2U9IiMyODE4MTIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIyIDJMMiAyMiIgc3Ryb2tlPSIjMjgxODEyIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  opacity: .2
}

.modal-callback .mfp-close:hover,
.modal-callback .mfp-close:focus {
  opacity: .4
}

.modal-callback .modal-callback__title {
  margin-bottom: 24px;
  font-family: spectral, sans-serif;
  font-size: 32px;
  font-weight: 700
}

.modal-callback .modal-callback__text {
  margin-bottom: 32px;
  font-size: 18px
}

.modal-callback .modal-callback__fields {
  display: inline-block;
  max-width: 320px
}

.modal-callback .modal-callback__when {
  margin-top: 24px;
  margin-bottom: 8px
}

.modal-callback .modal-callback__when input:checked+label {
  color: #ff5e03;
  border-bottom: 1px dashed #ff5e03
}

.modal-callback .modal-callback__when label {
  font-size: 20px;
  font-weight: 500;
  cursor: pointer
}

.modal-callback .modal-callback__when label:first-of-type {
  margin-right: 24px
}

.modal-callback .btn {
  width: 100%
}

.modal-terms .modal-terms__title {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.7
}

.modal-terms .modal-terms__title b {
  text-transform: uppercase;
  display: block
}

.modal-terms .modal-terms__content {
  max-height: 500px;
  overflow-y: auto
}

.modal-terms .modal-terms__content ul li,
.modal-terms .modal-terms__content ol li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 21px
}

.modal-terms .modal-terms__content ul {
  list-style: none
}

.modal-terms .modal-terms__content ul>li::before {
  content: '- '
}

.modal-terms .modal-terms__content ol {
  list-style: none;
  counter-reset: li
}

.modal-terms .modal-terms__content ol>li::before {
  content: counters(li, ".") ". ";
  counter-increment: li
}

.modal-terms .modal-terms__content>ol {
  padding-left: 0
}

.modal-terms .modal-terms__content>ol ol,
.modal-terms .modal-terms__content>ol ul {
  list-style-position: inside;
  padding-top: 10px;
  padding-left: 10px
}

ul.modal-cities-list {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4
}

ul.modal-cities-list li {
  margin-bottom: 10px;
  cursor: pointer
}

ul.modal-cities-list li.active {
  font-weight: 700
}

ul.modal-cities-list li:hover,
ul.modal-cities-list li:focus {
  text-decoration: underline
}

@media (max-width: 1374px) {
  .wrap {
    width: 1170px;
  }
  .reasons .list {
    height: 890px;
  }
  .quests .name {
    padding: 0 200px;
  }
  .quests .item .content {
    padding: 0;
  }
  .counts .flex {
    padding: 0;
  }
  .reviews .name {
    padding: 0 150px;
  }
}
@media (max-width: 1200px) {
  .wrap {
    width: 970px;
  }
  .top-block form {
    width: 300px;
  }
  .reasons .list {
    height: 740px;
  }
  .reasons .list .item.item4 {
    bottom: 0;
    left: 0;
    background: url(../img/reason4_mobile.png) center / cover;
    width: 33.5%;
    height: 32.1%;
  }

  .reasons .list .item.item6 {
    bottom: 0;
    left: 0;
    background: url(../img/reason6_mobile.png) center / cover;
    width: 33.5%;
    height: 32.1%;
  }

  .reasons .list .item.item1 img {
    width: 300px;
  }
  .reasons .list .item.item5 img {
    width: 240px;
  }
  .video-block {
    height: auto;
    padding: 100px 0;
    text-align: center;
    background: url(../img/video2.PNG) center / cover; 
  }
  .video-block .video {
    left: auto;
    top: auto;
    -webkit-transform: none;
    transform: none;
    position: relative;
  }
  .video-block .text {
    text-align: center;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
    position: relative;
    width: auto;
  }
  .video-block .text:after {
    right: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .reviews .name {
    padding: 0;
  }
  .reviews .slider-for {
    padding: 0 150px;
  }
}
@media (max-width: 991px) {
  .wrap {
    width: 747px;
  }
  .top-block {
    background: url('../img/top-block3.jpg') center / cover;
    height: auto;
    padding: 30px 0;
  }
  .top-block form {
    width: 100%;
    padding: 0;
    background: none;
    border: 0;
    margin-top: 30px;
  }
  .top-block form .name {
    display: none;
  }
  .top-block form input[type='email'],
  .top-block form input[type='text'] {
    display: none;
  }
  .top-block form button {
    display: none;
  }
  .top-block form p {
    display: none;
  }
  .top-block .text {
    padding-top: 40px;
  }
  .reasons .list {
    height: 540px;
  }
  .reasons .list .item .content {
    font-size: 12px;
    padding: 15px;
  }
  .reasons .list .item .content span {
    font-size: 18px;
  }
  .reasons .list .item.item1 img {
    width: 240px;
  }
  .reasons .list .item.item5 img {
    width: 180px;
  }
  .quests .name {
    padding: 0;
  }
  .reasons {
    margin-top: 20px;
  }
  .logo {
    max-width: 300px;
  }
  .top-block .flex {
    -ms-align-items: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .wrap {
    width: auto;
    padding: 0 10px;
  }
  .top-block {
    background: url('../img/top-block2.jpg') center / cover;
    height: auto;
    padding: 30px 0;
  }
  .top-block .logo img {
    width: 250px;
  }
  .top-block .phone {
    font-size: 0;
    width: 25px;
    height: 25px;
    background: url('../img/phone.png');
    position: relative;
  }
  .top-block .phone a {
    font-size: 0;
  }
  .top-block .phone .callback {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .top-block .text {
    width: 100%;
    position: relative;
  }
  .top-block .text .image {
    display: block;
    margin: -20px 0 20px;
  }

  .top-block .text .name span {
    font-size: 42px;
  }
  .top-block .text .flex {
    display: block;
    margin: -20px 0 20px;
    visibility: hidden;

  }
  .reasons .list {
    height: auto;
  }
  .reasons .list .item {
    position: relative;
    width: auto !important;
    height: 80px!important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin-bottom: 5px;
  }
  .reasons .list .item.item2 {
    height: 110px!important;
    margin-top: -30px;
  }
  .reasons .list .item.item2::before {
    background-position: top center;
  }
  .reasons .list .item.item3 {
    height: 120px!important;
    margin-top: -20px;
  }
  .reasons .list .item.item3::before {
    background-position: top center;
  }
  .reasons .list .item .content {
    font-size: 0;
    padding: 10px!important;
  }
  .reasons .list .item:after {
    bottom: -5px;
    width: 100% !important;
    height: 100% !important;
    left: 0!important;
    bottom: 0!important;
  }
  .reasons .list .item.item1 img {
    width: 120px;
    right: 30px;
    top: auto;
    bottom: 0;
  }
  .reasons .list .item.item5 img {
    width: 80px;
  }
  .reasons .list .item .content span {
    font-size: 16px;
  }
  .reasons .list .item.item1 .content {
    text-align: right;
    margin-bottom: 15px;
  }
  .reasons .list .item.item3 .content {
    text-align: right;
  }
  .reasons .list .item.item5 .content {
    text-align: right;
  }
  .quests {
    padding: 50px 0;
  }
  .quests .name {
    font-size: 24px;
  }
  .quests .name span {
    display: none;
  }
  .quests .item .content {
    padding-top: 100px;
    position: relative;
  }
  .quests .item .content .text {
    display: block;
    text-align: center;
    width: auto;
    font-size: 14px;
    text-align: center !important;
  }
  .quests .item .content .text span {
    font-size: 22px;
  }
  .quests .item .content .image {
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .quests .item .content .image img {
    height: 90px;
  }
  .quests .item .content .image img.big {
    margin-top: 0;
  }
  .quests button {
    width: 100%;
  }
  .video-block .text {
    font-size: 24px;
    margin-right: 0;
    margin-top: 30px;
  }
  .video-block .text:after {
    display: none;
  }
  .video-block .video {
    display: block;
    margin: auto;
    width: 84px;
    height: 110px;
    background: url('../img/wb_play.png');
  }
  .video-block .video img {
    display: none;
  }
  .counts {
    padding: 30px 0;
  }
  .counts .name {
    font-size: 24px;
  }
  .counts .item {
    width: 100%;
    text-align: left;
    padding-left: 120px;
    position: relative;
    margin-bottom: 30px;
  }
  .counts .item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
  }
  .counts .item .n {
    font-size: 16px;
  }
  .counts .item .n {
    padding-bottom: 30px;
  }
  .counts .item .n:after {
    left: 0;
    -webkit-transform: none;
    transform: none;
    bottom: 15px;
  }
  .counts .item p {
    font-size: 12px;
    margin-bottom: 0;
  }
  .counts button {
    width: 100%;
    font-size: 18px;
  }
  .reviews .name {
    font-size: 12px;
  }
  .reviews .name span {
    font-size: 24px;
  }
  .reviews .slider-for {
    padding: 0;
  }
  .reviews .slider-for .item .top {
    display: none;
  }
  .reviews .slider-for .item {
    padding-top: 30px;
  }
  .reviews .slider-for .item p {
    text-align: left;
    font-size: 14px;
    padding: 0 20px;
  }
  .reviews .slider-nav {
    display: none;
  }
  .reviews .slider-for .item .author {
    font-size: 13px;
  }
  .reviews .slider-for .item .author span {
    display: block;
    font-size: 16px;
    margin-top: 5px;
  }
  .reviews .slider-for .item .author img {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid yellow;
  }
  .reviews .slick-prev,
  .reviews .slick-next {
    -webkit-transform: none;
    transform: none;
    bottom: 90px;
    zoom: 0.6;
    top: auto;
  }
  .reviews {
    padding: 60px 0;
  }
  .bottom-form {
    height: auto;
    padding: 50px 0;
  }
  .bottom-form form {
    float: none;
    width: auto;
    padding: 30px;
  }
  .bottom-form form .name {
    font-size: 23px;
  }
  .bottom-form form input[type='text'],
  .bottom-form form input[type='email'],
  .bottom-form form input[type='tel'],
  .bottom-form form button {
    width: 196px;
    height: 30px;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .bottom-form form button {
    margin-bottom: 0;
  }
  .footer {
    text-align: center;
  }
  .footer .logo {
    width: 100%;
  }
  .footer .phone {
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  .popup .window {
    width: 300px;
    padding: 20px;
  }
  .popup .window .name {
    font-size: 24px;
    padding-top: 20px;
  }
  .popup .window input[type='email'],
.popup .window input[type='tel'],
.popup .window input[type='text'] {
    width: 100%;
  }
  .popup .window button {
    width: 100%;
  }
  .footer .company {
    width: 100%;
  }
  .reasons .name {
    font-size: 0;
  }
  .reasons .name span {
    font-size: 37px;
  }
}


.button {
  width: 100%;
  height: 58px;
  font-weight: 700;
  font-size: 21px;
  background: #ffed00;
  text-transform: capitalize;
}

.desktop-hide {
  display: none;
}

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


}


.fancybox-bg {
  background-color: #000;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.85;
}

.fancybox-close-small {
  width: 70px;
  height: 70px;
}

.fancybox-close-small svg {
  color: rgba(253, 236, 64, 0.4);
}

.fancybox-close-small:hover svg {
  color: #fdec40;
}

.mr-popup {
  position: relative;
  display: none;
  overflow: visible;
}

.mr-popup-big {
  max-width: 840px;
  width: 100%;
  margin-top: 220px;
  padding: 0;
}

.mr-popup-big_dark {
  background-color: #1a1d22;
}

.mr-popup-big_light {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(253, 236, 64, 0)),
    color-stop(61.98%, #fdec40)
    );
  background: -webkit-linear-gradient(
    top,
    rgba(253, 236, 64, 0) 0%,
    #fdec40 61.98%
    );
  background: -o-linear-gradient(top, rgba(253, 236, 64, 0) 0%, #fdec40 61.98%);
  background: linear-gradient(180deg, rgba(253, 236, 64, 0) 0%, #fdec40 61.98%);
}

.mr-popup-big .text {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 21px;
  line-height: 1.2;
  text-align: center;
  max-width: 472px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 23px;
}

.mr-popup-big .title {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 34px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  margin-bottom: 23px;
}

.mr-popup-big .mr-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mr-popup-big .mr-form input {
  width: 100%;
  padding: 0 20px;
  font-size: 21px;
  line-height: 1.2;
  font-family: 'Museo Sans Cyrl', sans-serif;
  margin-right: 20px;
  height: 60px;
  outline-style: none;
}

.mr-popup-big .mr-form button {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 22px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 265px;
  font-weight: bold;
  height: 60px;
  border: none;
  padding: 0;
  cursor: pointer;
  letter-spacing: 0.03em;
}

.mr-popup-big .mr-p {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.04em;
  margin: 24px auto 0;
  max-width: 455px;
  width: 100%;
}

.mr-popup-big .mr-p a {
  text-decoration: underline;
}

.mr-popup-big .mr-p a:hover {
  text-decoration: none;
}

.mr-mocap {
  position: relative;
  margin-top: -220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
}

.mr-mocap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.mr-inner {
  padding: 10px 50px 30px;
}

.mr-popup-big_dark .text {
  color: #fff;
}

.mr-popup-big_dark .title {
  color: #fdec40;
}

.mr-popup-big_dark .mr-form input {
  color: rgba(233, 233, 233, 0.9);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.mr-popup-big_dark .mr-form button {
  background-color: #fdec40;
  color: #000;
}

.mr-popup-big_dark .mr-p {
  color: rgba(255, 255, 255, 0.6);
}

.mr-popup-big_dark .mr-p a {
  color: rgba(255, 255, 255, 0.6);
}

.mr-popup-big_light .fancybox-close-small svg {
  color: #1a1d22;
}

.mr-popup-big_light .text {
  color: #1a1d22;
}

.mr-popup-big_light .title {
  color: #1a1d22;
}

.mr-popup-big_light .mr-form input {
  color: #1a1d22;
  background: #fff;
  border: 1px solid rgba(26, 29, 34, 0.2);
}

.mr-popup-big_light .mr-form button {
  background-color: #1a1d22;
  color: #fdec40;
}

.mr-popup-big_light .mr-p {
  color: rgba(26, 29, 34, 0.6);
}

.mr-popup-big_light .mr-p a {
  color: rgba(26, 29, 34, 0.6);
}

@media (max-width: 750px) {
  .mr-inner {
    padding-right: 15px;
    padding-left: 15px;
  }

  .mr-popup-big .mr-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mr-popup-big .mr-form input {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .mr-mocap {
    display: none;
  }

  .mr-inner {
    padding-top: 50px;
  }

  .mr-popup-big {
    margin-top: 0;
  }

  .mr-popup-big_light {
    background-color: #fdec40;
  }

  .mr-popup-big .mr-form input {
    font-size: 16px;
  }

  .mr-popup-big .title {
    font-size: 28px;
  }
}

.mr-popup-small {
  max-width: 758px;
  width: 100%;
  padding: 53px 15px;
}

.mr-popup-small.mr-nop {
  padding: 53px 0 0 0;
}

.mr-popup-small_dark {
  background-color: #1a1d22;
}

.mr-popup-small_dark .title {
  color: #fdec40;
}

.mr-popup-small_dark .text {
  color: #fff;
}

.mr-popup-small_dark .mr-link {
  background-color: #fdec40;
  color: #000;
}

.mr-popup-small_light {
  background-color: #fff;
}

.mr-popup-small_light .title {
  color: #1a1d22;
}

.mr-popup-small_light .text {
  color: #1a1d22;
}

.mr-popup-small_light .mr-link {
  background-color: #1a1d22;
  color: #fdec40;
}

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

.mr-popup-small .title {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 48px;
  line-height: 1.1;
  font-weight: bold;
  max-width: 576px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 40px;
}

.mr-popup-small .wrap-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 516px;
  width: 100%;
  margin-bottom: 40px;
}

.mr-popup-small .text {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 21px;
  line-height: 1.2;
  text-align: center;
  max-width: 562px;
  width: 100%;
}

.mr-popup-small .mr-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 360px;
  width: 100%;
  height: 60px;
  letter-spacing: 0.03em;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 30px;
}

.mr-popup-small .mr-link:hover {
  text-decoration: none;
}

.mr-left-img1,
.mr-right-img2 {
  position: absolute;
  top: 50%;
}

.mr-left-img1 {
  width: 300px;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mr-right-img2 {
  width: 150px;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mr-bg-yellow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 15px 50px;
  width: 100%;
  background-color: #fdec40;
}

.mr-popup-small_light .fancybox-close-small svg {
  color: rgba(26, 29, 34, 0.4);
}

@media (max-width: 910px) {
  .mr-left-img1,
  .mr-right-img2 {
    display: none;
  }
}

@media (max-width: 576px) {
  .wrap-img img {
    width: calc((100% / 3) - 20px);
  }

  .mr-popup-small .title {
    font-size: 38px;
  }

  .mr-nop .title {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mr-nop .wrap-img {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.mr-popup-figura {
  padding: 65px 15px 50px;
  max-width: 840px;
  width: 100%;
  background-image: url("../../img/mr-pop_up_3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mr-popup-figura .mr-top-text {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 24px;
  line-height: 1.2;
  max-width: 563px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}

.mr-popup-figura .mr-title {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 48px;
  line-height: 1.1;
  font-weight: bold;
  text-align: center;
  color: #fdec40;
  margin-bottom: 35px;
}

.mr-popup-figura .mr-text {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 21px;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  max-width: 564px;
  margin-bottom: 35px;
}

.mr-popup-figura .mr-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 360px;
  width: 100%;
  margin-bottom: 20px;
}

.mr-popup-figura .mr-form input {
  width: 100%;
  text-align: center;
  height: 60px;
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 21px;
  line-height: 1.2;
  outline: none;
  color: rgba(233, 233, 233, 0.9);
  margin-bottom: 25px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.mr-popup-figura .mr-form button {
  width: 100%;
  height: 60px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0.03em;
  color: #000000;
  background-color: #fdec40;
  border: none;
}

.mr-popup-figura .mr-p {
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.6);
  max-width: 300px;
}

.mr-popup-figura .mr-p a {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.6);
}

.mr-popup-figura .mr-p a:hover {
  text-decoration: none;
}

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

@media (max-width: 576px) {
  .mr-popup-figura .mr-title {
    font-size: 36px;
  }
}

@media (max-width: 1440px) {
  .mr-mocap {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .mr-popup-big {
    margin-top: 150px;
  }
}

.footer .logo {

  margin-bottom: 15px;
}

.payu {
  /*flex-grow: 1;*/
  /*padding: 0 15px;*/
  /*margin-top: 15px;*/
}
.payu span {
  display: block;
}
.payu a {
  color: #ffed00;
  font-size: 1.3em;
  font-weight: bold;
  /*text-decoration: underline;*/
}
.payu a:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .footer .flex:nth-child(1) {
    justify-content: center;
  }
}


.ny_link{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}.ny_txt{color:#fff}.ny_nowrap{white-space:nowrap}.ny_link img{margin-right:15px}.top-block .logo img{width:74px}.header-top__phone-info a{font-size:17pt}@media (max-width:767px){.top-block .phone{display:none}.top-block form{width:100%!important;margin-top:20px!important}.bottom-form form{width:100%!important}.reasons .list .item{height:157px!important}.reasons .list .item.item2{height:200px!important}.reasons .list .item.item3{height:200px!important}.reasons .list .item.item4{height:200px!important}.reasons .list .item.item5{height:200px!important}.reasons .list .item.item6{height:200px!important}.header-top__phone-info{margin-left:unset;margin-right:unset}}.flex{}


@media (max-width: 767px)
{
  .quests {
    background: url(../img/quests-mobile.jpg) center / cover;
  }
  .video-block .video {
    width: 330px;
    height: 200px;
  }
  .reasons .list .item.item5::before {
    background-image: url(../img/reason4.png);
  }
  .flex2
  {
    flex-wrap: wrap;
  }
  .header-top__phone-info a{
    margin-right: 10px;
  }
  .reasons{
    margin-top: -40px;
  }
  .reasons .list .item.item5 img{
    display: none;
  }
  .reasons .list .item.item6::before
  {
        background-image: url(../img/reason6_mobile.png);
  }

}

input[type='email'],
input[type='text'],
input[type='tel'],
.top-block form input,
.bottom-form form input {
  text-align: center !important;
}

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  text-align: center !important;
}

button:hover,
input[type='submit']:hover,
.button:hover {
  font-weight: 700;
  -webkit-text-stroke: 0.15px currentColor;
  text-shadow: 0.15px 0 0 currentColor;
}

.scroll-top-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: #ffed00;
  color: #000;
  border: none;
  font-size: 20px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.scroll-top-btn.show {
  opacity: 1;
  visibility: visible;
}

.scroll-top-btn:hover {
  -webkit-box-shadow: #ffed00 0 0 30px;
  box-shadow: #ffed00 0 0 30px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.scroll-top-btn i {
  color: #000;
}

/* Country Selection Top Bar */
.country-bar {
  background: #f5f5f7;
  color: #1d1d1f;
  border-bottom: 1px solid #d2d2d7;
  padding: 12px 0;
  font-family: 'Museo Sans Cyrl', sans-serif;
  font-size: 15px;
  position: relative;
  z-index: 100;
}

.country-bar__wrap {
  width: 1344px;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 15px;
}

.country-bar__text {
  flex: 1 1 auto;
  line-height: 1.4;
  color: #333336;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}

.country-bar__controls {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.country-bar__select-wrap {
  position: relative;
  display: inline-block;
}

.country-bar__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M1.41%200L6%204.58%2010.59%200%2012%201.41l-6%206-6-6z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 12px center;
  border: 1px solid #d2d2d7;
  border-radius: 0 !important;
  padding: 8px 36px 8px 12px;
  font-size: 15px;
  color: #1d1d1f;
  cursor: pointer;
  outline: none;
  min-width: 230px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.country-bar__select:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.2);
}

.country-bar__btn {
  background: #1d1d1f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 8px 22px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  height: auto !important;
  width: auto !important;
  text-transform: none !important;
  margin: 0 !important;
}

.country-bar__btn:hover {
  background: #333336 !important;
  color: #fff !important;
  box-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.country-bar__close {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #6e6e73 !important;
  font-size: 24px !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  transition: color 0.2s ease !important;
  height: auto !important;
  width: auto !important;
  margin: 0 0 0 4px !important;
}

.country-bar__close:hover {
  color: #1d1d1f !important;
  box-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 1360px) {
  .country-bar__wrap {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .country-bar {
    padding: 10px 0;
  }
  .country-bar__wrap {
    width: auto;
    padding: 0 10px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .country-bar__controls {
    justify-content: space-between;
    width: 100%;
  }
  .country-bar__select {
    flex: 1;
    min-width: 140px;
  }
}

/* Global Button Capitalize */
button,
input[type='submit'],
.button {
  text-transform: capitalize !important;
}


/* Select & Option Pointer */
select,
option,
.country-bar__select,
.country-bar__select option {
  cursor: pointer !important;
}

/* Logos Pointer */
.top-block .logo,
.top-block .logo img,
.footer .logo,
.footer .logo img {
  cursor: pointer !important;
}


/* =========================================================
   Brand Yellow Hover Styles & Equal Footer Vertical Gap
   ========================================================= */
.footer .phone a {
  color: #fff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.footer .phone a:hover {
  color: #ffed00 !important;
  text-decoration: none !important;
}

.header-top__phone-info a,
.footer .social a,
.footer .social.header-top__phone-info a {
  color: #fff !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}
.header-top__phone-info a:hover,
.footer .social a:hover,
.footer .social.header-top__phone-info a:hover,
.header-top__phone-info a:hover i,
.footer .social a:hover i,
.footer .social.header-top__phone-info a:hover i {
  color: #ffed00 !important;
}

.footer .company {
  font-size: 17px !important;
  margin-top: 20px !important;
  line-height: 1.5 !important;
}
.footer .company span {
  display: block !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
}
.footer .copy {
  margin-top: 14px !important;
  text-align: left !important;
}


/* =========================================================
   Mobile Responsiveness, Header Layout & Button Colors
   ========================================================= */

/* Desktop button base */
button,
.top-block form button,
.bottom-form form button,
.quests button,
.quests a button,
.popup button,
.call {
  color: #000 !important;
  background: #ffed00 !important;
  text-transform: capitalize !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  /* Header Social Group under Logo */
  .top-block .flex:first-child {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .top-block .logo {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
  }
  .top-block .logo .ny_link {
    justify-content: center !important;
  }
  .top-block .logo img {
    margin: 0 auto !important;
    display: block !important;
  }
  .top-block .header-top__phone-info {
    margin: 15px auto 0 auto !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }
  .top-block .header-top__phone-info a {
    display: inline-block !important;
    margin: 0 8px 8px 8px !important;
  }
  .top-block .header-top__phone-info span {
    text-align: center !important;
    display: block !important;
    margin-top: 4px !important;
    width: 100% !important;
  }

  /* Keep exact desktop button text color on mobile */
  button,
  .top-block form button,
  .bottom-form form button,
  .quests button,
  .quests a button,
  .popup button,
  .call,
  input[type="submit"] {
    color: #000 !important;
    background: #ffed00 !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
  }

  /* Centered Mobile Footer */
  .footer {
    text-align: center !important;
    padding: 40px 15px !important;
  }
  .footer .wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .footer .flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer .logo,
  .footer .logo img {
    margin: 0 auto 12px auto !important;
    text-align: center !important;
    display: block !important;
  }
  .footer .phone {
    width: 100% !important;
    text-align: center !important;
    padding-top: 8px !important;
  }
  .footer .phone a {
    display: inline-block !important;
    text-align: center !important;
  }
  .footer .company {
    width: 100% !important;
    text-align: center !important;
    margin-top: 14px !important;
  }
  .footer .company span {
    text-align: center !important;
    display: block !important;
    margin-bottom: 14px !important;
  }
  .footer .social,
  .footer .social.header-top__phone-info {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    margin: 18px auto 0 auto !important;
    display: flex !important;
  }
  .footer .social a {
    display: inline-block !important;
    margin: 0 8px !important;
  }
  .footer .copy {
    width: 100% !important;
    text-align: center !important;
    margin-top: 14px !important;
  }
}










/* =========================================================
   Fixed Mobile Header, Elimination of Black Gap & Form Styles
   ========================================================= */

/* Desktop Header */
.top-block .flex:first-child {
  align-items: center !important;
  justify-content: space-between !important;
}
.top-block .header-top__phone-info {
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  text-align: right !important;
}
.header-top__social-icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
}
.header-top__social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}
.header-top__social-icons a:hover,
.header-top__social-icons a:hover i,
.footer .social a:hover,
.footer .social a:hover i,
.footer .phone a:hover {
  color: #ffed00 !important;
}
.top-block .header-top__phone-info span {
  display: block !important;
  text-align: right !important;
  margin-top: 6px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

/* Desktop Bottom Form: 2x2 Grid with Center Button Below */
.bottom-form form {
  max-width: 860px !important;
  margin: 80px auto 0 auto !important;
  float: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 45px 50px !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(6px) !important;
}
.bottom-form form .name {
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 25px !important;
  font-size: 38px !important;
  font-weight: 700 !important;
}
.bottom-form form input[type='text'],
.bottom-form form input[type='email'],
.bottom-form form input[type='tel'] {
  width: calc(50% - 10px) !important;
  height: 54px !important;
  margin-bottom: 0 !important;
  font-size: 17px !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  text-align: center !important;
}
.bottom-form form button {
  width: 320px !important;
  height: 56px !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 20px auto 0 auto !important;
  display: block !important;
  background: #ffed00 !important;
  color: #000 !important;
  cursor: pointer !important;
}

/* =========================================================
   Mobile Adjustments (max-width: 767px)
   ========================================================= */
@media (max-width: 767px) {
  /* Mobile Header: Logo centered, Social Icons in ONE Horizontal Centered Row */
  .top-block .flex:first-child {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .top-block .logo {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
  }
  .top-block .logo .ny_link {
    margin: 0 auto !important;
    justify-content: center !important;
  }
  .top-block .logo img {
    margin: 0 auto !important;
    display: block !important;
  }
  .top-block .header-top__phone-info {
    margin: 12px auto 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .header-top__social-icons {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100% !important;
  }
  .header-top__social-icons a {
    display: inline-flex !important;
    font-size: 24px !important;
    margin: 0 !important;
  }
  .top-block .header-top__phone-info span {
    text-align: center !important;
    display: block !important;
    margin-top: 6px !important;
    width: 100% !important;
    font-size: 14px !important;
  }

  /* Eliminate Black Gap on Mobile */
  .top-block {
    background: url('../img/top-block.jpg') center top / cover no-repeat !important;
    height: auto !important;
    min-height: unset !important;
    padding: 20px 10px 25px 10px !important;
  }
  .top-block .text {
    width: 100% !important;
    padding-top: 15px !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }
  .top-block .text .name {
    max-width: 100% !important;
    text-align: center !important;
    font-size: 23px !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
  }
  .top-block form {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .reasons {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .reasons .name {
    display: none !important;
  }

  /* Bottom Form Mobile */
  .bottom-form {
    height: auto !important;
    padding: 40px 0 !important;
  }
  .bottom-form form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .bottom-form form .name {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  .bottom-form form input[type='text'],
  .bottom-form form input[type='email'],
  .bottom-form form input[type='tel'] {
    width: 100% !important;
    height: 48px !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }
  .bottom-form form button {
    width: 100% !important;
    height: 52px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 10px auto 0 auto !important;
  }

  /* Centered Mobile Footer */
  .footer {
    text-align: center !important;
    padding: 35px 15px !important;
  }
  .footer .wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .footer .flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer .logo,
  .footer .logo img {
    margin: 0 auto 12px auto !important;
    text-align: center !important;
    display: block !important;
  }
  .footer .phone {
    width: 100% !important;
    text-align: center !important;
    padding-top: 8px !important;
  }
  .footer .phone a {
    display: inline-block !important;
    text-align: center !important;
  }
  .footer .company {
    width: 100% !important;
    text-align: center !important;
    margin-top: 14px !important;
  }
  .footer .company span {
    text-align: center !important;
    display: block !important;
  }
  .footer .social,
  .footer .social.header-top__phone-info {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    margin: 16px auto 0 auto !important;
    display: flex !important;
  }
  .footer .social a {
    display: inline-block !important;
    margin: 0 8px !important;
  }
  .footer .copy {
    width: 100% !important;
    text-align: center !important;
    margin-top: 14px !important;
  }
}


/* =========================================================
   Desktop & Mobile Footer Alignment:
   Desktop: Left bottom line (copyright) aligned with right social icons;
            Left top line (company name) directly above.
   ========================================================= */

.footer {
  padding: 40px 0 !important;
}
.footer .flex2 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.footer__bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-top: 30px !important;
  width: 100% !important;
}
.footer__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.footer__info .company {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
}
.footer__info .company span {
  font-weight: 700 !important;
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
}
.footer__info .copy {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.3 !important;
}
.footer .social,
.footer .social.header-top__phone-info {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}
.footer .social .header-top__social-icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
}
.footer .social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}
.footer .social a:hover,
.footer .social a:hover i,
.footer .phone a:hover {
  color: #ffed00 !important;
}

@media (max-width: 767px) {
  .footer {
    text-align: center !important;
    padding: 35px 15px !important;
  }
  .footer .wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .footer .flex2 {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer .logo,
  .footer .logo img {
    margin: 0 auto 10px auto !important;
    text-align: center !important;
    display: block !important;
  }
  .footer .phone {
    width: 100% !important;
    text-align: center !important;
    padding-top: 6px !important;
  }
  .footer .phone a {
    display: inline-block !important;
    text-align: center !important;
  }
  .footer__bottom {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 20px !important;
    gap: 15px !important;
  }
  .footer__info {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer__info .company {
    margin-bottom: 6px !important;
  }
  .footer__info .company span {
    text-align: center !important;
  }
  .footer__info .copy {
    text-align: center !important;
  }
  .footer .social,
  .footer .social.header-top__phone-info {
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
  .footer .social .header-top__social-icons {
    justify-content: center !important;
    width: 100% !important;
  }
}


/* =========================================================
   Vibrant Mobile Top-Block Background & Zero Black Gap
   ========================================================= */

@media (max-width: 767px) {
  .top-block {
    background: url('../img/top-block.jpg') 65% 15% / cover no-repeat !important;
    height: auto !important;
    min-height: unset !important;
    padding: 25px 15px 40px 15px !important;
    position: relative !important;
  }
  .top-block::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.28) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }
  .top-block .wrap {
    position: relative !important;
    z-index: 2 !important;
  }
  .top-block .text {
    width: 100% !important;
    padding-top: 20px !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }
  .top-block .text .name {
    max-width: 100% !important;
    text-align: center !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
  }
  .top-block form {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .reasons {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .reasons .name {
    display: none !important;
  }
}




/* =========================================================
   Bulletproof Scroll to Top Button (Desktop & Mobile)
   ========================================================= */
.scroll-top-btn {
  position: fixed !important;
  bottom: 30px !important;
  right: 30px !important;
  width: 52px !important;
  height: 52px !important;
  background-color: #ffed00 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 237, 0, 0.5) !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.scroll-top-btn.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.scroll-top-btn:hover {
  transform: translateY(-4px) scale(1.08) !important;
  box-shadow: 0 6px 25px rgba(255, 237, 0, 0.9) !important;
  background-color: #ffed00 !important;
}

.scroll-top-btn svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  stroke: #000 !important;
}

@media (max-width: 767px) {
  .scroll-top-btn {
    bottom: 25px !important;
    right: 20px !important;
    width: 48px !important;
    height: 48px !important;
  }
  .scroll-top-btn svg {
    width: 20px !important;
    height: 20px !important;
  }
}


/* =========================================================
   Mobile: Cut and Skip Black Gap (.reasons hidden on mobile)
   ========================================================= */

@media (max-width: 767px) {
  /* Completely remove the empty black reasons section on mobile */
  .reasons {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
  }

  /* Compact top-block on mobile */
  .top-block {
    background: url('../img/top-block.jpg') 65% 15% / cover no-repeat !important;
    height: auto !important;
    min-height: unset !important;
    padding: 20px 15px 30px 15px !important;
    position: relative !important;
    margin-bottom: 0 !important;
  }
  .top-block::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.28) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }
  .top-block .wrap {
    position: relative !important;
    z-index: 2 !important;
  }
  .top-block .text {
    width: 100% !important;
    padding-top: 15px !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }
  .top-block .text .name {
    max-width: 100% !important;
    text-align: center !important;
    font-size: 23px !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
  }
  .top-block form {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Quests connects directly below top-block */
  .quests {
    margin-top: 0 !important;
    padding: 40px 0 50px 0 !important;
    background: url('../img/quests-mobile.jpg') center / cover !important;
  }
}

/* Unified Tel Input Styling Guarantee */
.bottom-form form input[type='tel'] {
  width: calc(50% - 10px) !important;
  height: 54px !important;
  margin-bottom: 0 !important;
  font-size: 17px !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  text-align: center !important;
}
.bottom-form form input[type='tel']:focus {
  -webkit-box-shadow: #ffed00 0 0 15px !important;
  box-shadow: #ffed00 0 0 15px !important;
  border: 2px solid #ffed00 !important;
}
@media (max-width: 767px) {
  .bottom-form form input[type='tel'] {
    width: 100% !important;
    height: 48px !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }
}