@charset "UTF-8";
* {
  -webkit-transition: all .25s;
  transition: all .25s; }

.ui-menu {
  -webkit-transition: all 0s;
  transition: all 0s; }
  .ui-menu * {
    -webkit-transition: all 0s;
    transition: all 0s; }

body {
  background: #ffffff; }
  body.active-menu {
    overflow-y: hidden; }

.wrapper {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 140px 30px; }

.title {
  font-size: 47px;
  line-height: 50px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #0e2545;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 55px; }
  .title:after {
    content: '';
    width: 70px;
    height: 3px;
    background: #0d67b9;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 35px); }

header {
  background: radial-gradient(circle closest-corner at 25% 60px, #0b416c, #0e2545);
  height: 120px;
  z-index: 10;
  position: relative;
  -webkit-box-shadow: 0 12px 14px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 12px 14px 1px rgba(0, 0, 0, 0.1); }
  header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0; }
    header .wrapper a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      header .wrapper a .logo-box {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        header .wrapper a .logo-box img {
          width: 220px;
          margin-bottom: -4px; }
    header .wrapper nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%; }
      header .wrapper nav ul {
        margin-bottom: 0; }
        header .wrapper nav ul li {
          display: inline-block;
          padding: 0 30px;
          border-right: 1px solid #16d428; }
          header .wrapper nav ul li a {
            font-size: 17px;
            line-height: 20px;
            font-family: "Rubik", sans-serif;
            font-weight: 300;
            font-style: normal;
            color: #ffffff;
            cursor: pointer;
            padding: 0 5px;
            position: relative; }
            header .wrapper nav ul li a:before {
              content: '';
              width: 0;
              height: 2px;
              background: #16d428;
              position: absolute;
              bottom: -10px;
              -webkit-transition: .25s;
              transition: .25s; }
            header .wrapper nav ul li a:hover {
              text-decoration: none; }
              header .wrapper nav ul li a:hover:before {
                width: 35px; }
            header .wrapper nav ul li a.active:before {
              width: 35px; }
          header .wrapper nav ul li:last-child {
            border-right: 0; }
      header .wrapper nav button {
        border-radius: 20px;
        height: 40px;
        padding: 0 40px;
        background: #16d428;
        border: none;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        cursor: pointer;
        outline: none;
        -webkit-box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
                box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
        font-size: 18px;
        line-height: 20px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #ffffff;
        -webkit-transition: all .25s;
        transition: all .25s;
        white-space: nowrap;
        text-decoration: none;
        font-size: 17px;
        line-height: 20px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #ffffff; }
        header .wrapper nav button:hover {
          -webkit-box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8);
                  box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8); }
      header .wrapper nav a {
        text-decoration: none; }
    header .wrapper #menu-icon {
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      position: relative;
      z-index: 1000; }
      header .wrapper #menu-icon #icon {
        width: 34px;
        height: 24px;
        position: relative;
        z-index: 1000; }
        header .wrapper #menu-icon #icon:hover #line-1, header .wrapper #menu-icon #icon:hover #line-2, header .wrapper #menu-icon #icon:hover #line-3, header .wrapper #menu-icon #icon:hover #line-4 {
          -webkit-box-shadow: 0 0 30px rgba(22, 212, 40, 0.7);
                  box-shadow: 0 0 30px rgba(22, 212, 40, 0.7); }
        header .wrapper #menu-icon #icon #line-1, header .wrapper #menu-icon #icon #line-2, header .wrapper #menu-icon #icon #line-3, header .wrapper #menu-icon #icon #line-4 {
          width: 34px;
          height: 4px;
          position: absolute;
          background: #16d428;
          -webkit-box-shadow: 0 0 20px rgba(22, 212, 40, 0.5);
                  box-shadow: 0 0 20px rgba(22, 212, 40, 0.5);
          -webkit-transition: all .25s;
          transition: all .25s; }
        header .wrapper #menu-icon #icon #line-1 {
          top: 0; }
        header .wrapper #menu-icon #icon #line-2, header .wrapper #menu-icon #icon #line-3 {
          top: 10px; }
        header .wrapper #menu-icon #icon #line-4 {
          bottom: 0; }
      header .wrapper #menu-icon .icon-menu-active #line-1 {
        opacity: 0; }
      header .wrapper #menu-icon .icon-menu-active #line-2 {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      header .wrapper #menu-icon .icon-menu-active #line-3 {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      header .wrapper #menu-icon .icon-menu-active #line-4 {
        opacity: 0; }

