@font-face {
  font-family: 'PT Sans';
  src: url('fonts/pts55f_w.eot');
  src: local('PT Sans'), url('fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTS55F_W.woff') format('woff'), url('fonts/PTS55F_W.ttf') format('truetype'), url('fonts/PTS55F_W.svg#PTSans-Regular') format('svg');
}

@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  src: url('fonts/pts56f_w.eot');
  src: local('PT Sans Italic'), url('fonts/PTS56F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTS56F_W.woff') format('woff'), url('fonts/PTS56F_W.ttf') format('truetype'), url('fonts/PTS56F_W.svg#PTSans-Italic') format('svg');
}

@font-face {
  font-family: 'PT Sans';
  src: url('fonts/pts75f_w.eot');
  font-style: normal;
  font-weight: bold;
  src: local('PT Sans Bold'), url('fonts/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTS75F_W.woff') format('woff'), url('fonts/PTS75F_W.ttf') format('truetype'), url('fonts/PTS75F_W.svg#PTSans-Bold') format('svg');
}

@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: bold;
  src: url('fonts/pts76f_w.eot');
  src: local('PT Sans Bold Italic'), url('fonts/PTS76F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTS76F_W.woff') format('woff'), url('fonts/PTS76F_W.ttf') format('truetype'), url('fonts/PTS76F_W.svg#PTSans-BoldItalic') format('svg');
}

