/* BASIC SETUP */
* { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	margin: 0; 
	padding: 0; 
}
html { 
	min-height: 100%;
}
body { 
	color: #000000; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 300;
	font-size: 1.15em; 
	/*font-size: 1.68vw;*/
	min-height: 100%;
	overflow-x: hidden;
	position: relative;
}

/* useful styles */
.hr hr { 
	display: none; 
}
.hr, hr { 
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 1.5em 0;
}
.error { 
	color: #FF0000; 
}
.small { 
	font-size: 0.75em; 
}

/* responsive */
.desktop { 
	display: block !important; 
}
span.desktop { 
	display: inline !important; 
}
table.desktop { 
	display: table !important; 
}
col.desktop { 
	display: table-column !important; 
}
th.desktop, 
td.desktop { 
	display: table-cell !important; 
}
tr.desktop { 
	display: table-row !important; 
}
.mobile, 
span.mobile, 
table.mobile, 
col.mobile, 
th.mobile, 
td.mobile, 
tr.mobile { 
	display: none !important; 
}

/* alignment */
.align-left { 
	text-align: left !important; 
}
.align-center { 
	text-align: center !important; 
}
.align-right { 
	text-align: right !important; 
}
.valign-top { 
	vertical-align: top !important; 
}
.valign-middle { 
	vertical-align: middle !important; 
}
.valign-bottom { 
	vertical-align: bottom !important; 
}
.clear { 
	clear: both; 
	display: block;
	font-size: 0; 
	line-height: 0; 
	height: 0px; 
}
.clearafter:after { 
	content: ''; 
	clear: both; 
	display: block; 
}
.float-left { 
	float: left; 
}
.float-right { 
	float: right; 
}


/* common elements */
p { 
	line-height: 1.4em; 
	margin-bottom: 1em; 
}
img { 
	border: 0; 
}
a {
	color: #b8d1e9; 
	text-decoration: none; 
}
a:hover { 
	opacity: .9;
}


