*{
	margin: 0;
}
html{
	overflow-y: hidden;
}

.backFull{
	width: 100vw;
	height: 100vh;
	visibility: hidden;
}
.backImage{
	
	height: 100%;
	width: 100%;
	size: cover;
	background-attachment: fixed;
}
.centerBox{
	width: 1300px;
	height: 850px;
	margin: auto;

	
}
.headexBox{
	position: absolute;
	margin-top: 80px;
	width: 1300px;
	height: 120px;
	
}
.box1{
	position: absolute;
	width: 300px;
	height: 120px;
	background-color: rgba(10,10,10, .8);
	border-radius: 5px;
}
.box2{
	position: absolute;
	margin-left:333.33px;
	width: 300px;
	height: 120px;
	background-color: rgba(10,10,10, .8);
	border-radius: 5px;
}
.box3{
	position: absolute;
	margin-left:666.66px;
	width: 300px;
	height: 120px;
	background-color: rgba(10,10,10, .8);
	border-radius: 5px;
}
.box4{
	position: absolute;
	margin-left:999.99px;
	width: 300px;
	height: 120px;
	background-color: rgba(10,10,10, .8);
	border-radius: 5px;
}
.boxcover a{
	color: white;
	text-decoration: none;
	height: 100%;
	display: block;
	font-size: 15px;
}
.boxcover h1{
	position: absolute;
	width: 240px;
	margin-left: 40px;
	margin-top: 20px;
	font-size:15px;
}
.boxcover:hover{
	background-color: rgba(10,10,10, 1);
	box-shadow: 1vw 1vw 1vw rgba(0, 0, 0, .7);
}

.infoBox{
	position: absolute;
	width: 1300px;
	height: 600px;
	margin-top: 250px;
	background-color: rgba(10,10,10, .8);
	border-radius: 10px;
}
.imageBox{
	position: absolute;
	margin-top:75px;
	margin-left:75px;
	height: 450px;
	width: 550px;
	background-color: rgba(100,10,10, .8);
}
.imageBox img{
	height: 100%;
	size: cover;
}

.textBox{
	position: absolute;
	width: 550px;
	height: 200px;
	margin-left:700px;
	margin-top: 75px;
	font-size: 40px;
	font-weight: 800;
	color: white;
}









::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button {  background-color: #ffffff; }
::-webkit-scrollbar-track {  background-color: #ffffff;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: rgb(0,0,0); border-radius: px;}
::-webkit-scrollbar-corner { background-color: #ffffff;}
::-webkit-resizer { background-color: #ffffff;}





.areaForLoader {
  overflow: hidden;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 9999;
}

.preloader{
  width: 10vw;
  height: 10vw;
  margin-left: 45vw;
  margin-top: 35vh;
}


img.rot {
  animation: 3s linear 0s normal none infinite running rot;
  -webkit-animation: 3s linear 0s normal none infinite running rot;
  width: 10vw;
}
@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@media only screen 
  and (max-device-width: 1440px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
   { 
       
       .preloader{
  width: 20vw;
  height: 20vw;
  margin-left: 65vw;
  margin-top: 35vh;
}


img.rot {
  animation: 3s linear 0s normal none infinite running rot;
  -webkit-animation: 3s linear 0s normal none infinite running rot;
  width: 20vw;

}
       }