@import url('//fonts.googleapis.com/css?family=Open+Sans');
@import url('//fonts.googleapis.com/css?family=Abril+Fatface');

body {

	color: #aca59e;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;

}

h2, h3 {
	
	font-family: "Abril Fatface", cursive;
	
}

h2 {
	
	font-size: 350%;

}

.banner .slider > div, .banner .n-sldr {
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #0059a7;

}

.banner .slider .row > div {
	
	min-height: 100vh;
	padding: 0;
	margin: 0;
	
}

.banner .slider-arrow {
	
	display: none;
	
}

.header-and-banner {
	
	color: #fff;

}

header {
	
	z-index: 2;
	position: absolute;
	width: 100%;

}

header .contain > .row {
	
	margin: 1em 0 2em 0;

}

header a[href] {
	
	text-decoration: none;

}

header .row > * {
	
	position: relative;
	
}

header img[src*=logo] {
	
	position: absolute;
	bottom: -2em;
	left: 1.2em;
	max-width: calc(100% - 2.4em);

}

header nav {
	
	font-size: .9em;
}

header .col25 {
	
	border-bottom: 1px solid;

}

main a[href] {
	
	text-decoration: none;
	
}

main a[href]:not(.button):after {
	
	content: '⟩';
	padding: 0 .5em;
	
}

main .promo {
	
	min-height: 28em;
	color: #fff;
	background-position: center;
	background-size: cover;

}

main .promo h3 {
	
	font-size: 200%;

}

main .slider .col3 {
	
	box-shadow: 0 0 0 1px #aca59e;
	min-height: 20em;
	padding: 0;
	
}

main .slider .col3 .image {

	min-height: 10em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;

}

.slider-nav a {
	
	width: 1rem;
	height: 1rem;
	font-size: 0;
	margin: 1rem .5rem;
	
}

.slider-nav a.active, .banner .slider-nav a.active {
	
	background: #eecf3f;

}

.banner .slider-nav a {
	
	background: #fff;

}

a[href].button {
	
	color: #fff;
	font-weight: bold;
	padding: 1em 2em;
	border: 1px solid;
	border-radius: .25em;
	background-color: #eecf3f;
	margin: 1em 0;

}

header a[href].button {
	
	padding: .25em .5em;
	border-color: transparent;
	margin-left: 1em;

}

a[href].button:hover, .banner a[href].button:hover, .promo a[href].button:hover {
	
	color: #fff;
	background-color: #aca59e;
	border-color: #aca59e;
	   
}

.banner a[href].button, .promo a[href].button {

	background-color: rgba(255, 255, 255, 0.2);

}

.breadcrumbs {
	
	font-size: .75em;
	color: #fff;

}

img[src*=logo] {
	
	width: 220px;
	margin: 1em 0;

}

footer {
	
	background-color: #aca59e;
	padding-bottom: 1em;
	    
}

footer nav {
	
	color: #fff;
	font-size: .75em;
		
}

footer .about {
	
	background: #fff;

}

@media screen and (max-width: 600px) {
	
	header nav.drop {
		
		display: none;
		
	}

	header.fixed-mobile .fold.mobile.open .content {
		
		right: 0;
		left: 0;
		background: #000;
		
	}
	
	header .row > .col5 {
		
		display: none;
		
	}
	
	header nav ul {
		
		color: #000;

	}

	header .row > * {
		
		text-align: right;
		padding: 0 .5em !important;
		
	}

}