/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
	/*font-family: 'Montserrat-Light', Helvetica, Arial, sans-serif; 
	font-weight: normal; */
	font-weight: 300;
	margin: .6em 0; 
}
h1, .h1 { 
	font-size: 2em; 
}
h2, .h2 { 
	font-size: 1.6em; 
}
h3, .h3 { 
	font-size: 1.3em; 
}
h4, h5, h6, .h4, .h5, .h6 { 
	font-size: 1.1em; 
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { 
	margin-top: 0; 
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { 
	color: inherit; 
}

h2 + h3 {
	margin-top: -.5em;
}



/* column styles */
.columns { 
	margin: 0 -15px; 
}
.columns.tight { 
	margin: 0 -5px; 
}
.columns:after { 
	clear: both; 
	content: ''; 
	display: block; 
}
.c10, .c20, .c25, .c30, .c33, .c40, .c50, .c60, .c66, .c75, .c70, .c80, .c90, .c100 { 
	float: left; 
	position: relative;
	min-height: 1px; 
}
.columns > .c10, .columns > .c20, .columns > .c25, .columns > .c30, .columns > .c33, .columns > .c40, .columns > .c50, .columns > .c60, .columns > .c66, .columns > .c70, .columns > .c75, .columns > .c80, .columns > .c90,.columns > .c100 { 
	padding: 15px; 
}
.c10 { width: 10%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c40 { width: 40%; }
.c50 { width: 50%; }
.c60 { width: 60%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c90 { width: 90%; }
.c100 { width: 100%; }

.columns.tight > .c10, .columns.tight > .c20, .columns.tight > .c25, .columns.tight > .c30, .columns.tight > .c33, .columns.tight > .c40, .columns.tight > .c50, .columns.tight > .c60, .columns.tight > .c66, .columns.tight > .c70, .columns.tight > .c75, .columns.tight > .c80, .columns.tight > .c90, .columns.tight > .c100 { 
	padding: 5px; 
}
.c10.float-right, .c20.float-right, .c25.float-right, .c30.float-right, .c33.float-right, .c40.float-right, .c50.float-right, .c60.float-right, .c66.float-right, .c70.float-right, .c75.float-right, .c80.float-right, .c90.float-right, .c100.float-right { 
	float: right; 
}

.lc { 
	padding-right: 40px; 
}
.rc { 
	padding-left: 40px; 
}


/* tables */
table.form, .main table { 
	border: 0;
	border-collapse: collapse;
	margin: 2em 0;
	width: 100%:
}
.main table th,
.main table td {
	border: 1px solid #CCCCCC;
	padding: .5em;
	vertical-align: top;
}
table.form th,
.main table th { 
	text-align: left;
}
table.form td { 
	
}
form table, 
table.form {
	width: 100%;
}
	.main form table th, 
	.main table.form th,
	.main form table td, 
	.main table.form td {
		border: 0;
		vertical-align: middle;
	}


/* tabs */
.tabs { 
	
}
	.tabs a { 
		background: #f0f0f0; 
		color: #333333; 
		display: block; 
		float: left; 
		padding: 1px 5px; 
		text-align: center; 
	}
		.tabs a:hover { 
			background-color: #333333; 
			color: #FFFFFF; 
		}
		.tabs a.active { 
			background-color: #333333; 
			color: #FFFFFF; 
		}
		
	.tabs:after { 
		clear: both;
		content: '';
		display: block;
	}



.inset-left,
.inset-right {
	max-width: 50%;
}


/* pagenation */
.page-navigation {
	margin: 2em 0;
}



/* slideshow */
.cycle-slideshow {

}
	.cycle-slideshow * {
		max-width: 100%;
	}
.slideshow-thumbnails {

}
	.slideshow-thumbnails img {
		display: block;
		width: 100%;
	}
	.slideshow-thumbnails .active img {
		opacity: .6;
	}
	
	.cycle-slideshow .group {  
		width: 100%;
	}



/* cycle slideshow controls */
.navi-arrow { 
	background: url(../images/arrow-right.svg) center/60% auto no-repeat rgba(0,0,0,.7); 
	display: block; 
	height: 50px; 
	opacity: .8; 
	position: absolute; 
	top: calc(50% - 25px); 
	width: 50px; 
	z-index: 1001; 
}
.navi-arrow:hover { 
	opacity: 1; 
}
.navi-arrow.left { 
	left: 0; 
	-ms-transform: rotate(180deg); 
	-webkit-transform: rotate(180deg); 
	transform: rotate(180deg); 
}
.navi-arrow.right { 
	right: 0; 
}

.pager { 
	margin: 1em 0;
	z-index: 1000; 
}
	.pager span { 
		background: #f0f0f0; 
		border-radius: 50%; 
		cursor: pointer; 
		display: inline-block; 
		font-size: 0; 
		height: 10px; 
		margin: 0 3px; 
		transition: all .3s ease; 
		width: 10px; 
	}
	.pager span:hover { 
		opacity: .8; 
	}
	.pager span.cycle-pager-active { 
		background: #aacae4; 
	}



.block-link {
	display: block;
	
}
	.block-link:after {
		content: ' →';
	}



.image.gravity-north { background-position: center top !important; }
.image.gravity-northeast { background-position: top right !important; }
.image.gravity-east { background-position: center right !important; }
.image.gravity-southeast { background-position: bottom right !important; }
.image.gravity-south { background-position: center bottom !important; }
.image.gravity-southwest { background-position: bottom left !important; }
.image.gravity-west { background-position: center left !important; }
.image.gravity-northwest { background-position: top left !important; }





/* ----------------------------- PAGE STRUCTURE ----------------------------- */
.root { 
	padding-right: 2em; padding-left: 2em;
	/*padding-right: 5%; padding-left: 5%;*/
	position: relative;
	width: 100%; 
}
	.root > div, .page-width { 
		margin: 0px auto; 
		position: relative; 
		max-width: 1200px;
	}


header.root { 
	color: #696b6b;
	position: fixed; 
	
	z-index: 1001; 
}
header.root.inset {
	color: #FFFFFF;
	position: fixed; top: 0; right: 0; left: 0;
}
	header > div {
		padding: 1.6em 0;
	}
		header .logo { 
			display: block;
			position: relative;
			width: 20%;
			/*width: 16%; */
			z-index: 1003;
		}
		header .logo.fixed-alt {
			display: none;
		}
			header .logo img { 
				display: block; 
				/*width: 100%; */ height: 3em;
			}
		header .mobile-menu-toggle { 
			display: none; 
		}

header.root.fixed,
header.root.inset.fixed {
	background: rgba(255,255,255,1);
	transition: all .3s ease;
}
	header.fixed > div {
		padding: 1% 0;
	}
		header.fixed .logo {
			transition: all .3s ease;
		}
		header.fixed .logo:not(.fixed-alt) {
			display: none;
		}
		header.fixed .logo.fixed-alt {
			display: block;
		}
			header.fixed .logo img {
				height: 1.5em;
			}
		
		header.fixed .mobile-menu-toggle { 
			cursor: pointer;
			display: block;
			-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
			position: absolute; right: 0; top: calc(50% - 10px); 
			width: 22px; height: 20px;
		}
			header.fixed .mobile-menu-toggle span {
				background: #696B6B;
				border-radius: 2px;
				display: block;
				position: absolute; left: 0;
				-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
				width: 100%; height: 3px;
			}
			header.fixed .mobile-menu-toggle span:nth-child(1) {
				top: 0px;
			}
			header.fixed .mobile-menu-toggle span:nth-child(2), 
			header.fixed .mobile-menu-toggle span:nth-child(3) {
				top: 7px;
			}
			header.fixed .mobile-menu-toggle span:nth-child(4) {
				top: 14px;
			}
			body.mobile-menu header.fixed .mobile-menu-toggle span:nth-child(1) {
				top: 7px; left: 50%;
				width: 0%;
			}
			body.mobile-menu header.fixed .mobile-menu-toggle span:nth-child(2) {
				-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
			}
			body.mobile-menu header.fixed .mobile-menu-toggle span:nth-child(3) {
				-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
			}
			body.mobile-menu header.fixed .mobile-menu-toggle span:nth-child(4) {
				top: 7px; left: 50%;
				width: 0%;
			}





#header-gap {
	height: 6.2em;
}




/* main navigation (before page is scrolled) */
.main-navigation { 
	position: absolute; top: calc(50% - 1.5em); right: 0;
	text-align: right;
	z-index: 1002;
}
	.main-navigation .logo {
		display: none;
	}
	.main-navigation ul { 
		display: inline-block;
		list-style-type: none; 
		margin: 0; 
		padding: 0; 
		text-align: left;
	}
		.main-navigation li { 
			display: inline-block;
			font-size: 1.1em;
			margin: 0; 
			padding: 0 1em;
			position: relative; 
			vertical-align: middle;
		}
		.main-navigation li:last-of-type {
			padding-right: 0;
		}
			.main-navigation ul a, 
			.main-navigation ul a:visited { 
				border-bottom: 1px solid transparent;
				color: inherit;
				display: block; 
				padding: .5em 0; 
			}
			.main-navigation li:first-child a { 
				
			}
			.main-navigation li:last-child a { 
				
			}
			.main-navigation ul li.active a { 
				border-bottom: 1px solid #696B6B;
			}
			.inset .main-navigation ul li.active a { 
				border-bottom-color: #FFFFFF;
			}
			
			.main-navigation ul a:hover, 
			.main-navigation ul ul a:hover { 
				border-bottom: 1px solid #696B6B;
			}
			.inset .main-navigation ul a:hover, 
			.inset .main-navigation ul ul a:hover { 
				border-bottom-color: #FFFFFF;
			}
			.main-navigation ul :hover > a, 
			.main-navigation ul ul :hover > a { 
				border-bottom: 1px solid #696B6B;
			}
			.inset .main-navigation ul :hover > a, 
			.inset .main-navigation ul ul :hover > a { 
				border-bottom-color: #FFFFFF;
			}
				.main-navigation ul a img {
					display: block;
					height: 1.5em;
				}
				.main-navigation ul a img.fixed-alt {
					display: none;
				}
				.main-navigation ul a .mobile-linktitle {
					display: none;
				}
				
			.main-navigation ul ul.menu { 
				background: #FFFFFF;
				padding: .5em 1em;
				position: absolute; 
				left: 0; 
				top: 100%; 
				visibility: hidden; 
				width: 10em; 
			}
			.inset .main-navigation ul ul.menu {
				background: transparent;
			}
			.main-navigation ul li:hover ul, 
			.main-navigation ul a:hover ul { 
				visibility: visible; 
			}
			
				.main-navigation ul ul.menu li { 
					display: block; 
					font-size: .8em;
					float: none;
					padding: 0;
				}
					.main-navigation ul ul.menu a, 
					.main-navigation ul ul.menu a:visited { 
						border: 0; 
						padding: .3em 0; 
						text-align: left;
						text-decoration: none;
						text-transform: none; 
					}
					.main-navigation ul ul.menu li:first-child a { 
						
					}
					.main-navigation ul ul.menu li:last-child a { 
						
					}
					.main-navigation ul ul.menu a:hover { 
						text-decoration: underline;
					}
					.main-navigation ul ul.menu :hover > a { 
						text-decoration: underline;
					}
					.main-navigation ul ul.menu li.active2 a { 
						/*display: none;*/
						text-decoration: underline;
					}
			
			#search-form { 
				display: block;
				margin: 0;
				position: relative;
				width: auto;
			}
			#search-form.open {
				
			}
				#search-form input[type="text"] {
					background: transparent;
					border: 0;
					color: inherit;
					opacity: 0;
					line-height: normal;
					margin: 0 0 .2em;
					padding: .5em 2em .5em .5em;
					width: 2.2em;
				}
				header:not(.fixed) #search-form input[type="text"] {
					
				}
				#search-form.open input[type="text"] {
					background: rgba(255,255,255,.1);
					opacity: 1;
					transition: all .3s ease;
					width: 11em;
				}
				#search-form input[type="image"] {
					margin: 0;
					padding: .3em;
					position: absolute; top: 0; right: .2em;
				}
				#search-form input[type="image"].fixed-alt {
					display: none;
				}



