.nav-top{
	padding-top: 15px;
}

.three-front{
  	background-color: #19191980;
  	padding: 50px 0;
	width: 100%; 
	height: 100%;
	position: fixed;
	z-index: 99;
}

.square{
	position: absolute;
	width: 50px;
	padding-top: 12%;
	margin-left: -1.8%;
}


.sec-top{
	position: absolute;
}

.topnya{
	margin: 45px 0;
}

.content-top{
	background-color: #fff;
	background-image: url("/assets/img/topsec-bg.png");
	background-repeat: no-repeat;
	background-position: 101%;
	background-size: 42%;
}

.top-text {
    /* margin: 90px; */
    margin-top: 105px;
    margin-left: 40px;
}

.imagine-text{
	line-height: 1.5;
	font-size: 18px;
}



.top-img img{
	margin-top: 35px;
	max-width: 500px;

}

.img-top-second{
	padding-top: 13%;
}


.top-second{
	padding-top: 8%;
}



.top-second img{
	max-width: 180px;
	display: block;
	margin: auto;
}

.h5-top-second{
	font-size: 23px;
	padding-top: 27%;
}


.title{
	margin: 35px 0;
	text-align: center;
}

.bottom{
	background-image: url("/assets/img/bg-contact.jpg");
	background-repeat: repeat;
	background-size: contain;
	padding: 90px 0;
}

.title{
	font-size: 30px;
	font-weight: bold;
}

.bottom .title{
	color: #fff;
}

.img-footer{
	width: 35%;
}

.text-footer{
	padding-top: 1%;
	font-weight: bold;
}


.btn-action{
	display: block;
	margin: 30px auto;
}

.contact{
	color: #fff;
}

.contact h2{
	color: #fff;
}

.privacy .title{
	margin: 15px 0;
}


@media screen and (max-width: 768px) {
	.content-top {
	    height: 340px;
	    background-size: 55.5%;
	    background-position: 125%;
	}
	.top-img img {
	    max-width: 250px;
	    margin-top: 50px;
	    margin-left: -15px;
	}
	.imagine-text {
	    font-size: 16px;
	}
	.top-text {
	    margin: 0px;
	    margin-left: 30px;
	    margin-top: 29px;
	}
	.square {
	    padding-top: 21.5%;
	    margin-left: -3.3%;
	}

}

@media (width: 500px) {
	.content-top {
	    height: 280px;
	    background-size: 75.8%;
	    background-position: 250%;
	}
	.imagine-text {
	    font-size: 11px;
	}
	.top-img img {
	    max-width: 170px;
	    margin-top: 50px;
	    margin-left: -15px;
	}
	.top-text {
	    margin: 0px;
	    margin-left: 12px;
	    margin-top: 30px;
	    margin-right: -30px;
	}
	.square {
	    padding-top: 29.5%;
	    margin-left: -3%;
	    max-width: 30px;
	}

}

@media screen and (max-width: 490px) {
	.content-top {
	    margin-top: -5%;
	    max-width: 1000px;
	    max-height: 150px;
	    background-size: 52%;
	}
	.top-img img {
	    max-width: 100px;
	    margin-top: 0px;
	    margin-left: -10px;
	}
	.top-text {
    /* margin-right: -47px; */
	    margin: 0px;
	    margin-left: 0px;
	    margin-top: -15px;
	    margin-right: -30px;
	}
	.square{
		position: absolute;
		width: 15px;
		padding-top: 25%;
		margin-left: -2%;
	}
	.imagine-text {
	    font-size: 8px;
	}

}

@media screen and (max-width: 400px){
	.content-top {
	    margin-top: -5%;
	    max-width: 1000px;
	    max-height: 150px;
	    background-size: 56%;
	}
	.top-img img {
	    max-width: 100px;
	    margin-top: 0px;
	    margin-left: -20px;
	}
	.top-text {
    /* margin-right: -47px; */
	    margin: 0px;
	    margin-left: 0px;
	    margin-top: -35px;
	}

}

@media screen and (max-width: 375px) {
	.content-top {
	    margin-top: -5%;
	    max-width: 1000px;
	    max-height: 150px;
	    background-size: 60%;
	    background-position: 145%;
	}
	.top-img img {
	    max-width: 100px;
	    margin-top: 0px;
	    margin-left: -25px;
	}
	.top-text {
	    /* margin-right: -43px; */
	    margin: 0px;
	    margin-left: 0px;
	    margin-top: -35px;
	    margin-right: -15px;
	}
	.square{
		position: absolute;
		width: 15px;
		padding-top: 27%;
		margin-left: -2.0%;
	}
	.imagine-text {
	    font-size: 8px;
	}
}

@media screen and (max-width: 360px) {
	.top-text {
    /* margin-right: -43px; */
	    margin: 0px;
	    margin-left: 0px;
	    margin-top: -40px;
	    margin-right: -15px;
	}
	.content-top {
	    margin-top: -5%;
	    max-width: 1000px;
	    max-height: 150px;
	    background-size: 62%;
	    background-position: 150%;
	}

}

@media screen and (max-width: 320px) {
	.top-text {
	    margin-right: 0px;
	    margin: -10px;
	    margin-left: 0px;
	    margin-top: -37px;
	}
	.top-text {
	    /* margin-right: -47px; */
	    margin: 0px;
	    margin-left: 0px;
	    margin-top: -37px;
	}
	.imagine-text {
	    font-size: 7px;
	}
	.top-second img {
	    max-width: 45px;
	    margin-left: 15%;
	    margin-top: -6%;
	}
	.content-top {
	    margin-top: -10%;
	    max-width: 1000px;
	    max-height: 150px;
	    background-size: 73%;
	    background-position: 200%;
	}
}