/* 
 * House Of Illustration
 * 
 * @author		Igino Fucci
 * @copyright	Copyright (c) 2014 (Keepthinking Ltd.)
 * @link		http://keepthinking.it
 * 
 -------------------------------------------------------  */

.proceed-to-checkout-button{
	background-position-x: 103% !important;
	text-indent: -30px !important;
}
 
.add-to-basket-button{
	text-indent: 0 !important;
}

 @font-face {
    font-family: "lubalingraphstd";
    src: url("../font/lubalingraphstd-book-webfont.eot");
    src: url("../font/lubalingraphstd-book-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/lubalingraphstd-book-webfont.woff") format("woff"),
         url("../font/lubalingraphstd-book-webfont.ttf") format("truetype"),
         url("../font/lubalingraphstd-book-webfont.svg#lubalingraphstd") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "lubalingraphstd";
    src: url("../font/lubalingraphstd-bookoblique-webfont.eot");
    src: url("../font/lubalingraphstd-bookoblique-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/lubalingraphstd-bookoblique-webfont.woff") format("woff"),
         url("../font/lubalingraphstd-bookoblique-webfont.ttf") format("truetype"),
         url("../font/lubalingraphstd-bookoblique-webfont.svg#lubalingraphstd") format("svg");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "lubalingraphstd";
    src: url("../font/lubalingraphstd-demi-webfont.eot");
    src: url("../font/lubalingraphstd-demi-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/lubalingraphstd-demi-webfont.woff") format("woff"),
         url("../font/lubalingraphstd-demi-webfont.ttf") format("truetype"),
         url("../font/lubalingraphstd-demi-webfont.svg#lubalingraphstd") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "lubalingraphstd";
    src: url("../font/lubalingraphstd-demioblique-webfont.eot");
    src: url("../font/lubalingraphstd-demioblique-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/lubalingraphstd-demioblique-webfont.woff") format("woff"),
         url("../font/lubalingraphstd-demioblique-webfont.ttf") format("truetype"),
         url("../font/lubalingraphstd-demioblique-webfont.svg#lubalingraphstd") format("svg");
    font-weight: bold;
    font-style: italic;
}
html {
	height: 100%;
}
body {
	background: #fff url("../images/body-bg.gif");
	position: relative;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}
body:after {
	background-color: #000;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: -2;
}
body.dull-on:after {
	visibility: visible;
	opacity: 0.2;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
	h1, h2, h3, h4, h5, h6 {
		font-family: "lubalingraphstd", Courier New, Courier New, monospace;
		line-height: 120%;
	}
	p {
		line-height: 130%;
	}
	a {
		color: #444;
		text-decoration: none;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
	}
	a:focus, 
	a:hover {
		text-decoration: underline;
		outline: none;
	}
	img {
		
	}
	ul, ol {
		
	}
		li {
			
		}
	p {
		
	}
	form {
		
	}
		fieldset {
			
		}
			legend {
				display: block;
				font-family: "lubalingraphstd", Courier New, Courier New, monospace;
				color: #444;
				line-height: 120%;
				padding-bottom: 10px;
			}
			label, 
			input, 
			select, 
			textarea, 
			button {
				background: transparent url("../images/blank.gif");
				font-family: Arial, Helvetica, sans-serif;
				color: #fff;
				font-weight: normal;
				font-style: normal;
			}
			label {
				display: block;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}
			.form fieldset > label {
				background-color: #F7F8F8;
				position: relative;
				padding-left: 125px;
				padding-right: 10px;
				border-width: 1px;
				border-style: solid;
				border-color: #F7F8F8 #F7F8F8 #AAA #F7F8F8;
				margin-bottom: 10px;
			}
			.form label:last-child {
				margin-bottom: 0;
			}
			.form fieldset > label.failure {
				border-color: #CA2229;
			}
			.form .feedback.success, 
			.table .feedback.success {
				min-width: 220px;
				height: 50px;
				line-height: 50px;
				margin-top: 10px;
				text-align: center;
				float: right;
			}
			.form .feedback.failure, 
			.table .feedback.failure {
				color: #CA2229;
			}
			.form .form-feedback, 
			.table .form-feedback {
				display: none;
				font-size: 13px;
				border-width: 1px;
				border-style: solid;
				padding: 10px;
				margin-bottom: 10px;
			}
			.form .form-feedback.failure, 
			.table .form-feedback.failure {
				color: #CA2229;
				border-color: #CA2229;
			}
			.form .form-feedback.success, 
			.table .form-feedback.success {
				color: #009900;
				border-color: #009900;
			}
			.form .focus {
				background-color: #fff;
				border-color: #CCC #CCC #AAA #CCC;
			}
				.form fieldset > label mark {
					position: absolute;
					top: 5px;
					right: 10px;
					font-size: 13px;
					color: #CA2229;
				}
				.form fieldset > label span {
					position: absolute;
					height: 30px;
					left: 10px;
					top: 0;
					color: #9D9E9E;
					line-height: 30px;
				}
				input[type='text'], 
				input[type='email'], 
				input[type='search'], 
				input[type='password'], 
				select, 
				textarea {
					width: 100%;
					color: #444;
				}
				input[type='text'], 
				input[type='email'], 
				input[type='search'], 
				input[type='password'], 
				.select label {
					height: 30px;
					line-height: 30px;
				}
				textarea {
					resize: none;
				}
				select {
					background: transparent;
					padding: 5px 10px;
				}
				input[type="checkbox"], 
				input[type="radio"] {
					
				}
				[readonly], 
				[readonly]:focus, 
				[readonly]:hover {
					
				}
				input[type="search"] {
					
				}
			form .select {
				background-color: #fff;
				overflow: hidden;
				position: relative;
				margin-bottom: 10px;
			}
				form .select label {
					background-color: #fff;
					position: relative;
					border-width: 1px 0 1px 1px;
					border-style: solid;
					border-color: #fff #fff #666 #fff;
				}
				form .select label:after {
					background-color: rgba(0,0,0,0.2);
					background-image: url(../images/icon-small.png);
					background-position:  0 -540px;
					background-repeat: no-repeat;
					content: "";
					position: absolute;
					width: 30px;
					height: 30px;
					top: 0;
					right: 0;
					border-left: 1px solid #fff;
					z-index: 1;
				}
					form .select select {
						position: relative;
						color: #fff;
						width: 120%;
						z-index: 10;
					}
					form .select option:checked {
						color: #fff;
					}
					form .select option {
						color: #444;
					}
					/* IE 9-10 hack */
					@media screen and (min-width:0\0) {
						.select select:focus {
							width: 100% !important;
						}
					}
			.form fieldset p {
				display: block;
				font-size: 13px;
				font-weight: normal;
				color: #A1A1A1;
				padding: 10px 0 0 10px;
			}
			.form fieldset p + .radio-check {
				margin-top: 10px;
				margin-left: 9px;
			}
			form .radio-check {
				position: relative;
				padding-left: 35px;
				margin-top: 20px;
			}
				form .radio-check label {
					color: #444;
				}
					.radio-check label * {
						color: #A1A1A1;
					}
					form .radio-check label span {
						background-image: url("../images/icon-small.png");
						background-position: 0 -270px;
						background-repeat: no-repeat;
						position: absolute;
						content: "";
						left: 0;
						top: -8px;
						width: 30px;
						height: 30px;
						z-index: 1;
					}
					form .radio-check label input {
						position: absolute;
						left: 0;
						top: 5px;
						width: 22px;
						height: 22px;
						z-index: 10;
						opacity: 0;
					}
					form .radio-check label input:checked + span {
						background-position: 0 -300px;
					}
					form .radio-check label small {
						display: block;
						font-size: 13px;
					}
					form .radio-check label span ~ img {
						margin: -10px 0 0 -5px;
					}
			input[type="submit"] {
				
			}
			.inline-submit {
				position: relative;
				padding-right: 31px;
			}
				.inline-submit input[type="submit"] {
					background-image: url("../images/icon-small.png");
					background-repeat: no-repeat;
					position: absolute;
					top: 0;
					right: 0;
					font-size: 0;
					line-height: 0;
					text-indent: -90000px;
					-webkit-transition: background-color 0.2s ease-in-out;
					-moz-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
				}
				.inline-submit input[type="submit"]:hover, 
				.inline-submit input[type="submit"]:focus {
					
				}
			.submit {
				background-color: #9B9D9F;
				margin-top: 10px;
				width: 220px;
				float: right;
			}
			.radio-check + .submit {
				float: right;
			}
				.submit input[type="submit"], 
				.submit a {
					background-image: url("../images/icon-med.png");
					background-position: 80% -185px;
					background-repeat: no-repeat;
					background-color: transparent;
					display: block;
					overflow: hidden;
					position: relative;
					width: 100%;
					min-width: 220px;
					height: 50px;
					font-family: "lubalingraphstd", Courier New, Courier New, monospace;
					color: #fff;
					font-weight: bold;
					line-height: 50px;
					text-indent: -20px;
					text-align: center;
					white-space: nowrap;
					padding: 0;
					z-index: 10;
					-webkit-transition: background-color 0.2s ease-in-out;
					-moz-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
				}
				.submit input[type="submit"] {
					padding: 0 15px;
				}
				.radio-check + .submit input[type="submit"] {
					width: auto;
				}
				.submit input[type="submit"]:hover, 
				.submit input[type="submit"]:focus, 
				.submit a:hover, 
				.submit a:focus {
					background-color: rgba(0,0,0,0.2);
					color: #fff;
					text-decoration: none;
				}
				.submit.disabled input[type="submit"]:hover, 
				.submit.disabled input[type="submit"]:focus, 
				.submit.disabled a:hover, 
				.submit.disabled a:focus {
					background-color: rgba(0,0,0,0);
				}
	button {
		background-color: #F7F8F8;
		padding: 0;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	button:focus, 
	button:hover {
		
	}
	::-webkit-input-placeholder {
		font-style: italic;
		color: #000;
	}
	#page-footer ::-webkit-input-placeholder {
		color: #fff;
	}
	:-moz-placeholder {
		font-style: italic;
		color: #000;
	}
	#page-footer :-moz-placeholder {
		color: #fff;
	}
	::-moz-placeholder {
		font-style: italic;
		color: #000;
	}
	#page-footer ::-moz-placeholder {
		color: #fff;
	}
	:-ms-input-placeholder {
		font-style: italic;
		color: #000;
	}
	#page-footer :-ms-input-placeholder {
		color: #fff;
	}
	.disabled, 
	:disabled, 
	#main .disabled, 
	#main :disabled {
		opacity: 0.5;
	}
	[hidden], 
	.city_field {
		position: absolute;
		left: -2000px;
		top: -2000px;
		font-size: 0;
		line-height: 0;
		text-indent: -90000px;
	}
	.invisible, 
	#main .invisible {
		display: none;
	}
	.visible {
		display: block !important;
	}
	.js-hidden {
		display: none;
	}
	.clear:after {
		content: "";
		display: block;
		clear: both;
		float: none;
	}
	iframe {
		max-width: 100%;
		max-height: 100%;
		border: 0;
	}
	.print {
		display: none;
	}


/* -----------------------------------------------------  */

.wrapper {
	margin: 0 auto;
}
[class^="col-"] {
	float: left;
}
	[class^="col-"] [class^="col-"] {
		padding: 0;
	}
	[class^="col-"] ~ * {
		overflow: hidden;
	}
	.col-12 {
		float: none;
		clear: both;
	}
