html, body, body.pushable,  html.ios body {
	height: 100% !important;
	min-height: 100% !important;
}

html, body {
	font-size: 16px;
}

@viewport {
    width: device-width;
    zoom: 1;
    initial-scale: 1;
  }


@-ms-viewport {
    width: device-width;
    zoom: 1;
    initial-scale: 1;
  }

#cookie_message {
	background: #21a1ba;
	background: rgba(34, 161, 186, 0.92);
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 430px;
	max-width: 100%;
}

@media only screen and (max-width: 1681px) {
	html, body {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1441px) {
	html, body {
		font-size: 14.5px;
	}
}

@media only screen and (max-width: 1281px) {
	html, body {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1150px) {
	html, body {
		font-size: 13.5px;
	}
}

@media only screen and (max-width: 767px) {
	html, body {
		font-size: 14.5px;
	}
}


body.pushable .pusher {
	background: #fff;
	min-height: 768px !important;
	min-height: 100vh !important;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25), 0px 0px 40px rgba(0, 0, 0, 0.21);
}

.login.pushable .pusher {
	background: #f9f9f9;
}

body.grey .pusher {
	background: #F9F7F7;
}

.clearfix {
    clear: both;
}





/***************
 *    LOGO     *
 ***************/


	.logo {
		text-align: center;
		position: relative;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.logo img {
		display: inline-block;
		width: 520px;
		width: 33rem;
		max-width: 80%;
		cursor: pointer;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.logo .white, .logo .trans, .logo .baseline {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto !important;
		opacity: 0;
	}

	.logo .white {
		z-index: 2;
	}

	.logo .trans {
		z-index: 1;
	}

	.logo .baseline {
		z-index: 3;
	}

	.logo .black {
		position: relative;
		z-index: 4;
		opacity: 0;
	}


	@media only screen and (max-width: 1680px) {

		.logo img {

		}

 	}

	@media only screen and (max-width: 1280px) {

		.logo img {

		}

 	}

	@media only screen and (max-width: 900px) {

		.logo img {

		}

 	}

	@media only screen and (max-width: 391px) {

		.logo img {

		}

 	}




/***************
 *    COLORS   *
 ***************/

 	.section.grey {
	 	background: #f5f5f5;
 	}

 	.section.dark {
	 	background: #283c6a;
 	}

 	.section.light-grey {
	 	background: #f9f9f9;
	 	border-bottom: 1px solid #f5f5f5;
 	}

 	.section.whitetogrey {
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	}

 	.section.greytowhite {
		background: #f5f5f5;
		background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%);
		background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%);
		background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
	}


 	.dark-parallax {
	 	background: rgba(0,42,68,0.9);
	 	color: #fff;
 	}

 	.dark-parallax p {
	 	color: rgba(255, 255, 255, 0.87);
		font-weight: 400;
	 }

 	.light-parallax {
	 	background: rgba(238, 238, 238, 0.5);
 	}
	img.blur {
		-webkit-filter: blur(10px);
		filter: blur(10px);
	}


 	h1.white, h2.white, h3.white, h4.white, h5.white {
	 	color: #fff;
 	}

 	h1.teal, h2.teal, h3.teal, h4.teal, h5.teal {
	 	color: #00d1ce;
 	}

 	h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
	 	color: #1c73a8;
 	}

 	h1.pink, h2.pink, h3.pink {
	 	color: #ff3d7a;
 	}

 	h1.red, h2.red, h3.red {
	 	color: #d01919;
 	}

 	h1.orange, h2.orange, h3.orange {
	 	color: #F2711C;
 	}

 	h1.yellow, h2.yellow, h3.yellow {
	 	color: #FBBD08;
 	}

 	h1.olive, h2.olive, h3.olive {
	 	color: #B5CC18;
 	}

 	h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
	 	color: #4db028;
 	}

 	h1.violet, h2.violet, h3.violet {
	 	color: #6435C9;
 	}

 	h1.purple, h2.purple, h3.purple {
	 	color: #ca67ff;
 	}


 	h1.narrow {
	 	width: 350px;
	 	max-width: 100%;
 	}

 	.ui.button.dark-trans {
	 	color: #fff;
	 	background: #aaa;
	 	background: rgba(0, 0, 0, 0.1);
		color: rgba(255, 255, 255, 0.7);
 	}

 	.ui.button.dark-trans:hover {
	 	background: rgba(0, 0, 0, 0.20);
		color: rgba(255, 255, 255, 1);
 	}

 	.ui.button.darker-trans {
	 	color: #fff;
	 	background: #aaa;
	 	background: rgba(0, 0, 0, 0.15);
		color: rgba(255, 255, 255, 0.85);
 	}

 	.ui.button.darker-trans:hover {
	 	background: rgba(0, 0, 0, 0.20);
		color: rgba(255, 255, 255, 1);
 	}

 	.ui.button.dark-fulltrans {
	 	background: rgba(0, 0, 0, 0);
		color: rgba(255, 255, 255, 0.85);
 	}

 	.ui.button.dark-fulltrans:hover {
	 	background: rgba(0, 0, 0, 0.20);
		color: rgba(255, 255, 255, 1);
 	}


 	.ui.button.white {
	 	color: #2c89a6;
	 	background: #fff;
 	}


	.label-large {
	 	font-size: 20px;
	 	line-height: 20px;
	 	color: #fff;
	 	display: inline-block;
	 	padding: 5px 8px;
	 	margin-bottom: 0;
	 	background: #00d1ce;
	 	text-decoration: none;
	}

	.label-large:hover {
	 	text-decoration: none;
	}

	.label-large.vertical {
		position: absolute;
		top: 30px;
		right: 105%;
		-ms-transform: rotate(-90deg);
	    -ms-transform-origin: 100% 0%;
	    -webkit-transform: rotate(-90deg);
	    -webkit-transform-origin: 100% 0%;
	    transform: rotate(-90deg);
	    transform-origin: 100% 0%;
	}

	.label-large.teal, .ui.button.teal {
	 	background: #00d1ce;
	 	color: #fff;
	}

	.label-large.blue, .ui.button.blue {
	 	background: #00a4e6;
	 	color: #fff;
	}

	.label-large.pink, .ui.button.pink {
	 	background: #ff3d7a;
	 	color: #fff;
	}

	.label-large.red, .ui.button.red {
	 	background: #d01919;
	 	color: #fff;
	}

	.label-large.red.darker, .ui.button.red.darker {
	 	background: #c11919;
	 	color: #fff;
	}

	.ui.button.to-red:hover {
	 	background: #ba1010;
	 	color: #fff;
	}

	.label-large.orange, .ui.button.orange {
	 	background: #F2711C;
	 	color: #fff;
	}

	.label-large.yellow, .ui.button.yellow {
	 	background: #FBBD08;
	 	color: #fff;
	}

	.label-large.olive, .ui.button.olive {
	 	background: #B5CC18;
	 	color: #fff;
	}

	.label-large.green, .ui.button.green {
	 	background: #4fb028;
	 	color: #fff;
	}

	.label-large.violet, .ui.button.violet {
	 	background: #6435C9;
	 	color: #fff;
	}

	.label-large.purple, .ui.button.purple {
	 	background: #ca67ff;
	 	color: #fff;
	}

	a.label-large:hover {
		text-decoration: none;
		color: #fff;
	}

	a.label-large.teal:hover, .ui.button.teal:hover {
	 	background: #00b2af;
	}

	a.label-large.blue:hover, .ui.button.blue:hover {
	 	background: #0099d5;
	}

	a.label-large.pink:hover, .ui.button.pink:hover {
	 	background: #bf1d53;
	}

	a.label-large.red:hover, .ui.button.red:hover {
	 	background: #ba1010;
	}

	a.label-large.red.darker:hover, .ui.button.red.darker:hover {
	 	background: #b20e0e;
	}

	a.label-large.orange:hover, .ui.button.orange:hover {
	 	background: #fa6908;
	}

	a.label-large.yellow:hover, .ui.button.yellow:hover {
	 	background: #e8ae00;
	}

	a.label-large.olive:hover, .ui.button.olive:hover {
	 	background: #a8c10a;
	}

	a.label-large.green:hover, .ui.button.green:hover {
	 	background: #0ab232;
	}

	a.label-large.violet:hover, .ui.button.violet:hover {
	 	background: #511ebd;
	}

	a.label-large.purple:hover, .ui.button.purple:hover {
	 	background: #ae2af5;
	}


	.label-large.white-teal, .teal .label-large {
	 	background: #fff;
	 	color: #00d1ce;
	}

	.label-large.white-blue, .blue .label-large {
	 	background: #fff;
	 	color: #00a4e6;
	}

	.label-large.white-pink, .pink .label-large {
	 	background: #fff;
	 	color: #ff3d7a;
	}

	.label-large.white-red, .red .label-large {
	 	background: #fff;
	 	color: #d01919;
	}

	.label-large.white-orange, .orange .label-large {
	 	background: #fff;
	 	color: #F2711C;
	}

	.label-large.white-yellow, .yellow .label-large {
	 	background: #fff;
	 	color: #FBBD08;
	}

	.label-large.white-olive, .olive .label-large {
	 	background: #fff;
	 	color: #B5CC18;
	}

	.label-large.white-green, .green .label-large {
	 	background: #fff;
	 	color: #21BA45;
	}

	.label-large.white-violet, .violet .label-large {
	 	background: #fff;
	 	color: #6435C9;
	}

	.label-large.white-purple, .purple .label-large {
	 	background: #fff;
	 	color: #ca67ff;
	}

 	.ui.button.dark {
	 	background: #19191a;
		background: -moz-linear-gradient(top,  #535559 0%, #19191a 100%);
		background: -webkit-linear-gradient(top,  #535559 0%,#19191a 100%);
		background: linear-gradient(to bottom,  #535559 0%,#19191a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535559', endColorstr='#19191a',GradientType=0 );

	 	color: #d8d0c8;
 	}

 	.ui.button.dark:hover {
	 	background: #414347;
		background: -moz-linear-gradient(top,  #414347 0%, #19191a 100%);
		background: -webkit-linear-gradient(top,  #414347 0%,#19191a 100%);
		background: linear-gradient(to bottom,  #414347 0%,#19191a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414347', endColorstr='#19191a',GradientType=0 );

	 	color: #fff !important;
	 }

 	.ui.big.button {
	 	font-size: 13px;

	 	padding: 18px 35px;
	}

 	.white-bg {
	 	background: #fff;
	 	position: relative;
	}

	.highlighted-match {
		font-weight: bold;
		display: inline-block;
		font-family: inherit;
		color: #555;
	}

	.ui.list a.item {
		color: #444;
	}

	.ui.list .list>.item a.header, .ui.list>.item a.header {
		color: #444 !important;
	}

	.ui.list .list>a.item:hover .header, .ui.list>a.item:hover .header, .ui.list .list>.item:hover a.header, .ui.list>.item:hover a.header {
		color: #323232 !important;
	}


	a {
		text-decoration: underline;
	}

	a.hide-link {
		text-decoration: none;
		color: inherit;
	}

	.white-text a {
		color: #fff;
	}

	a:hover {
		color: #0078c3;
		text-decoration: underline;
	}

	.white-text a:hover {
		color: #fff;
	}

	.item a, a.ui.button, a.item, a.header, .header a, a.ui.button:hover, a.item:hover, .item a:hover, a.header:hover, .header a:hover {
		text-decoration: none !important;
	}

	.ui.items a.item:hover>.content>.header {
		color: #323232 !important;
		text-decoration: none;
	}

	.cursor-pointer {
		cursor: pointer;
	}


	.content-block ul {
		margin-bottom: 20px;
	}

	.content-block ul li {
		margin-bottom: 10px;
		position: relative;
		list-style: none;
	}

	.content-block ul.redactor-toolbar li:before {
		display: none !important;
	}

	.content-block ul li:before {
	  display: inline-block;
	  content: "\f00c"; /*checkmark*/
	  content: "\f111"; /*circle*/
	  color: #2878b0;
	  font-family: "Icons";
	  font-size: 0.8em !important;
	  width: 1.8em;
	  margin-left: -1.8em;
	}

/***************
 *    Icon content   *
 ***************/

 	.icon-wrapper, .section.icon-wrapper, .grey.section.icon-wrapper {
	 	position: relative;
	 	overflow: hidden;
 	}

 	.icon-wrapper .icon-content {
	 	position: relative;
	 	z-index: 2;
 	}

 	.icon-wrapper .large-icon i.icon {
	 	margin: 0;
	 	color: #fff !important;
 	}

 	.icon-wrapper .large-icon i.icon:after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(255,254,229,0.4) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 51%);
		background: -webkit-linear-gradient(top, rgba(255,254,229,0.4) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%);
		background: linear-gradient(to bottom, rgba(255,254,229,0.4) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%);
		border-radius: 500em;
		overflow: hidden;
	}


 	.icon-wrapper .large-icon {
	 	position: absolute;
	 	top: 50px;
	 	top: 4.4vw;
	 	left: -60px;
	 	font-size: 30px;
	 	line-height: 1;
	 	text-align: center;
	 }

 	.icon-wrapper .large-icon.on-top {
	 	z-index: 3;

	}


	@media only screen and (max-width: 1200px) {

	 	.icon-wrapper .large-icon {
		 	display: none;
		}

	}

	.line-divider {
		width: 100%;
		height: 1px;
		top: -1px;
		background: rgba(0, 0, 0, 0.1);
	}

	.pull-up {
		margin-top: -80px;
		margin-top: -7vw;
	}
/***************
 *    Badges   *
 ***************/

 	.large-badge {
	 	width: 150px;
	 	height: 150px;
	 	border-radius: 50%;
	 	display: inline-block;
	 	vertical-align: bottom;
	 	margin: 7px;
	 	text-align: center;
 	}

 	.small-badge {
	 	width: 120px;
	 	height: 120px;
	 	border-radius: 50%;
	 	display: inline-block;
	 	vertical-align: bottom;
	 	margin: 7px;
	 	text-align: center;
 	}

 	.large-badge.teal, .small-badge.teal {
	 	background: #00d1ce;
	 	color: #ffffff;
 	}

 	.large-badge.blue, .small-badge.blue {
	 	background: #00a4e6;
	 	color: #ffffff;
 	}

 	.large-badge.pink, .small-badge.pink {
	 	background: #ff3d7a;
	 	color: #ffffff;
 	}

 	.large-badge.grey, .small-badge.grey {
	 	background: #999;
	 	color: #ffffff;
		box-shadow: inset 0px 3px 25px rgba(0, 0, 0, 0.25);
	}

 	.large-badge.teal-text, .small-badge.teal-text {
	 	color: #00d1ce;
	 	background: #e9e9e9;
 	}

 	.large-badge.blue-text, .small-badge.blue-text {
	 	color: #00a4e6;
	 	background: #e9e9e9;
 	}

 	.large-badge.pink-text, .small-badge.pink-text {
	 	color: #ff3d7a;
	 	background: #e9e9e9;
 	}

 	.large-badge.grey-text, .small-badge.grey-text {
	 	color: #808080;
	 	background: #e9e9e9;
	}

	.large-badge .number {
		padding-top: 54px;
		font-size: 52px;
		line-height: 30px;
	}

	.large-badge .number .unit {
		font-size: 30px;
	}

	.large-badge .text {
		text-transform: uppercase;
		font-size: 15px;
		line-height: 16px;
		padding: 0 20px;
	}

	.small-badge {
		line-height: 120px;
	}
	.small-badge .text {
		text-transform: uppercase;
		font-size: 14px;
		line-height: 15px;
		display: inline-block;
		vertical-align: middle;
	}

/***************
 *    Badges price   *
 ***************/

 	.tile.prices {
		margin-bottom: 50px;
	}

 	.tile .prices {
	 	margin-top: -40px;
	 	text-align: right;
	}

 	.large-badge-price {
	 	width: 150px;
	 	height: 150px;
	 	border-radius: 50%;
	 	display: inline-block;
	 	vertical-align: bottom;
	 	margin: 7px -4px -50px -20px;
	 	text-align: center;
	 	position: relative;
 	}

 	.small-badge-price {
	 	width: 120px;
	 	height: 120px;
	 	border-radius: 50%;
	 	display: inline-block;
	 	vertical-align: bottom;
	 	margin: -5px -10px -30px -10px;
	 	text-align: center;
	 	position: relative;
 	}

 	.large-badge-price.teal, .small-badge-price.teal {
	 	background: #00d1ce;
	 	color: #ffffff;
 	}
 	.large-badge-price.grey, .small-badge-price.grey {
	 	background: #999;
	 	color: #ffffff;
	}


	.large-badge-price .number {
		font-size: 54px;
		line-height: 150px;
	}

	.small-badge-price .number {
		font-size: 38px;
		line-height: 120px;
	}


	.large-badge-price.large-number .number {
		font-size: 68px;
	}

	.small-badge-price.large-number .number {
		font-size: 50px;
	}

	.large-badge-price .number .cents, .large-badge-price .number .unit, .small-badge-price .number .cents, .small-badge-price .number .unit {
		font-size: 0.5em;
	}

	.large-badge-price .text-top, .large-badge-price .text-bottom {
		font-size: 17px;
		line-height: 18px;
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.small-badge-price .text-top, .small-badge-price .text-bottom {
		font-size: 13px;
		line-height: 14px;
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.large-badge-price .text-top {
		bottom: 98px;
	}
	.large-badge-price.large-number .text-top {
		bottom: 104px;
	}

	.large-badge-price .text-bottom {
		font-size: 15px;
		line-height: 14px;
		top: 93px;
	}
	.large-badge-price.large-number .text-bottom {
		top: 100px;
	}
	.small-badge-price .text-top {
		bottom: 77px;
	}
	.small-badge-price.large-number .text-top {
		bottom: 82px;
	}
	.small-badge-price .text-bottom {
		top: 75px;
	}
	.small-badge-price.large-number .text-bottom {
		top: 78px;
	}

	.prices .exclusive {
		border-top: 1px solid #e7e7e7;
	}

	.prices .inclusive {
		background: #e7e7e7;
		margin-top: 30px;
	}

	.prices .materiaal {
		padding: 20px 5% 0;
		text-transform: uppercase;
		font-size: 12px;
		text-align: left;
	}

/*********************
 *    Price table    *
 *********************/

 	.tile.price-table {
	 	padding: 0 20px;
	 	background: #fbfbfb;
 	}

 	.tile.price-table .ui.basic.table th {
	 	padding-top: 15px !important;
 	}

 	.ui.table.price-table {
 		margin-top: 0.5rem;
	 }

 	.ui.basic.table.price-table th {
	 	font-size: 11px;
	 	font-weight: 700;
	 	letter-spacing: 0.03em;
	 	text-transform: uppercase;
	 	line-height: 12px;
	 	padding: 10px 5px 8px !important;
	 	vertical-align: bottom;
		word-break: break-all;
		word-break: break-word;
 	}

 	.ui.basic.table.price-table tbody td {
	 	vertical-align: top !important;
	 	font-size: 0.9rem;
	 	padding: 12px 8px !important;
 	}

 	.ui.basic.table.price-table tbody td .date-range {
	 	vertical-align: top !important;
	 	font-size: 13px;
	 	padding: 12px 8px !important;
 	}

 	.tile.price-table .ui.basic.table th.young, .tile.price-table .ui.basic.table td.young {
	 	background: rgba(0, 0, 0, 0.05);
	}

 	.tile.price-table .price-td {
	 	font-size: 24px;
	 	font-size: 1.5rem;
 	}

 	.tile.price-table .price-td .cents, .tile.price-table .price-td .unit {
	 	font-size: 0.6em;
 	}

 	.ui.table.price-table .days-count {
	 	font-weight: 700;
 	}


 	.ui.table.price-table tbody td.reservatie-cta {
	 	padding: 0 10px 0 5px !important;
	 	font-size: 0 !important;
	 	vertical-align: middle;
 	}


 	.ui.table.price-table .ui.tiny.button, #reizen-table .ui.tiny.button {
	 	font-size: 11px;
	 	padding: 8px 10px;
	 	margin: 10px 0 0 !important;
	 	vertical-align: middle;
	 	color: #ce271b;

		background: #f7f7f7;
		color: #818181;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
 	}

 	.ui.table.price-table tbody tr:hover td.reservatie-cta .ui.tiny.button, #reizen-table tr:hover .ui.tiny.button {
	 	color: #fff;
	 	background: #ce271b;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0);
	}


 	/* VOLZET */

 	.ui.table.price-table tbody tr.volzet, #reizen-table tr.volzet {
	 	background: #f9f9f9;
	}

 	.ui.table.price-table tbody tr.volzet td.reservatie-cta .ui.tiny.button, #reizen-table tr.volzet .ui.tiny.button {
	 	color: #fff;
	 	background: #818181;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0);
	}


@media only screen and (max-width : 900px) {
	.ui.basic.table.price-table th {
	 	font-size: 10px;
	 	letter-spacing: 0;
	 	line-height: 12px;
 	}

 	.ui.basic.table.price-table tbody td {
	 	font-size: 13px;
	 	line-height: 16px;
 	}
}

@media only screen and (max-width : 767px) {
 	.ui.table.price-table tbody tr td.reservatie-cta .ui.tiny.button {
	 	color: #fff;
	 	background: #ce271b;
	}

 	.ui.basic.table.price-table tbody td {
	 	padding: 3px 8px !important;
 	}

}

/***************
 *    INPUT    *
 ***************/

 	.ui.form .field {
	 	position: relative;
 	}

 	.ui.form i.inverted.red.icon.error-label {
	 	opacity: 0;
	 	color: #da0000 !important;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
 	}

	.ui.form textarea, .ui.form input[type="text"], .ui.form input[type="email"], .ui.form input[type="date"], .ui.form input[type="password"], .ui.form input[type="number"], .ui.form input[type="url"], .ui.form input[type="tel"] {

		font-family: 'Roboto', sans-serif;
		border-radius: 0 !important;
		border: 1px solid #eee;
		border: none;
		background: #f8f8f8;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.01), 0 0 0 1px rgba(0, 0, 0, 0.12);
	}

	.ui.form .field.collapse {
		margin-bottom: 5px;
	}
	.ui.form textarea:focus, .ui.form input[type="text"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="date"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="url"]:focus, .ui.form input[type="tel"]:focus {

		border: none;
		background: #fbfbfb;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.09);
	}

	.ui.textarea, .ui.form textarea {
		height: auto !important;
		min-height: 2em !important;
	}

	.ui.form .fields.error .field textarea, .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field input[type="tel"], .ui.form .field.error textarea, .ui.form .field.error input[type="text"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="date"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="url"], .ui.form .field.error input[type="tel"] {
		background: #FFF6F6;
	    border-color: transparent;
	    color: #9F3A38 !important;
		box-shadow: inset 0 1px 10px -1px rgba(172, 4, 0, 0.3), 0 0 0 1px rgba(172, 4, 0, 0.4);
	}

	.ui.form .fields.error .field .ui.dropdown, .ui.form .field.error .ui.dropdown {
		background: #FFF6F6;
	    border: transparent !important;
	    color: rgba(158, 57, 55, 0.35) !important;
		box-shadow: inset 0 1px 10px -1px rgba(172, 4, 0, 0.3), 0 0 0 1px rgba(172, 4, 0, 0.4);
	}

	.ui.form .field.error .ui.dropdown .text {
	    color: rgba(158, 57, 55, 0.35) !important;
	}

	.ui.form .field.error .ui.red.label.error-label {
		background: transparent !important;
		background-color: transparent !important;
	    color: #c70400 !important;
	    text-transform: uppercase;
	}
	.ui.form .disabled.fields .field, .ui.form .disabled.field, .ui.form .field :disabled {
	    pointer-events: none;
	    opacity: 0.65;
	}

	.ui.form .field.error .ui.icon.input i.icon {
		color: #da0000;
		opacity: 1;
	}

	.ui.form .field label {
    	font-size: 12px;
		color: #555;
		font-family: 'Roboto', sans-serif;
	}

	.ui.form .field>label {
    	text-transform: uppercase;
		font-weight: 600;
    	letter-spacing: 0.03em;
    	line-height: 1em;
    	padding-left: 1em;
    	opacity: 0.7;
    	margin-top: 5px;
    }

	.ui.form .field>label.in-focus {
		color: #bb0000;
		opacity: 1;
	}

	.ui.form .field label.text {
		font-size: 0.9em;
		line-height: 1.2em;
		margin-bottom: 10px;
		color: #555;
		font-family: 'Roboto', sans-serif;
	}

	label .required-asterix {
	    margin-left: 5px;
	    color: #bb0000;
	}
	.ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label {

		color: #555;
	}

	.ui.form .field .ui.checkbox label {
		color: #828182;
		text-transform: none;
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
	}

	.ui.form .field.error .ui.checkbox label {
		color: #eb0020;
	}


	.ui.checkbox label:before {

	}

	.ui.checkbox label:after {
		color: #2c89a6 !important;
	}

	.ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before, .ui.toggle.checkbox input:focus:checked~.box:before, .ui.toggle.checkbox input:focus:checked~label:before {
	    background-color: #4fb028 !important;
	}
	.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
		background: rgba(0, 0, 0, 0.2);
	}

	.ui.toggle.checkbox label .checked-text, .ui.toggle.checkbox label .unchecked-text {
	    display: block;
	    position: absolute;
	    z-index: 1;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    top: 0;
	    line-height: 1.5rem;
	    height: 1.5rem;
	    color: #fff;
	    font-size: 11px;
	    font-weight: bold;
	    text-transform: uppercase;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
	}

	.ui.toggle.checkbox label .checked-text {
	    left: 7px;
	    opacity: 0;
	}

	.ui.toggle.checkbox label .unchecked-text {
	    left: 26px;
	    opacity: 1;
	}

	.ui.toggle.checkbox.checked label .checked-text {
	    opacity: 1;
	}

	.ui.toggle.checkbox.checked label .unchecked-text {
	    opacity: 0;
	}

	.form-section {
		background: #f2f2f2;
		position: relative;
	}

	.ui.selection.dropdown {
		border: 1px solid #eee;
		border: 1px solid rgba(0, 0, 0, 0.08);
		background: #f8f8f8;
		border-radius: 0;
		z-index: 110 !important;
	}

	.ui.selection.dropdown:hover {
		border: 1px solid #eee;
	}

	.ui.selection.active.dropdown .menu, .ui.selection.active.dropdown:hover, .ui.selection.active.dropdown, .ui.selection.active.dropdown:hover .menu {
		border-color: rgba(0, 0, 0, 0.09);
	}

	.ui.selection.dropdown.active {
	}

	.ui.selection.active.dropdown {
		position: relative;
	}

	.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu, .ui.active.dropdown, .ui.active.dropdown .menu {
		z-index: 5000 !important;
	}

	.ui.selection.dropdown .menu>.item .text {
		display: inline-block;
		white-space: nowrap;
	}

	.ui.selection.dropdown .menu>.item .description {
		display: inline-block;
		float: right;
	}

	.ui.selection.dropdown .ui.avatar.image {
	    vertical-align: middle;
	    width: auto;
	    max-height: 2em;
	    margin-top: -5px;
	    margin-bottom: -5px;
	    margin-left: -9px;
	}
	.ui.selection.dropdown .menu .ui.avatar.image {
	    margin: -11px 2px -8px -13px;
	}
	.ui.selection.dropdown .ui.avatar.image img {
	    width: 3.8em;
	    height: 2em;
	    border-radius: 2px;
	}

/***************
 *    BUTTONS   *
 ***************/

	.ui.button {
		letter-spacing: 0.04em;
		font-size: 12px !important;
		padding: 16px 26px;
		font-weight: normal;
		border-radius: 0;
		text-transform: uppercase;

		font-family: 'Roboto', sans-serif;
		font-weight: 900;
	}

	.ui.basic.button {
		letter-spacing: 0.05em;
		font-size: 13px !important;
		padding: 16px 40px;
		font-weight: normal;
		border-radius: 0;
		text-transform: uppercase;

	}

	.large.ui.button {
		font-size: 14px !important;
		padding: 14px 35px;
	}

	.tiny.ui.button {
		font-size: 11px !important;
		padding: 9px 24px;
	}

	.small.ui.button {
		font-size: 11px !important;
		padding: 10px 26px;
	}

	.huge.ui.button {
		font-size: 17px !important;
		padding: 20px 45px;
	}

	.huge.ui.button .larger {
		font-size: 30px;
	}


	@media only screen and (max-width: 1440px) {

		.ui.button {
			font-size: 12px !important;
			padding: 15px 22px;
		}
	}


	@media only screen and (max-width: 1280px) {

		.ui.button {
			font-size: 11px !important;
			padding: 14px 18px;
		}
	}


/***************
 *    raised   *
 ***************/

	.raised {
		position: relative;
		box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.7);
		padding-bottom: 75px;
		background: #fff;
	}



