/************************************
		Global Ticket
*************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

strong{
	font-weight: bold;
}
em{
	font-style: italic;
}

/************************************************************
*	Font-face "Sofia Pro"
************************************************************/
@font-face {
	font-family: 'Sofia Pro';
	src: url("");
	src: url("") format('embedded-opentype'),
		 url("SofiaProLight-webfont.woff") format('woff'),
		 url("SofiaProLight-webfont.ttf") format('truetype'),
		 url("") format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Sofia Pro';
	src: url("");
	src: url("") format('embedded-opentype'),
		 url("SofiaProRegular-webfont.woff") format('woff'),
		 url("SofiaProRegular-webfont.ttf") format('truetype'),
		 url("") format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Sofia Pro';
	src: url("");
	src: url("") format('embedded-opentype'),
		 url("SofiaProMedium-webfont.woff") format('woff'),
		 url("SofiaProMedium-webfont.ttf") format('truetype'),
		 url("") format('svg');
	font-weight: 500;
	font-style: normal;
}

/************************************
			Hide elements
*************************************/
.desktop{
	display: none;
}
.mobile{
	display: block;
}
span.desktop{
	display: none;
}
span.mobile{
	display: inline;
}
.ie9-show{
	display: none;
}
.ie9 .ie9-show{
	display: inline;
}
@media screen and (min-width: 650px){
	.desktop{
		display: block;
	}
	.mobile{
		display: none;
	}
	span.desktop{
		display: inline;
	}
	span.mobile{
		display: none;
	}
}


/************************************
				Buttons
*************************************/
.button{
	display: inline-block;
	height: 50px;
	padding: 0 20px;
	border: 2px solid transparent;
	background: #095283;
	white-space: nowrap;

	color: #FFF;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	line-height: 46px;

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.button:hover{
	opacity: .8;
}
.button .icon{
	font-size: 12px;
}

.button.next{
	display: none;
}
.button.next .icon{
	margin: 0 0 0 10px;
}
.button.prev .icon{
	margin: 0 10px 0 0;
}
.button.prev{
	background: #000;
}

/*** language-selection ***/
#language-selection{
	background: transparent;
	border-color: #095283;
	color: #095283;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#language-selection .ui-button{
	color: inherit;
	font-size: 18px;
	font-weight: 300;
}

/*** FAQ button ***/
#faq-button{
	height: 50px;
	width: 100%;

	color: #FFF;
	line-height: 50px;
	text-decoration: none;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


