/* Start custom CSS for html, class: .elementor-element-976ab91 */.wraps{
    width: 100%
}
.wraps>h1{
    display: none;
}
	.picture{
				width: 100%;
				display: flex;
				justify-content: center;
			}
			.picture>img{
				width: 30vw;
				max-width: 240px;
				max-height:auto;
				/*padding-bottom: 50%;*/
				position: fixed;
				top:30vh;
				z-index: 99;
			}
			.imgss{
				display: block;
			}
			.ma{
				display:none;	
			}
			html{
			    overflow: hidden;
			}
@media screen and (min-width:1600px){
    .mtk{
    width:100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    position:fixed;
    background-color: #fff;
    z-index: 99999;
    
}	
.time{
				width: 100vw;
				height: 100vh;
				position: relative;
				top: 0;
				left: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family:"Helvetica";
				background-color:#fff;
				
			}
			.timer{
				font-size: 15rem;
			}
			.Black_logo{
				width: 10em;
				margin-bottom: 3em
			}
			.Letter_logo{
				width:45em;
				
			}
			img{
				width: 100%;
			}
			/*span{*/
			/*	padding: 0.1em;*/
			/*}*/
			.count_down{
				display: flex;
				flex-direction: column;
				
				align-items: center;
			}
			.count_down>div{
				/*margin-bottom: 0.5em;*/
			}
			.Time_place{
			    font-size:3rem;
			    font-weight:800;
			}
				.wrepper_vid{
				position:fixed;
				width:100%;
				box-sizing:border-box;
				padding: 60px;
				background-color:ghostwhite;
				background-color:rgba(0,0,0,0.5);  
				top:10vh;
 				/*left:1%; */
				
				z-index: 99999;
				 display: flex; 
				
				 /*position: relative */
			}
			.but{
				position:absolute;
				top:0;
				right:0;
				width: 3rem !important;
			}
			.videos{
				width: 100%;
					height:50%;
				display: flex;
				justify-content: center;
				margin: 0;
				padding: 0;
				
			}
			.videos img{
				width: 50%;
				margin-bottom: 14px
			}
			video{
				width: 100% !important;
				margin: 0;
				padding: 0;
			}
			.brief_introduction{
				width: 23%;
				display: flex;
				flex-direction:column;
				justify-content: space-between;
				text-align: center;
			}
			
			.introduce{
				color:#fff;
				font-size: 0.9rem;
				text-align: left;
				font-weight:600;
				/*margin-bottom: 30px;*/
			}
			.introduces{
				font-size: 1.1rem;
				text-align: center;
				font-weight:600;
			}
}	
@media screen and (max-width:1600px){
    .mtk{
    width:100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    position:fixed;
    background-color: #fff;
    z-index: 99999;
    
}	
.time{
				width: 100vw;
				height: 100vh;
				position: relative;
				top: 0;
				left: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				
				font-family:"Helvetica";
				background-color:#fff;
				
			}
			.timer{
				font-size: 10rem;
			}
			.Black_logo{
				width: 6em;
				margin-bottom: 3em
			}
			.Letter_logo{
				width:30em;
			}
			img{
				width: 100%;
			}
			/*span{*/
			/*	padding: 0.1em;*/
			/*}*/
			.count_down{
				display: flex;
				flex-direction: column;
				
				align-items: center;
			}
			.count_down>div{
				/*margin-bottom: 0.5em;*/
			}
			.Time_place{
			    font-size:2rem;
			    font-weight:800;
			}
			.wrepper_vid{
				position:fixed;
				width:100%;
				box-sizing:border-box;
				padding: 40px;
				background-color:ghostwhite;
				background-color:rgba(0,0,0,0.5);  
				top:20vh;
 				/*left:1%; */
				
				z-index: 99999;
				 display: flex; 
				
				 /*position: relative */
			}
			.but{
				position:absolute;
				top:0;
				right:0;
				width: 3rem !important;
			}
			.videos{
				width: 100%;
					height:50%;
				display: flex;
				justify-content: center;
				margin: 0;
				padding: 0;
				
			}
			.videos img{
				width: 50%;
				margin-bottom: 14px
			}
			video{
				width: 100% !important;
				margin: 0;
				padding: 0;
			}
			.brief_introduction{
				width: 23%;
				display: flex;
				flex-direction:column;
				justify-content: space-between;
				text-align: center;
			}
			
			.introduce{
				color:#fff;
				font-size: 0.4rem;
				text-align: left;
				font-weight:600;
				/*margin-bottom: 30px;*/
			}
			.introduces{
				font-size: 0.6rem;
				text-align: center;
				font-weight:600;
			}
}	
@media screen and (max-width:767px){
    .mtk{
    width:100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    position:fixed;
    background-color: #fff;
    z-index: 999999;
    
}	
.time{
				width: 100vw;
				height: 100vh;
				position: relative;
				top: 0;
				left: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				
				font-family:"Helvetica";
				background-color:#fff;
				
			}
			.timer{
				font-size: 4.5rem;
			}
			.Black_logo{
				width: 6em;
				margin-bottom: 3em
			}
			.Letter_logo{
				width:15em;
			}
			img{
				width: 100%;
			}
			/*span{*/
			/*	padding: 0.1em;*/
			/*}*/
			.count_down{
				display: flex;
				flex-direction: column;
				
				align-items: center;
			}
			.count_down>div{
				/*margin-bottom: 0.5em;*/
			}
			.Time_place{
			    font-size:1rem;
			     font-weight:790;
			}
				.wrepper_vid{
				position:fixed;
				width:100%;
				box-sizing:border-box;
				padding: 20px;
				background-color:ghostwhite;
				background-color:rgba(0,0,0,0.5);  
				top:20vh;
 				/*left:1%; */
				
				z-index: 99999;
				 display: flex; 
				
				 /*position: relative */
			}
			.but{
				position:absolute;
				top:0;
				right:0;
				width: 2rem !important;
			}
			.videos{
				width: 100%;
					height:100%;
				display: flex;
				justify-content: center;
				margin: 0;
				padding: 0;
				
			}
			.videos img{
				width: 100%;
				margin-bottom: 14px
			}
			video{
				width: 100% !important;
				margin: 0;
				padding: 0;
			}
			.brief_introduction{
			    
				width: 23%;
				display:none;
				flex-direction:column;
				justify-content: space-between;
				text-align: center;
				
			}
			
			.introduce{
				color:#fff;
				font-size: 16px;
				text-align: left;
				font-weight:600;
				/*margin-bottom: 30px;*/
			}
			.introduces{
				font-size: 18px;
				text-align: center;
				font-weight:600;
			}
}/* End custom CSS */