@font-face {
  font-family: 'CalibriWeb';
  src: url('fonts/calibri/calibri.eot');
  src: url('fonts/calibri/calibri.eot?#iefix') format('embedded-opentype'),
  url('fonts/calibri/calibri.woff') format('woff'),
  url('fonts/calibri/calibri.ttf') format('truetype'),
  url('fonts/calibri/calibri.svg#CalibriRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'CalibriWeb';
  src: url('fonts/calibri/calibrib.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'CalibriWeb';
  src: url('fonts/calibri/calibrii.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;

}

@font-face {
  font-family: 'CalibriWeb';
  src: url('fonts/calibri/calibriz.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;

}

@font-face {
  font-family: 'CoreMellow';
  src: url('fonts/coremelow/CoreMellow_Bold.eot');
  src: url('fonts/coremelow/CoreMellow_Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/coremelow/CoreMellow_Bold.woff2') format('woff2'),
  url('fonts/coremelow/CoreMellow_Bold.woff') format('woff'),
  url('fonts/coremelow/CoreMellow_Bold.ttf') format('truetype'),
  url('fonts/coremelow/CoreMellow_Bold.svg#core_mellow65_bold') format('svg');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'fonts/coremelow/CoreMellow';
  src: url('fonts/coremelow/CoreMellow_Medium.eot');
  src: url('fonts/coremelow/CoreMellow_Medium.eot?#iefix') format('embedded-opentype'),
  url('fonts/coremelow/CoreMellow_Medium.woff2') format('woff2'),
  url('fonts/coremelow/CoreMellow_Medium.woff') format('woff'),
  url('fonts/coremelow/CoreMellow_Medium.ttf') format('truetype'),
  url('fonts/coremelow/CoreMellow_Medium.svg#core_mellow55_medium') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'fonts/coremelow/CoreMellowReg';
  src: url('fonts/coremelow/CoreMellow_Regular.eot');
  src: url('fonts/coremelow/CoreMellow_Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/coremelow/CoreMellow_Regular.woff2') format('woff2'),
  url('fonts/coremelow/CoreMellow_Regular.woff') format('woff'),
  url('fonts/coremelow/CoreMellow_Regular.ttf') format('truetype'),
  url('fonts/coremelow/CoreMellow_Regular.svg#core_mellow45_regular') format('svg');
  font-weight: normal;
  font-style: normal;

}

/*@font-face {font-family: 'CoreMellow';
	src: url('fonts/CoreMellow_Medium.otf');}

@font-face {font-family: 'CoreMellow';
	src: url('fonts/CoreMellow_Bold.otf');
	font-style: normal;
	font-weight: bold;}*/

// Базовые значения
//@baseWidth: 1160px;
//@maxWidth: 1200px;
@maxWidth: 100%;
@baseWidth: 1160px;
@color-base: #2c3e50;
@color-link: #2c83ad;
@color-h: #333;
@color-logo: #fd7400;
@color-header: #004358;
@logo-font: CoreMellow, Verdana, Geneva, sans-serif;
@dop-font: 'PT Sans', Verdana, Geneva, sans-serif;
@btn-bg: #e74c3c;

body {
  font-family: Calibri, CalibriWeb, Verdana, Geneva, sans-serif;
  color: @color-base;
  font-size: 16px;
  background: #fff url(img/h-line-top.png) center top repeat-x;
  width: @maxWidth;
}

.main-section {
  position: relative;
  width: 100%;
}

a {
  color: @color-link;
  &:hover {
    text-decoration: none;
  }
}

h2, h3 {
  font-weight: normal;
}

h1 {
  font-size: 28px;
  margin: 0 0 6px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}

h2 {
  margin: 0 0 10px;
}

p {
  margin: 0 0 15px;
}

header {
  background: url(img/h-line.png) center bottom repeat-x;
  min-height: 129px;
  margin-bottom: 11px;
  color: @color-header;
  width: 100%;
  div.wrap {
    width: @baseWidth;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    @media screen and (max-width: 1200px) {
      width: 90%;
    }
    @media screen and (max-width: 768px) {
      width: 96%;
    }
    @media (max-width: 650px) {
      align-items: flex-start;
    }
  }
  a {
    text-decoration: none;
    color: @color-header;
  }
  .logo {
    float: left;
    text-align: right;
    width: 233px;
    font-size: 14.2px;
    font-family: @dop-font;
    a {
      @media (max-width: 430px) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        br {
          display: none;
        }
      }
    }
    span {
      color: @color-logo;
      font-family: @logo-font;
      font-size: 32px;
      font-weight: bold;
      line-height: 38px;
      white-space: nowrap;
      @media (max-width: 650px) {
        padding-left: 8px;
        font-size: 26px;
      }
      @media (max-width: 430px) {
        font-size: 22px;
        padding-left: 0;
      }
    }
    @media (max-width: 650px) {
      text-align: left;
      width: 200px;
      div {
        font-size: 14px !important;
        &:first-child {
          font-size: 16px !important;
        }
      }
    }
    @media (max-width: 430px) {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    img {
      float: left;

      @media (max-width: 650px) {
        width: 46px;
        height: auto;
      }
    }
    a.home {
      display: block;
      text-align: left;
      padding: 0 0 0 65px;
      color: @color-logo;
      font-weight: bold;
      font-size: 16px;
      @media (max-width: 650px) {
        font-size: 14px;
        padding: 0 0 0 45px;
      }
      @media (max-width: 430px) {
        padding-left: 0;
      }
    }

  }
  .social {
    float: right;
    width: 204px;
    font-weight: bold;
    font-size: 18px;
    margin: 23px 9px 0 0;

    a {
      width: 43px;
      height: 41px;
      display: block;
      float: left;
      margin-right: 8px;
      background: url(img/sprite.png) 0 0 no-repeat;
      display: inline-block;
      margin-top: 5px;
    }
    a.fb {
      background-position: -43px 0;
      width: 42px;
    }
    a.tw {
      background-position: -85px 0;
      width: 42px;
    }
    a.vk {
      background-position: -127px 0;
      width: 42px;
    }
  }
  .phone {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(img/header-phone.png) no-repeat 50% 50%;
    box-sizing: content-box;
    background-size: contain;
    width: 224px;
    height: 58px;
    margin: 0 1px 0 21px;
    padding: 12px 10px 5px 21px;
    text-align: center;
    line-height: 1;
    @media (max-width: 1200px) {
      width: auto;
      height: auto;
      padding: 15px 20px;
      margin: 0 0 0 10px;
    }
    @media (max-width: 992px) {
      padding: 5px 20px 10px;
      background-size: 100% 100%;
    }
    @media (max-width: 650px) {
      padding: 5px 10px 10px 15px;
    }
    @media (max-width: 650px) {
      order: 3;
    }
    a {
      font-weight: bold;
      font-size: 14px;
      white-space: nowrap;
    }
    span {
      display: inline-block;
      margin: 0;
      &.ml {
        margin-left: 54px;
      }
    }
  }
}

.container {
  width: @maxWidth;
  margin: 0 auto 21px;
  padding: 0;
  max-width: 94%;
  @media (min-width: 576px) {
    max-width: 94%
  }
  @media (min-width: 768px) {
    max-width: 90%
  }
  @media (min-width: 992px) {
    max-width: 90%
  }
  @media (min-width: 1200px) {
    max-width: 1200px;
  }
  nav {
    width: 288px;
    padding-left: 12px;
    float: left;
    box-sizing: content-box;
    * {
      box-sizing: content-box;
    }
    ul {
      padding: 0;
      margin: 0;
      li {
        font-weight: bold;
        font-size: 18px;
        padding: 0 0 0 20px;
        margin-bottom: 1px;
        list-style-type: none;
        background: url(img/nav-bg.png) 0 -34px no-repeat;
        a {
          height: 30px;
          color: #1f8a70;
          text-decoration: none;
          display: inline-block;
          padding: 4px 20px 0 9px;
        }
        &:hover, &.active {
          background: url(img/nav-bg.png) 0 -68px no-repeat;
          a {
            color: #fff;
            background: url(img/nav-bg.png) right top no-repeat;
          }
        }
      }
    }
    @media (max-width: 992px) {
      display: none;
    }
  }
  .social {
    float: right;
    width: 204px;
    font-weight: bold;
    font-size: 18px;
    /*margin: 23px 9px 0 0;*/
    a {
      width: 43px;
      height: 41px;
      display: block;
      float: left;
      margin-right: 8px;
      background: url(img/sprite.png) 0 0 no-repeat;
      display: inline-block;
      margin-top: 5px;
    }
    a.fb {
      background-position: -43px 0;
      width: 42px;
    }
    a.tw {
      background-position: -85px 0;
      width: 42px;
    }
    a.vk {
      background-position: -127px 0;
      width: 42px;
    }
  }
  .main-fotorama {
    width: 880px;
    height: 400px;
    @media screen and (max-width: 1300px) {
      width: 100%;
    }
    @media screen and (max-width: 768px) {
      height: 350px;
    }
    @media screen and (max-width: 425px) {
      height: 300px;
    }
  }

  .slider {
    position: relative;
    margin: 0 0 0 300px;
    padding-top: 1px;
    max-width: 880px;
    .main-fotorama__item {
      position: relative;
      width: 880px;
      height: 400px;
      @media screen and (max-width: 1300px) {
        width: 100%;
      }
      @media screen and (max-width: 768px) {
        height: 350px;
      }
      @media screen and (max-width: 425px) {
        height: 300px;
      }
      .main-fotorama__img {
        position: absolute;
        //width: 100%;
        height: 100%;
        //background: no-repeat 50% 50%;
        background: no-repeat 0% 0%;
        background-size: cover;
        top: 0;
        left: 0;
        //padding-bottom: 45%;
        z-index: 5000;
        width: 100%;

        @media screen and (max-width: 1300px) {
          background: no-repeat 30% 0%;
          width: 100%;
          background-size: cover;
        }
        @media screen and (max-width: 992px) {
          background-position: 50% 0%;
        }
      }
      .main-fotorama__bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5050;
        width: 100%;
        height: 100%;
      }
      .main-fotorama__text {
        position: absolute;
        padding-right: 60px;
        top: 0;
        padding-top: 47px;
        width: 350px;
        height: 100%;
        right: 0;
        @media screen and (max-width: 1300px) and (min-width: 1180px) {
          width: 320px;
        }
        @media screen and (max-width: 1180px) and (min-width: 992px) {
          width: 250px;
        }
        @media screen and (max-width: 992px) {
          width: 320px;
        }
        @media screen and (max-width: 768px) {
          padding-right: 50px;
          padding-top: 30px;
          width: 250px;
        }
        @media screen and (max-width: 575px) {
          padding-right: 40px;
          padding-top: 40px;
          width: 200px;
        }
        @media screen and (max-width: 425px) {
          width: 180px;
        }
        @media screen and (max-width: 375px) {
          padding: 40px;
          width: 100%;
          box-sizing: border-box;
        }
        &:after {
          content: '';
          position: absolute;
          top: 0;
          left: 2px;
          transform: translateX(-100%);
          z-index: 5000;
          height: 100%;
          right: auto;
          bottom: auto;
          width: 30px;

          background-size: 100% 100%;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url(img/slider-bg-left.png);
          @media screen and (max-width: 650px) {
            width: 20px;
          }
        }
        &:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          z-index: 5001;
          height: 100%;
          width: 100%;
          background-color: #46b7da;
        }
        h2 {
          color: #ffe11a;
          font-family: @logo-font;
          font-size: 28px;
          text-transform: uppercase;
          z-index: 5060;
          position: relative;
          @media screen and (max-width: 1300px) {
            font-size: 22px;
          }
          @media screen and (max-width: 992px) {
            font-size: 18px;
          }
          @media screen and (max-width: 525px) {
            font-size: 16px;
          }
        }
        p {
          margin: 5px 0 17px 14px;
          padding-top: 19px;
          border-top: 1px #fff solid;
          color: #fafaf8;
          text-transform: uppercase;
          font-size: 20px;
          line-height: 1.7;
          font-family: @dop-font;
          z-index: 5060;
          position: relative;
          @media screen and (max-width: 1300px) {
            font-size: 16px;
            margin: 0;
            line-height: 1.2 !important;
          }
          @media screen and (max-width: 525px) {
            font-size: 14px;

          }
        }
        a.btn {
          margin: 5px 0 0 14px;
          position: relative;
          z-index: 5060;
          @media screen and (max-width: 1300px) {
            margin: 14px 0 0;
          }
        }
      }

    }
    @media (max-width: 992px) {
      margin: 0;
    }
    a.prev, a.next {
      position: absolute;
      display: block;
      width: 64px;
      height: 64px;
      z-index: 6000;
      top: 169px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      transform: translateY(-50%);
      @media (max-width: 992px) {
        width: 40px;
        height: 40px;
      }
    }
    a.prev {
      left: -8px;
      background-image: url(img/bt-prev.png);

    }
    a.next {
      right: -10px;
      background-image: url(img/bt-next.png);
    }
    ul {
      padding: 0;
      margin: 0;
      li {
        position: relative;
        list-style-type: none;
        div {
          position: absolute;
          right: 60px;
          top: 47px;
          width: 259px;
          z-index: 5500;
          h2 {
            color: #ffe11a;
            font-family: @logo-font;
            font-size: 32px;
            text-transform: uppercase;
          }
          p {
            margin: 5px 0 17px 14px;
            padding-top: 19px;
            border-top: 1px #fff solid;
            color: #fafaf8;
            text-transform: uppercase;
            font-size: 21px;
            line-height: 35px;
            font-family: @dop-font;
          }
          a.btn {
            margin: 5px 0 0 14px;
          }
        }
      }
    }
  }
  .info-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    @media screen and (max-width: 1300px) {
      flex-wrap: wrap;
      justify-content: space-around;
    }
  }
  .info {
    display: inline-block;
    vertical-align: top;
    height: 229px;
    width: 25%;
    min-width: 290px;
    background: no-repeat 50% 50%;
    //background-size: contain;
    background-size: 100% 100%;
    background-image: url(img/info-bg.png);
    margin: 7px;
    position: relative;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 15px;
      z-index: 3;
      height: 102px;
      right: auto;
      bottom: auto;
      width: 102px;

      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      @media screen and (max-width: 768px) {
        height: 90px;
        width: 90px;
      }
    }
    &:after {
      content: '';
      position: absolute;
      bottom: auto;
      top: auto;
      right: auto;
      left: auto;
      z-index: 3;
      height: 25px;
      width: 28px;
      background-image: url(img/info-lines.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    &:nth-child(2n+1) {
      &:after {
        bottom: 15px;
        left: -5px;
        @media screen and (max-width: 992px) {
          bottom: 3px;
          left: 3px;
        }
      }

    }
    &:nth-child(2n) {
      &:after {
        top: 15px;
        right: -5px;
        transform: rotate(180deg);
        @media screen and (max-width: 992px) {
          top: 3px;
          right: 3px;
        }

      }
    }
    a {
      text-decoration: none;
      display: block;
      height: 164px;
      padding: 57px 10px 8px 40px;
      h2 {
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        color: @color-logo;
        padding-left: 88px;
        line-height: 20px;
        min-height: 52px;
        @media screen and (max-width: 1300px) {
          padding-bottom: 10px;
        }
        @media screen and (max-width: 992px) {
          padding-bottom: 0;
        }
      }

      p {
        color: @color-header;
        line-height: 20px;
      }

      @media screen and (max-width: 1300px) {
        padding: 60px 40px 20px 40px;
        height: auto;
      }
      @media screen and (max-width: 1300px) {
        padding: 45px 30px 20px 30px;
      }
    }
    @media screen and (max-width: 1300px) {
      width: 40%;
      height: 220px;
    }
    @media screen and (max-width: 992px) {
      width: 48%;
      height: 220px;
    }
    @media screen and (max-width: 768px) {
      width: 95%;
      height: 200px;
    }
    @media screen and (max-width: 425px) {
      height: 220px;
    }
    &.item1 {

      //width: 293px;
      margin-left: -5px;
      &:before {
        background-image: url(img/info-1.png);
      }
    }
    &.item2 {
      //width: 288px;
      margin-right: 6px;
      a {
        padding-left: 30px;
      }
      &:before {
        background-image: url(img/info-2.png);
      }
    }
    &.item3 {
      //width: 293px;
      margin-right: 14px;
      &:before {
        background-image: url(img/info-3.png);
      }
    }

    &.item4 {
      //width: 290px;
      margin: 0 -5px 0 0;
      a {
        padding-left: 25px;
      }
      &:before {
        background-image: url(img/info-4.png);
      }
    }
  }
}

.sm-container {
  width: @baseWidth;
  margin: 0 auto;
  margin-bottom: 38px;
  @media screen and (max-width: 1200px) {
    width: 90%;
  }
  .content-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    @media screen and (max-width: 992px) {
      flex-wrap: wrap;
    }
  }
  aside {
    width: 422px;
    float: right;
    padding-top: 38px;
    figure {
      position: relative;
      width: 422px;
      margin: 0 auto;
      figcaption {
        position: absolute;
        z-index: 5500;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        padding: 0 5px 21px;

        @media screen and (max-width: 992px) {
          padding: 0 5px 10px;
        }
        @media screen and (max-width: 375px) {
          padding: 0 5px 5px;
        }
      }
      @media screen and (max-width: 525px) {
        width: 100%;
        img {
          max-width: 100%;
          height: auto;
          width: auto;
        }
      }
    }
    @media screen and (max-width: 1300px) {
      width: 50%;
    }
    @media screen and (max-width: 992px) {
      width: 100%;
      order: 1;
      * {
        line-height: 1.5 !important;
      }
    }
  }
  article {
    margin: 0 30px 0 0;
    padding: 20px 0 0 22px;
    overflow: hidden;
    margin-bottom: 15px;
    /*@media screen and (max-width: 1300px) {
      width: 50%;
    }*/
    @media screen and (max-width: 992px) {
      width: 100%;
      order: 2;
      margin: 0;
      padding: 0;
      * {
        line-height: 1.5 !important;
      }
    }
    h1 {
      margin-left: -22px;
      @media screen and (max-width: 992px) {
        margin-left: 0;
      }
    }
    .news-item {
      overflow: hidden;
      margin-bottom: 15px;
      h3 {
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 3px;
        a {
          color: @color-logo;
          text-decoration: none;
        }
      }
      img {
        float: left;
        margin: 0 10px 10px 0;
        border-radius: 20%;
      }
      p {
        margin: 0;
        &.date {
          color: #1f8a70;
          font-weight: bold;
        }
      }
    }
    #back-form {
      .field {
        margin-bottom: 10px;
        &.aligned {
          margin-left: 32%;
        }
        .form-control {
          display: inline-block;
          border: 1px #e74c3c solid;
          padding: 5px 8px;
          border-radius: 10px;
          margin: 0;
          outline-width: 1px;
          width: 40%;
          vertical-align: middle;
          @media screen and (max-width: 650px) {
            width: 100%;
          }
        }
        .required-field {
          color: #e74c3c;
        }
        label {
          display: inline-block;
          line-height: 1.4em;
          margin-bottom: 2px;
          padding-right: 2%;
          text-align: right;
          vertical-align: middle;
          width: 30%;
          @media screen and (max-width: 650px) {
            width: 100%;
            margin-bottom: 10px;
            text-align: left;
          }
        }
        textarea {
          height: 100px;
        }

      }
    }
    .pagination {
      display: block;
      position: relative;
      text-align: center;
      padding-left: 0;
      font-size: 20px;
      line-height: 1.5;
      width: 100%;
      height: 1.5em
    }
    .pagination > li {
      display: inline
    }

    .pagination > li:first-child,
    .pagination > li:last-child {
      position: absolute;
      top: 0;
      font-size: 30px;
      line-height: 1em
    }
    .pagination > li:first-child {
      left: 18px
    }
    .pagination > li:last-child {
      right: 22px
    }

    .pagination > li > a,
    .pagination > li > span {
      text-decoration: none;
      color: #6d6d6d;
      padding: 5px 3px
    }
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
      color: #0576cf;
    }
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
      z-index: 2;
      color: #000;
      cursor: default;
    }
    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
      color: #d3d3d3;
      cursor: not-allowed;
    }
  }
  img {
    @media screen and (max-width: 768px) {
      max-width: 100%;
      height: auto;
      width: auto;
      margin: 10px 0 0;
    }

  }
  table {
    max-width: 100%;
    @media screen and (max-width: 992px) {
      width: 100% !important;
      table-layout: fixed;
      td {
        position: relative;
        max-width: 60%;
        padding: 4px !important;
        &:first-child {
          width: 30% !important;
        }
        * {
          max-width: 100%;
          word-break: break-word;
          text-align: left;
        }
      }
    }
    @media screen and (max-width: 425px) {
      td {
        &:first-child {
          width: 40% !important;
        }
      }
    }
  }
}

