*{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%;}
li a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Tabs CSS */
.tabs {
  display: flex;
  justify-content: space-around;
}

.mcci1{
    position: absolute;
    top: 10%;
    left: 39.3%;
    width: 10%;
    height: 32%;
}

.mcci2{
    position: absolute;
    top: 10%;
    left: 50.7%;
    width: 10%;
    height: 32%;
}


.tab a {
  text-decoration: none;
  color: #333;
  border-radius: 4px;
}

/* Modal CSS */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  margin: 5% auto;
  width: 80%;
  max-width: 800px;
  background-color: #fefefe;
  padding: 20px;
  border-radius: 4px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

video {
  width: 100%;
}



.tabs{
    position: absolute;
    top: 51%;
    left: 15%;
    width: 68%;
}

.btn-certificate{
    position: absolute;
    left: 38%;
    top: 88%;
    width: 24%;
    cursor: pointer!important;
}

  th {
         padding: 20px;
    border: 2px solid #000;
    text-align: center;
    background: #cca79f;
    text-transform: capitalize;
    font-family: initial;
    font-weight: 900;
     }  
     table {
         width:100%;
     }
     td{
         text-align: center;
         border: 2px solid #000;
         padding: 8px;
     }
     
     table,tr{
         border: 2px solid;
     }
     .close{
         color: #fff;
    background-color: deeppink !important;
     }

 .btn-fullscreen{
   position: fixed;
    top: 4%;
    left: 1%;
    background: transparent;
    /* color: #fff; */
    border: none;
    border-radius: 5px;
    margin: 1px;
    width: 10.9%;
}
.fullscreen:after{
  border: 1px solid #006cc5;
  content: "";
  display: block;
    height: 32px;
    position: absolute;
    width: 9.3%;
    top: 2px;
    left: -3px;
    z-index: 1;
    border-radius: 8px;
    margin: 9px 15px;
}
.fullscreen{margin-bottom: 0px;}

.btn-lobby {
    width: 66%;
}

.btn-lobby9 {
    width: 5%;
    left: 30%;
    position: fixed;
    bottom: 0%;
}
.btn-lobby10 {
    width: 14%;
    left: 42%;
    position: fixed;
    bottom: 2%;
}

.btn-lobby11 {
    width: 13%;
    left: 27%;
    position: fixed;
    bottom: 2%;
}

.wrap_opener2{
    position: fixed;
    /* left: 50%; */
    bottom: 5%;
    width: 100%;
}

.wrapper{width:100%;float:left;position:relative;}
.makepractice{
    width: 60%;
    margin: 4% auto;
    /*height: 50%;*/
    overflow-y: scroll;
    background: #fff;
    padding: 20px;
}
.makepractice h4{ text-align: left;
    font-weight: bold;font-family: 'Quicksand', sans-serif;}

.btn-lobby1{   
    /*padding: 5px 20px;
    font-weight: bold;
    color: #111;
    width:80%;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0px 5px;*/
    width: 100%;
}

#video, #enter_to_login, #enter_to_meeting, #video-audi{display: none;}
video{width: 100%;}
.noscroll{overflow: hidden;}

.btn-feed{margin-top: 3px;}
.btn-lobby2{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 15%;
}
#mcci .modal-dialog h4{font-size: 20px;
    color: #000;}

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

.btn-download{    background: #fffe0d;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 50px;
    padding: 4px 20px;
    margin-top: 10px;}


@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.table tr td a{font-weight: bold;font-family: 'Quicksand', sans-serif;}
.table tr td:nth-child(1){width: 50%;}
.table tr td{vertical-align: middle;}