/************************************
			HTML elements
*************************************/
/************ articles-container ************/
.articles-container{
	overflow: hidden;
	margin: 30px 0 0;
}
.articles-container a{
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	color: #000000;
}
.articles-container a:hover h2{
	text-decoration: underline;
}
.articles-container a.empty{
	border: 0;
	pointer-events: none;
	cursor: default;
}
.articles-container h2{
	margin: 0 0 10px;
}
.articles-container img{
	width: 100%;
}
.articles-container .icon{
	font-size: 12px;
}
.articles-container .article{
	margin: 0 0 20px;
}
.articles-container .article-banner{
	overflow: hidden;
	max-height: 180px;
}
.articles-container .article-description{
	min-height: 180px;
	padding: 25px 20px;
}
.articles-container .tour-tags{
	margin: -20px 0 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.articles-container .redirect{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: #095283;
	text-align: center;
}
.articles-container .redirect .icon{
	color: #FFFFFF;
	line-height: 25px;
	vertical-align: middle;
}
.articles-container ul li{
	margin: 5px 0 0;
}
.articles-container ul li:first-child{
	margin: 0;
}
.articles-container ul .icon{
	margin: 0 10px 0 0;
	line-height: 25px;
}

@media screen and (min-width: 650px){
	.articles-container{
/* 		margin: 0 0 0 -20px; */
		display: table;
		table-layout: fixed;
		border-spacing: 20px;
		width: 100%;
	}
	.articles-container .row{
		display: table-row;
	}
	.articles-container .article{
		display: table-cell;
/* 		float: left; */
		width: 33.333%;
		padding: 0;
	}
}

/************ Navigation bar ************/
.nav-bar{
	display: table;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	overflow: hidden;
	border-width: 2px;
	border-style: solid;
	border-color: #095283;
}
.nav-bar li{
	display: table-cell;
	border-color: inherit;
}
.nav-bar li.prev,
.nav-bar li.active{
	background: transparent;
	position: relative;
}
.nav-bar li.prev a, .nav-bar li.prev span.a{
	border-right: 2px solid;
}
.nav-bar li.active a, .nav-bar li.active span.a{
	border-right-color: #095283;
}
.nav-bar li.active a:before, .nav-bar li.active span.a:before{
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	border-width: 25px 0 25px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #095283;
	border-left-color: inherit;
	display: none;
}
.nav-bar li a, .nav-bar li span.a{
	display: block;
	min-width: 30px;
	padding: 0 10px;
	white-space: nowrap;
	cursor: default;
	border-width: 0 2px 0 0;
	border-style: solid;
}
.nav-bar li:last-child a, .nav-bar li:last-child span.a{
	border: 0;
}
.nav-bar li.prev a, .nav-bar li.prev span.a,
.nav-bar li.active a, .nav-bar li.active span.a{
	color: #FFF;
}
.nav-bar li.prev a{
	cursor: pointer;
}
.nav-bar li.prev a:hover{
	text-decoration: underline;
}
.nav-bar li .step{
	display: none;
}

/* smaller navbar */
.nav-bar.small li.prev .step{
	display: none;
}

@media screen and (min-width: 390px){
	.nav-bar li.active .step{
		display: inline;
	}
}

@media screen and (min-width: 650px){
	.nav-bar{
		line-height: 50px;
	}
	.nav-bar li .step{
		display: inline;
	}
	.nav-bar li.prev{
		border-right-color: #095283;
	}
	.nav-bar li.active a:before, .nav-bar li.active span.a:before{
		display: block;
	}

	/* education */
	.nav-bar.small li .step{
		display: none;
	}
	.nav-bar.small li.active .step{
		display: inline;
	}
	.nav-bar.small li.active + li .step{
		display: inline;
	}
}



/************ Row-container ************/
.row-container,
.row-container li,
.row-container .col-container{
	width: 100%;
}
.row-container{
/* 	font-size: 16px; */
	line-height: 22px;
}
.row-container li{
	padding: 10px;
}
.row-container .col-container{
	display: table;
}
.row-container .top-row{
	padding: 20px 10px;
	font-size: 16px;
	font-weight: 500;
}
.row-container .top-row .number{
	display: none;
}
.row-container .row{
	border-top: 1px solid #e6e6e6;
}
.row-container .row:nth-child(even){
	background: rgba(216,216,216,.1);
}
.row-container .col{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.row-container .col:last-child{
	padding: 0;
	text-align: right;
}
.row-container .col.type{
	width: 100%;
}
.row-container .col.original{
	width: 15%;
	display: none;
}
.row-container .col.price{
	width: 15%;
	display: none;
}
.row-container .col.number{
	width: auto;
	padding: 0;
}
.row-container .col.subtotal{
	width: 15%;
	display: none;
}
.row-container .mobile{
	display: block;
}
.row-container .col:first-child{
	text-align: left;
}
.row-container .description{
	display: none;
	margin: 15px 0 0;
}
.row-container .last-row{
	border-top: 2px solid #095283;
	font-weight: 700;
	padding: 15px 10px;
	display: none;
}
.row-container .difference-row .total-difference,
.row-container .last-row .total-price{
	float: right;
}

/* Events */
body.events .row-container .type .strong{
	display: block;
}

/* Education */
.education .row-container .top-row .number{
	display: table-cell;
}
.education .row-container .col.type{
	width: 100%;
}
.education .row-container .col.number{
	width: auto;
}

@media screen and (min-width: 650px){
	.row-container .top-row .number{
		display: table-cell;
	}
	.row-container .col.type{
		width: 40%;
	}
	.row-container .col.original{
		display: table-cell;
	}
	.row-container .col.price{
		display: table-cell;
	}
	.row-container .col.number{
		width: 15%;
	}
	.row-container .col.subtotal{
		display: table-cell;
	}
	.row-container .mobile{
		display: none;
	}
}

/************ Tour in row-container ************/
.row-container .tour-row{
	border-top: 1px solid #e6e6e6;
	display: none;
}
.row-container .tour-row.error{
	color: #F50000;
}

/************ multimediatour in row-container ************/
.row-container .mmt{
	font-size: 14px;
	display: block;
}
.row-container .headphone{
	margin: 0 10px 0 0;
}

/************ Selectbox in row-container ************/
.row-container .selectbox{
	float: left;
	width: 75px;
	height: 40px;
	border-width: 2px;
	border-style: solid;
	border-color: #095283;
	position: relative;
	overflow: hidden;
	background: transparent;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.row-container .selectbox.selectboxWide {
	width: 125px;
}
.row-container .selectbox .icon{
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -5px 0 0 0;
	font-size: 10px;
}
.row-container .selectbox select{
	position: relative;
	float: left;
	width: 130%;
	height: 100%;
	padding: 0 0 0 15px;
	border: 0;

	font-size: 16px;
	font-weight: 500;
	color: #000;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: transparent;
}

@media screen and (min-width: 650px){
	.row-container .selectbox{
		border-width: 1px;
		border-color: #000;
	}
}


/************ Selectbox ************/
.selectbox {
	float: left;
	background: #e6e6e6;
	width: 100%;
	height: 50px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	position: relative;
	overflow: hidden;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.selectbox.salutation {
    max-width: 120px;
    clear: both;
}

.selectbox select{
	position: relative;
	float: left;
	width: 110%;
	height: 100%;
	padding: 0 0 0 15px;
	border: 0;

	font-size: 16px;
	font-weight: 400;
	color: #000000;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: transparent;
}
.selectbox .icon{
	position: absolute;
	top: 50%;
	right: 15px;
	margin: -6px 0 0;
	font-size: 12px;
}


/************ jQuery Selectmenu ************/
.ui-selectmenu-button.ui-button{
	background: transparent;
	border: 0;
	padding: 0 10px;
	margin: 0;
	font-family: inherit;
	line-height: 46px;
	font-size: inherit;
}
.row-container .ui-selectmenu-button.ui-button{
	line-height: 38px;
}
.ui-selectmenu-button.ui-button:active{
	color: #000;
	border: 0;
}
.ui-selectmenu-menu{
	border-color: inherit;
	font-size: inherit;
	overflow: auto;
}
.ui-selectmenu-menu .ui-menu{
	max-height: 500px;
	background: #FFF;
	border-color: inherit;
	font-family: inherit;
	font-size: inherit;
}
.ui-menu-item-wrapper.ui-state-active{
	border: 0;
}
.ui-selectmenu-icon.ui-icon{
	display: none;
}

/************ Ui-widget ************/
.ui-widget {
    font: inherit;
}

/************ Datepicker: calendar ************/
.ui-datepicker {
	width: 100%;
	padding: 0;
}
.ui-datepicker.ui-widget-content{
	border: 0;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 8px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	margin: -7px 0 0;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 50%;
	background: none;
}
.ui-datepicker .ui-datepicker-prev {
	left: 10px;
	border-width: 7px;
	border-color: transparent #FFF transparent transparent;
	border-style: solid;
}
.ui-datepicker .ui-datepicker-next {
	right: 10px;
	border-width: 7px;
	border-color: transparent transparent transparent #FFF;
	border-style: solid;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 10px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 10px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 300;
}
.ui-datepicker table {
	width: 100%;
	font-size: 18px;
	margin: 0;
	table-layout: fixed;
}
.ui-datepicker th {
	font-weight: 500;
}
.ui-datepicker td span,
.ui-datepicker td a {
	padding: 5px 0;
	text-align: center;
	font-weight: 300 !important;
}
.ui-datepicker td.ui-datepicker-today a{
	max-width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	border: 0;
	margin: 0 auto;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.ui-datepicker td.ui-datepicker-today .ui-state-active{
	max-width: none;
	color: #FFFFFF;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

@media screen and (min-width: 650px){
	.ui-datepicker td span,
	.ui-datepicker td a {
		padding: 10px 0;
	}
	.ui-datepicker td.ui-datepicker-today a{
		max-width: 45px;
		height: 45px;
		line-height: 45px;

		-webkit-border-radius: 23px;
		-moz-border-radius: 23px;
		border-radius: 23px;
	}
}


/************ jQuery dialog ************/
#dialogs-container{
	display: none;
}
.ui-widget-overlay{
	opacity: 0.8;
}
.ui-dialog{
	padding: 0;
}
.ui-dialog.ui-widget.ui-widget-content{
	border: 0;
	background: none;
}
.ui-dialog .ui-dialog-titlebar{
	display: none;
}
.ui-dialog .ui-dialog-content{
	padding: 0;
}

.dialog-header .close-dialog-button{
	position: absolute;
	top: 5px;
	right: 5px;
}
.dialog-header .close-dialog-button:hover{
	opacity: 0.9;
}
.dialog-header .close-dialog-button .icon{
	font-size: 40px;
	line-height: 40px;
	color: #FFF;
}


/************ Video container ************/
.video-container{
	width: 100%;
	max-width: 850px;
}


/************ timeslots-container ************/
.timeslots-container{
	padding: 1px 0 0;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	border-width: 2px;
	border-color: transparent;
	overflow: hidden;
}
.timeslots-container li{
	float: left;
}
.timeslots-container li input{
	display: none;
}
.timeslots-container input[type="radio"] ~ label{
	display: block;
	min-width: 80px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	padding: 0 15px;
	margin: -1px -1px 0 0;
}
.timeslots-container label:hover{
	background: #E8E8E8;
}
.timeslots-container input:checked ~ label{
	background: inherit !important;
	color: #FFF;
}

/************ timeslot-available-container ************/
.timeslot-availability-container{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 15px;
}
.timeslot-availability-container li{
	display: table-cell;
	border-left: 2px solid #FFF;
}
.timeslot-availability-container li:first-child{
	border: 0;
}
.timeslot-availability-container div{
	padding: 15px 0;
	margin: 20px 0 0;
	color: #FFF;
}
.timeslot-availability-container .unavailable{
	background: #BBBBBB;
}
.timeslot-availability-container .available{
	background: #095283;
}

.timeslot-availability-container.second-version div:last-child{
	margin: 0;
}

/************ data-fields ************/
.data-fields{
	overflow: hidden;
}
.data-fields li{
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
}
.data-fields li:last-child{
	margin: 0;
}
.data-fields label,
.data-fields .label{
	float: left;
	margin: 0 0 10px;
	font-weight: 500;
}
.data-fields .aligned{
	display: table;
	width: 100%;
}
.data-fields .aligned > .wrap{
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 20px;
}
.data-fields .aligned > .wrap:first-child{
	width: 150px;
	padding: 0;
}
.data-fields .wrap{
	overflow: hidden;
	clear: both;
}
.data-fields .birthdate .wrap{
	margin: 0 0 0 -20px;
}
.data-fields .birthdate .wrap .wrap{
	float: left;
	width: 33.33%;
	padding: 0 0 0 20px;
	margin: 0;
	clear: none;
}
.data-fields .birthdate input{
	width: 100%;
}
.data-fields .group{
	float: left;
	margin: 0 0 0 70px;
}
.data-fields .group li{
	margin: 0 0 15px;
	line-height: 18px;
}
.data-fields .group li:last-child{
	margin: 0;
}
.data-fields .group li input{
	display: none;
}
.data-fields .group label{
	float: none;
	margin: 0;
	background: none !important;
}
/*
.data-fields input[type="text"].error,
.data-fields input[type="email"].error,
.data-fields input[type="number"].error,
.data-fields input[type="tel"].error,
.data-fields .selectbox.error,
.data-fields input[type="radio"].error ~ label .icon:before{
	border-color: #F50000 !important;
}
*/

@media screen and (min-width: 650px){
	.data-fields .birthdate .wrap .wrap{
		width: 120px;
	}
}


/************ Discount code ************/
.discount{
	border-top: 1px solid #e6e6e6;
}
.code-container{
	display: none;
}
.code-container label{
	float: left;
	line-height: 50px;
	margin: 0 30px 0 0;
}
.code-container .wrap{
	display: table;
}
.code-container .cell{
	vertical-align: middle;
	display: table-cell;
	width: 100%;
	position: relative;
}
.code-container .cell:first-child{
	padding-right: 30px;
	min-width: 150px;
}

.code-container .icon{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -8px;
	height: 21px;
	width: 21px;
}

.discount.active a{
	display: none;
}
.discount.active .code-container{
	display: block;
}

.subtotal-price{
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #095283;
	display: none;
}

#subtotal-price{
	float: right;
	font-weight: 700;
}

#code-button .icon{
	font-size: 12px;
	margin: 0 0 0 10px;
}
#discount-error{
	margin: 0 0 10px;
	display: none;
}

.discount-container{
	display: none;
}
.discount-container .discount-name{
	font-weight: 700;
}
.discount-container .discount-val{
	float: right;
	font-weight: 700;
	color: green;
}

/************ Description-text ************/
.description p{
	overflow: hidden;
}
.description img{
	margin: 0 0 10px;
}
@media screen and (min-width: 650px){
	.description img{
		float: right;
		margin: 0 0 0 20px;
	}
}

/************ Donation ************/
.donation.input input{
	width: 100%;
	max-width: 100px;
	float: none;
}
.donation.rounded .total-price-rounded{
	font-weight: 700;
}
.donation-price{
	margin: 30px 0 0;
	border-top: 2px solid #095283;
	padding: 10px;
	font-weight: 700;
	background: #F3F3F3;
	display: none;
}
.donation-price .total-price{
	float: right;
}

/************ Gift ************/
.gift-container{
	background: #fbfbfb;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e6e6e6;
	padding: 20px 10px;
}

/************ Tour-duration ************/
.tour-duration-container li{
	margin: 10px 0 0;
}
.tour-duration-container li:first-child{
	margin: 0;
}
.tour-duration-container label{
	display: block;
}

/************ Subscription-form-container ************/
.subscription-form-container{
	position: relative;
	overflow: hidden;
	padding: 20px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.subscription-form-background{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #095283;
	opacity: 0.03;
	z-index: -1;
}
.subscription-form-content h4{
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
	color: #095283;
	font-weight: 700;
}
.subscription-form-content h4 .page-number{
	position: absolute;
	left: 0;
}
.subscription-form-background ~ .subscription-form-content [type="text"],
.subscription-form-background ~ .subscription-form-content [type="email"],
.subscription-form-background ~ .subscription-form-content [type="number"],
.subscription-form-background ~ .subscription-form-content [type="tel"],
.subscription-form-background ~ .subscription-form-content .selectbox{
	border-color: #e6e6e6;
	background: #FFF;
}
/************ pagination-container ************/
.pagination-container{
	overflow: hidden;
	position: relative;
	line-height: 20px;
}
.pagination-container button{
	padding: 0;
	border: 0;
	background: none;
	font-size: inherit;
	line-height: inherit;
}
.pagination-container.top{
	margin: 0 0 30px;
}
.pagination-container.bottom{
	margin: 30px 0 0;
}
.pagination-container .prev:hover,
.pagination-container .next:hover{
	opacity: .7;
}
.pagination-container .prev span,
.pagination-container .next span{
	vertical-align: middle;
}
.pagination-container .icon{
	font-size: 12px;
}
.pagination-container .prev{
	float: left;
}
.pagination-container .prev .icon{
	margin: 0 10px 0 0;
}
.pagination-container .next{
	float: right;
}
.pagination-container .next .icon{
	margin: 0 0 0 10px;
}
.page-indicator{
	float: left;
	width: 100%;
	margin: 20px 0 0;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}
.page-indicator .wrap{
	display: inline-block;
}
.page-indicator .dot-indicator{
	float: left;
	width: 20px;
	margin: 5px 10px;
	background: #EEEFF0;
	color: #FFF;
	cursor: default;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.page-indicator .dot-indicator.done,
.page-indicator .dot-indicator.active{
	background: #095283;
}
.page-indicator .dot-indicator.done{
	opacity: 0.2;
	cursor: pointer;
}
.page-indicator .dot-indicator.done:hover{
	opacity: 1;
}
@media screen and (min-width: 650px)
{
	.pagination-container{
		padding: 0 140px;
	}
	.pagination-container .prev,
	.pagination-container .next{
		position: absolute;
		top: 50%;
		margin: -11px 0 0;
	}
	.pagination-container .prev{
		left: 0;
	}
	.pagination-container .next{
		right: 0;
	}
	.page-indicator{
		float: none;
		padding: 0 10px;
		margin: 0;
	}
}
/************ Table-container ************/
.table-container{
	overflow: hidden;
	margin: 0 0 0 -20px;
	clear: both;
}
.table-container input{
	width: 100%;
	max-width: none;
}
.table-container .cell{
	overflow: hidden;
	padding: 0 0 0 20px;
	margin: 20px 0 0;
}
.table-container .cell:first-child{
	margin: 0;
}
/*** exception ***/
.table-container.exception{

}
.table-container.exception .cell{
	float: left;
	margin: 0;
}
.table-container.exception.three .cell{
	max-width: 33.33%;
}
.table-container.exception.two .cell{
	max-width: 50%;
}
@media screen and (min-width: 650px)
{
	.table-container .cell{
		float: left;
		margin: 0;
	}
	.table-container.equal.three .cell{
		width: 33.33%;
	}
	.table-container.equal.two .cell{
		width: 50%;
	}
}
/************ Upload-image-container ************/
.upload-image-container{
	position: relative;
	height: 100px;
	padding: 0 0 0 100px;
	font-size: 14px;
	color: #000000;
	clear: both;
}
.preview-image-container{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 80px;
	background: url("") no-repeat center center;
	background-size: cover;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.upload-image-interaction{
	display: table;
	height: 100%;
	width: 100%;
	border: 2px dashed rgba(151,151,151,.5);
	text-align: center;
	background: url("") no-repeat 20px center #FFF;
	cursor: pointer;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.upload-image-interaction:hover{
	border-color: #999;
}
.upload-image-interaction .dz-default.dz-message{
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px 0 80px;
}
.upload-image-container .dz-details,
.upload-image-container .dz-progress,
.upload-image-container .dz-error-message,
.upload-image-container .dz-success-mark,
.upload-image-container .dz-error-mark{
	display: none;
}

/************ Overview-container ************/
.overview-container{
	padding: 0 0 1px;
}
.overview-container .wrap{
	margin: 10px 0;
}
.overview-container .top-row{
	font-weight: 500;
	font-size: 16px;
}
.overview-container .row,
.overview-container .discount-row{
	border-width: 1px 0;
	border-style: solid;
	border-color: #e6e6e6;
	margin: 0 0 -1px;
}
.overview-container .row:nth-child(even){
	background: #fbfbfb;
}
.overview-container .discount-row{
	padding: 10px;
}
.overview-container .col-container{
	display: table;
	width: 100%;
	padding: 10px;
}
.overview-container .col{
	display: table-cell;
	vertical-align: middle;
}
.overview-container .col.action{
	width: 60%;
	text-align: right;
}
.overview-container .col.action .icon{
	font-size: 12px;
	margin: 0 10px 0 0;
}
.overview-container .col.label{
	width: 40%;
}
.overview-container .col.data{
	width: 60%;
}
.overview-container .col.type{
	width: 50%;
}
.overview-container .col.price{
	display: none;
}
.overview-container .col.number{
	width: 25%;
}
.overview-container .col.subtotal{
	width: 25%;
	text-align: right;
}
.overview-container .last-row{
	overflow: hidden;
	padding: 10px;
	border-top: 2px solid #095283;
	font-weight: 500;
}
.overview-container .total-price{
	float: right;
}
@media screen and (min-width: 650px){
	.overview-container .col.type{
		width: 40%;
	}
	.overview-container .col.price{
		display: table-cell;
		width: 20%;
	}
	.overview-container .col.number{
		width: 20%;
	}
	.overview-container .col.subtotal{
		width: 20%;
	}
}
.activity-label-block{
	color: #FFF;
	position: absolute;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	float: right;
	right: 30px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
}
#exhibition-previews-container .header .arrow-block > span{
	line-height:30px;
}


/************************************
				Body
*************************************/
*{
	box-sizing: border-box;
}
iframe{
	display: block;
}
html, body{
	height: 100%;
}
body{
	font-family: 'Sofia Pro';
	font-weight: 300;
	font-size: 18px;
	line-height: 23px;
	color: #000;
}
h1{
	color: #095283;
	font-size: 30px;
	line-height: 37px;
	font-weight: 400;
	margin: 0 0 20px;
}
h2, h3{
	color: #000;
	font-size: 21px;
	line-height: 25px;
	margin: 0 0 20px;
}
h2{
	font-weight: 500;
}
h3{
	font-weight: 400;
}
a{
	color: #095283;
	text-decoration: none;
}
a:focus,
a:active,
button:focus,
button:active{
	outline: none;
}
p{
	margin: 0 0 20px;
}
p:last-child{
	margin: 0;
}
span.strong,
p.strong{
	font-weight: 700;
}
img{
	max-width: 100%;
}

	/* single */
/*
	body.single h1,
	body.single h2
	{
		text-align: center;
	}
*/

@media screen and (min-width: 650px){
	h1{
		font-size: 40px;
		line-height: 48px;
		margin: 0 0 25px;
	}
	h2, h3{
		font-size: 26px;
		line-height: 32px;
	}
	h2{
		margin: 0 0 20px;
		font-weight: 400;
	}
}

button,
input[type="submit"],
label{
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:focus,
select:focus{
	outline: none;
}


input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"]{
	float: left;
	width: 100%;
	height: 50px;
	background: #e6e6e6;
	padding: 0 15px;
	border: 2px solid transparent;

	font-family: inherit;
	font-size: inherit;
	color: #000;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea{
	height: 250px;
	width: 100%;
	padding: 15px;
	border: 2px solid transparent;
	background: #e6e6e6;
	resize: none;

	color: inherit;
	font-family: inherit;
	font-size: inherit;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:required {
	box-shadow:none;
}
input:invalid {
	box-shadow: none;
}

input[type="radio"]{
	display: none;
}
input[type="radio"] ~ label{
	padding: 0 0 0 25px;
	position: relative;
	background: transparent;
}
input[type="radio"] ~ label .icon.radio-inner-circle{
	font-size: 8px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -8px 0 0;
	color: transparent;
}
input[type="radio"]:checked ~ label .icon.radio-inner-circle{
	color: #095283;
}

input[type="checkbox"]{
	display: none;
}
input[type="checkbox"] ~ label{
	padding: 0 0 0 35px;
	position: relative;
	display: block;
	line-height: 20px;
}
input[type="checkbox"] ~ label .icon.check{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 11px;
	padding: 2px 1px;
	color: transparent;
}
input[type="checkbox"]:checked ~ label .icon.check{
	color: #095283;
}

.text-container li,
.text-list li{
	position: relative;
	padding: 0 0 0 20px;
	margin: 10px 0 0;
}
.text-container li:first-child,
.text-list li:first-child{
	margin: 0;
}
.text-container li:before,
.text-list li:before{
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background-color: #095283;
}


/************************************
				Header
*************************************/
.page-body{
	min-height: 100%;
	padding: 0 0 30px;
}

.language-container{
	padding: 0 20px;
	text-align: right;
}
.languages{
	display: inline-block;
	opacity: 0;
	max-height: 0;

	-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;
}
.languages.active{
	opacity: 1;
	max-height: 100px;
}
.languages a{
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 0 5px;
}
.languages .active{
	text-decoration: underline;
}

header{
	overflow: hidden;
	position: relative;
	height: 200px;
}
header .banner{
	position: relative;
	height: 100%;
	background-color: #FFF;
	background-image: url("banner-small.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

header .logo-container{
	position: absolute;
	display: table;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
header .logo-container .wrap{
	display: table-cell;
}
header .logo-container .inline-container{
	display: inline-block;
}
header .logo-container img{
	display: block;
}

@media screen and (min-width: 650px){
	header{
		height: 300px;
	}
	header .banner{
		background-image: url("banner.jpg");
	}
}


/************************************
				wrapper
*************************************/
.wrapper{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}
@media screen and (min-width: 650px){
	.wrapper{
		max-width: 1000px;
		padding: 50px 20px 0;
	}
}

/************************************
		Section-container
*************************************/
.section-container{
	overflow: hidden;
	width: 100%;
	margin: 0 auto 40px;
	position: relative;
}
.section-container.main{
	max-width: 650px;
}
.section-container.sidebar{
	max-width: 650px;
}
.section-container .group-section{
	overflow: hidden;
	width: 100%;
	padding: 30px 0;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #E6E6E6;
	margin: 10px 0 0;
	display: none;
}
.section-container .group-section:first-child{
	border: 0;
	display: block;
}
.section-container .section{
	margin: 0 0 30px;
	padding: 0 10px;
}
.section-container .section:last-child{
	margin: 0;
}
.section-container section.show + .divide-sections{
	display: block;
}

@media screen and (min-width: 650px){
	.section-container.main{
		max-width: 650px;
		float: none;
		clear: both;
	}
	.section-container.sidebar{
		max-width: 650px;
		float: none;
	}
	.section-container .section{
		padding: 0;
	}
}
@media screen and (min-width: 1000px){
	.section-container{
		clear: none;
	}
	.section-container.main{
		float: left;
	}
	.section-container.sidebar{
		max-width: 230px;
		float: right;
		display: block;
	}
}

/************************************
	Text-container
*************************************/
.text-container{
	overflow: hidden;
	margin: 0 0 20px;
}

/************************************
	Features-section
*************************************/
#features-section{
	overflow: hidden;
	max-width: 650px;
	margin: 0 auto 15px;
	padding: 0 10px;
}
.feature-container{
	float: left;
	width: 100%;
}
.feature-container:first-child{
}
.feature-container .selectbox{
	background: transparent;
}

/*** two features ***/
#features-section.two{

}
.two .feature-container{
	width: 50%;
	padding: 0 0 0 12.5px;
}
.two .feature-container:first-child{
	padding: 0 12.5px 0 0;
}

@media screen and (min-width: 650px){
	#features-section{
		padding: 0;
	}
}
@media screen and (min-width: 1000px){
	.has-features .sidebar{
		padding: 80px 0 0;
	}

	#features-section{
		position: absolute;
		top: 50px;
		right: 20px;
		width: 230px;
		margin: 0 auto 30px;
		z-index: 1;
	}
}

/************************************
	Navigation-bar-section
*************************************/
#navigation-bar-section{
	margin: 0 0 40px;
}


/************************************
		Article-page
*************************************/
#article-section{

}


/************************************
			Ticket-page
*************************************/
#introduction-section{
	margin: 0 0 30px;
}

#gift-section{
	margin: 0 0 50px;
}
#gift-section h2{
	margin: 0 0 20px;
}
#gift-section .gift{
	margin: 0 10px 0 0;
}

