/************************************
		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;
}