.carousel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  opacity: 0;
  transition: .15s;
  pointer-events: none;
}

.carousel.open {
    /*display: inline;*/
    opacity: 1;
    pointer-events: auto;
    z-index: 1000;
}

.carousel .slides {
  width: 100%;
  height: 100%;
  /*height: calc(100vh - 5vw);*/
  /*top: 2.5vw;*/
  top: 1.2vw;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  position: relative;
}

.carousel .slides img.slide {
    width: auto;
    height: 100%;
    /*max-width: 100%;*/
    max-height: calc(100vh - 5.5vw);
}

.prev {
  cursor: w-resize;
  position: absolute;
  margin-left: -50%;
  height: 100%;
  width: 50%;
}

.next {
  cursor: e-resize;
  position: absolute;
  margin-left: 50%;
  height: 100%;
  width: 50%;
}

.pagination {
  /*width: 100%;*/
  bottom: 1.2vw;
  left: 1.2vw;
  position: absolute;
  text-align: center;
}

img.close-carousel {
	/*filter: invert(100%);*/
    width: 1.8vw;
    height: auto;
    position: absolute;
    top: 1.4vw;
    right: 1.2vw;
    cursor: pointer;
    z-index: 99;
}

/*Carousel drawings*/
.carousel-drawings {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  opacity: 0;
  transition: .15s;
  pointer-events: none;
}

.carousel-drawings.open {
    /*display: inline;*/
    opacity: 1;
    pointer-events: auto;
    z-index: 99;
}

.carousel-drawings .slides-drawings {
  width: 100%;
  height: 100%;
  /*height: calc(100vh - 5vw);*/
  /*top: 2.5vw;*/
  top: 1.2vw;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  position: relative;
}

.carousel-drawings .slides-drawings img.slide-drawings {
    width: auto;
    height: 100%;
    /*max-width: 100%;*/
    max-height: calc(100vh - 5.5vw);
}

.prev-drawings {
  cursor: w-resize;
  position: absolute;
  margin-left: -50%;
  height: 100%;
  width: 50%;
}

.next-drawings {
  cursor: e-resize;
  position: absolute;
  margin-left: 50%;
  height: 100%;
  width: 50%;
}

.pagination-drawings {
  /*width: 100%;*/
  bottom: 1.2vw;
  left: 1.2vw;
  position: absolute;
  text-align: center;
}

img.close-carousel-drawings {
	/*filter: invert(100%);*/
    width: 1.8vw;
    height: auto;
    position: absolute;
    top: 1.4vw;
    right: 1.2vw;
    cursor: pointer;
    z-index: 99;
}

/*TABLET*/
@media (max-width:1024px) {
}

/*MOBILE*/
@media (max-width:600px) {

.carousel .slides, .carousel-drawings .slides-drawing {
  width: calc(100vw - 5vw);
  height: auto !important;
  top: 50%;
  transform: translateY(-50%);
  left: 2.5vw;
  align-items: center !important;
}

.carousel .slides img.slide, .carousel-drawings .slides-drawings img.slide-drawings {
    width: 100%;
    height: auto !important;
    /*max-width: 100%;*/
    max-height: calc(100vh - 10vw) !important;
    align-items: center !important;
}

.carousel-drawings .slides-drawings img.slide-drawings {
    align-self: center !important;
}

.pagination, .pagination-drawings {
  bottom: 2vw;
  left: 2.5vw;
  position: absolute;
}

img.close-carousel, img.close-carousel-drawings {
    width: 3.6vw;
    height: auto;
    position: absolute;
    top: 4vw;
    right: 2.5vw;
}

}