[data-src] {
	opacity: 0;
}
[class^="col-"].heading .gutter {
	background-color: white;
}
.hlink {
	text-decoration: underline;
}
.button {
	background: rgba(255,255,255,0.5);
	display: inline-block;
	height: 30px;
	font-family: "lubalingraphstd", Courier New, Courier New, monospace;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	padding: 0 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.button:hover, 
.button:focus {
	background: #fff;
	color: #fff;
	text-decoration: none;
}
.pseudo-button {
	background-color: transparent;
	color: #9B9D9F;
	line-height: 18px;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: #9B9D9F;
	padding: 0 5px;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a.pseudo-button {
	height: 18px;
}
input.pseudo-button, 
button.pseudo-button {
	height: 20px;
	cursor: pointer;
}
.pseudo-button[class^="icon-"] {
	background-image: url("../images/icon-small.png");
	background-repeat: no-repeat;
	padding-right: 28px;
}
.pseudo-button.icon-1 {
	background-position: right -875px;
}
.pseudo-button.icon-1:hover, 
.pseudo-button.icon-1:focus {
	opacity: 0.8;
}
.pseudo-button:hover, 
.pseudo-button:focus, 
input.pseudo-button {
	background-color: #9B9D9F;
	color: #fff;
	text-decoration: none;
}
.pseudo-text {
	background-color: transparent;
	color: #9B9D9F;
	line-height: 18px;
	white-space: nowrap;
	padding: 0 5px;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.notch {
	position: relative;
	margin-top: 12px;
}
.notch:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	left: 0;
	top: -12px;
	background: linear-gradient(90deg, #9B9D9F 11px, transparent 7px) -3px 0, linear-gradient(90deg, #9B9D9F 5px, transparent 5px) 0 5px;
	background-color: transparent;
	background-size: 15px 7px;
	background-repeat: repeat-x;
}
.heading .row {
	background-color: #fff;
	display: inline-block;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9B9D9F;
}
	.heading h1, 
	.heading h2 {
		word-break: break-word;
	}
	.heading h1 {
		color: #444;
	}
	.heading h2 {
		font-family: Arial, Helvetica, sans-serif;
		line-height: 130%;
	}
	#main #content .heading h1 ~ h2 {
		margin-top: 10px;
	}
	.heading hgroup {
		overflow: hidden;
	}
		.heading hgroup h1, 
		.heading hgroup h2 {
			margin: 0;
		}
.placeholder {
	background-color: #9B9D9F;
	display: block;
	min-height: 100px;
	font-size: 0;
	line-height: 0;
	text-indent: -90000px;
}
.social {
	
}
	.atclear {
		display: none !important;
	}
	.social [class^="icon-"] {
		background-image: url("../images/social.png");
		background-repeat: no-repeat;
		display: inline-block;
		width: 25px;
		height: 25px;
		font-size: 0;
		line-height: 0;
		vertical-align: middle;
		text-indent: -90000px;
	}
	.social .icon-1 {
		background-position: 0 0;
	}
	.social .icon-2 {
		background-position: 0 -25px;
	}
	.social .icon-3 {
		background-position: 0 -50px;
	}
	.social .icon-4 {
		background-position: 0 -75px;
	}
.group-icon {
	
}
	.group-icon [class^="icon-"] {
		position: relative;
		display: inline-block;
		min-height: 22px;
	}
	.group-icon [class^="icon-"]:before {
		background-color: #9B9D9F;
		background-image: url("../images/icon-small.png");
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		width: 30px;
		height: 30px;
	}
#calendar {
	position: relative;
	z-index: 510;
}
	#calendar table {
		border-collapse: separate;
	}
		#calendar thead {
			background-color: #9B9D9F;
		}
			#calendar thead tr {
				
			}
			#calendar th, 
			#calendar th * {
				font-family: "lubalingraphstd", Courier New, Courier New, monospace;
				font-size: 14px;
				color: #fff;
				height: 25px;
				line-height: 25px;
				text-align: center;
			}
				#calendar th {
					vertical-align: top;
					margin-bottom: 6px;
				}
				#calendar .monthNav, 
				#calendar .week {
					background-image: url("../images/icon-small.png");
					background-repeat: no-repeat;
					display: block;
					width: 25px;
					height: 25px;
					font-size: 0;
					line-height: 0;
					text-indent: -90000px;
					-webkit-transition: background-color 0.2s ease-in-out;
					-moz-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
				}
				#calendar .monthNav:hover, 
				#calendar .monthNav:focus {
					background-color: rgba(0,0,0,0.2);
					color: #fff;
					text-decoration: none;
				}
				#calendar .hPrev {
					float: left;
				}
					#calendar .hPrev a {
						background-position: -2px -602px;
					}
				#calendar .hNext {
					float: right;
				}
					#calendar .hNext a {
						background-position: -2px -572px;
					}
		#calendar tbody {
			
		}
			#calendar tbody tr {
				
			}
			#calendar td {
				text-transform: uppercase;
			}
			#calendar .on {
				background-color: #9B9D9F;
			}
				#calendar td, 
				#calendar td * {
					font-size: 12px;
					color: #9B9D9F;
					line-height: 25px;
					text-align: center;
					vertical-align: middle;
				}
				#calendar td * {
					background-color: transparent;
					position: relative;
					display: block;
					width: 25px;
					height: 25px;
					-webkit-transition: background-color 0.2s ease-in-out;
					-moz-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
				}
				#calendar .on, 
				#calendar .on * {
					color: #fff;
				}
				#calendar .today *:after {
					background-color: #9B9D9F;
					content: "";
					position: absolute;
					width: 5px;
					height: 5px;
					top: 1px;
					right: 1px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
				}
				#calendar .today *:hover:after, 
				#calendar .today *:focus:after, 
				#calendar .today.on *:after {
					background-color: #fff;
				}
				#calendar td span {
					opacity: 0.5;
				}
				#calendar td a {
					
				}
				#calendar .week {
					background-color: #9B9D9F;
					background-position: -2px -632px;
				}
				#calendar .week:hover, 
				#calendar .week:focus {
					background-position: -2px -662px;
				}
				#calendar td a:hover, 
				#calendar td a:focus {
					background-color: #9B9D9F;
					color: #fff;
					text-decoration: none;
				}
.pagination {
	
}
	.pagination ul {
		overflow: hidden;
	}
		.pagination li {
			background-color: #9B9D9F;
		}
			.pagination a {
				display: block;
				width: 60px;
				height: 60px;
				font-size: 0;
				line-height: 0;
				text-indent: -90000px;
			}
			.pagination [class^="icon-"] a {
				background-color: transparent;
				background-image: url("../images/icon-med.png");
				background-repeat: no-repeat;
				-webkit-transition: background-color 0.2s ease-in-out;
				-moz-transition: background-color 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out;
			}
			.pagination [class^="icon-"] a[href]:hover, 
			.pagination [class^="icon-"] a[href]:focus {
				background-color: rgba(0,0,0,0.2);
			}
			.pagination .icon-1 a {
				background-position: center 0;
			}
			.pagination .icon-2 a {
				background-position: center -60px;
			}
			.pagination .icon-3 a {
				background-position: center -120px;
			}
.back {
	
}
.progress {
	
}
	.progress ul {
		
	}
		.progress li {
			
		}
			.progress strong {
				
			}
.overlay {
	background-color: #fff;
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 500;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5), 4px 0 4px -4px rgba(0,0,0,0.5), -4px 0 4px -4px rgba(0,0,0,0.5);
	box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5), 4px 0 4px -4px rgba(0,0,0,0.5), -4px 0 4px -4px rgba(0,0,0,0.5);
}
.overlay.field {
	background-color: rgba(255,255,255,0.95);
	width: 300px;
	height: 30px;
	padding: 15px 20px;
}
	.overlay.field label {
		padding-left: 90px;
	}
	.overlay [type="submit"] {
		display: none;
	}
.overlay.select, 
.overlay.calendar {
	
}
.overlay.select:before, 
.overlay.calendar:before {
	content: "";
	position: absolute;
	top: -10px;
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #fff;
}
	.overlay.select ul {
		
	}
		.overlay.select li {
			
		}
.overlay.calendar {
	
}
.overlay.calendar:after {
	background-color: #9B9D9F;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 500;
}
.drop-down {
	background-color: #999;
	position: relative;
	height: 25px;
	color: #fff;
	line-height: 25px;
	white-space: nowrap;
	padding: 0 26px 0 10px;
	z-index: 1;
}
	.drop-down > div {
		position: relative;
	}
	.drop-down button {
		background-color: transparent;
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 25px;
		font-size: 0;
		line-height: 0;
		text-indent: -90000px;
		border-left: 1px solid #fff;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	.drop-down button:hover, 
	.drop-down button:focus {
		background-color: rgba(0,0,0,0.2);
		color: #fff;
		text-decoration: none;
	}
#hero {
	background-color: rgba(68,68,68,0.9);
	position: absolute;
	min-width: 320px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
	#hero table {
		height: 100%;
	}
		#hero tr {
			height: auto;
		}
		#hero tr:first-child {
			height: 100%;
		}
			#hero td {
				position: relative;
				vertical-align: middle;
			}
				#hero .img {
					background: url("../images/loading.gif") center center no-repeat;
					position: relative;
					height: 100%;
				}
					#hero .img img {
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						max-width: 100%;
						max-height: 100%;
						margin: auto;
					}
				#hero figcaption {
					text-align: left;
				}
			#hero .body {
				display: table-cell;
				padding: 10px;
			}
				#hero * {
					overflow: hidden;
					color: #fff
				}
				#hero button {
					margin: 0 0 10px 10px;
					float: right;
				}
				#hero h3 {
					font-family: Arial, Helvetica, sans-serif;
				}
				#hero p {
					margin-top: 20px;
				}
				#hero small {
					
				}
				#hero ul {
					margin-top: 10px;
				}
					#hero li {
						margin-bottom: 5px;
					}
						#hero li a {
						    font-size: 13px;
						    color: #A1A1A1;
							text-decoration: underline;
						}
				#hero [class^="icon-"] {
					background-color: transparent;
					background-image: url("../images/icon-small.png");
					background-repeat: no-repeat;
					width: 30px;
					height: 30px;
					font-size: 0;
					line-height: 0
					text-indent: -90000px;
					cursor: pointer;
				}
				#hero .icon-1, 
				#hero .icon-2 {
					position: absolute;
					top: 0;
					bottom: 0;
					margin: auto 0;
					opacity: 0;
					-webkit-transition: opacity 0.2s ease-in-out;
					-moz-transition: opacity 0.2s ease-in-out;
					transition: opacity 0.2s ease-in-out;
				}
				#hero .img:hover [class^="icon-"], 
				#hero .img:focus [class^="icon-"] {
					opacity: 1;
				}
				#hero .icon-1 {
					background-position: 0 -420px;
					left: 0;
				}
				#hero .icon-2 {
					background-position: 0 -240px;
					right: 0;
				}
				#hero .icon-3 {
					background-position: 0 -450px;
				}
.masonry {
	
}
	.masonry .cell {
		opacity: 0;
		z-index: 0;
	}
		.masonry .cell img {
			width: 100%;
			height: auto;
		}
.open-close {
	
}
	.open-close .trigger + div {
		display: none;
	}
#modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1000;
}
#ticket-timer {
	display: none;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 2px;
}
	#ticket-timer * {
		display: inline-block;
		vertical-align: top;
	}
	#ticket-timer strong {
		min-width: 80px;
		font-family: "lubalingraphstd", Courier New, Courier New, monospace;
		font-size: 30px;
		color: #33A5B2;
		font-weight: normal;
		line-height: normal;
	}
	#ticket-timer p {
		overflow: hidden;
		font-size: 15px;
		color: #CA2128;
		line-height: 130%;
		padding: 0;
	}
	#ticket-timer strong ~ p {
		color: #33A5B2;
	}


/* -----------------------------------------------------  */

