@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900");
/* COMMON */
html {
	position: relative;
	min-height: 100%;
}
body{
	font-size: 18px;
	font-family: 'Lato', arial, tahoma, sans-serif;
	font-weight: 300;
	line-height: 30px;
	padding: 0;
	margin: 0 0 60px 0;
	color: #fff;
	word-break: normal;	
	background-color: #000;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;	
	background-image: url(../images/advanced-drilling-and-mining-tech.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;	
}
a:link,
a:visited{
	color:#ffffff;
	text-decoration:none;
	outline: none;
}
a:visited {
	color:#ffffff;
	text-decoration:none;
	outline: none;
}
a:hover {
	color:#ffffff;
	text-decoration:none;
	outline: none;
}
.bg-cover{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
/* HEADER */
#header-bar{
	margin-top: 200px;
}
#header-bar .company-logo img{
	max-height: 154px;
}
/* FOOTER */
#footer-bar{
	padding: 18px 0 18px 0;
	font-size: 12px;
	font-weight: 400;
	color: #929292;
	line-height: 20px;
	width: 100%;
	float:left;
	box-sizing: border-box;
	background-color: rgba(34,54,87,0.41);
	position: absolute;
	bottom: 0;
}
#footer-bar a{
	color: #fff;
}
.te-block{
	position: relative;
	overflow: hidden;
}
.te-block .item:after,
.te-block .item:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;	
	bottom: 0;
	z-index: 1;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.te-block .item:after{
	background-color: rgba(0,0,0,0.7);
	z-index: 2;
}
.te-block .row>div{
	padding: 0;
	min-height: 190px;
	position: relative;
	font-weight: 400;
	cursor: pointer;
}
.te-block .item h2{
	margin: 0;
	font-size: 58px;
	font-weight: 600;
}
.te-block .item .box{
	position: relative;
	z-index: 3;
	padding: 40px 20px;
	line-height: 1.2;
}
.te-block .b-1{
	background-image: url(../images/b-1.jpg);
	border-bottom: 7px solid rgba(86,177,66,1);
}
.te-block .b-2{
	background-image: url(../images/b-2.jpg);
	border-bottom: 7px solid rgba(197,92,159,1);
}
.te-block .b-3{
	background-image: url(../images/b-3.jpg);
	border-bottom: 7px solid rgba(34,172,227,1);
}
.te-block .b-4{
	background-image: url(../images/b-4.jpg);
	border-bottom: 7px solid rgba(231,53,58,1);
}

.te-block .item.b-1:before{
	background-color: rgba(86,177,66,0);
}
.te-block .item.b-2:before{
	background-color: rgba(197,92,159,0);
}
.te-block .item.b-3:before{
	background-color: rgba(34,172,227,0);
}
.te-block .item.b-4:before{
	background-color: rgba(231,53,58,0);
}

.te-block .item.b-1:hover:before{
	background-color: rgba(86,177,66,0.8);	
}
.te-block .item.b-2:hover:before{
	background-color: rgba(197,92,159,.8);
}
.te-block .item.b-3:hover:before{
	background-color: rgba(34,172,227,.8);
}
.te-block .item.b-4:hover:before{
	background-color: rgba(231,53,58,.8);
}

.desc{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	color: #3df9e2;
	margin-top: 115px;
	margin-bottom: 80px;
	text-align: center;
}

.info{
	font-weight: 700;
	line-height: 1.5;
	color: #ffffff;
	margin-top: 50px;
	margin-bottom: 120px;
}
.info .line{
	margin-bottom: 30px;
}
.info .line .sub-h{
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}