@charset "UTF-8";

.modaal-close {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 100%;
  width: 30px;
  height: 30px;
  margin-bottom: 23px;
  border-radius: 0;
}
.modaal-close::before,
.modaal-close::after {
  width: 2px;
}
.modaal-close:hover {
  background-color: transparent;
}
.modaal-close:hover .modaal-close::before,.modaal-close::after {
  background-color: #fff;
}
.modaal-gallery-control {
  width: 46px;
  height: 46px;
  border: 1px solid #fff;
}
.modaal-gallery-control:after, .modaal-gallery-control:before {
  width: 2px;
  height: 9px;
}
#modaal-gallery-next.modaal-gallery-control:after {
  top: 20px;
  left:22px;
}
#modaal-gallery-next.modaal-gallery-control:before {
  top: 20px;
  left: 22px;
}
.modaal-gallery-control:before {

}
.modaal-gallery-control:after {
  margin: 0;
}
#modaal-gallery-prev.modaal-gallery-control:after, .modaal-gallery-control:before {
  top: 15px;
  left: 21px;
}
.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
  background: #000;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #fff;
}

@media screen and (max-width:767px) {
  .modaal-gallery-control {
    bottom: -26%;
  }
}