

	#iconP {
		background-image: url(/Simlabimages/Oculus_Quest/YoutubeButton.svg?img=33);
		background-repeat: no-repeat;
		position: absolute;
		background-size: 80px 60px;
		left: 50%;
		margin-top: auto;
		margin-bottom: auto;
		margin-left: auto !important;
		margin-right: auto;
		height: 60px;
		width: 80px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 22;
	}	  
	div.page:hover > #iconP {transition: all 0.4s ease-in-out;filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.7));}
	div.page:hover{cursor: pointer;}   
	.lessLeft{margin-left:-5% !important;}
	div.page {
		position:relative;
	}
	div.page img {
		vertical-align:top;
		border-radius: 10px !important;
	}
	#secDiv > .imgCircle{margin-left: auto;margin-right: auto;width:100%;text-align: center;color: #fff;padding-top:20px;}   
	div.page:after, div.page:before {
		position:absolute;
		opacity:0;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	div.page:after {
		content:'\A';
		width:100%; height:100%;
		top:0; left:0;
		background:rgba(0,0,0,0.6);
		border-radius: 10px !important;

	}
	div.page.borderRad:after{border-radius: 10px !important;}    
	div.page:before {
		content: attr(data-content);
		width:100%;
		color:#fff;
		z-index:1;
		bottom:0;
		text-align:center;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	div.page:hover:after, div.page:hover:before {
		opacity:1;
	}	
	div.page,div.page.paddding0{
		padding-left: 0px !important;
		padding-right: 0px !important;
        margin-left: auto;
        margin-right: auto;		
		inline-size: fit-content;
	}  
    #mainDiv::before,#mainDiv2::before{
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 999;
		content: "";
		background: rgba(0,0,0, 0.8);
		position: fixed;
	}
	#mainDiv,#mainDiv2{display:none;}
	#secDiv,#secDiv2{
		transform: translatey(-50%) translatex(-50%);
		position: fixed;
		top: 42%;
		left: 50%;
		z-index: 1000;
		margin-top:50px;		
	}
    .close2{
		position: absolute;
		top: -20px !important;
		left:1.5%;
		cursor: pointer;
		z-index:3000;
		opacity: 0.7
	}
	.video-responsive{
		overflow:hidden;
		position:relative;
		height:0;
		padding-bottom:50%;
		filter: drop-shadow(0px 0px 12px rgba(255,255,255,0.2));
	}		
	.video-responsive iframe{
		left:6%;
		top:0;
		height:100%;
		width:88%;
		position:absolute;
	    border-radius: 8px;
	 }

	@media (max-width:990px){
		#secDiv,#secDiv2{
			transform:none;
			top: 5%;
			left:0%;
			right:0px;	
			padding-left:10%;padding-right:10%;
		}		
		.video-responsive{padding-bottom:60%;}		
		.video-responsive iframe{
			left:0%;
			right:0px;
			top:0;
			width:100%;

		 }
		.close2{
		   top: -25px !important;
		   left:5% !important;
		}
	}	
    @media (max-width:767px){#iconP{background-size: 50px 25px;height: 25px;width: 50px;}}