/*@media screen and (max-width: 767px) {
  table {
    border: 0;
  }

  table thead {
    display: none;
  }

  table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }

  table td {
    display: block;
    width: 100% \9;
    float: left \9;
    text-align: right;
    border-bottom: 1px dotted #ccc;
  }

  table td:last-child {
    border-bottom: 0;
  }

  table td:before {
    content: 'Группа ';
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}*/

footer {
  background: url(img/f-line-bot.png) bottom center repeat-x;

  div.wrap {
    background: url(img/f-line.png) top center repeat-x;
    .container {
      padding: 35px 0 40px;
      margin-bottom: 0;
      .footer {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        margin: 0;
        width: 100%;
        padding: 0;
        @media screen and (max-width: 1300px) {
          flex-wrap: wrap;
        }
      }
      div {
        float: left;
        margin-right: 25px;
        margin-bottom: 16px !important;
        @media screen and (max-width: 1300px) {
          padding-right: 25px;
        }
        @media screen and (max-width: 1300px) {
          margin-bottom: 0 !important;
        }
        &.logo {
          background: url(/themes/aibolitk/img/logo2.png) no-repeat;
          padding: 10px 0 0 67px;
          height: 56px;
          color: @color-logo;
          font-filter: none;
          font-family: @logo-font;
          font-size: 24px;
          font-weight: bold;
          margin-left: 20px;
          box-sizing: content-box;
          @media screen and (max-width: 1300px) {
            width: 30%;
            order: 1;
            margin: 0;
          }
          @media screen and (max-width: 992px) {
            width: 45%;
          }
          @media screen and (max-width: 768px) {
            width: 95%;
          }
        }
        &.phones {
          span {
            color: @color-base;
            font-size: 20px;
            font-weight: bold;
          }
          @media screen and (max-width: 1300px) {
            width: 30%;
            order: 4;
            margin: 0;
          }
          @media screen and (max-width: 992px) {
            width: 304px;
            padding: 0
          }
          @media screen and (max-width: 768px) {
            width: 95%;
          }
        }
        &.social {
          display: flex;
          flex-wrap: wrap;
          span {
            width: 100%;
          }
          @media screen and (max-width: 1300px) {
            width: 30%;
            order: 2;
            margin: 0;
          }
          @media screen and (max-width: 992px) {
            width: 45%;
            order: 3;

          }
          @media screen and (max-width: 768px) {
            width: 95%;
            margin-top: 16px;
          }
        }
      }
      form#search {
        float: right;
        background: url(img/sprite.png) 0 -117px no-repeat;
        width: 304px;
        display: flex;
        align-items: center;
        height: 47px;
        font-family: @dop-font;
        input {
          text-transform: uppercase;
          font-size: 12px;
          color: @color-logo;
          background: none;
          margin: 0px 8px 0 15px;
          padding: 0;
          width: 242px;
          border: 0;
        }
        button {
          border: 0;
          width: 26px;
          height: 26px;
          vertical-align: middle;
          background: none;
        }
        @media screen and (max-width: 1300px) {
          order: 3;
          margin: 0;
        }
        @media screen and (max-width: 992px) {
          order: 2;
        }
      }
    }
  }
}