#page-header {
	top: 0;
	left: 0;
	width: 100%;
	font-family: "lubalingraphstd", Courier New, Courier New, monospace;
	z-index: 100;
	-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3), 4px 0 4px -4px rgba(0,0,0,0.3), -4px 0 4px -4px rgba(0,0,0,0.3);
	box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3), 4px 0 4px -4px rgba(0,0,0,0.3), -4px 0 4px -4px rgba(0,0,0,0.3);
}
#main {
	position: relative;
	padding-top: 50px;
}
#page-header.on {
	
}
#page-header.on ~ #main {
	
}
	#page-header nav {
		
	}
		#page-header nav > ul {
			
		}
			#page-header nav > ul > li {
				
			}
				#page-header nav a {
					position: relative;
					z-index: 10;
				}
				#page-header nav a:hover, 
				#page-header nav a:focus, 
				#page-header nav .on {
					color: #9B9D9F;
				}
				#page-header nav > ul > li > a {
					font-weight: bold;
				}
				#page-header.on nav > ul > li > a {
					
				}
				#page-header nav .secondary-nav {
					display: none;
					overflow: hidden;
					width: 100%;
				}
					#page-header nav .secondary-nav > ul {
						overflow: hidden;
					}
					#page-header nav ul ul ul {
						display: none;
					}
					#page-header nav .on ~ .secondary-nav {
						display: block;
					}
						#page-header nav ul ul li {
							
						}
							#page-header nav ul ul li a {
								
							}
			#page-header nav [class^="icon-"] {
				
			}
				#page-header nav [class^="icon-"] a {
					
				}
				#page-header nav .icon-1 a {
					background-position: 50% 0;
				}
				#page-header nav .icon-2 a {
					background-position: 50% -50px;
				}
				#page-header nav [class^="icon-"] > div {
					position: relative;
				}
