.img{
	width: 25%;
	padding: 40px 10px 40px 60px;
}
.tdiv{
	background-color: #4d4d4d;
	opacity: 0.89;
	/*background: url('../style_img/t_1.jpg') no-repeat;*/
}
.d1{
	background-color:#4d4d4d;
	height: 400px;
	width: 30%; 
	margin-left: 2%;
	margin-top:10px;
	border-radius:10px;
	opacity: 0.7;
}
.d2{
	background-color:#4d4d4d;
	height: 300px;
	width: 30%; 
	position: absolute;
	margin-left: 34%;
	margin-top: -400px;
	border-radius:10px;
	opacity: 0.7;
}
.d3{
	background-color:#4d4d4d;
	width: 30%; 
	position: absolute;
	margin-left: 68%;
	height: 400px;
	margin-top: -400px;
	border-radius:10px;
	opacity: 0.7;
}
.d4{
	background-color:#4d4d4d;
	height: 400px;
	width: 30%; 
	margin-left: 2%;
	margin-top: 40px;
	border-radius:10px;
	opacity: 0.7;
}
.d5{
	background-color:#4d4d4d;
	height: 512px;
	width: 30%; 
	margin-left: 34%;
	margin-top: -510px;
	border-radius:10px;
	opacity: 0.7;
}
.d6{
	background-color:#4d4d4d;
	height: 400px;
	width: 30%; 
	margin-left: 68%;
	margin-top: -405px;
	border-radius:10px;
	opacity: 0.7;
}
.d7{
	background-color:#4d4d4d;
	height: 400px;
	width: 30%; 
	margin-left: 2%;
	margin-top: 20px;
	border-radius:10px;
	opacity: 0.7;
}
.d8{
	background-color:#4d4d4d;
	height: 400px;
	width: 30%; 
	margin-left: 34%;
	margin-top: -398px;
	border-radius:10px;
	opacity: 0.7;
}
.d9{
	background-color:#4d4d4d;
	height: 400px;
	width: 30%; 
	margin-left: 68%;
	margin-top: -398px;
	border-radius:10px;
	opacity: 0.7;
}
.p1{
    color: white;
    text-align: center;
    font-size: 26px;
}
*{margin:0 auto;padding:0 auto;}
.f{position: absolute;width: 80%; height: 80%;object-fit:fill; ; z-index: -9999; -webkit-transition: 1s opacity;transition: 1s opacity; }
.v{ position: fixed;width: 80%; height: 80%; overflow: hidden; z-index: -10000; }
.v:before{content: "";position: absolute; width: 80%;  height: 80%; display: block; z-index: -1000; top: 0;left: 0;  }