/* slide-in from side navigation */
header.fixed .main-navigation { 
	color: #696B6B;
	opacity: 0;
	/*overflow: hidden;
	height: 7em;*/
	top: calc(50% - 1.1em); right: calc(22px + 1em);
	
	/*width: 0;*/
}
body.mobile-menu header.fixed .main-navigation {
	transition: opacity .5s ease;
	opacity: 1;
	/*width: 100%;*/
}
	header.fixed .main-navigation ul { 
		position: absolute; top: 0; right: 0;
		transition: width .5s ease;
		white-space: nowrap;
	}
	body.mobile-menu header.fixed .main-navigation ul {
		
	}
		header.fixed .main-navigation li { 
			font-size: .9em;
		}
		header.fixed .main-navigation li:last-of-type {
			
		}
			header.fixed .main-navigation ul a, 
			header.fixed .main-navigation ul a:visited { 
				color: #696B6B;
			}
			header.fixed .main-navigation li:first-child a { 
				
			}
			header.fixed .main-navigation li:last-child a { 
				
			}
			header.fixed .main-navigation ul li.active a,
			header.fixed.inset .main-navigation ul li.active a { 
				border-bottom: 1px solid #696B6B;
			}
			
			header.fixed .main-navigation ul a:hover, 
			header.fixed .main-navigation ul ul a:hover,
			header.fixed.inset .main-navigation ul a:hover, 
			header.fixed.inset .main-navigation ul ul a:hover { 
				border-bottom: 1px solid #696B6B;
			}
			header.fixed.main-navigation ul :hover > a, 
			header.fixed.main-navigation ul ul :hover > a,
			header.fixed.inset .main-navigation ul :hover > a, 
			header.fixed.inset .main-navigation ul ul :hover > a { 
				border-bottom: 1px solid #696B6B;
			}
				header.fixed .main-navigation ul a img {
					display: none;
				}
				header.fixed .main-navigation ul a img.fixed-alt {
					display: block;
				}
				header.fixed .main-navigation ul a .mobile-linktitle {
					
				}
				
			header.fixed .main-navigation ul ul.menu,
			header.fixed.inset .main-navigation ul ul.menu { 
				background: #FFFFFF;
				top: 100%;
			}
			header.fixed .main-navigation ul li:hover ul, 
			header.fixed .main-navigation ul a:hover ul { 
				visibility: visible; 
			}
				header.fixed .main-navigation ul ul.menu li { 
					display: block; 
					font-size: .8em;
					float: none; 
					padding: 0;
				}
				
					header.fixed .main-navigation ul ul.menu a, 
					header.fixed .main-navigation ul ul.menu a:visited { 
						border: 0; 
						padding: .6em 0; 
						text-align: left;
						text-decoration: none;
						text-transform: none; 
					}
					header.fixed .main-navigation ul ul.menu li:first-child a { 
						
					}
					header.fixed .main-navigation ul ul.menu li:last-child a { 
						
					}
					header.fixed .main-navigation ul ul.menu a:hover { 
						border: 0;
						text-decoration: underline;
					}
					header.fixed .main-navigation ul ul.menu :hover > a { 
						border: 0;
						text-decoration: underline;
					}
					header.fixed .main-navigation ul ul.menu li.active2 a { 
						border: 0;
						text-decoration: underline;
					}
				
				header.fixed #search-form input[type="image"]:not(.fixed-alt) {
					display: none;
				}
				header.fixed #search-form input[type="image"].fixed-alt {
					display: block;
				}


.sibling-link {
	background: rgba(237,237,237,.9);
	color: inherit;
	font-size: 1.2em;
	padding: .5em 1em;
	position: absolute; top: calc(50% - 1em);
	transition: all .3s ease;
	z-index: 101;
}
.sibling-link.left {
	left: 0;
}
a.sibling-link.left:hover {
	padding-left: 1.5em;
}
.sibling-link.right {
	right: 0;
}
a.sibling-link.right:hover {
	padding-right: 1.5em;
}



