@font-face 
{
  font-family: nivea;
  src: url("../fonts/nivbot.ttf");
}

@font-face 
{
  font-family: nivea_kc;
  src: url("../fonts/nivbkc.ttf");
}
@font-face 
{
  font-family: nivea_bk;
  src: url("../fonts/nivbk.ttf");
}

@font-face 
{
  font-family: nivea_bold;
  src: url("../fonts/nivbot.ttf");
}

@font-face 
{
  font-family: nivea_me;
  src: url("../fonts/nivme.ttf");
}

@font-face 
{
  font-family: segoe;
  src: url("../fonts/Segoe_UI.ttf");
}

@font-face 
{
  font-family: segoe_bold;
  src: url("../fonts/Segoe_UI_Bold.ttf");
}

html
{
  font-family: nivea;
}
body{
  font-family: nivea !important;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  /*background-color: #1b3462;*/
    background-color: white !important;

}


.menu{
  background: transparent !important;
  z-index:10;
}



  main {
    flex: 1 0 auto;
   
  }


.htw-back{
  min-height: 400px;
  background-color: white;
  /* background-image: url("../images/background.png");
  background-repeat: repeat;
  
  -webkit-animation: slide 15s linear infinite 0s normal forwards;
  animation: slide 15s linear infinite 0s normal forwards;

  background-size: auto 400px */
  
}

.segoe{
font-family: segoe;
}
.segoe_bold{
  font-family: segoe_bold;

}




.logo-img {
  max-height: 100% !important;font: 1em sans-serif;
}
form{
  padding: 0% 15% 5% 15%;
}
.thankyou{
  border-bottom: 2px solid #9e9e9e;
  
}
label{
  color: #1b3462 !important;
  font-size: 1.25rem !important;
}
.footer-img{
  max-width:100% !important;
}

  #htw
{
  background-color: transparent;
  width:100%;
  margin: 0 auto;
  z-index: 1;
}

#sticky{
  position: -webkit-sticky;
  position: sticky;
 top: 5px;

}

nav
{
  background-color: transparent !important;
  line-height: 50px !important;
  height: 70px !important;
}
/* .button-collapse
{
  float: right !important;
} */

.material-icons
{
  display: inline !important;
}

.no-shadows
{
  box-shadow: none!important;
}

.dialog-title
{
  left: 70%;
  top: 4vw;
  font-size: 5vw;
}

.blue-back
{
  /*background-color: #020269 !important;*/
  /*background-color: #1b3462;*/
  background-color: #1b3462 !important;

}
.nivea_blue{
  background-color: #1b3462  !important;
  
}
.nivea_blue_text{
  color:#4d155b !important;
}

.logo
{
  height: 100%;
  padding: 6px;
  z-index:10;
}

.text
{
  font-family: nivea;
  text-align: justify !important;
  padding: 0px 10vw;
}
footer
{
  position: relative;
  margin-top: 50px;
  padding-top: 40px;
}

#sidenav-overlay {
  z-index: -2 !important;
  }

.info-title
{
    font-family: nivea_me;
}

.participate-wrapper{
  background-color: transparent !important;
  margin-top: -5vw;
}

