body{font-family: 'Open Sans', sans-serif;margin: 0;
    padding: 0;}
/*welcome page css*/
img{
    width:100%;
}
.hide {
  display: none;
}
.welcome{
    background-image: url(../images/Thank-You-Desktop-View.jpg);
    position: absolute;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }
.welcome-img{width: 85%;}
.welcome-text{
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.welcome-btn
{
    position: absolute;
    top: 92%;
    left: 82%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    width: 11%;
}
.addeventatc {
    font-size: 11px!important;
    padding: 7px 6px 7px 25px!important;
    position: absolute!important;
    left: 52%!important;
    background: #91d239!important;
    font-weight: bold!important;
}
.addeventatc .addeventatc_icon {
    background-size: 11px 11px!important;
    top: 7px!important;
    left: 7px!important;
}


.brand{    font-size: 13px;
    position: fixed;
    top: 93%;
    right: 1%;
    /*transform: translate(-50%, -50%);*/
    color: #fff;
    margin: 0;
    padding: 2px 10px;
    background: #000;
    font-family: 'Open Sans',sans-serif;
    border-radius: 20px;}
.brand a {
    font-size:15px; 
    display: inline-block;
}
.tech_x{
  font-weight: 800;  
  background: -webkit-linear-gradient(#e52070, #524da0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.btn-submit{background: transparent;
  border: none;
  outline: none;}
/*.btn-submit img{width: 35%;}  */

/*.btn-submit{
    padding: 2px 14px;
    background: #91d239;
    border: none;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    border-radius: 10px;
    margin-top: 5px;
    line-height: 18px;
}*/
/*.btn-submit{background: transparent;border: none;}
.btn-submit:focus{box-shadow: none;outline: none;}

.btn-submit img{width: 100px;}*/
.submit {
    width: 35%;
    /* top: 101%; */
    margin-top: 10%;
}
.btn-click{
    border-radius: 2px solid #000;
    color: #1b83c5;
    border: 1px solid #1b83c5;
    padding: 8px 15px;
    border-radius: 10px;font-family: 'Quicksand', sans-serif;

}
.btn-login:hover{text-decoration: none;}
.btn-click:hover{text-decoration: none; background:#1b83c5; transition: .3s; color: #fff;}


/*login page css*/

.login-banner{
    background-image: url(../images/Login-Page.jpg);
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }

.form-banner ul{margin-left: -40px;} 
.form-banner ul li{list-style: none;}

.form-banner{
    
    /*background: #1c8dc9;*/
    border-radius: 10px; 
    position: absolute; 
    top: 50%;
    left: 80%;
    padding: 0px 5px;
    width: 24%;
    transform: translate(-50%, -50%); 
    background-repeat: no-repeat;
  }
  
.form-banner table tr td{color:#fff;}  
.form-banner ul li{padding: 0px 10px;}
/*.form-banner ul li:nth-child(1){width: 72%;}*/
.form-banner h4 {
    font-size: 1.7em;
    color: gray;
    font-weight: 700;
    /* text-align: center; */
}

.borderL{border-left: 1px solid #cfcfcf; margin-top: 65px;}

/*
.form-content form{ 
    width: 48%;
    position: absolute;
    top: 24%;
    left: 39%;
    }*/

.check-input{left: 0%; position: absolute;
    top: 97%;
    transform: translate(-50%, -50%);}

.form-content form h4{color: #fff;}
/*.form-content form{padding: 10px;}*/
.form-content form table tr td{ color:#fff;padding:0px 19px 0px 33px;}    
form input::placeholder{
    padding: 5px 0px; font-size: 12px;
}
/*.login-form input::placeholder{
    padding: 5px 0px; font-size: 11px;
}*/

.pre-registered tr td input::placeholder{font-style: italic; font-size: 11px; text-align: center;}


.login-form{position: absolute;
    top: 14%;
    left: 34%;}
.form-content{    position: absolute;
    padding: 0px 16px 0px 35px;
    width: 87%;
    left: 51%;
    top: 43%;
    transform: translate(-50%, -50%);
}
.form-control {
    height: 35px;
    margin-bottom: 15px;
    color: #000;
    border: none;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 3px;
    font-size: 13px;
    padding: 1px 5px;
    width: 94%;
    background-color: #8fd5f7;
    margin-top: 10px;
}
label {
    color: gray;
    font-size: 1.4em;
    font-weight: 500;
}
.form-control:focus{border-color: none; box-shadow: none;}

.register-table tr td:nth-child(1) {
    font-size: 21px;
    /* text-align: right; */
    /* padding-right: 3%; */
    color: #837373;
    font-weight: 600;
}
.register-table tr td:nth-child(3){width: 15%;}

.btn-default{
    background: #398bf7;
    color: #000;
    border: 1px solid #398bf7;
    box-shadow: 1px 3px 3px #6819e7;
    padding: 0px 5px;
    font-weight: bold;
    font-size: 12px;
}


 /*lobby page css*/
.lobby-banner{
    background-image: url(../images/register-banner.jpg);
    /*position: fixed;*/
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;/*
    background-repeat: no-repeat;*/
 }
.lobby-top-screen{position: absolute;
    top: 38%;
    left: 49%;
    transform: translate(-50%, -50%);
    /*height: 26%;*/
    width: 25%;}
/*.lobby-top-text{background-image: url(../images/Landing-Page-event-name.png);
    height: 8vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    margin:0 auto;
 }*/
.btn-lobby{    position: absolute;
    top: 95%;
    left: 51%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.btn-blue{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: grey;
    padding: 7px 30px;
    border-radius: 50px;
    margin:0px 5px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    cursor: pointer;
}

.btn-blue:hover{
    text-decoration: none;
    color: #fff;
}
.btn-desk {
    position: absolute;
    top: 85%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    width: 108px;
    height: 35px;
    cursor: pointer;
}
.btn-auditorium{position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    height: 26%;
    cursor: pointer;

}
.btn-audi:hover{color: #fff; text-decoration: none;}
.btn-audi {
    position: absolute;
    top: 8%;
    right: 4%;
    transform: translate(-50%, -50%);
    background: #1b83c5;
    color: #fff;
    font-size: 15px;
    padding: 8px 25px;
    border-radius: 50px;
    margin-bottom: 20px;
    font-family: 'Quicksand', sans-serif;
}
/*
#desk .modal-body{background-color: #fff; margin:0px;border:none;padding: 0px;}
#posters .modal-body{background-color: #fff; margin:0px;border:none;padding: 20px;}

#desk .modal-dialog, #posters .modal-dialog{width: 950px;}
#posters .modal-dialog .modal-content{background-color: #fff;}*/
.btn-posters{ position: absolute;
    top: 78%;
    left: 61%;
    transform: translate(-50%, -50%);
    width: 66px;
    height: 110px;
    cursor: pointer;
}

.btn-talent{position: absolute;
    top: 29%;
    left: 6%;
    width: 14%;
    height: 26%;
    cursor: pointer;}

.btn-selfie{position: absolute;
    top: 67%;
    left: 4%;
    width: 8%;
    height: 26%;
    cursor: pointer;}

.btn-resources{ position: absolute;
    top: 68%;
    left: 62%;
    width: 7%;
    height: 22%;
    cursor: pointer;}
       
#talent .modal-body{background-color: #fff; margin:0px;border:none;padding: 0px;}
#talent .modal-dialog{width: 720px; margin:30px auto;}


#video, #enter_to_audi{display: none;}
video{width: 100%;}
.noscroll{overflow: hidden;}
#lobby_v { background: rgba(0,0,0,0.8);margin: 0;}

/*
#agenda_a .modal-body{background-color: #fff; margin:0px;border:none;padding: 0px;}
#agenda_a .modal-dialog{width: 420px; margin:30px auto;}

#agenda_b .modal-body{background-color: #fff; margin:0px;border:none;padding: 0px;}
#agenda_b .modal-dialog{width: 420px; margin:30px auto;}

#ask_question1 .modal-dialog{width: 420px;}
#ask_question2 .modal-dialog{width: 420px;}*/



.customAlert{
    display: none;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 251px;
    left: 50%;
    top: 27%;
    /*box-shadow:0px -1px 20px rgba(0,0,0,.5);*/
  }
  @media all and (max-width: 1300px){
    .message{
      font-size: 14px !important;
    }
   }
  
  .message{
    padding: 5px;
    color: white;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
  }
    
    
.rab{
  width: 200px;
  height: 30px;
  outline: 0;
  border: 0;
  color: white;
  background: darken(#04B486, 5%);
}
.confirmButton{ position: absolute;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    border-radius: 50%;
    font-weight: bold;
    padding: 0px 7px;
    font-size: 17px;
    cursor: pointer;
    top: -7%;}
.confirmButton:hover{text-decoration: none;}


@keyframes fadeOut{
    from{
    opacity: 1;
  } 
  to{
    opacity: 0;
  }
}
    
@keyframes fadeIn{
    from{
    opacity: 0;
  } 
  to{
    opacity: 1;
  }
}


/*.modal-body{    height: 530px;
    overflow-y: scroll;}*/

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #16224a; 
}
.btn-agenda{width: 160px}

.carousel-caption {
    position: static!important;
    right: 15%;
    left: 15%;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    padding-top: 0px!important;
    padding-bottom: 0px!important;}

.btn-lobby1{position: absolute;
    top: 76%;
    left: 77%;
    transform: translate(-50%, -50%);
    width: 6%;
    height: 7%;
}
.btn-lobby2{position: absolute;
    top: 84%;
    left: 77%;
    transform: translate(-50%, -50%);
    width: 6%;
    height: 7%;
}

.home_icon-white{
    width: 3%;
    height: 5%;
    background: url(../images/home-icon-blue.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right: 5%;
    top: 5%;
    display: block;
    z-index: 1;}



/*audi1 page css*/ 
.audi-banner1{
    background-image: url(../images/Audi.jpg);
    position: absolute;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
 }
.audi-top-screen1 {
    width: 70%;
    /* height: 520px; */
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*box-shadow:0px -5px 10px rgb(1 163 237);*/
}
.audi-top-screen2 {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 505px;
    height: 284px;
    margin-left: -5px;
    box-shadow: 0px -5px 10px rgb(178 11 117 / 61%);
}

/*audi2 page css*/
.audi-banner2{
    background-image: url(../images/Audi-2.jpg);
    position: absolute;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
 }



/*midtermstalls page css*/

/*.feedback-header{background-color: #b20b75; color: #fff;padding: 30px;position: fixed;
    top: 0;left: 0;}
*/
.home{position: absolute;
    top: 4%;
    left: 10%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 40px;
    cursor: pointer;
}

.btn-lounge_a{ cursor: pointer;}
button.close {
    background: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 18px;
    opacity: 1;
    border:1px solid #000;
}
.close {
    position: absolute;
    float: right;
    right: -20px;
    top: -20px;
}

.close2{ background: #fff;
    position: relative;
    margin-top: -20px;
    border: 1px solid #000;
    opacity: 1;
    border-radius: 50%;
    padding: 0px 5px;
    margin-top: -20px;}

#myModal .modal-content, 
#myModal2 .modal-content
{background-color: #b20b75; color: #000;}

#myModal .modal-body,
#myModal2 .modal-body{background-color: #b20b75; margin:15px; border:1px solid #fff;}

#myModal .modal-body h4,
#myModal2 .modal-body h4{color: #fff;}


.form-check-input{margin-left: 20px;}
.feedback td{font-weight: bold;}
.feedback input[type=radio]{margin-left: 20px;}

.feedback-logo{height: 60px;
    margin-top: 20px;}

.feedback-form{
    background: #eee;
    padding: 40px;
    margin: 20px auto;
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);

}


.iframe_v{width: 100%; height: 980px;}

/*.home-icon a{
    position: absolute;
    width: 36px; top: 4%; left: 10%; transform: translate(-50%, -50%); 
  }*/

.blinking {
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
  
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}










@media(max-width: 991px){
 
.brand{font-size: 8px;top: 95%; right: 2%;}
.brand a{font-size: 9px;}
.addeventatc{position: absolute;top: 94%!important; left: 50%!important; transform: translate(-50%,-50%)!important;}

.welcome-text{top: 20%;}
.welcome-btn{ left: 42%;
    width: 40%;
    top: 90%;}
/*.btn-login{padding: 5px 12px;font-size: 9px;}*/
.btn-login img{width: 145px;}
.btn-click{padding: 6px 10px;}
/*.form-content form{width: 50%;}*/
.form-banner{   
    
    top: 55%;
    left: 82%;
    width: 32%;
    
    
}
.form-banner ul li {
    padding: 0px 2px;
}
.err_msg{    font-size: 7px;
    margin-top: -7px;}
.form-control{font-size: 9px; height: 13px;}
.form-banner ul{font-size: 11px;display: block;}
.form-banner ul li:nth-child(1){width: 99%;}
.form-banner h4{font-size: 9px; margin: 5px;}
.borderL{border-left: none; margin-top: 30px;border-top:1px dashed;}
.login-h4{margin-top: 20px;}
.register-table tr td:nth-child(1) { width: 34%;font-size: 9px;text-align: left;}
.register-table tr td:nth-child(3) { width: 16%;}
    

/*.login-banner{background-image: url(../images/Edelgive-The-Grow-Fund-6th-July-2021-Mobile-View-2.jpg);}
.welcome{background-image: url(../images/Edelgive-The-Grow-Fund-6th-July-2021-Mobile-View-1.jpg);}
.audi-banner1{background-image: url(../images/Edelgive-The-Grow-Fund-6th-July-2021-Mobile-View-3.jpg);}
*/
.form-content{top: 43%;padding:0px; width: 76%;left: 56%;}
.form-content form{padding: 0px;}
.form-content form table tr td { padding:0px 26px 0px 26px;text-align: right; }
.btn-blue{font-size: 10px;
       padding: 7px 15px;
       margin: 0px;
       cursor: pointer;
   }
.btn-lobby{top: 92%;}
.check-input{top: 106%;}
.btn-agenda{width: 100px}
#agenda .modal-dialog{margin:30px auto;}

.customAlert{top: 50%; height: 220px;}

.modal-dialog{margin:0px auto;}
.lobby-top-screen{top: 45%;}

.iframe_v{height: 296px;}


}


.login-heading {
    text-align: left;
    font-size: 1.7em;
    color: gray;
    font-weight: 600;
    margin: 1% 1% 5% 1%;
}



@media(min-width: 320px) and (max-width: 900px) {
    /*.audi-top-screen1 { height:33%; }*/
    .btn-audi { top: 8%; right: 0%; font-size: 11px; padding: 5px 20px; }
    .modal-body{height: 300px;}
    .modal-dialog{margin:0 auto;}
/*.iframe_v{width: 50%; height: 100px;}*/
}





@media(min-width:0px) and (max-width:900px) and (orientation: portrait) {
.rotate-device{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110%;
    text-align: center;
    background: #fff;
    display: block;
    z-index: 5;
    transform: scale(1,1);}
.rotate-device:before{    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: url(../images/rotate_device.png) center center no-repeat;
    background-size: 70%;}
   
.welcome {
   background-image: url(../images/Thank-You-Mobile-View.jpg)!important;
}
.login-banner {
   background-image: url(../images/Edelgive-The-Grow-Fund-6th-July-2021-Mobile-View-2.jpg);
}
.audi-banner1 {
   background-image: url(../images/Edelgive-The-Grow-Fund-6th-July-2021-Mobile-View-3.jpg);
}
.audi-top-screen1{width: 90%; top: 50%;}
.register-table tr td:nth-child(1) {
    /*width: 28%;*/
    font-size: 15px;
    text-align: left;
}
.form-control {
    font-size: 10px;
    height: 25px;
}
.err_msg{
    /*margin-top: -10px;*/
    font-size: 9px;
    margin-bottom: 1px;
}
.form-banner h4 {
    font-size: 21px;
    margin-bottom: 15px;
}
.form-banner {
    top: 72%;
    left: 56%;
    width: 60%;
}
.login-heading {
   
    font-size: 1.9em;
   
}

}