#black-bg {
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 3000px;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0s;
  transition: all 0s; }
  #black-bg.active {
    display: block; }

#sm-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10; }
  #sm-menu.active {
    display: block; }
  #sm-menu #sm-menu-box {
    position: relative;
    background: #ffffff;
    width: 240px;
    height: 100vh;
    z-index: 12;
    padding: 20px;
    -webkit-transition: all 0s;
    transition: all 0s; }
    #sm-menu #sm-menu-box .sm-logo-box {
      height: 60px;
      margin: 0 -20px;
      padding: 5px 20px;
      -webkit-box-shadow: 0 12px 14px 1px rgba(0, 0, 0, 0.05);
              box-shadow: 0 12px 14px 1px rgba(0, 0, 0, 0.05); }
    #sm-menu #sm-menu-box ul {
      margin: 15px 0; }
      #sm-menu #sm-menu-box ul li {
        list-style: none; }
        #sm-menu #sm-menu-box ul li a {
          font-size: 17px;
          line-height: 20px;
          font-family: "Rubik", sans-serif;
          font-weight: 300;
          font-style: normal;
          color: #0e2545;
          padding: 15px 0;
          display: block; }
    #sm-menu #sm-menu-box button {
      border-radius: 20px;
      height: 40px;
      padding: 0 40px;
      background: #16d428;
      border: none;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      cursor: pointer;
      outline: none;
      -webkit-box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
              box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
      font-size: 18px;
      line-height: 20px;
      font-family: "Rubik", sans-serif;
      font-weight: 300;
      font-style: normal;
      color: #ffffff;
      -webkit-transition: all .25s;
      transition: all .25s;
      white-space: nowrap;
      text-decoration: none;
      font-size: 17px;
      line-height: 20px;
      font-family: "Rubik", sans-serif;
      font-weight: 300;
      font-style: normal;
      color: #ffffff;
      border-radius: 5px;
      width: 100%;
      text-align: center; }
      #sm-menu #sm-menu-box button:hover {
        -webkit-box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8);
                box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8); }

#main-screen {
  background: -webkit-gradient(linear, left top, left bottom, from(#0d65b8), to(#03a9f4));
  background: linear-gradient(top, #0d65b8, #03a9f4); }
  #main-screen .wrapper {
    padding-top: 170px;
    padding-bottom: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #main-screen .wrapper .text-box {
      padding-right: 20px;
      max-width: 600px; }
      #main-screen .wrapper .text-box h1 {
        opacity: 0;
        font-size: 1px;
        line-height: 1px;
        margin: 0; }
      #main-screen .wrapper .text-box img {
        -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2));
                filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2));
        width: 550px;
        margin-bottom: 5px; }
      #main-screen .wrapper .text-box p {
        font-size: 26px;
        line-height: 35px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        font-style: italic;
        color: #ffffff;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
        margin-bottom: 20px; }
      #main-screen .wrapper .text-box a {
        text-decoration: none;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px; }
        #main-screen .wrapper .text-box a button {
          height: 70px;
          border-radius: 40px;
          border: none;
          padding: 0 30px;
          background: rgba(0, 0, 0, 0.6);
          -webkit-box-shadow: 2px 2px 5px 0.3px rgba(0, 0, 0, 0.2);
                  box-shadow: 2px 2px 5px 0.3px rgba(0, 0, 0, 0.2);
          cursor: pointer;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -o-flex;
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-align-items: center;
          -webkit-transition: all .25s;
          transition: all .25s;
          outline: none; }
          #main-screen .wrapper .text-box a button:hover {
            background: rgba(0, 0, 0, 0.75); }
          #main-screen .wrapper .text-box a button img {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 34px;
            -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2));
                    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2));
            margin-right: 10px;
            margin-top: -2px;
            margin-bottom: 0; }
          #main-screen .wrapper .text-box a button p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 18px;
            line-height: 22px;
            font-family: "Rubik", sans-serif;
            font-weight: 300;
            font-style: normal;
            color: #ffffff;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            text-align: left;
            margin-bottom: 0; }
            #main-screen .wrapper .text-box a button p span {
              font-size: 26px;
              line-height: 22px;
              font-family: "Rubik", sans-serif;
              font-weight: 400;
              font-style: normal;
              color: #ffffff; }
    #main-screen .wrapper .sm-img-box {
      display: none; }

#accommodation .wrapper .img-box {
  text-align: center;
  margin-bottom: 30px; }
  #accommodation .wrapper .img-box img {
    max-width: 95%; }
