/* ------------ */

#main_slider {
  background-color: #2B2B2B;
}

#main_slider .controls {
  right: 1.438rem;
  bottom: -3rem;
  margin: auto 1.25rem 1.25rem auto;
  z-index: 5;
}

#main_slider .counter {
  margin-right: 1.875rem;
  font-size: 0.75rem;
  color: #EDF2FF;
}

#main_slider .counter .current {
  font-weight: 600;
  font-size: 1rem;
  color: #FF842C;
}

#main_slider .nav_container button {
  background: transparent;
  border: 0;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main_slider .owl-dots {
  display: none;
}

#brand_slider a {
  width: 11.25rem;
  height: 6.5rem;
  background-color: #EDF2FF;
  text-decoration: none;
}

#actual_block .actual_item {
  background-color: #2B2B2B;
  overflow: hidden;
}

#actual_block .actual_item img {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out,-moz-transform 1s ease-in-out,-o-transform 1s ease-in-out,transform 1s ease-in-out;
}

#actual_block .actual_item:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

#actual_block .title {
  top: 50%;
  left: 50%;
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: bold;
  -webkit-text-stroke: 0.03em #3f51b5;
}

#popular_block {
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
  background: url("/image/home_bg_popular_stub.png") center center no-repeat #2B2B2B;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

#popular_block nav {
  margin-bottom: 6.25rem;
}

#popular_block nav .h4 {
  color: #FFFFFF;
}

#popular_block nav .nav-link {
  background-color: transparent;
  border: none;
  border-bottom: 0.125rem solid transparent;
  color: #CED7EA;
}

#popular_block nav .nav-link.active {
  color: #FF842C;
  border-bottom-color: #FF842C;
}

#popular_block .product_grid_item .inner {
  background-color: #FFFFFF;
}

@media (min-width: 768px) {
  #main_slider .controls {
    margin: auto 2.5rem 3.875rem auto;
  }

  #popular_block {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

@media (max-width: 576px) {
  #brand_slider li {
    width: 48%;
    height: auto;
  }

  #brand_slider li a {
    width: auto;
    height: 100%;
  }
}