/* mobile-style navigation */
/*header.fixed .main-navigation { 
	background: #FFFFFF; 
	border-right: 1px solid #cccccc;
	color: #000000;
	font-size: 1.2em;
	height: 100%; 
	margin-left: -45%; 
	padding: 2em; 
	position: fixed; top: 0; left: 0; right: auto; 
	
	width: 40%; max-width: 20em;
	z-index: 1003; 
}
body.mobile-menu header.fixed .main-navigation { 
	margin-left: 0; 
	transition: margin .3s ease;
	overflow-x: hidden; 
	overflow-y: auto; 
}
	header.fixed .main-navigation ul { 
		padding-bottom: 20px; 
		text-align: left; 
	}
		header.fixed .main-navigation ul li { 
			display: block;
			float: none;
			padding: 0;
		}
			header.fixed .main-navigation ul a, 
			header.fixed .main-navigation ul a:visited { 
				border: 0 !important;
				font-size: .9em;
				height: auto; 
				line-height: normal; 
				padding: .3em 1em .3em 0; 
			}
			header.fixed .main-navigation ul li.active a { 
				
			}
			header.fixed .main-navigation li:first-child a {  }
			header.fixed .main-navigation li:last-child a { 
				border: 0; 
				padding-right: 0; 
			}
			header.fixed .main-navigation ul a:hover, 
			header.fixed .main-navigation ul ul a:hover { 
			}
			header.fixed .main-navigation ul :hover > a, 
			header.fixed .main-navigation ul ul :hover > a { 
			}
			header.fixed .main-navigation ul a:hover { 
				
			}
				header.fixed .main-navigation ul a img {
					display: none;
				}
				header.fixed .main-navigation ul a .mobile-linktitle {
					display: block;
				}
			header.fixed .main-navigation ul ul.menu { 
				border-top: 0;
				height: auto;
				left: auto;
				padding: .3em 0 10px 10px;
				position: static;
				top: auto;
				visibility: visible;
				width: auto;
			}
				header.fixed .main-navigation ul ul.menu li { 
					background: transparent; 
					font-size: 1em;
					padding: 0; 
				}
					header.fixed .main-navigation ul ul.menu a, 
					.main-navigation ul ul a:visited { 
						background: none; 
						font-size: .8em;
						padding: .5em 0; 
					}
					header.fixed .main-navigation ul ul.menu a.active2 { 
						background-color: transparent; 
					}
					header.fixed .main-navigation ul ul.menu li:first-child a { 
						
					}
					header.fixed .main-navigation ul ul.menu li:last-child a { 
						
					}
					header.fixed .main-navigation ul ul.menu a:hover { 
						
					}
					header.fixed .main-navigation ul ul.menu :hover > a { 
						
					}

		header.fixed .main-navigation ul li:hover ul, 
		header.fixed .main-navigation ul a:hover ul {  }


		header.fixed #search-form,
		header.fixed #search-form.open { 
			margin: 2em 0 0;
			width: auto;
		}
			header.fixed #search-form input[type="text"],
			header.fixed #search-form.open input[type="text"] {
				background: #f0f0f0;
				opacity: 1;
				width: 100%;
			}
			header.fixed #search-form input[type="image"] {
				margin: 0;
				padding: .3em;
				position: absolute; top: 0; right: .2em;
			}*/




.googlemap > div { 
	height: 100%;
}
	.googlemap > div img {
		max-width: none;
	}





.banner { 
	background: #000000;
	/*height: 80vw;*/ /*max-height: 800px; */
	height: 100vh;
	overflow: hidden; 
	margin: 0 0 .5em;
	position: relative;
	transition: height .3s ease; 
}
.root .banner {
	height: calc(100vh - 7em);
}
	.banner .cycle-slideshow { 
		width: 100%; 
		height: 100%; 
	}
		.banner .item {
			display: block; 
			height: 100%; 
			position: absolute;
			width: 100%; 
 		}
			.banner .item .link { 
				display: block; 
				height: 100%; 
				position: absolute; top: 0; left: 0; 
				width: 100%; 
				z-index: 4;
			}
			.banner .item .image { 
				background: center/cover; 
				display: block; 
				height: 100%; 
				position: absolute; top: 0; left: 0; 
				width: 100%; 
				z-index: 1;
			}
			.banner .root {
				height: 100%;
				z-index: 3;
			}
				.banner .page-width {  
					display: table;
					width: 100%; height: 100%;
				}
					.banner .item .text { 
						color: #FFFFFF;
						display: table-cell;
						font-size: 1.1em;
						padding: 3% 0;
						vertical-align: bottom;
					}
						.banner .item .text h1,
						.banner .item .text p { 
							margin: 0 0 .3em; 
						}
						.banner .item .text h1 {
							font-size: 1.5em;
						}
			.banner .overlay {
				background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
				background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
				background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
				height: 12em;
				position: absolute; right: 0; bottom: 0; left: 0;
				z-index: 2;
			}


.main { 
	position: relative; 
	padding: 4% 0; 
}
.main-text {
	
}
	.main-text ul, .main-text ol { 
		margin-bottom: 1em; 
		margin-left: 1.5em; 
	}
		.main-text li { 
			margin-bottom: 0.3em; 
		}
	.main-text iframe {
		display: block; 
		margin: 1.5em 0;
		max-width: 100%; 
	}
	.main-text img { 
		max-width: 100%; height: auto;
	}
	
	
	.page { 
		
	}
		.page .image { 
			
		}
			.page .image a, .page .image img { 
				display: block; 
				width: 100%; 
			}
		.page .text { 
			
		}
	
	
	
	/* gallery slideshow */
	/*.gallery {
		margin: 20px 0;
		position: relative;
	}
		.gallery .item {
			display: block;
			width: 100%;
		}
			.gallery .item img {
				display: block;
				margin: 0 auto;
				max-height: 400px;
				max-width: 100%;
			}
	.gallery-thumbs {
		position: relative;
		text-align: center;
	}
		.gallery-thumbs .item {
			display: inline-block;
			width: 15%;
		}
		.gallery-thumbs .item.active {
			opacity: .7;
			pointer-events: none;
		}
			.gallery-thumbs .item img {
				display: block;
				width: 100%;
			}*/
	
	.image-thumb { 
		
	}
		.image-thumb img { 
			display: block; 
			width: 100%; 
		}