#tickets-section{
	padding: 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
}
#tickets-section h2{
	padding: 0 10px;
	margin: 0 0 20px;
}

.ticketEvents .row-container .type .strong{
	display: block;
}

	/* single */
	body.single #tickets-section{
		border: 0;
		margin: 0;
	}
	/* Education */
	body.education #tickets-section{
		display: none;
	}


@media screen and (min-width: 650px){
	#navigation-bar-section{
		padding: 0;
		margin: 0 0 60px;
	}

	#introduction-section{
		padding: 0;
		margin: 0 0 30px;
	}

	#tickets-section h2{
		padding: 0;
	}
}

/************************************
			Tour-page
*************************************/
#tour-language-section{

}

#tour-duration-section{

}

#tour-type-section{

}


/************************************
			Date-page
*************************************/
#calendar-section,
#timeslot-section{
	padding: 0 10px;
}
#timeslot-section{
	display: none;
}

#timeslot-availability-section{
	text-align: center;
	display: none;
}
#timeslot-availability-section .comment{
	color: #444;
}

@media screen and (min-width: 650px){
	#calendar-section,
	#timeslot-section{
		padding: 0;
	}
}


/************************************
		Options-page
*************************************/
#options-section .sub-section{
	padding: 0 0 20px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 20px;
}
#options-section .sub-section:last-child{
	margin: 0;
}
#options-section .sub-section ul{
	margin: 30px 0 0;
}
#options-section .sub-section li{
	margin: 0 0 10px;
	overflow: hidden;
}
#options-section .sub-section .input-data li{
	margin: 0 0 20px;
}
#options-section .sub-section .input-data label{
	margin: 0 0 10px;
	display: block;
}
#options-section .sub-section .hidden-container{
	overflow: hidden;
	opacity: 0;
	max-height: 0;

	-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;
}
#options-section .sub-section input:checked ~ .hidden-container{
	opacity: 1;
	max-height: 1000px;
}
#options-section .sub-section .row-container li {
	margin: 0;
}
#options-section .sub-section .row-container .col.type{
	width: 40%;
}
#options-section .sub-section .row-container .col.number{
	width: 25%;
}
#options-section .sub-section .row-container .col.price{
	width: 30%;
	display: none;
}
#options-section .sub-section .row-container .col.subtotal{
	width: 30%;
}
#options-section .sub-section .row-container span.mobile{
	display: block;
}