/***************************
 *    content   *
 ***************************/

 	.text-content {
	 	padding: 80px 30px 80px 0;
	 	max-width: 800px;
 	}

 	.extra-padded {
	 	padding: 0 7%;
 	}

 	.text-content h2 {

 	}

 	h1 {
	 	position: relative;
 	}

 	.text-content img {
 		max-width: 100%;
 	}

	@media only screen and (max-width: 768px) {

	 	.text-content {
		 	padding: 80px 30px 80px 20px;
	 	}

	}


/***********************
 *    Submenu   *
 ***********************/


	.submenu {
		text-align: left;
		position: relative;
	 	z-index: 5;
		padding: 10px 0;
		background: #f2f2f2;
		background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
		background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
		background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
		background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
		background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
	}

	.section .submenu {
		text-align: left;
		position: relative;
	 	z-index: 5;
		padding: 40px 0;
		margin-top: -18px;
	}

	.section .submenu.overview {
		margin-top: 0;
	}

	.submenu .item {
		background: rgba(0, 0, 0, 0);
		padding: 10px 0;
		position: relative;
		display: block;
		-webkit-transition: all 250ms ease-out;
		-moz-transition: all 250ms ease-out;
		-ms-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
		text-decoration: none;
	}

	.section .submenu .item {
		margin-bottom: 5px;
	}

	.submenu .item:hover {
		background: rgba(0, 0, 0, 0.05);
	}

	.section .submenu .item:hover, .section .submenu .item.active {
		background: rgba(0, 0, 0, 0.02);
	}

	.submenu .item .item-icon {
		position: absolute;
		top: -5px;
		left: -30px;
		width: 50px;
		height: 50px;
		padding: 10px;
		border-radius: 50%;
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	.old-ie .submenu .item .item-icon {
		display: none;
	}

	.section .submenu .item .item-icon {
		left: -15px;
	}

	.submenu .item .item-icon, .submenu .item .title {
		-webkit-transition: all 250ms ease-out;
		-moz-transition: all 250ms ease-out;
		-ms-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
	}

	.submenu:hover .item.active .item-icon {
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	.submenu .item:hover .item-icon, .submenu .item.active .item-icon, .submenu:hover .item:hover.active .item-icon {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}


	.submenu .item .item-icon img {
		width: 100%;
	}

	.submenu .item .title {
		font-family: 'Roboto', sans-serif;
    	color: #888;
		padding: 0 40px 0 20px;
		font-size: 14px;
		line-height: 20px;
		display: block;
	}

	.submenu.overview .item .title {
		color: #444;
	}

	.submenu .item:hover .title, .submenu .item.active .title {
		color: #252525;
	}

	.section .submenu .item .title {
		padding: 0 20px 0 40px;
	}

	.section .submenu:hover .item.active .title {
		padding: 0 20px 0 40px;
	}

	.section .submenu .item:hover .title, .section .submenu .item.active .title, .section .submenu:hover .item:hover.active .title {
		/*padding: 0 20px 0 45px;*/
	}

	.section .submenu .item .title {
		font-size: 17px;
	}

	.submenu .item .description {
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
		padding: 5px 40px 5px 20px;
		color: #777;
		text-transform: none;
		display: block;
	}

	.submenu.overview .item .description {
		padding: 5px 20px 5px 40px;
	}



/********************
 *    Search   *
 ********************/
	#menu-search i.icon {
		cursor: pointer;
	}
	.search-results .extra {
		font-style: italic;
	}

	.ui.items.search-results a.item, .ui[class*="very relaxed"].divided.items.search-results>.item {
		position: relative;
		padding: 2em 0 !important;
	}

	.ui.items.search-results a.item .header {

	}

	.ui.items.search-results a.item:hover .header {
		color: #00a4e6 !important;
	}

	.ui.items.search-results a.item .description {
		font-size: 15px;
		font-size: 0.9rem;
	}


	.ui.items.search-results a.item .ui.label {
		margin-left: 6px;
		border-radius: 0 !important;
		background: #999;
		color: #fff;
		font-size: 14px;
		font-size: 0.8rem;
		vertical-align: middle;
	}


	.ui.items.search-results a.item:hover .ui.label {
		background: #00a4e6;

	}


	.ui.items.search-results a.item .count {
		position: absolute;
		top: 0;
		left: -80px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background: #eee;
		color: #fff;
    	font-size: 30px;
    	border-radius: 50%;
	}

	#main-search input {
		border: none !important;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 0px 30px rgba(0, 0, 0, 0.15) !important;
		border-radius: 0 !important;

	}

	#main-search input:focus {
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 0px 50px rgba(0, 0, 0, 0.35) !important;
	}




