body{font-family: 'Open Sans', sans-serif;}
/*welcome page css*/


.welcome{
    background-image: url(../images/welcome.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;
}

.btn-blue{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #122246;
    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-blue:focus{
    text-decoration: none;
    color: #fff;
}
.btn-download{background: #0c3698;
    color: #fff;
    padding: 5px 20px;
    font-size: 16px;
    border-radius: 3px;
    text-align: center;
}
.btn-download:hover, .btn-download:focus{color: #fff;}
.welcome-btn{
    position: fixed;
    top: 54%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    width: 40%;
}
.welcome-p{color: #fff;
    font-size: 15px;
    margin-top: 20px;}

/*.btn-login{background: #fff;
    color: #120086;
    padding: 6px 20px;
    border-radius: 50px;
    font-family: 'Quicksand', sans-serif;
    }*/
.btn-login img{width: 55%;}  
.btn-unable{
    position: absolute;
    top: 85.5%;
    left: 63%;
    transform: translate(-50%, -50%);
    width: 8%;
    height: 4%;
}  
.btn-submit{
    background: transparent;
    border:none;
/*    padding: 2px 10px;
    border: none;
    color: #222;
    font-weight: bold;
    font-size: 11px;
    border-radius: 3px;
    float: right;*/
}
.btn-submit:focus{border:none; outline:none;}

.btn-submit img{width: 45%;}
/*.register-img img{width: 140px!important;}*/

.brand{font-size: 12px;
    position: fixed;
    bottom: 1%;
    right: 2%;
    color: #fff;
    margin: 0;
    /* font-weight: 900; */
    padding: 2px 10px;
    background: #000;
    border-radius: 20px;}
.brand a {
    width: 42px;
    display: inline-block;
}
.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.jpg);
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }
 .regis-banner
 {
    background-image: url(../images/register.jpg);
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
     
 }

.form-banner{
    background-image: url(../images/Login-Box.png);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 79%;
    width: 34%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    /*background: #5738d4;*/
    color: #fff;
    border-radius: 8px;
    padding: 5px
  }
/*.form-banner form{border-radius: 8px;
    border: 1px solid #fff;
    padding: 5px;
    font-size: 12px;
}*/

.border-b {
    border: 0;
    height: 1px;
    border-bottom: 1px solid #132356!important;
    font-weight: bold;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0));*/
}
hr{margin-top: 0px; margin-bottom: 8px;}

.register{position: absolute;
    top: 50%!important;
    left: 79%!important;
    width: 37%;
    transform: translate(-50%, -50%);}

.form-content{position: absolute;
    top: 73%;
    left: 73%;
    transform: translate(-50%, -50%);
}

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