@media screen and (min-width: 650px){
	#options-section .sub-section{
		padding: 0 0 30px;
		margin: 0 0 50px;
	}
	#options-section .sub-section li{
		margin: 0 0 5px;
	}
	#options-section .sub-section .row-container .col.type{
		width: 55%;
	}
	#options-section .sub-section .row-container .col.number{
		width: 15%;
	}
	#options-section .sub-section .row-container .col.price{
		width: 15%;
		display: table-cell;
	}
	#options-section .sub-section .row-container .col.subtotal{
		width: 15%;
	}
	#options-section .sub-section .row-container span.mobile{
		display: none;
	}
}


/************************************
		Personal-data-page
*************************************/
.aligned #insertion{
	max-width: none;
}
#insertion {
	max-width: 100px;
	clear: both;
}
#personal-data-section #zipcode {
	max-width: 100px;
	clear: both;
}
#personal-data-section .label,
#personal-data-section label{
	font-size: 16px;
}

/* education */
	body.education #personal-data-section,
	body.education #school-data-section{
		padding: 0 10px 30px;
		border-bottom: 1px solid #e6e6e6;
	}

	@media screen and (min-width: 650px){
		body.education #personal-data-section,
		body.education #school-data-section{
			padding: 0 0 30px;
		}
	}