/***************
 * Validation *
 ***************/

 	.ui.prompt.label {
	 	margin-top: -5px !important;
	 	margin-bottom: 25px;
	 	white-space: normal !important;
 	}

 	.ui.prompt.label.below {
	 	margin-bottom: 10px !important;
	 	margin-top: 25px;
 	}

 	.ui.brand.prompt.pointing.label:before {
	 	background-color: #4fb028 !important;
	}

 	.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
	 	color: #ff3d7a !important;
 	}

 	.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
	 	background: #ffffff !important;
 	}

	.ui.form .field.field input:-webkit-autofill {
	    box-shadow: 0 0 0 75pt #ffffff inset !important;
	}

	#show-terms {
		cursor: pointer;
		text-decoration: underline;
	}

	#terms-modal .actions {
		text-align: center;
	}

/**********
** UPDATE **
**********/

	.update-browser {
		margin: 20px 0 75px !important;
		padding: 0 40px 30px !important;
	}

	.update-browser img {
		width: 100px;
		max-width: 90%;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.update-browser a:hover img {
		-moz-transform: scale(0.97);
		-webkit-transform: scale(0.97);
		-o-transform: scale(0.97);
		-ms-transform: scale(0.97);
		transform: scale(0.97);
	}






/**********************
 *    VIDEOPLAYER     *
 **********************/


	.videoWrapper {
		position: relative;
		padding-bottom: 53.65%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

 	#videoPlayer {
	 	position: fixed;
		z-index: 3000;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #000;
		display: none;
 	}

 	.video-info {
	 	position: absolute;
	 	left: 0;
	 	bottom: -70px;
	 	width: 100%;
	 	font-size: 14px;
	 	color: #fff;
 	}


 	#videoPlayer .videoPlayerWrapper {
	 	position: absolute;
	 	top: 0;
	 	left: 0;
	 	right: 0;
	 	margin: auto;
	 	width: 100%;
	 	height: 100%;
	}

 	#videoPlayer .videoPlayerWrapper #videoPlayerContainer  {
	 	position: absolute;
	 	width: 100%;
	 	height: 100%;
	 	top: 0;
	 	left: 0;
	}

 	#videoPlayer.videoPlayerActive .videoPlayerWrapper #videoPlayerContainer  {
		top: 0;
	}

 	#player-close {
	 	position: absolute;
	 	right: 15px;
	 	top: 15px;
	 	width: 40px;
	 	height: 40px;
	 	line-height: 40px;
	 	text-align: center;
	 	color: #fff;
	 	cursor: pointer;
	 	-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		z-index: 2200;
		display: block;
		-moz-transform: scale(0) rotate(-90deg);
		-webkit-transform: scale(0) rotate(-90deg);
		-o-transform: scale(0) rotate(-90deg);
		-ms-transform: scale(0) rotate(-90deg);
		transform: scale(0) rotate(-90deg);
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
 	}

 	#videoPlayer.videoPlayerActive #player-close {
	 	-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-o-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
 	}

 	#videoPlayer.videoPlayerActive #player-close:hover {
	 	-moz-transform: scale(0.8) rotate(90deg);
		-webkit-transform: scale(0.8) rotate(90deg);
		-o-transform: scale(0.8) rotate(90deg);
		-ms-transform: scale(0.8) rotate(90deg);
		transform: scale(0.8) rotate(90deg);
	}

 	#player-close .icon {
	 	width: 40px;
	 	height: 40px;
	 	line-height: 40px;
	 	text-align: center;
	 	margin: 0 !important;
	 	padding: 0 !important;
	 	font-size: 30px !important;
	}



