@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/AllianzNeoW04-Light.woff2") format("woff2"),url("fonts/AllianzNeoW04-Light.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:300;font-display:swap;src:url("fonts/AllianzNeoW04-LightItalic.woff2") format("woff2"),url("fonts/AllianzNeoW04-LightItalic.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/AllianzNeoW04-Regular.woff2") format("woff2"),url("fonts/AllianzNeoW04-Regular.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/AllianzNeoW04-Italic.woff2") format("woff2"),url("fonts/AllianzNeoW04-Italic.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/AllianzNeoW04-SemiBold.woff2") format("woff2"),url("fonts/AllianzNeoW04-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:600;font-display:swap;src:url("fonts/AllianzNeoW04-SemiBoldIt.woff2") format("woff2"),url("fonts/AllianzNeoW04-SemiBoldIt.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/AllianzNeoW04-Bold.woff2") format("woff2"),url("fonts/AllianzNeoW04-Bold.woff2") format("woff2")}
@font-face{font-family:"Allianz Neo";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/AllianzNeoW04-BoldItalic.woff2") format("woff2"),url("fonts/AllianzNeoW04-BoldItalic.woff2") format("woff2")}
html{font-display:swap;font-family:"Allianz Neo",sans-serif}
html input:-webkit-autofill::first-line {font-family:"Allianz Neo",sans-serif}
@charset "UTF-8";
p,h1,h2,h3,h4,h5{
  font-family:"Allianz Neo",sans-serif;
}

textarea:focus,
textarea,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="checkbox"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: gray;
  box-shadow: none;
  outline: 0 none;
  background: #f4d3ca;
}
.bg-alz{
  background: #596f6c;
}
.form-control{
  background: #f4d3ca;
  border-radius: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 25px;
}
.form-check-input:checked{
  background-color: #f4d3ca;
}
.href-none{
  text-decoration: none;

}
.padding-left-10{
  padding-left: 10px;
}
.alz-btn{
  background: #f4d3ca;
  color: #596f6c;
  width: 120px;
  font-size: 24px;
  font-weight: 700;
  border-radius: 50px;
  padding-bottom: 8px;
}
.alz-btn:hover{
  color: #596f6c;
  background: #f7dfd8;
}

#flexCheckChecked{
  color: white;

  border-radius: 0px;

}
.fs-45{
  font-size: 7em;
  font-weight: 600;
  line-height: 6rem;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.7); /* IE */
  -moz-transform: scale(1.7); /* FF */
  -webkit-transform: scale(1.7); /* Safari and Chrome */
  -o-transform: scale(1.7); /* Opera */
  padding: 4px;
}

.form-check-input{
  border: none;
  background: #f4d3ca;
  
}
.hvk{
  position: absolute;
  
}

.picture-kw,.picture-kw-2,.picture-kw-5,.picture-kw-6{
  position: fixed;
  z-index: -100;
}

.bg-main-1{

  background-image:url('../assets/img/main-bg-1.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom center;
}
.bg-main-3{

  background-image:url('../assets/img/main-bg-3.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom center;
}

.bg-main-5{

  background-image:url('../assets/img/bg-main-last.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom center;
}


ul.float-ul{
    clear: both;
    position: fixed;
    display: block;
    list-style-type: none;
    right: 0px;
    top: 0;
    
    -webkit-animation: slideright 1s forwards;
    -webkit-animation-delay: 1.5s;
    animation: slideright 1s forwards;
    animation-delay: 1.5s;
}
ul.float-ul li{

    border-radius: 0px 0px 0px 50px;
    
    padding: 20px 20px;
    
    background-color: #596f6c;
    -webkit-transition: width .5s,background-color .1s;
    transition: width .5s,background-color .1s;
}
ul.float-ul a{
    color: white;
    text-decoration: none;
}



.centerr{
  top: 50%;
  transform: translateY(-50%);

}

.wrapper{
  width: 400px;
  height: 500px;
  border: solid 2px white;
}
.wrapper-inside{
  position: relative;
  width: 400px;
  height: 500px;
  border: solid 2px white;
  border-radius: 50px;
  margin-left: -2px;
  margin-top: -2px;
  padding: 45px;
}

.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
  font-size: 3.2rem;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1.2em;
  white-space: nowrap;
  cursor: pointer;
}
.star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "☆";
  color: #fff;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  content: "★";
  color: #fff;
  text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
  width: .5em;
}
.star-cb-group:hover > input + label:before {
  content: "☆";
  color: #fff;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: #fff;
  text-shadow: 0 0 1px #333;
}

fieldset {
  border: 0;
  background: transparent;
  width: 345px;
  border-radius: 1px;
  padding: 0 auto;
  margin: 0em auto;
}
.gorustextarea{
  border-radius: 18px;
  background: #fff;
  color: #454545;
  padding: 10px !important;
}

#log {
  margin: 1em auto;
  width: 5em;
  text-align: center;
  background: transparent;
}