/************************************
		Subscription-data-page
*************************************/
#subscription-data-section .table-container #insertion {
	max-width: none;
}
#subscription-data-section .label,
#subscription-data-section label{
	font-size: 16px;
}
#subscription-data-section .description{
	clear: both;
	margin: 10px 0 0;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
}
@media screen and (min-width: 650px)
{
	#subscription-data-section .input-day,
	#subscription-data-section .input-month,
	#subscription-data-section .input-year{
		max-width: 100px;
		clear: both;
	}
	#subscription-data-section .input-zipcode,
	#subscription-data-section .input-address-number,
	#subscription-data-section .input-affix{
		max-width: 150px;
		clear: both;
	}
}


/************************************
		Donation-page
*************************************/
#donation-section .hidden-container{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	margin: 20px 0 0;

	-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;
}
#donation-section input:checked ~ .hidden-container{
	opacity: 1;
	max-height: 1000px;
}


/************************************
		Multimediatour-page
*************************************/
#multimediatour-text-section .mmt-dialog-button{
	position: relative;
	margin: 0;
	display: block;
}
#multimediatour-text-section .mmt-dialog-button .icon{
	font-size: 50px;
	color: #e62117;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 67px;
	height: 50px;
}
#multimediatour-text-section .mmt-dialog-button:hover .icon{
	opacity: 0.9;
}
#multimediatour-text-section .mmt-dialog-button img{
	margin: 0;
	width: 100%;
	max-height: 200px;
}

#multimediatour-section{
	padding: 0;
}
#mmt-dialog{
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 650px){
	#multimediatour-text-section .mmt-dialog-button{
		float: right;
		margin: 0 0 0 20px;
	}
}


/************************************
			Payment-page
*************************************/
#payment-page .introduction{
	margin: 0 0 25px;
}
#payment-section ul{
	overflow: hidden;
	margin: 0 0 0 -10px;
}
#payment-section li{
	float: left;
	width: 25%;
	height: 40px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
	border-color: inherit;
}
#payment-section li:nth-child(n+5){
	display: none;
}
#payment-section input{
	display: none;
}
#payment-section label{
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}
#payment-section input:checked ~ label{
	border-color: inherit;
}
#payment-section img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	padding: 5px;
	margin: auto;
	pointer-events: none;
}
#more-payments{
/* 	float: left; */
/* 	font-size: 16px; */
}
#more-payments .icon{
	font-size: 14px;
	margin: 0 0 0 10px;
}

#terms-and-conditions-section ul{
	display: block;
/* 	overflow: hidden; */
/*
	font-size: 16px;
	line-height: 20px;
*/
}
#terms-and-conditions-section li{
	margin: 0 0 15px;
}
#terms-and-conditions-section li:last-child{
	margin: 0;
}
#terms-and-conditions-section input{
	margin: 3px 15px 0 0;
	float: left;
}
/*
#terms-and-conditions-section label{
	display: block;
}
*/
#terms-and-conditions-section label a{
	text-decoration: underline;
}

@media screen and (min-width: 650px){
	#payment-section ul{
		margin: 0 0 0 -20px;
	}
	#payment-section li{
		height: 90px;
		padding: 0 0 0 20px;
		margin: 0 0 20px;
	}
/*
	#more-payments{
		font-size: 18px;
	}
*/
}


/************************************
			Confirmation-page
*************************************/
#confirmation-section ul{
	margin: 0 0 45px;
	font-size: 16px;
	font-weight: 400;
}
#confirmation-section li{
	padding: 5px 0;
	border-bottom: 2px solid #e6e6e6;
}
#confirmation-section a{
	font-weight: 300;
	text-decoration: underline;
}
#confirmation-section .right{
	float: right;
}
#confirmation-section img{
	max-height: 21px;
}

/*** Subscriptions ***/
.subscription-container{
	min-height: 180px;
	padding: 20px;
	margin: 0 0 20px;
	background: #F2F2F2;
}
.subscription-container .subscription-type{
	margin: 0 0 20px;
	font-weight: 700;
}
.subscription-container .wrap{
	position: relative;
	padding: 0 0 0 100px;
}
.subscription-container .profile-picture{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 80px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   		border-radius: 5px;
}
.subscription-data span{
	display: block;
	font-style: italic;
}
.subscription-container .edit{
	position: absolute;
	right: 0;
	bottom: 0;
	color: #979797;
	font-size: 16px;
}
.subscription-container .edit:hover{
	color: #000;
}
.total-subscription{
	border-width: 2px 0;
	border-style: solid;
	border-top-color: inherit;
	border-bottom-color: #E8E8E8;
	padding: 20px;
	font-weight: 700;
}
.total-subscription .total-price{
	float: right;
}


/************************************
			Thankyou-page
*************************************/
#download-section{
	padding: 0;
}
#download-section .button{
	min-width: 130px;
	margin: 10px 0 0;
}
#download-section .button:first-child{
	margin: 0;
}

@media screen and (min-width: 650px){
	#download-section .button{
		margin: 0 0 0 10px;
	}
}


/************************************
			Button-steps
*************************************/
#button-steps{
	overflow: hidden;
}
#button-steps .next{
	float: right;
	display: none;
}

/************************************
			Sidebar
*************************************/
.sidebar .section{
	float: left;
	width: 100%;
	background-color: #e6e6e6;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
	margin: 0 0 25px;
	border-width: 2px 0;
	border-style: solid;
	border-color: transparent;
}

.sidebar .section.first{
	background: #e6e6e6;
}
.sidebar .section.first h3{
	color: #000;
}

.sidebar .section.second{
	background: transparent;
	border-color: #095283;
}

.sidebar .section > p,
.sidebar .section > a{
	display: inline-block;
	max-width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}
.sidebar a{
	color: #095283;
	text-decoration: underline;
}
.sidebar a:hover{
	text-decoration: none;
}