#accommodation .wrapper p {
  font-size: 22px;
  line-height: 35px;
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #0e2545;
  text-align: center; }

#find-transport {
  background: #2c3e51; }
  #find-transport .wrapper .title {
    color: #ffffff; }
  #find-transport .wrapper .img-box {
    text-align: center;
    margin-bottom: 30px; }
    #find-transport .wrapper .img-box img {
      max-width: 95%; }
  #find-transport .wrapper p {
    font-size: 24px;
    line-height: 30px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    max-width: 850px;
    text-align: center;
    margin: 0 auto; }
    #find-transport .wrapper p span {
      font-weight: 400; }

#advertiser {
  background: #e3edf2; }
  #advertiser .wrapper {
    text-align: center; }
    #advertiser .wrapper p {
      font-size: 20px;
      line-height: 30px;
      font-family: "Rubik", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #0e2545;
      text-align: center;
      margin: 0 auto; }
      #advertiser .wrapper p span {
        font-size: 20px;
        margin-left: -15px; }
    #advertiser .wrapper a button {
      border-radius: 20px;
      height: 40px;
      padding: 0 40px;
      background: #16d428;
      border: none;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      cursor: pointer;
      outline: none;
      -webkit-box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
              box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
      font-size: 18px;
      line-height: 20px;
      font-family: "Rubik", sans-serif;
      font-weight: 300;
      font-style: normal;
      color: #ffffff;
      -webkit-transition: all .25s;
      transition: all .25s;
      white-space: nowrap;
      text-decoration: none; }
      #advertiser .wrapper a button:hover {
        -webkit-box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8);
                box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8); }

footer {
  background: radial-gradient(circle closest-corner at 25% 50%, #0b416c, #0e2545); }
  footer .wrapper {
    padding-top: 0;
    padding-bottom: 0; }
    footer .wrapper nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      padding: 60px 0; }
      footer .wrapper nav .logo-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        footer .wrapper nav .logo-box img {
          width: 200px; }
      footer .wrapper nav .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        footer .wrapper nav .nav-box ul {
          display: inline-block;
          margin-right: 10px; }
          footer .wrapper nav .nav-box ul li {
            display: inline-block;
            padding: 0 30px;
            border-right: 1px solid #16d428; }
            footer .wrapper nav .nav-box ul li a {
              font-size: 17px;
              line-height: 20px;
              font-family: "Rubik", sans-serif;
              font-weight: 400;
              font-style: normal;
              color: #ffffff;
              padding: 0 5px;
              position: relative; }
              footer .wrapper nav .nav-box ul li a:before {
                content: '';
                width: 0;
                height: 2px;
                background: #16d428;
                position: absolute;
                bottom: -10px;
                -webkit-transition: .25s;
                transition: .25s; }
              footer .wrapper nav .nav-box ul li a:hover {
                text-decoration: none; }
                footer .wrapper nav .nav-box ul li a:hover:before {
                  width: 40px; }
            footer .wrapper nav .nav-box ul li:last-child {
              border-right: 0; }
        footer .wrapper nav .nav-box button {
          display: inline-block;
          border-radius: 20px;
          height: 40px;
          padding: 0 40px;
          background: #16d428;
          border: none;
          text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          -webkit-box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
                  box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
          font-size: 18px;
          line-height: 20px;
          font-family: "Rubik", sans-serif;
          font-weight: 300;
          font-style: normal;
          color: #ffffff;
          -webkit-transition: all .25s;
          transition: all .25s;
          white-space: nowrap;
          text-decoration: none; }
          footer .wrapper nav .nav-box button:hover {
            -webkit-box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8);
                    box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8); }
    footer .wrapper #footer-contacts {
      padding: 60px 0 30px;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -o-flex;
      display: -webkit-box;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
      footer .wrapper #footer-contacts .cont-box {
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        margin: 0 40px 30px 0;
        font-size: 17px;
        line-height: 22px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #ffffff; }
        footer .wrapper #footer-contacts .cont-box:nth-child(2n + 1) {
          width: 60%; }
        footer .wrapper #footer-contacts .cont-box img {
          width: 30px;
          height: 30px;
          margin-right: 5px;
          float: left; }
        footer .wrapper #footer-contacts .cont-box p span {
          font-weight: 400; }
        footer .wrapper #footer-contacts .cont-box p a {
          color: #ffffff;
          white-space: nowrap; }
    footer .wrapper #copyright {
      text-align: center; }
      footer .wrapper #copyright p {
        font-size: 17px;
        line-height: 18px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #ffffff;
        padding: 30px 0; }

