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:55px
  }

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

  .yellow1 {
    color: #fff;
    font-size: 13px;
    margin-top: -70px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
   
}

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

.hero-image {
  background-image: url("../kn.jpg");
  background-color: #cccccc;
  height: 220vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image-expo {
  background-image: url("../EXPO\ STALL\ BG\ Final\ 1-min.jpg");
  background-color: #cccccc;
  height: 105vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-expo2 {
  background-image: url("../imgonline-com-ua-CompressToSize-CbRBeW2qLwPzpsq2.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: 56%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-image-expo-zone1 {
  background-image: url("../EXPO\ STALL\ BG\ 1-min.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.hero-image-expo-zone3 {
  background-image: url("../VLM\ 13_Photo\ -\ 6\ \ My\ QuEST\ BG\ 2\ \(1\).jpg");
  height: 100vh;
  background-position: center;
  margin-top: 90px;
  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("../kn.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

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

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

.zone2Video{  background-image: url("../compresspng/02-bristi-dresses-min.png");
  background-color: #cccccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}
  
.zone3Video{  background-image: url("../compresspng/03---cab-1-min.png");
  background-color: #cccccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}

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

    .zone5Video{  background-image: url("../compresspng/nabc-2-min.png");
      background-color: #cccccc;
      height: 100vh;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;}

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

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

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

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

              .zone10Video{  background-image: url("../compresspng/10-td-global-a-min.png");
                background-color: #cccccc;
                height: 100vh;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;}

                .zone11Video{  background-image: url("../compresspng/11-techno-ind-a-min.png");
                  background-color: #cccccc;
                  height: 100vh;
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  position: relative;}

                  .zone12Video{  background-image: url("../compresspng/12-tribeca-a-min.png");
                    background-color: #cccccc;
                    height: 100vh;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;}

                    .zone13Video{  background-image: url("../compresspng/vir-liv-1c-stalls-with-couple-min.png");
                      background-color: #cccccc;
                      height: 100vh;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                      position: relative;}

                      .zone14Video{  background-image: url("../compresspng/14-wedding-a-min.png");
                        background-color: #cccccc;
                        height: 100vh;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        position: relative;}

                        .zone15Video{  background-image: url("../compresspng/DIGITIAN-CAP-STALL-2-WITH-COUPLES-min.png");
                          background-color: #cccccc;
                          height: 100vh;
                     
                          background-position: center;
                          background-repeat: no-repeat;
                          background-size: cover;
                          position: relative;}

                          .zone16Video{  background-image: url("../compresspng/JPS--WITH-COUPLE-2-min.png");
                            background-color: #cccccc;
                            height: 100vh;
                       
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: cover;
                            position: relative;}

                            .zone17Video{  background-image: url("../compresspng/kpc-stall-2-min.png");
                              background-color: #cccccc;
                              height: 100vh;
                         
                              background-position: center;
                              background-repeat: no-repeat;
                              background-size: cover;
                              position: relative;}

                              .zone18Video{  background-image: url("../compresspng/syuta-stall-with-couple-min.png");
                                background-color: #cccccc;
                                height: 100vh;
                           
                                background-position: center;
                                background-repeat: no-repeat;
                                background-size: cover;
                                position: relative;}

                         



                            .zoom {
                              padding: 50px;
                              background-image: url("../Collages1-copy.jpg");
                              transition: transform .2s;
                             
                              

                              background-color: #cccccc;
                            height: 180px;
                       width: 320px;
                      
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: cover;
                            
                            }
                            
                            .zoom:hover {
                              -ms-transform: scale(2.9); /* IE 9 */
                              -webkit-transform: scale(2.9); /* Safari 3-8 */
                              transform: scale(2.9); 
                              
                            }                             



.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-expo-zone2 {
  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("../kn.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("../kn.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:black;
   padding-left: 1.25rem;
    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;
}

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

.zero{
  margin:0px !important;
  padding:0px !important;
}

.zero1{
  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; 
}

.row1 {
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: 11rem 0rem 0rem 58rem;
        
      }

      .navPadding2{
        padding: 8rem 0rem 0rem 49rem;
        
      }



      .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: 6.75rem;

}

.gif1{
  margin-left: 2.3125rem;
  margin-top: 6.75rem;
  
  }

  .gif2{
    margin-left: -12.3125rem;
    margin-top: 6.75rem;
    
    }

    .gif3{
      margin-left: -22.3125rem;
      margin-top: 6.75rem;
      
      }

      
      .gif4{
        margin-left: 2.3125rem;
        margin-top: 6.75rem;
        
        }
    

.feed{
margin-left: 1.875rem;
}


.info{
margin-top: -12.625rem;
margin-left: -5.9rem;
}

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

.dropdown-menu{
width: 250%;

}

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

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

.img34 {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;
}

.active {
text-decoration: #001660;
color: #001660;
}

.active1 {
text-decoration: #017EB7;
color: #017EB7;
}


.remmmm {
padding: 0rem 3rem;
}

.emg{

width: 100% !important;
height: 100% !important;

}

.log  {
background-image: url("../login\ page\ breakups-10/login page breakups-10.jpg");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: cover;
background-position: 100%;
        
}


.dropbtn {
  background-color: transparent;
 
  padding: 0px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-image: url(../kn.jpg);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 10px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  
  display: block;
}

.dropdown-content a:hover {background-image: url(../kn.jpg);}

.dropdown:hover .dropdown-content {display: block;}

.rounded {
  border-radius: 1.5rem !important;
}
.video-wrapper {
  overflow: hidden;
  float: left;
  position: relative;
}
iframe {
  float: left;
}

/*
#overlay {

   
    background: #fff;
    opacity: 0.05;
    z-index: 50;
    color: #fff;
}*/


.flex-container1 {
  display: flex;
  flex-direction: row;
  }
  
  .flex-left1 {
  width: 75%;
  height: 10vh;
  margin: 5px;
  padding: 5px;
  
  }
  
  .flex-right1 {
  width: 25%;
  margin: 5px;
  
 
  }

  .rounded {
    border-radius: 0.25rem;
  }
  .video-wrapper {
    overflow: hidden;
    float: left;
    position: relative;
  }

.brd{

border: white;
border-radius: 20px;
width: 30%;

}

a:hover{
  color: #D32024;
}