@media screen and (min-width: 650px){
	.sidebar .section{
		border-width: 2px;
		margin: 0 0 30px;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
}


/************************************
				Footer
*************************************/
footer{
	padding: 0 20px;
	margin: -30px 0 0;
	text-align: right;
}
.globalticket {
	font-size: 13px;
	font-family: 'Sofia Pro';
}
.globalticket a {
	color: #095283;
	font-weight: 500;
}


/************************************
	faq-dialog
*************************************/
[aria-describedby="faq-dialog"]{
	height: 100% !important;
	position: fixed;
}
#faq-dialog {
	height: 100% !important;
	width: 100% !important;
	background: #FFF;
	color: #000;
}
#faq-dialog a{
	text-decoration: underline;
}
#faq-dialog .dialog-wrapper{
	min-height: 100%;
}
#faq-dialog .dialog-header{
	overflow: hidden;
	position: relative;
	padding: 20px;
}
#faq-dialog .dialog-logo{
	position: absolute;
	top: 0;
	left: 20px;
}
#faq-dialog .dialog-logo img{
	float: left;
	max-height: 80px;
}
#faq-dialog .dialog-header h1{
	margin: 90px 0 0;
	color: #095283;
	font-size: 28px;
}
#faq-dialog .close-dialog-button{
	top: 20px;
	right: 20px;
	height: 50px;
	width: 50px;
	text-decoration: none;
}
#faq-dialog .close-dialog-button .icon{
	color: #000;
	font-size: 50px;
	line-height: 50px;
}
#faq-dialog h1{
	text-align: center;
	margin: 0;
}
#faq-dialog .dialog-content{
	max-width: 880px;
	padding: 20px 0;
	margin: 0 auto;
}
#faq-dialog h2{
	padding: 0 15px;
	margin: 0 0 20px;
	color: #095283;
}
#faq-dialog .dialog-section{
	margin: 0 0 40px;
}
#faq-dialog .faq-list li{
	border-bottom: 1px solid #EC7404;
}
#faq-dialog .faq-list li:first-child{
	border-top: 1px solid #EC7404;
}
#faq-dialog .faq-list .toggle-question{
	position: relative;
	display: block;
	padding: 10px 15px 10px 35px;
	color: #000;
	font-weight: 500;
	text-decoration: none;
}
#faq-dialog .faq-list .toggle-question:before,
#faq-dialog .faq-list .toggle-question:after{
	content: "";
	position: absolute;
	top: 50%;
	border-color: inherit;
	border-style: solid solid none none;
	background: #EC7404;
}
#faq-dialog .faq-list .toggle-question:before{
	left: 15px;
	height: 14px;
	margin: -7px 0 0;
	border-width: 0 4px 0 0;
}
#faq-dialog .faq-list .toggle-question:after{
	left: 10px;
	width: 14px;
	margin: -2px 0 0;
	border-width: 4px 0 0;
}
#faq-dialog .faq-list .description{
	overflow: hidden;
	padding: 0;
	max-height: 0;
	opacity: 0;

	-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;
}
/*** active ***/
#faq-dialog .faq-list .active .toggle-question:before{
	display: none;
}
#faq-dialog .faq-list .active .description{
	padding: 0 15px 20px;
	max-height: 1000px;
	opacity: 1;
}
#faq-dialog .faq-list .description li{
	border: 0;
}

@media screen and (min-width: 650px){
	#faq-dialog .dialog-header h1{
		margin: 0;
		font-size: 40px;
	}
	#faq-dialog h2{
		padding: 0;
	}
	#faq-dialog .dialog-content{
		padding: 50px 25px;
	}
	#faq-dialog .faq-list .toggle-question{
		padding: 10px 30px;
	}
	#faq-dialog .faq-list .toggle-question:before{
		left: 5px;
	}
	#faq-dialog .faq-list .toggle-question:after{
		left: 0;
	}
	#faq-dialog .faq-list .active .description{
		padding: 0 0 20px;
	}
}


/************************************
	#products-section
*************************************/
#products-section .col-container{
	table-layout: fixed;
}
#products-section .col.price,
#products-section .col.number,
#products-section .col.subtotal{
	width: auto;
}
.product-table {
	display: table;
	width: 100%;
}
.product-cell {
	display: table-cell;
	vertical-align: middle;
}
.product-cell:first-child{
	display: none;
}
.product-cell img {
	float: left;
	max-height: 70px;
	max-width: 70px;
}
.product-cell .col-container{
	width: auto;
}
@media screen and (min-width: 650px){
	.has-products .product-cell:first-child {
		display: table-cell;
		width: 80px;
		padding: 0 10px 0 0;
	}
	#products-section .col-container .col:first-child{
		width: 180px;
	}
	#products-section .top-row .col-container .type{
		width: 260px;
	}
	.product-cell .col-container{
		width: 100%;
	}
}


/************************************
	#voucher-section
*************************************/
#voucher-section{
	overflow: hidden;
}
#voucher-section,
#voucher-section input{
	text-align: center;
}
#voucher-section .container{
	overflow: hidden;
	margin: 30px 0 0;
}
#voucher-section .container:first-child{
	margin: 0;
}
#voucher-section .container.select{
	padding: 10px;
	background: #F6F6F6;
}
#voucher-section .container.select .label{
	float: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
}
#voucher-section .container.select .selectbox{
	float: right;
	height: 40px;
	width: 75px;
	border-width: 1px;
	background: transparent;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#number-of-vouchers-button{
	line-height: 38px;
}
#voucher-section h2{
	display: block;
	margin: 0 0 15px;
	font-size: 20px;
	line-height: 24px;
}
#voucher-section .input-container{
	overflow: hidden;
	max-height: 0;
	margin: 0;
	opacity: 0;

	-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;
}
#voucher-section .input-container.active{
	max-height: 200px;
	margin: 0 0 20px;
	opacity: 1;
}



/************************************
			Validation
*************************************/
.error-input,
.error-container{
/* 	background: #E60025; */
	color: #F50000;
	padding: 15px 10px;
	overflow: hidden;
	margin: 0 0 20px;
	border: 2px solid #F50000;
	text-align: center;
/* 	display: none; */
}

input.error,
input[type="radio"].error ~ label .icon:before,
.data-fields input.error,
.selectbox.error,
.subscription-form-background ~ .subscription-form-content input.error{
	border-color: #F50000 !important;
}
.error-input{
	padding: 10px;
	margin: 10px 0 0;
	float: left;
	width: 100%;
	position: relative;
	overflow: visible;
	background: #F50000;
	color: #FFF;
}
.error-input:before{
	content: "";
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: transparent transparent #E60025;
	position: absolute;
	bottom: 100%;
	left: 30px;
}

.group.error{
	color: #F50000;
}
#emailAddressConfirm.error {
	color: #F50000 !important;
}


/************************************
			<ie9 error
*************************************/
#ie8-error{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #d32230;
	width: 100%;
	padding: 30px;
	text-align: center;
	color: white;
	display: none;
}
#ie8-error h1{
	color: white;
	margin: 0 0 20px;
}
#ie8-error span{
	display: block;
}
#ie8-error a{
	padding: 10px 20px;
	text-align: center;
	border: 1px solid white;
	color: white;
	display: block;
	width: 270px;
	margin: 20px auto 0;
}
#ie8-error a:hover{
	background: white;
	color: #d32230;
}

.ie8 #ie8-error{
	display: block;
}
.ie8 body{
	overflow: hidden;
}


/************************************
			.no-js
*************************************/
.no-js .row-container .last-row,
.no-js .donation-price,
.no-js #timeslot-section,
.no-js #payment-section label:nth-child(n+5),
.no-js #button-steps .next{
	display: block;
}


/************************************
	Education flow
*************************************/
.table-select-container{

}
.table-select-container .label{
	margin: 0 0 15px;
}
.table-select-container .wrap{
	display: table;
	width: 100%;
	padding: 10px 20px;
	border-width: 2px 0;
	border-style: solid;
	border-color: rgba(0,0,0,.1);
	background: rgba(216,216,216, 0.1);
}
.table-select-container .cell{
	display: table-cell;
	vertical-align: middle;
}
.table-select-container .cell:first-child{
	display: none;
	width: 100%;
	padding: 0 20px 0 0;
}
.table-select-container .selectbox{
	float: right;
	height: 40px;
	width: 100%;
	background: transparent;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.table-select-container .ui-selectmenu-button.ui-button{
	line-height: 36px;
}
#exhibition-previews-container{
	overflow: hidden;
}
#exhibition-previews-container .item{
	margin: 40px 0 0;
}
#exhibition-previews-container .wrap{
	display: block;
}
#exhibition-previews-container .header{
	position: relative;
	height: 188px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#exhibition-previews-container .header img{
	max-height: 100%;
	max-width: 100%;
}
#exhibition-previews-container .header .arrow-block{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 30px;
	width: 30px;
	color: #FFF;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}
