/*
* homepage.css
* 
* Only loaded on the front page. Used for styles not needed on other pages to reduce load times.
*/

.applications_area {
	margin-bottom: 40px;
}

.applications_area .applications_box {
	margin: 0 0 10px 0 !important;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (min-width: 480px) {
	.applications_area .applications_box {
		width: 30%;
		margin: 0 1% 2% 1% !important;
		overflow: hidden;
	}
}

.applications_area .applications_box .news-image {
	background-color: transparent;
	height: 300px;
}

.applications_area .applications_box h3 {
	text-align: center;
	padding: 0;
}

.applications_area .applications_box h3 a {
	color: #ffffff !important;
	text-transform: uppercase;
	font-size: 26px;
	width: 100%;
	padding: 135px 0;
	display: block;
}

.home-news-block {
	margin: 0 1.66% 2% 1.66% !important;
	width: 30%;
}

.home-news-block .news-image .news-image-inner {
	height: 320px;
	background-color: transparent; 
}

.home-news-block h3 {
	text-align: center;
	padding: 0;
}

.home-news-block h3 a {
	text-transform: uppercase;
	font-size: 18px;
	width: 100%;
	padding: 100px 15px 10px 15px;
	display: block;
}

.home-news-block p {
	text-align: center;
	padding: 0;
}

.homebannericon {
	margin: 200px auto 0 auto !important;
	width: 40%;
}

@media screen and (min-width: 1200px) {
	.homebannericon {
		width: 30%;
	}
}

.header-banner h1, .header-banner h2 {
	padding-top: 100px !important;
}

#home-standard-slider-en-mobile {
	display: block !importnat;
}

#home-standard-slider-en-mobile .homebannericon {
	margin: 230px auto 0 auto !important;
	width: 65%;
}

#home-standard-slider-en-mobile .header-banner h2 {
	padding-top: 80px !important;
	font-size: 3rem;
}

#home-standard-slider-en-desktop {
	display: none !important;
}

@media screen and (min-width: 800px) {

	#home-standard-slider-en-mobile {
		display: none !important;
	}
	#home-standard-slider-en-desktop {
		display: block !important;
	}

}

.home .video-outer .video-banner img {
	padding-top: 300px !important;	
	z-index: 100;
	position: relative;
	width: 40%;
}

@media screen and (min-width: 1200px) {
	.home .video-outer .video-banner img {
		width: 30%;
	}
}

.home .video-outer .video-banner h1 {
	color: #fff;
	font-size: 2.8125rem;
	line-height: 3.5rem;
	padding-top: 40px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 12px;
	position: relative;
	z-index: 100;
}