* {
	box-sizing: border-box;
}
body {
	font-family: 'Roboto', sans-serif;
	margin: 0 auto;
	/*background-image: url(../images/bg-img.png);
	background-repeat: no-repeat;
	position: relative;
	top: 50%;
	left: 50%;
	background-position: center 0%;*/

}

h1,h2,h3,h4,h5,h6,ul,li{margin: 0px; padding: 0px;}
ul,li{list-style: none;}


.main-cntnt {
	width: 100%;
	float: left;
	position: relative;
	height: 100vh;
	background-size: cover;
	background-position: 100% 100%;
}
@media screen and (max-width: 991px){
	.main-cntnt {
		height:100vh!important;
		background-position:center center!important;
	}
}

.cntnt-inner {
	width: 100%;
	float: left;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	text-align: center;
}
.cntnt-inner .logo {
	float: none;
	border-bottom: 1px solid #87a7bc;
	width: 80%;
	display: inline-block;
}
.cntnt-inner img {
	max-width: 100%;
	object-fit: cover;
}
.main-title {
	width: 100%;
	float: left;
	padding: 25px;
}
.main-title h1 {
	font-weight: 700;
	font-size: 68px;
	color: #fff;
	line-height: 57px;
}
.main-title p {
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	max-width: 930px;
	margin: 20px auto;
}
.main-title h5 {
	font-weight: 700;
	font-size: 40px;
	color: #fff;
	line-height: 57px;
}
.btm-info {
	width: 100%;
	float: left;
}
.btm-info ul {

}
.btm-info ul li {
	background-color: #fff;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 70%;
	margin: 0 13px;
	max-width: 190px;
	max-height: 220px;
	transition: all .2s ease-in-out;
}
.btm-info ul li:hover {
	transform: scale(1.1);
}
.btm-info ul li .btm-img {
	width: 100%;
	padding: 24px 8px;
	float: left;
	
}

.btm-info ul li .img-wrap  {
	display: inline-block;
	vertical-align: middle;
	min-height: 94px;
}
.btm-info ul li .btm-detail {
	position: relative;
	bottom: 10px;
}
.btm-info ul li .btm-detail h3 {
	font-weight: 100;
	font-size: 22px;
	color: #14435e;
}
.btm-info ul li .btm-detail h4 {
	font-weight: 700;
	font-size: 28px;
	color: #14435e;
}
.main-cntnt .border-btm {
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
}
.border-btm .red {
	border-bottom: 5px solid #c93597;
	width: 33.33%;
	float: left;
}
.border-btm .green {
	border-bottom: 5px solid #a1bf3d;
	width: 33.33%;
	float: left;
}
.border-btm .blue {
	border-bottom: 5px solid #3eb3e9;
	width: 33.33%;
	float: left;
}

.resp-img {
	width: 100%;
	float: left;
	background-size: cover;
	display: none;	
	background-position: 100% 100%;
}
.resp-img .upr-bdy {
	width: 100%;
	float: left;
	position: relative;
}
.resp-img .upr-bdy img {
	width: 100%;
	height: 100%;
}