#exhibition-previews-container h1{
	margin: 15px 0 10px;
	font-size: 18px;
	line-height: 23px;
}
#exhibition-previews-container p{
	font-size: 16px;
	line-height: 20px;
	margin:0;
}
@media screen and (min-width: 650px){
	.table-select-container .cell:first-child{
		display: table-cell;
	}
	.table-select-container .selectbox{
		width: 175px;
	}
	#exhibition-previews-container{
		margin: 10px 0 0 -20px;
	}
	#exhibition-previews-container .item{
		overflow: hidden;
		float: left;
		height: 250px;
		width: 33.333%;
		padding: 0 0 0 20px;
		margin: 20px 0 0;
	}
	#exhibition-previews-container .header{
		height: 134px;
	}
	#exhibition-previews-container h1{
		margin: 15px 0;
	}
	#exhibition-previews-container p{
		font-size: 12px;
		line-height: 14px;
	}
}

/************************************
	#shoppingcart-container
*************************************/
#shoppingcart-container{

}
#shoppingcart-container h3 .icon{
	float: right;
	font-size: 29px;
	line-height: 32px;
}
.shopping-items-container{

}
.shopping-items-container .item{
	padding: 20px 0 0;
	border-top: 2px solid transparent;
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 20px;
}
.shopping-items-container .item:first-child{
	padding: 0;
	border: 0;
	margin: 0;
}
.shopping-items-container h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}
.shopping-items-container .buttons-container{
	overflow: hidden;
	margin: 5px 0 0;
	text-align: right;
}
.shopping-items-container .buttons-container a{
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 15px;
	text-decoration: none;
}
.shopping-items-container .buttons-container a:first-child{
	margin: 0;
}
.shopping-items-container .shoppingcart_price{
	text-align:right;
	display:block;
}

/************************************
	#shoppingcart-button
*************************************/
#shoppingcart-button{
	padding: 0;
}
#shoppingcart-button a{
	display: block;
	padding: 20px 15px;
	border-width: 2px 0;
	border-style: solid;
	border-color: #095283;
	font-size: 21px;
	line-height: 25px;
}
#shoppingcart-button .icon{
	float: right;
	line-height: 25px;
}

#sidebar-complete-booking{
	text-align:right;
	margin-top:-20px;
	margin-bottom:20px;
	font-size:80%;
}

/************************************
	#exhibition-info-section
*************************************/
#exhibition-info-section .banner{
	display: table;
	height: 170px;
	width: 100%;
	padding: 40px;
	margin: 0 0 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#exhibition-info-section .banner .cell{
	display: table-cell;
	vertical-align: middle;
}
#exhibition-info-section .banner h1{
	margin: 0;
	color: #FFF;
	font-size: 40px;
	line-height: 48px;
}
#exhibition-info-section .data-container{
	margin: 40px 0;
}
#exhibition-info-section .information sup{
	vertical-align:super;
}
.data-container{
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.data-container .row{
	display: table-row;
}
.data-container .row:nth-child(odd){
	background: rgba(216,216,216,.1);
}
.data-container .cell{
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	border-width: 2px 0;
	border-style: solid;
	border-color: rgba(0,0,0,.2);
}

/************************************
	#education-level-section
*************************************/
#exhibition-level-section .label{
	display: block;
	margin: 0 0 15px;
}
.table-input-container{

}
.table-input-container .row{
	border-width: 2px 0;
	border-style: solid;
	border-color: #EAEAEA;
	margin: -2px 0 0;
}
.table-input-container .row:nth-child(odd){
	background: rgba(216,216,216,.1);
}
.table-input-container label{
	display: block;
	position: relative;
	padding: 20px 20px 20px 60px !important;
}
.table-input-container input ~ label .icon{
	position: absolute;
	top: 50% !important;
	left: 20px !important;
	margin: -10px 0 0;
	color: transparent;
}

/************************************
	#exhibition-timeslot-section
*************************************/
#exhibition-timeslot-section{
	display: none;
}
.exhibition-timeslots-container{
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
}
.exhibition-timeslots-container > *{
	display: table-row;
}
.exhibition-timeslots-container > *:nth-child(even){
	background: rgba(216,216,216,.1);
}
.exhibition-timeslots-container .cell{
	display: table-cell;
}
.exhibition-timeslots-container > *:last-child .cell{
	border-bottom: 2px solid rgba(0,0,0,.05);
}
.exhibition-timeslots-container label{
	display: block;
	padding: 20px 10px;
	white-space: nowrap;
}
.exhibition-timeslots-container .input{
	width: 60px;
}
.exhibition-timeslots-container .input input[type="radio"] ~ label{
	display: block;
	height: 16px;
	width: 16px;
	padding: 0;
	margin: 0 auto;
}
.exhibition-timeslots-container .timeslot{
	width: 50%;
	border-right: 1px solid #979797;
}
.exhibition-timeslots-container .top-row .timeslot{
	border: 0;
}
.exhibition-timeslots-container .availability{
	width: 50%;
}

@media screen and (min-width: 650px){
	.exhibition-timeslots-container .timeslot{
		width: auto;
	}
	.exhibition-timeslots-container .availability{
		width: 100%;
	}
}

/************************************
	#education-plus-section
*************************************/
#exhibition-plus-section{
	display: none;
}
#exhibition-plus-section > .label{
	display: block;
	margin: 0 0 20px;
}

/************************************
	#exhibition-overview-section
*************************************/
#exhibition-overview-section{

}
#exhibition-overview-section > .wrap{
	margin: 40px 0 0;
}
#exhibition-overview-section .wrap > .label{
	display: block;
	margin: 0 0 10px;
	font-weight: 500;
}
#exhibition-overview-section .edit-link{
	float: right;
	font-weight: 300;
}
#exhibition-overview-section .edit-link .icon{
	font-size: 12px;
	margin: 0 5px 0 0;
}
#exhibition-overview-section .data-container .cell{
	padding: 10px 20px;
}
.shopping-cart-overview-container{

}
.shopping-cart-overview-container .item{
	position: relative;
	padding: 20px 0 0;
	border-top: 2px solid rgba(0,0,0,.1);
	margin: 20px 0 0;
}
.shopping-cart-overview-container .item:first-child{
	padding: 0;
	border: 0;
	margin: 0;
}
.shopping-cart-overview-container .banner{
	overflow: hidden;
	height: 170px;
	padding: 30px 40px;
	background-size: cover;
	background-position: center center;
}
.shopping-cart-overview-container .banner h1{
	margin: 0;
	color: #FFF;
	font-size: 40px;
	line-height: 48px;
	text-shadow: 0 0 6px rgba(0,0,0,0.50);
}
.shopping-cart-overview-container .data{
	position: relative;
	padding: 0 100px 0 0;
	margin: 20px 0 0;
}
.shopping-cart-overview-container .data .label{
	font-weight: 700;
}
.shopping-cart-overview-container .data .subtotal{
	position: absolute;
	font-weight: 700;
	top: 0;
	right: 20px;
}
.shopping-cart-overview-container .buttons{
	position: absolute;
	bottom: 0;
	right: 0;
}
.shopping-cart-overview-container .buttons a{
	float: left;
	margin: 0 0 0 10px;
}
.shopping-cart-overview-container .buttons a:first-child{
	margin: 0;
}
.shopping-cart-overview-container .footer{
	position: relative;
	padding: 20px;
	border-top: 2px solid transparent;
	margin: 20px 0 0;
	font-weight: 700;
}
.shopping-cart-overview-container .footer:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 2px;
	width: 100%;
	background: rgba(0,0,0,.1);
}
.shopping-cart-overview-container .footer .total-price{
	float: right;
}

/************************************
	#education-payment-section
*************************************/
#payment-tabs-container{
	overflow: hidden;
}
/*** .buttons-container ***/
#payment-tabs-container .buttons-container{
	overflow: hidden;
}
#payment-tabs-container .buttons-container .item{
	display: block;
	margin: 10px 0 0;
}
#payment-tabs-container .buttons-container .item:first-child{
	margin: 0;
}
#payment-tabs-container .buttons-container label{
	position: relative;
	display: block;
	padding: 14px;
	border: 1px solid #095283;
	color: inherit;
	line-height: 20px;
	text-align: center;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#payment-tabs-container .buttons-container span{
	position: relative;
}
#payment-tabs-container .buttons-container label:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #FFF;
	opacity: 1;
	/*border-radius:20px;*/

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*** .panels-container ***/
#payment-tabs-container .panels-container{
	margin: 30px 0 0;
}
#payment-tabs-container .panels-container .panel{
	overflow: hidden;
	max-height: 0;
	opacity: 0;

	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
