

.cover-slider__wrap {
  /* border: solid red 1px; */
  position: relative;
  max-width: 1440px;
  height: 700px;
  margin: 0 auto;
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {

.cover-slider__wrap {
    height: 500px
}
  }

@media only screen and (max-width: 575px) {

.cover-slider__wrap {
    height: 300px
}
  }

.cover-slider__inner {
  position: relative;
  text-align: center;
  z-index: 10;
  min-height: 40em;
}

@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {

.cover-slider__inner {
    min-height: 0
}
  }

.cover-slider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cover-slider__slide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  padding: 0;
  margin: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
  /* border: dashed green 1px; */
  overflow: hidden;
}

.cover-slider__slide.active {
  -webkit-animation-duration: 12000ms;
  animation-duration: 12000ms;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.cover-slider__slide.inactive {
  -webkit-animation-duration: 12000ms;
  animation-duration: 12000ms;
  -webkit-animation-name: slideout;
  animation-name: slideout;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes slidein {
  0% {
    left: 0;
    right: 100%;
  }

  50% {
    right:30%;
  }

  80% {
    right:30%;
  }

  100% {
    left: 0;
    right: 0;
  }
}

@-webkit-keyframes slideout {
  0% {
    left: 0;
    right: 0;
  }

  50% {
    left:70%;
  }

  80% {
    left:70%;
  }

  100% {
    left: 100%;
    right: 0;
  }
}

.cover-slider__slide.slide-a {
  background-image: url("../assets/imgz/A.jpg");
}

.cover-slider__slide.slide-b {
  background-image: url("../assets/imgz/B.jpg");
  /* background-position-x: 70%; */
}

.cover-slider__slide.slide-c {
  background-image: url("../assets/imgz/C.jpg");
}

.cover-slider__slide.slide-d {
  background-image: url("../assets/imgz/D.jpg");
}

.hide {
  position: absolute;
  left: -9999px;
}

.slider-bottom-detail {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 30px;
}

.slider-bottom-detail.bg-one {
  background: #ABC8E7
}

.slider-bottom-detail.bg-two {
  background: #5E81AC;
}

.slider-flag {
  width: 31px;
  height: 23px;
  display: block;
  margin: 3px 6px 0 6px;
}

.slider-flag.usa {
  background-image: url("../assets/imgz/icon-flag-usa.svg");
  background-size: cover;
  background-position: center;
}

.slider-flag.denmark {
  background-image: url("../assets/imgz/icon-flag-denmark.svg");
  background-size: cover;
  background-position: center;
}

.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.g-recaptcha, .grecaptcha-badge {display: none;}

.block-button.alignLeft {
  justify-content: flex-start; display: flex; margin: 1%;
}

.block-button.alignRight {
  justify-content: flex-end; display: flex; margin: 1%;
}

.block-button.alignCenter {
  justify-content: center; display: flex; margin: 1%;
}

.block-button .btn {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 84, 165, var(--tw-bg-opacity));
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  text-decoration: none;
}

.block-button .btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 56, 61, var(--tw-bg-opacity));
  }

.block-button .btn.smallButt {
    padding: 0.5rem;
  }

.block-button .btn.mediumButt {
    padding: 1rem;
  }

.block-button .btn.largeButt {
    padding: 1.5rem;
  }

.block-space-break.noSpace {
  height: 0; width: 100%;
}

.block-space-break.smallSpace {
  height:10px; width: 100%;
}

.block-space-break.mediumSpace {
  height:30px; width: 100%;
}

.block-space-break.largeSpace {
  height:80px; width: 100%;
}

.block-space-break.extraLargeSpace {
  height:160px; width: 100%;
}

.edit-this {
display: block;
position: absolute;
left: -16px;
top: 13px;
background-color: aquamarine;
z-index: 99;
padding: 2px 2px;
transform: rotate(90deg);
text-decoration: none;
}