@import url("../nav/nav.css"); 
@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("section.css");
@import url("banner.css");
@import url("product.css");
@import url("hover.css");
@import url("index_below.css");
@import url("rotating-text.css");
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	}
body {
	width: auto;
	margin: auto;
	overflow-x:hidden;

}
/*******************Social Media**********************/
sm{
	position: fixed;
	bottom: 20%;
	z-index:99;
	width:42px;
	right:0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
sm.simpan{
	right:-42px;}
sm img{
	display:block;
	width:100%;
	margin-bottom:5px;
	}	
sm img:hover{
	opacity:0.7;
	}
	
/*******************Extra**********************/
getaquote{
	display:inline-block;
	position:absolute;
	width:200px;
	left:0px;
	right:0px;
	top:68%;
	margin:auto;
	z-index:99;
	padding: 20px;
	border: 1px solid #FFF;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	color: #fe5d03;
	text-transform: uppercase;
	background-color:rgba(0,0,0,0.3);
	}
getaquote:hover{
	background-color:rgba(0,0,0,0.5);
	}
blackdot{
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:100%;
	height:100%;
	pointer-events:none;
	background-image: url(../images/blackdot.png);
	z-index:1;
	background-attachment: fixed;
	}
	
	
.engineeredfloorimg{
		display:inline-block;
		width:50%;
		max-width:720px;
		float:right;
		}

	
@media only screen and (max-width: 740px) {
	.engineeredfloorimg{
		display:block;
		float:none;
		width:100%;
		
		margin-bottom:20px;}

}
	
	
/*Responsive youtube*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (max-width: 740px) {
	.video-container {
		margin-bottom:20px;
}
}