.inner-page {
  background: #e3edf2; }
  .inner-page .wrapper-box {
    padding: 50px 30px; }
    .inner-page .wrapper-box .main-text-box {
      padding: 170px 200px 100px;
      background: #ffffff;
      border-radius: 5px;
      -webkit-box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
              box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15); }
      .inner-page .wrapper-box .main-text-box .h2-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: -10px; }
        .inner-page .wrapper-box .main-text-box .h2-box h2 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 20px 0;
          font-size: 30px;
          line-height: 28px;
          font-family: "Rubik", sans-serif;
          font-weight: 400;
          font-style: normal;
          color: #0e2545; }
        .inner-page .wrapper-box .main-text-box .h2-box img {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 70px;
          margin-right: 12px; }
      .inner-page .wrapper-box .main-text-box p {
        font-size: 18px;
        line-height: 35px;
        font-family: "Rubik", sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #0e2545;
        margin-bottom: 30px; }
        .inner-page .wrapper-box .main-text-box p strong {
          font-weight: 500; }
        .inner-page .wrapper-box .main-text-box p a {
          color: #0d67b9;
          text-decoration: underline; }
          .inner-page .wrapper-box .main-text-box p a:hover {
            opacity: .7; }
        .inner-page .wrapper-box .main-text-box p em {
          font-weight: 700;
          color: #0d67b9;
          font-style: normal; }
        .inner-page .wrapper-box .main-text-box p.quote {
          font-style: italic;
          border-left: 3px solid #0d67b9;
          background: rgba(13, 103, 185, 0.05);
          padding: 30px 35px; }
        .inner-page .wrapper-box .main-text-box p.ul-title {
          margin-bottom: 0; }
      .inner-page .wrapper-box .main-text-box .list-arrow-style {
        margin-bottom: 30px; }
        .inner-page .wrapper-box .main-text-box .list-arrow-style li {
          font-size: 18px;
          line-height: 35px;
          font-family: "Rubik", sans-serif;
          font-weight: normal;
          font-style: normal;
          color: #0e2545;
          list-style: none; }
          .inner-page .wrapper-box .main-text-box .list-arrow-style li:before {
            content: '';
            width: 15px;
            height: 15px;
            background-image: url(../img/list-marker.svg);
            background-size: 15px;
            display: inline-block;
            margin-right: 5px;
            margin-bottom: -1px; }
      .inner-page .wrapper-box .main-text-box h3 {
        font-size: 21px;
        line-height: 30px;
        font-family: "Rubik", sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #0e2545;
        display: block;
        background: rgba(13, 103, 185, 0.1);
        border-left: 3px solid #0d67b9;
        padding: 10px 20px;
        margin: 30px 0 20px; }
        .inner-page .wrapper-box .main-text-box h3 strong {
          font-weight: 500; }
      .inner-page .wrapper-box .main-text-box .sm-box-sdw {
        -webkit-box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
                box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
        padding: 0;
        margin: 0 auto 30px;
        max-width: 400px; }
        .inner-page .wrapper-box .main-text-box .sm-box-sdw img {
          width: 100%; }
        .inner-page .wrapper-box .main-text-box .sm-box-sdw:hover {
          -webkit-box-shadow: 0 25px 65px 0 rgba(64, 72, 90, 0.3);
                  box-shadow: 0 25px 65px 0 rgba(64, 72, 90, 0.3); }
      .inner-page .wrapper-box .main-text-box .text-photo {
        display: block;
        max-width: 100%;
        margin: 0 auto 30px; }
    .inner-page .wrapper-box .contact-box {
      padding: 170px 0 0;
      overflow: hidden; }
      .inner-page .wrapper-box .contact-box .top-contact-box {
        padding: 50px 40px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .inner-page .wrapper-box .contact-box .top-contact-box .contact-box-text {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding-bottom: 20px;
          margin-bottom: 40px;
          font-size: 18px;
          line-height: 30px;
          font-family: "Rubik", sans-serif;
          font-weight: normal;
          font-style: normal;
          color: #0e2545; }
        .inner-page .wrapper-box .contact-box .top-contact-box .tab-box {
          border-bottom: 1px solid #c2c8ce;
          margin-right: 50px;
          width: calc(100% - 345px); }
          .inner-page .wrapper-box .contact-box .top-contact-box .tab-box ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
            .inner-page .wrapper-box .contact-box .top-contact-box .tab-box ul li {
              list-style: none;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              padding: 6px 25px;
              margin-right: 5px;
              font-size: 18px;
              line-height: 30px;
              font-family: "Rubik", sans-serif;
              font-weight: normal;
              font-style: normal;
              color: rgba(14, 37, 69, 0.5);
              cursor: pointer;
              -webkit-transition: all 0s;
              transition: all 0s; }
              .inner-page .wrapper-box .contact-box .top-contact-box .tab-box ul li.active {
                border-bottom: 3px solid #0d67b9;
                font-weight: 500;
                color: #0d67b9; }
                .inner-page .wrapper-box .contact-box .top-contact-box .tab-box ul li.active:hover {
                  border-bottom: 3px solid #0d67b9; }
              .inner-page .wrapper-box .contact-box .top-contact-box .tab-box ul li:hover {
                border-bottom: 3px solid rgba(14, 37, 69, 0.5); }
        .inner-page .wrapper-box .contact-box .top-contact-box .search-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; }
          .inner-page .wrapper-box .contact-box .top-contact-box .search-box input {
            height: 45px;
            width: 250px;
            padding: 0 15px;
            outline: none;
            border: 1px solid #c2c8ce;
            font-size: 18px;
            line-height: 30px;
            font-family: "Rubik", sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #0e2545;
            -webkit-transition: all 0s;
            transition: all 0s; }
          .inner-page .wrapper-box .contact-box .top-contact-box .search-box .button {
            height: 45px;
            width: 45px;
            background: #0d67b9;
            background-image: url("../img/search-icon.svg");
            background-size: 45px 45px;
            cursor: pointer; }
            .inner-page .wrapper-box .contact-box .top-contact-box .search-box .button:hover {
              background: #0b5aa1;
              background-image: url("../img/search-icon.svg");
              background-size: 45px 45px; }
      .inner-page .wrapper-box .contact-box .map-box {
        display: none; }
        .inner-page .wrapper-box .contact-box .map-box.active {
          display: block; }
        .inner-page .wrapper-box .contact-box .map-box #map {
          height: 500px; }
          .inner-page .wrapper-box .contact-box .map-box #map * {
            -webkit-transition: all 0s;
            transition: all 0s; }
        .inner-page .wrapper-box .contact-box .map-box .text-info {
          padding: 70px 80px; }
          .inner-page .wrapper-box .contact-box .map-box .text-info .title {
            text-align: left;
            font-size: 40px;
            line-height: 35px;
            font-family: "Rubik", sans-serif;
            font-weight: 300;
            font-style: normal;
            color: #0e2545;
            text-transform: none; }
            .inner-page .wrapper-box .contact-box .map-box .text-info .title:after {
              left: 0; }
          .inner-page .wrapper-box .contact-box .map-box .text-info ul li {
            list-style: none;
            margin: 15px 0;
            font-size: 20px;
            line-height: 25px;
            font-family: "Rubik", sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #0e2545;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .inner-page .wrapper-box .contact-box .map-box .text-info ul li img {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              width: 30px;
              height: 30px;
              margin-right: 10px; }
            .inner-page .wrapper-box .contact-box .map-box .text-info ul li span {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
            .inner-page .wrapper-box .contact-box .map-box .text-info ul li .mb-phone {
              display: inline-block; }
              .inner-page .wrapper-box .contact-box .map-box .text-info ul li .mb-phone a {
                display: inline-block; }
            .inner-page .wrapper-box .contact-box .map-box .text-info ul li a {
              color: #0e2545; }
      .inner-page .wrapper-box .contact-box .list-box {
        padding: 0 20px 40px;
        display: none; }
        .inner-page .wrapper-box .contact-box .list-box.active {
          display: block; }
        .inner-page .wrapper-box .contact-box .list-box .title {
          margin-top: 10px; }
        .inner-page .wrapper-box .contact-box .list-box .row {
          margin: 0; }
          .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box {
            -webkit-box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
                    box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
            border: 1px solid #e4e6ef;
            border-radius: 10px;
            padding: 30px;
            margin-bottom: 30px; }
            .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box h4 {
              font-size: 26px;
              line-height: 25px;
              font-family: "Rubik", sans-serif;
              font-weight: normal;
              font-style: normal;
              color: #0e2545;
              margin-bottom: 20px; }
            .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box hr {
              border: none;
              background: #c2c8ce;
              width: 100%;
              height: 1px;
              margin-bottom: 30px;
              display: block; }
            .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box ul {
              margin-top: 20px; }
              .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box ul li {
                list-style: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                margin: 15px 0; }
                .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box ul li img {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  width: 30px;
                  height: 30px;
                  margin-right: 5px; }
                .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box ul li span {
                  display: block;
                  font-size: 16px;
                  line-height: 20px;
                  font-family: "Rubik", sans-serif;
                  font-weight: normal;
                  font-style: normal;
                  color: #0e2545; }
                .inner-page .wrapper-box .contact-box .list-box .row .sm-dealer-box ul li a {
                  color: #0d67b9;
                  text-decoration: underline; }

.inner-page .wrapper-box .main-text-box a {
  text-decoration: none; }
  .inner-page .wrapper-box .main-text-box a .instr-box {
    -webkit-box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
            box-shadow: 0 10px 40px 0 rgba(64, 72, 90, 0.15);
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .inner-page .wrapper-box .main-text-box a .instr-box:hover {
      -webkit-box-shadow: 0 25px 65px 0 rgba(64, 72, 90, 0.3);
              box-shadow: 0 25px 65px 0 rgba(64, 72, 90, 0.3); }
    .inner-page .wrapper-box .main-text-box a .instr-box img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 74px;
      height: 74px;
      margin-right: 20px; }
    .inner-page .wrapper-box .main-text-box a .instr-box h4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 40px;
      line-height: 40px;
      font-family: "Rubik", sans-serif;
      font-weight: 300;
      font-style: normal;
      color: #0e2545; }

.inner-page .wrapper-box .main-text-box .form-box {
  background: rgba(13, 103, 185, 0.05);
  padding: 60px;
  border-radius: 5px;
  border: 1px solid #c2c8ce; }
  .inner-page .wrapper-box .main-text-box .form-box input[type="text"], .inner-page .wrapper-box .main-text-box .form-box input[type="tel"], .inner-page .wrapper-box .main-text-box .form-box input[type="email"] {
    width: 100%;
    height: 45px;
    margin-bottom: 30px;
    margin-top: 5px;
    padding: 0 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #0e2545;
    border-radius: 4px;
    border: 1px solid #c2c8ce; }
  .inner-page .wrapper-box .main-text-box .form-box label {
    font-size: 18px;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #0e2545; }
  .inner-page .wrapper-box .main-text-box .form-box input[type="submit"] {
    border-radius: 20px;
    height: 40px;
    padding: 0 40px;
    background: #16d428;
    border: none;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
            box-shadow: 0 0 10px 0 rgba(22, 212, 40, 0.5);
    font-size: 18px;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    -webkit-transition: all .25s;
    transition: all .25s;
    white-space: nowrap;
    text-decoration: none; }
    .inner-page .wrapper-box .main-text-box .form-box input[type="submit"]:hover {
      -webkit-box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8);
              box-shadow: 0 0 25px 0 rgba(22, 212, 40, 0.8); }

/*------------------- Стили модального окна новая техника--------------*/
.new-technics-modal .modal-dialog {
  width: 370px;
  margin: calc((100vh - 384px) / 2) auto 30px; }

.modal-header .close {
  margin-top: -4px;
  font-weight: normal;
  font-size: 25px; }

.modal-header {
  border: 0; }

.new-technics-modal h4 {
  font-size: 25px;
  font-family: 'OpenSans-Light', serif;
  text-align: center;
  line-height: 20px;
  margin-top: 17px;
  color: #2c3e50; }

.new-technics-modal h4 span {
  font-size: 15px;
  font-family: 'OpenSans-Regular', serif; }

.modal-header hr {
  margin: 15px 30% 0;
  border-top: 1px solid #d5d8dc; }

.modal-body {
  padding: 0 40px 30px; }

.new-technics-modal input {
  width: 100%;
  height: 45px;
  border: 1px solid #959ea7;
  border-radius: 2px;
  margin-bottom: 15px;
  padding-left: 15px; }

.new-technics-modal input[type="button"] {
  background-color: #16d428;
  border: none;
  margin: 0;
  color: #fff;
  font: 15px/47px "OpenSans-Semibold";
  padding: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }

.new-technics-modal input[type="button"]:hover {
  background-color: #16d428; }

.new-technics-modal input[type="button"]:active {
  background-color: #16d428; }

.new-technics-modal input[type="button"]:focus {
  outline: none; }

a:focus {
  text-decoration: none;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: 0px; }

.wrapper-box .img-box {
  text-align: center;  }

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