/* content grid */
.content-group {
	margin: 0 -.5em;
	position: relative;
	height: 64vw; max-height: 820px;
}
.content-group.short {
	height: 32vw; max-height: 410px;
}
	.content-container {
		padding: .5em;
		position: absolute; top: 0; left: 0;
		width: 33.33%; height: 50%;
	}
		.content-block {
			background: #ededf0;
			color: #999999;
			position: relative;
			height: 100%;
		}
			.content-block a {
				color: inherit;
			}
			.content-block .link {
				display: block;
				height: 100%;
				position: absolute; top: 0; right: 0; /*bottom: 0;*/ left: 0;
				z-index: 3;
			}
			.content-block .link.mobiletouch {
				display: none;
			}
			.touchscreen .content-block .link.mobiletouch {
				display: block;
			}
			.content-block .overlay {
				background: rgba(0,0,0,.6);
				color: #FFFFFF;
				display: block;
				max-height: 100%;
				opacity: 0;
				overflow: auto;
				/*padding: 1.5em 1.5em 2.5em;*/ padding: 1.5em;
				position: absolute; top: 0; right: 0; left: 0;
				transition: opacity .3s ease;
				z-index: 2;
			}
			/*.touchscreen .content-block .overlay {
				opacity: 1;
			}*/
			.content-block.touchactive .overlay {
				opacity: 1;
			}
			.content-block.show-overlay .overlay {
				opacity: 1;
			}
			.content-block.full-height-overlay .overlay {
				/*padding-bottom: 0;*/
				bottom: 0;
			}
			.content-block:hover .overlay {
				opacity: 1;
			}
				.content-block .overlay .overlay-content {
					padding-bottom: 2em;
					position: relative;
					min-height: 100%;
				}
					.content-block .overlay .block-link {
						/*bottom: 1.2em; right: 1.5em;*/ bottom: 0; right: 0;
					}
					.content-block .overlay .icon-link {
						/*bottom: 1.2em; right: 1.5em;*/ bottom: 0; right: 0;
					}
			.content-block .image {
				background: center/cover;
				display: block;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				z-index: 1;
			}
				.content-block .image img {
					display: none;
					width: 100%;
				}
			.content-block .logo {
				background: center/contain;
				display: block;
				position: absolute; top: 1.5em; right: 1.5em; bottom: 1.5em; left: 1.5em;
				z-index: 1;
			}
			.content-block .media-content {
				display: block;
				height: 100%;
				overflow-y: auto;
				padding: 1.5em; /* padding: 1.5em 1.5em 2em; */
				position: relative;
			}
				.content-block .media-content-content {
					min-height: 100%;
					padding-bottom: 2em;
					position: relative;
				}
				.content-block .media-content .feed {
					
				}
					.content-block .media-content .feed a {
						color: inherit;
						display: block;
						margin: 0 0 1em;
					}
				.content-block .block-link {
					color: inherit;
					position: absolute; bottom: 1em; right: 1.5em;
				}
				.content-block .icon-link {
					color: inherit;
					position: absolute; bottom: 1em; right: 1.5em;
					width: 2em; height: 2em;
				}
				.share-links,
				.social-media-links {
					font-size: .9em;
					position: absolute; bottom: 1em; right: 1.5em; top: auto !important; left: auto !important;
					text-align: right;
					width: 100%;
					z-index: 4;
				}
					.share-links .heading,
					.social-media-links .heading {
						display: inline-block;
						margin: 0 .3em 0 0;
						text-align: right;
						vertical-align: middle;
					}
					.share-links p,
					.social-media-links p {
						margin: 0 0 .3em;
					}
					.social-media-links .social {
						position: static;
						width: 100%;
					}
					.addthis_inline_share_toolbox {
						display: inline-block;
						vertical-align: middle;
					}
			
	
	.p1 { top: 0; left: 0; }
	.p2 { top: 0; left: 33.33%; }
	.p3 { top: 0; left: 66.66%; }
	.p4 { top: 50%; left: 0; }
	.p5 { top: 50%; left: 33.33%; }
	.p6 { top: 50%; left: 66.66%; }
	
	.s1 { width: 33.33%; height: 50%; }
	.short .s1 { height: 100%; }
	.s2 { width: 33.33%; height: 100%; }
	.s3 { width: 66.66%; height: 50%; }
	.short .s3 { height: 100%; }
	.s4 { width: 66.66%; height: 100%; }
	.s5 { width: 100%; height: 50%; }
	.short .s5 { height: 100%; }
	.s6 { width: 100%; height: 100%; }





#contact-form {
	margin: 0;
}
	#contact-form input[type="text"],
	#contact-form input[type="email"],
	#contact-form textarea {
		background: transparent;
		border: 1px solid #FFFFFF;
		color: inherit;
		width: 100%;
	}




footer { 
	background: #606667;
	color: #FFFFFF;
	margin: .5em 0 0;
}
	footer > div { 
		font-size: .7em;
		padding: 1% 0;
	}
		footer a { 
			color: inherit;
		}
		footer a:hover {
			color: inherit;
			text-decoration: underline; 
		}
		
		footer .logo {
			display: block;
			width: 100%;
		}
		footer .logo-strap {
			font-size: .9em; text-align: center;
		}
		footer .footer-height {
			height: 12em;
		}
		
		footer .contact { 
			
		}
			footer .contact .title {
				display: block;
				font-size: 1.7em;
				margin: 0 0 .5em;
			}
			footer .contact p:first-of-type {
				height: 10.5em; 
				margin: 0;
			}
		
		.social { 
			position: absolute; top: 15px; left: 15px;
			z-index: 2;
		}
		.social.grm {
			left: auto; right: 15px;
		}
			.social-link { 
				background: center/cover no-repeat transparent;
				border-radius: 3px;
				display: inline-block;
				transition: all .3s ease;
				width: 2em; height: 2em;
			}
			footer .social-link {
				width: 2.7em; height: 2.7em;
			}
			.social-link:hover {  
				opacity: .7;
			}
			
			.social-link.facebook { 
				background-image: url('../images/social/facebook-grey.svg');
			}
			.social-link.googleplus { 
				background-image: url('../images/social/googleplus-grey.svg');
			}
			.social-link.instagram {  
				background-image: url('../images/social/instagram-grey.svg');
			}
			.social-link.linkedin {  
				background-image: url('../images/social/linkedin-grey.svg');
			}
			.social-link.pinterest {  
				background-image: url('../images/social/pinterest-grey.svg');
			}
			.social-link.youtube {  
				background-image: url('../images/social/youtube-grey.svg');
			}
			.social-link.twitter {  
				background-image: url('../images/social/twitter-grey.svg');
			}
			footer .social-link.facebook { 
				background-image: url('../images/social/facebook.svg');
			}
			footer .social-link.googleplus { 
				background-image: url('../images/social/googleplus.svg');
			}
			footer .social-link.instagram {  
				background-image: url('../images/social/instagram.svg');
			}
			footer .social-link.linkedin {  
				background-image: url('../images/social/linkedin.svg');
			}
			footer .social-link.pinterest {  
				background-image: url('../images/social/pinterest.svg');
			}
			footer .social-link.youtube {  
				background-image: url('../images/social/youtube.svg');
			}
			footer .social-link.twitter {  
				background-image: url('../images/social/twitter.svg');
			}
		
		/* logos slideshow */
		.logos { 
			height: 12.9em;
			position: relative;
			text-align: right;
			z-index: 1;
		}
				.logos img {
					display: inline-block;
					margin: 0 0 .8em;
					max-width: 100%; max-height: 4.5em;
				}
		
		footer .footer-links {
			line-height: 1.4em; 
			text-align: right;
		}
			footer .important-links {
				display: inline-block;
				list-style-type: none;
				vertical-align: middle;
			}
				footer .important-links li {
					display: inline;
				}
					footer .important-links li:not(:first-of-type):before {
						content: ' | ';
					}
					footer .important-links li a {
						display: inline-block;
						padding: 0 .4em;
					}
			footer .info { 
				display: inline-block;
				vertical-align: middle;
			}