.btn {
  font-family: @dop-font;
  text-decoration: none;
  background: @btn-bg;
  display: inline-block;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 9px 20px;
  font-size: 16px;
  text-transform: uppercase;
  &:hover {
    background: @btn-bg - 20%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
}

.nav-toggle {
  position: relative;
  z-index: 999;
  display: none;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  padding: 10px;
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap;
  text-indent: 100%;
  background: url(http://www.aybolit-k.t.ener.ru/themes/aibolitktest/img/nav-toggle.png) no-repeat 50% 50%;
  background-size: 100% 100%;
  margin-left: 10px;
  box-sizing: content-box;
}

@media (max-width: 475px) {
  .nav-toggle {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (max-width: 992px) {
  .nav-toggle {
    display: block;
  }
}

.nav-toggle:before,
.nav-toggle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.nav-toggle:before {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.nav-toggle:after {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.nav-toggle span {
  position: absolute;
  z-index: 10;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  display: inline-block;
  width: 50%;
  height: 4px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 2px;
  background-color: #fff;
}

.nav-toggle span:before,
.nav-toggle span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 2px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.nav-toggle span:before {
  -webkit-transform: translateY(-10px) rotate(0deg);
  transform: translateY(-10px) rotate(0deg);
}

.nav-toggle span:after {
  -webkit-transform: translateY(10px) rotate(0deg);
  transform: translateY(10px) rotate(0deg);
}

.nav-toggle.close-nav {
  z-index: 9900;
  /*position: fixed;
  top:0;
  right: 0;*/
}

.nav-toggle.close-nav:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.nav-toggle.close-nav:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.nav-toggle.close-nav span {
  background-color: rgba(255, 255, 255, 0);
}

.nav-toggle.close-nav span:before,
.nav-toggle.close-nav span:after {
  background-color: #fff;
}

.nav-toggle.close-nav span:before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

.nav-toggle.close-nav span:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.nav-block {
  display: flex;
  align-items: center;
  @media (max-width: 650px) {

    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    .phone {
      margin: 0;
    }
  }
}

@media (max-width: 992px) {
  nav[role="navigation"] {
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    padding-left: 15px;
    -webkit-transition: opacity .5s, visibility 0s .5s;
    transition: opacity .5s, visibility 0s .5s;
    opacity: 0;
    background-color: #154c35;
    ul {
      li {
        a {

          height: 30px;
          color: #ffffff;
          text-decoration: none;
          display: inline-block;
          padding: 4px 20px 0 9px;
        }
      }
    }
  }
}

nav[role="navigation"] .navbar-brand {
  display: none;
}

nav[role="navigation"] .navbar-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto;
}

nav[role="navigation"].open {
  visibility: visible;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  opacity: .95;
  ul {
    max-height: 100%;
    overflow-y: scroll;
  }
    
}

.g-recaptcha {
  margin: auto;
  text-align: center;
  & > div {
    margin: auto;
    text-align: center;
  }
}