@charset "utf-8";
/* CSS Document */
/*Bg open site*/
.open-bg{
	background: url(../img/cover.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
/*Section*/
.box-1{
	background-color: #0D0D0D !important;
	position: relative;
	top: 80px;
	z-index: 1;
}
.box-2{
	background-color: #fff !important;
}
.box-3{
	background-color: #0D0D0D !important;
	position: relative;
	bottom: 100px;
	z-index: 1;
}
.box-4{
	background-color: #0D0D0D !important;
	border-right: 4px solid #8498BF;
}
.description-absolute{
	position: absolute;
	top: 55%;
	z-index: 2;
	right: 0;
}
.img-absolute{
	position: absolute;
	left: 40%;
}
@media screen and (min-width: 1121px) and (max-width: 1920px) {
.open-bg{
	height: 100vh;
}
.img-100vh{
	height: 100vh;
}
.pi-img-w img{
	width: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
.pi-img-w{
	width: 50%;
	left: 100px;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.pi-img-w{
	width: 95%;
left: 20px;
}
}
@media only screen and (max-width: 1120px) {
	.box-1{
	top: -20px;
}
.box-2{
	position: relative;
	bottom: 100px;
}
.box-3{
	bottom: 200px;
}
}