/* videos */

	.video-container {
	    position: relative;
	    padding-bottom: 52%;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}


/**********************
 *    Images     *
 **********************/

 	.full-width-image {
	 	width: 100%;
	 	max-width: 1440px;
	 	margin: 0 auto;
	 	opacity: 0;
 	}
 	.full-width-image img {
	 	width: 100%;
	 	display: inline-block;
	}

/***************
 *    Labels   *
 ***************/

 	.ui.basic.label {
	 	background: transparent;
	 	border: 1px solid #eee;
	 	line-height: 1em;
	 	vertical-align: middle;
 	}

 	a.ui.basic.label:hover {
	 	color: #333 !important;
 	}



	@media only screen and (max-width: 768px) {

	 	.mobile-spacer {
		 	padding: 0 20px;
	 	}

	}




/***************
 *    BG VIDEO   *
 ***************/

 	#bg-video {
	 	position: fixed;
	 	top: 0;
	 	left: 0;
	 	width: 100%;
	 	z-index: 1;
	 	opacity: 0;
 	}




/***************
 *    Content wrapper   *
 ***************/

 	.content-wrapper {
	 	position: relative;
 	}


/***************
 *    Animation   *
 ***************/

 	.scale-on-hover {
	 	-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		cursor: pointer;
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
 	}

 	.scale-on-hover:hover {
	 	-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}


