@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Open+Sans|Oswald|Slabo+27px');

*{
	box-sizing:border-box;
}

body{
	margin:0;
	padding:0;
	color:rgba(0,0,0,.8);
	font:300 16px 'Open Sans';
	text-align:justify;
	line-height:26px;
}

.container{
	max-width:1280px;
	margin:auto;
	width:100%;
}

.top-bar{
	
	width:100%;
	display:table;
	padding:5px 0;
	color:#f1e5d2;
	font-weight:bold;
}

.top-bar span{
	color:#d17407;
}

.col2{
	width:50%;
	padding:0 10px;
	float:left;
}

.text-right{
	text-align:right;
}

.text-center{
	text-align:center;
}

.top-bar i{
	margin:0 10px;
	color:purple;
}

.col4{
	width:25%;
	padding:0 10px;
	float:left;
}

.col7{
	width:75%;
	padding:0 10px;
	float:left;
}
header{
	display:table;
	width:100%;
	padding:5px 0;
	background:-moz-radial-gradient(white,#dedede);
	
}

img{
	max-width:100%;
}

header button{
	background:#320b00;
	color:#f1e5d2;
	border:none;
	padding:5px 10px;
	margin:15px 10px 10px;
	color:#f1e5d2;
	font:bold 16px 'Open Sans';
}

.fl img{
	width:100%;
	border-bottom:5px solid #d17407;
}

.cycle-overlay{
    background: rgba(0,0,0,.7);
    position: absolute;
    top: 158px;
    text-align: center;
    z-index: 101;
    width: 30%;
    padding: 70px 20px;
    color: #fff;
    font: bold 30px 'Open Sans';
    left: 5%;
	border:4px solid #d17407;
	transition:all ease-in-out .6s;
}

h1{
	color:white;
	font: bold 40px 'oswald';
	margin:0;
	text-align:center;
}

h1 > img{
	display:block;
	margin:0 auto;
}

.p-y{
	padding:30px 0;
}

.bg-color{
	background:#f1e5d2;
	display:table;
	width:100%;
	padding:20px;
}

#services{
	background:url(../img/top-left.png) no-repeat top left, url(../img/top-right.png) no-repeat top right, url(../img/bottom-left.png) no-repeat bottom left, url(../img/bottom-right.png) no-repeat bottom right;
	display:table;
	width:100%;	
}

.box{
	padding:10px 20px;
	font:300 18px 'Open Sans';
	text-transform:uppercase;
	color:#401a11;
	transition:all ease-in-out .6s;
}

.box img{
	border-radius:50%;
	border:6px solid #d17407;
	box-shadow:0 3px 3px rgba(0,0,0,0.7);
	display:block;
	margin:auto;
	max-width:150px;
	transition:all ease-in-out .6s;
	filter: blur(0px);
}

.box:hover img{
	transform:rotate(360deg);
	transition:all ease-in-out .6s;
	border:6px solid #401a11;
	filter: blur(2px);
}
.box:hover{
	color:#d17407;
}

.text-center{
	text-align:center;
}

.box2 img{
	border-radius:10px;
	border:3px solid #000;
	margin:0 33px;
}

.box2 h2{
	color:#d17407;
}

.box2 p{
	padding:0 30px;
}

.box2{
	text-align:center;
}

.p-y{
	padding:30px 0;
}

footer{
	background:#303133;
	padding:20px 0;
	display:table;
	width:100%;

	font-size:10pt;
	line-height:16px;
	text-align:left;
}

footer h3{
	
	font:500 28px 'Open Sans';
	margin:0 0 10px;
}

footer a{
	color:black;
	text-decoration:none;
	display:block;
	font-size:16px;
	line-height:26px;
}

footer address{

	font-size:16px;
	line-height:26px;
}

.copyright{

	display:table;
	width:100%;
	color:#000;
	font:bold 12px 'Open Sans';
	background:#424242;
	padding:10px 0;
}

@media (max-width:768px){
	.col2{
	width:100% !important;
	}
	
	.text-md-center{
		text-align:center !important;
	}
	
	.cycle-overlay{
    top: 60px;
    text-align: center;
    z-index: 101;
    width: 30%;
    padding: 40px 20px;
    font-size:20px !important;
	}
	
	.col4{
		width:50% !important;
	}
	.welcome{
		margin-top:100px;
	}
	.welcome1{
		margin-top:150px;
	}
}

