.fancybox__container {
  z-index: 9999
}
.fancybox__container .fancybox__backdrop {
  background-color: rgba(0,0,0,.6)
}
.modals {
  display: none
}
.modals.fancybox__content {
  display: none;
  padding: 35px 74px;
  width: 100%;
  max-width: 550px
}
.modals.fancybox__content .f-button {
  width: 20px;
  height: 20px;
  top: 20px!important;
  right: 25px!important;
  color: #000
}
.modals.fancybox__content .f-button:hover {
  color: rgba(0,0,0,.6)!important
}
.modals.fancybox__content .f-button svg {
  width: 20px;
  height: 20px
}
.modals.colorbox__content {
  display: none;
  padding: 0 20px;
  width: 100%;
  max-width: 440px
}
.modals.colorbox__content .f-button {
  width: 20px;
  height: 20px;
  top: 20px!important;
  right: 25px!important;
  color: #000
}
.modals.colorbox__content .f-button:hover {
  color: rgba(0,0,0,.6)!important
}
.modals.colorbox__content .f-button svg {
  width: 20px;
  height: 20px
}
.modals__title {
  font-family: "Roboto Slab",sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #5b9118;
  text-transform: uppercase;
  text-align: center
}
.modals__form .form__title {
  font-family: "Roboto Slab",sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #5b9118;
  margin-bottom: 28px;
  text-transform: uppercase;
  text-align: center
}
.modals__form .form__col {
  display: flex;
  flex-direction: column
}
.modals__form .form__label {
  width: 100%
}
.modals__form .form__label:not(:last-of-type) {
  margin-bottom: 22px
}
.modals__form .form__input,
.modals__form .form__textarea {
  width: 100%
}
.modals__form .form__btn {
  margin-top: 28px
}
.modals__form .form__policy {
  margin-top: 15px;
  text-align: center
}
.modals__success-text {
  margin-top: 28px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 155%
}
.modals_img.fancybox__content {
  display: none;
  padding: 0;
  width: 100%;
  max-width: 930px
}
.modals_img.fancybox__content .f-button {
  width: 20px;
  height: 20px;
  top: -70px!important;
  right: -70px!important;
  color: #fff
}
.modals_img.fancybox__content .f-button:hover {
  color: rgba(0,0,0,.6)!important
}
.modals_img.fancybox__content .f-button svg {
  width: 20px;
  height: 20px
}
.modals__slider .slick-track {
  display: flex;
  align-items: flex-start
}
.modals__slider .slick-arrow {
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,.7);
  z-index: 20
}
.modals__slider .slick-arrow::before {
  display: none
}
.modals__slider .slick-arrow:focus,
.modals__slider .slick-arrow:hover {
  background-color: rgba(0,0,0,.5)
}
.modals__slider .slick-prev {
  left: -100px
}
.modals__slider .slick-next {
  right: -100px
}
.modals__slider.slick-initialized .slick-slide {
  display: flex;
  justify-content: space-between;
  height: initial
}
.modals__img-block {
  width: 100%;
  max-width: 494px
}
.modals__img-block img {
  display: block
}
.modals__comments-block {
  width: 100%;
  max-width: 437px
}
.modals__item {
  display: flex;
  justify-content: space-between
}
@media (max-width:1200px) {
  .modals_img.fancybox__content .f-button {
    top: -40px!important;
    right: -40px!important
  }
  .modals__slider .slick-prev {
    left: -30px
  }
  .modals__slider .slick-next {
    right: -30px
  }
}
@media (max-width:1100px) {
  .modals__slider .slick-arrow {
    width: 30px;
    height: 30px
  }
}
@media (max-width:1024px) {
  .modals_img.fancybox__content .f-button {
    top: -30px!important;
    right: 0!important
  }
}
@media (max-width:992px) {
  .modals__slider .slick-prev {
    left: 0
  }
  .modals__slider .slick-next {
    right: 0
  }
}
@media (max-width:930px) {
  .modals_img.fancybox__content {
    max-width: 520px!important;
    padding: 0!important
  }
  .modals__img-block {
    max-width: initial
  }
  .modals__img-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .modals__comments-block {
    max-width: initial
  }
  .modals__item {
    flex-direction: column
  }
}
@media (max-width:768px) {
  .modals.fancybox__content {
    padding: 70px 40px 30px
  }
  .modals__title {
    font-size: 30px;
    line-height: 36px
  }
  .modals__form .form__title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px
  }
  .modals__form .form__label:not(:last-of-type) {
    margin-bottom: 19px
  }
  .modals__form .form__btn {
    margin-top: 19px
  }
}
@media (max-width:590px) {
  .modals.fancybox__content {
    max-width: 355px;
    padding: 70px 15px 22px
  }
  .modals.fancybox__content .f-button {
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 0;
    top: 22px!important;
    right: 15px!important
  }
  .modals.fancybox__content .f-button svg {
    width: 16px;
    height: 16px
  }
  .modals.colorbox__content {
    padding: 0;
    max-width: 280px
  }
  .modals.colorbox__content .f-button {
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 0;
    top: 22px!important;
    right: 15px!important
  }
  .modals.colorbox__content .f-button svg {
    width: 16px;
    height: 16px
  }
  .modals__form .form__policy {
    margin-top: 10px
  }
  .modals__success {
    padding-bottom: 25px
  }
  .modals_img.fancybox__content .f-button {
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,.8);
    border-radius: 50%
  }
  .modals_img.fancybox__content .f-button svg {
    width: 20px;
    height: 20px
  }
}
@media (max-width:540px) {
  .modals__success-text {
    margin-top: 20px
  }
}