/***************
 *    Tagline   *
 ***************/

 	h1.tagline {
	 	padding: 0 50px !important;
	 	margin-bottom: 0;
	 	text-align: center;
 	}


/***************
 *    Banner Nav   *
 ***************/

 	.banner-nav {
	 	color: #fff;
	 	padding: 0;
	 	text-align: center;
 	}

 	.banner-nav .item {
	 	opacity: 0;
 	}

 	.banner-nav .item, .banner-nav:hover .item.active  {
	 	font-size: 15px;
	 	letter-spacing: 0.04em;
	 	line-height: 3em;
	 	display: inline-block;
	 	padding: 0 0.85em;
	 	color: #fff;
	 	-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		cursor: pointer;
		-webkit-transition: all 450ms ease;
		-moz-transition: all 450ms ease;
		-ms-transition: all 450ms ease;
		-o-transition: all 450ms ease;
		transition: all 450ms ease;
	 	text-transform: uppercase;
	 	text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.4);
 	}

 	.banner-nav .item:hover, .banner-nav .item.active, .banner-nav:hover .item.active:hover {
	 	-moz-transform: scale(1.1) !important;
		-webkit-transform: scale(1.1) !important;
		-o-transform: scale(1.1) !important;
		-ms-transform: scale(1.1) !important;
		transform: scale(1.1) !important;
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	 	color: #fff;
	}



	@media only screen and (max-width : 1440px) {
		.banner-nav .item {
	 		font-size: 14px;
		}
	}

	@media only screen and (max-width : 1280px) {
		.banner-nav .item {
	 		font-size: 13px;
		}
	}

	@media only screen and (max-width : 1100px) {

		.banner-nav .item {
	 		font-size: 12px;
		}
	}

	@media only screen and (max-width : 900px) {

		.banner-nav {
	 		padding: 10px 20% 0;
		}

		.banner-nav .item {
			color: #555;
			text-shadow: none;
		}

	}

	@media only screen and (max-width : 768px) {

		.banner-nav {
	 		padding: 10px 10% 0;
		}
	}

	@media only screen and (max-width : 768px) {

		.banner-nav {
	 		padding: 10px 1% 0;
		}
	}



/***************
 *    Inview   *
 ***************/

 	.inview {
	 	opacity: 0;
 	}


/***************
 *    Link items   *
 ***************/

 	.link-items .item, .link-items a.item {
	 	display: block !important;
 	}

 	.link-items a.item:hover {
	 	color: #333 !important;
	}


/***************
 *    BANNER SLIDER     *
 ***************/

 	#banner-slider.ms-skin-light-5 .ms-timerbar  {
	 	background: transparent;
	 	height: 8px !important;
 	}

 	#banner-slider.ms-skin-light-5 .ms-timerbar .ms-time-bar {
	 	height: 8px !important;
 	}

/***************
 *    INLINE SLIDER     *
 ***************/

 	#inline-slider {
	 	min-height: 530px;
 	}

 	@media only screen and (max-width: 1000px) {
	 	#inline-slider {
		 	min-height: 43vw;
	 	}
	}

	#inline-slider.cinema-view.bottom-attached .ms-container {
		margin-bottom: -10px ;
	}

	.menu-spacer {
		height: 50px;
	}

 	@media only screen and (min-width: 1276px) {

		.menu-spacer {
			height: 64px;
		}
	}

 	@media only screen and (min-width: 768px) {

		#inline-slider.cinema-view.bottom-attached .ms-container {
			margin-bottom: -50px;
		}

		#inline-slider.cinema-view .ms-container {
			padding: 0 0 50px 0;
			background-size: 100% 100%;
			background-position: center center;
			background-repeat: no-repeat;
		}

		#inline-slider .ms-slide {
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0px 0px 80px -20px rgba(0, 0, 0, 1), 0px -35px 80px 0 rgba(0, 0, 0, 1);
		}

	}


/***************
 *   Contact     *
 ***************/

	.contactmap-container {
	 	width: 100%;
	 	height: 250px;
	 	min-height: 60vh;
	 	position: relative;
	}

 	#contactmap {
	 	position: absolute;
	 	top: -8%;
	 	left: -8%;
	 	width: 116%;
	 	height: 116%;
 	}

 	.contactmap-container .contact-route {
	 	display: block;
	 	width: 220px;
	 	position: absolute;
	 	left: 0;
	 	right: 0;
	 	bottom: 20px;
	 	margin: 0 auto;
	 	z-index: 200;
 	}




/**************************
 *    HORIZONTAL MENU     *
 **************************/
	.horizontal-menu {
		padding-bottom: 8px;
		width: 100%;
		text-align: center;
		overflow: hidden;
	}


	@media only screen and (max-width: 600px) {
		.horizontal-menu {
			overflow: visible;
			overflow-x: scroll;
		}
	}

	.horizontal-menu .ui.secondary.pointing.menu {
		text-align: center;
	}

	.horizontal-menu .ui.secondary.pointing.menu .item a {
		font-size: 17px;
		text-transform: uppercase;
		color: #586771;
		overflow: scroll;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	.horizontal-menu .ui.secondary.pointing.menu .item.active {
		border-color: #41b028;
	}

	.horizontal-menu .ui.secondary.pointing.menu:hover .item.active {
		border-color: transparent;
	}

	.horizontal-menu .ui.secondary.pointing.menu .item:hover, .horizontal-menu .ui.secondary.pointing.menu:hover .item.active:hover {
		border-color: #58b028;
	}



/*****************
 *    ICONS     *
 *****************/

 	.left-quote {
	 	position: relative;
 	}
 	.left-quote i.icon {
	 	position: absolute;
	 	top: -20px;
	 	left: -80px;
	 	opacity: 0.1;
 	}


/*****************
 *    Reservaties     *
 *****************/

	#persons-details .person-detail {
		margin: 10px 0 15px;
	}
	#persons-details .person-detail .number label {
		background: #2871b0;
		color: #fff;
		width: 25px;
		height: 25px;
		line-height: 25px;
		padding: 0;
		display: inline-block;
		border-radius: 50%;
		font-size: 18px;
		text-align: center;
	}


/* PAGE BANNERS */


	.page-banner {
		position: relative;
		width: 100%;
		z-index: 2;
	}

	.page-banner .banner-image {
		width: 100%;
		height: 500px;
		height: 70vh;
		min-height: 450px;
		max-height: 40vw;
		position: relative;
		overflow: hidden;
	}

	.page-banner.message .banner-image {
		height: 500px;
		min-height: 80vh;
		max-height: 1000px;
	}

	.page-banner.small .banner-image {
		max-height: 15vw;
	}

	.page-banner.tiny .banner-image {
		min-height: 280px;
		max-height: 40vh;
	}

	.page-banner .banner-image img {
		min-width: 100%;
	}

	.page-banner .content {
		position: absolute;
		bottom: 10%;
		left: 0;
		box-sizing: border-box;
		width: 100%;
	}


	.page-banner.message .content {
		bottom: 0;
		background: -moz-linear-gradient(top,  rgba(0,42,68,0) 0%, rgba(0,42,68,0.01) 1%, rgba(0,42,68,0.74) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,42,68,0) 0%,rgba(0,42,68,0.01) 1%,rgba(0,42,68,0.74) 100%);
		background: linear-gradient(to bottom,  rgba(0,42,68,0) 0%,rgba(0,42,68,0.01) 1%,rgba(0,42,68,0.74) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002a44', endColorstr='#bd002a44',GradientType=0 );
		color: #fff;
		text-align: center;
		padding: 3rem 0 5rem;
	}

	.page-banner.message .content h1 {
		font-weight: 700;
		color: #fff;
		margin-bottom: 0.75rem;
	}

	.page-banner.message .content p {
		font-weight: 500;
		color: #fff;
	}

	.page-banner.message .content i.icon {
		color: #fff;
	}

	.page-banner h1.banner-title {
		margin-top: -1em;
		line-height: 1em;
		margin-bottom: 0;
		color: #fff;
		text-align: center;
		font-size: 3rem;
		font-weight: 400;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17), 0px 0px 3px rgba(0, 0, 0, 0.17);
	}

	.page-banner h2.banner-title.huge {
		margin-top: 0;
		margin-bottom: 0;
		line-height: 2em;
		margin-bottom: 0;
		color: #fff;
		text-align: center;
		font-size: 5rem;
		font-weight: 300;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17), 0px 0px 3px rgba(0, 0, 0, 0.17);
	}

	@media only screen and (max-width: 767px) {
		.page-banner h1.banner-title {
			font-size: 2rem ;
			font-weight: 400;
		}

		.page-banner.tiny .banner-image {
		    min-height: 200px;
		    max-height: 40vh;
		}
	}