.form-h4{color: #fff;font-size: 15px; text-align: center;}
/*.form-content form{padding: 10px;}*/
.form-content table tr td{ color:#132356;font-size: 12px;padding:0px 6px 0px 6px;width: 50%;}
.login-form table tr td{ color:#000;font-size: 12px;padding:0px 0px 0px 6px;}    

.form-content table tr td:nth-child(3){width: 16%;}
/*.login-form{    position: absolute;
        right: 20px;
    top: 28%;
    width: 52%;
}*/


form input::placeholder{ padding: 5px 0px; font-size: 11px; }
.login-form input::placeholder{padding: 5px 0px; font-size: 14px; color: #132356; font-weight: 400;}

/*.login-form{position: absolute;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%); }
.form-content{position: absolute;
    width: 80%;
    left: 50%;
    top: 67%;
    transform: translate(-50%, -50%);
}*/
.form-control{
    height: 35px;
    margin-bottom: 3px;
    padding: 2px 4px;
    color: #000;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    font-size: 15px; 
    border-radius: 0px;
    background: transparent;
    box-shadow:none;
}

.sign-up{color: #173d9c; font-size: 15px; font-weight: bold;margin-bottom: 20px;margin-right: 6px;}
.sign-up:hover{color:#173d9c;}
.login-title{font-size: 18px;color: #132356;font-weight: bold;margin-bottom: 20px;margin-left: 6px;}
.login-title2{float: right;color: #132356;font-weight: 400;font-size: 15px;}
.login-form tr td input:focus{outline: none;box-shadow: none;}

.login-form table{margin-top: 70px;}
.form-control2{
    height: 40px;
    margin-bottom: 3px;
    padding: 2px 4px;
    color: #000;
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    border-bottom: 1px solid #132356;
    border-radius: 0px;
    width: 100%;
    font-family: 'Jost', sans-serif;
}
.register table tr td input::placeholder{font-size: 15px;color:#132356; font-weight: 400;}
.register table tr td input:focus{outline: none;}

.login-table{margin-top: 40px;}
.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;
}
.btn-feedback{width: 12%;
    padding: 0px 10px;}
.btn-agenda{width: 157px;margin-top: -3px;}

 /*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%;}
.upload{font-weight: 600;font-size: 12px;}

/*.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: 94%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    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 .modal-dialog{width: 52%;}



.customAlert {
    display: none;
    position: fixed;
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* box-shadow: 0px -1px 20px rgba(0,0,0,.5); */
    padding: 5% 17%;
    background: rgba(0,0,0,0.9);
}
.confirmButton {position: absolute;
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    border-radius: 50%;
    font-weight: bold;
    padding: 0px 7px;
    font-size: 16px;
    cursor: pointer;
    top: 7%;
    right: 15.4%;
}


  @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: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;
    height: 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: #0c3698; 
}


.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/4.jpg);
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
 }
.audi-top-screen1 {
    width: 44%;
    position: absolute;
    top: 44.6%;
    left: 50.5%;
    transform: translate(-50%, -50%);
}
.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){

.welcome-p {
    color: #fff;
    font-size: 7px;
    margin-top: 10px;
} 
.login-title, .sign-up{font-size: 12px;}
.login-title2{font-size: 12px;}

#agenda .modal-dialog{width: 82%;}
.btn-download{font-size: 14px;}

.btn-submit img {
    width: 35%;
}
.login-form table tr td{font-size: 9px;}
.welcome-text{top: 20%;}
.btn-login{padding: 5px 12px;font-size: 9px;}
.btn-click{padding: 6px 10px;}
.form-banner{width: 38%;}
.form-h4{font-size: 10px;margin:3px;}
hr{margin-bottom: 3px;}
.form-control {
    height: 20px;
    margin-bottom: 2px;
    width: 100%;
    padding: 2px;
    font-size: 12px;
    border-radius: 1px;
}
.login-form table {
    margin-top: 30px;
}
.login-table{margin-top: 10px;}

.form-control2{height: 18px;font-size: 10px;}

.register{width: 40%;top: 51%!important;}
.register table tr td input::placeholder{font-size: 9px;}
/*.register-img img{width: 62px!important;}*/
.err_msg{font-size: 5px;}
.login-form{left: 0%;}
.btn-submit{font-size: 7px;padding: 1px 10px;}

.login-form table tr td input::placeholder{font-size: 9px;}
.form-content table tr td{font-size: 7px; padding: 0px 1}
.btn-agenda{width: 92px;}
.upload{font-size: 7px;}

.form-content form{padding: 0px;}
.form-content form table tr td { padding:0px;text-align: right; }
.btn-blue{font-size: 10px;
       padding: 7px 15px;
       margin: 0px;
       cursor: pointer;
   }  
.btn-unable{font-size: 9px;}   
.check-input{top: 106%;}

.customAlert{padding: 9% 17%;}
.confirmButton{top: 10%;
    right: 13.4%;}

/*.audi-top-screen1{ top: 48%;
    width: 207px;
    height: 136px;
    margin-left: 4px;
}*/

.lobby-top-screen{top: 45%;}
/*.audi-top-screen1 {
    width: 29%;
    position: absolute;
    top: 41%;
}*/

#agenda .modal-dialog{margin:60px auto; width: 90%;}

}






@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%;}
}


   
   .bg-img {
  /* The image used */
   background-image: url(../images/Login-page.jpg) no-repeat;

/* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}