@media (max-width:500px){
	
	
	.col4{
		width:100% !important;
	}
	.logocenter1{
		margin-left:-40px;
	}
	.logocenter{
		margin-left:-80px;
	}
	.col7{
		width:100% !important;
	}
	
	.cycle-overlay{
		display:none !important;
	}
	.welcomehome{
		margin-top:-220px;
	}
	.welcomehome1{
		margin-top:-220px;
		color:gray;
	}
	.welcome{
		margin-top:0px;
	}
	.welcome1{
		margin-top:-10px;
	}
	.imghover{
		margin-left:50px;
		width:100%;
		margin-top:100px;
	}
	.product{
		margin-top:0px;
	}
	.product1{
		margin-top:0px;
		width:100%;
		margin-left:160px;
	}
	.product2{
		margin-top:0px;
		width:100%;
		margin-left:160px;
	}
	.product3{
		margin-top:0px;
		width:100%;
		margin-left:190px;
	}
	.product4{
		margin-top:0px;
		width:100%;
		margin-left:160px;
	}
	.product5{
		margin-top:0px;
		width:100%;
		margin-left:160px;
	}
	.product6{
		margin-top:0px;
		width:100%;
		margin-left:190px;
	}
	.homeproduct{
		margin-top:0px;
		width:100%;
		margin-left:160px;
		
	}
	.homeproductimage1{
		margin-left:-1000px;	
	}
	.homeproductimage01{
		
		margin-left:-1000px;
	}
	.homeproductimage001{
		margin-left:-1000px;
	}
	.reach{
		margin-left:80px;
		margin-top:10px;
	}
	.follow{
		margin-left:30px;
		margin-top:10px;
	}
	.imp{
		margin-top:10px;
	}
	.brocher{
		padding-right:1000px;
		margin-top:20px;
		
	}
	.location{
		margin-left:-80px;
	}
	.location1{
		margin-left:-80px;
		width:250px;
	}
	.address{
		margin-top:60px;
		margin-right:1000px;
	}
	.address1{
		padding-left:1100px;
		margin-top:100px;
		width:100%;
	}
	.address2{
		margin-left:1500;
	}
	.phone{
		margin-left:1000px;
	}
	.contact{
		margin-left:1500px;
		width:100%;
		}
	.input{
		margin-left:1000px;
		width:100%;
	}
	.textarea{
		margin-left:1000px;
		width:100%;
	}
	.mail{
		margin-left:1000px;
		width:100%;
	}
	.crane1{
		margin-left:-50px;
	}
	.crane2{
		margin-left:10px;
	}
	.crane3{
		margin-left:20px;
	}
	.drop{
		margin-left:550px;
		padding-right:20px;
	}
	.drop1{
		margin-left:500px;
		padding-right:20px;
	}
	.drop2{
		margin-left:500px;
		padding-right:20px;
	}
	.drop3{
		margin-left:550px;
	}
	.footor_bottom{
		width:200px;
	}
	.about_bottom{
		width:270px;
	}
	.product_mac{
		margin-top:30px !important;
	}
	.product_con{
		margin-left:0px !important;
	}
	.product_content{
		margin-left:-10px !important;
	}
	.product_derrick{
		margin-left:-50px !important;
		margin-top:20px;
	}
	.product_derrick1{
		margin-left:-40px !important;
		margin-top:20px;
	}
	.product_derrick2{
		margin-left:-20px !important;
		margin-top:20px;
	}
	.derrick1{
		width:270px;
		height:270px;
	}
	.download{
		margin-top:0 !important;
	}
	.le_map{
		width:270px;
		height:270px;
	}
	.top_line{
		margin-left:60px !important;
	}
	.arrow_index{
		margin-top:-20px !important;
	}
	.dot_index{
		width:10px !important;
		height:10px !important;
	}
	.activity{
		margin-top:-80px !important;
	}
	.course{
		margin-left:50px !important;
	}
}

.input{
	width:400px;
	border-radius:5px;
	height:35px;
}	
.textarea{
	width:400px;
	border-radius:5px;
	
}
.input:hover{
	border-color:#122e3a;
}
.textarea:hover{
	border-color:#122e3a;
}
.submit{
	background:#122e3a;
	border-radius:5px;
	width:400px;
	height:35px;
	color:white;
	font-weight:bold;
	font-size:13pt;
	border-color:#122e3a;
}
.submit:hover{
	background:#0c242e;
}