*{margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:'Open Sans', sans-serif;}
body{margin:0px;padding:0px;font-family:'Open Sans', sans-serif;}
ul,ol{list-style-type:none;margin:0;padding:0;}
a{text-decoration:none;}
img{width:100%;}
.wrapper{width:100%;float:left;position:relative;}

.clickme{
    display:block;
    position:absolute;
      left: 40%;
    top: 90%;
    color: black;
}



.flip_meesage{display:none;}
 
.usv_land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;}

.usv_land_1:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/Registration.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;}

.usv_land__top{width:100%;height:25%;float:left;background-image:url(../images/top-bg.png);background-size:100% 100%;background-repeat:no-repeat;}

.lobby_right_content1{
    font-size: 20px;
float: right;
color: #fff;
font-weight: 600;
padding: 24px 0;
padding-right: 0px;

float: none;    
    
}

.close_btn{    position: absolute;
    right: -4%!important;
    top: -16%!important;
    font-size: 16px!important;
    color: #000;
    border: 1px solid #000;
    background: #fff!important;
    border-radius: 50%;
    padding: 0px 7px!important;
}
.close_btn:hover{color: #000!important; text-decoration: none;}

.usv_land_2{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../images/Lobby-Page.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center top;background-position:initial;}

.usv_land_3{float:left;width:100%;height:100%;}
.usv_land_3{width:100%;position:absolute;left:0;top:0;background-image:url(../images/Audi.jpg);background-size:100% 105%;background-repeat:no-repeat;background-position:center center;background-position:initial;}
.container{margin:0 auto;max-width:1400px;width:100%;position:relative;}
.tophead{width:100%;float:left;background:#00aeef;padding:1px 10px;}
.lobby_logo{float:left;width:160px;}
.lobby_logo>img{width:100%;}
.lobby_logo>a{display:inline-block;width:160px;}
.lobby_right_content{    float: right;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    padding: 24px 0;
        padding-right: 0px;
    width: calc(100% - 160px);
    text-align: center;
    padding-right: 10%;
}
.lobby_right_content>b{font-weight:800;}
/*.counter_person{width:100%;height:100%;position:absolute;left:0;bottom:0;background-image:url(../images/counter_person.png);background-size:50%;background-repeat:no-repeat;background-position:center bottom;border-bottom:solid 20px #787878;}*/
/*.counter_person:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;z-index:-1;background: rgb(149,149,149);
background: linear-gradient(0deg, rgba(149,149,149,1) 4%, rgba(215,215,215,1) 48%, rgba(255,255,255,1) 100%);
}*/
.form_area{position: absolute;left: 76%;top: 56%;margin-top: -150px; width: 25%;border-radius: 5px;margin-left: -190px;z-index: 3;height: max-content;text-transform: uppercase;}

.form_arealogin{position: absolute;left: 76%;top: 85%;margin-top: -150px; width: 26%;border-radius: 5px;margin-left: -190px;z-index: 3;height: max-content;text-transform: uppercase;}

.form_heading{float:left;width:100%;text-transform:uppercase;color:#8c2d4d;font-size:16px;padding-bottom: 8px;font-weight: 700;}
.form_heading>b{font-size:20px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:25px;text-transform:capitalize;}
ul.detail_form_list{float:left;width:100%;margin:0px 0;}
ul.detail_form_list li{float:left;width:100%;padding:3 0;position:relative;}
ul.detail_form_list li>label{float:left;width:32%;padding:5px 0 2px 15px;font-size:12px;color:#fff;}

.form-content table tr td {
    color: #fff;
    font-size: 10px;
    padding: 0px 0px 0px 6px;
    border-radius:4px;
}

.form-control{
    background: transparent;
    height: 40px;
   width: 100%;
    margin-bottom: 1px;
    margin: 3px;
    padding: 5px 0px;
    color: #000;
    border-bottom: 2px solid #8c2d4d;
    border-left: none;
    border-top: none;
    border-right: none;
    font-size: 12px;
    border-radius: 0px;
}

ul.detail_form_list li>input{width: 55%;
padding: 4px 5px;
border: solid 1px #ededed;
font-size: 12px;
height: 20px;
border-radius: 1px;
margin-top: 4px;
margin-bottom: 4px;}
ul.detail_form_list li>select{width: 55%;

border: solid 1px #ededed;
font-size: 12px;
height: 20px;
border-radius: 1px;
margin-top: 4px;
margin-bottom: 4px;}
.logo_area{float:right;width:200px;text-align:center;z-index:2;padding:3% 1%}
.logo_area>abbr{float:left;width:100%;font-size:11px;color:#fff;}
.logo_area>i{display:inline-block;width:90px;}
.logo_area>i>img{width:60%;}
.person_details{position:absolute;right:0;left:auto;top:10%;max-width:45%;text-align:center;}
.person_details>b{float:right;width:85%;font-size:25px;text-transform:uppercase;color:#006088;font-weight:800;line-height:20px;}
.person_details>i{float:right;width:85%;font-size:20px;text-transform:uppercase;color:#006088;font-weight:600;line-height:25px;font-style:normal;}

.inner_info1{float:left;width:100%;padding:5px 0;}
.inner_info1>abbr{float:left;width:100%;font-size:12px;color:#00a0e3;font-weight:800;text-transform:uppercase;}
.inner_info1>em{float:left;width:100%;font-style:normal;color:#000;text-transform:uppercase;font-size:10px;font-weight:600;}
.sub_button{float:left;width:100%;text-align:center;padding:0 10px;}
.sub_button>a {
   display: inline-block;
    padding: 6px 10px;
    border-radius: 5px;
    color: #fff;
    background: #2ea8de;
    position: relative;
    font-size: 14px;
    border: 2px solid #fff;
    margin: 5px 0;
}
/*.sub_button>a:hover{background:#ff0009;}*/
.lobby_drwrap{float:left;width:100%;text-align:center;position:relative;}
.lobby_drwrap>abbr{display:inline-block;max-width:550px;padding:20px;margin:0 1%;}
.lobby_drwrap>abbr>img{width:100%;border:solid 4px #fff;border-radius:4px;}

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;
}
.close_btn {
    position: absolute;
    right: 2px;
    top: 2px;
    font-weight: 800;
    font-size: 10px;
}
/*
.enter_meet {
    position: absolute;
    left: 45%;
    bottom: -394px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    background: #ec3337;
    margin-left: -60px;
    box-shadow: 0 0 4px 3px #e0e0e0;
    border: solid 1px #fff;
    font-weight: 600;
    font-size: 14px;
}
*/

.enter_meet {
    position: absolute;
    left: 37%;
    bottom: -420px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
   
    margin-left: -60px;
    
    font-weight: 600;
    font-size: 14px;
}

.enter_meet3{position:absolute;bottom:-50px;padding:5px 20px;color:#fff;border-radius:20px;background:#0086f8;margin-left:-60px;box-shadow:0 0 4px 3px #e0e0e0;border:solid 1px #fff;font-weight:600;font-size:14px;text-transform: uppercase;}

.enter_meet4{
    position: absolute;
    bottom: -50px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    background: #0086f8;
    margin-left: -260px;
    box-shadow: 0 0 4px 3px #e0e0e0;
    border: solid 1px #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

a:focus, a:hover {
    color: #fff !important;
}

.mobile-logo-audi { display: none;}

.enter_meet5{
    position: absolute;
    bottom: -50px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    background: #0086f8;
    margin-left: 160px;
    box-shadow: 0 0 4px 3px #e0e0e0;
    border: solid 1px #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    width: 75%;
}


.enter_meet1 {
  position: absolute;
    left: 40%;
    width: 20%;
    top: 51%;
    height: 4%;
}
.lobby_drwrap>b{margin-top:105px;width:37%;max-width:55%;height:290px;border:solid 3px #000;border-radius:5px;display:inline-block;box-shadow:0 0 8px 5px #292929;position:relative;}
.lobby_drwrap>b>img{width:100%;height:100%;margin-left:1%;margin-right:1%;}
.down_csv{font-size:14px;background:green;float:right;padding:5px 10px;border-radius:4px;color:#fff;margin:10px 5px;}

.date_picker{float:right;width:200px;margin:10px 5px;}

.table-responsive {
     overflow-x: auto;width:100%;
}




.table_data{margin:0 auto;max-width:1000px;background:#fff;border-radius:10px;text-align:center;}
 .data_table{width:100%;border:solid 1px #ededed;margin-top:10px;}
.data_table tr th{padding:10px;text-align:left;text-transform:uppercase;font-size:11px;font-weight:600;border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;color:#7b7b7b;}
.data_table tr td{padding:10px;text-align:left;font-size:12px;border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;}


.wrap_opener{position: absolute;
    left: 51%;
    bottom: 8%;
    /* margin-left: -95px; */
    width: 13%;
    transform: translate(-50%, -50%);}

.q_content{position: absolute;
    top: -120px;
    left: -54%;
    right: auto;
    min-width: 400px;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    font-size: 10px;
    height: 120px;}
    
.close_btn{position:absolute;right:2px;top:2px;font-size:8px;}
.submit_button{padding:3px 10px;border-radius:20px;background:green;color:#fff;margin-top:5px;display:inline-block;}
.q_content>textarea{height:65px;border:solid 1px #ededed;border-radius:3px;width:100%;padding:5px;font-size:11px;}

 

 .btmtx{position: fixed;
left: 0;
bottom: 0px;
padding: 1px 10px;
font-size: 11px;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
z-index: 2;}
 

 .err_msg{padding-right:20px;font-size:10px;float:right;width:100%;text-align:right;margin-top:-6px;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

@media (min-width:320px) and (max-width:800px){
    .lobby_drwrap {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    top: 128px;
}

.lobby_drwrap>b{margin-top:5px;width:98%;max-width:450px;height:210px;border:solid 3px #000;border-radius:5px;display:inline-block;box-shadow:0 0 8px 5px #292929;position:relative;}


.lobby_right_content1{
    font-size: 18px;
color: #fff;
font-weight: 600;
padding: 0px 0;
padding-right: 0px;
text-align: center;
   padding-top: 0%; 
    
}

.mobile-logo-audi {
    display: block;
    position: absolute;
    left: 51%;
    bottom: -65px;
    margin-left: -60px;
    width: 65%;

}


.enter_meet{position:absolute;left: 14%;
bottom: -248px;padding:5px 20px;margin-left:-60px;font-weight:600;font-size:14px;}

.enter_meet3{position:absolute;left:43%;bottom:-80px;padding:5px 20px;color:#fff;border-radius:20px;background:#0086f8;margin-left:-60px;box-shadow:0 0 4px 3px #e0e0e0;border:solid 1px #fff;font-weight:600;font-size:14px;}

.enter_meet4 { bottom: -125px; margin-left: -60px;}

.enter_meet5 { bottom: -170px; margin-left: -75px;}

.enter_meet1 {
    position: absolute;

  
}

.usv_land_1 {
    float: left;
    width: 100%;
    height: 100vh;
}
    /*.usv_land_1:before{content:"";position:absolute;width:100%;height:100vh;background-image:url(../images/1.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;}*/
    
    /*.usv_land_3{width:100%;height:100vh;position:absolute;left:0;top:0;background-image:url(../images/Audi.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center top;background-position:initial;}
    */
     
    
    .usv_land_3 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/mobile3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: initial;
    
}
    
.person_details{right:5%;bottom:19%;background:#fff;border-radius:10px;padding:3px;top:auto;max-width:90%;}
.person_details>i{width:100%;}
.person_details>b{font-size:16px;width:100%;}
.person_details>em,.inner_info1>em{font-size:14px;}
.inner_info1>abbr,.inner_info1>em{font-size:14px;}
.inner_info1{padding:1px 0;}
/*.logo_area{position:relative;float:left;width:100%;text-align:center;padding:5px 0 0 0;right:0;} */
.logo_area > abbr{position:relative;top:-3px;}

.q_content{position:absolute;bottom:-95px;left:-40%;right:auto;min-width:350px;padding:10px;border-radius:4px;background:#fff;font-size:11px;height:100px;top:50%;}
 }

@media (min-width:320px) and (max-width:900px) and (orientation: portrait) {
.flip_meesage{position:absolute;left:0;top:0;width:100%;height:110%;text-align:center;background:#fff;display:block;z-index:5;transform:scale(1,1);}
.flip_meesage: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%;} 

.usv_land_1:before{background-image: url(../images/Login-Page-Mobile-Version.jpg);}
.usv_land_2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/Lobby-Page-Mobile-Version.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-position: initial;
}
.enter_meet1 {
    position: absolute;
    left: 25%;
    width: 50%;
    top: 42%;
    height: 4%;
}
.form_area{
    position: absolute;
    left: 4%;
    top: 63%;
    width: 90%;
    margin-top: 0px;
    margin-left: 0px;
}
.form_arealogin{
    left: 4%;
    top: 73%;
    margin-top: 0px;
    margin-left: 0px;
    width: 48%;
}
.form-control{ padding: 0px;}
.sony_land_3{background-image: url(../images/Audi-Page-Mobile-Version.jpg);}

.form_area table tr td{width: 50%;}
.form_heading{float:left;text-transform:uppercase;}
.form_heading>b{font-size:20px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:25px;text-transform:capitalize;}
ul.detail_form_list{float:left;width:100%;margin:0px 0;}
ul.detail_form_list li{float:left;width:108%;padding:3 0;position:relative;}
ul.detail_form_list li>label{float:left;width:32%;padding:5px 0 2px 15px;font-size:9px;color:#fff;}
ul.detail_form_list li>input{width: 56%;
padding: 4px 5px;
border: solid 1px #ededed;
font-size: 9px;
height: 15px;
border-radius: 1px;
margin-top: 4px;
margin-bottom: 4px;}

 }
 @media (min-width:320px) and (max-width:800px) and (orientation: landscape){
/*.usv_land_1:after,.usv_land_2:after,.usv_land_3:after{content:"";background-color:rgba(0, 0, 0, 0.9);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}*/
/*.form_area{top:15%;margin-top:0;margin-left:0;width:340px;line-height: 14px;left: calc(50% - 170px);}*/
.lobby_logo{width:100%;text-align:center;}
.lobby_right_content{width:100%;text-align:center;font-size:18px;padding:5px 0;}

.form_area{     position: absolute;
    left: 77%;
    top: 65%;
    width: 38%;
    transform: translate(-50%,-50%);
    margin-top: 0px;
    margin-left: 0px;
}
.form_arealogin{     position: absolute; 
    left: 77%;
    top: 83%;
    width: 38%;
    transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
 }
.sub_button>a{font-size: 10px; padding: 4px 10px; } 
.form-control {
    
    margin-bottom: 1px;
    margin: 3px;
    padding: 0px 0px;
    color: #000;
    border-left: none;
    border-top: none;
    border-right: none;
    font-size: 10px;
    border-radius: 4px;
    width:95%;height: 30px; border-radius: 0px; 
}
.form_area table tr td{width: 50%;}
.form_heading{float:left;text-transform:uppercase;font-size:12px;}
.form_heading>b{font-size:20px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:25px;text-transform:capitalize;}
ul.detail_form_list{float:left;width:100%;margin:0px 0;}
ul.detail_form_list li{float:left;width:108%;padding:3 0;position:relative;}
ul.detail_form_list li>label{float:left;width:32%;padding:5px 0 2px 15px;font-size:9px;color:#fff;}
ul.detail_form_list li>input{width: 56%;
padding: 4px 5px;
border: solid 1px #ededed;
font-size: 9px;
height: 15px;
border-radius: 1px;
margin-top: 4px;
margin-bottom: 4px;}


ul.detail_form_list li>select{width: 56%;

border: solid 1px #ededed;
font-size: 9px;
height: 15px;
border-radius: 1px;
margin-top: 4px;
margin-bottom: 4px;}
}



 
 ul.pagination{display:block;width:100%;text-align:right;}
ul.pagination li{display:inline-block;}
ul.pagination li>a{color:#454545;display:inline-block;padding:5px 5px;font-size:13px;}
ul.pagination li.active>a{color:green;}