#main {
	overflow: hidden;
}
	#logo {
		position: relative;
		z-index: 0;
	}
		#logo a {
			background-image: url("../images/logo-text.png");
			background-position: left bottom;
			background-repeat: no-repeat;
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		#logo > div {
			overflow: hidden;
			border-width: 0 2px 2px 2px;
			border-style: solid;
			border-color: #9B9D9F;
		}
			#logo .graphics {
				position: relative;
			}
				#logo .graphics > span {
					float: left;
					border-top-style: solid;
					border-top-color: #9B9D9F;
				}
					#logo span span {
						background: #9B9D9F;
						display: block;
					}
			#logo strong {
				background-color: #9B9D9F;
				display: block;
				font-size: 0;
				line-height: 0;
				text-indent: -90000px;
				clear: both;
			}
	#content {
		
	}
		#content-header {
			position: relative;
			margin-bottom: 10px;
			/* object-fit: contain; */
			background-size: cover;
			background-position: center;
		}
		.elastic #content-header, 
		.fixed #content-header {
			position: relative;
			overflow: hidden;
		}
		.fixed #content-header {
			margin-bottom: 2px;
		}
			.elastic #content-header header, 
			.fixed #content-header header {
				overflow: hidden;
			}
			#content-header .pseudo-title {
				background-color: #9B9D9F;
				overflow: hidden;
			}
			#content-header [class^="col-"] [class^="col-"] {
				
			}
				#content-header hgroup {
					
				}
					#content-header .heading hgroup h1, 
					#content-header .heading hgroup h2 {
						margin: 0;
					}
					#content-header .heading .gutter .gutter hgroup h1, 
					#content-header .heading .gutter .gutter hgroup h2 {
						margin: 0;
					}
					#content-header h1, 
					#content-header h1 a {
						color: #fff;
					}
					#content-header .row h1 {
						color: #444;
					}
			#content-header .filter {
				overflow: visible;
			}
				#content-header .filter > div {
					
				}
					#content-header .filter strong {
						display: block;
						font-family: "lubalingraphstd", Courier New, Courier New, monospace;
						font-size: 13px;
						padding-left: 1px;
						padding-bottom: 10px;
					}
					#content-header .filter ul {
						
					}
						#content-header .filter li {
							background-color: #999;
						}
							#content-header .filter li a {
								background-color: transparent;
								overflow: hidden;
								display: block;
								height: 25px;
								font-size: 13px;
								color: #fff;
								line-height: 25px;
								text-decoration: none;
								padding: 0 10px;
								-webkit-transition: background-color 0.2s ease-in-out;
								-moz-transition: background-color 0.2s ease-in-out;
								transition: background-color 0.2s ease-in-out;
							}
						#content-header .filter strong + ul li {
							margin: 0 1px 1px 0;
							float: left;
						}
							#content-header .filter strong + ul li a {
								white-space: nowrap;
							}
							#content-header .filter li a:hover, 
							#content-header .filter li a:hover, 
							#content-header .filter li .on {
								background-color: rgba(0,0,0,0.2);
								color: #fff;
								text-decoration: none;
							}
					#content-header .drop-down {
						
					}
						#content-header .drop-down [class^="icon-"] {
							background-image: url("../images/icon-small.png");
							background-repeat: no-repeat;
						}
						#content-header .drop-down .icon-1 {
							background-position: -3px -512px;
						}
						#content-header .drop-down .icon-2 {
							background-position: -3px -542px;
						}
				#content-header .filter form {
					padding-right: 20px;
				}
					#content-header .filter label {
						
					}
					#content-header .filter .submit {
						margin: 0;
						float: right;
					}
			#content-header .toolbar {
				
			}
			#content-header .back {
				
			}
			#content-header .pagination {
				
			}
		#content .module.basic {
			float: left;
		}
			#content .module.basic header {
				background-color: #fff;
				padding: 10px;
				margin-bottom: 2px;
			}
				#content .module.basic header h2 {
					font-size: 18px;
				}
			#content .module.basic .img {
				position: relative;
				margin-bottom: 2px;
			}
			#content .module.basic .img:hover {
				
			}
				#content .module.basic .img a {
					display: block;
				}
					#content .module.basic .img img {
						display: block;
						width: 100%;
						height: auto;
					}
					#content .module.basic .caption {
						
					}
			#content .module.basic .body {
				background: #fff;
				overflow: hidden;
				padding: 10px;
			}
				#content .module.basic .body small, 
				#content .module.basic .body .pseudo-button {
					color: #9B9D9F;
					font-weight: bold;
					margin-bottom: 5px;
				}
				#content .module.basic .body p, 
				#content .module.basic .body > time {
					display: block;
					font-size: 13px;
					margin-top: 10px;
				}
				#content .module.basic .body small {
					overflow: hidden;
				}
				#content .module.basic .body .pseudo-button {
					
				}
				#content .module.basic .body h3 {
					font-size: 18px;
					clear: both;
				}
					#content .module.basic .body h3 strong {
						font-weight: normal;
						float: right;
					}
				#content .module.basic .body a {
					
				}
				#content .module.basic .img:hover ~ .body a {
					text-decoration: underline;
				}
				#content .module.basic .body .ext-hlink:after {
					background-color: #9B9D9F;
					background-image: url("../images/icon-small.png");
					background-position: -5px -850px;
					background-repeat: no-repeat;
					content: "";
					display: inline-block;
					width: 20px;
					height: 10px;
					margin-left: 10px;
					opacity: 0;
					-webkit-transition: opacity 0.2s ease-in-out;
					-moz-transition: opacity 0.2s ease-in-out;
					transition: opacity 0.2s ease-in-out;
				}
				#content .module.basic .body .ext-hlink:hover:after, 
				#content .module.basic .img:hover ~ .body .ext-hlink:after {
					opacity: 1;
				}
				#content .module.basic .body time {
					
				}
				#content .module.basic .body p {
					
				}
				#content .module.basic .body form {
					
				}
					#content .module.basic .body fieldset {
						padding-top: 20px;
					}
						#content .module.basic .body label {
							
						}
							#content .module.basic .body input[type="checkbox"] {
								
							}
						#content .module.basic .body p {
							
						}
						#content .module.basic .body input[type="submit"] {
							
						}
				#content .module.basic .group-icon [class^="icon-"] {
					padding-left: 23px;
				}
				#content .module.basic .group-icon [class^="icon-"]:before {
					left: -8px;
					top: -8px;
				}
				#content .module.basic .group-icon .icon-1:before {
					background-position: 0 -120px;
				}
		#content .module.widget {
			position: relative;
		}
			#content .module.widget .body {
				text-align: center;
			}
			#content .module.widget.quote .body, 
			#content .module.widget.newsletter .body {
				background-color: #F6AF25;
			}
			#content .module.widget.membership .body {
				background-color: #B28ABF;
			}
			#content .module.widget.facebook .body {
				background-color: #3B579D;
			}
				#content .module.widget .body > * {
					color: #fff;
					margin-bottom: 10px;
					word-wrap: break-word;
				}
				#content .module.widget h3 {
					font-weight: bold;
					line-height: 140%;
					text-align: center;
				}
				#content .module.widget small, 
				#content .module.widget time {
					display: block;
					text-align: left;
				}
				#content .module.widget small {
					
				}
				#content .module.widget p {
					line-height: 120%;
					text-align: left;
				}
				#content .module.widget time {
					
				}
				#content .module.widget a {
					color: #fff;
				}
				#content .module.widget .button {
					margin-top: 10px;
				}
				#content .module.widget form {
					
				}
					#content .module.widget fieldset {
						
					}
						#content .module.widget legend {
							
						}
						#content .module.widget p {
							
						}
						#content .module.widget label {
							background-color: #fff;
							padding: 0 10px;
						}
							#content .module.widget input[type="email"] {
								color: #444;
							}
							#content .module.widget input[type="submit"] {
								background-color: #444;
							    background-position: 0 0;
							    height: 30px;
							    width: 30px;
							}
							#content .module.widget input[type="submit"]:hover, 
							#content .module.widget input[type="submit"]:focus {
								background-color: #fff;
							    background-position: 0 -30px;
							}
		#content .module.social {
			
		}
			#content .module.social h3 {
				position: relative;
			}
			#content .module.social.location h3 {
				background-color: #8EAE8C;
			}
			#content .module.social.facebook h3 {
				background-color: #3B579D;
			}
			#content .module.social.twitter h3 {
				background-color: #00ACED;
			}
			#content .module.social.pinterest h3 {
				background-color: #CB2028;
			}
				#content .module.social a {
					background-color: transparent;
					display: block;
					position: relative;
					color: #fff;
					font-weight: bold;
					text-align: center;
					padding: 10px;
					z-index: 10;
					-webkit-transition: background-color 0.2s ease-in-out;
					-moz-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
				}
				#content .module.social a:hover, 
				#content .module.social a:focus {
					background-color: rgba(0,0,0,0.2);
					color: #fff;
					text-decoration: none;
				}
				#content .module.social [class^="icon-"] {
					margin-left: 10px;
				}
		#content-module .links {
			
		}
			#content-module .links h3 {
				
			}
			#content-module .links a {
				
			}
		#subsidiary {
			
		}
			#subsidiary nav {
				
			}
			#subsidiary .info {
				background-color: #fff;
				overflow: hidden;
				border-top-width: 2px;
				border-top-style: solid;
				border-top-color: #9B9D9F;
			}
				#subsidiary .info {
					margin-bottom: 2px;
				}
				#subsidiary .giftaid {
					
				}
					#subsidiary h3 {
						margin-bottom: 20px;
					}
					#subsidiary ul {
						
					}
						#subsidiary li {
							line-height: 140%;
							margin-bottom: 10px;
						}
						#subsidiary li [class^="icon-"] {
							padding-left: 23px;
						}
						#subsidiary li [class^="icon-"]:before {
							left: -8px;
							top: -4px;
						}
						#subsidiary li .icon-1:before {
							background-position: 0 -90px;
						}
						#subsidiary li .icon-2:before {
							background-position: 0 -120px;
						}
						#subsidiary li .icon-3:before {
							background-position: 0 -690px;
						}
						#subsidiary li .icon-4:before {
							background-position: 0 -720px;
						}
					#subsidiary p {
						
					}
					#subsidiary a {
						
					}
					#subsidiary input[type="checkbox"] {
						
					}
		#content-body {
			
		}
		#content-body .heading hgroup h1, 
		#content-body .heading hgroup h2 {
			margin: 0;
		}
		#content-body[class^="col-"] {
			margin-bottom: 20px;
			min-height: 300px;
		}
			#content-body > div {
				
			}
			#content-body .heading .row {
				margin-bottom: 2px;
			}
			#content-body .intro {
				
			}
				#content-body .intro section, 
				#content-body .intro article {
					background-color: #fff;
					border-top-style: solid;
					border-top-color: #9B9D9F;
				}
				#content-body [class^="col-"] [class^="col-"] {
				    
				}
					#content-body .intro .row {
						padding: 10px;
						font-size: 16px;
					}
						#content-body .intro .row * {
							overflow: hidden;
						}
						#content-body .intro [class^="icon-"] {
							padding-left: 23px;
						}
						#content-body .intro [class^="icon-"]:before {
							left: -7px;
							top: -4px;
						}
						#content-body .intro .icon-1:before {
							background-position: 0 -90px;
						}
						#content-body .intro .icon-2:before {
							background-position: 0 -120px;
						}
						#content-body .intro h2, 
						#content-body .intro h3,
						#content-body .intro p, 
						#content-body .intro time {
							margin-bottom: 10px;
						}
						#content-body .intro h2 {
							display: inline-block;
							overflow: hidden;
						}
						#content-body .intro .hlink {
							color: #A1A1A1;
							float: right;
						}
						#content-body .intro p {
							margin-bottom: 10px;
						}
						#content-body .intro h3 {
							font-family: Arial, Helvetica, sans-serif;
						}
						#content-body .intro time {
							display: inline-block;
						}
						#content-body .intro ul {
							overflow: hidden;
							margin: 0;
						}
							#content-body .intro li {
								
							}
			#content-body .rich-text {
				background-color: #fff;
			}
			#content-body .table {
				background-color: #fff;
				overflow: hidden;
				padding: 20px;
			}
			#content-body div ~ .table {
				border-top-width: 2px;
				border-top-style: solid;
				border-top-color: #9B9D9F;
				margin-top: 20px;
			}
				#content-body .table h3 {
					font-size: 18px;
					margin-bottom: 10px;
				}
				#content-body .table p, 
				#content-body .table .info *, 
				#content-body .table .giftaid * {
					font-size: 13px;
					line-height: 120%;
				}
				#content-body .table p, 
				#content-body .table .info * {
					/*color: #A1A1A1;*/
				}
				#content-body .table p {
					padding: 10px 0;
				}
				#content-body .table .info {
					margin-bottom: 10px;
				}
					#content-body .table .info > * {
						padding: 10px 0;
					}
					#content-body .table .info ul, 
					#content-body .table .giftaid ul {
						list-style: disc;
						padding-left: 10px;
						padding-right: 10px;
						margin: 0 10px;
					}
						#content-body .table .info li, 
						#content-body .table .giftaid li {
							padding: 2px 0;
						}
				#content-body .table .giftaid {
					background: #F7F9F9;
					padding: 10px;
				}
					#content-body .table .giftaid * {
						color: #444;
					}
					#content-body .table .giftaid img {
						margin-bottom: 10px;
					}
				#content-body .table form {
					
				}
					#content-body .table form > .select {
						max-width: 260px;
						margin-bottom: 20px;
					}
					#content-body .table table {
						width: 100%;
						line-height: 120%;
						margin-bottom: 10px;
					}
						#content-body .table table th, 
						#content-body .table table td {
							vertical-align: middle;
						}
						#content-body .table table th:first-child, 
						#content-body .table table td:first-child {
							width: auto;
						}
						#content-body .table table th:last-child, 
						#content-body .table table td:last-child {
							text-align: right;
						}
						#content-body .table table .select {
							
						}
							#content-body .table table .select select {
								width: 150%;
							}
						#content-body .table table a.async {
							height: 30px;
							font-size: 13px;
							color: #A1A1A1;
							line-height: 30px;
							margin-left: 20px;
							float: right;
						}
						#content-body .table table thead {
							
						}
							#content-body .table table thead tr {
								
							}
								#content-body .table table th {
									width: 20%;
									font-family: "lubalingraphstd", Courier New, Courier New, monospace;
									font-size: 13px;
									line-height: 120%;
									font-weight: bold;
									text-align: left;
									padding: 5px 0;
								}
						#content-body .table table tbody {
							border-bottom: 2px solid #F7F9F9;
						}
							#content-body .table table tbody tr {
								
							}
								#content-body .table table tbody td {
									min-height: 30px;
									line-height: 130%;
									padding: 5px 0;
								}
								#content-body .table table tbody td:first-child {
									
								}
									#content-body .table table td small {
										display: block;
										font-size: 13px;
										color: #A1A1A1;
									}
									#content-body .table table td .exp_item {
										position: relative;
										padding-left: 20px;
									}
									#content-body .table table td .exp_item:before {
										content: "";
										background-color: #9B9D9F;
										background-image: url("../images/icon-small.png");
										background-position: -8px -938px;
										background-repeat: no-repeat;
										position: absolute;
										top: 2px;
										left: 0;
										width: 14px;
										height: 14px;
									}
						#content-body .table table tfoot {
							border-bottom: 2px solid #F7F9F9;
						}
							#content-body .table table tfoot tr {
								
							}
								#content-body .table table tfoot td {
									font-size: 16px;
									padding: 10px 0;
								}
								#content-body .table table tfoot td:last-child {
									font-weight: bold;
								}
						#content-body .table hr {
							width: 100%;
							height: 0;
							border: 0;
							border-top: 2px solid #F7F9F9;
							padding-bottom: 10px;
							margin-top: 10px 0;
						}
						#content-body .table .submit {
							max-width: 100%;
							margin-right: 19px;
							float: left;
						}
						#content-body .table .submit ~ .submit {
							margin-right: 0;
						}
						#content-body .table table + .submit, 
						#content-body .table p + .submit {
							
						}
							#content-body .table .submit input.async, 
							#content-body .table .submit a {
								min-width: 280px;
							}
							#content-body .table .submit input.async {
								background-position: 80% -305px;
								text-indent: -30px;
							}
							#content-body .table .submit input.checkout_btn,
							#content-body .table .submit a.checkout_btn {
								min-width: unset;
								background-position-x: right;
							}
							#content-body .table .submit a {
								background-position: 90% -185px;
								text-indent: -40px;
							}
						#content-body .table .notice {
							overflow: hidden;
							padding: 20px 0;
						}
							#content-body .table .notice p {
								font-size: 15px;
								color: #CA2128;
								line-height: 130%;
								padding-right: 0;
							}
			#content-body .form {
			    background-color: #fff;
			}
			#content-body .open-close {
				background-color: #fff;
			}
				#content-body .open-close ul {
					
				}
					#content-body .open-close li {
						border-bottom: 2px solid #F7F9F9;
						padding: 10px 0;
					}
					#content-body .open-close li:last-child {
						border-bottom: 0;
					}
					#content-body .open-close li > a {
						display: block;
						line-height: 130%;
						padding: 10px 0;
					}
						#content-body .open-close li > a strong {
							font-weight: normal;
						}
					#content-body .open-close [class^="icon-"] {
						padding-right: 40px;
					}
					#content-body .open-close [class^="icon-"]:before {
						right: -3px;
						top: 50%;
						margin-top: -15px;
					}
					#content-body .open-close .icon-1:before {
						background-position: 0 -210px;
					}
					#content-body .open-close .on.icon-1:before {
						background-position: 0 -330px;
					}
					#content-body .open-close .rich-text {
						padding: 0;
						margin-bottom: 10px;
					}
			#content-body .list {
				background-color: #fff;
			}
				#content-body .list > p {
					font-family: "lubalingraphstd", Courier New, Courier New, monospace;
					font-size: 18px;
				}
				#content-body .list ul {
					overflow: hidden;
				}
					#content-body .list .module {
						float: none;
					}
					#content-body .list li {
						overflow: hidden;
						border-bottom: 2px solid #F7F9F9;
					}
					#content-body .list li:last-child {
						padding-bottom: 0;
						border-bottom: 0;
					}
						#content-body .list .img {
							margin-right: 10px;
							float: left;
						}
							#content-body .list .img a {
								
							}
							#content-body .list .img img {
								display: block;
							}
						#content-body .list .body {
							overflow: hidden;
						}
							#content-body .list .body small, 
							#content-body .list .body h3 {
								font-family: "lubalingraphstd", Courier New, Courier New, monospace;
							}
							#content-body .list .body small {
								display: block;
								font-weight: bold;
								margin-bottom: 10px;
							}
							#content-body .list .body h3 {
								font-size: 18px;
								margin-bottom: 10px;
							}
							#content-body .list .body a {
								
							}
							#content-body .list .body p {
								font-size: 15px;
							}
			#content-footer {
				background-color: #fff;
				margin-top: 2px;
			}
				#content-footer h4 {
					margin-bottom: 10px;
				}
				#content-footer [class^="icon-"] {
					padding-left: 30px;
				}
				#content-footer [class^="icon-"]:before {
					left: -3px;
					top: -2px;
				}
				#content-footer .icon-1:before {
					background-position: 0 -150px;
				}
				#content-footer .download {
					
				}
					#content-footer .download ul {
						margin-left: -5px;
					}
						#content-footer .download li {
							
						}
							#content-footer .download a {
								display: inline-block;
								padding-top: 5px;
								padding-bottom: 5px;
							}
							#content-footer .download small {
								font-style: italic;
								color: #A1A1A1;
							}
		#content-complementary {
			
		}
			#content-complementary [class^="col-"] {
				width: 100%;
			}
				#content-complementary [class^="col-"] .gutter {
					padding: 0;
				}
			#content-complementary > div > * {
				margin-bottom: 20px;
			}
			#content-complementary .toolbar.social {
				display: table;
				width: 100%;
				height: 50px;
				table-layout: fixed;
				border-collapse: separate;
				border-spacing: 1px;
			}
				#content-complementary .toolbar.social ul {
					display: table-row;
					overflow: hidden;
				}
					#content-complementary .toolbar.social li {
						background-color: #9B9D9F;
						display: table-cell;
					}
						#content-complementary .toolbar.social li > div {
							background-color: transparent;
							position: relative;
							overflow: hidden;
							height: 50px;
							line-height: 50px;
							text-align: center;
							z-index: 1;
							-webkit-transition: background-color 0.2s ease-in-out;
							-moz-transition: background-color 0.2s ease-in-out;
							transition: background-color 0.2s ease-in-out;
						}
						#content-complementary .toolbar.social li > div:hover {
							background-color: rgba(0,0,0,0.2);
						}
							#content-complementary .toolbar.social [class^="icon-"] {
								position: absolute;
								left: 0;
								top: 0;
								right: 0;
								bottom: 0;
								margin: auto;
								z-index: 10;
							}
							#content-complementary .toolbar.social a {
								position: relative;
								display: block;
								width: 100%;
								height: 100%;
								font-size: 0;
								line-height: 0;
								text-indent: -90000px;
								z-index: 20;
							}
								#content-complementary .toolbar.social a * {
									background: transparent !important;
									position: absolute !important;
									width: 100% !important;
									height: 100% !important;
									padding: 0 !important;
									margin: 0 !important;
								}
			#content-complementary .plugin {
				background-color: #9B9D9F;
				padding: 20px;
				margin-top: 20px;
			}
				#content-complementary .plugin h4 {
					margin-bottom: 20px;
				}
				#content-complementary .plugin p, 
				#content-complementary .plugin a {
					font-size: 13px;
					color: #fff;
				}
				#content-complementary .plugin p {
					margin-top: 10px;
				}
			#content-complementary #tfl-widget {
				background-color: #22509D;
			}
				#tfl-widget h4 {
					background: url("../images/tfl-widget.png") center center no-repeat;
					width: 191px;
					height: 30px;
					font-size: 0;
					line-height: 0;
					text-indent: -90000px;
				}
				#tfl-widget fieldset > label {
					padding-left: 50px;
				}
				#tfl-widget .submit {
					background-color: #fff;
				}
					#tfl-widget .submit input[type="submit"] {
						background-image: none;
						color: #22509D;
						text-indent: 0;
					}
		#content-module {
			
		}
			#content-module [class^="col-"] {
				
			}
			#content-module section {
				
			}
	#page-complementary {
		clear: both;
		float: none;
	}
		#page-complementary .back {
			
		}
		#page-complementary .grid {
			float: right;
		}
			#page-complementary .grid .row {
				overflow: hidden;
			}
			#page-complementary .grid h4 {
				
			}
			#page-complementary .grid ul {
				overflow: hidden;
				margin-bottom: 10px;
			}
				#page-complementary .grid li {
					position: relative;
					float: left;
				}
				#page-complementary .grid li:before {
					
				}
					#page-complementary .grid .img, 
					#page-complementary .grid .body {
						padding: 0 40px;
					}
					#page-complementary .grid .img {
						
					}
						#page-complementary .grid .img a {
							
						}
						#page-complementary .grid .img img {
							width: 100%;
							height: auto;
							display: block;
						}
					#page-complementary .grid .body {
						
					}
						#page-complementary .grid .body a {
							
						}
						#page-complementary .grid .img:hover ~ .body a {
							text-decoration: underline;
						}
						#page-complementary .grid .body .ext-hlink:after {
							background-color: #9B9D9F;
							background-image: url("../images/icon-small.png");
							background-position: -5px -850px;
							background-repeat: no-repeat;
							content: "";
							display: inline-block;
							width: 20px;
							height: 10px;
							margin-left: 10px;
							opacity: 0;
							-webkit-transition: opacity 0.2s ease-in-out;
							-moz-transition: opacity 0.2s ease-in-out;
							transition: opacity 0.2s ease-in-out;
						}
						#page-complementary .grid .body .ext-hlink:hover:after, 
						#page-complementary .grid .img:hover ~ .body .ext-hlink:after {
							opacity: 1;
						}
						#page-complementary .grid .body small {
							font-size: 13px;
							font-weight: bold;
						}
						#page-complementary .grid .body h5 {
							font-size: 15px;
						}
						#page-complementary .grid .body time {
							display: block;
							font-size: 13px;
							margin-top: 10px;
						}
						#page-complementary .grid .body [class^="icon-"] {
							padding-left: 23px;
						}
						#page-complementary .grid .body [class^="icon-"]:before {
							left: -8px;
							top: -8px;
						}
						#page-complementary .grid .body .icon-1:before {
							background-position: 0 -120px;
						}