/* ARTICLE BANNERS */


	.image-banner {
		height: 500px;
		height: 30vw;
		min-height: 250px;
		position: relative;
		overflow: hidden;
	}

	.parallax-container {
		height: 500px;
		height: 50vw;
		min-height: 210px;
		max-height: 55vh;
	}

	.parallax-container.small {
		height: 400px;
		height: 42vw;
		min-height: 180px;
		max-height: 42vh;
	}

	.image-banner .content, .parallax-container .bottom-content {
		position: absolute;
		bottom: 0;
		left: 0;
		background: -moz-linear-gradient(top,  rgba(0,42,68,0) 0%, rgba(0,42,68,0.01) 1%, rgba(0,42,68,0.74) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,42,68,0) 0%,rgba(0,42,68,0.01) 1%,rgba(0,42,68,0.74) 100%);
		background: linear-gradient(to bottom,  rgba(0,42,68,0) 0%,rgba(0,42,68,0.01) 1%,rgba(0,42,68,0.74) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002a44', endColorstr='#bd002a44',GradientType=0 );

		color: #fff;
		box-sizing: border-box;
		padding: 75px 0 1.5rem;
		width: 100%;

	}

	.parallax-container .bottom-content h1 {
		color: #fff;
		margin: 0 0 0.1rem 5px;
		font-size: 2.7rem;
		line-height: 1em;
		font-weight: 700;

	}

	.parallax-container .bottom-content ol {
		color: #fff;
		margin: 0;
		padding: 0;
		line-height: 1.3em;
		list-style: none;
	}

	.parallax-container .bottom-content ol li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline-block;
	}

	.parallax-container .bottom-content ol li:after {
		display: inline-block;
		opacity: 1;
		margin: 0em 0.2rem 0em 0.2em;
		width: 0.6em;
		height: 1em;
		font-family: 'Icons';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		text-align: center;
		speak: none;
		font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		content: "\f105";
	}
	.parallax-container .bottom-content ol li:last-child:after {
		display: none;
	}

	.parallax-container .bottom-content p {
		color: #fff;
		margin: 0;
		line-height: 1.3em;
	}

	.parallax-container .bottom-content p a,
	.parallax-container .bottom-content ol li a {
		color: #fff !important;
		text-decoration: none;
		padding: 0 6px;
		border-radius: 0.75em;
		line-height: 1.5em;
		display: inline-block;
		position: relative;
		font-weight: 500;
	}


	.parallax-container .bottom-content p .destination {
		color: #fff !important;
		padding: 0 0.4em;
		line-height: 1.5em;
		display: inline-block;
	}

	.parallax-container .bottom-content p i.icon {
		margin: 0 -0.3em;
	}

	.parallax-container .bottom-content p a:hover,
	.parallax-container .bottom-content ol li a:hover {
		background: #fff;
		color: #121b3e !important;
	}

	.parallax-container .bottom-content .category-icon {
		position: absolute;
		top: 0.75rem;
		left: -0.95em;
	 	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 5px 30px rgba(0, 0, 0, 0.3);
	}

	.parallax-container .bottom-content .category-icon:after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(255,254,229,0.4) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 51%);
		background: -webkit-linear-gradient(top, rgba(255,254,229,0.4) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%);
		background: linear-gradient(to bottom, rgba(255,254,229,0.4) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 51%);
		border-radius: 500em;
		overflow: hidden;
	}

	.image-banner .content h1 {
		color: #fff;
		margin: 0;
	    font-size: 2rem;
	}

	.image-banner.small {
		height: 250px;
		height: 13vw;
		min-height: 250px;
		position: relative;
		overflow: hidden;
	}

	.parallax img {
		width: 100%;
		min-height: 100px;
	}


@media only screen and (max-width : 1500px) {


	.parallax-container .bottom-content h1 {
		font-size: 36px;
	}

}


@media only screen and (max-width : 1199px) {


	.parallax-container .bottom-content h1 {
		font-size: 30px;
	}

	.parallax-container .bottom-content .category-icon {
		position: absolute;
		top: -0.4em;
		left: 0.25rem;
		font-size: 2.75rem;

	}
}


/*****************
 * Category icon *
 ****************/


	.category-icon {
		font-size: 5rem;
		height: 1em;
		width: 1em;
		color: #fff;
		box-sizing: border-box;
		padding: 0.1em;
		border-radius: 0.5em;
		overflow: hidden;

	}

	.category-icon img {
		width: 0.8em;
	}


	.category-icon.tiny {
		padding: 0.2em;
		font-size: 30px;
		display: inline-block;
		vertical-align: middle;
	}

	.category-icon.tiny img {
		width: 0.6em;
	}

	.category-icon.small {
		padding: 0.2em;
	}

	.category-icon.small img {
		width: 0.6em;
	}

	.category-icon.floating {
		box-shadow: 0 2px 4px rgba(0,0,0, 0.12),0 2px 4px rgba(0,0,0, 0.24);
	}

/**************
 * Gallery *
 *************/


.photoswipe-gallery-wrapper {
	height: 200px;
	height: 11rem;
	font-size: 0;
	background: #283c6a;
}

.photoswipe-gallery figure {
	margin: 0;
	display: inline-block;
}

.photoswipe-gallery figure a {
	display: block;
	overflow: hidden;
	position: relative;
}

.no-touch .photoswipe-gallery figure a {
	-webkit-transition: opacity 150ms ease;
	-moz-transition: opacity 150ms ease;
	-ms-transition: opacity 150ms ease;
	-o-transition: opacity 150ms ease;
	transition: opacity 150ms ease;
	position: relative;
}

.no-touch .photoswipe-gallery figure a:after {
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
	z-index: 1;
}

.no-touch .photoswipe-gallery figure:hover a:after {
	background: rgba(0, 0, 0, 0.2);
}


.no-touch .photoswipe-gallery figure:hover a {
	opacity: 1;
}

.photoswipe-gallery figure img {
	height: 11rem;
	-webkit-transition: transform 1s ease;
	-moz-transition: transform 1s ease;
	-ms-transition: transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
}


.photoswipe-gallery figure a i.icon {
	position: absolute;
	margin: auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 30px;
    text-decoration: none;
	-moz-transform: scale(0.3);
	-webkit-transform: scale(0.3);
	-o-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
	opacity: 0;
	z-index: 2;
}


