@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-BoldItalic.eot");
  src: local("Gotham Pro Bold Italic"), local("GothamPro-BoldItalic"), url("../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Italic.eot");
  src: local("Gotham Pro Italic"), local("GothamPro-Italic"), url("../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Italic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Medium.eot");
  src: local("Gotham Pro Medium"), local("GothamPro-Medium"), url("../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Bold.eot");
  src: local("Gotham Pro Bold"), local("GothamPro-Bold"), url("../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-LightItalic.eot");
  src: local("Gotham Pro Light Italic"), local("GothamPro-LightItalic"), url("../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Light.eot");
  src: local("Gotham Pro Light"), local("GothamPro-Light"), url("../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro.eot");
  src: local("Gotham Pro"), local("GothamPro"), url("../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro.woff") format("woff"), url("../fonts/GothamPro/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-MediumItalic.eot");
  src: local("Gotham Pro Medium Italic"), local("GothamPro-MediumItalic"), url("../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
ul {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: inherit; }

body {
  font-family: "Gotham Pro",sans-serif;
  font-size: 16px;
  color: #000000; }

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px; }

.header-container {
  background: url("../img/banner.jpg") center/cover;
  padding: 40px 0; }
  .header-container a.header-phone {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: 500; }
    .header-container a.header-phone:after {
      content: '';
      display: block;
      position: absolute;
      background: url("../img/header-phone.png") center/cover;
      width: 33px;
      height: 33px;
      left: 0;
      top: 50%;
      margin-top: -16px; }

.banner-content {
  padding-bottom: 70px;
  color: #fff; }
  .banner-content ul li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px; }
  .banner-content ul .icon {
    margin-bottom: 15px;
    min-height: 115px;
    display: flex;
    align-items: flex-end; }
  .banner-content ul .title {
    text-transform: uppercase;
    font-size: 41px;
    font-weight: 300;
    line-height: 1.2; }
  .banner-content ul .text {
    font-size: 14px; }
  .banner-content .banner-image {
    position: relative;
    height: 100%; }
    .banner-content .banner-image img {
      position: absolute;
      bottom: -40%;
      right: -27px; }

.viza-tabs-container {
  background: #e6e7e8;
  padding: 40px 0 75px; }
  .viza-tabs-container .title-section {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 25px; }
  .viza-tabs-container .tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px; }
    .viza-tabs-container .tabs li {
      margin-right: 15px; }
      .viza-tabs-container .tabs li:last-of-type {
        margin-right: 0; }
    .viza-tabs-container .tabs button {
      background: none;
      outline: none;
      cursor: pointer;
      font-size: 16.5px;
      font-weight: 500;
      border: 0;
      padding: 5px 0;
      position: relative; }
      .viza-tabs-container .tabs button:after {
        content: '';
        display: none;
        position: absolute;
        width: 60px;
        height: 2px;
        background: #eb0f39;
        bottom: 0;
        left: 50%;
        margin-left: -30px; }
      .viza-tabs-container .tabs button.active:after, .viza-tabs-container .tabs button:hover:after {
        display: block; }
  .viza-tabs-container .tab-content {
    background: #fff;
    box-shadow: 0 0 30px 0 #b5b5b5;
    padding: 40px; }
    .viza-tabs-container .tab-content .item-tab {
      display: none; }
      .viza-tabs-container .tab-content .item-tab.active {
        display: block; }
    .viza-tabs-container .tab-content .img-tab {
      padding-right: 40px;
      position: relative; }
      .viza-tabs-container .tab-content .img-tab img {
        width: 100%; }
    .viza-tabs-container .tab-content .img-flag {
      position: absolute;
      width: 85px;
      height: 85px;
      top: 10px;
      right: 0;
      border-radius: 50%;
      padding: 5px;
      background: #fff;
      box-shadow: 0 0 20px 0 #7c7c7c; }
  .viza-tabs-container .tab-container .tab-text {
    padding-left: 30px;
    margin-bottom: 50px;
    padding-right: 120px; }
  .viza-tabs-container .tab-container ul {
    padding-left: 30px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 50px; }
    .viza-tabs-container .tab-container ul li {
      margin-bottom: 20px;
      line-height: 1.8;
      position: relative; }
      .viza-tabs-container .tab-container ul li .img {
        width: 40px;
        height: 40px;
        text-align: center;
        position: absolute;
        top: -2px;
        left: -50px; }
  .viza-tabs-container .order-kons {
    display: inline-block;
    margin-left: 100px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    background: #eb0f39;
    border: 0;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    outline: none; }

.viza-container-about {
  background: #f1f2f2;
  position: relative;
  padding-bottom: 70px; }
  .viza-container-about .down {
    display: block;
    position: absolute;
    background: url("../img/arrow.png") center/cover;
    width: 63px;
    height: 63px;
    bottom: -32px;
    left: 50%;
    margin-left: -32px;
    z-index: 2;
    border-radius: 50%;
    outline: none;
    border: 0;
    cursor: pointer; }
  .viza-container-about:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 55px;
    background: #e6e7e8; }
  .viza-container-about > {
    position: relative;
    z-index: 1; }
  .viza-container-about .about-caption-box {
    margin-bottom: 75px; }
    .viza-container-about .about-caption-box button {
      display: flex;
      width: 100%;
      border: 0;
      outline: none;
      cursor: pointer;
      background: url("../img/about-title-bg.jpg") center/cover; }
      .viza-container-about .about-caption-box button.active {
        cursor: default;
        background: #eb0f39; }
    .viza-container-about .about-caption-box .title-box {
      color: #fff;
      padding: 90px 20px 70px 35px;
      font-size: 41px;
      font-weight: 300;
      line-height: 1; }
  .viza-container-about .about-text {
    display: flex;
    margin-bottom: 40px; }
    .viza-container-about .about-text .img {
      width: 23%; }
      .viza-container-about .about-text .img img {
        width: 100%; }
    .viza-container-about .about-text .text {
      width: 77%;
      padding-right: 100px;
      padding-left: 30px; }
      .viza-container-about .about-text .text p {
        margin: 0 0 20px; }
  .viza-container-about .box-list {
    padding-left: 50px;
    position: relative;
    margin-bottom: 50px; }
    .viza-container-about .box-list .title-row {
      font-size: 23px;
      font-weight: bold;
      margin-bottom: 45px;
      position: relative;
      line-height: 1.2;
      min-height: 55px; }
      .viza-container-about .box-list .title-row:after {
        content: '';
        display: block;
        position: absolute;
        width: 70px;
        height: 3px;
        background: #eb0f39;
        left: 0;
        bottom: -20px; }
    .viza-container-about .box-list .img {
      position: absolute;
      left: 0;
      top: 0; }
    .viza-container-about .box-list .text {
      line-height: 1.2; }
  .viza-container-about .price-list {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .viza-container-about .price-list .icon {
      margin-bottom: 15px; }
    .viza-container-about .price-list .price {
      font-size: 42px;
      font-weight: bold;
      line-height: 1; }
      .viza-container-about .price-list .price span {
        font-weight: 400; }
    .viza-container-about .price-list .text {
      font-size: 13.6px;
      margin-bottom: 30px; }
    .viza-container-about .price-list .order-viza {
      display: inline-block;
      font-size: 18px;
      text-align: center;
      color: #fff;
      font-weight: 500;
      background: #eb0f39;
      border: 0;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
      outline: none; }
  .viza-container-about .viza-select-type {
    display: none; }
    .viza-container-about .viza-select-type.active {
      display: flex; }

.viza-form-soob {
  background: #1d2231;
  padding: 100px 0;
  position: relative;
  overflow: hidden; }
  .viza-form-soob form {
    width: 830px;
    margin: 0 auto;
    background: #fff;
    padding: 35px 80px 20px; }
    .viza-form-soob form .title {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 10px; }
    .viza-form-soob form .text {
      text-align: center;
      line-height: 1.2;
      margin-bottom: 50px; }
    .viza-form-soob form .form-row {
      width: 71%;
      margin: 0 auto 30px; }
      .viza-form-soob form .form-row:last-child {
          margin-bottom: 5px;
      }
      .viza-form-soob form a.form-tel {
            font-weight: 500;
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
        
      }
      .viza-form-soob form .form-row .input {
        width: 100%; }
    .viza-form-soob form input {
      width: 100%;
      display: block;
      height: 45px;
      border: 1px solid #8c8d8e;
      border-radius: 5px;
      padding: 0 10px;
      text-transform: uppercase; }
    .viza-form-soob form button.submit {
      display: inline-block;
      font-size: 18px;
      text-align: center;
      color: #fff;
      font-weight: 500;
      background: #eb0f39;
      border: 0;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
      outline: none;
      width: 100%; }
  .viza-form-soob .img-stat {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -750px; }

.viza-slider-container {
  background: #eb0f39;
  color: #fff;
  padding: 50px 0; }
  .viza-slider-container * {
    outline: none; }
  .viza-slider-container .title-section {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px; }
  .viza-slider-container .slider {
    margin: 0 auto;
    width: 950px; }
    .viza-slider-container .slider .item {
      text-align: center; }
      .viza-slider-container .slider .item img {
        display: inline-block; }
  .viza-slider-container .slider-wrap {
    margin: 100px  0 0;
    position: relative; }
    .viza-slider-container .slider-wrap > button {
      display: none;
      background: url("../img/arrow-left.png") center/cover;
      width: 33px;
      height: 40px;
      border: 0;
      outline: none;
      cursor: pointer;
      position: absolute;
      top: 50%;
      margin-top: -20px; }
    .viza-slider-container .slider-wrap .prev {
      left: 0; }
    .viza-slider-container .slider-wrap .next {
      right: 0;
      transform: rotate(180deg); }

.section-about {
  background: #1d2231;
  position: relative; }
  .section-about:after {
    content: '';
    display: block;
    position: absolute;
    height: 190px;
    width: 100%;
    left: 0;
    top: 0;
    background: #eb0f39; }
  .section-about .nout-bg {
    position: relative;
    z-index: 2;
    background: url("../img/nout.png") center/cover;
    width: 100%;
    height: 625px;
    padding: 90px 10px 10px;
    color: #fff; }
  .section-about .content {
    width: 65%;
    margin: 0 auto; }
  .section-about .title {
    font-size: 32px;
    position: relative;
    margin-bottom: 50px; }
    .section-about .title:after {
      content: '';
      display: block;
      position: absolute;
      width: 40px;
      height: 3px;
      background: #fff;
      left: 0;
      bottom: -20px; }
  .section-about .text p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.3; }

footer {
  padding-top: 125px;
  padding-bottom: 30px;
  background: #1d2231;
  color: #fff; }
  footer .map {
    width: 380px;
    height: 380px; }
  footer .content p {
    margin: 0 0 15px; }
  footer .footer-social {
    margin-top: 50px; }
    footer .footer-social ul {
      display: flex;
      flex-wrap: wrap; }
      footer .footer-social ul li {
        margin-right: 20px; }

@media screen and (max-width: 1200px) {
  .viza-slider-container .slider {
    width: 800px; }

  .section-about .content {
    width: 85%; }

  .section-about .nout-bg {
    padding-top: 60px; } }
@media screen and (max-width: 992px) {
  .banner-content .banner-image {
    display: none; }

  .header-container {
    background: url(../img/banner.jpg) center right/cover; }

  .viza-tabs-container .tab-content .img-tab {
    display: none; }

  .viza-form-soob form {
    width: 100%; }

  .viza-slider-container .slider {
    width: 100%; }

  .section-about .nout-bg {
    background: none;
    height: auto; }

  .section-about:after {
    display: none; }

  footer .map {
    width: 100%;
    height: 300px;
    margin-bottom: 30px; }

  .viza-form-soob form .form-row {
    width: 100%; }

  .viza-tabs-container .tab-container .tab-text {
    padding: 0; }

  .viza-tabs-container .order-kons {
    margin: 0 auto;
    width: 100%; } }
@media screen and (max-width: 768px) {
  .viza-container-about .about-caption-box .title-box {
    padding: 30px 20px;
    font-size: 30px;
    text-align: center; }

  .viza-container-about .about-caption-box button {
    justify-content: center; }

  .viza-container-about .about-text .text {
    padding-right: 15px; }

  .viza-form-soob form {
    padding: 35px 20px 20px; }

  .section-about .content {
    width: 100%; }

  .viza-form-soob .img-stat {
    display: none; } }
@media screen and (max-width: 500px) {
  header {
    flex-direction: column; }
    header .logo {
      margin-bottom: 15px; }

  .header-container {
    padding: 20px 0; }

  .banner-content ul .icon {
    min-height: 1px; }

  .banner-content ul .title {
    font-size: 24px; }

  .banner-content {
    padding-bottom: 0; } }
.modal .flex {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5); }
.modal .content {
  background: #eb0f39;
  color: #fff;
  width: 500px;
  max-width: 96%;
  height: auto;
  padding: 50px 15px;
  font-weight: 500;
  text-align: center;
  font-size: 30px;
  line-height: 1.2;
  border-radius: 5px; }

/*# sourceMappingURL=style.css.map */