@import url("footer.css");
html{height:100%;}
body{margin:0;padding:0;overflow:hidden;font-family: 'Lato', sans-serif;height:100%;}
.login-block{display:flex; align-items: center; justify-content: center;height:100%;}
.login-block a{text-decoration: none; background:#B20000;color:#fff;padding:5px 40px;text-align: center;border-radius:20px;}
.position-relative{position:relative;}
.screen1{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.exterior-video{width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;object-fit: cover;z-index:9;}
.enter-btn{border: 2px solid #fff;background:#000;padding:7px 15px;border-radius:0px;color:#fff;font-size:17px;font-weight: 600; text-transform: uppercase;text-decoration:none;display:inline-block;}
.enter-btn:hover, .enter-btn:focus{border: 2px solid #fff;outline: -webkit-focus-ring-color auto 0px !important;text-decoration:none;color:#fff;}
.btn-block{position:absolute;top:57%;z-index:10;width:100%;display:flex;align-items: center; justify-content: center;}
.conf-btn{position:absolute;z-index:11; left: 46%; top: 55%;}
.top-heading{text-align:center;font-size:26px;color:#A72854;}
.play-btn {
    position: absolute;
    left:48.2%;
    top: 20%;
}
.popup-video img{width:50px;opacity:0.8;}
.popup-video img:hover{opacity:1;}
.room{position:absolute;z-index:11; }
.pos1{    top: 66%;   left: 23%;}
.pos2{    top: 66%;    left: 36%;}
.pos3{    top: 66%;      left:48.5%}
.pos4{    top:82%;    right:49.5%;}
.pos5{   top: 66%;    right: 38%;}
.pos6 {top: 66%;right: 24%;}
.pos7{    top: 67.3%;    right: 42.7%;}
.pos8{    top: 67.3%;    right: 32.5%;}



.hand-pos1{       top: 24.3%;  left: 33.5%;}
.hand-pos2{   top: 26.3%; left: 55%;}
.hand-pos3{        top: 44.3%;left: 19.4%;}
.hand-pos4{        top: 45.3%;left: 43.5%;}
.hand-pos5{   
    top: 61.3%;
    left: 70.5%;
}
.hand-pos6{     top: 76.3%;
    left: 11.4%;}
.hand-pos7{       top: 83.3%;
    right: 60.7%;}
.hand-pos8{ top: 73%; right: 18.5%;}

.hand-pos9 {    top: 52.3%; left: 41.9%;}
	.hand-pos10{    top: 52.3%;left: 56.8%;}
	.hand-pos11{    top: 52.3%; right: 72%;}
	.hand-pos12{    top: 52.3%; right: 27.2%;}

@media (min-width: 1200px) and (max-width: 1366px) {
	.hand-pos9 {    top: 49.3%; left: 41.9%;}
	.hand-pos10{    top:49.3%;left: 56.8%;}
	.hand-pos11{    top: 49.3%; right: 72%;}
	.hand-pos12{    top: 49.3%; right: 27.2%;}
	
}
@media (min-width: 1367px) and (max-width: 1440px) {
	.hand-pos9 {    top: 49.3%; left: 41.9%;}
	.hand-pos10{    top:49.3%;left: 56.8%;}
	.hand-pos11{    top: 49.3%; right: 72%;}
	.hand-pos12{    top: 49.3%; right: 27.2%;}
	.pos4 {
    top: 85%;
    right: 49.5%;
}
}
@media (min-width: 1441px) and (max-width: 1660px) {
	.hand-pos9 {    top: 52.3%; left: 41.9%;}
	.hand-pos10{    top: 52.3%;left: 56.8%;}
	.hand-pos11{    top: 52.3%; right: 72%;}
	.hand-pos12{    top: 52.3%; right: 27.2%;}
}
@media (min-width: 1661px) and (max-width: 2250px) {
	.hand-pos9 {    top: 52.3%; left: 41.9%;}
	.hand-pos10{    top: 52.3%;left: 56.8%;}
	.hand-pos11{    top: 52.3%; right: 72%;}
	.hand-pos12{    top: 52.3%; right: 27.2%;}
}




.room .button{width:24px  !important;height:24px !important;}
.right-side{left:auto;right:18%; top: 48%;}

#myModal .modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

#myModal .modal-body {
  position: relative;
  padding: 0px;
}
#myModal .close {
  position: absolute;
  right: 0;
  top: -30px;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}

.button {
    width:20px;height:20px;
    background-color: #004A7F;
    -webkit-border-radius: 40px;
    border-radius: 30px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
     
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
  }
  @-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  }
  
  @-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  }
  
  @-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
  
  @keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
  .portrait-content{display:none;}
   @media only screen and (min-device-width: 0px) and (max-device-width: 830px) and (orientation:portrait){
	   .common-page{display:none;}
	 .portrait-content {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        height: 100vh;
        z-index: 99999999;
    }
    .portrait-center {
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0 auto;
        right: 0;
        transform: translateY(-50%);
        text-align: center;
		padding-bottom:20px;
    }
	.portrait-center:after{
		    content: 'For Best Experience use Laptop/Desktop';
    position: absolute;
    bottom: 0;
    font-size: 16px;
    width: 100%;
    left: 0;
    text-align: center;
	}
    .portrait-center img {
        margin: 0 auto 10px;
        width: 200px;
        text-align: center;
    }
   }
    @media screen and (max-width: 900px) and (orientation: landscape) {
	 .portrait-content {
        display: none;
    }
    .common-page{display:block;}
 }
 
 
 

.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(../images/vidoe_bg.jpg) no-repeat center center/cover;
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  top: 0;
  left: 0;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  /* background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%); */
  /*background-image: url(images/overlay.png);*/
  /* background-size: 3px 3px; */
  
  padding: 2.25em 1.6875em;
  background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;
  
  z-index: 2;
}
h1 {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  max-width: 400px;
  width: 100%;
  height: 50px;
}
.header{
	position:fixed;
	left:0;right:0;
	z-index:9;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.logo{
	/*background:url(../images/logo-bg.png) no-repeat top center;*/
	background:transparent no-repeat top center;
	background-size: contain; 
	height:auto; 

}
.logo img{
	width: 350px;
	margin-top: 6%;
	padding: 26px;
}

.smartEventLogo{position: fixed; bottom:15px; right:0px; z-index: 100;}

.dateTime{/* background-color:#008dd2;*/ color:#fff; padding:5px 15px; border: 2px solid #fff; border-radius:10px;} 
.vol-icon{position:fixed;top:30px;color:#ff0000;z-index:9999;left:30px;}
		 .vol-icon img{width:40px;opacity:0.5}
			.unmute-icon{display:none;}
			.mute-icon{display:inline-block;}
			.mute .mute-icon{display:none;}
			.mute .unmute-icon{display:inline-block;}

 @media screen and (max-width: 900px) and (orientation: landscape) {
    .home-header{
        height: auto!important;
	}
	.logo img{width: 200px;}
	.smartEventLogo{max-width: 100px; right:5px; bottom:5px;}
	.play-btn img{width:30px;}
	.room .button {  width: 16px !important;  height: 16px !important;}
	.pos1, .pos2, .pos3{top:64.3%;}
	.pos4{    top: 87.3%; }
	

.pos4 {
    top: 90.3%;
}
	.pos5, .pos6, .pos7, .pos8, .presentationRightSide{top: 69.3%;}
	.presentationRightSide .button{width: 12px !important;  height: 12px !important;}
	.vol-icon img {
    width: 25px;}
}

@media (max-width: 1300px) {
.pos4 {
    top: 84%;
    right: 49.5%;
}
.pos1 {
    top: 66%;
    left: 37%;
}
.pos2 {
    top: 66%;
    left: 49%;
}
.pos3 {
    top: 66%;
    right: 37%;
}
.play-btn {
    position: absolute;
    left: 48.2%;
    top: 18%;
}
}
@media (max-width: 1100px) {
.pos1 {
    top: 66%;
    left: 35%;
}
.pos3 {
    top: 66%;
    right: 35%;
}
}

@media (max-width: 991px) {
.pos4 {
    top: 86%;
    right: 49.5%;
}
}

@media (max-width: 800px) {
.pos4 {
    top: 83%;
    right: 49.5%;
}
}


@media (max-width: 767px) {
.pos1 {
    top: 66%;
    left: 38%;
}
.pos3 {
    top: 66%;
    right: 38%;
}
}


@media (max-width: 480px) {
.pos1 {
    top: 64%;
    left: 36%;
}
.pos3 {
    top: 63%;
    right: 36%;
}
.pos2 {
    top: 64%;
    left: 49%;
}
}
.leftBanner1{
	width: 5.4%;
	/* height: 23.3%; */
	border-radius: 0px;
	background: #fff;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 14.2%;
	bottom: 43%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 3px;
	z-index: 1;
	border: 3px solid #000;
}

.leftBanner2{
	width: 5.4%;
	/* height: 23.3%; */
	border-radius: 0px;
	background: #fff;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 31.2%;
	bottom: 59%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 3px;
	z-index: 1;
	border: 3px solid #000;
}


.rightBanner1{
	width: 5.4%;
	/* height: 23.3%; */
	border-radius: 0px;
	background: #fff;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 4.3%;
	bottom: 43%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 3px;
	z-index: 1;
	border: 3px solid #000;
}

.rightBanner2{
	width: 5.4%;
	/* height: 23.3%; */
	border-radius: 0px;
	background: #fff;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 29.7%;	
	bottom: 59%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 3px;
	z-index: 1;
	border: 3px solid #000;
}

/*.sliver_sponsor{
	width: 10%;
	 height: 12.5%; 
	border-radius: 0px;
	background: #fff;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 11.5%;
	bottom: 75.5%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 3px;
	z-index: 1;
	border: 3px solid #000;
}*/
   .sliver_sponsor{ width: 9.6%;
    /* height: 12.5%; */
    border-radius: 0px;
    background: #fff;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 6.5%;
    bottom: 12.5%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    padding: 3px;
    z-index: 1;
    
    transform: skew(-1deg, -4deg);
   }
/* .gold_sponsor{
	width: 13.1%;
	/* height: 17.8%;  
	border-radius: 0px;
	background: #fff;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 12.2%;
	bottom: 66.4%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 3px;
	z-index: 1;
	border: 3px solid #000;
} */
.gold_sponsor {
    width: 10%;
     
    border-radius: 0px;
    background: #fff;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 5.6%;
    bottom: 13.4%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    padding: 3px;
    z-index: 1;
     
    transform: skew(-2deg, 5deg);
}
.cubical_left{
	width: 5.4%;
	height: 17.3%; 
	border-radius: 0px;
	background:none;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 4%;
	bottom: 14%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 0px;
	z-index: 1;
	/* border: 1px solid #000; */
}
.cubical_right{
	width: 5.4%;
	height: 17.3%;
	border-radius: 0px;
	background: none;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 6.1%;
	bottom: 13.4%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	z-index: 1;
	/* border: 1px solid #000; */
}

.skip-tag{position:absolute;top:20px;right:30px;z-index:111;text-decoration:none;opacity:0.6;}
.skip-tag:hover{text-decoration:none;opacity:0.9;}
.skip-tag img{max-width:60px;}

@media (min-width: 1367px) and (max-width: 1440px) {
	.sliver_sponsor{bottom:17%;}
	.gold_sponsor{bottom:17%;}
}
@media (min-width: 1661px) and (max-width: 2250px) {
	.sliver_sponsor{bottom: 15.5%;}
	.gold_sponsor{bottom:15.5%;}
}

.close{
    font-size: 44px;
    position: absolute;
    right: 20px;
    top: 15px;
    font-weight: 100;
    line-height: 24px;
}

.exhibitor-conact {
  margin: 0 0 0 0;
  position: relative;
  font-weight: 600;
}
.exhibitor-conact .media {
  font-size: 16px;
}
.exhibitor-conact .media h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  color: #000;
  font-weight: 500;
}
.exhibitor-conact .media a {
  color: #009A7E;
  font-size: 16px;
  font-weight: 500;
}

.common-h {
  color: #000;
  font-weight: 500;
  font-size: 24px;
  position: relative;
  padding: 0 0 10px 0;
  margin-bottom: 16px;
  position:relative;
}
.common-h::before {
  background: #009A7E;
  border-radius: 9px;
  width: 40px;
  height: 4px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}