/**SLIDER**/

.slider
{
	width: 100%;
	position: relative;
	background: #000;

}
.slide
{
	position: relative;
	width: 100%;	
}

.active-slide {
    left: 0px;
	top: 0px;
	opacity: 1;
	transition: opacity 1s;
	position: relative;
	z-index: 0;
}

.inactive-slide {
	opacity: 0;
	top: 0px;
	width: 100%;
	transition: opacity 1s;
	position: absolute;
	pointer-events: none;
}

.slider-image-container
{
	width: 100%;
	display: block;
	height: 31vw;
	position: relative;
}

body:not(.home) .slider-image-container
{
	height: 16vw;
}

.slider-image
{
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	transition: 30s ease;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.slide-details
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
	/*max-width: calc(1100px + 20%);*/
	padding: 0 10%;
	box-sizing:border-box;
}

.slide-details h1
{
	color: #fff;
	font-weight: 600;
	font-family: 'BankGothic';
	text-transform: uppercase;	
	text-shadow: 0 0 10px rgba(14, 23, 45,1);/*, 0 0 50px rgba(22,37,72,1), 0 0 75px rgba(22,37,72,1),0 0 100px rgba(22,37,72,1);*/
	margin: 0;

	font-size: 3.3vw;
	line-height: 2.7vw;

}

.slide-details h2
{
	font-size: 1.72vw;
	line-height: 1.72vw;
	font-family: 'BankGothic';
	text-transform: uppercase;
	color: #ff9c00;
	text-shadow: 0 0 10px rgba(14, 23, 45,1);/*, 0 0 50px rgba(0,0,0,1), 0 0 75px rgba(22,37,72,1),0 0 100px rgba(22,37,72,1);*/
	margin: 0;
	margin-bottom: 6px;
}

.slide-details .ghost-button
{
	font-size: 26px;	
	padding: 20px 40px;
	margin: 3px;
}

/*.slide-details .ghost-button:nth-of-type(2)
{
	background: #fff;
	color: #000;
}

.slide-details .ghost-button:nth-of-type(2):hover
{
	background: #e5e5e5;
	color: #000;
}*/

.slide-details h1 + h2,
.slide-details h2 + h1
{
	margin-bottom: 1.5vw;
}

.slide-details h1 + h2:last-child,
.slide-details h2 + h1:last-child
{
	margin-bottom: 0;	
}


.slide-details p
{
	font-family: 'Open Sans';
	color: #fff;
	max-width: 800px;	
	margin: 0 auto;
	margin-bottom: 2vw;
	font-size: 1.1vw;
	line-height: 1.5vw;
}

.slide-details p:last-child
{
	margin-bottom: 0;
}




.slide-details .icon-link,
.video-container .icon-link
{
	color: #ff9c00;
	display: block;
	width: 76px;
	margin: 0 auto;
	margin-top: 20px;
	opacity: 0.8;
	font-size: 22px;
}

.slide-details .icon-link:hover
{
	opacity: 1;
}


.slider-nav
{
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 1;
}

.slider-nav-link
{
	width: 12px;
	height: 12px;
	box-shadow: 0 0 10px rgba(0,0,0,1);
	display:inline-block;
	border-radius: 50%;	
	float: left;
	margin: 5px;
	background: #fff;
}

.slider-nav-link:hover
{
	background: #ddd;	
}

.slider-nav-link-active,
.slider-nav-link-active:hover
{
	background: #1ba9b0;	
}

.slide-details .icon-link:before,
.video-container .icon-link:before
{
	background-image: URL(../resources/play-arrow-orange.svg);	
}

@media screen and (max-width: 2048px)
{	
	.slide-details .ghost-button
	{
		font-size: 1.3vw;
		padding: 1vw 2vw;
	}
}

@media screen and (max-width: 1840px)
{
	
}