/* FANCYBOX PAGE */
body.popup { 
	background-image: none; 
 }
	.popup-root { 
		
	}form { 
	margin: 2em 0;
}
fieldset { 
	border: 0; 
}

input, 
textarea { 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-family: Helvetica, Arial, sans-serif; /*'Montserrat-Light', */
	font-size: 1em; 
	font-weight: 300;
}

input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
.select-style,
textarea { 
	-webkit-appearance: none;
	background: rgba(255,255,255,.2);
	border: 0; 
	border-radius: 0; 
	color: #999999;
	display: inline-block; 
	margin: .3em 0; 
	padding: .5em; 
	vertical-align: middle; 
}
textarea { 
	min-height: 8em; 
}

/*::-webkit-input-placeholder {
	color: #707070;
}
:-moz-placeholder {
	color: #707070;
	opacity: 1;
}
::-moz-placeholder {
	color: #707070;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #707070;
}*/

select { 
	border: 0;
	font-size: 1em;
	vertical-align: middle;
	width: 100%; 
}
	select option {
		padding: .5em;
	}



/* submit, button */
input[type="submit"], 
input[type="button"] { 
	-webkit-appearance: none;
	background: #FFFFFF;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block; 
	font-size: 1.2em;
	margin: .3em 0;
	padding: .3em 1em;
	width: auto; 
	vertical-align: middle;
}
input[type="submit"]:hover, 
input[type="button"]:hover { 
	opacity: .9;
}

/* image */
input[type="image"] { 
	background: transparent;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: block;
	height: 2.1em;
	margin: .3em 0;
	padding: .5em;
	width: auto; 
	vertical-align: middle;
}
input[type="image"]:hover { 
	opacity: .8;
}




