@charset "UTF-8";
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../font/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Regular.woff") format("woff"), url("../font/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat Bold';
  src: url("../font/Montserrat-Regular.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../font/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Bold.woff") format("woff"), url("../font/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Exo 2 Light';
  src: local("Exo 2 Light"), local("Exo2-Light"), url("../font/exo2light.woff2") format("woff2"), url("../font/exo2light.woff") format("woff"), url("../font/exo2light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Exo 2 Medium';
  src: local("Exo 2 Medium"), local("Exo2-Medium"), url("../font/exo2medium.woff2") format("woff2"), url("../font/exo2medium.woff") format("woff"), url("../font/exo2medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Exo 2';
  src: local("Exo 2 Bold"), local("Exo2-Bold"), url("../font/exo2bold.woff2") format("woff2"), url("../font/exo2bold.woff") format("woff"), url("../font/exo2bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
body {
  background-color: #090426; }
  @media (min-width: 768px) {
    body {
      overflow: hidden; } }
  @media (max-width: 768px) {
    body {
      overflow-x: hidden; } }

.nicescroll-rails {
  height: 6px !important;
  border-radius: 5px;
  /*left: 120px !important;
  width: 750px !important;*/
  /*@media(max-width: $max_nout_size){
  	left: 100px !important;
  	width: 550px !important;
  }
  
  @media(max-width: $middle_nout_size){
  	left: 70px !important;
  	width: 480px !important;
  }*/ }
  .nicescroll-rails div {
    top: -3px !important;
    height: 12px !important;
    /*width: 130px !important;*/ }

[data-phone]:before {
  display: none;
  content: '*';
  margin-right: 10px;
  font-family: "Exo 2 Medium";
  font-style: normal;
  font-weight: normal;
  font-size: 30px; }

input {
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  outline: none;
  padding: 3px; }
  @media (max-width: 380px) {
    input {
      padding: 0; } }
  @media (max-width: 1200px) {
    input {
      width: 180px; } }

.row {
  margin: 0;
  background-color: #090426;
  font-family: Montserrat; }

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0 !important; }

.blue-box, .man-box, .page-slider {
  background-color: #090426;
  height: 100vh;
  color: #fff;
  padding-top: 150px; }
  @media (max-width: 1600px) {
    .blue-box, .man-box, .page-slider {
      padding-top: 90px; } }
  @media (max-width: 1200px) {
    .blue-box, .man-box, .page-slider {
      padding-top: 70px; } }
  @media (max-width: 768px) {
    .blue-box, .man-box, .page-slider {
      padding: 60px 40px; } }
  .blue-box.mobile, .mobile.man-box, .mobile.page-slider {
    background-color: #0B0434;
    height: auto; }
  @media (min-width: 560px) and (max-width: 768px) {
    .blue-box.tb, .tb.man-box, .tb.page-slider {
      padding: 30px 0; } }
  @media (max-width: 380px) {
    .blue-box.tb2, .tb2.man-box, .tb2.page-slider {
      padding: 30px 0; } }
  .blue-box .etalon-bg, .man-box .etalon-bg, .page-slider .etalon-bg {
    position: absolute;
    color: #0D0731;
    font-family: "Montserrat Bold";
    font-style: normal;
    font-weight: bold;
    font-size: 300px;
    line-height: 366px;
    letter-spacing: 0.04em;
    cursor: default;
    z-index: 1; }
    @media (max-width: 1600px) {
      .blue-box .etalon-bg, .man-box .etalon-bg, .page-slider .etalon-bg {
        font-size: 200px;
        line-height: 300px; } }
    @media (max-width: 1200px) {
      .blue-box .etalon-bg, .man-box .etalon-bg, .page-slider .etalon-bg {
        font-size: 150px;
        line-height: 250px; } }
    @media (max-width: 768px) {
      .blue-box .etalon-bg, .man-box .etalon-bg, .page-slider .etalon-bg {
        font-size: 220px;
        line-height: 260px; } }
    @media (max-width: 560px) {
      .blue-box .etalon-bg, .man-box .etalon-bg, .page-slider .etalon-bg {
        font-size: 130px;
        line-height: 200px; } }
    @media (max-width: 380px) {
      .blue-box .etalon-bg, .man-box .etalon-bg, .page-slider .etalon-bg {
        font-size: 110px;
        line-height: 170px; } }
    .blue-box .etalon-bg.calc, .man-box .etalon-bg.calc, .page-slider .etalon-bg.calc {
      font-size: 200px;
      line-height: 244px;
      left: 100px;
      bottom: 50px; }
      @media (max-width: 1600px) {
        .blue-box .etalon-bg.calc, .man-box .etalon-bg.calc, .page-slider .etalon-bg.calc {
          font-size: 140px;
          line-height: 160px;
          left: 30px;
          bottom: 30px; } }
      @media (max-width: 1200px) {
        .blue-box .etalon-bg.calc, .man-box .etalon-bg.calc, .page-slider .etalon-bg.calc {
          font-size: 100px;
          line-height: 140px;
          left: 20px;
          bottom: 10px; } }
    .blue-box .etalon-bg::selection, .man-box .etalon-bg::selection, .page-slider .etalon-bg::selection {
      background: transparent; }
    .blue-box .etalon-bg::-moz-selection, .man-box .etalon-bg::-moz-selection, .page-slider .etalon-bg::-moz-selection {
      background: transparent; }
  .blue-box .inner-box, .man-box .inner-box, .page-slider .inner-box {
    font-size: 16px;
    width: 70%;
    margin: 0 auto;
    z-index: 98; }
    @media (max-width: 1200px) {
      .blue-box .inner-box, .man-box .inner-box, .page-slider .inner-box {
        width: 70%; } }
    @media (max-width: 560px) {
      .blue-box .inner-box, .man-box .inner-box, .page-slider .inner-box {
        width: 100%; } }
    .blue-box .inner-box h1, .man-box .inner-box h1, .page-slider .inner-box h1 {
      font-family: 'Montserrat Bold';
      padding: 0 0 0 12px;
      margin: 0 0 10px 0;
      line-height: 40px;
      letter-spacing: 0.1em; }
    .blue-box .inner-box .inner-title, .man-box .inner-box .inner-title, .page-slider .inner-box .inner-title {
      opacity: 0; }
    .blue-box .inner-box p, .man-box .inner-box p, .page-slider .inner-box p {
      font-size: 16px;
      padding-left: 12px;
      margin-bottom: 30px;
      letter-spacing: 0.04em;
      font-style: normal;
      font-weight: normal;
      line-height: 160%; }
      @media (max-width: 1600px) {
        .blue-box .inner-box p, .man-box .inner-box p, .page-slider .inner-box p {
          line-height: 140%;
          margin-bottom: 30px; } }
      @media (max-width: 1200px) {
        .blue-box .inner-box p, .man-box .inner-box p, .page-slider .inner-box p {
          line-height: 120%;
          margin-bottom: 20px; } }
      @media (max-width: 768px) {
        .blue-box .inner-box p, .man-box .inner-box p, .page-slider .inner-box p {
          margin-bottom: 35px;
          line-height: 160%; } }
    .blue-box .inner-box .left-h-border, .man-box .inner-box .left-h-border, .page-slider .inner-box .left-h-border {
      border: 6px solid #4FCAE9;
      border-radius: 5px;
      padding: 0;
      margin-left: -20px;
      height: 10px;
      float: left; }
      @media (max-width: 768px) {
        .blue-box .inner-box .left-h-border, .man-box .inner-box .left-h-border, .page-slider .inner-box .left-h-border {
          border: 4px solid #4FCAE9;
          margin-left: -10px; } }
    .blue-box .inner-box ul, .man-box .inner-box ul, .page-slider .inner-box ul {
      margin-bottom: 40px; }
      .blue-box .inner-box ul li, .man-box .inner-box ul li, .page-slider .inner-box ul li {
        font-size: 20px;
        margin: 20px 0 30px 0;
        cursor: pointer; }
        @media (max-width: 1600px) {
          .blue-box .inner-box ul li, .man-box .inner-box ul li, .page-slider .inner-box ul li {
            margin: 15px 0 35px 0; } }
        .blue-box .inner-box ul li.current span, .man-box .inner-box ul li.current span, .page-slider .inner-box ul li.current span {
          color: #fff;
          border-bottom: 1px solid #4FCAE9;
          padding-bottom: 2px; }
        .blue-box .inner-box ul li:hover, .man-box .inner-box ul li:hover, .page-slider .inner-box ul li:hover {
          color: #fff; }
    .blue-box .inner-box .menu-box-blocked, .man-box .inner-box .menu-box-blocked, .page-slider .inner-box .menu-box-blocked {
      padding: 50px 0;
      color: rgba(255, 255, 255, 0.6); }
      @media (max-width: 1600px) {
        .blue-box .inner-box .menu-box-blocked, .man-box .inner-box .menu-box-blocked, .page-slider .inner-box .menu-box-blocked {
          padding: 0; } }
      .blue-box .inner-box .menu-box-blocked .title-menu, .man-box .inner-box .menu-box-blocked .title-menu, .page-slider .inner-box .menu-box-blocked .title-menu {
        color: #fff;
        display: inline-block; }
        @media (max-width: 1600px) {
          .blue-box .inner-box .menu-box-blocked .title-menu, .man-box .inner-box .menu-box-blocked .title-menu, .page-slider .inner-box .menu-box-blocked .title-menu {
            font-size: 14px; } }
        .blue-box .inner-box .menu-box-blocked .title-menu .bottom-h-border, .man-box .inner-box .menu-box-blocked .title-menu .bottom-h-border, .page-slider .inner-box .menu-box-blocked .title-menu .bottom-h-border {
          margin: 15px 0;
          border: 2px solid #4FCAE9;
          border-radius: 5px; }
          @media (max-width: 1600px) {
            .blue-box .inner-box .menu-box-blocked .title-menu .bottom-h-border, .man-box .inner-box .menu-box-blocked .title-menu .bottom-h-border, .page-slider .inner-box .menu-box-blocked .title-menu .bottom-h-border {
              margin: 5px 0 0 0; } }
      .blue-box .inner-box .menu-box-blocked .menu, .man-box .inner-box .menu-box-blocked .menu, .page-slider .inner-box .menu-box-blocked .menu {
        margin-bottom: 40px; }
        .blue-box .inner-box .menu-box-blocked .menu li, .man-box .inner-box .menu-box-blocked .menu li, .page-slider .inner-box .menu-box-blocked .menu li {
          margin-bottom: 10px;
          font-size: 16px;
          cursor: pointer; }
          @media (max-width: 1600px) {
            .blue-box .inner-box .menu-box-blocked .menu li, .man-box .inner-box .menu-box-blocked .menu li, .page-slider .inner-box .menu-box-blocked .menu li {
              font-size: 12px;
              margin-top: 10px;
              margin-bottom: 0; } }
          .blue-box .inner-box .menu-box-blocked .menu li.current, .man-box .inner-box .menu-box-blocked .menu li.current, .page-slider .inner-box .menu-box-blocked .menu li.current, .blue-box .inner-box .menu-box-blocked .menu li:hover, .man-box .inner-box .menu-box-blocked .menu li:hover, .page-slider .inner-box .menu-box-blocked .menu li:hover {
            color: #fff; }
    .blue-box .inner-box.one-title h1, .man-box .inner-box.one-title h1, .page-slider .inner-box.one-title h1 {
      font-size: 64px;
      line-height: 70px; }
      @media (max-width: 1600px) {
        .blue-box .inner-box.one-title h1, .man-box .inner-box.one-title h1, .page-slider .inner-box.one-title h1 {
          font-size: 30px;
          line-height: 35px; } }
      @media (max-width: 768px) {
        .blue-box .inner-box.one-title h1, .man-box .inner-box.one-title h1, .page-slider .inner-box.one-title h1 {
          font-size: 36px;
          line-height: 40px; } }
      @media (max-width: 560px) {
        .blue-box .inner-box.one-title h1, .man-box .inner-box.one-title h1, .page-slider .inner-box.one-title h1 {
          font-size: 30px;
          line-height: 37px; } }
    .blue-box .inner-box.one-title.about, .man-box .inner-box.one-title.about, .page-slider .inner-box.one-title.about {
      width: 70%; }
      @media (max-width: 1600px) {
        .blue-box .inner-box.one-title.about, .man-box .inner-box.one-title.about, .page-slider .inner-box.one-title.about {
          width: 90%;
          margin-top: 30px; } }
      @media (max-width: 1200px) {
        .blue-box .inner-box.one-title.about, .man-box .inner-box.one-title.about, .page-slider .inner-box.one-title.about {
          width: 100%;
          margin-top: 15px; } }
      .blue-box .inner-box.one-title.about h1, .man-box .inner-box.one-title.about h1, .page-slider .inner-box.one-title.about h1 {
        font-size: 48px;
        line-height: 52px; }
        @media (max-width: 1690px) {
          .blue-box .inner-box.one-title.about h1, .man-box .inner-box.one-title.about h1, .page-slider .inner-box.one-title.about h1 {
            font-size: 40px;
            line-height: 44px; } }
        @media (max-width: 1600px) {
          .blue-box .inner-box.one-title.about h1, .man-box .inner-box.one-title.about h1, .page-slider .inner-box.one-title.about h1 {
            font-size: 40px;
            line-height: 44px; } }
        @media (max-width: 560px) {
          .blue-box .inner-box.one-title.about h1, .man-box .inner-box.one-title.about h1, .page-slider .inner-box.one-title.about h1 {
            font-size: 32px;
            line-height: 36px; } }
      .blue-box .inner-box.one-title.about ul, .man-box .inner-box.one-title.about ul, .page-slider .inner-box.one-title.about ul {
        margin-left: -53px;
        list-style: none;
        /*list-style-image: url("../img/about/ellipse.png");*/ }
        .blue-box .inner-box.one-title.about ul li, .man-box .inner-box.one-title.about ul li, .page-slider .inner-box.one-title.about ul li {
          padding-left: 10px; }
          @media (max-width: 1600px) {
            .blue-box .inner-box.one-title.about ul li, .man-box .inner-box.one-title.about ul li, .page-slider .inner-box.one-title.about ul li {
              font-size: 18px;
              line-height: 24px; } }
          @media (max-width: 1200px) {
            .blue-box .inner-box.one-title.about ul li, .man-box .inner-box.one-title.about ul li, .page-slider .inner-box.one-title.about ul li {
              font-size: 16px;
              line-height: 22px; } }
          .blue-box .inner-box.one-title.about ul li img, .man-box .inner-box.one-title.about ul li img, .page-slider .inner-box.one-title.about ul li img {
            float: left;
            margin: 30px 0 0 -35px; }
        .blue-box .inner-box.one-title.about ul:hover, .man-box .inner-box.one-title.about ul:hover, .page-slider .inner-box.one-title.about ul:hover, .blue-box .inner-box.one-title.about ul li:hover, .man-box .inner-box.one-title.about ul li:hover, .page-slider .inner-box.one-title.about ul li:hover {
          color: rgba(255, 255, 255, 0.6);
          cursor: default; }
    .blue-box .inner-box.one-title.one-small, .man-box .inner-box.one-title.one-small, .page-slider .inner-box.one-title.one-small {
      margin: 0 100px; }
      @media (max-width: 1600px) {
        .blue-box .inner-box.one-title.one-small, .man-box .inner-box.one-title.one-small, .page-slider .inner-box.one-title.one-small {
          margin: 50px 100px; } }
      @media (max-width: 560px) {
        .blue-box .inner-box.one-title.one-small, .man-box .inner-box.one-title.one-small, .page-slider .inner-box.one-title.one-small {
          margin: 50px 40px !important;
          padding-right: 20px; } }
      .blue-box .inner-box.one-title.one-small h1, .man-box .inner-box.one-title.one-small h1, .page-slider .inner-box.one-title.one-small h1 {
        font-size: 30px;
        line-height: 34px; }
        @media (max-width: 560px) {
          .blue-box .inner-box.one-title.one-small h1, .man-box .inner-box.one-title.one-small h1, .page-slider .inner-box.one-title.one-small h1 {
            font-size: 18px;
            line-height: 22px; } }
    .blue-box .inner-box.two-title, .man-box .inner-box.two-title, .page-slider .inner-box.two-title {
      width: 88%;
      margin-top: 50px;
      padding-bottom: 200px; }
      @media (max-width: 1600px) {
        .blue-box .inner-box.two-title, .man-box .inner-box.two-title, .page-slider .inner-box.two-title {
          width: 90%;
          margin-top: 15px; } }
      @media (max-width: 1200px) {
        .blue-box .inner-box.two-title, .man-box .inner-box.two-title, .page-slider .inner-box.two-title {
          width: 100%; } }
      @media (max-width: 768px) {
        .blue-box .inner-box.two-title, .man-box .inner-box.two-title, .page-slider .inner-box.two-title {
          width: 80%;
          padding-bottom: 0; } }
      @media (max-width: 560px) {
        .blue-box .inner-box.two-title, .man-box .inner-box.two-title, .page-slider .inner-box.two-title {
          width: 100%;
          font-size: 28px;
          line-height: 34px; } }
      .blue-box .inner-box.two-title.box, .man-box .inner-box.two-title.box, .page-slider .inner-box.two-title.box {
        background: #0d0444;
        margin-top: 0;
        margin-left: -5%;
        width: 110%;
        padding: 30px 60px 250px 60px; }
        @media (max-width: 1690px) {
          .blue-box .inner-box.two-title.box, .man-box .inner-box.two-title.box, .page-slider .inner-box.two-title.box {
            padding: 10px 60px 290px 40px; } }
        @media (max-width: 1600px) {
          .blue-box .inner-box.two-title.box, .man-box .inner-box.two-title.box, .page-slider .inner-box.two-title.box {
            margin-top: 20px;
            padding: 10px 40px 260px 40px; } }
        @media (max-width: 1200px) {
          .blue-box .inner-box.two-title.box, .man-box .inner-box.two-title.box, .page-slider .inner-box.two-title.box {
            margin-top: -20px; } }
        .blue-box .inner-box.two-title.box .big-margin-top, .man-box .inner-box.two-title.box .big-margin-top, .page-slider .inner-box.two-title.box .big-margin-top {
          margin-top: 40px; }
          @media (max-width: 1600px) {
            .blue-box .inner-box.two-title.box .big-margin-top, .man-box .inner-box.two-title.box .big-margin-top, .page-slider .inner-box.two-title.box .big-margin-top {
              margin-top: -10px; } }
      .blue-box .inner-box.two-title .left-h-border, .man-box .inner-box.two-title .left-h-border, .page-slider .inner-box.two-title .left-h-border {
        margin-left: -9px; }
      .blue-box .inner-box.two-title h1, .man-box .inner-box.two-title h1, .page-slider .inner-box.two-title h1 {
        font-size: 25px;
        line-height: 30px; }
        @media (max-width: 1600px) {
          .blue-box .inner-box.two-title h1, .man-box .inner-box.two-title h1, .page-slider .inner-box.two-title h1 {
            line-height: 23px;
            margin-bottom: 2px;
            font-size: 20px; } }
        @media (max-width: 768px) {
          .blue-box .inner-box.two-title h1, .man-box .inner-box.two-title h1, .page-slider .inner-box.two-title h1 {
            font-size: 32px;
            line-height: 36px; } }
        @media (max-width: 380px) {
          .blue-box .inner-box.two-title h1, .man-box .inner-box.two-title h1, .page-slider .inner-box.two-title h1 {
            font-size: 24px;
            line-height: 30px; } }
      @media (max-width: 1600px) {
        .blue-box .inner-box.two-title p, .man-box .inner-box.two-title p, .page-slider .inner-box.two-title p {
          font-size: 16px; } }
      .blue-box .inner-box.two-title.portfolio, .man-box .inner-box.two-title.portfolio, .page-slider .inner-box.two-title.portfolio {
        margin-top: 10px;
        margin-bottom: 150px; }
        @media (max-width: 1600px) {
          .blue-box .inner-box.two-title.portfolio, .man-box .inner-box.two-title.portfolio, .page-slider .inner-box.two-title.portfolio {
            margin-bottom: 100px; } }
  .blue-box .middle-img, .man-box .middle-img, .page-slider .middle-img {
    height: 33.33%;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center center; }
    .blue-box .middle-img.hammam, .man-box .middle-img.hammam, .page-slider .middle-img.hammam {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/calc/hammam.png"); }
      .blue-box .middle-img.hammam:hover, .man-box .middle-img.hammam:hover, .page-slider .middle-img.hammam:hover {
        -webkit-animation: middle-img-hammam 300ms linear forwards;
        animation: middle-img-hammam 300ms linear forwards; }
    .blue-box .middle-img.basseyn, .man-box .middle-img.basseyn, .page-slider .middle-img.basseyn {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/calc/basseyn.png"); }
      .blue-box .middle-img.basseyn:hover, .man-box .middle-img.basseyn:hover, .page-slider .middle-img.basseyn:hover {
        -webkit-animation: middle-img-basseyn 300ms linear forwards;
        animation: middle-img-basseyn 300ms linear forwards; }
    .blue-box .middle-img.sauna, .man-box .middle-img.sauna, .page-slider .middle-img.sauna {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/calc/sauna.png"); }
      .blue-box .middle-img.sauna:hover, .man-box .middle-img.sauna:hover, .page-slider .middle-img.sauna:hover {
        -webkit-animation: middle-img-sauna 300ms linear forwards;
        animation: middle-img-sauna 300ms linear forwards; }
    .blue-box .middle-img .content, .man-box .middle-img .content, .page-slider .middle-img .content {
      font-family: "Montserrat";
      font-weight: normal;
      font-size: 12px;
      z-index: 99;
      width: 100%;
      text-align: center; }
      .blue-box .middle-img .content span, .man-box .middle-img .content span, .page-slider .middle-img .content span {
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
        font-family: "Montserrat Bold";
        font-weight: bold;
        font-size: 28px; }

.man-box {
  background-image: url("../img/podhod/podhod.png");
  background-size: cover; }
  .man-box .info-bottom {
    position: absolute;
    background-color: rgba(7, 2, 33, 0.7);
    width: 100%;
    height: 37%;
    left: 0;
    bottom: 0; }
    @media (max-width: 1600px) {
      .man-box .info-bottom {
        height: 38%; } }
    @media (max-width: 1200px) {
      .man-box .info-bottom {
        height: 40%; } }
    @media (max-width: 768px) {
      .man-box .info-bottom {
        height: 50%; } }
    @media (max-width: 560px) {
      .man-box .info-bottom {
        height: 40%; } }
    .man-box .info-bottom .info-block {
      height: 40%; }
      .man-box .info-bottom .info-block .item {
        padding: 30px 100px; }
        @media (max-width: 1690px) {
          .man-box .info-bottom .info-block .item {
            padding: 10px 40px; } }
        @media (max-width: 1200px) {
          .man-box .info-bottom .info-block .item {
            padding: 5px 25px; } }
        @media (max-width: 768px) {
          .man-box .info-bottom .info-block .item {
            padding: 0 40px; } }
        @media (max-width: 560px) {
          .man-box .info-bottom .info-block .item {
            padding: 0 30px; } }
        .man-box .info-bottom .info-block .item h2 {
          font-family: "Exo 2 Light";
          font-size: 26px;
          line-height: 32px;
          font-weight: normal;
          padding-left: 0;
          margin-bottom: 15px;
          letter-spacing: 0.05em; }
          @media (max-width: 1600px) {
            .man-box .info-bottom .info-block .item h2 {
              font-size: 20px;
              line-height: 30px;
              margin-bottom: 10px;
              letter-spacing: 0.06em; } }
          @media (max-width: 1200px) {
            .man-box .info-bottom .info-block .item h2 {
              font-size: 16px;
              line-height: 25px;
              letter-spacing: 0.07em; } }
          @media (max-width: 768px) {
            .man-box .info-bottom .info-block .item h2 {
              font-size: 28px;
              line-height: 34px; } }
          @media (max-width: 560px) {
            .man-box .info-bottom .info-block .item h2 {
              font-size: 16px;
              line-height: 20px; } }
        .man-box .info-bottom .info-block .item p {
          font-size: 18px;
          line-height: 33px;
          letter-spacing: 0.05em; }
          @media (max-width: 1600px) {
            .man-box .info-bottom .info-block .item p {
              font-size: 16px;
              line-height: 24px; } }
          @media (max-width: 1200px) {
            .man-box .info-bottom .info-block .item p {
              font-size: 13px; } }
          @media (max-width: 768px) {
            .man-box .info-bottom .info-block .item p {
              font-size: 18px; } }
          @media (max-width: 560px) {
            .man-box .info-bottom .info-block .item p {
              font-size: 14px;
              line-height: 17px; } }
          @media (max-width: 380px) {
            .man-box .info-bottom .info-block .item p {
              font-size: 10px;
              line-height: 14px; } }
    .man-box .info-bottom .info {
      display: inline-block;
      margin: 40px 0 0 100px;
      padding-top: 20px;
      border-top: 2px solid rgba(255, 255, 255, 0.32); }
      @media (max-width: 1690px) {
        .man-box .info-bottom .info {
          margin: 40px 0 0 40px; } }
      @media (max-width: 1200px) {
        .man-box .info-bottom .info {
          font-size: 18px;
          margin: 20px 0 0 25px; } }
      @media (max-width: 768px) {
        .man-box .info-bottom .info {
          margin: 20px 0 0 40px; } }
      @media (max-width: 560px) {
        .man-box .info-bottom .info {
          margin: 10px 0 0 30px; } }
      .man-box .info-bottom .info h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.05em; }
        @media (max-width: 1600px) {
          .man-box .info-bottom .info h3 {
            margin-top: 0;
            margin-bottom: 5px;
            font-size: 18px;
            line-height: 24px; } }
        @media (max-width: 1200px) {
          .man-box .info-bottom .info h3 {
            font-size: 16px; } }
        @media (max-width: 768px) {
          .man-box .info-bottom .info h3 {
            font-size: 24px;
            line-height: 29px; } }
        @media (max-width: 560px) {
          .man-box .info-bottom .info h3 {
            font-size: 14px;
            line-height: 17px; } }
      .man-box .info-bottom .info p {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.05em; }
        @media (max-width: 1600px) {
          .man-box .info-bottom .info p {
            font-size: 14px;
            line-height: 20px; } }
        @media (max-width: 1200px) {
          .man-box .info-bottom .info p {
            font-size: 12px; } }
        @media (max-width: 768px) {
          .man-box .info-bottom .info p {
            font-size: 18px;
            line-height: 25px; } }
        @media (max-width: 560px) {
          .man-box .info-bottom .info p {
            font-size: 10px;
            line-height: 14px; } }

.img-box, .img-box-wave {
  background: url("../img/glavnaya/glavnaya.png");
  background-size: 100% 100%;
  height: 100vh; }
  .img-box.sert-img, .sert-img.img-box-wave {
    background-image: url("/img/sertificat/sertificat.png"); }
    @media (max-width: 768px) {
      .img-box.sert-img, .sert-img.img-box-wave {
        height: 70vh; } }
    @media (max-width: 560px) {
      .img-box.sert-img, .sert-img.img-box-wave {
        height: 50vh; } }

.img-box-wave {
  background: url("../img/sertificat/sertificat-bg.png");
  cursor: default; }
  .img-box-wave .inner-box {
    color: rgba(244, 244, 244, 0.73);
    font-size: 16px;
    margin: 50px 0 90px 30px; }
    @media (max-width: 1600px) {
      .img-box-wave .inner-box {
        font-size: 14px;
        margin: 35px 0 45px 0; } }
    @media (max-width: 1200px) {
      .img-box-wave .inner-box {
        font-size: 12px;
        margin-bottom: 42px; } }
    @media (max-width: 768px) {
      .img-box-wave .inner-box {
        margin-bottom: 60px; } }
    .img-box-wave .inner-box .number {
      float: left;
      margin-right: 30px;
      padding-right: 120px;
      font-family: "Exo 2";
      font-size: 90px;
      width: 100px;
      line-height: 120px;
      font-weight: bold;
      transform: rotate(90deg); }
      .img-box-wave .inner-box .number::selection {
        background: transparent; }
      .img-box-wave .inner-box .number::-moz-selection {
        background: transparent; }
      @media (max-width: 1600px) {
        .img-box-wave .inner-box .number {
          font-size: 60px;
          line-height: 90px;
          width: 50px;
          padding-right: 60px; } }
      @media (max-width: 1200px) {
        .img-box-wave .inner-box .number {
          font-size: 50px;
          line-height: 84px; } }
      @media (min-width: 560px) and (max-width: 768px) {
        .img-box-wave .inner-box .number {
          font-size: 70px;
          line-height: 85px; } }
      @media (max-width: 380px) {
        .img-box-wave .inner-box .number {
          font-size: 50px;
          line-height: 87px; } }
    .img-box-wave .inner-box .title {
      font-weight: 600;
      font-size: 22px;
      margin-bottom: 10px; }
      .img-box-wave .inner-box .title::selection {
        background: transparent; }
      .img-box-wave .inner-box .title::-moz-selection {
        background: transparent; }
      @media (max-width: 1600px) {
        .img-box-wave .inner-box .title {
          font-size: 18px;
          margin-bottom: 10px; } }
      @media (max-width: 1200px) {
        .img-box-wave .inner-box .title {
          font-size: 16px; } }
      @media (max-width: 768px) {
        .img-box-wave .inner-box .title {
          font-size: 70px;
          line-height: 85px; } }
      @media (max-width: 768px) {
        .img-box-wave .inner-box .title {
          font-size: 22px;
          line-height: 30px; } }
      @media (max-width: 560px) {
        .img-box-wave .inner-box .title {
          font-size: 15px;
          line-height: 20px; } }
    .img-box-wave .inner-box .descr::selection {
      background: transparent; }
    .img-box-wave .inner-box .descr::-moz-selection {
      background: transparent; }
    @media (max-width: 768px) {
      .img-box-wave .inner-box .descr {
        font-size: 15px;
        line-height: 20px; } }
    @media (max-width: 560px) {
      .img-box-wave .inner-box .descr {
        font-size: 10px;
        line-height: 14px; } }
  .img-box-wave .inner-box:hover {
    color: #fff; }
  .img-box-wave .scroll {
    color: #fff;
    padding: 140px 50px;
    overflow: auto;
    height: 85vh; }
    @media (max-width: 1600px) {
      .img-box-wave .scroll {
        padding: 100px 30px; } }
    .img-box-wave .scroll .controls {
      position: fixed;
      left: 20%;
      bottom: 30px;
      font-size: 60px; }
      .img-box-wave .scroll .controls::selection {
        background: transparent; }
      .img-box-wave .scroll .controls::-moz-selection {
        background: transparent; }
      .img-box-wave .scroll .controls .boxscroll-left::selection {
        background: transparent; }
      .img-box-wave .scroll .controls .boxscroll-left::-moz-selection {
        background: transparent; }
      .img-box-wave .scroll .controls .boxscroll-right::selection {
        background: transparent; }
      .img-box-wave .scroll .controls .boxscroll-right::-moz-selection {
        background: transparent; }
      @media (max-width: 1600px) {
        .img-box-wave .scroll .controls {
          bottom: 15px; } }
      .img-box-wave .scroll .controls div {
        display: inline-block;
        margin: 0 50px;
        cursor: pointer; }
    .img-box-wave .scroll .line {
      width: 135vw;
      /* ╨Я╨╛ ╨╝╨╡╤А╨╡ ╤Г╨▓╨╡╨╗╨╕╤З╨╡╨╜╨╕╤П ╨║╨░╤А╤В╨╕╨╜╨╛╨║ ╤Г╨▓╨╡╨╗╨╕╤З╨╕╨▓╨░╤В╤М ╤А╨░╨╖╨╝╨╡╤А */
      height: 45%;
      padding: 10px 0;
      overflow-y: hidden; }
      @media (max-width: 1600px) {
        .img-box-wave .scroll .line {
          height: 48%;
          padding: 5px 0; } }
      .img-box-wave .scroll .line img {
        float: left;
        cursor: pointer;
        margin: 10px;
        height: 100%;
        border-radius: 10px; }
        .img-box-wave .scroll .line img::selection {
          background: transparent; }
        .img-box-wave .scroll .line img::-moz-selection {
          background: transparent; }
        @media (max-width: 1600px) {
          .img-box-wave .scroll .line img {
            margin: 5px; } }
    .img-box-wave .scroll .firm-name, .img-box-wave .scroll .pages {
      position: fixed; }

.thx {
  display: none;
  position: absolute;
  top: calc(50vh - 150px);
  left: calc(50vw - 250px);
  height: 300px;
  width: 500px;
  background-color: rgba(4, 1, 22, 0.95);
  border-radius: 27px;
  padding: 60px;
  z-index: 1001;
  color: #fff;
  text-align: center; }
  @media (max-width: 560px) {
    .thx {
      width: 320px;
      left: calc(50vw - 160px);
      padding: 30px; } }
  .thx span {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer; }
  .thx h1 {
    font-family: "Montserrat Bold";
    font-size: 35px;
    line-height: 54px; }
  .thx p {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.04em; }

.gray-popup {
  display: none;
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 1000; }

.portfolio-descr {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
  height: 80vh;
  width: 85vw;
  background-color: rgba(4, 1, 22, 0.95);
  border-radius: 10px;
  padding: 25px;
  z-index: 1001; }
  @media (max-width: 1600px) {
    .portfolio-descr {
      top: 20px;
      left: 0;
      right: 0;
      margin: auto;
      height: 95vh;
      width: 95vw; } }
  .portfolio-descr div {
    padding: 0; }
  .portfolio-descr img {
    border-radius: 10px;
    width: auto; }
  .portfolio-descr p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.04em;
    color: #FFDFDF;
    margin-top: 20px;
    margin-left: 30px;
    width: 75%; }
    @media (max-width: 1600px) {
      .portfolio-descr p {
        width: 90%;
        margin-left: 10px;
        font-size: 12px;
        line-height: 140%; } }
  .portfolio-descr .left-h-border-txt {
    position: absolute;
    border: 3px solid #4FCAE9;
    border-radius: 5px;
    padding: 0;
    height: 30px;
    margin-top: 15px; }
    @media (max-width: 1600px) {
      .portfolio-descr .left-h-border-txt {
        margin-left: -5px; } }
  .portfolio-descr .descr {
    padding: 25px 0 0 50px;
    color: #FFDFDF; }
    @media (max-width: 1600px) {
      .portfolio-descr .descr {
        padding-left: 30px; } }
    .portfolio-descr .descr .title {
      color: #fff;
      display: inline-block;
      margin-bottom: 40px;
      font-family: Montserrat;
      font-style: normal;
      font-weight: 600;
      line-height: 160%;
      font-size: 26px;
      letter-spacing: 0.06em; }
      @media (max-width: 1600px) {
        .portfolio-descr .descr .title {
          font-size: 22px;
          margin-bottom: 25px; } }
      .portfolio-descr .descr .title .bottom-h-border {
        margin: 10px 0;
        border: 2px solid #4FCAE9;
        border-radius: 5px;
        width: 40%; }
    .portfolio-descr .descr .menu li {
      font-family: Montserrat;
      font-style: normal;
      line-height: 160%;
      font-size: 14px;
      letter-spacing: 0.06em;
      margin-bottom: 25px; }
      @media (max-width: 1600px) {
        .portfolio-descr .descr .menu li {
          margin-bottom: 15px;
          font-size: 12px; } }
      .portfolio-descr .descr .menu li .sub-title {
        font-weight: 600;
        font-size: 20px;
        color: #FFEBEB; }
        @media (max-width: 1600px) {
          .portfolio-descr .descr .menu li .sub-title {
            font-size: 18px; } }
  .portfolio-descr .buttons {
    position: absolute;
    left: 0;
    bottom: 25px;
    background: transparent; }
    .portfolio-descr .buttons .button-port {
      font-size: 16px;
      padding: 5px 8px !important;
      margin-left: 25px;
      background: transparent; }
      .portfolio-descr .buttons .button-port span {
        font-size: 24px; }
  .portfolio-descr .close-window {
    position: absolute;
    top: 20px;
    right: 20px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .portfolio-descr .close-window:hover {
      color: #fff; }

.uslugi-slider {
  padding: 0; }
  .uslugi-slider .menu-box {
    display: none;
    position: absolute;
    left: 0;
    bottom: 150px;
    background: rgba(4, 0, 32, 0.95);
    border-radius: 10px;
    padding: 35px;
    z-index: 99;
    color: rgba(255, 255, 255, 0.6); }
    @media (max-width: 1600px) {
      .uslugi-slider .menu-box {
        left: -70px;
        bottom: 15px; } }
    .uslugi-slider .menu-box .title-menu {
      color: #fff;
      display: inline-block; }
      .uslugi-slider .menu-box .title-menu:not(:first-child) {
        margin-top: 15px; }
      .uslugi-slider .menu-box .title-menu .bottom-h-border {
        margin: 20px 0;
        border: 2px solid #4FCAE9;
        border-radius: 5px; }
    .uslugi-slider .menu-box .menu li {
      margin-bottom: 20px;
      cursor: pointer; }
      @media (max-width: 1600px) {
        .uslugi-slider .menu-box .menu li {
          margin-bottom: 10px; } }
      .uslugi-slider .menu-box .menu li.current, .uslugi-slider .menu-box .menu li:hover {
        color: #fff; }
  .uslugi-slider .indicators {
    position: absolute;
    left: 270px;
    bottom: 0;
    z-index: 9999; }
    @media (max-width: 1690px) {
      .uslugi-slider .indicators {
        left: 210px; } }
    @media (max-width: 1600px) {
      .uslugi-slider .indicators {
        left: 100px;
        bottom: 3px; } }
    @media (max-width: 1200px) {
      .uslugi-slider .indicators {
        left: 50px; } }
    @media (max-width: 768px) {
      .uslugi-slider .indicators {
        left: 130px;
        bottom: 30px; } }
    @media (max-width: 560px) {
      .uslugi-slider .indicators {
        left: 50px;
        bottom: 40px; } }
    @media (max-width: 380px) {
      .uslugi-slider .indicators {
        left: 35px; } }
    .uslugi-slider .indicators .box-item {
      float: left;
      font-size: 32px;
      margin-right: 25px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
      .uslugi-slider .indicators .box-item .carousel-indicators {
        position: relative;
        width: auto;
        margin: 0;
        left: 2px;
        bottom: 0; }
        @media (max-width: 1690px) {
          .uslugi-slider .indicators .box-item .carousel-indicators {
            bottom: 0; } }
        @media (max-width: 768px) {
          .uslugi-slider .indicators .box-item .carousel-indicators {
            left: 0; } }
        @media (max-width: 560px) {
          .uslugi-slider .indicators .box-item .carousel-indicators {
            left: 0; } }
      .uslugi-slider .indicators .box-item li {
        background-color: rgba(255, 255, 255, 0.18);
        border: none; }
        .uslugi-slider .indicators .box-item li.active {
          background-color: #fff;
          width: 15px;
          height: 15px;
          margin: 1px; }
          @media (max-width: 560px) {
            .uslugi-slider .indicators .box-item li.active {
              width: 10px;
              height: 10px; } }
      .uslugi-slider .indicators .box-item a {
        color: #fff;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 25px;
        padding: 0 6px;
        font-size: 22px; }
  .uslugi-slider .item {
    height: 100vh;
    background-color: #090426; }
    @media (max-width: 768px) {
      .uslugi-slider .item img {
        width: 100%;
        height: 100%; } }
    .uslugi-slider .item .gray-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.5); }
    .uslugi-slider .item img {
      width: 100%;
      height: 100%; }
    .uslugi-slider .item .inner-box {
      position: absolute;
      bottom: 0;
      text-align: left; }
      @media (max-width: 1600px) {
        .uslugi-slider .item .inner-box {
          bottom: 0;
          width: 100%;
          margin: 0;
          left: 0; } }
      @media (min-width: 768px) {
        .uslugi-slider .item .inner-box {
          background-color: rgba(9, 4, 38, 0.9); } }
      @media (max-width: 768px) {
        .uslugi-slider .item .inner-box {
          bottom: 60px; } }
      .uslugi-slider .item .inner-box .box-text {
        color: #fff;
        width: 420px;
        font-size: 16px;
        margin: 0 auto; }
        @media (max-width: 1600px) {
          .uslugi-slider .item .inner-box .box-text {
            width: 500px; } }
        @media (max-width: 560px) {
          .uslugi-slider .item .inner-box .box-text {
            width: 300px; } }
        .uslugi-slider .item .inner-box .box-text h2 {
          font-weight: bold;
          margin: 0 0 25px 0;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-size: 24px;
          text-align: center; }
          @media (max-width: 768px) {
            .uslugi-slider .item .inner-box .box-text h2 {
              text-align: left;
              margin: 0 0 20px 0; } }
          .uslugi-slider .item .inner-box .box-text h2.show-cat {
            font-family: "Montserrat Bold";
            font-weight: bold; }
        .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
          position: absolute;
          border: 3px solid #4FCAE9;
          border-radius: 5px;
          padding: 0;
          height: 50px;
          left: 60px; }
          @media (max-width: 1690px) {
            .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
              left: 20px; } }
          @media (max-width: 1600px) {
            .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
              left: 60px; } }
          @media (max-width: 1200px) {
            .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
              left: 5px; } }
          @media (max-width: 768px) {
            .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
              left: 110px;
              height: 40px; } }
          @media (max-width: 560px) {
            .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
              left: 40px; } }
          @media (max-width: 380px) {
            .uslugi-slider .item .inner-box .box-text .left-h-border-txt {
              left: 12px; } }
        .uslugi-slider .item .inner-box .box-text .box-item {
          font-size: 40px;
          margin-right: 25px;
          margin-bottom: -6px; }
          @media (max-width: 560px) {
            .uslugi-slider .item .inner-box .box-text .box-item {
              font-size: 32px;
              margin-bottom: 0; } }
          .uslugi-slider .item .inner-box .box-text .box-item .carousel-indicators {
            width: auto;
            margin: 0;
            left: 165px;
            bottom: 27px; }
          .uslugi-slider .item .inner-box .box-text .box-item a {
            color: #fff; }

.page-slider {
  background-image: url("../img/sertificat/sertificat-bg.png");
  padding-top: 230px; }
  @media (max-width: 1600px) {
    .page-slider {
      padding-top: 130px; } }
  @media (max-width: 1200px) {
    .page-slider {
      padding-top: 90px; } }
  @media (max-width: 560px) {
    .page-slider {
      padding: 0; } }
  .page-slider .carousel-inner {
    height: 75vh; }
    @media (max-width: 768px) {
      .page-slider .carousel-inner {
        margin: 0 0 0 -10px; } }
    @media (max-width: 560px) {
      .page-slider .carousel-inner {
        margin: 30px 0; } }
    .page-slider .carousel-inner .inner-box {
      float: left;
      width: 29%;
      margin: 0 100px; }
      @media (max-width: 1600px) {
        .page-slider .carousel-inner .inner-box {
          width: 39%;
          margin: 0 50px; } }
      @media (max-width: 1200px) {
        .page-slider .carousel-inner .inner-box {
          margin: 0 10px; } }
      @media (max-width: 768px) {
        .page-slider .carousel-inner .inner-box {
          width: 80%; } }
      @media (max-width: 560px) {
        .page-slider .carousel-inner .inner-box {
          width: 100%; } }
      .page-slider .carousel-inner .inner-box h1 {
        font-size: 34px; }
      .page-slider .carousel-inner .inner-box img {
        width: 650px;
        height: 450px; }
        @media (max-width: 1600px) {
          .page-slider .carousel-inner .inner-box img {
            width: 450px;
            height: 300px; } }
        @media (max-width: 1200px) {
          .page-slider .carousel-inner .inner-box img {
            width: 400px;
            height: 250px;
            margin-top: 50px; } }
      .page-slider .carousel-inner .inner-box.sert {
        padding-top: 250px; }
        @media (max-width: 1690px) {
          .page-slider .carousel-inner .inner-box.sert {
            padding-top: 120px; } }
      .page-slider .carousel-inner .inner-box.sert-img {
        background-image: url(../img/sertificat/sertificat-bg.png);
        height: 100vh;
        padding-top: 250px;
        width: 34%; }
        @media (max-width: 1690px) {
          .page-slider .carousel-inner .inner-box.sert-img {
            width: 32%;
            padding-top: 120px; } }
        .page-slider .carousel-inner .inner-box.sert-img img {
          width: 500px;
          height: 300px;
          margin-left: 80px; }
          @media (max-width: 1690px) {
            .page-slider .carousel-inner .inner-box.sert-img img {
              width: 450px;
              height: 350px;
              margin-left: 40px; } }
          @media (max-width: 1600px) {
            .page-slider .carousel-inner .inner-box.sert-img img {
              width: 360px;
              height: 300px; } }
        .page-slider .carousel-inner .inner-box.sert-img p {
          padding: 60px; }
    .page-slider .carousel-inner .caption {
      position: absolute;
      left: 10%;
      bottom: 250px; }
      @media (max-width: 1960px) {
        .page-slider .carousel-inner .caption {
          left: 15%;
          bottom: 60px; } }
      @media (max-width: 1200px) {
        .page-slider .carousel-inner .caption {
          bottom: 20px; } }
      @media (max-width: 768px) {
        .page-slider .carousel-inner .caption {
          bottom: 30px; } }
      @media (max-width: 560px) {
        .page-slider .carousel-inner .caption {
          bottom: 60px; } }
      @media (max-width: 380px) {
        .page-slider .carousel-inner .caption {
          bottom: 40px; } }
      .page-slider .carousel-inner .caption .box-item {
        float: left;
        font-size: 40px;
        margin-right: 25px; }
        @media (max-width: 560px) {
          .page-slider .carousel-inner .caption .box-item {
            font-size: 32px; } }
        .page-slider .carousel-inner .caption .box-item .carousel-indicators {
          position: relative;
          width: auto;
          margin: 0;
          left: 0;
          bottom: 3px; }
          @media (min-width: 560px) {
            .page-slider .carousel-inner .caption .box-item .carousel-indicators {
              top: -3px; } }
        .page-slider .carousel-inner .caption .box-item a {
          color: #fff; }
  .page-slider.blue {
    background-image: none; }
    @media (max-width: 1600px) {
      .page-slider.blue .firm-name .etalon, .page-slider.blue .firm-name .title {
        display: none; } }
    .page-slider.blue .inner-box {
      width: 60%;
      margin: 0 70px; }
      @media (max-width: 1600px) {
        .page-slider.blue .inner-box {
          margin: 0 50px; } }
      @media (max-width: 1200px) {
        .page-slider.blue .inner-box {
          margin: 0 30px; } }
      @media (max-width: 768px) {
        .page-slider.blue .inner-box {
          width: 80%; } }
      @media (max-width: 560px) {
        .page-slider.blue .inner-box {
          width: 100%;
          margin: 0; } }
      @media (max-width: 1200px) {
        .page-slider.blue .inner-box h1 {
          font-size: 24px;
          line-height: 35px; } }
      @media (max-width: 768px) {
        .page-slider.blue .inner-box h1 {
          font-size: 36px;
          line-height: 44px; } }
      @media (max-width: 560px) {
        .page-slider.blue .inner-box h1 {
          font-size: 18px;
          line-height: 22px; } }

.footer {
  height: 10vh;
  background-color: #050218;
  z-index: 99;
  padding: 30px 20px;
  color: rgba(255, 255, 255, 0.5); }
  @media (max-width: 1600px) {
    .footer {
      padding: 10px 10px; } }
  @media (max-width: 1200px) {
    .footer {
      padding: 0; } }
  @media (max-width: 768px) {
    .footer {
      height: auto; } }
  @media (max-width: 768px) {
    .footer div {
      padding: 15px 10px; } }
  .footer .logo {
    color: #4FCAE9;
    padding: 13px 15px;
    border: 1px solid #4FCAE9;
    border-radius: 50px;
    box-shadow: 0 0 0 4px #090230, 0 0 0 5px #4FCAE9;
    font-size: 20px; }
    @media (max-width: 1600px) {
      .footer .logo {
        padding: 7px 9px;
        font-size: 16px;
        margin-top: 15px; } }
  .footer .ooo {
    padding: 0;
    text-align: center; }
    @media (min-width: 1600px) {
      .footer .ooo {
        font-size: 12px;
        margin: 10px 0 0 -50px; } }
    @media (max-width: 1600px) {
      .footer .ooo {
        margin-left: -25px; } }

.firm-name {
  font-size: 14px;
  position: absolute;
  left: 30px;
  top: 40px;
  width: auto;
  line-height: 19px;
  letter-spacing: 0.1em;
  vertical-align: center;
  z-index: 99; }
  .firm-name::selection {
    background: transparent; }
  .firm-name::-moz-selection {
    background: transparent; }
  @media (max-width: 768px) {
    .firm-name {
      top: 25px; } }
  .firm-name div {
    display: inline-block;
    float: left; }
  .firm-name .etalon {
    font-family: "Exo 2 Medium";
    text-transform: uppercase; }
    .firm-name .etalon::selection {
      background: transparent; }
    .firm-name .etalon::-moz-selection {
      background: transparent; }
    @media (min-width: 769px) and (max-width: 1200px) {
      .firm-name .etalon {
        display: none; } }
    @media (max-width: 560px) {
      .firm-name .etalon {
        display: none; } }
  .firm-name .logo {
    color: #4FCAE9;
    padding: 9px 11px;
    margin: 0 20px;
    border: 1px solid #4FCAE9;
    border-radius: 50px;
    box-shadow: 0 0 0 5px #090426, 0 0 0 6px #4FCAE9;
    font-size: 16px; }
    .firm-name .logo::selection {
      background: transparent; }
    .firm-name .logo::-moz-selection {
      background: transparent; }
  .firm-name .title {
    margin-top: -10px; }
    .firm-name .title::selection {
      background: transparent; }
    .firm-name .title::-moz-selection {
      background: transparent; }
    @media (max-width: 1200px) {
      .firm-name .title {
        display: none; } }

.right-bar {
  position: absolute;
  right: 30px;
  height: 100vh;
  color: #fff;
  z-index: 98; }
  .right-bar::selection {
    background: transparent; }
  .right-bar::-moz-selection {
    background: transparent; }
  @media (max-width: 1200px) {
    .right-bar {
      right: 20px; } }
  .right-bar .numbers {
    font-family: "Exo 2 Medium";
    line-height: 160%;
    float: left;
    margin: 30px -40px 0 0;
    letter-spacing: 0.02em; }
    .right-bar .numbers::selection {
      background: transparent; }
    .right-bar .numbers::-moz-selection {
      background: transparent; }
    @media (max-width: 1600px) {
      .right-bar .numbers {
        margin-right: -90px; } }
    @media (max-width: 1200px) {
      .right-bar .numbers {
        margin-right: -90px;
        font-size: 12px; } }
    @media (max-width: 768px) {
      .right-bar .numbers {
        margin-top: 60px;
        margin-right: 10px;
        font-size: 14px; } }
  .right-bar .menu {
    float: right;
    height: inherit;
    border-right: 1px solid #fff; }
    .right-bar .menu ul {
      margin: 150px 0 0 0;
      text-align: right; }
      @media (max-width: 1600px) {
        .right-bar .menu ul {
          margin: 120px 0 0 0; } }
      .right-bar .menu ul li {
        margin: 60px 0;
        font-size: 12px;
        cursor: pointer;
        letter-spacing: 0.08em; }
        .right-bar .menu ul li::selection {
          background: transparent; }
        .right-bar .menu ul li::-moz-selection {
          background: transparent; }
        @media (max-width: 1600px) {
          .right-bar .menu ul li {
            margin: 40px 0; } }
        @media (max-width: 1200px) {
          .right-bar .menu ul li {
            margin: 30px 0; } }
        .right-bar .menu ul li .badge {
          float: right;
          margin: 0 -6.5px 0 20px;
          padding: 0 4px;
          background-color: #fff;
          /*border: 4px solid $blue_bg;*/
          font-weight: normal; }
          @media (max-width: 1200px) {
            .right-bar .menu ul li .badge {
              margin-left: 10px; } }
        .right-bar .menu ul li.current {
          color: #fff;
          margin-right: 60px;
          font-size: 18px;
          font-weight: 500; }
          @media (max-width: 1200px) {
            .right-bar .menu ul li.current {
              margin-right: 30px; } }
          .right-bar .menu ul li.current .badge {
            margin-right: -67px;
            margin-top: 3px;
            /*box-shadow: 0 0 0 1px #fff, 0 0 0 5px $blue_bg;*/ }
            @media (max-width: 1200px) {
              .right-bar .menu ul li.current .badge {
                margin-right: -41px; } }
      .right-bar .menu ul li:hover {
        color: #fff; }
      .right-bar .menu ul.covered li span {
        transition: opacity 0.5s linear;
        opacity: 0; }
      .right-bar .menu ul.covered li .badge {
        opacity: 1;
        border: none;
        margin-right: -7px; }
      .right-bar .menu ul.covered li.current .badge {
        box-shadow: none;
        margin-right: -67px;
        margin-top: 8px; }
        @media (max-width: 1200px) {
          .right-bar .menu ul.covered li.current .badge {
            margin-right: -37px; } }
      .right-bar .menu ul.covered:hover li span {
        transition: opacity 0.5s linear;
        opacity: 1; }
      @media (max-width: 1600px) {
        .right-bar .menu ul.covered-1366 li span {
          transition: opacity 0.5s linear;
          opacity: 0; }
        .right-bar .menu ul.covered-1366 li .badge {
          opacity: 1;
          border: none;
          margin-right: -7px; }
        .right-bar .menu ul.covered-1366 li.current .badge {
          box-shadow: none;
          margin-right: -67px; } }
  @media (max-width: 1600px) and (max-width: 1200px) {
    .right-bar .menu ul.covered-1366 li.current .badge {
      margin-right: -37px; } }

      .right-bar .menu ul.covered-1366:hover li span {
        transition: opacity 0.5s linear;
        opacity: 1; }
      .right-bar .menu ul.sertificat li .badge {
        border: none;
        margin-right: -7px; }
      .right-bar .menu ul.sertificat li.current .badge {
        box-shadow: none;
        margin-right: -67px; }
        @media (max-width: 1600px) {
          .right-bar .menu ul.sertificat li.current .badge {
            margin-top: 5px; } }
        @media (max-width: 1200px) {
          .right-bar .menu ul.sertificat li.current .badge {
            margin: 10px -37px 0 0; } }

.link {
  cursor: pointer;
  font-family: "Montserrat Bold";
  font-weight: bold; }
  .link span::selection {
    background: transparent; }
  .link span::-moz-selection {
    background: transparent; }

.link:hover {
  color: #fff; }
  .link:hover .button, .link:hover .portfolio-descr .buttons .button-port, .portfolio-descr .buttons .link:hover .button-port {
    color: #fff;
    border: 2px solid #fff; }
  .link:hover .button26:not(.active) {
    border: none;
    -webkit-animation: bigger 500ms linear forwards;
    animation: bigger 500ms linear forwards; }
    .link:hover .button26:not(.active):after {
      width: 52px;
      height: 52px;
      border: none; }
      @media (max-width: 1200px) {
        .link:hover .button26:not(.active):after {
          width: 36px;
          height: 36px; } }
    .link:hover .button26:not(.active).blue-btn span {
      -webkit-animation: background2 300ms linear forwards;
      animation: background2 300ms linear forwards; }
      .link:hover .button26:not(.active).blue-btn span:before {
        -webkit-animation: rotate1 300ms linear forwards;
        animation: rotate1 300ms linear forwards; }
    .link:hover .button26:not(.active) span {
      -webkit-animation: background1 300ms linear forwards;
      animation: background1 300ms linear forwards; }
      .link:hover .button26:not(.active) span:before {
        -webkit-animation: rotate1 300ms linear forwards;
        animation: rotate1 300ms linear forwards; }

.button, .portfolio-descr .buttons .button-port {
  color: #4FCAE9;
  border: 2px solid #4FCAE9;
  border-radius: 50px;
  padding: 14px 15px;
  cursor: pointer; }
  .button.mobile, .portfolio-descr .buttons .mobile.button-port {
    background-color: #4FCAE9;
    color: #fff;
    font-family: "Montserrat Bold";
    font-weight: bold;
    padding: 24px 35px;
    font-size: 17px;
    line-height: 21px;
    margin-top: 15px; }

.button:hover, .portfolio-descr .buttons .button-port:hover {
  color: #fff;
  border: 2px solid #fff; }

.pages {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-size: 18px;
  z-index: 99; }
  .pages::selection {
    background: transparent; }
  .pages::-moz-selection {
    background: transparent; }
  .pages .current {
    font-size: 22px;
    color: #fff; }
    .pages .current::selection {
      background: transparent; }
    .pages .current::-moz-selection {
      background: transparent; }

.big-margin-top {
  margin-top: 20px; }
  @media (max-width: 1600px) {
    .big-margin-top {
      margin-top: 10px; } }
  @media (max-width: 1200px) {
    .big-margin-top {
      margin-top: 5px; } }

.disabled-color {
  color: rgba(255, 255, 255, 0.6); }

.zero-padding {
  padding: 0; }

@media (max-width: 1600px) {
  .hide-1366 {
    display: none; } }

.br-1366 {
  display: none; }
  @media (min-width: 768px) and (max-width: 1600px) {
    .br-1366 {
      display: inherit; } }

@media (min-width: 768px) and (max-width: 1200px) {
  .hide-1024 {
    display: none; } }

@media (max-width: 768px) {
  .hide-tb {
    display: none; } }

@media (max-width: 380px) {
  .hide-mob {
    display: none; } }

@media (min-width: 560px) {
  .carousel-indicators li {
    width: 15px;
    height: 15px; } }
@media (min-width: 560px) {
  .carousel-indicators li.active {
    width: 17px;
    height: 17px; } }

.button26 {
  position: relative;
  top: 20px;
  display: inline-block;
  border-radius: 100px;
  outline: none !important;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 1px rgba(255, 255, 255, 0.2); }
  .button26 span {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    border: solid transparent;
    border-width: 0 0 0 27px;
    border-radius: 100px;
    outline: none;
    overflow: hidden;
    box-shadow: 0 0 0 0 #0d0444, 0 0 0 0 rgba(79, 202, 255, 0.8); }
    @media (max-width: 1200px) {
      .button26 span {
        width: 40px;
        height: 40px;
        border-width: 0 0 0 22px; } }
    .button26 span:before {
      content: "";
      position: absolute;
      left: -50px;
      height: 60px;
      border-right: 50px solid transparent;
      border-left: 50px solid #fff;
      border-radius: 100px; }
  .button26:not(.active) span {
    -webkit-animation: shadow 2000ms linear forwards;
    -webkit-animation-iteration-count: infinite;
    animation: shadow 2000ms linear forwards;
    animation-iteration-count: infinite; }
  .button26:not(.active).blue-btn span {
    -webkit-animation: shadow2 2000ms linear forwards;
    -webkit-animation-iteration-count: infinite;
    animation: shadow2 2000ms linear forwards;
    animation-iteration-count: infinite; }
  .button26:not(.active):hover:after {
    width: 52px;
    height: 52px;
    border: none; }
    @media (max-width: 1200px) {
      .button26:not(.active):hover:after {
        width: 36px;
        height: 36px; } }
  .button26:not(.active):hover span {
    -webkit-animation: background1 500ms linear forwards;
    animation: background1 500ms linear forwards; }
    .button26:not(.active):hover span:before {
      -webkit-animation: rotate1 500ms linear forwards;
      animation: rotate1 500ms linear forwards; }
  .button26:not(.active).blue-btn:hover span {
    -webkit-animation: background2 500ms linear forwards;
    animation: background2 500ms linear forwards; }
    .button26:not(.active).blue-btn:hover span:before {
      -webkit-animation: rotate1 500ms linear forwards;
      animation: rotate1 500ms linear forwards; }
  .button26:hover {
    -webkit-animation: bigger 500ms linear forwards;
    animation: bigger 500ms linear forwards; }
  .button26:after {
    content: "\2192";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 47px;
    font-size: 200%;
    font-weight: 700;
    width: 56px;
    height: 56px;
    border: 2px solid #4FCAE9;
    border-radius: 100px;
    background-color: #0d0444;
    text-align: center;
    text-shadow: #2e7ebd 0 1px 2px;
    color: #4FCAE9;
    margin: auto; }
    @media (max-width: 1200px) {
      .button26:after {
        width: 36px;
        height: 36px;
        font-size: 180%;
        line-height: 27px; } }
  .button26.blue-btn:after {
    background-color: #090426; }
  .button26.blue-btn.active span {
    box-shadow: 0 0 0 0 #090426, 0 0 0 0 rgba(79, 202, 255, 0.8);
    -webkit-animation: shadow2 500ms linear forwards;
    animation: shadow2 500ms linear forwards; }
  .button26.active:after {
    border-color: #fff; }
  .button26.active span {
    box-shadow: 0 0 0 0 #0d0444, 0 0 0 0 rgba(79, 202, 255, 0.8);
    -webkit-animation: shadow 500ms linear forwards;
    animation: shadow 500ms linear forwards; }

@-webkit-keyframes bigger {
  100% {
    transform: scale(1.1); } }
@keyframes bigger {
  100% {
    transform: scale(1.1); } }
@-webkit-keyframes background1 {
  49.999% {
    border-width: 0 0 0 27px;
    border-color: transparent;
    box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.5); }
  50% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.4); }
  100% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 6px #0d0444, 0 0 0 8px rgba(79, 202, 255, 0); } }
@keyframes background1 {
  49.999% {
    border-width: 0 0 0 27px;
    border-color: transparent;
    box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.5); }
  50% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.4); }
  100% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 6px #0d0444, 0 0 0 8px rgba(79, 202, 255, 0); } }
@-webkit-keyframes background2 {
  49.999% {
    border-width: 0 0 0 27px;
    border-color: transparent;
    box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.5); }
  50% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.4); }
  100% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 6px #090426, 0 0 0 8px rgba(79, 202, 255, 0); } }
@keyframes background2 {
  49.999% {
    border-width: 0 0 0 27px;
    border-color: transparent;
    box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.5); }
  50% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.4); }
  100% {
    border-width: 0 28px 0 0;
    border-color: #fff;
    box-shadow: 0 0 0 6px #090426, 0 0 0 8px rgba(79, 202, 255, 0); } }
@-webkit-keyframes shadow {
  100% {
    box-shadow: 0 0 0 6px #0d0444, 0 0 0 8px rgba(79, 202, 255, 0); } }
@keyframes shadow {
  100% {
    box-shadow: 0 0 0 6px #0d0444, 0 0 0 8px rgba(79, 202, 255, 0); } }
@-webkit-keyframes shadow2 {
  100% {
    box-shadow: 0 0 0 6px #090426, 0 0 0 8px rgba(79, 202, 255, 0); } }
@keyframes shadow2 {
  100% {
    box-shadow: 0 0 0 6px #090426, 0 0 0 8px rgba(79, 202, 255, 0); } }
@-webkit-keyframes rotate1 {
  49.999% {
    left: -50px; }
  50% {
    left: -20px; }
  100% {
    transform: rotate(360deg);
    left: -20px; } }
@keyframes rotate1 {
  49.999% {
    left: -50px; }
  50% {
    left: -20px; }
  100% {
    transform: rotate(360deg);
    left: -20px; } }
@media (max-width: 1200px) {
  @-webkit-keyframes background1 {
    49.999% {
      border-width: 0 0 0 20px;
      border-color: transparent;
      box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.5); }
    50% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.4); }
    100% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 6px #0d0444, 0 0 0 8px rgba(79, 202, 255, 0); } }
  @keyframes background1 {
    49.999% {
      border-width: 0 0 0 20px;
      border-color: transparent;
      box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.5); }
    50% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 3px #0d0444, 0 0 0 5px rgba(79, 202, 255, 0.4); }
    100% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 6px #0d0444, 0 0 0 8px rgba(79, 202, 255, 0); } }
  @-webkit-keyframes background2 {
    49.999% {
      border-width: 0 0 0 20px;
      border-color: transparent;
      box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.5); }
    50% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.4); }
    100% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 6px #090426, 0 0 0 8px rgba(79, 202, 255, 0); } }
  @keyframes background2 {
    49.999% {
      border-width: 0 0 0 20px;
      border-color: transparent;
      box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.5); }
    50% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 3px #090426, 0 0 0 5px rgba(79, 202, 255, 0.4); }
    100% {
      border-width: 0 20px 0 0;
      border-color: #fff;
      box-shadow: 0 0 0 6px #090426, 0 0 0 8px rgba(79, 202, 255, 0); } }
  @-webkit-keyframes rotate1 {
    49.999% {
      left: -60px; }
    50% {
      left: -20px; }
    100% {
      transform: rotate(360deg);
      left: -20px; } }
  @keyframes rotate1 {
    49.999% {
      left: -60px; }
    50% {
      left: -20px; }
    100% {
      transform: rotate(360deg);
      left: -20px; } } }
@-webkit-keyframes middle-img-hammam {
  30% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/calc/hammam.png");
    background-position: center center; }
  50% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/calc/hammam.png");
    background-position: center center; }
  70% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/calc/hammam.png");
    background-position: center center; }
  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/calc/hammam.png");
    background-size: 115% 115%;
    background-position: center center; } }
@keyframes middle-img-hammam {
  30% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/calc/hammam.png");
    background-position: center center; }
  50% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/calc/hammam.png");
    background-position: center center; }
  70% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/calc/hammam.png");
    background-position: center center; }
  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/calc/hammam.png");
    background-size: 115% 115%;
    background-position: center center; } }
@-webkit-keyframes middle-img-basseyn {
  30% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/calc/basseyn.png");
    background-position: center center; }
  50% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/calc/basseyn.png");
    background-position: center center; }
  70% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/calc/basseyn.png");
    background-position: center center; }
  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/calc/basseyn.png");
    background-size: 115% 115%;
    background-position: center center; } }
@keyframes middle-img-basseyn {
  30% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/calc/basseyn.png");
    background-position: center center; }
  50% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/calc/basseyn.png");
    background-position: center center; }
  70% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/calc/basseyn.png");
    background-position: center center; }
  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/calc/basseyn.png");
    background-size: 115% 115%;
    background-position: center center; } }
@-webkit-keyframes middle-img-sauna {
  30% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/calc/sauna.png");
    background-position: center center; }
  50% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/calc/sauna.png");
    background-position: center center; }
  70% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/calc/sauna.png");
    background-position: center center; }
  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/calc/sauna.png");
    background-size: 115% 115%;
    background-position: center center; } }
@keyframes middle-img-sauna {
  30% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/calc/sauna.png");
    background-position: center center; }
  50% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/calc/sauna.png");
    background-position: center center; }
  70% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/calc/sauna.png");
    background-position: center center; }
  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/calc/sauna.png");
    background-size: 115% 115%;
    background-position: center center; } }
.landing {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-decoration: none; }
  .landing:hover {
    color: #FFF;
    text-decoration: none; }

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