@media screen and (max-width: 1650px)
{
	.slide-details p
	{
		font-size: 18px;	
		line-height: 24px;
	}
	.slide-details p:last-child
	{
		margin-bottom: 0;
	}
	
}

@media screen and (max-width: 1600px)
{	
	.slide-details h1 + h2,
	.slide-details h2 + h1
	{
		margin-bottom: 1vw;
	}
	
	.slide-details p
	{
		margin-bottom: 1.5vw;	
	}
	.slide-details p:last-child
	{
		margin-bottom: 0;
	}
	
	body:not(.home) .slide-details
	{
		position: relative;
		transform: none;
		-webkit-transform: none;
		left: 0;
		top: 0;
		padding: 100px 10%;	
	}
	
	body:not(.home) .slider-image-container
	{
		position: absolute;
		height: 100%;
	}
	
	body:not(.home) .slide-details h1
	{
		font-size: 52px;	
		line-height: 42px;
	}
	
	body:not(.home) .slide-details h2
	{
		font-size: 27px;	
		line-height: 27px;
	}	
	
	.slide-details .ghost-button
	{
		font-size: 1.5vw;	
	}
	
}

@media screen and (max-width: 1200px)
{	
	.home .slide-details h1 + h2,
	.home .slide-details h2 + h1
	{
		margin-bottom: 20px;
	}
	
	.home .slide-details p
	{
		margin-bottom: 20px;
	}
	.home .slide-details p:last-child
	{
		margin-bottom: 0;
	}
	
	.slide-details .ghost-button
	{
		font-size: 16px;
		padding: 10px 20px;
	}
	
	.home .slide-details
	{
		top: 55%;	
	}
}

@media screen and (max-width: 800px)
{	
	body:not(.home) .slide-details
	{
		position: relative;
		transform: none;
		-webkit-transform: none;
		left: 0;
		top: 0;
		padding: 50px 10%;	
	}
	
	.slide-details h1
	{
		font-size: 28px !important;
		line-height: 23px !important;
	}
	
	.slide-details h2
	{
		font-size: 14px !important;
		line-height: 14px !important;
	}
	
	body:not(.home) .slide-details h1
	{
		font-size: 38px !important;
		line-height: 32px !important;
	}
	
	.slider-image-container
	{
		height: 220px;	
	}
	
	.slide-details p
	{
		display: none;	
	}
	
	.slider-image
	{
		background-position: 40% 50%;	
	}
}

@media screen and (max-width: 600px) and (min-width: 466px)
{
	.slide-details .ghost-button
	{
		padding: 10px 12px;
		margin: 1px;
	}
}

@media screen and (max-width: 465px)
{	
	.home .slider-image-container
	{
		display: none;
	}
	
	.home .slide-details
	{
		position: relative;
		transform: none;
		-webkit-transform: none;
		width: 100%;
		left: 0;
		top: 0;
		padding: 60px 10%;
		padding-top: 35px;
		background-image: URL(../resources/footer-background.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: table-cell;
		vertical-align: middle;
	}
	
	.home .slider
	{
		border-top: 2px solid #fff;
		border-bottom: 3px solid #fff;
	}
	
	.home .slider-nav
	{
		top: auto;
		bottom: 25px;
	}
	
	.home .slide-details p
	{
		display: none;	
	}
	
	.slide-details h1
	{
		font-size: 38px !important;
		line-height: 32px !important;
	}
	.slide-details h2
	{
		font-size: 18px !important;
		line-height: 18px !important;
	}
	
	.home .slide
	{
		display: table;
	}
	
	body:not(.home) .slide-details h1
	{
		font-size: 32px !important;
		line-height: 28px !important;
	}
}


@media screen and (max-width: 400px)
{
	.slide-details h1
	{
		font-size: 24px !important;
		line-height: 20px !important;
	}
}

@media screen and (max-width: 380px)
{
	body:not(.home) .slide-details h1
	{
		font-size: 28px !important;
		line-height: 24px !important;
	}
}