#page-footer {
	background-color: #9B9D9F;
	overflow: hidden;
	clear: both;
	float: none;
}
	#page-footer > * {
		padding-top: 15px;
	}
	#page-footer [class^="col-"] {
		overflow: hidden;
	}
	#page-footer > * > [class^="col-"] {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	#page-footer .col-12 {
		border-top: 1px solid #9EA0A1;
		margin-bottom: 0;
	}
	#page-footer > div > [class^="col-"]:first-child {
		border: 0;
	}
		#page-footer [class^="col-"] [class^="col-"] {
			
		}
			#page-footer h6, 
			#page-footer strong, 
			#page-footer p, 
			#page-footer li a, 
			#page-footer p a {
				color: #fff;
				line-height: 120%;
			}
			#page-footer h6, 
			#page-footer strong {
				display: block;
				font-family: "lubalingraphstd", Courier New, Courier New, monospace;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 10px;
			}
			#page-footer h6 {
				text-transform: uppercase;
			}
			#page-footer strong {
				
			}
			#page-footer p {
				
			}
			#page-footer ul {
				
			}
				#page-footer li {
					margin-bottom: 10px;
				}
					#page-footer li a {
						
					}
			#page-footer .button {
				margin-bottom: 10px;
			}
			#page-footer .button:hover, 
			#page-footer .button:focus {
				color: #9B9D9F;
			}
			#page-footer p {
				
			}
				#page-footer small, 
				#page-footer small * {
					font-size: 11px;
				}
			#page-footer form {
				margin-bottom: 25px;
			}
				#page-footer fieldset {
					
				}
					#page-footer legend {
						
					}
					#page-footer .submit {
						
					}
					#page-footer label {
						background-color: transparent;
						border: 1px solid #fff;
						padding: 0 10px;
					}
						#page-footer input[type="email"] {
							height: 28px;
							color: #fff;
						}
						#page-footer input[type="submit"] {
							background-color: #fff;
							background-position: 0 -30px;
							width: 30px;
							height: 30px;
						}
						#page-footer input[type="submit"]:hover, 
						#page-footer input[type="submit"]:focus {
							background-color: #444;
							background-position: 0 0;
						}
		#page-footer .social {
			
		}
			#page-footer .social li {
				margin-right: 10px;
				float: left;
			}
				#page-footer .social a {
					opacity: 1;
					-webkit-transition: opacity 0.2s ease-in-out;
					-moz-transition: opacity 0.2s ease-in-out;
					transition: opacity 0.2s ease-in-out;
				}
				#page-footer .social a:hover, 
				#page-footer .social a:focus {
					opacity: 0.5;
				}
#banner {
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: -1;
	/* background-color: white; */
}
#banner:after {
	background-color: #000;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
}
.banner-image {
	width: 100%;
    height: 231px;
    margin: 0 auto;
    margin-top: 90px;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	position: relative;
}
.banner-image.fixed-body {
	height: 347px;
}
.banner-image__blog {
	margin-top: 50px;
}
.banner-image__caption {
	text-align: right;
    background-color: rgba(0, 0 , 0 , 0.2);
    position: absolute;
    bottom: 0;
	width: calc(100% - 10px);
    padding: 5px;
	font-size: 0.95em;
    color: white;
}
body.dull-on .home-banner#banner:after {
	visibility: visible;
	opacity: 0.2;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.fixed #banner {
	
}
.elastic #banner {
	
}


/* -----------------------------------------------------  */

.rich-text {
	overflow: hidden;
	padding-bottom: 2px;
}
	.rich-text * {
		background: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		color: #444;
		line-height: 130%;
		word-wrap: break-word;
		margin: 0;
		padding: 0;
	}
	.rich-text a {
		text-decoration: underline;
	}
	.rich-text a.modal-load {
		text-decoration: none;
	}
	.rich-text a:focus, 
	.rich-text a:hover {
		
	}
	.rich-text h1, 
	.rich-text h2, 
	.rich-text h3, 
	.rich-text h4, 
	.rich-text h5, 
	.rich-text h6 {
		font-weight: normal;
		padding: 0 0 10px 0;
	}
	.rich-text h1, 
	.rich-text h2, 
	.rich-text h3 {
		font-family: "lubalingraphstd", Courier New, Courier New, monospace;
	}
	.rich-text h4, 
	.rich-text h5, 
	.rich-text h6 {
		font-family: Arial, Helvetica, sans-serif;
	}
	.rich-text > *:first-child {
		padding-top: 0;
	}
	.rich-text > *:last-child {
		padding-bottom: 0;
	}
	.rich-text > img, 
	.rich-text > p, 
	.rich-text > ul, 
	.rich-text > ol, 
	.rich-text > figure, 
	.rich-text > table, 
	.rich-text > dl, 
	.rich-text > pre, 
	.rich-text > blockquote, 
	.rich-text > code, 
	.rich-text > div {
		padding-bottom: 20px;
	}
		.rich-text > p > * {
			padding-bottom: 0;
		}
	.rich-text p {
		
	}
	.rich-text i, 
	.rich-text em {
		font-style: italic;
	}
	.rich-text b, 
	.rich-text strong {
		font-weight: bold;
	}
	.rich-text small {
		font-size: 0.7em;
	}
	.rich-text h1 {
		font-size: 1.5em;
	}
	.rich-text h2 {
		font-size: 1.25em;
	}
	.rich-text h3 {
		font-size: 1em;
	}
	.rich-text h4 {
		font-size: 1.5em;
	}
	.rich-text h5 {
		font-size: 1.25em;
	}
	.rich-text h6 {
		font-size: 1em;
	}
	.rich-text img {
		max-width: 100%;
		max-height: 100%;
	}
	.rich-text sup {
		position: relative;
		vertical-align: top;
		top: -5px;
	}
	.rich-text blockquote {
		background: #FAFAFA;
		position: relative;
		overflow: hidden;
		font-family: "lubalingraphstd", Courier New, Courier New, monospace;
		font-size: 1.25em;
		line-height: 130%;
		font-style: italic;
		padding: 20px 60px;
		margin: 0 0 20px 0;
	}
	.rich-text ul, 
	.rich-text ol {
		padding: 0 0 15px 35px;
	}
		.rich-text ul li, 
		.rich-text ol li {
			padding: 0 0 5px 5px;
		}
	.rich-text ul {
		
	}
		.rich-text ul li {
			list-style: disc outside;
		}
	.rich-text ol {
		
	}
		.rich-text ol li {
			list-style: decimal outside;
		}
	.rich-text li:last-child {
		margin-bottom: 0;
	}
	.rich-text hr {
		width: 100%;
		height: 0;
		border: 0;
		border-top: 1px solid #F6F4F2;
		padding-bottom: 20px;
	}
	.rich-text table {
		width: 100%;
	    border-collapse: collapse;
	    border-spacing: 0;
		border: 0;
		margin: 0 0 20px 0;
	}
		.rich-text table th, 
		.rich-text table td {
			padding: 5px 10px;
		}
		.rich-text thead {
			
		}
			.rich-text thead th {
				border: 0;
				font-weight: bold;
			}
		.rich-text tbody {
			
		}
			.rich-text tbody td {
				border: 0;
			}
	.rich-text dl {
		width: 100%;
	}
		.rich-text dt, 
		.rich-text dd {
			font-size: 0.9em;
		}
		.rich-text dt {
			font-weight: bold;
		}
		.rich-text dd {
			margin-bottom: 10px;
		}
	.rich-text pre {
		background: #FAFAFA;
		overflow: auto;
		overflow-y: hidden;
		font-size: 0.9em;
		padding: 10px;
		border: 0;
		margin: 0 0 20px 0;
	}
	.rich-text pre:first-child, 
	.rich-text pre:last-child {
		padding: 20px;
		margin-bottom: 0;
	}
	.rich-text code {
		display: inline-block;
		font-family: "Courier New", monospace, sans-serif;
		font-size: 0.9em;
		padding: 0;
		margin: 0 0 20px 0;
	}
	.rich-text .centre {
		text-align: center;
	}
	.rich-text .rich-text-img {
		text-align: center;
	}
		.rich-text .rich-text-img ul {
			overflow: hidden;
			list-style: none;
			padding: 0;
			margin: 0;
		}
			.rich-text .rich-text-img li {
				list-style: none;
				padding: 0;
				margin: 0 2px 2px 0;
				float: left;
			}
	.rich-text .submit {
		float: left;
	}
		.rich-text .submit input {
			font-size: 16px;
		}


/* -----------------------------------------------------  */

