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


.welcome{
    /*background-image: url(../images/Landing-Page.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-download{background: #ff7a00;
    color: #fff;
    padding: 4px 20px;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
}
.btn-download:hover, .btn-download:focus{color: #fff;}
.welcome-btn{
    position: absolute;
    top: 86%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    /*width: 40%;*/
}
.thankyou{
    /*background-image: url(../images/Thank-you-for-registering.jpg);*/
    position: absolute;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }

/*.btn-login{background: #fff;
    color: #120086;
    padding: 6px 20px;
    border-radius: 50px;
    font-family: 'Quicksand', sans-serif;
    }*/
.btn-login img{width: 60%;}  
.btn-unable{
    position: absolute;
    top: 93%;
    left: 58.5%;
    transform: translate(-50%, -50%);
    width: 6%;
    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: 48%;
    margin-bottom: 6px;
    }
/*.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-Page.jpg);*/
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }
 .regis-banner
 {
    /*background-image: url(../images/Registration-page.jpg);*/
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
     
 }

.form-banner{
    background-image: url(../images/Form_login.png);
    background-size: 100% 100%;
    position: absolute; 
     top: 50%;
    left: 76.3%;
    width: 33%;
    height: 45%;
    padding:43px 65px!important;
    transform: translate(-50%, -50%); 
    background-repeat: no-repeat;
    /*background: #5738d4;*/
    color: #fff;
    border-radius: 8px;
  }
/*.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 #555!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: 53%!important;
    left: 70.3%!important;
    transform: translate(-50%, -50%);
    background-image: url(../images/Form_Big.png);
    /* position: fixed; */
    width: 30%;
    height: 82%;
    background-size: 100% 100%;
    padding: 70px 55px!important;
}
.already{font-size: 14px;
    color: #073974;
    font-weight: 600;}
.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:#000;font-size: 11px;padding:0px 6px 0px 6px;width: 50%;}
.login-form table tr td{ color:#000;font-size: 11px;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%;
}*/
.err_msg{ margin-top: -11px;
    margin-bottom: 2px;
    font-size: 9px;
}

form input::placeholder{ padding: 5px 0px; font-size: 11px; }
.login-form input::placeholder{padding: 5px 0px; font-size: 14px; color: #073c7a; text-align: center; 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: 30px;
    margin-bottom: 10px;
    padding: 2px 10px;
    color: #111;
    border: 1px solid #eee!important;
    font-size: 16px;
    font-weight: 400;
    background: #efefef;
    border-bottom: 1px solid #555;
    border-radius: 50px;
    width: 100%;
    font-family: 'Jost', sans-serif;
}

.sign-up{color: #fe0001; font-size: 15px; font-weight: bold;margin-bottom: 20px;margin-right: 6px;}
.sign-up:hover{color:#fe0001;}
.login-title{font-size: 18px; color: #555; font-weight: bold;margin-bottom: 20px;margin-left: 6px;}
.login-title2{float: right; color: #000;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: 30px;
    margin-bottom: 10px;
    padding: 2px 10px;
    color: #111;
    border: 1px solid #eee!important;
    font-size: 15px;
    font-weight: 400;
    background: #efefef;
    border-bottom: 1px solid #555;
    border-radius: 50px;
    width: 100%;
    font-family: 'Jost', sans-serif;
}
.register table tr td input::placeholder{font-size: 14px;color:#073c7a; font-weight: 400; text-align: center;}
.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: 15%;
    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: 96%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.q_content {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    right: auto;
    min-width: 340px;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    font-size: 11px;}
.close_btn {
    position: absolute;
    right: -4%;
    top: -15%;
    font-size: 14px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    padding: 0px 6px;
    color: #000;
}
.q_content > textarea {
    height: 70px;
    border: solid 1px #ededed;
    border-radius: 3px;
    width: 100%;
    padding: 5px;
    font-size: 14px;
}
.submit_button {
    padding: 3px 10px;
    border-radius: 20px;
    background: green;
    color: #fff;
    margin-top: 5px;
    display: inline-block;
}

.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/Auditorium.jpg);*/
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
 }
.audi-top-screen1 {
    width: 48%;
    position: absolute;
    top: 45.5%;
    left: 49.8%;
    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(min-width: 992px) and (max-width: 1400px){
.register {
    width: 30%;
    height: 89%;
    padding: 70px 55px!important;
}
}



@media(max-width: 991px){
 
.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: 32%;
    
}
.login-form table tr td{font-size: 9px;}
.welcome-text{top: 20%;margin-bottom:2px;}
.btn-login{padding: 5px 12px;font-size: 9px;}
.btn-click{padding: 6px 10px;}
.form-banner{width: 38%;padding: 25px 34px!important;}
.form-h4{font-size: 10px;margin:3px;}
hr{margin-bottom: 3px;}
.form-control {
    height: 20px;
    margin-bottom: 2px;
    width: 100%;
    font-size: 12px;
}
.login-form table {
    margin-top: 30px;
}
.login-table{margin-top: 10px;}

.form-control2{    height: 15px;
    font-size: 1.5em;
    margin-bottom: 5px;
    padding:0 10px;
    }
    
.already{font-size:8px;}
.register{/*width: 40%;top: 58%!important;*/ /*padding:51px ​28px!important;*/left: 69.5%!important;height: 95%;}
.register table tr td input::placeholder{font-size: 9px;}
/*.register-img img{width: 62px!important;}*/
.err_msg{    font-size: 5px;
     margin-top: -4px; 
    margin-bottom: 2px;
}
.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{padding:55px 18px!important;}
.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%;
}*/

.modal-dialog{margin:30px auto; width: 80%;}

}






@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;}*/
/*.iframe_v{width: 50%; height: 100px;}*/
}


@media only screen and (max-width: 500px){
    .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%;}
}

}


@media (min-width:0px) and (max-width:900px) {
/*.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;
}