.photoswipe-gallery figure:hover a i.icon {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


.no-touch .photoswipe-gallery figure:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.photoswipe-gallery-wrapper .photoswipe-gallery {
	margin: auto;
	text-align: center;

}
@media only screen and (max-width: 1280px) {
	.photoswipe-gallery-wrapper, .photoswipe-gallery figure img {
		height: 6rem;
	}
}

@media only screen and (max-width: 767px) {

	.photoswipe-gallery-wrapper, .photoswipe-gallery figure img {
		height: 5rem;
	}

}

/****************************
 *    Horizontal scroller   *
 ****************************/


	.horizontal-scroller {
		overflow-y: hidden;
	}

	.horizontal-scroller .scroll-container {
		white-space: nowrap;
		overflow-x: scroll;
		max-width: 100%;
		position: relative;
	}

	.horizontal-scroller .scroll-container .scroll-item {
		white-space: nowrap;
		display: inline-block;
	}


/****************************
 *    google map   *
 ****************************/

 	.reis-location {
	 	background: rgba(240,240,240,1);
	 	position: relative;
	    min-height: 300px;
 	}
 	.reis-location .ui.grid {
	 	position: relative;
	 	z-index: 2;
	 	margin-top: 0;
	 	margin-bottom: 0;
	}

 	.reis-location .map-container {
		overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
	}

 	.reis-location .map-container iframe {
		left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
 	}

 	.reis-location .google-map {
	 	width: 100%;
	 	height: 100%;
	}



@media only screen and (max-width: 767px) {

 	.reis-location .map-container {
	 	position: relative;
	 	width: 100%;
	 	top: 0;
	 	right: auto;
	    height: 300px;
	    min-height: 100%;
	}

	.reis-location .map-container:after {
		width: 100%;
		height: 30%;
		background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00f3f3f3',GradientType=0 );

	}

}


/* Calculations */

	.calculations .ui.table {
		font-size: 1rem;
	}

	.calculations .ui.table thead th {
		font-size: 12px;
    	text-transform: uppercase;
    	opacity: 0.6;
    	line-height: 0.8em;
	}

	.calculations .ui.table td.title, .calculations .ui.table td.quantity {

	}

	.calculations .ui.table td.price, .calculations .ui.table td.subtotal {

	}

	.calculations .ui.table td.title-total {

    	text-transform: uppercase;
    	line-height: 1rem;
	}

	.calculations .ui.table td.calculation-total {

    	font-size: 1.5em;
    	line-height: 1rem;
	}




/* PAGE Container */

	.page-container {
		width: 1400px;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 2rem;
	}

	.page-container.wide {
		width: 1600px;
	}


	@media only screen and (max-width: 767px) {

		.page-container {
			padding: 0 0.7rem;
		}
	}

/* PAGE Container */

	#search-reizen.over-all {
		z-index: 2000000000 !important;
	}

	.search-trip {
		width: 100%;
		max-width: 100%;
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: stretch;
	    -webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	    -ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		align-items: center;
	}


	.search-trip .search-field {
		display: block;
		box-sizing: border-box;
	    width: auto;
	    flex-grow: 10;
	    padding: 0;
	    text-align: left;
	}


	.search-trip .search-field-small {
		display: block;
		box-sizing: border-box;
	    width: auto;
	    padding: 0;
	    text-align: left;
	}


	.search-trip .ui.selection.dropdown {
		background: rgba(255, 255, 255, 0.9);
		display: block;
		line-height: 50px;
		padding: 0 1rem;
		position: relative;
	    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35), 2px 3px 20px rgba(0, 0, 0, 0.2);
		border: transparent;
		margin: 0px;
	}

	.search-trip .ui.selection.dropdown .menu {
		line-height: 40px;
		padding: 0;
	}
	.search-trip .ui.selection.dropdown .menu .item.all {
		opacity: 0.5;
	}
	.search-trip .ui.selection.dropdown i.dropdown.icon {
		line-height: inherit;
		position: absolute;
		top: 0;
		right: 1em;
	}
	.search-trip .ui.selection.dropdown .text .dropdown-label {
		position: absolute;
		top: 0;
		line-height: 28px;
		font-size: 12px;
		color: #ef2b1d;
	}


	.search-trip .search-submit {
	    text-align: center;
		background: #ce271b;
		color: #fff;
		display: block;
		line-height: 50px;
		padding: 0 3rem 0 1rem;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		cursor: pointer;
		border: none;
		position: relative;
		outline: none !important;
		margin-left: auto;
		width: auto;
	    flex-grow: 1;
	    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.35);
		margin: 0px;
	}

	@media only screen and (min-width: 1360px) {
		.search-trip .ui.selection.dropdown, .search-trip .search-submit {
			line-height: 60px;
		}
	}

	.search-trip .search-submit:hover {
		background: #c21d12;
	}


	.search-trip .search-submit i.icon {
		font-size: 18px;
		line-height: inherit;
		height: inherit;
		margin: 0;
		vertical-align: middle;
	}


	.search-trip .search-submit .text {
		line-height: inherit;
		height: inherit;
		vertical-align: middle;
		display: inline-block;
		padding-left: 1rem;
	}

	#search-toggle {
		display: none;
		font-size: 14px !important;
		line-height: 50px;
		padding: 0 10px !important;
		position: relative;
	}

	#search-toggle i.icon {
		line-height: 50px;
		height: 50px;
		width: 40px;
		text-align: center;
		vertical-align: middle;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 1;
		font-size: 22px;
	}

	.search-counts .ui.label {
		vertical-align: middle;
		font-weight: 900;
		display: inline-block;
		margin-right: 5px;
		text-align: center;
		font-size: 14px !important;
		min-width: 28px;
		min-height: 28px;
		line-height: 28px;
		padding: 0 0.2em !important;
	}

	.search-counts .ui.label {
		vertical-align: middle;
		font-weight: 900;
		display: inline-block;
		margin-right: 0;
		text-align: center;
		font-size: 14px !important;
		min-width: 2px;
		min-height: 2px;
		line-height: auto !important;
		padding: 0 !important;
		background: none !important;
		color: #d00 !important;
	}

	.search-counts .ui.breadcrumb {
		vertical-align: middle;
		display: inline;
		font-size: 13px !important;
	}

	.search-counts .ui.breadcrumb .section {
		white-space: nowrap !important;
		display: inline-block !important;
	}

@media only screen and (max-width: 880px) {


	.page-banner .banner-image {
		max-height: 50vh;
	    height: 50vw;
	    min-height: 36vw;
		position: relative;
	}

	.page-banner .content {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: 0;
	}

	.page-banner.message .content {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-top: 0;
	}

	.page-banner .content .page-container {
		padding: 0;
	}



	.search-trip .search-submit {
	    width: 100%;
	    flex: auto;
		text-align: center;
	}

}


@media only screen and (max-width: 810px) {

	.search-trip .search-field, .search-trip .search-field-small {
	    width: 50%;
	    flex: auto;
	}
		.search-trip .ui.selection.dropdown, .search-trip .search-submit {
			margin: 0;
		}
}

@media only screen and (max-width: 550px) {


	.page-banner .banner-image {
		min-height: 50vw;
		height: 50vw;
		max-height: 300px;
		position: relative;
	}
}

@media only screen and (max-width: 480px) {
	.search-trip .search-field, .search-trip .search-field-small {
	    width: 100%;
	    flex: auto;
	}

	#search-toggle {
		display: block;
	}
	#search-reizen {
		display: none;
	}
	#search-hider.visible #search-reizen {
		display: block;
	}
	#search-hider.visible #search-toggle {
		display: none;
	}

}




/* BANNERS */

	.default-banner {
		position: relative;
		width: 100%;
		height: 350px;
		height: 74vh;
		max-height: 1000px;
		min-height: 500px;
		overflow: hidden;
	}

	.default-banner.small {
		height: 250px;
		height: 50vh;
		min-height: 300px;
	}

	.default-banner.tiny {
		height: 250px;
		height: 40vh;
		min-height: 250px;
	}


	.default-banner img.image-cover {
		position: absolute;
	}

	.default-banner img.image-cover.blurred {
		-webkit-filter: blur(5px) brightness(1.1);
		filter: blur(5px) brightness(1.1);
	}

	.default-banner .fixed-image {
		position: relative;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}


	.default-banner.fixed #banner-slider.master-slider {
		position: fixed !important;
		z-index: 0;
		left: 0;
		width: 100%;
		height: 350px !important;
		height: 72vh !important;
		max-height: 44vw;
		min-height: 260px;
		top: 75px;
		overflow: visible !important;
	}

	.default-banner .fixed-image .fixed-image-container {
		position: fixed;
		z-index: -1;
	}

	.default-banner .banner-image {
		position: relative;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	.default-banner .banner-image img.image-cover {
		position: absolute;
		z-index: 0;
	}


/* SLIDER */

	#banner-slider {
		position: relative;
		overflow: hidden;
	}

	#banner-slider .ms-slide {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	#banner-slider .ms-container {
		background: transparent;
	}

	#banner-slider .ms-slide-bgcont, #banner-slider, #banner-slider .ms-container, #banner-slider .ms-slide, #banner-slider .ms-container, #banner-slider .ms-inner-controls-cont, #banner-slider .ms-view, #banner-slider .ms-mask-frame, #banner-slider .ms-slide-container {
		height: 100% !important;
		width: 100% !important;
	}

	#banner-slider .ms-bullet {
		position: relative;
		margin: 0 !important;
		width: 20px;
		height: 20px;
		opacity: 1;
		cursor: pointer;
	}

	#banner-slider .ms-bullet:after {
		position: absolute;
		content: " ";
		font-size: 0;
		margin: 6px;
		width: 8px;
		height: 8px;
		border-radius: 4px;
		background: #fff;
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1), 0px 1px 2px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	#banner-slider .ms-bullets:hover .ms-bullet:hover:after , #banner-slider .ms-bullets:hover .ms-bullet.ms-bullet-selected:hover:after {
		opacity: 1;
		background: #fff;
		box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 1px 3px rgba(0, 0, 0, 0.4);
	}

	#banner-slider .ms-bullets:hover .ms-bullet.ms-bullet-selected:after, #banner-slider .ms-bullet.ms-bullet-selected:after {
		background: rgba(255, 255, 255, 0);
		box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 1px 3px rgba(0, 0, 0, 0.4);
	}