/* 
	From Smartphones portrait to landscape 
	BODY 
*/
@media screen and (max-width: 480px) {
	body {
		font-size: 14px;
	}
	#content-body .intro .gutter.hide-for-corona{
		display: none;
	}
	[class^="col-"] .gutter {
		padding: 0 5px;
	}
	
	input[type='text'], 
	input[type='email'], 
	input[type='search'], 
	input[type='password'], 
	select, 
	textarea {
		font-size: 12px;
	}
	textarea {
		margin: 9px 0;
	}
	form .radio-check {
		font-size: 12px;
		padding-bottom: 10px;
	}
	.form fieldset > label span {
		font-size: 12px;
	}
	::-webkit-input-placeholder {
		font-size: 12px;
	}
	:-moz-placeholder {
		font-size: 12px;
	}
	::-moz-placeholder {
		font-size: 12px;
	}
	:-ms-input-placeholder {
		font-size: 12px;
	}
	.button {
		font-size: 12px;
		min-width: 95px;
	}
	.heading h1 {
		font-size: 20px;
	}
	.heading h2 {
		font-size: 14px;
	}
	.heading h1, 
	.heading h2 {
		margin: 5px;
	}
	.heading hgroup {
		padding: 5px;
	}
	.drop-down {
		font-size: 12px;
	}
	.pagination {
		
	}
		.pagination ul {
			display: table-row;
		}
			.pagination li {
				display: table-cell;
			}
				.pagination li a {
					width: 100%;
				}
	.more {
		display: none;
	}
	.overlay.select, 
	.overlay.calendar {
		width: 280px;
		margin: 10px -26px 0 0;	
	}
	.overlay.select:before, 
	.overlay.calendar:before {
		right: 2px;
	}
	.overlay.calendar:after {
		height: 39px;
	}
		#content-header .filter li a {
			font-size: 12px;
		}
	#hero * {
		font-size: 14px;
	}
	#hero small {
		font-size: 11px;
	}
	#calendar table {
		margin: 0 5px 5px 5px;
		border-spacing: 8px;
	}
	#main {
		min-height: 500px;
		padding-top: 0;
		padding-bottom: 60px;
	}
		.elastic #content-header, 
		.fixed #content-header {
			height: auto;
		}
				#content-header [class^="col-"] [class^="col-"] {
					float: none;
				}
				#content-header h1 {
				    font-size: 16px;
				}
				#content-header .row h1 {
					font-size: 20px;
				}
				#content-header .heading [class^="col-"] {
					width: auto;
					float: none;
				}
				#content-header .heading h1, 
				#content-header .heading h2 {
					margin: 5px 10px;
				}
				#content-header .heading .gutter .gutter h1, 
				#content-header .heading .gutter .gutter h2 {
					margin: 10px 5px;
				}
				#content-header .heading hgroup {
					padding: 5px 10px;
				}
				#content-header .heading .gutter .gutter hgroup {
					padding: 5px;
				}
				#content-header .pagination {
					padding: 0 5px;
				}
				#content-header .pagination > * {
					display: table;
					width: 100%;
					table-layout: fixed;
					padding: 2px 0 0 0;
					border-collapse: separate;
					border-spacing: 2px;
				}
				#content-header .filter > * {
					margin: 5px;
				}
					#content-header .filter [class^="col-"] {
						margin-bottom: 10px;
					}
			#logo {
				width: 68px;
				height: 98px;
			}
				#logo a {
					background-position: -114px bottom;
				}
				#logo > div {
					width: 64px;
					height: 96px;
				}
					#logo .graphics {
						width: 72px;
						margin-left: -4px;
					}
					#logo strong {
						width: 64px;
						height: 89px;
					}
						#logo .graphics > span {
						    width: 7px;
						    border-top-width: 4px;
						    margin: 0 1px;
						}
							#logo span span {
								width: 3px;
								height: 3px;
								margin: 0 2px;
							}
		#subsidiary {
			float: none;
		}
			#subsidiary nav {
				display: none;
			}
			#subsidiary .info {
				padding: 10px;
			}
				#subsidiary h3 {
					font-size: 16px;
				}
		#content-body {
			
		}
			#content-body .heading h1, 
			#content-body .heading h2 {
				margin: 5px 10px;
			}
			#content-body .heading hgroup {
				padding: 5px 10px;
			}
			#content-body .intro {
				padding-top: 5px;
				padding-bottom: 5px;
			}
				#content-body .intro [class^="col-"] {
					width: 100%;
					margin-bottom: 10px;
					float: none;
				}
				#content-body .intro .row {
					padding-bottom: 0;
				}
					#content-body .intro li {
						border-bottom: 2px solid #F6F7F8;
					}
					#content-body .intro li:last-child {
						border-bottom: 0;
					}
						#content-body .intro h2 {
							font-size: 16px;
							font-weight: normal;
						}
						#content-body .intro h3, 
						#content-body .intro p {
							font-size: 14px;
						}
						#content-body .intro .hlink, 
						#content-body .intro time {
							font-size: 11px;
						}
			#content-body .rich-text {
				padding: 10px;
			}
			#content-body .open-close {
				padding: 0 10px 5px 10px;
			}
				#content-body .open-close li {
					padding-top: 0;
					padding-bottom: 0;
				}
					#content-body .open-close li > a {
						font-size: 14px;
					}
			#content-body .list {
				padding: 10px;
			}
				#content-body .list li {
					padding: 10px 0;
				}
					#content-body .list li [class^="col-"] {
						width: 70px;
					}
			#content-body .form {
				padding: 10px;
			}
			#content-body .table .submit.js-hidden, 
			#content-body .table .submit.invisible {
				margin-left: 0;
			}
			#content-footer {
				padding: 10px;
			}
				#content-footer h4 {
					font-size: 16px;
				}
				#content-footer .download a {
					font-size: 14px;
				}
				#content-footer .download small {
					font-size: 11px;
				}
		#content-module {
			
		}
			#content-module [class^="col-"] {
				padding-top: 5px;
				padding-bottom: 5px;
			}
				#content .module.basic .body small, 
				#content .module.basic .body .pseudo-button {
					font-size: 11px;
				}
				#content .module.basic .body small {
					display: block;
				}
				#content .module.basic .body h3 {
					font-size: 14px;
				}
				#content .module.basic .body .pseudo-button {
					display: inline-block;
					float: none;
				}
				#content .module.basic .body fieldset .pseudo-button {
					margin-right: 10px;
					float: left;
				}
				#content .module.basic .body .invisible {
					display: none;
				}
				#content .module.basic .body fieldset a.pseudo-button {
					margin-right: 0;
				}
					#content .module.basic .caption {
						display: none;
					}
				#content .module.widget .body {
					padding: 10px;
				}
				#content .module.widget h3 {
					font-size: 14px;
				}
				#content .module.widget p {
					font-size: 14px;
				}
				#content .module.widget small, 
				#content .module.widget time {
					font-size: 11px;
				}
		#content-complementary {
			float: none;
		}
		#page-complementary {
			
		}
			#page-complementary .grid {
				padding: 0;
			}
				#page-complementary .back {
					display: none;
				}
				#page-complementary .grid .gutter {
					padding: 0;
				}
				#page-complementary .grid .row {
					background: none;
				}
					#page-complementary [class^="col-"] {
						width: auto;
						float: none;
					}
					#page-complementary .grid h4 {
						background-color: #fff;
						font-size: 16px;
						padding: 10px;
						margin: 0 5px;
					}
					#page-complementary .grid li {
						width: 50%;
						margin: 5px 0;
					}
						#page-complementary .grid .img, 
						#page-complementary .grid .body {
							padding: 0;
							margin: 0 5px;
						}
						#page-complementary .grid .img {
							margin-bottom: 2px;
						}
						#page-complementary .grid .body {
							background-color: #fff;
							padding: 10px;
						}
	#banner {
		position: absolute;
		height: 100%;
	}
	.elastic #banner, 
	.fixed #banner {
		background-position: center top;
	}
	.elastic #banner {
		
	}
	.fixed #banner {
		
	}
	.rich-text {
		font-size: 0.95em;
	}
		.rich-text ul, 
		.rich-text ol {
			padding-left: 25px;
		}
		.rich-text blockquote {
			padding: 20px;
		}
	#page-footer {
		
	}
		#page-footer h6, 
		#page-footer strong, 
		#page-footer p, 
		#page-footer li a, 
		#page-footer p a {
			font-size: 12px;
		}
}
/* 
	From Smartphones portrait to Tablets portrait 
	NAV
*/
@media screen and (max-width: 768px) {
	.banner-image {
		margin-top: 0;
		height: 218px;
		width: 100%;
	}
	#page-header {
		display: none;
	}
		#page-header nav {
			padding-left: 0;
		}
			#page-header nav > ul {
				
			}
				#page-header nav > ul > li {
					border-bottom: 2px solid #4E4E4E;
				}
				#page-header nav > ul > li:last-child {
					border: 0;
					border-bottom: 50px solid #444;
				}
					#page-header nav a {
						background-color: #444;
						display: block;
						color: #fff;
					}
					#page-header nav .on, 
					#page-header nav .on ~ .secondary-nav a {
						background-color: transparent;
					}
					#page-header nav .on {
						position: static;
					}
					#page-header nav > ul > li > a, 
					#page-header.on nav > ul > li > a {
						font-size: 18px;
						line-height: 120%;
						text-align: left;
						padding: 15px;
						border-width: 0 0 0 2px;
						border-style: none none none solid;
					}
					#page-header nav .secondary-nav {
						background-color: #444;
						position: static;
						height: auto;
						left: auto;
						top: auto;
					}
					#page-header nav .wrapper {
						width: auto;
					}
						#page-header nav ul ul li {
							
						}
							#page-header nav ul ul li a {
								font-size: 15px;
								line-height: 120%;
								padding: 10px;
							}
							#page-header nav ul ul .on ~ ul {
								display: block;
							}
								#page-header nav ul ul ul li {
									padding: 0 20px;
								}
					#page-header nav [class^="icon-"] a {
						position: relative;
						-webkit-transition: color 0.2s ease-in-out;
						-moz-transition: color 0.2s ease-in-out;
						transition: color 0.2s ease-in-out;
					}
					#page-header nav [class^="icon-"] a, 
					#page-header nav [class^="icon-"] a:hover, 
					#page-header nav [class^="icon-"] a:focus {
						background-color: #444 !important;
					}
					#page-header nav [class^="icon-"] .on, 
					#page-header nav [class^="icon-"] .on:hover, 
					#page-header nav [class^="icon-"] .on:focus {
						background-color: transparent !important;
					}
					#page-header nav [class^="icon-"] > a:after {
						background-image: url("../images/mobile/nav.png");
						background-repeat: no-repeat;
						content: "";
						position: absolute;
						width: 50px;
						height: 50px;
						top: 0px;
						right: 0;
						z-index: 1;
					}
						#page-header nav [class^="icon-"] a > small {
							background-color: #9B9D9F;
							position: absolute;
							width: 16px;
							height: 16px;
							top: 10px;
							right: 5px;
							font-size: 11px;
							color: #fff;
							line-height: 16px;
							text-align: center;
							text-indent: 0;
							z-index: 2;
							-webkit-border-radius: 16px;
							border-radius: 16px;
						}
						#page-header nav [class^="icon-"] a > span {
							display: none !important;
						}
					#page-header nav .icon-2 > a:after {
						background-position: right -50px;
					}
					#page-header nav .icon-2 > .on:after {
						background-position: left -50px;
					}
					#page-header nav .icon-1 {
						border: 0;
					}
						#page-header nav .icon-1 > a {
							display: none;
						}
						#page-header nav .overlay {
							position: relative;
							width: auto;
							height: 50px;
							top: 0;
						    padding: 0;
						    visibility: visible;
						    opacity: 1;
							-webkit-box-shadow: none;
							box-shadow: none;
						}
							#page-header nav .overlay label {
								border: 0;
								padding-right: 60px;
								margin: 0;
							}
								#page-header nav .overlay label span, 
								#page-header nav .overlay [type="search"] {
									height: 50px;
									font-size: 14px;
									line-height: 50px;
								}
								#page-header nav .overlay label span {
									left: 20px;
								}
							#page-header nav .overlay [type="submit"] {
								background: #9D9E9E url("../images/mobile/nav.png") right 0 no-repeat;
								position: absolute;
								display: block;
								width: 50px;
								height: 50px;
								top: 0;
								right: 0;
								font-size: 0;
								line-height: 0;
								text-indent: -90000px;
							}
		#nav-header {
			background-color: #444;
			position: relative;
			display: block;
			padding: 10px;
			z-index: 50;
			-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5), 4px 0 4px -4px rgba(0,0,0,0.5), -4px 0 4px -4px rgba(0,0,0,0.5);
			box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5), 4px 0 4px -4px rgba(0,0,0,0.5), -4px 0 4px -4px rgba(0,0,0,0.5);
		}
			#nav-header * {
				font-size: 0;
				line-height: 0;
				text-indent: -90000px;
			}
			#nav-header a {
				background-image: url("../images/logo-text.png");
				background-position: -182px bottom;
				background-repeat: no-repeat;
				display: block;
				width: 130px;
				height: 40px;
			}
			#nav-header button {
				background: #696969 url("../images/icon-small.png") 0 -780px no-repeat;
				position: absolute;
				top: 10px;
				right: 10px;
				width: 30px;
				height: 30px;
			}
			#nav-admin {
				display: block;
				position: absolute;
				top: 10px;
				right: 10px;
				font-size: 0;
				vertical-align: top;
			}
				#nav-admin a, 
				#nav-admin button {
					background-color: #9B9D9F;
					background-image: url("../images/icon-small.png");
					background-repeat: no-repeat;
					width: 30px;
					height: 30px;
					font-size: 0;
					line-height: 0;
					text-indent: -90000px;
					float: left;
				}
				#nav-admin a {
					background-position: 0 -870px;
					position: relative;
					margin-right: 10px;
				}
					#nav-admin a small {
						background-color: #fff;
						position: absolute;
						width: 16px;
						height: 16px;
						top: -5px;
						right: -5px;
						font-size: 11px;
						color: #9B9D9F;
						line-height: 16px;
						text-align: center;
						text-indent: 0;
						border-width: 1px;
						border-style: solid;
						border-color: #9B9D9F;
						z-index: 2;
						-webkit-border-radius: 16px;
						border-radius: 16px;
					}
				#nav-admin button {
					background-position: 0 -810px;
				}
		#content .module.basic .body fieldset .pseudo-button:disabled {
			display: none;
		}
}
/* 
	From Smartphones portrait to landscape
	GRID 
*/
@media screen and (max-width: 480px) {
	.col-3, 
	.col-4 {
		width: 50%;
	}
	.col-8, 
	.col-12 {
		width: 100%;
	}
	#page-header nav {
		width: 100%;
	}
	#subsidiary, 
	#content-complementary {
		width: 100%;
	}
	.banner-image {
		margin-top: 0;
		height: 218px;
		width: 100%;
	}
}
/* 
	Smartphones portrait 
	BANNER 
*/
@media screen and (max-width: 320px) {
	body {
		min-width: 320px;
	}
	#logo {
		margin: 8px 10px 9px 5px;
	}
		/* .elastic #logo {
			margin-bottom: 154px;
		} */
	.elastic #content-header, 
	.fixed #content-header {
		height: auto !important;
	}
	#banner {
		background-size: 500px auto;
	}
	.elastic #banner {
		background-size: auto 260px;
		height: 260px !important;
	}
	.fixed #banner {
		background-size: auto 200px;
		height: 200px !important;
	}
	#content-body .table table tbody td {
		font-size: 14px;
	}
	#content-body .table table tbody td:first-child {
		padding-right: 10px;
	}
	#content-body .table table th .flex, 
	#content-body .table table td .flex {
		display: block;
	}
	#content-body .table table th.flex span, 
	#content-body .table table td.flex span {
		display: none;
	}
	#content-body .table table .select {
		min-width: 80px;
	}
}
/* 
	Smartphones landscape 
	BANNER 
*/
@media screen and (min-width: 321px) and (max-width: 480px) {
	#logo {
		margin: 10px 10px 64px 10px;
	}
		/* .elastic #logo {
			margin-bottom: 254px;
		} */
	.elastic #content-header, 
	.fixed #content-header {
		height: auto !important;
	}
	#banner {
		background-size: 750px auto;
	}
	.elastic #banner {
		background-size: auto 360px;
		height: 360px;
	}
	.fixed #banner {
		background-size: auto 300px;
		height: 300px;
	}
}
/* 
	From Tablets portrait to Desktop 
	BODY  
*/
@media screen and (min-width: 481px) {
	input[type='text'], 
	input[type='email'], 
	input[type='search'], 
	input[type='password'], 
	select, 
	textarea {
		font-size: 15px;
	}
	textarea {
		margin: 7px 0;
	}
	.form fieldset > label span {
		font-size: 13px;
	}
	::-webkit-input-placeholder {
		font-size: 13px;
	}
	:-moz-placeholder {
		font-size: 13px;
	}
	::-moz-placeholder {
		font-size: 13px;
	}
	:-ms-input-placeholder {
		font-size: 13px;
	}
	.button {
		min-width: 110px;
		font-size: 14px;
	}
	.heading h1 {
		font-size: 30px;
	}
	.heading h2 {
		font-size: 18px;
	}
	.heading h1, 
	.heading h2 {
		margin: 10px;
	}
	.heading hgroup {
		padding: 10px;
	}
	.drop-down {
		font-size: 13px;
	}
	.pagination {
		
	}
		.pagination ul {
			
		}
			.pagination li {
				margin: 2px 2px 0 0;
				float: left;
			}
	.more {
		background-color: #9B9D9F;
		background-image: url("../images/icon-small.png");
		background-position:  0 -60px;
		background-repeat: no-repeat;
		display: block;
		width: 30px;
		height: 30px;
		font-size: 0;
		line-height: 0;
		text-indent: -90000px;
		opacity: 0;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.overlay.select, 
	.overlay.calendar {
		width: 260px;
		margin: 10px -34px 0 0;	
	}
	.overlay.select:before, 
	.overlay.calendar:before {
		right: 10px;
	}
	.overlay.calendar:after {
		height: 37px;
	}
	#hero * {
		font-size: 16px;
	}
	#hero small {
		font-size: 13px;
	}
	#calendar table {
		margin: 0 3px 3px 3px;
		border-spacing: 6px;
	}
	#ticket-timer strong ~ p {
		padding-left: 20px;
	}
	#main {
		padding-bottom: 160px;
	}
		#content-header {
			
		}
			.elastic #content-header header, 
			.fixed #content-header header {
				/* position: absolute;
				overflow: visible;
				width: 100%;
				left: 0;
				bottom: 0; */
				padding-top: 115px;
			}
			.fixed #content-header .heading .row {
				min-height: 70px;
			}
			#content-header [class^="col-"] [class^="col-"] {
				
			}
				#content-header h1 {
					font-size: 24px;
				}
				#content-header .row h1 {
					font-size: 30px;
				}
				#content-header .heading h1, 
				#content-header .heading h2 {
					margin: 10px 20px;
				}
				#content-header .heading .gutter .gutter h1, 
				#content-header .heading .gutter .gutter h2 {
					margin: 10px;
				}
				#content-header .heading hgroup {
					padding: 10px 20px;
				}
				#content-header .heading .gutter .gutter hgroup {
					padding: 10px;
				}
			#content-header .pagination {
				position: absolute;
				right: 0;
				bottom: 10px;
			}
			#content-header .filter {
				margin: 10px 0;
			}
				#content-header .filter > div {
					
				}
			#logo {
				width: 114px;
				height: 161px;
				margin: 20px 10px 50px 10px;
			}
			#logo > div {
				width: 110px;
				height: 161px;
			}
				#logo .graphics {
					width: 140px;
					margin-left: -5px;
				}
				#logo strong {
					width: 110px;
					height: 149px;
				}
					#logo .graphics > span {
						width: 11px;
						margin: 0 2px;
						border-top-width: 7px;
					}
						#logo span span {
							width: 5px;
							height: 5px;
							margin: 0 3px;
						}
		#subsidiary {
			float: right;
		}
			#subsidiary nav {
				overflow: hidden;
				border-top-width: 2px;
				border-top-style: solid;
				border-top-color: #9B9D9F;
				margin-bottom: 20px;
			}
				#subsidiary nav ul {
					
				}
					#subsidiary nav li {
						margin-bottom: 2px;
					}
					#subsidiary nav li:last-child {
						margin-bottom: 0;
					}
						#subsidiary nav a {
							background-color: #fff;
							font-family: "lubalingraphstd", Courier New, Courier New, monospace;
							display: block;
							font-size: 16px;
							padding: 10px 20px;
							-webkit-transition: all 0.2s ease-in-out;
							-moz-transition: all 0.2s ease-in-out;
							transition: all 0.2s ease-in-out;
						}
						#subsidiary nav .on, 
						#subsidiary nav a:hover, 
						#subsidiary nav a:focus {
							background-color: #9B9D9F;
							text-decoration: none;
							color: #fff;
						}
						#subsidiary nav ul ul {
							display: none;
						}
			#subsidiary .info {
				padding: 20px 20px 10px 20px;
			}
				#subsidiary h3 {
					font-size: 18px;
				}
		#content-header .more {
			position: absolute;
			right: 10px;
			top: 170px;
			bottom: auto;
		}
		.fixed #content-header .more, 
		.elastic #content-header .more {
			top: auto;
			z-index: 1;
		}
		.fixed #content-header .more {
			bottom: 10px;
		}
		.elastic #content-header .more {
			bottom: 0;
		}
		#content-header:hover .more {
			opacity: 1;
		}
		#content-body {
			
		}
		#content-body[class^="col-"] {
			
		}
			#content-body .heading h1, 
			#content-body .heading h2 {
				margin: 10px 20px;
			}
			#content-body .heading hgroup {
				padding: 10px 20px;
			}
			#content-body .intro {
				overflow: hidden;
				padding-top: 10px;
				padding-bottom: 10px;
			}
				#content-body .intro .gutter {
					overflow: hidden;
				}
				#content-body .intro .gutter.hide-for-corona {
					display: none;
				}
				#content-body .intro section, 
				#content-body .intro article {
					position: relative;
					overflow: visible;
					height: 100%;
				}
				#content-body .intro section {
				    left: -1px;
				}
				#content-body .intro article {
				    right: -1px;
				}
				#content-body .intro section:after, 
				#content-body .intro article:after {
					background: #fff;
					content: "";
					position: absolute;
					width: 100%;
					height: 100%;
				}
					#content-body .intro h2 {
						font-size: 18px;
						font-weight: bold;
					}
					#content-body .intro h3 {
						font-size: 16px;
					}
					#content-body .intro .hlink, 
					#content-body .intro time {
						font-size: 13px;
					}
			#content-body .rich-text {
				padding: 20px;
			}
			#content-body .open-close {
				padding: 0 20px 10px 20px;
			}
				#content-body .open-close li > a {
					font-size: 18px;
				}
			#content-body .list {
				padding: 20px;
			}
				#content-body .list li {
					padding: 20px 0;
				}
			#content-body .form {
				padding: 20px;
			}
			#content-footer {
				padding: 20px;
			}
				#content-footer h4 {
					font-size: 18px;
				}
				#content-footer .download a {
					font-size: 16px;
				}
				#content-footer .download small {
					font-size: 13px;
				}
		#content-module {
			
		}
			#content-module [class^="col-"] {
				padding-top: 10px;
				padding-bottom: 10px;
			}
				#content .module.basic .body small, 
				#content .module.basic .body .pseudo-button {
					font-size: 13px;
				}
				#content .module.basic .body h3 {
					font-size: 18px;
				}
				#content .module.basic .body small {
					display: inline-block;
				}
				#content .module.basic .body .pseudo-button,
				#content .module.basic .body .pseudo-text {
					float: right;
				}
				#content .module.basic .body fieldset .pseudo-button {
					margin-right: 10px;
					float: left;
				}
				#content .module.basic .body fieldset a.pseudo-button {
					margin-right: 0;
				}
					#content .module.basic .caption {
						background: rgba(0,0,0,0.7);
						position: absolute;
						overflow: hidden;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						opacity: 0;
						visibility: hidden;
						-webkit-transition: opacity 0.2s ease-in-out;
						-moz-transition: opacity 0.2s ease-in-out;
						transition: opacity 0.2s ease-in-out;
					}
					#content .module.basic a:hover .caption, 
					#content .module.basic a:focus .caption {
						opacity: 1;
						visibility: visible;
					}
						#content .module.basic .caption span {
							display: table;
							width: 100%;
							height: 100%;
						}
						#content .module.basic .caption p {
							display: table-cell;
							font-family: "lubalingraphstd", Courier New, Courier New, monospace;
							font-size: 16px;
							color: #fff;
							font-weight: bold;
							line-height: 140%;
							text-align: center;
							vertical-align: middle;
							padding: 20px;
						}
							#content .module.basic .caption small {
								display: block;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 11px;
								font-weight: normal;
								line-height: 110%;
								padding-top: 20px;
							}
								#content .module.basic .caption small i {
									font-style: normal;
									white-space: nowrap;
								}
				#content .module.widget .body {
					padding: 10px 20px;
				}
				#content .module.widget h3 {
					font-size: 16px;
				}
				#content .module.widget p {
					font-size: 16px;
				}
				#content .module.widget small, 
				#content .module.widget time {
					font-size: 13px;
				}
		#content-complementary {
			
		}
		#page-complementary {
			
		}
			#page-complementary .back {
				text-align: right;
			}
				#page-complementary .back a {
					background-color: #9B9D9F;
					background-image: url("../images/icon-big.png");
					background-position: 0 0;
					background-repeat: no-repeat;
					position: relative;
					font-family: "lubalingraphstd", Courier New, Courier New, monospace;
					display: inline-block;
					width: 140px;
					height: 140px;
					font-size: 24px;
					color: #fff;
					line-height: 120%;
					text-align: center;
					vertical-align: middle;
				}
				#page-complementary .back a:hover, 
				#page-complementary .back a:focus {
					text-decoration: none;
				}
					#page-complementary .back a span {
						background-color: #9B9D9F;
						display: table-cell;
						width: 100px;
						height: 100px;
						vertical-align: middle;
						padding: 20px;
						opacity: 0;
						visibility: hidden;
						-webkit-transition: opacity 0.2s ease-in-out;
						-moz-transition: opacity 0.2s ease-in-out;
						transition: opacity 0.2s ease-in-out;
					}
					#page-complementary .back a:hover span, 
					#page-complementary .back a:focus span {
						opacity: 1;
						visibility: visible;
					}
			#page-complementary .grid .row {
				background-color: #fff;
			}
				#page-complementary .grid h4 {
					font-size: 18px;
					padding: 20px 20px 10px 20px;
				}
				#page-complementary .grid li {
					width: 33.3%;
					padding-top: 10px;
					padding-bottom: 10px;
					margin-left: -1px;
				}
				#page-complementary .grid li:before {
					background-color: #F6F7F8;
					content: "";
					position: absolute;
					width: 1px;
					height: 100%;
					top: 0;
					left: 0;
				}
					#page-complementary .grid .img, 
					#page-complementary .grid .body {
						padding: 0 40px;
					}
					#page-complementary .grid .img {
						margin-bottom: 10px;
					}
					#page-complementary .grid .body {
						
					}
	#banner {
		position: fixed;
		height: 500px;
		background-size: cover;
	}
	/* .elastic #content-header, 
	.fixed #content-header {
		height: 560px;
	} */
	.elastic #banner, 
	.fixed #banner {
		background-size: cover;
		height: 500px;
	}
	#page-footer {
		
	}
		#page-footer h6, 
		#page-footer strong, 
		#page-footer p, 
		#page-footer li a, 
		#page-footer p a {
			font-size: 13px;
		}
}
/* 
	From Tablets landscape to Desktop 
	NAV 
*/
@media screen and (min-width: 769px) {
	body {
		font-size: 16px;
	}
	.wrapper {
		max-width: 960px;
	}
	#content-module {
		margin: 0 -10px;
	}
	#page-header nav {
		width: 960px;
	}
	#page-header {
		background-color: rgba(255,255,255,0.95);
		display: block;
		position: fixed;
		min-width: 960px;
		height: 50px;
	}
	#page-header.on {
		height: 90px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #9B9D9F;
	}
		#page-header nav {
			display: table;
			width: 100%;
			height: 50px;
		}
		#page-header nav:before, 
		#page-header nav:after {
			content: "";
			position: absolute;
			width: 50%;
			height: 0;
			bottom: 0;
			border-bottom-width: 2px;
			border-bottom-style: solid;
			z-index: 5;
		}
		#page-header.on nav:before, 
		#page-header.on nav:after {
			bottom: 40px;
			border-bottom-width: 1px;
		}
		#page-header nav:before, 
		#page-header nav:after {
			border-bottom-color: #9B9D9F;
		}
		#page-header nav:before {
			left: 0;
		} 
		#page-header nav:after {
			right: 0;
		}
			#page-header nav > ul {
				display: table-row;
			}
				#page-header nav > ul > li {
					display: table-cell;
					width: auto;
				}
					#page-header nav a {
						display: inline-block;
						width: 100%;
						white-space: nowrap;
					}
					#page-header nav > ul > li > a {
						display: block;
						width: auto;
						height: 48px;
						font-size: 14px;
						font-weight: bold;
						line-height: 50px;
						text-align: center;
						border-width: 0 0 2px 0;
						border-style: none none solid none;
						padding: 0 10px;
					}
					#page-header.on nav > ul > li > a {
						height: 49px;
						border-bottom-width: 1px;
					}
					#page-header nav .secondary-nav {
						position: absolute;
						height: 40px;
						left: 0;
						top: 50px;
					}
						#page-header nav .secondary-nav > ul {
							white-space: nowrap;
						}
						#page-header nav ul ul ul {
							
						}
						#page-header nav .on ~ .secondary-nav {
							display: block;
						}
							#page-header nav ul ul li {
								display: inline-block;
								height: 40px;
								padding: 0 10px;
							}
								#page-header nav ul ul li a {
									height: 40px;
									font-size: 13px;
									line-height: 40px;
								}
				#page-header nav [class^="icon-"] {
					width: 36px;
				}
					#page-header nav [class^="icon-"] a {
						background-color: #9B9D9F;
						background-image: url("../images/nav.png");
						background-repeat: no-repeat;
						position: relative;
						text-indent: -90000px;
						-webkit-transition: background-color 0.2s ease-in-out;
						-moz-transition: background-color 0.2s ease-in-out;
						transition: background-color 0.2s ease-in-out;
					}
						#page-header nav [class^="icon-"] a > small {
							background-color: #9B9D9F;
							position: absolute;
							width: 16px;
							height: 16px;
							top: 9px;
							left: 23px;
							font-size: 11px;
							color: #fff;
							line-height: 16px;
							text-align: center;
							text-indent: 0;
							-webkit-border-radius: 16px;
							border-radius: 16px;
						}
						#page-header nav [class^="icon-"] a > span {
							display: none;
							position: absolute;
							height: 14px;
							top: 28px;
							left: 22px;
							font-size: 12px;
							color: #9B9D9F;
							line-height: 14px;
							text-indent: 0;
							padding-left: 20px;
						}
						#page-header nav [class^="icon-"] a > span:before {
							content: "";
							background-color: #9B9D9F;
							background-image: url("../images/icon-small.png");
							background-position: -8px -938px;
							background-repeat: no-repeat;
							position: absolute;
							width: 14px;
							height: 14px;
							left: 2px;
							top: 0;
							-webkit-border-radius: 14px;
							border-radius: 14px;
						}
					#page-header nav .icon-1 a {
						background-position: 50% 0;
					}
					#page-header nav .icon-2 a {
						background-position: 50% -50px;
					}
					#page-header nav [class^="icon-"] > div {
						position: relative;
					}
	#nav-header {
		display: none;
	}
	#nav-admin {
		display: none;
	}
	#page-header.on ~ #main {
		padding-top: 90px;
	}
	.fixed #banner {
		/* height: 590px; */
	}
		.fixed #banner img {
			
		}
	/* .fixed #content-header {
		height: 500px;
	} */
}
/* 
	From Smartphones landscape to Desktop 
	GRID 
*/
@media screen and (min-width: 481px) {
	[class^="col-"] .gutter {
		padding: 0 10px;
	}
	.col-1 {
		width: 8.33%;
	}
	.col-2 {
		width: 16.66%;
	}
	.col-3 {
		width: 25%;
	}
	.col-4 {
		width: 33.33%;
	}
	.col-5 {
		width: 41.66%;
	}
	.col-6 {
		width: 50%;
	}
	.col-7 {
		width: 58.33%;
	}
	.col-8 {
		width: 66.66%;
	}
	.col-9 {
		width: 75%;
	}
	.col-10 {
		width: 83.33%;
	}
	.col-11 {
		width: 91.66%;
	}
	.col-12 {
		width: 100%;
	}
}
/* 
	From Smartphones landscape to Tablets portrait 
*/
@media screen and (min-width: 481px) and (max-width: 768px) {
	#nav-header {
		display: block;
	}
	#nav-admin {
		display: block;
	}
	#logo {
		margin: 10px 10px 47px 10px;
	}
		/* .elastic #logo {
			margin-bottom: 389px;
		} */
	#banner {
		background-size: 950px auto;
		position: absolute;
		height: 100%;
	}
		#banner img {
			display: none;
		}
	.fixed #content-header {
		height: 500px;
	}
	.elastic #banner {
		background-size: auto 480px;
		/* height: 480px !important; */
	}
	.fixed #banner {
		background-size: auto 500px;
		/* height: 500px !important; */
	}
	.rich-text {
		font-size: 0.95em;
	}
		.rich-text ul, 
		.rich-text ol {
			padding-left: 25px;
		}
		.rich-text blockquote {
			padding: 20px;
		}
	#main {
		padding-top: 0;
	}
}
/* 
	From smartphones landscape to Desktop
*/
@media screen and (min-width: 321px) {
	#content-body .table table tbody td {
		font-size: 15px;
	}
	#content-body .table table tbody td:first-child {
		padding-right: 20px;
	}
	#content-body .table table th .flex, 
	#content-body .table table td .flex {
		display: none;
	}
	#content-body .table table .select {
		min-width: 85px;
	}
	#content-body .table table + .submit, 
	#content-body .table p + .submit {
		margin-right: 19px;
	}
}
/* 
	HD icons
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#logo a, 
	#nav-header a {
		background-image: url("../images/mobile/logo-text@2x.png");
		background-size: 311px 40px;
	}
	.submit input[type="submit"], 
	.pagination [class^="icon-"] a {
		background-image: url("../images/mobile/icon-med@2x.png");
		background-size: 60px 300px;
	}
	form .select label:after, 
	form .radio-check label span, 
	.inline-submit input[type="submit"], 
	.group-icon [class^="icon-"]:before, 
	#calendar .monthNav, 
	#calendar .week, 
	#hero [class^="icon-"], 
	#content-header .drop-down [class^="icon-"], 
	#content .module.basic .body .ext-hlink:after, 
	#page-complementary .grid .body .ext-hlink:after, 
	#nav-header button, 
	#nav-admin button, 
	.more {
		background-image: url(../images/mobile/icon-small@2x.png);
		background-size: 30px 870px;
	}
	#page-header nav [class^="icon-"] > a:after, 
	#page-header nav .overlay [type="submit"] {
		background-image: url("../images/mobile/nav@2x.png");
		background-size: 100px 100px;
	}
	.social [class^="icon-"] {
		background-image: url("../images/mobile/social@2x.png");
		background-size: 25px 100px;
	}
}

/* become a friend */ 
.friend_links { 
	background: #fff;
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.friend_links h2 { 
	display: block;
	width: 100%;
	font-size: 22px;
	margin-bottom: 10px;
}
.friend_links a{ 
	float: left;
	width: 33%;
	margin-bottom: 40px;
	margin-right: 20px;
}
.friend_links a .gutter { 
	width: 100%;
	padding: 20px;
	display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
}
.friend_links a .gutter img { 
	width: 100%;
	display: block;
}
.friend_links a .gutter .btn { 
	display: block;
	position: relative;
	padding: 10px 46px 10px 10px;
	color: #ffffff;
	width: 100%;
	box-sizing: border-box;
	background-image: url("../images/arrow-right.png");
    background-position: 100% -3px;
    background-repeat: no-repeat;
    background-color: #B18BBE;
    min-height: 50px;
    font-family: "lubalingraphstd", Courier New, Courier New, monospace;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
}

@media screen and (max-width: 768px) {
	.friend_links > a { 
		width: 50%;
	}
}

.footer-ig-icon{
	font-size: 28px !important;
    margin-top: -4px;
}
.footer-ig-icon:hover{
	text-decoration: none;
}