/*** #payment-online:checked ***/
#payment-tabs-container > input:nth-child(1):checked ~ .buttons-container .item:nth-child(1),
#payment-tabs-container > input:nth-child(2):checked ~ .buttons-container .item:nth-child(2),
#payment-tabs-container > input:nth-child(3):checked ~ .buttons-container .item:nth-child(3),
#payment-tabs-container > input:nth-child(4):checked ~ .buttons-container .item:nth-child(4),
#payment-tabs-container > input:nth-child(5):checked ~ .buttons-container .item:nth-child(5),
#payment-tabs-container > input:nth-child(6):checked ~ .buttons-container .item:nth-child(6){
	color: #FFF;
}
#payment-tabs-container > input:nth-child(1):checked ~ .buttons-container .item:nth-child(1) label:before,
#payment-tabs-container > input:nth-child(2):checked ~ .buttons-container .item:nth-child(2) label:before,
#payment-tabs-container > input:nth-child(3):checked ~ .buttons-container .item:nth-child(3) label:before,
#payment-tabs-container > input:nth-child(4):checked ~ .buttons-container .item:nth-child(4) label:before,
#payment-tabs-container > input:nth-child(5):checked ~ .buttons-container .item:nth-child(5) label:before,
#payment-tabs-container > input:nth-child(6):checked ~ .buttons-container .item:nth-child(6) label:before{
	opacity: 0;
}
#payment-tabs-container > input:nth-child(1):checked ~ .panels-container .panel:nth-child(1),
#payment-tabs-container > input:nth-child(2):checked ~ .panels-container .panel:nth-child(2),
#payment-tabs-container > input:nth-child(3):checked ~ .panels-container .panel:nth-child(3),
#payment-tabs-container > input:nth-child(4):checked ~ .panels-container .panel:nth-child(4),
#payment-tabs-container > input:nth-child(5):checked ~ .panels-container .panel:nth-child(5),
#payment-tabs-container > input:nth-child(6):checked ~ .panels-container .panel:nth-child(6){
	max-height: 999px;
	opacity: 1;
	overflow: visible;
}
/*** .payment-methods-container ***/
#education-payment-section .payment-methods-container{
	overflow: hidden;
	margin: 0 0 0 -10px;
}
#education-payment-section .payment-methods-container li{
	float: left;
	width: 33.333%;
	height: 70px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
	border-color: inherit;
}
#education-payment-section .payment-methods-container input{
	display: none;
}
#education-payment-section .payment-methods-container label{
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}
#education-payment-section .payment-methods-container input:checked ~ label{
	border-color: inherit;
}
#education-payment-section .payment-methods-container img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	padding: 5px;
	margin: auto;
	pointer-events: none;
}
@media screen and (min-width: 650px){
	/*** .buttons-container ***/
	#payment-tabs-container .buttons-container{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#payment-tabs-container .buttons-container .item{
		display: table-cell;
		padding: 0 5px;
	}
	#payment-tabs-container .buttons-container .item:first-child,
	#payment-tabs-container .buttons-container .item:last-child{
		padding: 0;
	}
	#payment-tabs-container .buttons-container .item:first-child{
		padding: 0 5px 0 0;
	}
	#payment-tabs-container .buttons-container .item:last-child{
		padding: 0 0 0 5px;
	}
	/*** .payment-methods-container ***/
	#education-payment-section .payment-methods-container{
		margin: 0 0 0 -20px;
	}
	#education-payment-section .payment-methods-container li{
		width: 25%;
		height: 90px;
		padding: 0 0 0 20px;
		margin: 0 0 20px;
	}
}

/************************************
	#remove-cart-item-dialog
*************************************/
#remove-cart-item-dialog{
	display: none;
	max-width: 650px;
	margin: 0 auto;
	background: #FFF;
}
#remove-cart-item-dialog .dialog-header{
	position: relative;
	height: 30px;
}
#remove-cart-item-dialog .dialog-header .close-dialog-button{
	top: 12px;
	right: 12px;
}
#remove-cart-item-dialog .dialog-header .close-dialog-button .icon{
	color: inherit;
	font-size: 16px;
	line-height: 16px;
}
#remove-cart-item-dialog .dialog-content{
	padding: 0 30px 30px;
	text-align: center;
}
#remove-cart-item-dialog .dialog-buttons{
	display: inline-block;
}
#remove-cart-item-dialog .dialog-buttons .button{
	float: left;
	margin: 0 0 0 20px;
	color: #FFF;
}
#remove-cart-item-dialog .dialog-buttons .button:first-child{
	margin: 0;
}

/*************************************
	#adyen
*************************************/
.paymentmethods input#paymentradio-card[type="radio"] + label, .paymentmethods input#paymentradio-sepadirectdebit[type="radio"] + label, .paymentmethods input#paymentradio-directEbanking[type="radio"] + label, .paymentmethods input#paymentradio-bcmc[type="radio"] + label, .paymentmethods input#paymentradio-wechatpay[type="radio"] + label, .paymentmethods input#paymentradio-bcmc_mobile[type="radio"] + label, .paymentmethods input#paymentradio-ebanking_FI[type="radio"] + label, .paymentmethods input#paymentradio-entercash[type="radio"] + label, .paymentmethods input#paymentradio-trustly[type="radio"] + label, .paymentmethods input#paymentradio-eps[type="radio"] + label, .paymentmethods input#paymentradio-multibanco[type="radio"] + label, .paymentmethods input#paymentradio-ideal[type="radio"] + label
{
	padding:15px;
}

#payment-online-panel #component-payment-container {
	margin: 0 10px;
}

.paymentmethods {
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	display: inline-block;
}

.paymentmethods.icons-payment
{
	margin-bottom: 0;
	display: block;
    overflow: hidden;
}

.paymentmethods input[type="radio"] {
	left: -5000px;
	position: absolute;
}

.paymentmethods input[type="radio"] {
	float: left;
}

.paymentmethods input[name="paymentradio"] + label {
	background-color: white;
	border: 1px solid #E7E7E7;
	display: block;
	float: left;
	padding: 15px 10px;
	text-align: center;
	transition: background-color 0.2s ease-out 0s;
}

.paymentmethods input[name="paymentradio"]:checked + label {
	background-color: #E7E7E7;
	border-color: white;
}
.paymentmethods label {
	cursor: pointer;
	width: 110px;
	height: 80px;
	margin: 0 10px 10px 10px;
}

.paymentmethods > label:last-child {
	margin-right: 0;
}

.icons-payment li, .icons-payment i {
    display: inline-block;
    height: 36px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.paymentmethods label i.i-visa,
.paymentmethods label i.i-paypal,
.paymentmethods label i.i-sofort,
.paymentmethods label i.i-dotpay
{
	width: 100%;
}

.paymentmethods label i.i-visa
{
	height: 25px;
	margin-top: 10px;
	background-size: 143% auto;
	background-position: 0 -82px;
}

.paymentmethods label i.i-paypal
{
	height: 23px;
	margin-top: 10px;
	background-size: 140% auto;
	background-position: 0 -212px;
}

.paymentmethods label i.i-sofort
{
	height: 27px;
	margin-top: 5px;
	background-size: 152% auto;
	background-position: 0 -115px;
}

.paymentmethods label i.i-dotpay
{
	height: 27px;
	margin-top: 5px;
	background-size: 166% auto;
	background-position: 0 -376px;
}

.paymentmethods label i.i-alipay
{
	height: 27px;
	margin-top: 3px;
	background-size: 143% auto;
	background-position: 0 -403px;
}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.icons-payment.adyen .i-card
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-sepadirectdebit
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-directEbanking
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-bcmc, .icons-payment.adyen .i-bcmc_mobile
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-wechatpay
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-ebanking_FI
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-entercash
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-trustly
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-eps
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-multibanco
{
	background-image:url("");
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-discover
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-cup
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-diners
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
}
.icons-payment.adyen .i-amex
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-alipay
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-wechatpay
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-visa
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-mc
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-jcb
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-maestro
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-giropay
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-cartebancaire
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-ideal
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:50px;
	background-position: 0;
}
.icons-payment.adyen .i-paypal
{
	background-image:url("");
	background-size:100%;
	width:77px;
	height:30px;
	background-position: 0;
}
.icons-payment.adyen .i-sepadirectdebit
{
	background-size:100%;
	width:77px;
	height:50px;
}