body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
.zero{
  margin:0px !important;
  padding:0px !important;
}
.white{
  color:white;
  font-size: 11px;
  font-weight: 600;
}
#addQuestion{
 
  width: 100%;
  color: #333333;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0;
  align-items: center;
  justify-content: space-around;
  display: flex;
  float: none;
}

#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 55%;} /* For explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}

#inner {position: relative; top: -50%} 

.audito{
  
    background-image: url("../images/6.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
    ;
  }
.ss{
  height:100vh; 
   background-image: url("../images/6.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
  .imgLogo{
    height:30px
  }

  .imgLogo1{
    height:50px
  }

  .yellow {
      color: #000;
      font-size: 12px;
      margin-top: -70px;
      font-weight: 500;
      letter-spacing: 1px;
      text-transform: uppercase;
  }

  .yellow1 {
    color: black;
    font-size: 12px;
    margin-top: -60px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

  .fullscreen-icon {
    z-index: 1000000;
}
 
.colorWhite{
  color:white;
  font-size: 17px;
  margin-top: -9px;
}

.hero-image-expo {
  background-image: url("../Amazon\ 02_Photo\ -\ 19\ \(1\).jpg");
  background-color: #cccccc;
  height: 105vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text-expo {
  text-align: center;
  position: absolute;
  top: 66%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-image-expo-zone1 {
  background-image: url("../Optimized-2\ stall\ bg\ \(1\).jpg");
  height: 108vh;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.check{
  background-image: url("../18715-tv-panel-vector-thumb.png");

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-expo-zonetab {
  background-image: url("../back.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-expo-zone1234 {
  background-image: url("../0002\ final\ 2.png");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.zone1Video{
  background-image: url("../stalls/Platinaum\ 01-min.png");
  background-color: #cccccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.zone2Video{  background-image: url("../stalls/Platinaum\ 02-min.png");
  background-color: #cccccc;
  height: 122vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}
  
.zone3Video{  background-image: url("../stalls/Platinaum\ 03-min.png");
  background-color: #cccccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}

  .zone4Video{  background-image: url("../stalls/Platinaum\ 04-min.png");
    background-color: #cccccc;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;}

    .zone5Video{  background-image: url("../stalls/Platinaum\ 05-min.png");
      background-color: #cccccc;
      height: 125vh;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;}

      .zone6Video{  background-image: url("../stalls/Platinaum\ 06-min.png");
        background-color: #cccccc;
        height: 100vh;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;}

        .zone7Video{  background-image: url("../stalls/Platinaum\ 07-min.png");
          background-color: #cccccc;
          height: 100vh;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;}

          .zone8Video{  background-image: url("../stalls/Platinaum\ 08-min.png");
            background-color: #cccccc;
            height: 100vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;}

            .zone9Video{  background-image: url("../stalls/Platinaum\ 09-min.png");
              background-color: #cccccc;
              height: 100vh;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              position: relative;}

              .zone10Video{  background-image: url("../stalls/SILVER\ STALL\ 01-min.png");
                background-color: #cccccc;
                height: 100vh;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;}

                .zone11Video{  background-image: url("../stalls/SILVER\ STALL\ 02-min.png");
                  background-color: #cccccc;
                  height: 100vh;
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  position: relative;}

                  .zone12Video{  background-image: url("../stalls/SILVER\ STALL\ 03-min.png");
                    background-color: #cccccc;
                    height: 100vh;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;}

                    .zone13Video{  background-image: url("../stalls/SILVER\ STALL\ 04-min.png");
                      background-color: #cccccc;
                      height: 100vh;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                      position: relative;}

                      .zone14Video{  background-image: url("../stalls/SILVER\ STALL\ 05-min.png");
                        background-color: #cccccc;
                        height: 100vh;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        position: relative;}

                        .zone15Video{  background-image: url("../stalls/SILVER\ STALL\ 06-min.png");
                          background-color: #cccccc;
                          height: 100vh;
                          
                          background-position: center;
                          background-repeat: no-repeat;
                          background-size: cover;
                          position: relative;}

                          .zone16Video{  background-image: url("../stalls/SILVER\ STALL\ 07-min.png");
                            background-color: #cccccc;
                            height: 100vh;
                            
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: cover;
                            position: relative;}

                            .zone17Video{  background-image: url("../stalls/Bronz\ Stall\ 01.png");
                              background-color: #cccccc;
                              height: 100vh;
                              
                              background-position: center;
                              background-repeat: no-repeat;
                              background-size: cover;
                              position: relative;}

                              .zone18Video{  background-image: url("../stalls/Bronz\ Stall\ 02.png");
                                background-color: #cccccc;
                                height: 100vh;
                                
                                background-position: center;
                                background-repeat: no-repeat;
                                background-size: cover;
                                position: relative;}

                                .zone19Video{  background-image: url("../stalls/Bronz\ Stall\ 03.png");
                                  background-color: #cccccc;
                                  height: 100vh;
                                  
                                  background-position: center;
                                  background-repeat: no-repeat;
                                  background-size: cover;
                                  position: relative;}

                                  .zone20Video{  background-image: url("../stalls/Bronz\ Stall\ 04.png");
                                    background-color: #cccccc;
                                    height: 100vh;
                                    
                                    background-position: center;
                                    background-repeat: no-repeat;
                                    background-size: cover;
                                    position: relative;}

                          



.hero-text-expo-zone1 {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  color: white;
}
  
.hero-text-know-center {
  text-align: center;
  position: absolute;
  top: 72%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  color: white;
}

.know-center{  background-image: url("../images/Optimized-0002\ final\ 2\ \(3\).png");
  background-color: #cccccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}
.widthHeightzone1{
   height: 450px;
   width: 300px;
   margin-left: 2rem;
}

.dropdown:hover>.dropdown-menu {
  display: block;
   background-image: url("../back.jpg"); 
  background-position: bottom;
 margin-top: -2.625rem;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px solid white;
  margin-left: 30%;

 
}

.dropdown-menu.show{
  background-image: url("../back.jpg");
  border: 5px solid white;
  margin-top: -1.875rem;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}

  a.dropdown-item:hover, a.dropdown-item{
    color:white;
   padding-left: .45rem;
    font-size: 14px;
    background: transparent;
    font-weight: 600;
  }

  .know-center-padding{
  padding: 0px 400px !important;


}

.dropKnow{
  font-size:10px;
  border-color:transparent !important;
  background-color:transparent !important ;
  margin-left: 1rem;
  margin-top: 1.5rem;
  font-size: .8rem !important;
  color:black !important;
}


.dropKnow1{
  font-size:10px;
  border-color:transparent !important;
  background-color:transparent !important ;
  margin-left: 1rem;
  margin-top: 2rem;
  font-size: .8rem !important;
  color:black !important;}  

  .center{
    text-align: center;
  }

  div#player{
    max-width: 100% !important;
  }

  .wrapper         {width:100%;height:90%;margin:0 auto;}
  .h_iframe        {position:relative;}
  .h_iframe .ratio {display:block;width:100%;height:auto;}
  .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
  
  .hero-text-know-centerk {
    text-align: center;
    position: absolute;
    top: 77%;
    left: 50%;
    text-align: center;
    width: 100%;
    transform: translate(-50%, -50%);
    color: white;
}

.knowBtn{
  color: #fff; 
 background-color: transparent; 
   border-color: transparent; 
  font-size: 11px;
  color: transparent;
  font-weight: 700;
}


.zone3Header{
  margin-top: -45px;
}

.zero{
  margin:0px !important;
  padding:0px !important;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
   margin-right: 0px !important; 
   margin-left: 0px !important; 
}


.pt2{
margin-top: 2rem;

}


.dnV{
display: none;
}

.paddingLobby{
padding:0rem 2rem
}

.yellowColor{
color: black !important;
font-size:12px !important;
font-weight:700;
letter-spacing: 1px !important;
  }

  .zones{
    color: black !important;
    font-size:12px !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
  }

  .zones1{
    color: white !important;
    font-size:13px !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
  }

  .breakout{
    color: white !important;
    font-size:12px !important;
    letter-spacing: 1px !important;
    font-weight: 600;
  }


 

  .expFont{
font-size: 14px !important;
color: black !important;
  }

  .blackColor{
    color:black !important;
    font-size:14px !important;
      }




      .navPadding{
        padding: 0rem 4rem;
      }

      .navPadding1{
        padding: 0.9rem 0rem 0rem 65rem;
        
      }

      .navPadding2{
        padding: -15rem 0rem 0rem 3rem;
        
      }

      .disabled { 
        pointer-events: none; 
        cursor: default; 
    } 


    .bold{
      font-weight: 600;
    }

    .fotterPadding{

      padding: 0rem 5rem;
    }


    .bd  {
      background-image: url("../images/login/P1.jpg");
      background-color: #cccccc;
      background-repeat: no-repeat;
      background-size: cover;
              
    }

    .bd2  {
      background-image: url("../images/login/P2.jpg");
      background-color: #cccccc;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 100%;
              
    }

    .center22 {
      margin: auto;
      width: 60%;
    
    }.outer {
      display: table;
      position: absolute;
      top: 5.306667rem;
      left: 14rem;
      height: 100%;
      width: 100%;
      z-index: 99;
  }
    
    .middle {
      display: table-cell;
      vertical-align: middle;
    }
    
    .inner {
      margin-left: auto;
      margin-right: auto;
      width: 400px;
      /*whatever width you want*/
    }

    

    .geeks { 
      
      overflow: hidden; 
      margin: 0 auto; 
  } 
     
  /* .geeks img { 
      width: 100%; 
      transition: 0.5s all ease-in-out; 
  } 
     
  .geeks:hover img { 
      transform: scale(1.5); 
  }  */

  .j { 
    width: 100%; 
    opacity: 1;
    transition: 0.5s all ease-in-out; 
} 
   
.j:hover,.j.b { 
    transform: scale(1.2); 
    opacity: 1;
} 

.text12{

text-transform: uppercase;
color: black;
font-weight: 600;
font-size: 12PX;

}


.gif{
margin-left: 2.3125rem;
margin-top: -4.75rem;

}

.feed{
margin-left: 1.875rem;
}


.info{
margin-top: -5.625rem;
margin-left: 4.5rem;
}

.hideline{
text-decoration: none !important;
}

.dropdown-menu{
width: 95%;
}

.icona{
margin: 21.875rem 0rem 0rem 27.938rem;
}

.flex-container {
display: flex;
flex-direction: row;
}

.flex-left {
width: 75%;
height: 90vh;
margin: 5px;
padding: 5px;
border: 2px solid red;
}

.flex-right {
width: 25%;
margin: 5px;
padding: 5px;
border: 2px solid green;
}

.mr{

margin: 280px 0px 0px 100px;
}

.mr2{

  margin: 300px 0px 0px 130px;
  }

  
.mr3{

  margin: 280px 0px 0px 140px;
  }

  .mr4{

    margin: 110px 0px 0px 180px;
    }

    .mr5{

      margin: 110px 0px 0px 100px;
      }

      .mr15{

        margin: 110px 0px 0px 170px;
        }

      .mr6{

        margin: 80px 40px 0px 0px;
        }

        .mr7{

          margin: 320px 0px 0px 130px;
          }

          .mr8{

            margin: 260px 0px 0px 130px;
            }

            .row.desktoprem {
              padding: 0rem 5rem;
          }