/* BANNER HERO */

	.default-banner .hero, .default-banner .ms-slide.custom-text .ms-slide-layers {
		margin: 0;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	 	font-family: 'Roboto',sans-serif;
	 	color: #fff;
	 	box-sizing: border-box;
	 	padding: 1rem;
	 	text-align: center;
	 	text-shadow: 0px 0px 1px rgba(0,0,0, 0.4), 0px 1px 3px rgba(0,0,0, 0.3), 0px 3px 6px rgba(0,0,0, 0.3);
	 	width: 100%;
	 	overflow: visible !important;
	 	z-index: 5;
	}

	.default-banner .hero {
		margin: 0 auto;
	 	max-width: 800px;
	}


	.default-banner .ms-slide.custom-text .ms-slide-layers {
	    transform: translate(0, -50%) !important;
	    height: auto !important;
	}

	.default-banner .hero .subtitle, .default-banner .ms-slide-layers .subtitle {
		font-size: 18px;
	 	line-height: 1.3;
	 	display: block;
	 	text-transform: none;
	 	font-weight: 700;
	}

	.default-banner .hero .subtitle.small, .default-banner .ms-slide-layers .subtitle.small {
		font-size: 13px;
	 	line-height: 1.3;
	 	display: block;
	 	text-transform: none;
	 	font-weight: bold;
	}

	.default-banner .hero .line, .default-banner .ms-slide-layers .line {
		width: 350px;
		max-width: 50%;
		height: 1px;
		background: #fff;
		margin: 4px auto 2px;
	}

	.default-banner .hero .title, .default-banner .ms-slide-layers .title {
		font-size: 36px;
		font-weight: 900;
	 	line-height: 1;
	 	text-transform: none;
	 	letter-spacing: -0.01em;
	}

	.default-banner .ms-slide.custom-text .ms-anim-layers {
		width: 100% !important;
		text-align: center !important;
		padding-top: 50px;
	}

	.default-banner .ms-slide.custom-text .ms-layer {
		position: relative !important;
		text-align: center !important;
	}

	.default-banner .hero .ui.button, .default-banner .ms-slide-layers .ui.button {
		margin-top: 1rem !important;
		padding: 1.2em 1.8em;
	}

	.default-banner .hero .ui.button:hover, .default-banner .ms-slide-layers .ui.button:hover {

	}

	.default-banner .ms-layer.title {
		max-width: 750px;
		margin: 0 auto;
	}

	@media (min-width: 1280px) {


		.default-banner .hero {
		 	max-width: 80vw;
		}

		.default-banner .ms-slide-layers .ms-layer.title {
			max-width: 100%;
			font-size: 3.2vw;
		}
	}

	@media (min-width: 1280px) {

		.default-banner .ms-slide-layers .ms-layer.subtitle {
			max-width: 100%;
			font-size: 1.3vw;
		}

	}

/* CUSTOM IMAGE LAYERS */

	.default-banner .ms-slide-layers .ms-layer.custom-image-top {
		margin-top: -100px;
		width: 280px;
	}

	.default-banner .ms-slide-layers .ms-layer.custom-image-bottom {
		margin-top: 40px;
		width: 650px;
	}

	.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
		margin-bottom: 40px;
		bottom: 10% !important;
		margin-right: -4.5%;
		width: 26%;
	}


	@media screen and (min-width: 1921px) {

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			width: 500px;
		}
	}


	@media screen and (min-width: 1550px) and (max-height: 720px)  {

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			margin-right: -4%;
			width: 23%;
			max-width: 430px !important;
		}
	}



	@media screen and (max-width: 1500px), screen and (max-height: 720px) {
		.default-banner .ms-slide-layers .ms-layer.custom-image-top {
			margin-top: -80px;
			width: 250px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bottom {
			margin-top: 40px;
			width: 500px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			margin-bottom: 45px;
		}
	}

	@media screen and (max-width: 1280px) {
		.default-banner .ms-slide-layers .ms-layer.custom-image-top {
			margin-top: -80px;
			width: 220px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bottom {
			margin-top: 25px;
			width: 400px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			margin-bottom: 50px;
		}
	}

	@media screen and (max-width: 960px) {
		.default-banner .ms-slide-layers .ms-layer.custom-image-top {
			margin-top: -67px;
			width: 200px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bottom {
			margin-top: 17px;
			width: 320px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			margin-bottom: 60px;
		}
	}

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

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			margin-bottom: 0;
			bottom: -1% !important;
			margin-right: -55px !important;
			width: 280px;
		}

	}

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

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			bottom: -1.5% !important;
			margin-right: -44px !important;
			width: 240px;
		}

	}

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


		.default-banner {
			height: 355px;
			min-height: 355px;
		}

		.default-banner .ms-slide-layers .ms-layer.custom-image-bus {
			bottom: -1.75% !important;
			margin-right: -39px !important;
			width: 200px;
		}

	}


/* BANNER HERO */

	.default-banner .overlay {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
		background: rgba(79, 79, 79, 0.60);
		z-index: 2;
	}

	@media only screen and (max-width: 900px) {

		.default-banner .hero .subtitle, .default-banner .ms-slide-layers .subtitle {
			font-size: 16px;
		}

		.default-banner .hero .title, .default-banner .ms-slide-layers .title {
			font-size: 33px;
		}

	}

	@media only screen and (max-width: 880px) and (orientation:portrait) {

		.default-banner {
			min-height: 350px;
			max-height: 60vh;
		}
	}

	@media only screen and (max-width: 880px) and (orientation:landscape) {

		.default-banner {
			min-height: 350px;
			max-height: 450px;
		}
	}
/* Fietsreizen levels */

	.level-indicator {
		display: inline-block;
		float: right;
		white-space: nowrap;
		font-size: 0;
		vertical-align: bottom;
	}
	.level-indicator.not-floated {
		float: none;
	}

	.level-indicator img {
		display: inline-block;
		width: 19px;
		vertical-align: middle;
	}

/* Reis detail */

	#reservation-date-selection i.icon {
		opacity: 0;
		color: #2daa16;
	}

	#reservation-date-selection .item {
		opacity: 0.5;
	}

	#reservation-date-selection .item.selectable {
		opacity: 1;
		cursor: pointer;
	}

	#reservation-date-selection .item.selectable:hover {
		background: #f4f4f4;
	}

	#reservation-date-selection .item.selected i.icon {
		opacity: 1;
	}

	.comment-box {
		background: #f7f7f7;
		padding: 16px;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.06);
		position: relative;
	}

	.ui.corner.label.comment-corner {
		border-color: transparent !important;
		color: #ce271b;
		background: transparent !important;
	}
	.comment-box p {
		font-size: 14px !important;
	}

	.comment-box.left-padded {
		padding-left: 50px;
	}


	/* COOKIES */

	p.cc_message {
		color: #555;
	}

	@media only screen and (min-width: 767px) {

		p.cc_message {
			color: #555;
			font-size: 14.4px !important;
			line-height: 18px !important;
		}
	}

	.cc_logo {
		/*display: none !important;*/
	}

	.cc_container .cc_btn, .cc_container .cc_btn:visited {
		background: #3198ff !important;
		color: #fff !important;
	}

@media only screen and (max-width: 767px){

	.ui.stackable.grid .wide.column.mobile-remove-top-padding {
		padding-top: 3px !important;
	}

	.ui.stackable.grid .wide.column.mobile-remove-bottom-padding {
		padding-bottom: 3px !important;
	}

	.max-width-block {
		max-width: 450px;
	}
}



/* RATING */

 	.reis-rating {
	 	white-space: nowrap;
	 	display: inline-block;
	 	font-size: 0.6em;
	 	vertical-align: super;
	 	color: inherit;
	 	line-height: 1 !important;
 	}

 	.reis-rating.reis-rating-gold {
	 	color: #e5b123;
	}

 	.reis-rating i.icon {
	 	margin: 0 -0.15em 0 0;
	 	font-size: 1em;
 	}

 	.reis-rating .rating-plus {
	 	font-weight: 900;
	 	font-size: 12px;
	 	text-transform: uppercase;
	 	vertical-align: super;
	 	margin-left: 4px;
 	}



/* Back to top */

	#back-to-top {
		position: fixed;
		bottom: -70px;
		left: 0;
		width: 50px;
		height: 50px;
		text-align: center;
		box-sizing: border-box;
		padding-top: 5px;
		background: #ce271b;
		border-radius: 0px 20px 0px 0px;
		color: #fff;
		line-height: 10px;
		z-index: 401;
		cursor: pointer;
		-webkit-transition: bottom 250ms ease;
		-moz-transition: bottom 250ms ease;
		-ms-transition: bottom 250ms ease;
		-o-transition: bottom 250ms ease;
		transition: bottom 250ms ease;
	}

	#back-to-top i.icon {
		font-size: 24px;
		line-height: 1;
		margin: 0;
	}


	#back-to-top .text {
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 900;
		margin-top: 4px;
	}

	@media only screen and (max-height: 550px), only screen and (max-width: 550px) {
		#back-to-top {
			padding-top: 5px;
			width: 44px;
			height: 50px;
		}
	}


	#back-to-top.visible {
		bottom: 0;
	}



/* Bussen */

	.content-box {
		background: #fff;
		padding: 1rem 40px 1.5rem 1.5rem;
		box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.04);
		max-width: 500px;
		box-sizing: border-box;
		border-radius: 3px;
	}

	.content-box.labeled {
		margin-right: 50px;
	}

	.double-decker-bg {
		background: url(/images/theme/bussen/double-decker-cropped.jpg?v=1.1);
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.content-box-label {
		float: right;
		width: 170px;
		margin-right: -126px;
		margin-top: -60px;
		pointer-events: none;
	}


	.content-box-label img {
		width: 100%;
	}



@media only screen and (max-width: 1300px){
	.content-box {
		max-width: 400px;
	}

}

@media only screen and (max-width: 510px){
	.content-box {
		max-width: 400px;
	}

	.content-box.labeled {
		margin-right: 0px;
	}

	.content-box-label {
		float: right;
		width: 150px;
		margin-right: -75px;
		margin-top: -75px;
	}

}



/* Bussen voorzieningen */

	.coach-list {
		font-size: 1em;
		color: #777;
	}

	.coach-list .ui.image {
		width: 24px;
		height: auto;
	}

	.coach-list .item {
		margin-bottom: 0.4em;
	}

	.coach-list .item .content {
		font-size: 0.9em;
		color: #777;
	}