body .about-slider__container {
  position: relative; }

body .beauty-border__container.beauty-border--top-left {
  top: -20px;
  left: 10px; }

body .beauty-border__container {
  position: absolute;
  width: 100%;
  height: 100%; }

body .beauty-border__container.beauty-border--top-left:before {
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #ffcc00 0%, rgba(255, 255, 255, 0) 100%); }

body .beauty-border__container:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%; }

body .beauty-border__container.beauty-border--top-left:after {
  top: 0;
  left: 0;
  background: linear-gradient(to right, #ffcc00 0%, rgba(255, 255, 255, 0) 100%); }

body .beauty-border__container:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 1px; }

body .beauty-border__container.beauty-border--bottom-right {
  bottom: -20px;
  right: -20px; }

body .beauty-border__container.beauty-border--bottom-right:before {
  bottom: 0;
  right: 0;
  background: linear-gradient(to top, #ffcc00 0%, rgba(255, 255, 255, 0) 100%); }

body .beauty-border__container.beauty-border--bottom-right:after {
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, #ffcc00 0%, rgba(255, 255, 255, 0) 100%); }

body .beauty-border__container:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 1px; }

body .beauty-border__container:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%; }

body .gallery-slider .slick-dots {
  position: absolute;
  display: flex;
  bottom: 30px;
  right: 20px; }

body .gallery-slider ul.slick-dots {
  list-style: none; }

body .gallery-slider .slick-dots li.slick-active button {
  background: #00ae89; }

body .gallery-slider .slick-dots button {
  margin: 0 2px;
  border: none;
  font-size: 0;
  background: #dddddd;
  padding: 5px;
  border-radius: 50%;
  transition: all cubic-bezier(0.7, 0, 0.3, 1) 800ms; }

body .slick-dots li {
  width: 10px;
  height: 10px; }
  body .slick-dots li button {
    width: 10px;
    height: 10px; }
    body .slick-dots li button:before {
      line-height: 10px;
      width: 10px;
      height: 10px; }

.slick-slider {
  z-index: 999; }

body.ltr .slick-slide img {
  float: right; }

@media (max-width: 768px) {
  .slick-slide img {
    width: 100%; } }