html, body {
	height:100%;
	font-family: 'Poppins', sans-serif;
}
body {

	background:url("../images/bg.jpg") no-repeat;
	background-size: auto 100%;

}

a, a:hover, span {
	text-decoration:none;
}

.orientGeneral {

}

.orientBlock {
	height:450px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin:50px 0;
	padding:0;
	transition: .5s;
    -webkit-transition: .5s;
}



.orientBlock.active {
	height:550px;
	margin:0;
	-webkit-box-shadow: 0px 0px 66px -1px rgba(8,57,142,0.8);
	-moz-box-shadow: 0px 0px 66px -1px rgba(8,57,142,0.8);
	box-shadow: 0px 0px 66px -1px rgba(8,57,142,0.8);
	position:relative;
	z-index:999;
}
.orientBlock > span.orientBlockBottomTitle {
	position:Absolute;
	bottom:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:18px;
	left:0;
	right:0;
	padding:15px 0;
	color:#000;
}

.orientBlock.forTwo {
	height:225px;
}

.orientBlock.active > span, .orientBlock.hover > span {
	color:#fff;
}

.orientBlock > a.orientBlockIn {
	width:100%;
	height:100%;
	display:table;
}
.orientBlock > a.orientBlockIn > div {
	display:table-cell;
	vertical-align:middle;

}
.orientBlock > a.orientBlockIn > div > span {
	display:block;
	transition: .5s;
    -webkit-transition: .5s;

}
.orientBlock > a.orientBlockIn > div > span:first-child {
	font-size:120px;
	color:#0a49b3;
}
.orientBlock > a.orientBlockIn > div > span:last-child {
	font-size:18px;
	color:#000;
	font-weight:600;
	padding:0 15px;
}
.orientBlock.disabled > a.orientBlockIn > div > span:first-child {
	font-size:120px;
	color:#909090;
}
.orientBlock.disabled > a.orientBlockIn > div > span:last-child {
	font-size:18px;
	color:#909090;
	font-weight:600;
}
.orientBlock.active.act > a.orientBlockIn > div > span:first-child, .orientBlock.act > a.orientBlockIn:hover > div > span:first-child{

	font-size:146px;
	color:#fff;
}
.orientBlock.active.act > a.orientBlockIn > div > span:last-child, .orientBlock.act > a.orientBlockIn:hover > div > span:last-child{
	color:#fff;
	font-size:24px;
}
.orientBlock.ob1 > .orientBlockIn{
	background:#fff url("../images/orientBlockBg1.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob1.act > .orientBlockIn:hover, .orientBlock.ob1.active > .orientBlockIn{
	background:#0a47af url("../images/orientBlockBg1Active.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob2 > .orientBlockIn{
	background:#fff url("../images/orientBlockBg2.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob2.act > .orientBlockIn:hover, .orientBlock.ob2.active > .orientBlockIn {
	background:#0a47af url("../images/orientBlockBg2Active.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob3 > .orientBlockIn{
	background:#fff url("../images/orientBlockBg3.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob3.act > .orientBlockIn:hover, .orientBlock.ob3.active > .orientBlockIn {
	background:#0a47af url("../images/orientBlockBg3Active.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob4 > .orientBlockIn{
	background:#fff url("../images/orientBlockBg4.png") no-repeat;
	background-size:auto 100%;
}
.orientBlock.ob4.act > .orientBlockIn:hover, .orientBlock.ob4.active > .orientBlockIn {
	background:#0a47af url("../images/orientBlockBg4Active.png") no-repeat;
	background-size:auto 100%;
}






@media (max-width: 980.98px) {






	.orientBlock > a.orientBlockIn > div > span:first-child{

		font-size:72px;
		color:#fff;
	}
	.orientBlock > a.orientBlockIn > div > span:last-child{

		font-size:18px;
		color:#fff;
	}
	.orientBlock.disabled > a.orientBlockIn > div > span:first-child {
		font-size:72px;
		color:#909090;
	}
	.orientBlock.disabled > a.orientBlockIn > div > span:last-child {
		font-size:18px;
		color:#909090;
		font-weight:600;
	}
	.orientBlock > span.orientBlockBottomTitle {

		font-weight:12px;

	}


}

@media (max-width: 767.98px) {

	body {
		background:none;
	}
	.orientBlock > .orientBlockIn {

		background-size:100% auto!important;
		background-position:center!important;

	}
	.orientBlock {
		margin:0!important;
		height:250px;
	}
	.orientBlock:hover {
		height:250px;
	}
	.logo {padding-left:0!important; padding-right:0!important;}


}

@media (max-width: 575.98px) {
	.orientBlock {
		margin:0!important;
		height:200px;
		margin-bottom:1px!important;
	}
	.orientBlock:hover {
		height:200px;
	}

	.logo {
		padding-left:60px!important;
		padding-right:60px!important;
	}
	.logo > a > img {
		width:100%!important;
	}

	.orientBlock > span.orientBlockBottomTitle {

		display:none;

	}
	.orientBlock > .orientBlockIn {
		background-size:auto 100%;
	}

	.orientBlock.ob1.act > .orientBlockIn{
		background:#0a47af url("../images/orientBlockBg1Active.png") no-repeat;

	}
	.orientBlock.ob2.act > .orientBlockIn{
		background:#0a47af url("../images/orientBlockBg2Active.png") no-repeat;
		background-size:auto 100%;
	}
	.orientBlock.ob3.act > .orientBlockIn{
		background:#0a47af url("../images/orientBlockBg3Active.png") no-repeat;
		background-size:auto 100%;
	}
	.orientBlock.ob4.act > .orientBlockIn{
		background:#0a47af url("../images/orientBlockBg4Active.png") no-repeat;
		background-size:auto 100%;
	}
	.orientBlock > a.orientBlockIn > div > span:first-child{

		font-size:130px;
		color:#fff;
	}
	.orientBlock > a.orientBlockIn > div > span:last-child{

		font-size:18px;
		color:#fff;
	}
	
	.orientBlockFortwo:first-child {
		margin-bottom:20px;
	}
}