/* Overlay styles */
[data-overlay],
[data-black-overlay] {
  position: relative;
}

[data-overlay]>div,
[data-overlay]>*,
[data-black-overlay]>div,
[data-black-overlay]>* {
  position: relative;
  z-index: 2;
}

[data-overlay]:before,
[data-black-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

[data-overlay]:before {
  background-color: #20c9c7;
}

[data-black-overlay]:before {
  background-color: #000000;
}

[data-overlay="1"]:before,
[data-black-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before,
[data-black-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before,
[data-black-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before,
[data-black-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before,
[data-black-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before,
[data-black-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before,
[data-black-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before,
[data-black-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before,
[data-black-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before,
[data-black-overlay="10"]:before {
  opacity: 1;
}

/* Background Image */
.bg-image-1 {
  background-image: url(../../img/home/slider-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image-2 {
  background-image: url(../../img/home/slider-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image-3 {
  background-image: url(../../img/home/slider-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}


/* Height and width */
.fullscreen {
  min-height: 100vh;
  width: 100%;
}

.w-100 {
  width: 100%;
}

.w-75 {
  width: 75%;
}

.w-50 {
  width: 50%;
}

.w-33 {
  width: 33.33%;
}

.w-25 {
  width: 25%;
}

.w-10 {
  width: 10%;
}

.h-100 {
  height: 100%;
}

.h-75 {
  height: 75%;
}

.h-50 {
  height: 50%;
}

.h-25 {
  height: 25%;
}

.h-33 {
  height: 33.33%;
}

.h-10 {
  height: 10%;
}