@font-face {
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
}
@font-face {
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2");
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
}
@font-face {
  src: url("../fonts/Roboto-Regular.woff2") format("woff2");
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
}
@font-face {
  src: url("../fonts/Roboto-Bold.woff2") format("woff2");
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
}
html {
  font-size: 14px;
}

body {
  min-width: 320px;
  position: relative;
  overflow-x: hidden;
  opacity: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #0b2532;
}

input[name=surname] {
  display: block;
  width: 1px;
  height: 1px;
  margin-bottom: -1px;
  opacity: 0.01;
}

header {
  white-space: nowrap;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
header img {
  margin-right: 5px;
}
header a {
  color: #0b2532;
}
header a:hover, header afocus {
  text-decoration: none;
  color: #0b2532;
}

footer {
  background-color: #3a6087;
  color: #ffffff;
}
footer h2 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
footer a {
  color: #ffffff;
}
footer a:hover, footer a:focus {
  color: #ffffff;
}
footer ul {
  padding: 0;
  list-style: none;
}
footer ul li {
  display: inline-block;
  width: 50%;
}
footer span a {
  color: #ffffff;
}
footer span a:hover, footer span afocus {
  text-decoration: none;
  color: #ffffff;
}

.content {
  min-height: calc(100vh - 417px);
}
.content h1 {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.content h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.content h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.content h4 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.content h5,
.content h6 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.bg-ovit {
  background-color: #3a6087;
}

.btn-ovit {
  color: #ffffff;
  background-color: #e21e23;
  border-color: #e21e23;
}
.btn-ovit:hover, .btn-ovit:focus {
  background-color: #f42c31;
  border-color: #f42c31;
  color: #ffffff;
}
.btn-ovit:active {
  background-color: #c9161b;
  border-color: #c9161b;
  color: #ffffff;
}

.list-group-item.list-group-item-ovit {
  color: #0b2532;
  background-color: #e6f0f7;
  border: 1px solid #dddddd;
}
.list-group-item.list-group-item-ovit:hover, .list-group-item.list-group-item-ovit:focus {
  box-shadow: 0 10px 27px rgba(0, 77, 115, 0.3);
  background-color: #ffffff;
  text-decoration: none;
}

.slide {
  color: #ffffff;
  background-size: cover;
  background-position: center center;
}
.slide .row {
  min-height: 450px;
  padding-left: 5%;
  padding-right: 5%;
}
.slide h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
}
.slide p {
  font-size: 16px;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}

.promo h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.promo p {
  color: #909090;
}

.mall {
  color: #ffffff;
  background-image: url(../img/mall.jpg);
  background-size: cover;
  background-position: center center;
  text-align: center;
}
.mall h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.categories h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.categories p {
  color: #909090;
}
.categories a {
  color: #0b2532;
}
.categories a:hover, .categories a:focus {
  text-decoration: none;
}

.category {
  border-radius: 5px;
  border: 1px solid #e6f0f7;
  height: 100%;
  background-color: #e6f0f7;
  background-size: cover;
  background-position: right bottom;
}
.category:hover, .category:focus {
  border: 1px solid #dddddd;
  box-shadow: 0 10px 27px rgba(0, 77, 115, 0.3);
  background-color: #ffffff;
}
.category._item1 {
  background-image: url(../img/1.png);
}
.category._item2 {
  background-image: url(../img/2.png);
}
.category._item3 {
  background-image: url(../img/3v2.png);
}
.category._item4 {
  background-image: url(../img/4.png);
}
.category._item5 {
  background-image: url(../img/5.png);
}
.category._item6 {
  background-image: url(../img/6.png);
}
.category._item7 {
  background-image: url(../img/7.png);
}
.category._item8 {
  background-image: url(../img/8.png);
}
.category._item9 {
  background-image: url(../img/9.png);
}
.category._item10 {
  background-image: url(../img/10.png);
}
.category._item11 {
  background-image: url(../img/11.png);
}
.category._item12 {
  background-image: url(../img/12.png);
}
.category._item13 {
  background-image: url(../img/13.png);
}
.category._item14 {
  background-image: url(../img/14.png);
}
.category._item15 {
  background-image: url(../img/15v2.png);
}
.category span {
  color: #909090;
}
.category span:hover, .category span:focus {
  color: #0b2532;
  text-decoration: underline;
}
.category h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.category p {
  color: #0b2532;
}

.deals h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.deals p {
  color: #909090;
}

.advantages {
  color: #ffffff;
  background-image: url(../img/advantages.jpg);
  background-size: cover;
  background-position: center center;
}
.advantages h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.advantages h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.news h2 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.news p {
  color: #909090;
}

.partners {
  background-color: #e6f0f7;
}

.partner {
  height: 60px;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.partner._item1 {
  background-image: url(../img/p1.jpg);
}
.partner._item1:hover, .partner._item1:focus {
  background-image: url(../img/h1.jpg);
}
.partner._item2 {
  background-image: url(../img/p2.jpg);
}
.partner._item2:hover, .partner._item2:focus {
  background-image: url(../img/h2.jpg);
}
.partner._item3 {
  background-image: url(../img/p3.jpg);
}
.partner._item3:hover, .partner._item3:focus {
  background-image: url(../img/h3.jpg);
}
.partner._item4 {
  background-image: url(../img/p4.jpg);
}
.partner._item4:hover, .partner._item4:focus {
  background-image: url(../img/h4.jpg);
}
.partner._item5 {
  background-image: url(../img/p5.jpg);
}
.partner._item5:hover, .partner._item5:focus {
  background-image: url(../img/h5.jpg);
}
.partner._item6 {
  background-image: url(../img/p6.jpg);
}
.partner._item6:hover, .partner._item6:focus {
  background-image: url(../img/h6.jpg);
}
.partner._item7 {
  background-image: url(../img/p7.jpg);
}
.partner._item7:hover, .partner._item7:focus {
  background-image: url(../img/h7.jpg);
}
.partner._item8 {
  background-image: url(../img/p8.jpg);
}
.partner._item8:hover, .partner._item8:focus {
  background-image: url(../img/h8.jpg);
}
.partner._item9 {
  background-image: url(../img/p9.jpg);
}
.partner._item9:hover, .partner._item9:focus {
  background-image: url(../img/h9.jpg);
}
.partner._item10 {
  background-image: url(../img/p10.jpg);
}
.partner._item10:hover, .partner._item10:focus {
  background-image: url(../img/h10.jpg);
}
.partner._item11 {
  background-image: url(../img/p11.jpg);
}
.partner._item11:hover, .partner._item11:focus {
  background-image: url(../img/h11.jpg);
}
.partner._item12 {
  background-image: url(../img/p12.jpg);
}
.partner._item12:hover, .partner._item12:focus {
  background-image: url(../img/h12.jpg);
}
.partner._item13 {
  background-image: url(../img/p13.jpg);
}
.partner._item13:hover, .partner._item13:focus {
  background-image: url(../img/h13.jpg);
}
.partner._item14 {
  background-image: url(../img/p14.jpg);
}
.partner._item14:hover, .partner._item14:focus {
  background-image: url(../img/h14.jpg);
}
.partner._item15 {
  background-image: url(../img/p15.jpg);
}
.partner._item15:hover, .partner._item15:focus {
  background-image: url(../img/h15.jpg);
}
.partner._item16 {
  background-image: url(../img/p16.jpg);
}
.partner._item16:hover, .partner._item16:focus {
  background-image: url(../img/h16.jpg);
}

.brand-carousel .slick-slide {
  margin: 0 15px;
}

.breadcrumb {
  background-color: #e6f0f7;
}
.breadcrumb a {
  color: #909090;
}

.badge-ovit {
  color: #ffffff;
  background-color: #e21e23;
}

.list-group-item.active {
  background-color: #3a6087;
  border-color: #3a6087;
}
.list-group-item:hover, .list-group-itemfocus {
  background-color: #e6f0f7;
  border-color: #e6f0f7;
  color: #0b2532;
}

.product-wrapper h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.product-wrapper p {
  color: #909090;
}
.product-wrapper a {
  color: #0b2532;
}
.product-wrapper a:hover, .product-wrapper a:focus {
  text-decoration: none;
}

.product {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #e6f0f7;
  height: 100%;
}
.product:hover, .product:focus {
  border: 1px solid #dddddd;
  box-shadow: 0 10px 27px rgba(0, 77, 115, 0.3);
  background-color: #ffffff;
}
.product p {
  color: #e21e23;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.product span {
  color: #909090;
}
.product span:hover, .product span:focus {
  color: #0b2532;
  text-decoration: underline;
}
.product .discount {
  position: absolute;
  background: #e21e23;
  color: #ffffff;
  top: 30px;
  right: 15px;
  padding: 4px 15px;
  box-shadow: 0 10px 27px rgba(0, 77, 115, 0.3);
}

.price span {
  color: #e21e23;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.product-carousel .slick-dots {
  list-style: none;
  padding: 0;
  display: flex;
}
.product-carousel .slick-dots li {
  margin-right: 10px;
  margin-top: 10px;
}
.product-carousel .slick-dots li:last-child {
  margin-right: 0;
}

.page-link {
  color: #0b2532;
}
.page-link:hover, .page-link:focus {
  color: #0b2532;
  background-color: #e6f0f7;
}

.page-item.active .page-link {
  background-color: #e21e23;
  border-color: #e21e23;
}

.news-wrapper h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.news-wrapper p {
  color: #0b2532;
}
.news-wrapper a {
  color: #0b2532;
}
.news-wrapper a:hover, .news-wrapper a:focus {
  text-decoration: none;
}

.news {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #e6f0f7;
  height: 100%;
}
.news:hover, .news:focus {
  border: 1px solid #dddddd;
  box-shadow: 0 10px 27px rgba(0, 77, 115, 0.3);
  background-color: #ffffff;
}
.news span {
  color: #909090;
}
.news span:hover, .news span:focus {
  color: #0b2532;
  text-decoration: underline;
}

.map-menu,
.map-submenu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.map-menu a,
.map-submenu a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

.map-menu {
  background-color: #3a6087;
  color: #ffffff;
}

.map-submenu {
  background-color: #ffffff;
  color: #0b2532;
  border: 1px solid #dddddd;
}
.map-submenu:hover, .map-submenu:focus {
  background: #e6f0f7;
}
.map-submenu a {
  cursor: pointer;
}

.mall-item {
  border: 1px solid #dddddd;
  border-radius: 5px;
  border: 1px solid #e6f0f7;
  color: #909090;
}
.mall-item h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #0b2532;
  font-weight: 700;
}
.mall-item span {
  color: #0b2532;
}
.mall-item a {
  color: #0b2532;
}
.mall-item a:hover, .mall-item a:focus {
  text-decoration: none;
}

.af-message-success,
.af-message-error,
.af-message-info {
  background-color: #e21e23 !important;
  color: #ffffff;
  border: none;
  font-size: 16px;
}

@media only screen and (max-width: 1200px) {
  /**/
}
@media only screen and (max-width: 992px) {
  /**/
  footer {
    text-align: center;
  }
  .advantages {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  /**/
  header {
    text-align: center;
  }
  .card-columns {
    column-count: 1;
  }
}
@media only screen and (max-width: 575px) {
  /**/
}
@media only screen and (max-width: 480px) {
  /**/
  .category h3 {
    margin-bottom: 0;
  }
  .product h3 {
    font-size: 16px;
  }
  .product p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 320px) {
  /**/
}
@media only screen and (min-width: 480px) {
  /**/
}
@media only screen and (min-width: 575px) {
  /**/
}
@media only screen and (min-width: 768px) {
  /**/	
  .card-columns {
    column-count: 2;
  }
}
@media only screen and (min-width: 992px) {
  /**/
}
@media only screen and (min-width: 1200px) {
  /**/
}