@charset "UTF-8";
html {
  font-size: 62.5%; }

body {
  font-family: "PT Sans", Verdana, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: black; }

a {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.menu {
  margin: 25px auto; }
  .menu img {
    width: 140px;
    height: auto;
    margin: 11px auto; }
    @media screen and (max-width: 991px) {
      .menu img {
        width: 130px;
        margin: 10px auto; } }
  .menu nav {
    margin: 0 auto;
    padding: 20px 0;
    font-size: 1.6rem;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .menu nav {
        padding: 30px 0 0 0; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .menu nav {
        padding: 15px 0 10px 0; } }
    .menu nav a {
      position: relative;
      display: inline-block;
      padding: 2px 0 2px 22px;
      color: #1b1b1b; }
      .menu nav a:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 8px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #1b1b1b; }
      .menu nav a:first-child {
        padding-left: 0; }
        .menu nav a:first-child:before {
          content: none; }
      .menu nav a:hover {
        text-decoration: underline;
        color: #2516c7; }
  .menu .RequestCall {
    float: right;
    text-align: center; }
    .menu .RequestCall .callBtn {
      display: inline-block;
      margin: 0 auto;
      padding: 9px 12px;
      border-radius: 2px;
      color: white;
      background: #f80202;
      font-size: 1.4rem;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (max-width: 991px) {
        .menu .RequestCall .callBtn {
          font-size: 1.3rem;
          padding: 9px; } }
      .menu .RequestCall .callBtn:hover {
        background-color: #ff2f2f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
      .menu .RequestCall .callBtn:active {
        background-color: #f80202;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
    .menu .RequestCall p {
      padding-top: 10px;
      font-size: 1.8rem; }
      @media screen and (max-width: 991px) {
        .menu .RequestCall p {
          font-size: 1.5rem; } }

.mainScreen {
  padding-top: 100px;
  padding-bottom: 50px;
  background: url(../img/background.jpg) no-repeat center center;
  background-size: cover;
  color: white;
  font-size: 2rem;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .mainScreen {
      padding-top: 75px;
      padding-bottom: 50px;
      font-size: 1.3rem; } }
  @media screen and (max-width: 991px) {
    .mainScreen {
      font-size: 1.6rem; } }
  .mainScreen .text {
    padding: 30px 40px;
    background-color: rgba(0, 0, 0, 0.85); }
    @media screen and (max-width: 767px) {
      .mainScreen .text {
        margin: 0 5px;
        padding: 40px 25px; } }
  .mainScreen h1 {
    margin-bottom: 46px;
    text-align: left;
    font-size: 3.6rem;
    line-height: 1.2; }
    @media screen and (max-width: 991px) {
      .mainScreen h1 {
        margin-bottom: 24px;
        font-size: 2.2rem; } }
  .mainScreen p {
    margin-bottom: 65px; }
    @media screen and (max-width: 991px) {
      .mainScreen p {
        margin-bottom: 24px; } }
  .mainScreen .checkInBtn {
    display: inline-block;
    padding: 15px 42px;
    background-color: #febf01;
    border: 1px solid #be8f00;
    color: #1b1b1b;
    font-weight: 700;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (max-width: 767px) {
      .mainScreen .checkInBtn {
        padding: 9px 24px; } }
    .mainScreen .checkInBtn:hover {
      background-color: #fec80a;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .mainScreen .checkInBtn:active {
      background-color: #febf01;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }

.main section {
  padding-top: 50px;
  border-bottom: 1px solid #ebebeb; }
  .main section:last-child {
    border: none; }

.main h1 {
  position: relative;
  margin-bottom: 55px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 2.5rem; }
  .main h1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 132px;
    height: 5px;
    background: #5894cd;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  @media screen and (max-width: 991px) {
    .main h1 {
      margin-bottom: 35px; } }

.itemCard {
  max-width: 260px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 15px;
  font-size: 1.4rem;
  line-height: 1.2;
  border-radius: 5px;
  height:340px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  .itemCard:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); }
  .itemCard .picture {
    position: relative;
    height: 130px; }
    .itemCard .picture img {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: auto;
      width: auto;
      max-width: 100%;
      margin: auto auto; }
  .itemCard h3 {
    min-height: 40px;
    margin: 10px 0;
    font-weight: 700;
    line-height: 1.4; }
    .itemCard h3 a {
      color: #2c6ca9;
      text-decoration: underline; }
      .itemCard h3 a:hover {
        text-decoration: none; }
  .itemCard .description {
    height: 80px;
    padding: 8px 0;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
    color: #414141;
    overflow:hidden;
  }
  .itemCard .more {
    display: inline-block;
    margin-top: 17px;
    padding: 7px 16px 9px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 1.6rem;
    color: white;
    background-color: #f80202;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .itemCard .more:hover {
      background-color: #ff2f2f;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    .itemCard .more:active {
      background-color: #f80202;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }
  .itemCard.category h3 {
    /*text-transform: uppercase;*/ 
  }

.brands {
  padding-bottom: 50px;
  overflow: hidden; }
  .brands .item {
    overflow: hidden; }
    .brands .item a {
      display: block;
      min-height: 80px;
      overflow: hidden;
      position: relative; }
    .brands .item img {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      width: auto;
      max-height: 80px;
      height: auto;
      margin: auto;
      padding: 0 15px;
      filter: grayscale(100%);
      -moz-transition: filter 0.1s;
      -o-transition: filter 0.1s;
      -webkit-transition: filter 0.1s;
      transition: filter 0.1s; }
      .brands .item img:hover {
        filter: none; }
  .brands .owl-carousel {
    margin-top: -30px;
    padding-top: 30px;
    overflow: hidden; }
  .brands .owl-theme .owl-nav {
    position: relative;
    top: -110px;
    width: 46px;
    margin: 0;
    margin-left: auto; }
    .brands .owl-theme .owl-nav .owl-prev {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      background: #2c6ca9 url(../img/prev.png) no-repeat 45% center;
      background-size: auto 50%; }
    .brands .owl-theme .owl-nav .owl-next {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      background: #2c6ca9 url(../img/next.png) no-repeat 56% center;
      background-size: auto 50%; }

.reasons {
  padding-bottom: 50px;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2; }
  .reasons .wrap {
    padding: 50px;
    border: 1px solid #ebebeb;
    border-radius: 8px; }
    @media screen and (max-width: 767px) {
      .reasons .wrap {
        padding: 0 40px;
        border: none; } }
  @media screen and (max-width: 767px) {
    .reasons .row div {
      padding-top: 40px;
      border-top: 1px solid #ebebeb; }
      .reasons .row div:first-child {
        border-top: none; } }
  .reasons h2 {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 1.7rem; }
  .reasons img {
    display: block;
    height: 88px;
    width: auto;
    margin: 0 auto; }
  .reasons p {
    margin: 30px 0 40px; }
    @media screen and (max-width: 767px) {
      .reasons p {
        padding: 0; } }
  .reasons .bottom {
    padding-top: 45px;
    border-top: 1px solid #ebebeb; }
    .reasons .bottom p {
      margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .reasons .bottom {
        position: relative;
        text-align: left; }
        .reasons .bottom h2, .reasons .bottom p {
          margin-top: 0;
          margin-left: 130px; }
        .reasons .bottom h2 {
          margin-bottom: 15px; }
        .reasons .bottom img {
          position: absolute;
          top: 45px;
          left: 10px;
          height: 105px; } }

/* подвал начало */
footer {
  position: relative;
  min-height: 260px;
  width: 100%;
  background-color: #1a1a1a; }
  @media screen and (max-width: 991px) {
    footer {
      min-height: 520px;
      padding-top: 260px; } }
  footer .mapBlock {
    height: 260px; }
    @media screen and (max-width: 991px) {
      footer .mapBlock {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0;
        padding: 0; } }
    footer .mapBlock #map {
      height: 100%;
      width: 100%; }
  footer .contacts {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.5rem;
    color: #c2c2c2; }
  footer h1, footer nav {
    padding: 0 10px; }
  footer h1 {
    margin-bottom: 24px;
    text-decoration: underline;
    font-size: 2.2rem; }
  footer .contactsContent {
    margin-bottom: 30px; }
    footer .contactsContent p, footer .contactsContent h2, footer .contactsContent .mail a {
      display: inline-block;
      margin-left: 10px;
      padding-top: 8px;
      text-decoration: none;
      color: #c2c2c2; }
    footer .contactsContent .mail a:hover {
      text-decoration: underline; }
    footer .contactsContent .numbers p, footer .contactsContent .numbers h2, footer .contactsContent .numbers .mail a {
      padding-top: 0px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    footer .contactsContent {
      width: 100%; }
      footer .contactsContent:after {
        content: "";
        display: table;
        clear: both; }
      footer .contactsContent h2 {
        height: 30px; }
      footer .contactsContent h2, footer .contactsContent p, footer .contactsContent .mail a {
        display: block;
        margin: 0;
        padding: 0; }
    footer .numbers, footer .address, footer .mail {
      position: relative;
      float: left;
      margin: 0; }
    footer .numbers {
      width: 30%; }
    footer .address {
      width: 40%;
      left: 30%; }
    footer .mail {
      width: 30%;
      right: 40%; } }
  footer nav {
    clear: both;
    padding-top: 24px;
    font-size: 1.4rem;
    text-align: left;
    border-top: 1px solid #f9f9f9; }
    @media screen and (max-width: 575px) {
      footer nav {
        font-size: 1.4rem; } }
    @media screen and (max-width: 991px) {
      footer nav {
        text-align: center; } }
    footer nav :first-child {
      padding-left: 0; }
      footer nav :first-child:before {
        content: none; }
    footer nav a {
      position: relative;
      display: inline-block;
      padding: 2px 0 2px 22px;
      color: #f9f9f9; }
      footer nav a:before {
        content: '';
        position: absolute;
        top: 40%;
        left: 7px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #f9f9f9; }
      footer nav a:hover {
        text-decoration: underline;
        color: #f4ff41; }
      footer nav a.active {
        text-decoration: underline;
        color: #f4ff41; }

/* подвал конец */