.tabs ul li:nth-child(1)
{
    position: absolute;
    left: 10%;
    width: 19%;
    background-image: url(../images/03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
    
}
.tabs ul li:nth-child(2)
{
    position: absolute;
    left: 32%;
    width: 19%;
    background-image: url(../images/04.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(3)
{
    position: absolute;
    left: 54%;
    width: 19%;
    background-image: url(../images/05.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(4)
{
    position: absolute;
    left: 76%;
    width: 19%;
    background-image: url(../images/06.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(5)
{
    position: absolute;
    left: 32%;
    margin-top: 16%;
    width: 19%;
    background-image: url(../images/07.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(6)
{
    position: absolute;
    left: 54%;
    margin-top: 16%;
    width: 19%;
    background-image: url(../images/08.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
/*.container {width: 980px !important;}*/

.overlay{ position: absolute;
  /*top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  height: 100vh;
  width: 100%;
  opacity: 1;
  transition: .3s ease;
  background-color:rgba(0,0,0,.9);}

/* 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: #3d61ad; 
}
.carousel-indicators{z-index: 1!important;}


.calendar{
left: 20%;
    top: 71%;
}
.btn-agenda>img{
    
    width:140px;
}

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

.wrap_opener {
    position: fixed;
    left: 50%;
    bottom: 5%;
    line-height: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    height: max-content;
    display: flex;
}
/*.wrap_opener a {
    display: block;
    width: 220px;
}
.wrap_opener a:nth-child(1) {
}
.wrap_opener a:nth-child(2) {
    width: 220px;
}*/
/*.wrap_opener2 a:nth-child(1) {
    width: 170px;
    display: block;
    margin-right: 50px;   
}
.wrap_opener2 a:nth-child(2) {
    width: 210px;
    display: block;
}*/
.btn-back{background: #00adef;
    color: #fff;
    padding: 6px 20px;
    border-radius: 3px;
    position: absolute;
    top: 26%;
    left: 0;}
.btn-back:hover{ color: #fff;
    text-decoration: none;
}

    /*.btn-lobby{
        margin: 0px 10px;
        width: 150px;
        height: 47px;
    }*/
/*.btn-logout{background: #fffe0d;
    color: #000;
    padding: 0px 32px;
    line-height: 34px;
    border-radius: 50px;
    width: 42%;
    height: 34px;
    margin-left: 274px;
    margin-top: 9px;
    font-size: 12px;}
*/
h4{
    color: blue;
    text-align: center;
    text-transform: uppercase;
}

.download1
{
    padding: 15px 15px 15px 15px;
    background-color: #423c712e;
    font-size: 15px;
    text-align: center;
}

.enter_looby8
{
    position:absolute;
    left:34%;
    top:85%;
    font-weight:600;
    width:30%;
    text-align:center;}

video {
  width: 100%;
}

.noscroll { overflow: hidden; }

#video {
  display: none;
  width: 100%;
}
/*#video2 {
  display: none;
  width: 100%;
}*/



.submit_button {
    padding: 3px 10px;
    border-radius: 20px;
    background: green;
    color: #fff;
    margin-top: 5px;
    font-size: 12px;
    display: inline-block;
    width: 18%!important;
    text-align: center;
}
.submit_button:hover{color: #fff;}
.q_content > textarea {
    height: 75px;
    border: solid 1px #ededed;
    border-radius: 3px;
    width: 100%;
    padding: 5px;
    font-size: 11px;
}

.close_btn {
   /* position: absolute;
    right: 2px;
    top: 2px;
    font-size: 8px;*/
    position: absolute!important;
    right: -4%!important;
    top: -12%!important;
    font-size: 15px;
    background: #fff;
    border-radius: 50%;
    padding: 0px 7px;
    border:1px solid #999;
    width: 6%!important;
}




.enter_meet {
   position: absolute;
    left: 60%;
    bottom: -0px;
    /*padding: 5px 20px;*/
    color: #fff;
    border-radius: 20px;
  /*  background:url(../images/Ask-a-Question.png) no-repeat;*/
    background-size:100% 100%;
  /*  background: #374d9b;*/
    margin-left: -60px;
    font-weight: 600;
    font-size: 14px;
    text-transform:uppercase;
}
.btn-home {
    position: absolute;
    top: 0.5%;
    right: 2%;
    z-index:4;
    width: 5.4%;
    height: 3%;
    /* background: url(../images/Home-icon.png) no-repeat; */
    background-size: 100% 100%;
}
.enter_feedback{
    position: absolute;
    left: -54%;
    bottom: 10px;
    padding: 10% 40%;
    border-radius: 20px;
    background:url(../images/btn-feedback.png) no-repeat;
    background-size:100% 100%;
}


.btn-agenda{
    position: absolute;
    bottom: 0%;
    left: 35%;
    transform: translate(-50%, -50%);
    background:transparent;
    cursor: pointer;
}

.btn-selfie{
    position: absolute;
    bottom: 0%;
    left: 50%;

    width: 10%;
    transform: translate(-50%, -50%);
    background:transparent;
    cursor: pointer;
}

.btn-feedback{
   width: 13%;
    left: 58%;
    position: fixed;
    bottom: 2%;
}

.audi {
     position: absolute;
    top: 50%;
    left: 23%;
    width: 10%;
    height: 4%;
    cursor: pointer;
}

.audi-top-screen{
    position: absolute;
    top: 51%;
    left: 50%;
    width: 48%;
    transform: translate(-50%, -50%);
}

.audi-top-screen2{
    position: absolute;
    top: -8%;
    left: 0%;
    width: 100%;
}

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

#myModal button.close{
        background: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 18px;
    opacity: 1;
}

#myModal .close{ 
    position: absolute;
    float: right;
    right: -20px;
    top: -20px;}

#myModal .modal-dialog{
    width: 420px;
}
#myModal .modal-body{
    padding: 0px;
    /*margin:30px auto;*/
}

.slider1{width:100%;height:100vh;
    background-image:url(../images/Slider1.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider2{width:100%;height:100vh;
    background-image:url(../images/Slider2.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider3{width:100%;height:100vh;
    background-image:url(../images/Slider3.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider4{width:100%;height:100vh;
    background-image:url(../images/Slider4.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider5{width:100%;height:100vh;
    background-image:url(../images/Slider5.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider6{width:100%;height:100vh;
    background-image:url(../images/Slider6.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider7{width:100%;height:100vh;
    background-image:url(../images/Slider7.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider8{width:100%;height:100vh;
    background-image:url(../images/Slider8.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider9{width:100%;height:100vh;
    background-image:url(../images/Slider9.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider10{width:100%;height:100vh;
    background-image:url(../images/Slider10.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider11{width:100%;height:100vh;
    background-image:url(../images/Slider11.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}

/*.sony_land_pre{float:left;width:100%;height:100vh;z-index:0;position:relative;}
.sony_land_pre:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;}
*/
.image_eb9{display:none;}

.sony_land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;}
.sony_land_1:before{content:"";
position: absolute;
    width: 68%;
    right: 0;
    height: 100vh;
    background-size: 100% 100%;background-image:url(../images/Slider-01.jpg);}
.welcome{position:relative;width:100%;height:100vh;background-image:url(../images/Exterior.jpg);
    background-size:100% 100%;background-repeat:no-repeat;background-position:center center;
    background-position:initial;z-index:0;}
.feedback{position:relative;width:100%;height:100vh;background-image:url(../images/Feedback.jpg);
    background-size:cover;background-repeat:no-repeat;background-position:center center;
    background-position:initial;z-index:0;}
.feedback-form h3{position: absolute;
    top: 4%;
    left: 50%;
    transform: translate(-50%, -50%);}
.bottom-feedback{
   
}
.btn-submit{background: #00adef;
    border: none;
    color: #fff;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 10px;}    

.lobby_iframe{
    
    
    width: 452px;
    height:230px;
}

.land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;text-align:center;}
.land_1:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/SONY-LIV-LANDING-PAGE-BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;lefT:0;top:0;}

.land_2{float:left;width:100%;height:100vh;z-index:0;position:relative;text-align:center;}
.land_2:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/SONY-LIV-LANDING-PAGE-BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;left:0;}

.audi_stream{
    
    padding:57.25% 0 0 0;position:relative;
}

.land1_text{float:left;width:100%;padding:5% 0 0 0;text-align:center;position:absolute;z-index:5;bottom:2%;left:0;}
.land1_text>img{width:65%;}

.in_tar {
    position: absolute;
    right: 17%;
    bottom: 2px;
    height: 30px;
    width: 30%;
}

.form_heading{float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #34509a;
    font-size: 16px;
    font-weight: 800;
    padding:15px 0px;}
.form_heading>b{font-size:10px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:22px;text-transform:capitalize;}
.sony_land_2{width:100%;height:100vh;;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Lobby-Page.jpg) no-repeat;background-size: 100% 100%;}
    
.resource{width:100%;height:100vh;;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Resource.jpg) no-repeat;background-size: 100% 100%;}
 

.hall{width:100%;height:200vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agendabg.jpg) no-repeat;background-size: 100% 100%;}
    
.agenda{width:100%;height:150vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agendabg.jpg) no-repeat;background-size: 100% 100%;}
 
.hallheader{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    background: #2b3860;
    width: 16%;
    padding: 8px;
    border-radius: 8px;
    margin: 2% auto;
}
 
.halltable{
    margin: 0 auto;
    width: 70%;
    top: 21%;
    position: absolute;
    left: 15%;
}

.hallplay{
    background: #2b3860;
    color: #fff;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
}
    
.day2sony_land_2{width:100%;height:100vh;;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Lobby-Page-Day-2.jpg) no-repeat;background-size: 100% 100%;}

.halla {
   position: absolute;
   top: 38%;
   left: 25%;
   /* transform: translate(-50%, -50%); */
   width: 2.5%;
   height: 4%;
   cursor: pointer;
}

.hallb {
    position: absolute;
    top: 38%;
    left: 31%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallc {
    position: absolute;
    top: 44.5%;
    left: 25%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.halld {
    position: absolute;
    top: 45%;
    left: 31%;
    /* transform: translate(-50%, -50%); */
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.halle {
    position: absolute;
    top: 51%;
    left: 25%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallf {
    position: absolute;
    top: 51%;
    left: 31%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallg {
    position: absolute;
    top: 58%;
    left: 25%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallh {
    position: absolute;
    top: 57%;
    left: 31%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.halli {
    position: absolute;
    top: 64%;
    left: 25%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallj {
    position: absolute;
    top: 63.5%;
    left: 31%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallk {
    position: absolute;
    top: 38%;
    left: 70%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.halll {
    position: absolute;
    top: 38%;
    left: 75.5%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallm {
    position: absolute;
    top: 44.5%;
    left: 70%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.halln {
    position: absolute;
    top: 44.5%;
    left: 75.5%;
    width: 2.5%;
    height: 4%;
    cursor: pointer;
}

.hallo {
    position: absolute;
    top: 51%;
    left: 70%;
    width: 7.5%;
    height: 4%;
    cursor: pointer;
}

.hallp {
    position: absolute;
    top: 50%;
    left: 82%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}
.hallq {
    position: absolute;
    top: 58%;
    left: 75%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.hallr {
    position: absolute;
    top: 58%;
    left: 82%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.btn-agenda2 {
    position: absolute;
    left: 70%;
    top: 56%;
    width: 8%;
    height: 6%;
    cursor: pointer!important;
}

.btn-selfie {
    position: absolute;
    top: 52%;
    left: 72%;
    /* transform: translate(-50%, -50%); */
    width: 9%;
    height: 4%;
    cursor: pointer;
}


.track1 {
    background: url(../images/HALL-A.jpg) no-repeat;
    background-size: 100% 100%;
}

.track2 {
    background: url(../images/HALL-B.jpg) no-repeat;
    background-size: 100% 100%;
}

.track3 {
    background: url(../images/HALL-C.jpg) no-repeat;
    background-size: 100% 100%;
}

.track4 {
    background: url(../images/HALL-D.jpg) no-repeat;
    background-size: 100% 100%;
}

.track5 {
    background: url(../images/HALL-E.jpg) no-repeat;
    background-size: 100% 100%;
}

.track6 {
    background: url(../images/HALL-F.jpg) no-repeat;
    background-size: 100% 100%;
}

.track7 {
    background: url(../images/HALL-G.jpg) no-repeat;
    background-size: 100% 100%;
}

.track8 {
    background: url(../images/HALL-H.jpg) no-repeat;
    background-size: 100% 100%;
}

.track9 {
    background: url(../images/HALL-I.jpg) no-repeat;
    background-size: 100% 100%;
}

.track10 {
    background: url(../images/HALL-J.jpg) no-repeat;
    background-size: 100% 100%;
}

.track11 {
    background: url(../images/HALL-K.jpg) no-repeat;
    background-size: 100% 100%;
}

.track12 {
    background: url(../images/HALL-L.jpg) no-repeat;
    background-size: 100% 100%;
}
.track13 {
    background: url(../images/HALL-M.jpg) no-repeat;
    background-size: 100% 100%;
}
.track14 {
    background: url(../images/HALL-N.jpg) no-repeat;
    background-size: 100% 100%;
}
.track15 {
    background: url(../images/HALL-O.jpg) no-repeat;
    background-size: 100% 100%;
}
.track16 {
    background: url(../images/HALL-P.jpg) no-repeat;
    background-size: 100% 100%;
}
.track17 {
    background: url(../images/HALL-Q.jpg) no-repeat;
    background-size: 100% 100%;
}
.track18 {
    background: url(../images/HALL-R.jpg) no-repeat;
    background-size: 100% 100%;
}

.meeting {
    background: url(../images/meeting.png) no-repeat;
    background-size: 100% 100%;
}




.halloffame3 {
    position: absolute;
    left: 65%;
    top: 42%;
    width: 30%;
    height: 17%;
    cursor: pointer;
}

.halloffame2 {
    position: absolute;
    left: 38%;
    top: 31%;
    width: 24%;
    height: 23%;
    cursor: pointer;
}

.halloffame1 {
    position: absolute;
    left: 4%;
    top: 40%;
    width: 33%;
    height: 19%;
    cursor: pointer;
}



.hall_of_fame {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: hidden;
    background: url(../images/hall_of_fame.gif) no-repeat;
    background-size: 100% 100%;
}

.btn-agenda {
    position: absolute;
    left: 46%;
    top: 89%;
    width: 7%;
    height: 15%;
    cursor: pointer!important;
}


.s_right {
    position: absolute;
    top: 7%;
    z-index: 1;
    width: 10%;
    left: 2%;
}

.s_right img {
  
    width: 100%;
   
}

.hallwaiseagenda{
    position: absolute;
    left: 43%;
    top: 80%;
    width: 15%;
    cursor: pointer!important;
}

.hallwaisevideo{
  position: absolute;
  left: 53%;
  top: 79%;
  width: 11%;
  cursor: pointer !important;
}

.btn-agenda4 {
    position: absolute;
    left: 67%;
    top: 50%;
    width: 10%;
    height: 4%;
    cursor: pointer!important;
}

.btn-agenda5 {
    width: 17%;
    top: 45%;
    left: 77%;
    transform: rotateX(0deg);
    transform: rotate(5deg);
    position: absolute;
}

.btn-agenda6 {
    position: absolute;
    width: 22%;
    top: 50%;
    left: 3%;
    transform: rotateX(0deg);
    transform: rotate(-5deg);
}


.form-control2{border-top: none;border-left: none; border-right: none; border-bottom: 1px solid #666;
    width: 100%; background: transparent; font-size: 14px; color: #3d61ad;}
.feedback-form{
    /*position: absolute;top: 71%;left: 50%; transform: translate(-50%,-50%); width: 80%;*/

   font-family: 'Open Sans', sans-serif;}

/*.hungry .selection {
  margin-bottom: 1em;
}
.hungry .selection label {
    display: inline-block;
    width: 2em;
    background-color: transparent;
    border-radius: 0px;
    padding: 0.2em;
    cursor: pointer;
    text-align: center;
    color: #354ea2;
    border: 1px solid #3952a6;
    margin: 0px 3px;
}
.hungry .selection label:hover {
  background-color: #5fc0dc;
}
.hungry .selection input[type=radio] {
  display: none;
}
.hungry .selection input[type=radio]:checked ~ label {
  background-color: #5fc0dc;
}
*/
.btn-logout{
    position: absolute;
    top: 3.5%;
    right: 7%;
    width: 2.5%;
}

.ratings{color: #ec4343; text-align: center; font-size: 12px;}
.que-th{width: 20%;}
.radio-btn{padding: 0px!important;}
.feedback-form table tr th, .feedback-form table tr td{padding: 10px;
    font-size: 15px;}
.feedback-form table tr td input[type='text']{border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #555;}    
.feedback-form table tr th{color: #fff; text-align: center;}
.feedback-form table tr th:nth-child(1){background: #3d61ad;}
.feedback-form table tr th:nth-child(2){background: #3d61ad;}

.feedback-form table tr th:nth-child(3){background: #d4ecfb; color: #3d61ad;}
.feedback-form table tr th:nth-child(4){background: #d4ecfb; color: #3d61ad;}
.feedback-form table tr th:nth-child(5){background: #d4ecfb; color: #3d61ad;}
.bottom-que{display: flex;    margin-bottom: 8px;
     margin-top: 8px;
    border-bottom: 1px solid #eee;
    font-size: 10px;
    padding: 15px;}
.bottom-que li:nth-child(1){font-size: 15px;}
.bottom-feedback{position: absolute;
    top: 25%;
    width: 80%;}
.radio-table tr td{padding: 0px!important;}
.radio-table{width: 100%; margin: 0 auto;}
.radio-td{width: 20%;}

.audi_header{position: absolute; top: 0;left: 0;}
.sony_land_3{width:100%;height:100vh;position:relative;left:0;top:0;background-size:100% 100%;background-repeat:no-repeat;}
.container{margin:0 auto;max-width:1400px;width:100%;position:relative;}
.tophead{width:100%;float:left;background:#fff;padding:6px 10px;}
.lobby_logo{float:left;width:70px;}
.lobby_logo>img{width:100%;}
.lobby_logo>a{display:inline-block;width:70px;}
.lobby_right_content{float:left;font-size:34px;color:#25084d;font-weight:600;padding:12px 0;width:100%;text-align:center;}
.lobby_right_content>b{font-weight:800;}
 

 #video, #enter_to_login, #enter_to_meeting, #video-audi {
    display: none;
}

.sony_land_3 iframe{
    border:5px solid #b11319;
}

.social{position: absolute;
   width: 29%;
   height: 33%;
   cursor: pointer;
   transform: translate(-50%,-50%);
}
.btn-social1{top: 29%; left: 19%;}
.btn-social2{top: 29%; left: 50%;}
.btn-social3{top: 29%; left: 81%;}

.btn-social4{top: 69%; left: 19%;}
.btn-social5{top: 69%; left: 50%;}
.btn-social6{top: 69%; left: 81%;}


.carousel-indicators{bottom: 0px!important;}
.carousel-indicators li{border: 1px solid #d81921!important;}
.carousel-indicators .active{background-color: #c7131a!important;
    border: 1px solid #fff!important;}

.form_area {
    position: absolute;
    left: 9%;
    margin-top: 2%;
    width: 25%;
    border: none;/*
    background: #fff; 
    padding: 0px 10px;*/
    /* box-shadow: 5px 5px 16px black; */
}
ul.detail_form_list{float:left;width:100%; margin-bottom: 0px;}
ul.detail_form_list li{float:left;width:100%;padding:3 0;position:relative;}
ul.detail_form_list li>label{float: left;
    width: 30%;
    padding: 2px 0 7px 5px;
    font-size: 12px;
    color: #fff;}
ul.detail_form_list li>input{width:100%;padding:0px 5px;font-size:14px;height:32px;margin-bottom: 10px;background: transparent;
    border-radius:0px;border-left: none; border-top: none;border-right: none; border-bottom:1px solid #999; }
    input::placeholder,select{
        color:#000 !important;
    }

h6{
    font-size: 12px; color:#fff;margin-left:5px;
}

ul.detail_form_list li>select{width:100%;font-size:14px;height:32px;margin-bottom: 10px;
    border-radius:0px; border-left: none; border-top: none;
    border-right: none; border-bottom:1px solid #999; background: transparent!important;}

#countdown{     background: #d81921;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 5%;
    left: 16.5%;
    transform: translate(-50%, -50%);}
#countdown ul{display: flex; margin-bottom: 0px;}
#countdown ul li{    display: grid;
    text-align: center;
    padding: 0px 12px 4px;
    /* margin: 1px; */
    border: 1px solid #fff;}
#countdown ul li span{font-size: 24px;}
.form_arealogin{
position: absolute;
padding: 0px 10px 10px;
    /*top: 22%;*/
    transform: translate(-50%, -50%);
    /*box-shadow: 0px 0px 3px rgba(0,0,0,.4);*/
    /*background:#fff; */
    left: 11%;
    margin-top: 50%;
    width: 76%; }

/*.blinking {
  display:inline-block;
  border: 2px solid #01a0e4bf;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 500;
}
@keyframes blinking {
  50% {
    border-color: #b3d342;
    box-shadow: 5px 5px 16px rgb(179 211 66);
  }
}*/

.s_left {
   position: absolute;
    top: 4%;
    z-index: 1;
    width: 5%;
    left: 94%;
}

.s_left img {
  
    width: 100%;
   
}

.touchme{
    position: absolute;
    top: 39%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 14%;
    cursor: pointer;
}




.log_logo{    position: absolute;
    left: 40%;
    max-width: 30%;
    top: 8%;
}
.input-text{background: transparent;
  border-left: none;
  border-right: none;border-top: none; border-bottom: 1px solid #666;}

.landing1_logo{display:inline-block;
   position:relative;z-index:5;margin:3% 0 0 0;
    max-width: 20%;
}
.landing1_logo1{display:inline-block;     ;
    position:relative;z-index:5;margin:3% 0 0 0;
    max-width:20%;
    
}
.landing1_logo2{    float: left;
    z-index: 5;
    margin:2% 0 0 0;
    width: 100%;

}
.landing1_logo2>a{display:inline-block;max-width:20%;position:relative;z-index:99999;}
 
 
.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{width: 32%;
    margin-left: 34%;padding:0 10px;}
/*.sub_button>a{display:inline-block;padding:2px 20px;border-radius:10px;color:#fff;background:#17a1cb;position:relative;left:30px;font-size:8px;border:solid 1px #fff;text-transform:uppercase;margin-bottom:1%;}
.sub_button>a:hover{background:#8b1f4f;}*/
.sub_button>a>img{}
.lobby_screen{width: 54%;
    position: absolute;
    left: 23.1%;
    top: 9.5%;}
/*.lobby_screen>abbr{display:inline-block;width:23%;padding:15px;margin:5% 13% 0 1%;}
*/
.lobby_screen>abbr{margin-top:5%;display: block;}
.lobby_screen>abbr>img{width:100%;border:solid 4px #fff;border-radius:4px;}
.enter_looby
{
    position: absolute;
    left: 45%;
    top: 41%;
    font-weight: 500;
    border-radius: 25px;
    text-transform: uppercase;
    width: 10%;
    height: 5%;
}

.enter_looby8
{    position: absolute;
    left: 50%;
    top: 93%;
    transform: translate(-50%, -50%);
    /* color: #fff; */
    /* font-weight: 600; */
    width: 20%;
}


.enter_looby>abbr{background:#25084d;border-radius:5px;padding:5px 10px;
         
    animation:blinkingText 1.2s infinite;
}

.enter_looby8>abbr{background:#25084d;border-radius:5px;padding:5px 10px;
         
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
 
}

.enter_audi{position:absolute;left:50%;bottom:-20px;padding:5px 20px;color:#8513d0;}
.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;}
 .q_content{position:absolute;bottom: 4%;
    left: 50%;
    transform: translate(-50%,-50%);
    right: auto;min-width:400px;padding:10px;border-radius:4px;background:#fff;font-size:11px;}
 .err_msg{font-size: 10px;
    float: right;
    width: 100%;
    text-align: right;
    margin-top: -8px;
    color: #ce3527;}
.back_to_lobby{position:absolute;left:15%;top:5%;}
.person_details1{position:absolute;right:10px;width:50%;top:45%;}
.person_details1>abbr{float:left;width:100%;color:#fff;font-size:14px;}
.person_details1>b{float:left;width:100%;color:#f17126;font-weight:600;font-size:18px;text-transform:uppercase;}
.person_details1>em{float:left;width:100%;font-style:normal;color:#fff;font-weight:400;font-size:15px;}
.lobby_screen>b{top: 18%;width: 45%;border-radius:5px;display:inline-block;position:relative;}
/*.lobby_screen>b>div{padding:49.25% 0 0 0 !important;}*/

.lobby_screen>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%;}
.flip_meesage{display:none;}
.btn_agenda {
    position: absolute;
    bottom: 8%;
    left: 45%;
    width: 10%;
    height: 6%;
    background: url(../images/btn-agenda.png) no-repeat;
    background-size: 100% 100%;
}

.page-agenda {
    height: 100vh;
    /*background: linear-gradient(180deg, transparent 80%, black);*/
}

.page-agenda2 .agenda-content {
    padding: 0 5rem;
    height: 80vh;
    overflow: auto;
}
.agenda-day-1 {
    background: url("../images/Agenda20_June.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 480vh;
    position: relative;
}
.agenda-day-2 {
    background: url("../images/Agenda19_June.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 550vh;
    position: relative;
}
.share_v{ color: #d7181f;
    font-weight: bold;
    padding: 4px;}
.agenda-day-1 li {
    width: 14%;
    height: 1%;
    right: 0%;
}
.agenda-day-2 li {
    width: 14%;
    height: 1%;
    right: 0%;
}

.agenda-day-1 li {
    position: absolute;
    display: flex;
}
.agenda-day-1 li:nth-child(1) {
    top: 8.6%;
}
.agenda-day-1 li:nth-child(2) {
    top: 11.5%;
}
.agenda-day-1 li:nth-child(3) {
    top: 14.3%;
}
.agenda-day-1 li:nth-child(4) {
    top: 16.8%;
}
.agenda-day-1 li:nth-child(5) {
    top: 20.4%;
}
.agenda-day-1 li:nth-child(6) {
    top: 23.1%;
}
.agenda-day-1 li:nth-child(7) {
    top: 25.9%;
}
.agenda-day-1 li:nth-child(8) {
    top: 28.7%;
}
.agenda-day-1 li:nth-child(9) {
    top: 31.3%;
}
.agenda-day-1 li:nth-child(10) {
    top: 36.9%;
}
.agenda-day-1 li:nth-child(11) {
    top: 40.3%;
}
.agenda-day-1 li:nth-child(12) {
    top: 43.7%;
}
.agenda-day-1 li:nth-child(13) {
    top: 46.7%;
}
.agenda-day-1 li:nth-child(14) {
    top: 49.4%;
}
.agenda-day-1 li:nth-child(15) {
    top: 53%;
}
.agenda-day-1 li:nth-child(16) {
    top: 56.4%;
}
.agenda-day-1 li:nth-child(17) {
    top: 59.8%;
}
.agenda-day-1 li:nth-child(18) {
    top: 66.5%;
}
.agenda-day-1 li:nth-child(19) {
    top: 70.3%;
}
.agenda-day-1 li:nth-child(20) {
    top: 73.7%;
}
.agenda-day-1 li:nth-child(21) {
    top: 77%;
}
.agenda-day-1 li:nth-child(22) {
    top: 80.1%;
}
.agenda-day-1 li:nth-child(23) {
    top: 84.4%;
}
.agenda-day-1 li:nth-child(24) {
    top: 87.8%;
}
.agenda-day-1 li:nth-child(25) {
    top: 91.1%;
}
.agenda-day-1 li:nth-child(26) {
    top: 94.5%;
}
.agenda-day-1 li:nth-child(27) {
    top: 97%;
}


.agenda-day-2 li {
    position: absolute;
    display: flex;
}
.agenda-day-2 li:nth-child(1) {
    top: 7.5%;
}
.agenda-day-2 li:nth-child(2) {
    top: 10.5%;
}
.agenda-day-2 li:nth-child(3) {
    top: 14.9%;
}
.agenda-day-2 li:nth-child(4) {
    top: 18.2%;
}
.agenda-day-2 li:nth-child(5) {
    top: 21.2%;
}
.agenda-day-2 li:nth-child(6) {
    top: 23.9%;
}
.agenda-day-2 li:nth-child(7) {
    top: 26.1%;
}
.agenda-day-2 li:nth-child(8) {
    top: 31.8%;
}
.agenda-day-2 li:nth-child(9) {
    top: 36.2%;
}
.agenda-day-2 li:nth-child(10) {
    top: 41%;
}
.agenda-day-2 li:nth-child(11) {
    top: 44%;
}
.agenda-day-2 li:nth-child(12) {
    top: 49.7%;
}
.agenda-day-2 li:nth-child(13) {
    top: 53.1%;
}
.agenda-day-2 li:nth-child(14) {
    top: 55.9%;
}
.agenda-day-2 li:nth-child(15) {
    top: 59.4%;
}
.agenda-day-2 li:nth-child(16) {
    top: 62.8%;
}
.agenda-day-2 li:nth-child(17) {
    top: 66.3%;
}
.agenda-day-2 li:nth-child(18) {
    top: 69.1%;
}
.agenda-day-2 li:nth-child(19) {
    top: 72.5%;
}
.agenda-day-2 li:nth-child(20) {
    top: 78.3%;
}
.agenda-day-2 li:nth-child(21) {
    top: 82%;
}
.agenda-day-2 li:nth-child(22) {
    top: 85.4%;
}
.agenda-day-2 li:nth-child(23) {
    top: 88%;
}
.agenda-day-2 li:nth-child(24) {
    top: 90.3%;
}
.agenda-day-2 li:nth-child(25) {
    top: 94.4%;
}
.agenda-day-2 li:nth-child(26) {
    top: 97.4%;
}

.lobby-video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
    height: 100vh;
    display: none;
}

.lobby-video-popup .close {
    background: transparent;
    height: 50px;
    width: 50px;
    right: 0;
    top: 0;
    font-size: 3em;
    color: #fff;
}

.lobby-video-popup .content {
    margin-top: 50px;
}

.btn-agenda2 .ring-container {
    top: 10% !important;
    left: 70% !important;
}

@media (min-width:501px) and (max-width:900px) {
    
    .bottom-que li:nth-child(1) {
    font-size: 11px;
}
    
    .agenda{width:100%;height:150vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agenda.jpg) no-repeat;background-size: 100% 100%;}
    
  th {
      font-size: 10px;
         padding: 0px;
    border: 2px solid #000;
    text-align: center;
    background: #cca79f;
    text-transform: capitalize;
    font-family: initial;
    font-weight: 900;
     }  
     table {
         width:100%;
     }
     td{
         text-align: center;
    border: 2px solid #000;
    padding: 5px 0px 5px 0px;
    font-size: 10px;
     }
     .hallplay {
    background: #2b3860;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
}
     table,tr{
         border: 2px solid;
     }
     .close{
         color: #fff;
    background-color: deeppink !important;
     }    
     
     .halltable {
        margin: 0 auto;
    width: 82%;
    top: 20%;
    position: absolute;
    left: 9%;
}

.hallheader {
   color: #fff;
    font-weight: 600;
    font-size: 20px;
    background: #2b3860;
    width: 13%;
    font-size: 10px;
    padding: 8px;
    border-radius: 8px;
    margin: 1% auto;
}    
    
#countdown{font-size: 6px; top: 8%;}
#countdown ul li span {
    font-size: 11px;
}
.feedback-form{width: 80%;
    /*margin: 20px auto;*/
}
.feedback-form h3{font-size:14px; top: 0.5%;}
.bottom-feedback {
    top: 25%;
}
.btn-feed{margin-top: 0px;}
.btn-back{padding: 6px 10px; font-size: 9px;}
/*.feedback-form{ width: 96%;top: 107%;}*/
.feedback-form table tr th, .feedback-form table tr td{padding:5px;
    font-size: 11px; text-align: center;}
.btn-submit{font-size: 12px; margin-bottom: 20px;}
.bottom-que{font-size: 12px;}

.inner_info1{padding:1px 0;}

.btn-agenda2 {
    position: absolute;
    left: 62%;
    top: 53%;
    width: 5%;
    height: 16%;
    cursor: pointer!important;
}

.btn-home {
   top: 1.8%;
}    
.btn-lobby1 {
    width: 40%;
}
.ringring {
    width: 20px;
    height: 20px;
}
.circle {
    width: 10px;
    height: 10px;
}

ul.detail_form_list{float:left;width:100%;}
ul.detail_form_list li{float: left;
    width: 100%;
    padding: 0px 0;
    height: 20px;
    position: relative;}
.err_msg{font-size: 5px;
    margin-top: -2px;}
.sub_button>a>img{margin-top: 0px;}
ul.detail_form_list li>label{    float: left;
    width: 30%;
    padding: 10px 0 0px 2px;
    font-size: 8px;}
ul.detail_form_list li>input{
    font-size: 8px;
    height: 11px;
    padding: 0px 5px;
    margin-bottom: 0px;
    border-radius: 0px;}

ul.detail_form_list li>select{font-size:8px;height:14px;
    padding: 0px!important;
    margin-bottom: 0px;border-radius:0px;}

/*.wrap_opener a:nth-child(1) {
    width: 100px;
}*/
.wrap_opener a{
    width: 120px;
}
.wrap_opener a:nth-child(2) {
    width: 120px;
}
/*.wrap_opener2 a:nth-child(1) {
    width: 100px;
    margin-right: 30px;
}
.wrap_opener2 a:nth-child(2) {
    width: 100px;
}*/
.agenda-day-1 {
    height: 500vh;
}
.agenda-day-2 {
    height: 500vh;
}
.calendar{
left: 15%;
    top: 82%;
    width: 28%;
    height: 11%;
}

.btn-lobby1{   
    padding: 0px;
    font-weight: bold;
    color: #111;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0px 5px;
    width: 100%;
}

h6{
    font-size: 8px;
    color: #fff;
    margin-top: 6px;
    margin-left: 2px;
}

.btn-agenda>img{
    
    width:85px;
}

.makepractice{width: 95%; height: 85%;}
.tab button{font-size: 8px;}


.form_arealogin{top: 28%;}
.form_heading{float: left;
    width: 100%;
    font-size: 8px;
    padding: 8px 0px 0px;}
.form_heading>b{font-size:10px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:22px;text-transform:capitalize;}

.lobby_screen>b{top:25%;width:40%;border-radius:5px;display:inline-block;position:relative;}
 .lobby_right_content{width:100%;text-align:center;font-size:18px;padding:0 0;}
 .lobby_screen>abbr{width:25%;padding:5px;margin:-2% 1% 0 1%;display: inline-block;}


.enter_meet {
    position: absolute;
    left: 50%;
    bottom: -53px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    /*background: #374d9b;*/
    margin-left: -60px;
    
    font-weight: 600;
    font-size: 8px;
    text-transform: uppercase;
}

.btn-selfie {
    position: absolute;
    bottom: 0%;
   
    transform: translate(-50%, -50%);
    background: transparent;
    cursor: pointer;
}

.enter_feedback{
    position: absolute;
    left: -30%;
    bottom: 10px;
    padding: 10% 40%;
    border-radius: 20px;
    background:url(../images/btn-feedback.png) no-repeat;
    background-size:100% 100%;
}


.enter_looby{
     position:absolute;
    left: 45%;
    top: 41%;
    color:#fff;
    font-weight:600;
   /*width:100%;*/
   
    text-align:center;/*
    background-color:#01a0e4;*/
     padding: 5px 20px;
     box-shadow: 0 0 4px 3px #e0e0e0;
    border: solid 1px #fff;
    border-radius:20px;
    text-transform:uppercase;
    font-size:7px;
    
}
.landing1_logo{margin:5% 0 0 0;max-width:15%;}
/*.landing1_logo1{margin:5% 0 0 0;max-width:20%;}*/
/*.landing1_logo2 > a{max-width:44%;}*/
.landing1_logo2{margin:0% 0 0 0;}
.landing1_logo2>a{max-width:30%;margin:1% 0 0 0;}
.landing1_logo1{width:18%;}
.lobby_iframe{width: 173px;height: 230px;}
.audi_stream{padding:56.25% 0 0 0;position:relative;}
.lobby_screen>b {top: 27%;
    width: 49%;}
.wrap_opener .enter_feedback { bottom: -40px; padding: 8% 30%; }
.btn-lobby{font-size: 9px;padding: 1px 20px;}
.feed-img img{width: 100px; margin-top: 7px;}

/*.wrap_opener{top:94%; }*/
/*.btn-logout{    padding: 0px 25px;
    line-height: 21px;
    width: 42%;
    height: 24px;
    margin-left: 5px;
    margin-top: 4px;
    font-size: 11px;}*/

.pdf_v{display:block; text-align: center;}
.covid1 a p{width:30%;font-size: 15px;}

.share_v{font-size:10px; padding: 0px;}
.wrap_opener a img {
    width: 11%;
    bottom: 0% !important;
}
.wrap_opener {
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    text-align: center;
    display: inline-table;
    justify-content: center;
}

}


 

@media (min-width:0px) 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%;} 

 }
@media (min-width:768px) and (max-width:1024px)  {
 


}
@media (min-width:414px) and (max-width:896) {
.lobby_screen > abbr{margin:0;}
.enter_looby{top:70.6%;}

  }

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

@media (min-width:0px) and (max-width:500px)
{
    .halltable {
    margin: 0 auto;
    width: 100%;
    top: 18%;
    position: absolute;
    left: 0%;
}

td {
    text-align: center;
    border: 2px solid #000;
    padding: 4px;
    font-size: 10px;
}

.hallheader {
   font-size: 10px;
}

.agenda{width:100%;height:100vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agenda.jpg) no-repeat;background-size: 100% 100%;}
    
.hall {
    width: 100%;
    height: 170vh;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: hidden;
    background: url(../images/Agenda.jpg) no-repeat;
    background-size: 100% 100%;
}

h4 {
    color: blue;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

}

*{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%;}
li a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Tabs CSS */
.tabs {
  display: flex;
  justify-content: space-around;
}

.mcci1{
    position: absolute;
    top: 10%;
    left: 39.3%;
    width: 10%;
    height: 32%;
}

.mcci2{
    position: absolute;
    top: 10%;
    left: 50.7%;
    width: 10%;
    height: 32%;
}


.tab a {
  text-decoration: none;
  color: #333;
  border-radius: 4px;
}

/* Modal CSS */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  margin: 5% auto;
  width: 80%;
  max-width: 800px;
  background-color: #fefefe;
  padding: 20px;
  border-radius: 4px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

video {
  width: 100%;
}



.tabs{
    position: absolute;
    top: 51%;
    left: 15%;
    width: 68%;
}

.btn-certificate{
    position: absolute;
    left: 38%;
    top: 88%;
    width: 24%;
    cursor: pointer!important;
}

  th {
         padding: 20px;
    border: 2px solid #000;
    text-align: center;
    background: #cca79f;
    text-transform: capitalize;
    font-family: initial;
    font-weight: 900;
     }  
     table {
         width:100%;
     }
     td{
         text-align: center;
         border: 2px solid #000;
         padding: 8px;
     }
     
     table,tr{
         border: 2px solid;
     }
     .close{
         color: #fff;
    background-color: deeppink !important;
     }

 .btn-fullscreen{
   position: fixed;
    top: 4%;
    left: 1%;
    background: transparent;
    /* color: #fff; */
    border: none;
    border-radius: 5px;
    margin: 1px;
    width: 10.9%;
}
.fullscreen:after{
  border: 1px solid #006cc5;
  content: "";
  display: block;
    height: 32px;
    position: absolute;
    width: 9.3%;
    top: 2px;
    left: -3px;
    z-index: 1;
    border-radius: 8px;
    margin: 9px 15px;
}
.fullscreen{margin-bottom: 0px;}

.btn-lobby {
    width: 66%;
}

.btn-lobby9 {
    width: 5%;
    left: 30%;
    position: fixed;
    bottom: 0%;
}
.btn-lobby10 {
    width: 14%;
    left: 42%;
    position: fixed;
    bottom: 2%;
}

.btn-lobby11 {
    width: 13%;
    left: 27%;
    position: fixed;
    bottom: 2%;
}

.wrap_opener2{
    position: fixed;
    /* left: 50%; */
    bottom: 5%;
    width: 100%;
}

.wrapper{width:100%;float:left;position:relative;}
.makepractice{
    width: 60%;
    margin: 4% auto;
    /*height: 50%;*/
    overflow-y: scroll;
    background: #fff;
    padding: 20px;
}
.makepractice h4{ text-align: left;
    font-weight: bold;font-family: 'Quicksand', sans-serif;}

.btn-lobby1{   
    /*padding: 5px 20px;
    font-weight: bold;
    color: #111;
    width:80%;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0px 5px;*/
    width: 100%;
}

#video, #enter_to_login, #enter_to_meeting, #video-audi{display: none;}
video{width: 100%;}
.noscroll{overflow: hidden;}

.btn-feed{margin-top: 3px;}
.btn-lobby2{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 15%;
}
#mcci .modal-dialog h4{font-size: 20px;
    color: #000;}

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

.btn-download{    background: #fffe0d;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 50px;
    padding: 4px 20px;
    margin-top: 10px;}


.table tr td a{font-weight: bold;font-family: 'Quicksand', sans-serif;}
.table tr td:nth-child(1){width: 50%;}
.table tr td{vertical-align: middle;}

.tabs ul li:nth-child(1)
{
    position: absolute;
    left: 10%;
    width: 19%;
    background-image: url(../images/03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
    
}
.tabs ul li:nth-child(2)
{
    position: absolute;
    left: 32%;
    width: 19%;
    background-image: url(../images/04.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(3)
{
    position: absolute;
    left: 54%;
    width: 19%;
    background-image: url(../images/05.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(4)
{
    position: absolute;
    left: 76%;
    width: 19%;
    background-image: url(../images/06.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(5)
{
    position: absolute;
    left: 32%;
    margin-top: 16%;
    width: 19%;
    background-image: url(../images/07.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}
.tabs ul li:nth-child(6)
{
    position: absolute;
    left: 54%;
    margin-top: 16%;
    width: 19%;
    background-image: url(../images/08.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 3% 0% 3%;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
/*.container {width: 980px !important;}*/

.overlay{ position: absolute;
  /*top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  height: 100vh;
  width: 100%;
  opacity: 1;
  transition: .3s ease;
  background-color:rgba(0,0,0,.9);}

/* 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: #3d61ad; 
}
.carousel-indicators{z-index: 1!important;}


.calendar{
left: 20%;
    top: 71%;
}
.btn-agenda>img{
    
    width:140px;
}

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

.wrap_opener {
    position: fixed;
    left: 50%;
    bottom: 5%;
    line-height: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    height: max-content;
    display: flex;
}
/*.wrap_opener a {
    display: block;
    width: 220px;
}
.wrap_opener a:nth-child(1) {
}
.wrap_opener a:nth-child(2) {
    width: 220px;
}*/
/*.wrap_opener2 a:nth-child(1) {
    width: 170px;
    display: block;
    margin-right: 50px;   
}
.wrap_opener2 a:nth-child(2) {
    width: 210px;
    display: block;
}*/
.btn-back{background: #00adef;
    color: #fff;
    padding: 6px 20px;
    border-radius: 3px;
    position: absolute;
    top: 26%;
    left: 0;}
.btn-back:hover{ color: #fff;
    text-decoration: none;
}

    /*.btn-lobby{
        margin: 0px 10px;
        width: 150px;
        height: 47px;
    }*/
/*.btn-logout{background: #fffe0d;
    color: #000;
    padding: 0px 32px;
    line-height: 34px;
    border-radius: 50px;
    width: 42%;
    height: 34px;
    margin-left: 274px;
    margin-top: 9px;
    font-size: 12px;}
*/
h4{
    color: blue;
    text-align: center;
    text-transform: uppercase;
}

.download1
{
    padding: 15px 15px 15px 15px;
    background-color: #423c712e;
    font-size: 15px;
    text-align: center;
}

.enter_looby8
{
    position:absolute;
    left:34%;
    top:85%;
    font-weight:600;
    width:30%;
    text-align:center;}

video {
  width: 100%;
}

.noscroll { overflow: hidden; }

#video {
  display: none;
  width: 100%;
}
/*#video2 {
  display: none;
  width: 100%;
}*/



.submit_button {
    padding: 3px 10px;
    border-radius: 20px;
    background: green;
    color: #fff;
    margin-top: 5px;
    font-size: 12px;
    display: inline-block;
    width: 18%!important;
    text-align: center;
}
.submit_button:hover{color: #fff;}
.q_content > textarea {
    height: 75px;
    border: solid 1px #ededed;
    border-radius: 3px;
    width: 100%;
    padding: 5px;
    font-size: 11px;
}

.close_btn {
   /* position: absolute;
    right: 2px;
    top: 2px;
    font-size: 8px;*/
    position: absolute!important;
    right: -4%!important;
    top: -12%!important;
    font-size: 15px;
    background: #fff;
    border-radius: 50%;
    padding: 0px 7px;
    border:1px solid #999;
    width: 6%!important;
}


.enter_meet {
   position: absolute;
    left: 60%;
    bottom: -0px;
    /*padding: 5px 20px;*/
    color: #fff;
    border-radius: 20px;
  /*  background:url(../images/Ask-a-Question.png) no-repeat;*/
    background-size:100% 100%;
  /*  background: #374d9b;*/
    margin-left: -60px;
    font-weight: 600;
    font-size: 14px;
    text-transform:uppercase;
}
.btn-home {
    position: absolute;
    top: 0.5%;
    right: 2%;
    z-index:4;
    width: 5.4%;
    height: 3%;
    /* background: url(../images/Home-icon.png) no-repeat; */
    background-size: 100% 100%;
}
.enter_feedback{
    position: absolute;
    left: -54%;
    bottom: 10px;
    padding: 10% 40%;
    border-radius: 20px;
    background:url(../images/btn-feedback.png) no-repeat;
    background-size:100% 100%;
}


.btn-agenda{
    position: absolute;
    bottom: 0%;
    left: 35%;
    transform: translate(-50%, -50%);
    background:transparent;
    cursor: pointer;
}

.btn-selfie{
    position: absolute;
    bottom: 0%;
    left: 50%;

    width: 10%;
    transform: translate(-50%, -50%);
    background:transparent;
    cursor: pointer;
}

.btn-feedback{
   width: 13%;
    left: 58%;
    position: fixed;
    bottom: 2%;
}

.audi {
     position: absolute;
     top: 55%;
     left: 18%;
     width: 8%;
     height: 6%;
     cursor: pointer;
}

.audi-top-screen{
    position: absolute;
    top: 51%;
    left: 50%;
    width: 48%;
    transform: translate(-50%, -50%);
}

.audi-top-screen2{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
}

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

#myModal button.close{
        background: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 18px;
    opacity: 1;
}

#myModal .close{ 
    position: absolute;
    float: right;
    right: -20px;
    top: -20px;}

#myModal .modal-dialog{
    width: 420px;
}
#myModal .modal-body{
    padding: 0px;
    /*margin:30px auto;*/
}

.slider1{width:100%;height:100vh;
    background-image:url(../images/Slider1.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider2{width:100%;height:100vh;
    background-image:url(../images/Slider2.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider3{width:100%;height:100vh;
    background-image:url(../images/Slider3.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider4{width:100%;height:100vh;
    background-image:url(../images/Slider4.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider5{width:100%;height:100vh;
    background-image:url(../images/Slider5.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider6{width:100%;height:100vh;
    background-image:url(../images/Slider6.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider7{width:100%;height:100vh;
    background-image:url(../images/Slider7.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider8{width:100%;height:100vh;
    background-image:url(../images/Slider8.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider9{width:100%;height:100vh;
    background-image:url(../images/Slider9.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider10{width:100%;height:100vh;
    background-image:url(../images/Slider10.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}
.slider11{width:100%;height:100vh;
    background-image:url(../images/Slider11.jpg);
    background-size:100% 100%; background-repeat: no-repeat;background-position: right;
}

/*.sony_land_pre{float:left;width:100%;height:100vh;z-index:0;position:relative;}
.sony_land_pre:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;}
*/
.image_eb9{display:none;}

.sony_land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;}
.sony_land_1:before{content:"";
position: absolute;
    width: 68%;
    right: 0;
    height: 100vh;
    background-size: 100% 100%;background-image:url(../images/Slider-01.jpg);}
.welcome{position:relative;width:100%;height:100vh;background-image:url(../images/Exterior.jpg);
    background-size:100% 100%;background-repeat:no-repeat;background-position:center center;
    background-position:initial;z-index:0;}
.feedback{position:relative;width:100%;height:100vh;background-image:url(../images/Feedback.jpg);
    background-size:cover;background-repeat:no-repeat;background-position:center center;
    background-position:initial;z-index:0;}
.feedback-form h3{position: absolute;
    top: 4%;
    left: 50%;
    transform: translate(-50%, -50%);}
.bottom-feedback{
   
}
.btn-submit{background: #00adef;
    border: none;
    color: #fff;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 10px;}    

.lobby_iframe{
    
    
    width: 452px;
    height:230px;
}

.land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;text-align:center;}
.land_1:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/SONY-LIV-LANDING-PAGE-BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;lefT:0;top:0;}

.land_2{float:left;width:100%;height:100vh;z-index:0;position:relative;text-align:center;}
.land_2:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/SONY-LIV-LANDING-PAGE-BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;left:0;}

.audi_stream{
    
    padding:57.25% 0 0 0;position:relative;
}

.land1_text{float:left;width:100%;padding:5% 0 0 0;text-align:center;position:absolute;z-index:5;bottom:2%;left:0;}
.land1_text>img{width:65%;}

.in_tar {
    position: absolute;
    right: 17%;
    bottom: 2px;
    height: 30px;
    width: 30%;
}

.form_heading{
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #34509a;
    font-size: 16px;
    font-weight: 700;
    padding:15px 0px;
    }
.form_heading>b{font-size:10px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:22px;text-transform:capitalize;}
.sony_land_2{width:100%;height:100vh;;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Lobby-Page.jpg) no-repeat;background-size: 100% 100%;}
    
.resource{width:100%;height:100vh;;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Resource.jpg) no-repeat;background-size: 100% 100%;}
 

.hall{width:100%;height:200vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agendabg.jpg) no-repeat;background-size: 100% 100%;}
    
.agenda{width:100%;height:150vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agendabg.jpg) no-repeat;background-size: 100% 100%;}
 
.hallheader{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    background: #2b3860;
    width: 16%;
    padding: 8px;
    border-radius: 8px;
    margin: 2% auto;
}
 
.halltable{
    margin: 0 auto;
    width: 70%;
    top: 21%;
    position: absolute;
    left: 15%;
}

.hallplay{
    background: #2b3860;
    color: #fff;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
}
    
.day2sony_land_2{width:100%;height:100vh;;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Lobby-Page-Day-2.jpg) no-repeat;background-size: 100% 100%;}

.halla {
   position: absolute;
   top: 34%;
   left: 16%;
   /* transform: translate(-50%, -50%); */
   width: 3%;
   height: 4%;
   cursor: pointer;
}

.hallb {
    position: absolute;
    top: 35%;
    left: 25.5%;
    width: 3%;
    height: 4%;
    cursor: pointer;
    /* margin-left: 2.5%; */
}

.hallc {
    position: absolute;
    top: 42.5%;
    left: 16%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.halld {
    position: absolute;
    top: 43%;
    left: 25.5%;
    /* transform: translate(-50%, -50%); */
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.halle {
    position: absolute;
    top: 51%;
    left: 16%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.hallf {
    position: absolute;
    top: 51%;
    left: 25.5%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallg {
    position: absolute;
    top: 59%;
    left: 16%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.hallh {
    position: absolute;
    top: 59%;
    left: 25.5%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.halli {
    position: absolute;
    top: 67%;
    left: 16%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.hallj {
    position: absolute;
    top: 67%;
    left: 25.5%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallk {
    position: absolute;
    top: 35%;
    left: 74.5%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.halll {
    position: absolute;
    top: 35%;
    left: 82%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallm {
    position: absolute;
    top: 42.5%;
    left: 74.5%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.halln {
    position: absolute;
    top: 42.5%;
    left: 82%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallo {
    position: absolute;
    top: 50%;
    left: 74.5%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.btn-agenda2 {
    position: absolute;
    left: 76%;
    top: 65%;
    width: 10%;
    height: 6%;
    cursor: pointer!important;
}

.btn-selfie {
    position: absolute;
    top: 52%;
    left: 72%;
    /* transform: translate(-50%, -50%); */
    width: 9%;
    height: 4%;
    cursor: pointer;
}


.track1 {
    background: url(../images/HALL-A.jpg) no-repeat;
    background-size: 100% 100%;
}

.track2 {
    background: url(../images/HALL-B.jpg) no-repeat;
    background-size: 100% 100%;
}

.track3 {
    background: url(../images/HALL-C.jpg) no-repeat;
    background-size: 100% 100%;
}

.track4 {
    background: url(../images/HALL-D.jpg) no-repeat;
    background-size: 100% 100%;
}

.track5 {
    background: url(../images/HALL-E.jpg) no-repeat;
    background-size: 100% 100%;
}

.track6 {
    background: url(../images/HALL-F.jpg) no-repeat;
    background-size: 100% 100%;
}

.track7 {
    background: url(../images/HALL-G.jpg) no-repeat;
    background-size: 100% 100%;
}

.track8 {
    background: url(../images/HALL-H.jpg) no-repeat;
    background-size: 100% 100%;
}

.track9 {
    background: url(../images/HALL-I.jpg) no-repeat;
    background-size: 100% 100%;
}

.track10 {
    background: url(../images/HALL-J.jpg) no-repeat;
    background-size: 100% 100%;
}

.track11 {
    background: url(../images/HALL-K.jpg) no-repeat;
    background-size: 100% 100%;
}

.track12 {
    background: url(../images/HALL-L.jpg) no-repeat;
    background-size: 100% 100%;
}

.meeting {
    background: url(../images/meeting.png) no-repeat;
    background-size: 100% 100%;
}




.halloffame3 {
    position: absolute;
    left: 65%;
    top: 42%;
    width: 30%;
    height: 17%;
    cursor: pointer;
}

.halloffame2 {
    position: absolute;
    left: 38%;
    top: 31%;
    width: 24%;
    height: 23%;
    cursor: pointer;
}

.halloffame1 {
    position: absolute;
    left: 4%;
    top: 40%;
    width: 33%;
    height: 19%;
    cursor: pointer;
}

.ring-container {
    position: absolute;
    top: -30%;
    left: -20%;
    transform: translate(-50%, -50%);
}

.sony_land_2 a:nth-child(even) .ring-container {
    position: absolute;
    top: -40%;
    left: 20%;
    transform: translate(-50%, -50%);
}

.ringring {
    border: 3px solid #e5ff00;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 10px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.circle {
    width: 10px;
    height: 10px;
    background-color: #81b714;
    border-radius: 50%;
    position: absolute;
    top: 16px;
    left: 22px;
}

.hall_of_fame {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: hidden;
    background: url(../images/hall_of_fame.gif) no-repeat;
    background-size: 100% 100%;
}

.btn-agenda {
    position: absolute;
    left: 46%;
    top: 89%;
    width: 7%;
    height: 15%;
    cursor: pointer!important;
}


.s_right {
    position: absolute;
    top: 7%;
    z-index: 1;
    width: 10%;
    left: 2%;
}

.s_right img {
  
    width: 100%;
   
}

.hallwaiseagenda{
    position: absolute;
    left: 43%;
    top: 79%;
    width: 15%;
    cursor: pointer!important;
}

.btn-agenda4 {
   position: absolute;
   left: 81%;
   top: 55.5%;
   width: 4%;
   height: 6%;
   cursor: pointer !important;
}

.btn-agenda5 {
    width: 17%;
    top: 41%;
    left: 82%;
    transform: rotateX(0deg);
    transform: rotate(5deg);
    position: absolute;
}

.btn-agenda6 {
    position: absolute;
    width: 22%;
    top: 48%;
    left: 0%;
    transform: rotateX(0deg);
    transform: rotate(-5deg);
}


.form-control2{border-top: none;border-left: none; border-right: none; border-bottom: 1px solid #666;
    width: 100%; background: transparent; font-size: 14px; color: #3d61ad;}
.feedback-form{
    /*position: absolute;top: 71%;left: 50%; transform: translate(-50%,-50%); width: 80%;*/

   font-family: 'Open Sans', sans-serif;}

/*.hungry .selection {
  margin-bottom: 1em;
}
.hungry .selection label {
    display: inline-block;
    width: 2em;
    background-color: transparent;
    border-radius: 0px;
    padding: 0.2em;
    cursor: pointer;
    text-align: center;
    color: #354ea2;
    border: 1px solid #3952a6;
    margin: 0px 3px;
}
.hungry .selection label:hover {
  background-color: #5fc0dc;
}
.hungry .selection input[type=radio] {
  display: none;
}
.hungry .selection input[type=radio]:checked ~ label {
  background-color: #5fc0dc;
}
*/
.btn-logout{
    position: absolute;
    top: 3.5%;
    right: 7%;
    width: 2.5%;
}

.ratings{color: #ec4343; text-align: center; font-size: 12px;}
.que-th{width: 20%;}
.radio-btn{padding: 0px!important;}
.feedback-form table tr th, .feedback-form table tr td{padding: 10px;
    font-size: 15px;}
.feedback-form table tr td input[type='text']{border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #555;}    
.feedback-form table tr th{color: #fff; text-align: center;}
.feedback-form table tr th:nth-child(1){background: #3d61ad;}
.feedback-form table tr th:nth-child(2){background: #3d61ad;}

.feedback-form table tr th:nth-child(3){background: #d4ecfb; color: #3d61ad;}
.feedback-form table tr th:nth-child(4){background: #d4ecfb; color: #3d61ad;}
.feedback-form table tr th:nth-child(5){background: #d4ecfb; color: #3d61ad;}
.bottom-que{display: flex;    margin-bottom: 8px;
     margin-top: 8px;
    border-bottom: 1px solid #eee;
    font-size: 10px;
    padding: 15px;}
.bottom-que li:nth-child(1){font-size: 15px;}
.bottom-feedback{
    position: absolute;
    top: 30%;
    width: 80%;
    }
.radio-table tr td{padding: 0px!important;}
.radio-table{width: 100%; margin: 0 auto;}
.radio-td{width: 20%;}

.audi_header{position: absolute; top: 0;left: 0;}
.sony_land_3{width:100%;height:100vh;position:relative;left:0;top:0;background-size:100% 100%;background-repeat:no-repeat;}
.container{margin:0 auto;max-width:1400px;width:100%;position:relative;}
.tophead{width:100%;float:left;background:#fff;padding:6px 10px;}
.lobby_logo{float:left;width:70px;}
.lobby_logo>img{width:100%;}
.lobby_logo>a{display:inline-block;width:70px;}
.lobby_right_content{float:left;font-size:34px;color:#25084d;font-weight:600;padding:12px 0;width:100%;text-align:center;}
.lobby_right_content>b{font-weight:800;}
 

 #video, #enter_to_login, #enter_to_meeting, #video-audi {
    display: none;
}

.social{position: absolute;
   width: 29%;
   height: 33%;
   cursor: pointer;
   transform: translate(-50%,-50%);
}
.btn-social1{top: 29%; left: 19%;}
.btn-social2{top: 29%; left: 50%;}
.btn-social3{top: 29%; left: 81%;}

.btn-social4{top: 69%; left: 19%;}
.btn-social5{top: 69%; left: 50%;}
.btn-social6{top: 69%; left: 81%;}


.carousel-indicators{bottom: 0px!important;}
.carousel-indicators li{border: 1px solid #d81921!important;}
.carousel-indicators .active{background-color: #c7131a!important;
    border: 1px solid #fff!important;}

.form_area {
    position: absolute;
    left: 9%;
    margin-top: 7%;
    width: 25%;
    border: none;/*
    background: #fff; 
    padding: 0px 10px;*/
    /* box-shadow: 5px 5px 16px black; */
}
ul.detail_form_list{float:left;width:100%; margin-bottom: 0px;}
ul.detail_form_list li{float:left;width:100%;padding:3 0;position:relative;}
ul.detail_form_list li>label{float: left;
    width: 30%;
    padding: 2px 0 7px 5px;
    font-size: 12px;
    color: #fff;}
ul.detail_form_list li>input{
    width:100%;
    padding:0px 5px;
    font-size: 15px;
    height:32px;
    margin-bottom: 10px;
    background: transparent;
    border-radius:0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom:1px solid #999;
    font-weight: 700;
    }

h6{
    font-size: 12px; color:#fff;margin-left:5px;
}

ul.detail_form_list li>select{
    width:100%;
    font-size: 15px;
    height:32px;
    margin-bottom: 10px;
    border-radius:0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom:1px solid #999;
    background: transparent!important;
    font-weight: 700;
    }

#countdown{     background: #d81921;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 5%;
    left: 16.5%;
    transform: translate(-50%, -50%);}
#countdown ul{display: flex; margin-bottom: 0px;}
#countdown ul li{    display: grid;
    text-align: center;
    padding: 0px 12px 4px;
    /* margin: 1px; */
    border: 1px solid #fff;}
#countdown ul li span{font-size: 24px;}
.form_arealogin{
position: absolute;
padding: 0px 10px 10px;
    /*top: 22%;*/
    transform: translate(-50%, -50%);
    /*box-shadow: 0px 0px 3px rgba(0,0,0,.4);*/
    /*background:#fff; */
    left: 11%;
    margin-top: 50%;
    width: 76%; }

/*.blinking {
  display:inline-block;
  border: 2px solid #01a0e4bf;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 500;
}
@keyframes blinking {
  50% {
    border-color: #b3d342;
    box-shadow: 5px 5px 16px rgb(179 211 66);
  }
}*/

.s_left {
   position: absolute;
    top: 2%;
    z-index: 1;
    width: 4%;
    left: 94%;
}

.s_left img {
  
    width: 100%;
   
}

.touchme{
    position: absolute;
    top: 39%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 14%;
    cursor: pointer;
}




.log_logo{    position: absolute;
    left: 40%;
    max-width: 30%;
    top: 8%;
}
.input-text{background: transparent;
  border-left: none;
  border-right: none;border-top: none; border-bottom: 1px solid #666;}

.landing1_logo{display:inline-block;
   position:relative;z-index:5;margin:3% 0 0 0;
    max-width: 20%;
}
.landing1_logo1{display:inline-block;     ;
    position:relative;z-index:5;margin:3% 0 0 0;
    max-width:20%;
    
}
.landing1_logo2{    float: left;
    z-index: 5;
    margin:2% 0 0 0;
    width: 100%;

}
.landing1_logo2>a{display:inline-block;max-width:20%;position:relative;z-index:99999;}
 
 
.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{width: 32%;
    margin-left: 34%;padding:0 10px;}
/*.sub_button>a{display:inline-block;padding:2px 20px;border-radius:10px;color:#fff;background:#17a1cb;position:relative;left:30px;font-size:8px;border:solid 1px #fff;text-transform:uppercase;margin-bottom:1%;}
.sub_button>a:hover{background:#8b1f4f;}*/
.sub_button>a>img{}
.lobby_screen{
   width: 54%;
    position: absolute;
    left: 23%;
    top: 10%;
    
}
/*.lobby_screen>abbr{display:inline-block;width:23%;padding:15px;margin:5% 13% 0 1%;}
*/
.lobby_screen>abbr{margin-top:5%;display: block;}
.lobby_screen>abbr>img{width:100%;border:solid 4px #fff;border-radius:4px;}
.enter_looby
{
    position: absolute;
    left: 45%;
    top: 41%;
    font-weight: 500;
    border-radius: 25px;
    text-transform: uppercase;
    width: 10%;
    height: 5%;
}

.enter_looby8
{    position: absolute;
    left: 50%;
    top: 93%;
    transform: translate(-50%, -50%);
    /* color: #fff; */
    /* font-weight: 600; */
    width: 20%;
}


.enter_looby>abbr{background:#25084d;border-radius:5px;padding:5px 10px;
         
    animation:blinkingText 1.2s infinite;
}

.enter_looby8>abbr{background:#25084d;border-radius:5px;padding:5px 10px;
         
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
 
}

.enter_audi{position:absolute;left:50%;bottom:-20px;padding:5px 20px;color:#8513d0;}
.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;}
 .q_content{position:absolute;bottom: 4%;
    left: 50%;
    transform: translate(-50%,-50%);
    right: auto;min-width:400px;padding:10px;border-radius:4px;background:#fff;font-size:11px;}
 .err_msg{font-size: 10px;
    float: right;
    width: 100%;
    text-align: right;
    margin-top: -8px;
    color: #ce3527;}
.back_to_lobby{position:absolute;left:15%;top:5%;}
.person_details1{position:absolute;right:10px;width:50%;top:45%;}
.person_details1>abbr{float:left;width:100%;color:#fff;font-size:14px;}
.person_details1>b{float:left;width:100%;color:#f17126;font-weight:600;font-size:18px;text-transform:uppercase;}
.person_details1>em{float:left;width:100%;font-style:normal;color:#fff;font-weight:400;font-size:15px;}
.lobby_screen>b{top: 18%;width: 45%;border-radius:5px;display:inline-block;position:relative;}
/*.lobby_screen>b>div{padding:49.25% 0 0 0 !important;}*/

.lobby_screen>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%;}
.flip_meesage{display:none;}
.btn_agenda {
    position: absolute;
    bottom: 8%;
    left: 45%;
    width: 10%;
    height: 6%;
    background: url(../images/btn-agenda.png) no-repeat;
    background-size: 100% 100%;
}

.page-agenda {
    height: 100vh;
    /*background: linear-gradient(180deg, transparent 80%, black);*/
}

.page-agenda2 .agenda-content {
    padding: 0 5rem;
    height: 80vh;
    overflow: auto;
}
.agenda-day-1 {
    background: url("../images/Agenda20_June.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 480vh;
    position: relative;
}
.agenda-day-2 {
    background: url("../images/Agenda19_June.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 550vh;
    position: relative;
}
.share_v{ color: #d7181f;
    font-weight: bold;
    padding: 4px;}
.agenda-day-1 li {
    width: 14%;
    height: 1%;
    right: 0%;
}
.agenda-day-2 li {
    width: 14%;
    height: 1%;
    right: 0%;
}

.agenda-day-1 li {
    position: absolute;
    display: flex;
}
.agenda-day-1 li:nth-child(1) {
    top: 8.6%;
}
.agenda-day-1 li:nth-child(2) {
    top: 11.5%;
}
.agenda-day-1 li:nth-child(3) {
    top: 14.3%;
}
.agenda-day-1 li:nth-child(4) {
    top: 16.8%;
}
.agenda-day-1 li:nth-child(5) {
    top: 20.4%;
}
.agenda-day-1 li:nth-child(6) {
    top: 23.1%;
}
.agenda-day-1 li:nth-child(7) {
    top: 25.9%;
}
.agenda-day-1 li:nth-child(8) {
    top: 28.7%;
}
.agenda-day-1 li:nth-child(9) {
    top: 31.3%;
}
.agenda-day-1 li:nth-child(10) {
    top: 36.9%;
}
.agenda-day-1 li:nth-child(11) {
    top: 40.3%;
}
.agenda-day-1 li:nth-child(12) {
    top: 43.7%;
}
.agenda-day-1 li:nth-child(13) {
    top: 46.7%;
}
.agenda-day-1 li:nth-child(14) {
    top: 49.4%;
}
.agenda-day-1 li:nth-child(15) {
    top: 53%;
}
.agenda-day-1 li:nth-child(16) {
    top: 56.4%;
}
.agenda-day-1 li:nth-child(17) {
    top: 59.8%;
}
.agenda-day-1 li:nth-child(18) {
    top: 66.5%;
}
.agenda-day-1 li:nth-child(19) {
    top: 70.3%;
}
.agenda-day-1 li:nth-child(20) {
    top: 73.7%;
}
.agenda-day-1 li:nth-child(21) {
    top: 77%;
}
.agenda-day-1 li:nth-child(22) {
    top: 80.1%;
}
.agenda-day-1 li:nth-child(23) {
    top: 84.4%;
}
.agenda-day-1 li:nth-child(24) {
    top: 87.8%;
}
.agenda-day-1 li:nth-child(25) {
    top: 91.1%;
}
.agenda-day-1 li:nth-child(26) {
    top: 94.5%;
}
.agenda-day-1 li:nth-child(27) {
    top: 97%;
}


.agenda-day-2 li {
    position: absolute;
    display: flex;
}
.agenda-day-2 li:nth-child(1) {
    top: 7.5%;
}
.agenda-day-2 li:nth-child(2) {
    top: 10.5%;
}
.agenda-day-2 li:nth-child(3) {
    top: 14.9%;
}
.agenda-day-2 li:nth-child(4) {
    top: 18.2%;
}
.agenda-day-2 li:nth-child(5) {
    top: 21.2%;
}
.agenda-day-2 li:nth-child(6) {
    top: 23.9%;
}
.agenda-day-2 li:nth-child(7) {
    top: 26.1%;
}
.agenda-day-2 li:nth-child(8) {
    top: 31.8%;
}
.agenda-day-2 li:nth-child(9) {
    top: 36.2%;
}
.agenda-day-2 li:nth-child(10) {
    top: 41%;
}
.agenda-day-2 li:nth-child(11) {
    top: 44%;
}
.agenda-day-2 li:nth-child(12) {
    top: 49.7%;
}
.agenda-day-2 li:nth-child(13) {
    top: 53.1%;
}
.agenda-day-2 li:nth-child(14) {
    top: 55.9%;
}
.agenda-day-2 li:nth-child(15) {
    top: 59.4%;
}
.agenda-day-2 li:nth-child(16) {
    top: 62.8%;
}
.agenda-day-2 li:nth-child(17) {
    top: 66.3%;
}
.agenda-day-2 li:nth-child(18) {
    top: 69.1%;
}
.agenda-day-2 li:nth-child(19) {
    top: 72.5%;
}
.agenda-day-2 li:nth-child(20) {
    top: 78.3%;
}
.agenda-day-2 li:nth-child(21) {
    top: 82%;
}
.agenda-day-2 li:nth-child(22) {
    top: 85.4%;
}
.agenda-day-2 li:nth-child(23) {
    top: 88%;
}
.agenda-day-2 li:nth-child(24) {
    top: 90.3%;
}
.agenda-day-2 li:nth-child(25) {
    top: 94.4%;
}
.agenda-day-2 li:nth-child(26) {
    top: 97.4%;
}

.lobby-video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
    height: 100vh;
    display: none;
}

.lobby-video-popup .close {
    background: transparent;
    height: 50px;
    width: 50px;
    right: 0;
    top: 0;
    font-size: 3em;
    color: #fff;
}

.lobby-video-popup .content {
    margin-top: 50px;
}

@media (min-width:501px) and (max-width:900px) {
    
    .bottom-que li:nth-child(1) {
    font-size: 11px;
}

.halla {
   position: absolute;
   top: 36%;
   left: 17%;
   /* transform: translate(-50%, -50%); */
   width: 5%;
   height: 4%;
   cursor: pointer;
}

.hallb {
    position: absolute;
    top: 36%;
    left: 25%;
    width: 4%;
    height: 4%;
    cursor: pointer;
    /* margin-left: 2.5%; */
}

.hallc {
    position: absolute;
    top: 44.5%;
    left: 17%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.halld {
    position: absolute;
    top: 44%;
    left: 25%;
    /* transform: translate(-50%, -50%); */
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.halle {
    position: absolute;
    top: 51%;
    left: 17%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.hallf {
    position: absolute;
    top: 51%;
    left: 25%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.hallg {
    position: absolute;
    top: 59%;
    left: 17%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.hallh {
    position: absolute;
    top: 58%;
    left: 25%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.halli {
    position: absolute;
    top: 67%;
    left: 16.5%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.hallj {
    position: absolute;
    top: 66.5%;
    left: 25%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallk {
    position: absolute;
    top: 37%;
    left: 70%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.halll {
    position: absolute;
    top: 37%;
    left: 77%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallm {
    position: absolute;
    top: 44.5%;
    left: 69.5%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.halln {
    position: absolute;
    top: 44.5%;
    left: 77%;
    width: 3%;
    height: 4%;
    cursor: pointer;
}

.hallo {
    position: absolute;
    top: 51%;
    left: 69%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}
 .hallq {
    position: absolute;
    top: 58%;
    left: 69.5%;
    width: 5%;
    height: 4%;
    cursor: pointer;
}

.hallr {
    position: absolute;
    top: 59%;
    left: 77%;
    width: 4%;
    height: 4%;
    cursor: pointer;
}

.lobby_screen {
    width: 49.7%;
    position: absolute;
    left: 24.8%;
    top: 17%;
}

.audi {
    top: 51%;
    left: 25%;
    width: 8%;
    height: 8%;
    cursor: pointer;
}

    .btn-agenda4 {
    left: 76%;
    top: 51%;
    width: 6%;
    height: 8%;
    /* cursor: pointer !important; */
}

    
    .agenda{width:100%;height:150vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agenda.jpg) no-repeat;background-size: 100% 100%;}
    
  th {
      font-size: 10px;
         padding: 0px;
    border: 2px solid #000;
    text-align: center;
    background: #cca79f;
    text-transform: capitalize;
    font-family: initial;
    font-weight: 900;
     }  
     table {
         width:100%;
     }
     td{
         text-align: center;
    border: 2px solid #000;
    padding: 5px 0px 5px 0px;
    font-size: 10px;
     }
     .hallplay {
    background: #2b3860;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
}
     table,tr{
         border: 2px solid;
     }
     .close{
         color: #fff;
    background-color: deeppink !important;
     }    
     
     .halltable {
        margin: 0 auto;
    width: 82%;
    top: 20%;
    position: absolute;
    left: 9%;
}

.hallheader {
   color: #fff;
    font-weight: 600;
    font-size: 20px;
    background: #2b3860;
    width: 13%;
    font-size: 10px;
    padding: 8px;
    border-radius: 8px;
    margin: 1% auto;
}    
    
#countdown{font-size: 6px; top: 8%;}
#countdown ul li span {
    font-size: 11px;
}
.feedback-form{width: 80%;
    /*margin: 20px auto;*/
}
.feedback-form h3{font-size:14px; top: 0.5%;}
.bottom-feedback {
    top: 25%;
}
.btn-feed{margin-top: 0px;}
.btn-back{padding: 6px 10px; font-size: 9px;}
/*.feedback-form{ width: 96%;top: 107%;}*/
.feedback-form table tr th, .feedback-form table tr td{padding:5px;
    font-size: 11px; text-align: center;}
.btn-submit{font-size: 12px; margin-bottom: 20px;}
.bottom-que{font-size: 12px;}

.inner_info1{padding:1px 0;}

.btn-agenda2 {
    /* position: absolute; */
    /* left: 69%; */
    top: 65%;
    /* width: 8%; */
    /* height: 6%; */
    /* cursor: pointer!important; */
}

.btn-home {
   top: 1.8%;
}    
.btn-lobby1 {
    width: 40%;
}
.ringring {
    width: 20px;
    height: 20px;
}
.circle {
    width: 10px;
    height: 10px;
}
.ring-container {
    top: -100%;
    left: -55%;
}

.btn-agenda2 .ring-container {
    top: -30% !important;
    left: 60% !important;
}

/*.hallo {
    width: 7%;
}
*/

.sony_land_2 a:nth-child(even) .ring-container {
    position: absolute;
    top: -100%;
    left: -10%;
    transform: translate(-50%, -50%);
}

    

ul.detail_form_list{float:left;width:100%;}
ul.detail_form_list li{float: left;
    width: 100%;
    padding: 0px 0;
    height: 20px;
    position: relative;}
.err_msg{font-size: 5px;
    margin-top: -2px;}
.sub_button>a>img{margin-top: 0px;}
ul.detail_form_list li>label{    float: left;
    width: 30%;
    padding: 10px 0 0px 2px;
    font-size: 8px;}
ul.detail_form_list li>input{
    font-size: 8px;
    height: 11px;
    padding: 0px 5px;
    margin-bottom: 0px;
    border-radius: 0px;}

ul.detail_form_list li>select{font-size:8px;height:14px;
    padding: 0px!important;
    margin-bottom: 0px;border-radius:0px;}

/*.wrap_opener a:nth-child(1) {
    width: 100px;
}*/
.wrap_opener a{
    width: 120px;
}
.wrap_opener a:nth-child(2) {
    width: 120px;
}
/*.wrap_opener2 a:nth-child(1) {
    width: 100px;
    margin-right: 30px;
}
.wrap_opener2 a:nth-child(2) {
    width: 100px;
}*/
.agenda-day-1 {
    height: 500vh;
}
.agenda-day-2 {
    height: 500vh;
}
.calendar{
left: 15%;
    top: 82%;
    width: 28%;
    height: 11%;
}

.btn-lobby1{   
    padding: 0px;
    font-weight: bold;
    color: #111;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0px 5px;
    width: 100%;
}

h6{
    font-size: 8px;
    color: #fff;
    margin-top: 6px;
    margin-left: 2px;
}

.btn-agenda>img{
    
    width:85px;
}

.makepractice{width: 95%; height: 85%;}
.tab button{font-size: 8px;}


.form_arealogin{top: 28%;}
.form_heading{float: left;
    width: 100%;
    font-size: 8px;
    padding: 8px 0px 0px;}
.form_heading>b{font-size:10px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:22px;text-transform:capitalize;}

.lobby_screen>b{top:25%;width:40%;border-radius:5px;display:inline-block;position:relative;}
 .lobby_right_content{width:100%;text-align:center;font-size:18px;padding:0 0;}
 .lobby_screen>abbr{width:25%;padding:5px;margin:-2% 1% 0 1%;display: inline-block;}


.enter_meet {
    position: absolute;
    left: 50%;
    bottom: -53px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    /*background: #374d9b;*/
    margin-left: -60px;
    
    font-weight: 600;
    font-size: 8px;
    text-transform: uppercase;
}

.btn-selfie {
    position: absolute;
    bottom: 0%;
   
    transform: translate(-50%, -50%);
    background: transparent;
    cursor: pointer;
}

.enter_feedback{
    position: absolute;
    left: -30%;
    bottom: 10px;
    padding: 10% 40%;
    border-radius: 20px;
    background:url(../images/btn-feedback.png) no-repeat;
    background-size:100% 100%;
}


.enter_looby{
     position:absolute;
    left: 45%;
    top: 41%;
    color:#fff;
    font-weight:600;
   /*width:100%;*/
   
    text-align:center;/*
    background-color:#01a0e4;*/
     padding: 5px 20px;
     box-shadow: 0 0 4px 3px #e0e0e0;
    border: solid 1px #fff;
    border-radius:20px;
    text-transform:uppercase;
    font-size:7px;
    
}
.landing1_logo{margin:5% 0 0 0;max-width:15%;}
/*.landing1_logo1{margin:5% 0 0 0;max-width:20%;}*/
/*.landing1_logo2 > a{max-width:44%;}*/
.landing1_logo2{margin:0% 0 0 0;}
.landing1_logo2>a{max-width:30%;margin:1% 0 0 0;}
.landing1_logo1{width:18%;}
.lobby_iframe{width: 173px;height: 230px;}
.audi_stream{padding:56.25% 0 0 0;position:relative;}
.lobby_screen>b {top: 27%;
    width: 49%;}
.wrap_opener .enter_feedback { bottom: -40px; padding: 8% 30%; }
.btn-lobby{font-size: 9px;padding: 1px 20px;}
.feed-img img{width: 100px; margin-top: 7px;}

/*.wrap_opener{top:94%; }*/
/*.btn-logout{    padding: 0px 25px;
    line-height: 21px;
    width: 42%;
    height: 24px;
    margin-left: 5px;
    margin-top: 4px;
    font-size: 11px;}*/

.pdf_v{display:block; text-align: center;}
.covid1 a p{width:30%;font-size: 15px;}

.share_v{font-size:10px; padding: 0px;}
.wrap_opener a img {
    width: 11%;
    bottom: 0% !important;
}
.wrap_opener {
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    text-align: center;
    display: inline-table;
    justify-content: center;
}

}


 

@media (min-width:0px) 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%;} 

 }
@media (min-width:768px) and (max-width:1024px)  {
 


}
@media (min-width:414px) and (max-width:896) {
.lobby_screen > abbr{margin:0;}
.enter_looby{top:70.6%;}

  }

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

@media (min-width:0px) and (max-width:500px)
{
    .halltable {
    margin: 0 auto;
    width: 100%;
    top: 18%;
    position: absolute;
    left: 0%;
}

td {
    text-align: center;
    border: 2px solid #000;
    padding: 4px;
    font-size: 10px;
}

.hallheader {
   font-size: 10px;
}

.agenda{width:100%;height:100vh;position:absolute;left:0;top:0; overflow-y: hidden;
    background:url(../images/Agenda.jpg) no-repeat;background-size: 100% 100%;}
    
.hall {
    width: 100%;
    height: 170vh;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: hidden;
    background: url(../images/Agenda.jpg) no-repeat;
    background-size: 100% 100%;
}

h4 {
    color: blue;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

}