.textarea-w{
  width:85%;
}
.picture-kw-5{
 bottom: 0 !important;
 left: 0 !important;

 height: 550px !important;
}

@media screen and (min-width: 992px) {
  .hide-on-desk{
    display: none;
  }
  .hvk{
    top: 50% !important;
    right: 100px !important;
    transform: translateY(-50%);
    height: 300px !important;
  }
  .p-w-65{
    width: 65%;
  }

  .picture-kw{
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%);
    height: 550px !important;
  }
  .picture-kw-2{
    bottom: 0 !important;
    right: 0 !important;
    
    height: 850px !important;
  }
  .picture-kw-6{
    bottom: 0 !important;
    right: 0 !important;
    
    height: 850px !important;
  }

  


}





@media screen and (max-width:  1366px) {
  .hvk{
    top: 50% ;
    right: 25px !important;
    transform: translateY(-50%);
    height: 250px !important;
  }
  .picture-kw-5{
   bottom: 0 !important;
   left: 0 !important;
   height: 350px !important;
 }
}

@media screen and (max-width: 992px) {
  .hide-on-mobile{
    display: none;
  }
  .p-w-65{
    width: 100%;
  }
  .hvhm{
    width: 280px;
  }
  .fs-45{
    font-size: 4em;
    font-weight: 600;
    line-height: 4rem;
  }
  
  
  
  .picture-kw{
    bottom: 0 !important;
    right: 0 !important;
    height: 240px !important;
    z-index: -100;
  }
  .picture-kw-2{
    bottom: 0 !important;
    right: 0 !important;
    
    height: 550px !important;

  }
  .picture-kw-6{
    bottom: 0 !important;
    right: 0 !important;
    
    height: 350px !important;

  }
  .picture-kw-5{
   bottom: 0 !important;
   left: 0 !important;

   height: 250px !important;
   z-index: 9999;
 }
 .hvk{


  left:50% !important;
  right: 0 !important;
  transform: translateX(-50%);

  height: 200px !important;
  z-index: -100;
  opacity: 0.1;
}


}


@media screen and (max-width:  667px){
  .picture-kw-5{


   height: 150px !important;
 }
}


@media screen and (max-width: 414px) {
  .lead-text{
    font-size: 18.85px;
    text-align: center;
    margin-top: 5px;
  }
  .wrapper{
    width: 374px;
    height: 600px;

  }
  .wrapper-inside{
    position: relative;
    width: 374px;
    height: 600px;
    
  }
  .wrapper .lead{
    font-size: 16px;
  }
  
  .hvhm-mob{
    width: 200px;
  }
  .picture-kw{
    bottom: 0 !important;
    right: 0 !important;
    height: 220px !important;
    z-index: -100;
  }
  .picture-kw-2{
    bottom: 0 !important;
    right: 0 !important;
    height: 340px !important;
    z-index: -100 !important;
  }
  .picture-kw-6{
    bottom: 0 !important;
    right: 0 !important;
    height: 340px !important;
    z-index: -100 !important;
  }
  .picture-kw-5{
   bottom: 0 !important;
   left: 0 !important;

   height: 150px !important;
 }
 .hvk{
  top: 40% !important;
  left:55% !important;
  right: 0px;
  transform: translateX(-50%);

  height: 200px !important;
  z-index: -100;
  opacity: 0.1;
}


}



.btn-alz{
  background: #2d314e;
  color: white;
  font-weight: 700;
  font-size: 22px;
  border-radius: 0px !important;
  padding: 7px 14px;
}

.btn-alz:hover{
  background: #006192;
  color: white;
  
}