/* select style (requires wrapper .select-style) */
.select-style {
	padding: 0;
	margin: .3em 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
	.select-style select {
		-webkit-appearance: none;
		background: none;
		border: 0;
		display: block;
		padding: .5em;
		position: relative;
		width: calc(100% + 2em);
	}
		.select-style select option {
			padding: 0;
		}
	.select-style:after {
		background: url(../images/arrow-down.svg) center/60% auto no-repeat #FFFFFF;
		content: '';
		display: block;
		height: 100%;
		pointer-events: none; 
		position: absolute;
		right: 0;
		top: 0;
		width: 2em;
	}


label {
	display: inline-block; 
	font-size: .8em;
	margin: .3em 0;
	width: 100px;
}
table label { width: auto; }


/* inputs widths (easily indent against labels) */
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
textarea,
select,
.select-style {
	width: calc(100% - 110px); 
}
table input[type="text"], 
table input[type="email"], 
table input[type="search"], 
table input[type="password"], 
table textarea,
table select,
table .select-style {
	width: 100%; 
}





form.formhandler {
	max-width: 600px;
}

	form.formhandler fieldset {
		border-style: none;
		clear: both;
		margin: 0 0 1.5em 0;
		padding: 0;
		
	}
		
		form.formhandler legend {
			display: none;
		}
		
		form.formhandler fieldset ol {
			margin: 0 !important;
			list-style: none;
		}
		
			form.formhandler fieldset li {
				float: left;
				clear: left;
				width: 100%;
			}
				
				form.formhandler fieldset.submit input {
					margin-left: 110px;
				}

				form.formhandler label.inline, 
				form.formhandler label.checkbox {
					display: inline;
					float: none;
					margin: 0;
					width: auto;
				}
				
				form.formhandler input[type="checkbox"] {
					margin: 1em 0 1em 110px;
				}
				
				form.formhandler fieldset.radio {  
					margin-left: 110px;
					padding: .5em 0;
				}
				
				/* nested fieldsets */
				form.formhandler fieldset fieldset {
					margin-bottom: 0;
					border-style: none;
					background-color: transparent;
					background-image: none;
				}
				
				form.formhandler fieldset fieldset label.legend {
					margin-bottom: 1em;
				}
				
				form.formhandler fieldset fieldset ol {
					position: relative;
				}
				
				form.formhandler fieldset fieldset label {
					float: none;
					width: auto;
					margin-right: auto;
				}
.inset-left {
	display: block;
	float: left; 
	margin: 0 30px 30px 0; 
	position: relative;
}
.inset-right { 
	display: block;
	float: right; 
	margin: 0 0 30px 30px; 
	position: relative;
}

.block-link {
	color: inherit;
}
	.block-link:after {
		content: ' →';
	}/* mobile */
@media only screen and (max-width: 480px) {

body { 
	font-size: .7em;
	-webkit-text-size-adjust: 100%;
}

.mobile { 
	display: block !important; 
}
span.mobile { 
	display: inline !important; 
}
table.mobile {
	display: table !important; 
}
col.mobile { 
	display: table-column !important; 
}
th.mobile, td.mobile { 
	display: table-cell !important; 
}
tr.mobile { 
	display: table-row !important; 
}
.desktop, span.desktop, table.desktop, col.desktop, th.desktop, td.desktop, tr.desktop { 
	display: none !important; 
}

/* column styles */
.columns, 
.columns.tight { 
	margin: 0 -5px; 
}
.c10, .c20, .c25, .c30, .c33, .c40, .c50, .c60, .c66,.c70,.c75, .c80, .c90, .c100 {
	
}
.c10.float-right,.c20.float-right, .c25.float-right, .c30.float-right, .c33.float-right, .c40.float-right, .c50.float-right, .c60.float-right, .c66.float-right, .c70.float-right,.c75.float-right, .c80.float-right,.c90.float-right {
	
}
.columns > .c10, .columns > .c20, .columns > .c25, .columns > .c30, .columns > .c33, .columns > .c40, .columns > .c50, .columns > .c60, .columns > .c66, .columns > .c70, .columns > .c75, .columns > .c80, .columns > .c90, .columns > .c100, .columns.tight > .c10, .columns.tight > .c20, .columns.tight > .c25, .columns.tight > .c30, .columns.tight > .c33, .columns.tight > .c40, .columns.tight > .c50, .columns.tight > .c60, .columns.tight > .c66, .columns.tight > .c70, .columns.tight > .c75, .columns.tight > .c80, .columns.tight > .c90, .columns.tight > .c100 { 
	padding: 5px; 
}

.cm10, .cm20, .cm30, .cm33, .cm40, .cm50, .cm60, .cm66, .cm70, .cm80, .cm90,.cm100 { 
	float: left; 
	min-height: 1px; 
}
.cm10 { width: 10%; }
.cm20 { width: 20%; }
.cm25 { width: 25%; }
.cm30 { width: 30%; }
.cm33 { width: 33.33%; }
.cm40 { width: 40%; }
.cm50 { width: 50%; }
.cm60 { width: 60%; }
.cm66 { width: 66.66%; }
.cm70 { width: 70%; }
.cm75 { width: 75%; }
.cm80 { width: 80%; }
.cm90 { width: 90%; }
.cm100 { width: 100%; }

.lc { 
	padding-right: 15px; 
}
.rc { 
	padding-left: 15px; 
}
.cm100.lc,
.cm100.rc,
.lcm,
.rcm {  
	padding-left: 0;
	padding-right: 0;
}


/* xinha */
.inset-left { 
	float: none; 
	height: auto;
	margin: 1em 0;
	width: 100%;
}
.inset-right { 
	float: none; 
	height: auto;
	margin: 1em 0; 
	width: 100%;
}



.navi-arrow { 
	height: 30px; 
	top: calc(50% - 15px); 
	width: 30px; 
}
.navi-arrow:hover { 
}
.navi-arrow.left { 
}
.navi-arrow.right { 
}






.root { 
	padding-right: .5em; padding-left: .5em;
}
	.root > div, .page-width { 
		width: 100%;
	}







/* ----------------------------- PAGE STRUCTURE ----------------------------- */

header { 
	background: #FFFFFF;
	height: auto;
}
	header > div {
		padding: 1em;
	}
		header .logo { 
			display: none;
			position: static; 
		}
		header .logo.fixed-alt {
			display: block;
		}
			header .logo img {  
				height: 2.5em; max-height: none;
			}
	
	header .mobile-menu-toggle {
		cursor: pointer;
		display: block;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
		position: absolute; right: 1em; top: 1.3em; 
		width: 22px; height: 20px;
	}
		.mobile-menu-toggle span {
			background: #000000;
			border-radius: 2px;
			display: block;
			position: absolute; left: 0;
			-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
			width: 100%; height: 3px;
		}
		header.root.inset .mobile-menu-toggle span {
			/*background: #FFFFFF;*/
		}
		.mobile-menu-toggle span:nth-child(1) {
			top: 0px;
		}
		.mobile-menu-toggle span:nth-child(2), 
		.mobile-menu-toggle span:nth-child(3) {
			top: 7px;
		}
		.mobile-menu-toggle span:nth-child(4) {
			top: 14px;
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(1) {
			top: 7px; left: 50%;
			width: 0%;
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(2) {
			-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(3) {
			-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(4) {
			top: 7px; left: 50%;
			width: 0%;
		}



/* responsive navigation */
.main-navigation { 
	background: #FFFFFF; 
	color: #000000;
	-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	font-size: 1.2em;
	height: 100%; 
	margin-left: -75%; 
	padding: 20px; 
	position: fixed; top: 0; left: 0; right: auto; 
	transition: all .3s ease;
	width: 70%; 
	z-index: 1003; 
}
body.mobile-menu .main-navigation { 
	margin-left: 0; 
	overflow-x: hidden; 
	overflow-y: auto; 
	text-align: left; 
}
	.main-navigation .logo { 
		display: block; 
		
	}
		.main-navigation .logo img { 
			height: 5em; max-height: none;
		}
	.main-navigation ul { 
		padding-bottom: 20px; 
		text-align: left; 
	}
		.main-navigation ul li { 
			display: block;
			float: none;
			padding: 0;
		}
			.main-navigation ul a, 
			.main-navigation ul a:visited { 
				border: 0 !important;
				font-size: .9em;
				height: auto; 
				line-height: normal; 
				padding: .3em 1em .3em 0; 
			}
			.main-navigation ul li.active a { 
				
			}
			.main-navigation li:first-child a {  }
			.main-navigation li:last-child a { 
				border: 0; 
				padding-right: 0; 
			}
			.main-navigation ul a:hover, 
			.main-navigation ul ul a:hover { 
			}
			.main-navigation ul :hover > a, 
			.main-navigation ul ul :hover > a { 
			}
			.main-navigation ul a:hover { 
				
			}
				.main-navigation ul a img {
					display: none;
				}
				.main-navigation ul a .mobile-linktitle {
					display: block;
				}
			.main-navigation ul ul.menu { 
				border-top: 0;
				height: auto;
				left: auto;
				padding: .3em 0 10px 10px;
				position: static;
				top: auto;
				visibility: visible;
				width: auto;
			}
				.main-navigation ul ul.menu li { 
					background: transparent; 
					font-size: 1em;
					padding: 0; 
				}
					.main-navigation ul ul.menu a, 
					.main-navigation ul ul a:visited { 
						background: none; 
						font-size: .8em;
						padding: .5em 0; 
					}
					.main-navigation ul ul.menu a.active2 { 
						background-color: transparent; 
					}
					.main-navigation ul ul.menu li:first-child a { 
						
					}
					.main-navigation ul ul.menu li:last-child a { 
						
					}
					/* style the second level hover */
					.main-navigation ul ul.menu a:hover { 
						
					}
					.main-navigation ul ul.menu :hover > a { 
						
					}

		/* make the second level visible when hover on first level list OR link */
		.main-navigation ul li:hover ul, 
		.main-navigation ul a:hover ul {  }


		#search-form { 
			margin: 2em 0 0;
			width: 100%;
		}
		#search-form.open {
			
		}
			#search-form input[type="text"],
			#search-form.open input[type="text"] {
				background: #f0f0f0;
				opacity: 1;
				width: 100%;
			}
			#search-form input[type="image"] {
				margin: 0;
				padding: .3em;
				position: absolute; top: 0; right: .2em;
			}




.banner,
.root .banner { 
	height: 70vw;
	margin-bottom: .25em;
}
	.banner .cycle-slideshow {
	}
		.banner .item {
		}
			.banner .item .link {
			}
			
			.banner .item .text {
			}
				.banner .item .text p {
				}

#google-map {
	min-height: 40vw;
}


/* content grid */
.content-group {
	margin: 0 -.25em;
}
.content-group.short {
	
}
/*.content-group.contains-text  {
	height: auto; max-height: none;
}*/
.content-group,
.content-group.short {
	height: auto; max-height: none;
}
	.content-container {
		padding: .25em;
		
	}
	/*.contains-text .content-container {
		position: relative; top: auto !important; left: auto !important;
		width: 100%; height: 100% !important;
	}*/
	.content-container {
		position: relative; top: auto !important; left: auto !important;
		width: 100%; /*height: 100% !important;*/ height: auto;
	}
		.content-block {
			
		}
		.content-block.googlemap {
			height: 60vw;
		}
		/*.contains-text .content-block {
			min-height: 40vw;
		}*/
			.content-block a {
				
			}
			.content-block .link {
				
			}
			.content-block .overlay {
				padding: .8em;
				/*position: relative; top: auto; left: auto; bottom: auto;*/
			}
			.content-block.show-overlay .overlay {
				
			}
			.content-block.full-height-overlay .overlay {
				
			}
			.content-block:hover .overlay {
				
			}
				.content-block .overlay .overlay-content {
					/*display: none;*/
				}
			.content-block .image {
				position: relative; top: auto; left: auto;
			}
				.content-block .image img {
					display: block;
				}
			.content-block .image.no-overlay {
				/*height: 70vw;*/
				position: relative; top: auto; left: auto;
			}
			.content-block .logo {
				position: absolute; top: .8em; right: .8em; bottom: .8em; left: .8em;
			}
			.content-block .media-content {
				padding: .8em .8em 2em;
			}
				.content-block .media-content .feed {
					
				}
					.content-block .media-content .feed a {
						margin: 0 0 .5em;
					}
				.content-block .block-link {
					position: absolute; bottom: .5em; right: .8em;
				}
				.share-links,
				.social-media-links {
					position: absolute; bottom: .5em; right: .8em;
				}
					.share-links p,
					.social-media-links p {
						margin: 0 0 .3em;
					}
					



	/*.contains-text .s1 { width: 100%; height: 100vw; }
	.contains-text .short .s1 { height: 100vw; }
	.contains-text .s2 { width: 100%; height: 200vw; }
	.contains-text .s3 { width: 100%; height: 66vw; }
	.contains-text .short .s3 { height: 66vw; }
	.contains-text .s4 { width: 100%; height: 100vw; }
	.contains-text .s5 { width: 100%; height: 50vw; }
	.contains-text .short .s5 { height: 50vw; }
	.contains-text .s6 { width: 100%; height: 66vw; }*/
	/*.contains-text .s1 { width: 100%; height: auto; min-height: 100vw; }
	.contains-text .short .s1 { height: auto; min-height: 100vw; }
	.contains-text .s2 { width: 100%; height: auto; min-height: 200vw; }
	.contains-text .s3 { width: 100%; height: auto; min-height: 66vw; }
	.contains-text .short .s3 { height: auto; min-height: 66vw; }
	.contains-text .s4 { width: 100%; height: auto; min-height: 100vw; }
	.contains-text .s5 { width: 100%; height: auto; min-height: 50vw; }
	.contains-text .short .s5 { height: auto; min-height: 50vw; }
	.contains-text .s6 { width: 100%; height: auto; min-height: 66vw; }*/
	.contains-text .s1 { width: 100%; height: auto; }
	.contains-text .short .s1 { height: auto; }
	.contains-text .s2 { width: 100%; height: auto; }
	.contains-text .s3 { width: 100%; height: auto; }
	.contains-text .short .s3 { height: auto; }
	.contains-text .s4 { width: 100%; height: auto; }
	.contains-text .s5 { width: 100%; height: auto; }
	.contains-text .short .s5 { height: auto; }
	.contains-text .s6 { width: 100%; height: auto; }





footer {
	margin-top: .25em;
}
	footer > div { 
		font-size: .8em;
		padding: 1.5em 0;
	}
		footer a { 
			color: inherit;
		}
		footer a:hover {
			color: inherit;
			text-decoration: underline; 
		}
		
		footer .logo {
			
		}
		
		footer .contact { 
			text-align: center;
		}
		
		.social { 
			margin: 1em 0 2em;
			position: static;
			text-align: center;
		}
			.social-link { 
				
			}
			.social-link:hover {  
				
			}
		
		/* logos slideshow */
		.logos { 
			height: auto;
			margin: 1em 0 2em;
			position: relative;
			text-align: center;
		}
				.logos img {
					display: inline-block;
					margin: 0 0 .8em;
					max-width: 100%; max-height: 4.5em;
				}
		
		footer .footer-links {
			text-align: center;
		}
			footer .important-links {
				
			}
				footer .important-links li {
					
				}
					footer .important-links li:not(:first-of-type):before {
						
					}
					footer .important-links li a {
						
					}
			footer .info { 
				
			}
	
}




/* medium size screens */
@media only screen and (min-width: 480px) and (max-width: 1280px) {

body { 
	font-size: 1.4vw;
}

.cr10 { width: 10%; }
.cr20 { width: 20%; }
.cr25 { width: 25%; }
.cr30 { width: 30%; }
.cr33 { width: 33.33%; }
.cr40 { width: 40%; }
.cr50 { width: 50%; }
.cr60 { width: 60%; }
.cr66 { width: 66.66%; }
.cr70 { width: 70%; }
.cr75 { width: 75%; }
.cr80 { width: 80%; }
.cr90 { width: 90%; }
.cr100 { width: 100%; }

.lcr {
	padding-left: 20px;
}
.rcr {
	padding-right: 20px;
}




.root {  
	
}






}

@media only screen and (min-width: 480px) and (max-width: 900px) {
	
	.banner,
	.root .banner { 
		height: 70vw; max-height: 100vh;
	}
	
}