/* -------------------- Table of contents --------------------

1. Sections
    1.1. Intro
    1.1. Counters
    1.1. Subscribe
    1.1. SignUp

----------------------- Table of content -------------------- */

/* --------------------
   -------------------- Intro -------------------- */
.b-intro__background { background-image: url('../../images/gallery/slide-2.jpg'); background-size: cover;}

.b-intro__slider .b-slider_item__first .b-intro_wrapper { background-image: url('../../images/gallery/slide-1.jpg'); }
.b-intro__slider .b-slider_item__second .b-intro_wrapper { background-image: url('../../images/gallery/slide-2.jpg'); }

.m-touch .b-intro__video { background-image: url('../../images/gallery/slide-2.jpg'); }

/* --------------------
   -------------------- Counters -------------------- */
.b-counters { background-image: url('../../images/gallery/slide-3.jpg'); background-size: cover;}

/* --------------------
   -------------------- Subscribe -------------------- */
.b-subscribe { background-image: url('../../images/gallery/slide-2.jpg'); }

/* --------------------
   -------------------- SignUp -------------------- */
.b-signUp { background-image: url('../../images/gallery/slide-2.jpg'); }


.b-contacts { background-image: url('../../images/gallery/slide-4.jpg'); }
/* * * * * *
 * * * * * * Navigation * * * * * */
@media (min-width: 768px) {

    .b-header_nav { padding: 5px 0 0; text-align: right; }

    .b-header_nav a { display: inline-block; position: relative; text-decoration: none; }
    .b-header_nav a ~ a { margin-left: 10px; }

    .b-header_nav a:before { position: absolute; left: 0; top: 100%; right: 0; margin: 7px auto 0; height: 2px; background-color: transparent; content: ''; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; }
    .b-header_nav a.active:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

    .b-header__transparent .b-header_nav { padding: 8px 0 0; }

}

@media (min-width: 970px) {

    .b-header_nav a ~ a { margin-left: 15px; }

}

#footer {
    position: relative;
    float: left;
    width: 100%;
  }
  #footer .footer-support {
    width: 1200px;
    margin: 0 auto 50px;
  }
  #footer .footer-support h5 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
  }
  #footer .footer-support .support-swiper {
    position: relative;
    width: 100%;
  }
  #footer .footer-support .support-swiper .support-list {
    float: left;
    width: 18%;
    height: 197px;
    margin-right: 20px;
    margin-bottom: 60px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    box-sizing: border-box;
  }
  #footer .footer-support .support-swiper .support-list .swiper-title {
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background-color: #7a9da9;
  }
  #footer .footer-support .support-swiper .support-list .swiper-img {
    display: flex;
    width: 100%;
    height: 147px;
    justify-content: center;
    align-items: center;
  }
  #footer .footer-support .support-swiper .support-list .swiper-img img {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  #footer .footer-support .support-swiper .support-list:last-child {
    margin-right: 0;
  }
  #footer .footer-support .support-swiper .swiper-container {
    width: 100%;
    height: 100%;
  }
  #footer .footer-support .support-swiper .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    background: #fff;
  }
  #footer .footer-support .support-swiper .swiper-container .swiper-slide .swiper-title {
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background-color: #7a9da9;
  }
  #footer .footer-support .support-swiper .swiper-container .swiper-slide .swiper-img {
    display: flex;
    width: 100%;
    height: 147px;
    justify-content: center;
    align-items: center;
  }