.alertWrapper {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100vh;
    /* display: flex; */
    z-index: 100;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity:0;
    z-index: 1000099999;
    display: none;
}
.dpi-loaded{
  display: flex;
  transition: visibility .5s ease, opacity .5s ease;
}
.alertTitle h2, .alertTitle, .alertText p, .alertText {
	color: #fff;
}
.alertContainer {
    position: relative;
    max-width: 700px;
    width: 90%;
    max-height: 850px;
    background: #0A3460;
    border:5px solid #fff;
    padding: 65px 100px;
}
.alertClose {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    z-index: 2;
}
.alertCloseLineOne, .alertCloseLineTwo {
    position: absolute;
    left:0;
    right:0;
    top:50%;
    margin:0 auto;
    width: 25px;
    height: 3px;
    background: #fff;
}
.alertClose.withColor .alertCloseLineOne, .alertClose.withColor .alertCloseLineTwo{
  background:#000;
}
.alertCloseLineOne{
  transform: rotate(45deg);
}
.alertCloseLineTwo{
  transform: rotate(-45deg);
}
.alertImage {
    max-height: 400px;
    height: 45vh;
    overflow: hidden;
}
.alertImage img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.alertInfo {
    padding: 5vh;
    max-height:400px;
}
.cookieWarning a {
    margin-left: 5px;
}
.alertLink .button{
  margin:0;
}
.cookieClose {
    display: block;
    cursor: pointer;
    text-align: right;
    margin: 10px;
}
.cookieClose:hover{
  text-decoration: underline;
}
.alertBg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4A4A4A;
    z-index: -1;
    opacity: .8;
}
.alertShow{
  position: fixed;
  left:-10px;
  top:50%;
  transform:translateY(-50px);
  width:40px;
  height:30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left:10px;
  background:#bf0000e6;
  visibility: hidden;
  opacity:0;
  z-index: 100;
  transition: left .3s ease, visibility .5s ease, opacity .5s ease;
}
.alertShow i{
  color:#fff;
  font-size:14px;
}
.alertShow:hover{
  left:0;
}
.cookieWarning {
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    background:#fff;
    font-size: 14px;
    line-height: 14px;
    z-index: 10001;
    visibility: hidden;
    opacity:0;
    transition: visibility .5s ease, opacity .5s ease;
}
.cookieWarning .cookieWarningButton{
  padding:5px 15px;
  margin:5px 15px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 7px;
  cursor: pointer;
}
.alerted{
  visibility: visible;
  opacity:1;
  transition: opacity .5s ease;
}
.alertShow.alerted{
  transition:left .5s ease, opacity .5s ease;
}

@media screen and (max-height:600px){
  .alertImage{
    height:40vh;
  }
  .alertInfo{
    padding:2vh 3vh;
  }
  .alertText p {
    line-height: 20px;
  }
  .alertContainer{
    max-width:850px;
  }
}
@media screen and (max-width:768px){
  .alertImage{
    height:40vh;
  }
  .alertInfo{
    padding:3vh;
    max-height:50vh;
  }
  .alertTitle h2{
    font-size: 28px;
    line-height:30px;
  }
  .alertText p{
    line-height:20px;
  }
  .cookieWarning{
    padding:3px;
  }
}
@media screen and (max-width:600px){
  .alertImage {
    height: 30vh;
  }
  .alertInfo{
    max-height:60vh;
  }
}
@media screen and (max-width:425px){
  .alertTitle h2{
    font-size: 24px;
    line-height: 26px;
  }
  .alertImage {
    height: 25vh;
  }
  .alertInfo{
    max-height:65vh;
  }
}