a {
  color: #00B7FF;
}


.unsubscribe-generali {
  width: 100vw;
  height: 100vh;
}

.unsubscribe-form-generali {
  width: 100vw;
  height: 100vh;
}

.not-registered-generali {
  width: 100vw;
  height: 100vh;
}

.flex-vertical-center{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex{
  display: flex;
}

.flex-center-center{
  align-items: center;
  justify-content: center;
}

.flex-justified-center{
  align-items: center;
  justify-content: space-between;
}

.full-height{
  height: 100vh !important;
  overflow: hidden;
}

.flex-item {
  display: flex;
}

.padding-top-50vh{
  padding-top: 50vh;
}

.padding-top-40vh{
  padding-top: 40vh;
}

.padding-top-35vh{
  padding-top: 35vh;
}

.padding-top-30vh{
  padding-top: 30vh;
}

.text-white{
  color: white !important;
}

.bg-black-30 {
  background: rgba(0,0,0,.3);
}

.bg-black-40 {
  background: rgba(0,0,0,.4);
}

.bg-black-50 {
  background: rgba(0,0,0,.5);
}

.bg-black-60 {
  background: rgba(0,0,0,.6);
}

.flex-start{
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-v{
  flex-direction: column;
}

.flex-h{
  flex-direction: row;
}


/*! CSS Used from: https://static.domainesia.com/assets/css/page-rating.min.css?ver=20200611305 */
/* body{background-color:#eee;} */
.box{text-shadow:none;background-position:initial initial;background-repeat:initial initial;margin:auto;background-color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:55px 15px;max-width:500px!important;}
.rating-title{text-align:center;color:#00a2e9;}
@media screen and (min-width: 577px) {
  body{
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
  }

  .unsubscribe-generali {
    background-image: url(/images/Slide5.png);
    background-size: cover;
    background-position: center;
  }
  
  .unsubscribe-form-generali {
    background-image: url(/images/Slide5.png);
    background-size: cover;
    background-position: center;
  }

  .not-registered-generali {
    background-image: url(/images/Slide5.png);
    background-size: cover;
    background-position: center;
  }

  .not-registered-generali .col {
    display: block;
  }

  .unsubscribe-generali .col {
    display: block;
  }

  .absolute-logo{
    position: absolute;
    background-image: url(/images/logo.png) !important;
    background-size: contain !important;
    background-position-x: center!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    top: 5vh;
    left: 5vh;
    width: 330px;
    height: 63px;
    padding:5px;
    background-origin: content-box;
  }
  
  .absolute-logo-white{
    position: absolute;
    background-image: url(/images/logo-white.png) !important;
    background-size: contain !important;
    background-position-x: center!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-origin: content-box;
    top: 10vh;
    left: 10vh;
    width: 330px;
    height: 63px;
    padding:5px;
  }
  
  .absolute-logo-white-right{
    position: absolute;
    background-image: url(/images/logo-white.png) !important;
    background-size: contain !important;
    background-position-x: center;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    top: 10vh;
    right: 10vh;
    width: 330px;
    height: 63px;
    padding:5px;
  }
  
  .absolute-right-footer{
    position: absolute;
    bottom: 5vh;
    right: 10vh;
    width: 330px;
  }
  
  .footer-contact-label {
    color: #F4B183 !important;
    font-size: large;
  }
  
  .absolute-right-icons {
    position: absolute;
    width: 100%;
    bottom: 5px;
    right: 5px;
    text-align: right;
  }

  .unsubscribe-desc-container{
    position: absolute;
    top: 30vh;
    padding-right: 30vw;
    padding-left: 30vw;
    color: white;
    text-align: center;
  }

  .subscribe-container{
    padding-top:30vh;
    padding-right: 10vw;
    padding-left: 10vw;
    color: white;
    text-align: center;
  }

  .not-registered-desc-container{
    padding-top: 30vh;
    padding-left: 10vw;
    padding-right: 10vw;
    color: white;
    text-align: center;
  }
  
  .unsubscribe-form-container{
    padding-right: 15vw;
    padding-left: 15vw;
    color: white;
    text-align: center;
  }

  
}
/*! CSS Used fontfaces */

@media screen and (max-width: 400px) {
  body{
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100%;
  }

  h1 {
    font-size: large;
  }

  p {
    font-size: x-small;
  }
}

@media screen and (min-width: 401px) and (max-width: 576px) {
  body{
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100%;
  }

  h1 {
    font-size: x-large;
  }

  p {
    font-size: small;
  }
}

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

  .unsubscribe-generali {
    background-image: url(/images/Slide5.png);
    background-size: cover;
    background-position: center;
  }

  .unsubscribe-form-generali {
    background-image: url(/images/Slide5.png);
    background-size: cover;
    background-position: center;
  }

  .not-registered-generali {
    background-image: url(/images/Slide5.png);
    background-size: cover;
    background-position: center;
  }

  .absolute-logo{
    position: absolute;
    background-image: url(/images/logo.png) !important;
    background-size: contain !important;
    background-position-x: center;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;

    top: 5%;
    left: 5%;
    width: 330px;
    height: 63px;
  }
  
  .absolute-logo-white, .absolute-logo-white-right{
    position: absolute;
    background-image: url(/images/logo-white.png) !important;
    background-size: contain !important;
    background-position-x: center;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;

    top: 3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 66vw;
    height: 14vw;
    padding:5px;
  }

  .absolute-right-footer{
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 330px;
  }
  
  .footer-contact-label {
    color: #F4B183 !important;
    font-size: large;
  }
  
  .absolute-right-icons {
    position: absolute;
    width: 100%;
    bottom: 5px;
    right: 5px;
    text-align: right;
  }

  .unsubscribe-form-container{
    padding-right: 5vw;
    padding-left: 5vw;
    color: white;
    text-align: center;
  }

  .unsubscribe-desc-container{
    position: absolute;
    top: 20vh;
    padding-right: 10vw;
    padding-left: 10vw;
    color: white;
    text-align: center;
  }

  .subscribe-container{
    padding-top:20vh;
    padding-right: 10vw;
    padding-left: 10vw;
    color: white;
    text-align: center;
  }

  .not-registered-desc-container{
    padding-top: 30vh;
    padding-left: 10vw;
    padding-right: 10vw;
    color: white;
    text-align: center;
  }
}

@media(min-width:600px){
  .sub-main{
      flex: 0 0 auto;
      text-align: center;
      width: 90vw;
  }
}

@media(max-width:599px){
  .sub-main{
      margin-top: -5vh;
      flex: 0 0 auto;
      text-align: center;
      width: 90vw;
  }
}


.text-holder {
  padding: 10px;
}

.input {
  padding-top: 5px;
  padding-bottom: 5px;
}

.input * {
  padding-left: 10px;
  padding-right: 10px;
}

.input input {
  max-width: 100%;
  color: black;
}

.login {
  text-align: center;
  width: 100%;
}

.login button{
  padding: 5px 10px;
  color: black;
}

.login button span{
  padding: 5px;
  color: black;
}
.email-change, .offer-contact {
  text-align: center;
  width: 100%;
}

.email-change button,.offer-contact button{
  color: white;
}

.email-change button span, .offer-contact button span{
  color: white;
}

.bg-generali {
  background-image: url(/images/Slide5.png);
  background-size: cover;
    background-position: center;
  color: white;
}

.bg-generali-5 {
  background-image: url(/images/Slide5.png) !important;
  background-size: cover;
    background-position: center;
  color: white;
}

.bg-generali-4 {
  background-image: url(/images/Slide4.png) !important;
  background-size: cover;
    background-position: center;
  color: white;
}

.bg-generali-3 {
  background-image: url(/images/Slide3.png) !important;
  background-size: cover;
    background-position: center;
  color: white;
}

.bg-generali-2 {
  background-image: url(/images/Slide2.png) !important;
  background-size: cover;
  background-position: center;
  color: white;
}

.bg-generali-1 {
  background-image: url(/images/Slide1.png) !important;
  background-size: cover;
  background-position: center;
  color: white;
}

.bg-black-30 {
  background: rgba(0,0,0,.3);
}