@charset "UTF-8";
header {
  width: 100%;
  height: 100px;
  background-color: red;
  color: white;
  text-align: center; }

main {
  background: #f3eeee; }

.ad_blocks {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
  width: 95%;
  height: 300px;
  border: 2px dashed darkgray; }
  .ad_blocks h1 {
    text-transform: uppercase;
    color: darkgray; }

.slider__menu {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.show__all {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

/* Слайдер */
.slick-slider {
  min-width: 0; }

/* Ограничивающая оболочка */
.slick-list {
  overflow: hidden; }

/* Лента слайдов */
.slick-track {
  display: flex;
  align-items: flex-start; }

/* Слайд */
/* Слайд активный */
/* Слайд основной */
/* Слайд по центру */
/* Стрелка */
/* Стрелка влево */
/* Стрелка вправо */
/* Стрелка не активная */
/* Точки */
/* Конкретный слайдер */
.slider {
  position: relative;
  padding: 0 60px; }

@media (max-width: 767px) {
  .slider {
    padding: 0 40px; } }
.slider .slick-arrow {
  position: absolute;
  top: 50%;
  margin: -30px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 60px; }

.slider .slick-arrow.slick-prev {
  left: 0;
  border-width: 0;
  background: url("../images/sl-arrow_l.svg") 0 0/100% no-repeat; }

.slider .slick-arrow.slick-next {
  right: 0;
  border-width: 0;
  background: url("../images/sl-arrow_r.svg") 0 0/100% no-repeat; }

.slider .slick-arrow.slick-disabled {
  opacity: 0.2; }

.slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center; }

.slider .slick-dots li {
  list-style: none;
  margin: 0 10px; }

.slider .slick-dots button {
  font-size: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%; }

.slider .slick-dots li.slick-active button {
  background-color: transparent;
  border: 1px solid #fff; }

.slider__item {
  padding: 0 15px;
  transition: 250ms all; }
  .slider__item :hover {
    transform: scale(1.2); }

.slider__item img {
  max-width: 100%; }

.active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

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