@font-face {
	font-family: Icons;
	src: url('../fonts/icons.woff') format('woff'), url('../fonts/icons.ttf') format('truetype');
	/*
		\e900 = icon facebook
		\e901 = icon twitter
		\e902 = icon linkedin
		\e903 = icon youtube
		\e904 = icon instagram
		\e905 = icon currents
		\e906 = arrow left thin
		\e907 = icon PDF
		\e908 = arrow right
		\e909 = arrow down
		\e90a = A
		\e90b = arrow select
		\e90c = play arrow
		\e90d = arrow right medium
		\e90e = arrow up
		\e90f = menu button
		\e910 = back to top icon
		\e911 = arrow down medium
		\e912 = arrow up bold
		\e913 = arrow right bold
		\e914 = arrow left bold
		\e915 = external link
	*/
}

/*
Bullet Navigator Style
Help: https://www.jssor.com/development/slider-with-bullet-navigator.html
*/

/* bullet nav */
.jssorb051
{
	position: absolute;
	left: 12px;
}

.jssorb051,
/* span is for photo captions */
.innerContainer div span {bottom: 24px;}

/* size of bullet nav */
.i
{
	width: 11px;
	height: 11px;
}

.jssorb051 .i
{
	position: absolute;
	cursor: pointer;
}

.jssorb051 .i .b
{
	fill: #fff;
	fill-opacity: 0.5;
	stroke: #000;
	stroke-width: 600;
	stroke-miterlimit: 10;
	stroke-opacity: 1;
}

.jssorb051 .i:hover .b { fill-opacity: .7; }
.jssorb051 .iav .b { fill-opacity: 1; }
.jssorb051 .i.idn { opacity: .3; }

/*
#region Arrow Navigator Skin
Help: https://www.jssor.com/development/slider-with-arrow-navigator.html
*/
.jssora051
{
	display: block;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
/* the nav arrows */
.jssora051 .a
{
	fill: none;
	stroke: rgba(255,255,255,.5);
	stroke-width: 2000;
	stroke-miterlimit: 10;
}

.jssora051:hover { opacity: .8; }
.jssora051.jssora051dn { opacity: .5; }

.jssora051.jssora051ds
{
	opacity: .3;
	pointer-events: none;
}

/* loading screen with spinning widget */
.jssorl-009-spin
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
}
.jssorl-009-spin img
{
	margin-top: -19px;
	position: relative;
	top: 50%;
	width: 38px;
	height: 38px;
}
/* end loading screen */

body
{
	padding: 0;
	font-family: georgia, times, serif;
	color: #343333;
	background-color: #fff;
}

a {	color: #343333;text-decoration: none;}

a:hover {color: #999999 !important;}

a.svg:after
{
	content: "";
	position: absolute;
	top: 10px;
	bottom: 22px;
	width: 282px;
}

header
{
	position: relative;
	height: 89px;
	margin: 0 auto;
}

header,
#contact section div { max-width: 1195px; }

header h1 span
{
	position: absolute;
	left: -9999px;
}

header div
{
	width: 282px;
	margin: 0 auto;
}


header div object {position: absolute;}

header div ul
{
	position: absolute;
	top: 20px;
	right: 2.875rem;
	width: 125px;
	list-style-type: none;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

header div object, header div ul { bottom: 22px; }

header ul li
{
	text-align: right;
	display: inline;
	float: right;
	padding-bottom: 15px;
}

header ul li:first-child img {width: 18px; height: auto; }
header ul li:first-child + li img {width: 38px; height: auto; margin-right: 34px;}

header ul li img:hover {opacity: 0.5;}

header #nav .contact
{
	float: right;
	letter-spacing: .18em;
	text-transform: uppercase;
}

#contact section div
{
	position: relative;
	height: 22.625em;
	background-color: #e3c8b2;
	margin: 0 auto 0;
}

#contact section h1
{
	font-size: 2.75em;
	font-weight: 400;
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%);
}

#contact section h1 a {	color: #ffffff;}


/* the slides ================================== */
#slider1_container
{
	position: relative;
	margin: 0 auto;
}
/* Make height and width match size of images in markup */
#slider1_container,
.innerContainer
{
	width: 1200px;
	height: 785px;
}
/* end slides ==================================== */

.innerContainer div span {
	position: absolute;
	right: 1.6%;
	color: #ffffff;
	font-size: .84em;
	letter-spacing: .07em;
	font-weight: 600;
	text-shadow: -1px 1px 1px #000000;
}

.small_only {display:none;}

/* responsivefulness */
@media screen and (max-width: 50em) /* 800px width */
{	
	header {margin-bottom: 1.5em;}
	
	header div
	{
		margin: 0 auto;
		padding: 0;
	}
	
	header div object
	{
		position: relative;
		display: block;
		clear: both;
		margin-bottom: 1em;
	}
	
	header div ul
	{
		margin: 0 auto;
		position: relative;
		width: 100%;
		right: 0;
		top: 0;
	}
	
	header ul li
	{
		text-align: center;
		float: left;
	}
	
	header ul li:first-child
	{
		padding-right: 40px;
	}

	header div object, header div ul { bottom: 0; }
	
	#contact section div
	{
		height: 12em;
	}
	
	#contact section h1 { font-size: 1.5em; }
	
	a.svg:after
	{
		content: "";
		top: 0;
		bottom: 35px;
	}
	
	.innerContainer div span 
	{
		left: 0;
		right: 0;
		text-align: center;
		font-size: 2em;
	}
	
	/* bullet nav */
	.jssorb051
	{
		bottom: -30px;
	}
	.jssorb051 .i .b
	{
		fill: #000;
		fill-opacity: 0.25;
	}
	.jssorb051 .iav .b { fill-opacity: 1; }
}