.cookiealert
{
  background-color: white !important;
  color: #4d155b !important;
  z-index:1000;
}


  .main_image{
    margin-top: 50px
  }
  .input-field{
    background-color: white;
  }

  textarea.materialize-textarea:focus{
    border-bottom:#EDAE05 !important;
    box-shadow: 0 1px 0 0 #EDAE05 !important;
  }
  .dropdown-content li>span{
    color: #EDAE05 !important;
  }
  input[type=text]:not(.browser-default):focus:not([readonly]){
    border-bottom:#EDAE05 !important;
    box-shadow: 0 1px 0 0 #EDAE05 !important;
    margin: 0;
  }

  .participate-btn
  {
    width: 400px;
    margin: 30px auto;
    cursor: pointer;
  }

  .participate-btn-small
  {
    width: 200px;
    cursor: pointer;
  }

  .participate-btn-small:hover, .participate-btn:hover
  {
    transform: scale(1.05);
    transition: transform 0.5s;
  }

  .button{
    padding: 20px 5px  !important;
      box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
      border-radius: 100px;
      margin:10px 0;
      border: 5px solid #1b3462;
      font-size: 34px;
      cursor: pointer;
      color: #1b3462;
      background:gray;
      /* background:#EDAE05; */
  }
  .button-code{
    padding: 10px 5px !important;
    margin-top: 40px !important;
      box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
      border-radius: 100px;
      margin:10px 0;
      border: 5px solid #4d155b;
      font-size: 34px;
      cursor: pointer;
      color: #4d155b;
      /* background:#EDAE05; */
      background:transparent;

  }

  .button-code:hover{
      color: white;
      background:#4d155b;

  }

  .fixed_button{
    padding: 5px 20px  !important;
      cursor: pointer;
      position:fixed;
      left:25px;
      bottom:20px;
      z-index:500;
  }

  .like_button, .like_insta_button{
    padding: 24px;

  }

  .background{
    min-height: 40vw;
  background-size: cover;
    background-image: url("../images/desktop-background.png");
  }
  .xfm-label{
    height: 20vw;
  }


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

    #modal-postponed{
      overflow-y: hidden;
      max-height: 90%;
      width: 90vw;
     
    }
    .detailsCard{
      padding: 5px 30px  !important;
        box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
        border-radius: 45px;
        margin:10px 0;
        background-color: white;
    }
  
    .background_main{
      min-height: 80vh;
    background-size: cover;
      background-image: url("../images/home_m_main_bg.png");
    }

    form{
      padding: 0% 5% 5% 5%;
    }
    .like_insta_button, .like_button{
     margin-top: 5vh;
    }
    .background{
      min-height: 80vh;
    background-size: cover;
      background-image: url("../images/mob_background.png");
    }
    .modal-loader{
      width: 50% !important;
    }
    .bottom-margin-mobile{
      margin-bottom: 1rem !important;
    }
    .xfm-label{
      height: 30vh;
      text-align: center;
    }
    .button{
      padding: 20px 20px  !important;
        box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
        border-radius: 100px;
        margin:10px 0;
        font-size: 18px;
        cursor: pointer;
        border: 5px solid #1b3462;
        /* background: #EDAE05;
         */
      background:gray;
        color: #1b3462;
    }
    .button-code{
      padding: 20px 20px  !important;
        box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
        border-radius: 100px;
        margin:10px 0;
        
        border: 5px solid #4d155b;

        font-size: 18px;
        cursor: pointer;
        color: #4d155b;
        /* background:#EDAE05; */
        background:transparent;
  
    }
  
    .button-code:hover{
        color: white;
        background:#4d155b;
  
    }
    .participate-btn
    {
      width: 250px;
      margin: 0px;
      margin-bottom: 20px;
      cursor: pointer;
    }

    .fixed_button {
      padding: 5px 20px !important;
      cursor: pointer;
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 500;
    }
  }
    @media only screen and (min-width: 769px){
      #modal-postponed{
        overflow-y: hidden;
        max-height: 90%;
        width: 90vh;
        top:5% !important;
      }
      .cookie-table{
        font-size: 21px;
      }
      .social-text{
        padding-bottom: 35px !important;
      }
      .detailsCard{
        padding: 10px 30px  !important;
          box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
          border-radius: 45px;
          margin:10px 0;
          background-color: white;
      }
      .background_how{
        min-height: 60vw;
        background-size: cover;
          background-image: url("../images/home_how_bg.png");
      }
      .background_main{
        min-height: 80vh;
      background-size: cover;
        background-image: url("../images/home_main_bg.png");
      }
      .modal-loader{
        width: 20% !important;
      }
      .valign{
        display: -webkit-box; 
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
      }
    }

    .preloader-holder {
      height: 100px;
    }
    .btn-flat.disabled{
      color:#13113a !important;
    }

    .spinner-blue, .spinner-blue-only {
      border-color: #13113a !important;
  }
  .arrow
{
  position:fixed;
  right:25px;
  cursor: pointer;
  bottom:10px;
  /* color: #EDAE05 !important; */
  color: white !important;

  z-index:500;
}
label {
  font-size: 1.5rem !important;
}
td,th{
  text-align: center !important;
}

.menu-bg nav div,.nivea_grad{
  background: #4d155b !important;
/* background: linear-gradient(90deg, rgba(144,95,83,1) 0%, rgba(253,212,195,1) 35%, rgba(144,95,83,1) 100%) !important; */
}
.codeCard{
  padding: 10px 30px  !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    border-radius: 100px;
    margin:10px 0;
    background-color: white;
}



.blue-background{
  background: #13113a !important;
}

[type="checkbox"].filled-in:checked+label:after{
  /* border: 2px solid #1b3462 !important;
  background-color: #1b3462 !important; */
  border: 2px solid #4d155b !important;
  background-color: #4d155b !important;
}
[type="checkbox"].checkbox-error:not(:checked)+label:after{
  border: 2px solid red !important;
}


.gold-text{
  color:#EDAE05;
}

.niv-purple-text{
  color:#4d155b !important;
}

#pp, #pp-label{
  color:#4d155b !important;
}

.suffix{
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  transition: color .2s;
  top: 0px;
  right: 0px;
}
.no-margin{
  margin: 0 !important;
}

#pp-label{
  font-size: 1rem !important;
}
.cp_table td{
  border: 1pt solid;
  width: 25%;
}