html, body{
    padding     : 0;
    margin      : 0;
    color       : #000000;
    font-size   : 14px;
    line-height : 1.3;
    height      : 100%;
}

.checkcart-info{
    margin-bottom : 15px;
    margin-top    : 15px;
}

.labels{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -ms-flexbox;
    float           : left;
    clear           : left;
    text-align-last : start;
}

.inputs-right{
    float           : right;
    clear           : right;
    text-align-last : end;
}

.accountinfo-input{
    pointer-events : none;
    border         : 0;
    font-weight    : bold;
}

.radio-wrapper,
.checkbox-wrapper {
    position: relative;
}
.radio-wrapper input[type="radio"],
.checkbox-wrapper input[type="radio"],
.checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    top: auto;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    outline: none;
    z-index: 2;
    border: none;
    right: 5px;
}
.radio-label,
.checkbox-label {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    font-weight: 400;
    line-height: 1.2;
    color : #000000;
}
.radio-label:before,
.radio-label:after,
.checkbox-label:before,
.checkbox-label:after {
    pointer-events: none;
}
.radio-label:before,
.checkbox-label:before {
    display: flex;
    content: ' ';
    height: 20px;
    width: 20px;
    border: 1px solid #777;
    background: #fff;
    margin-right: 5px;
    margin-left: 0;
    border-radius: 0.25rem;
}
.radio-label:after,
.checkbox-label:after {
    right: 9px;
    display: flex;
    content: ' ';
    height: 12px;
    width: 12px;
    background: #777;
    transform: scale(0);
    transition: transform .3s ease;
    border-radius: 0.25rem;
    position: absolute;
}
.radio-wrapper input[type="radio"]:checked ~ .radio-label:after,
.checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox-label:after,
.radio-wrapper input[type="radio"]:checked + .radio-wrapper input[type="radio"] + .radio-label:after,
.checkbox-wrapper input[type="checkbox"]:checked + .radio-wrapper input[type="checkbox"] + .checkbox-label:after  {
    transform: scale(1);
}
.radio-wrapper input[type="radio"]:disabled ~ .radio-label:before,
.checkbox-wrapper input[type="checkbox"]:disabled ~ .checkbox-label:before,
.radio-wrapper input[type="radio"]:disabled + .radio-wrapper input[type="radio"] + .radio-label:before,
.checkbox-wrapper input[type="checkbox"]:disabled + .radio-wrapper input[type="checkbox"] + .checkbox-label:before  {
    border-color: #E0E0E0;
}

.user-details{
    font-weight : bold;
}

.row-eq-height{
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
}

.fieldset-account{
    margin-top : 20px;
}

.nopaddingleft{
    padding-left : 0;
}

select{
    color : black !important;
}

.no-dec{
    -webkit-appearance : none;
}

.nopaddingright{
    padding-right : 0;
    padding-left  : 0;
}

.panel-col{
    text-align-last : center;
}

.nopadding{
    padding : 0;
}

.wrapper{
    height     : auto !important;
    height     : 100%;
    min-height : 100%;
    position   : relative;
}

/* header */
header{
    overflow         : visible;
    padding          : 0;
    position         : relative;
    background-color : #e4e4e4 !important;
}

header .top .intro,
header .top .tools{
    padding : 10px 15px;
}

header .top .intro span{
    display        : inline-block;
    font-weight    : 700;
    text-transform : uppercase;
    line-height    : 30px;
}

header .navbar{
    border-radius : 0;
    border        : 0 none;
    margin        : 0;
}

header .navbar .navbar-nav{
    float            : none;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -ms-flex-flow    : row nowrap;
    flex-flow        : row nowrap;
}

header .top .tools .buttonicon,
header .top .tools .buttonicon:hover,
header .top .tools .buttonicon:focus{
    text-transform  : uppercase;
    font-weight     : 700;
    display         : inline-block;
    padding         : 0 45px 0 15px;
    font-size       : 12px;
    position        : relative;
    line-height     : 30px;
    border          : 0 none;
    cursor          : pointer;
    border-radius   : 3px;
    text-decoration : none;
}

header .top .tools .buttonicon span{
    font-size      : inherit;
    color          : inherit;
    display        : inline;
    font-family    : inherit;
    font-weight    : inherit;
    text-transform : inherit;
    line-height    : inherit;
}

header .top .tools .buttonicon .icon{
    display                    : block;
    height                     : 100%;
    position                   : absolute;
    right                      : 0;
    top                        : 0;
    border-left                : 1px solid rgba(255, 255, 255, 0.5);
    width                      : 30px;
    font-weight                : 700;
    font-size                  : 1.33333333em;
    text-align                 : center;
    line-height                : 30px;
    border-bottom-right-radius : 3px;
    border-top-right-radius    : 3px;
}

header .top .tools .dropdown-menu{
    padding       : 10px 15px;
    border-radius : 4px;
    left          : auto;
    box-shadow    : none;
    min-width     : 200px;
    top           : 50px;
    right         : 15px;
    margin        : 0;
    z-index       : 2000;
}

header .top .tools .dropdown-menu:before{
    content     : "\f0d8";
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    position    : absolute;
    top         : -13px;
    right       : 24px;
}

header .top .tools .dropdown-menu > li > a,
header .top .tools .dropdown-menu > li > a:hover{
    padding        : 0;
    font-size      : 12px;
    line-height    : 20px;
    cursor         : pointer;
    font-weight    : 600;
    text-transform : uppercase;
}

header .top .tools .dropdown-menu > li > a span{
    color       : inherit;
    font-size   : inherit;
    line-height : inherit;
    width       : 100%;
    position    : relative;
    display     : inline-block;
}

header .top .tools .dropdown-menu > li > a span i{
    line-height  : inherit;
    margin-right : 5px;
}

header .top .tools .dropdown-menu > li > a span:after{
    content     : "\f054";
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    position    : absolute;
    right       : 0;
    font-size   : 9px;
    top         : 1px;
}

header .top .tools .dropdown-menu .divider{
    margin : 5px 0;
}

/* end header */
/* start headline */
.headline .breadcrumb{
    margin           : 20px 0;
    background-color : transparent;
    text-transform   : uppercase;
}

.headline .breadcrumb > li + li::before{
    content     : '\f101';
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
}

/* end headline */
/* start main content */
.maincontent{
    margin : 0px auto 40px;
}

.maincontent .data .products h3,
.maincontent .shoppingcart h3,
.maincontent .data .accountinfo h3,
.maincontent .data .details h3,
.maincontent .data .userdata h3,
.maincontent .data .wallet h3{
    font-size      : 20px;
    font-weight    : 700;
    margin         : 0;
    text-transform : uppercase;
    padding-bottom : 5px;
}

.maincontent .data .product{
    padding : 35px 0;
    margin  : 0 auto;
}

.maincontent .data .product .prod{
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    margin-top        : 10px;
}

.maincontent .data .product .name,
.maincontent .data .product .price{
    font-size   : 18px;
    font-weight : 700;
    margin      : 0;
}

.maincontent .data .product .name{
    font-size : 14px;
}

.maincontent .data .product .actions fieldset{
    -ms-flex-line-pack : center;
    align-content      : center;
}

.maincontent .data .product .actions .select,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select,
.maincontent .data .accountinfo .registrationform .form-group .select{
    position     : relative;
    display      : inline-block;
    width        : auto;
    margin-right : -4px;
}

.maincontent .data .product .actions .select .arr,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr,
.maincontent .data .accountinfo .registrationform .form-group .select .arr{
    background     : transparent;
    position       : absolute;
    right          : 6px;
    top            : 9px;
    width          : auto;
    pointer-events : none;
}

.maincontent .data .product .actions .select .arr::before,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr::before,
.maincontent .data .accountinfo .registrationform .form-group .select .arr::before{
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    content     : '\f078';
    font-size   : 12px;
}

.maincontent .data .product .actions .select select,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select select,
.maincontent .data .accountinfo .registrationform .form-group .select select{
    outline            : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    display            : block;
    padding            : 8px 21px 9px 6px;
    margin             : 0;
    border-radius      : 3px;
    line-height        : normal;
    font-family        : inherit;
    font-size          : inherit;
    width              : 100%;
}

.maincontent .data .product .actions button,
.maincontent .shoppingcart .couponform .form-group button{
    cursor             : pointer;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    border             : 0 none;
    border-radius      : 0px 3px 3px 0px;
    padding            : 11px;
    font-size          : 11px;
}

.maincontent .data .product .descr,
.maincontent .shoppingcart .basket-headline{
    margin-top : 10px;
}

.maincontent .shoppingcart .basket-headline,
.maincontent .shoppingcart .basket-product{
    font-size : 13px;
}

.maincontent .data .product .descr p{
    margin    : 0 0 3px 0;
    font-size : 12px;
}

.maincontent .data .product .descr p:last-child{
    margin : 0;
}

.maincontent .buttons{
    margin-top : 20px;
}

.maincontent .shoppingcart .basket-headline{
    text-transform : uppercase;
    font-weight    : 700;
    margin-bottom  : 5px;
}

.maincontent .buttons .btn.spaced{
    margin-left : 15px;
}

.maincontent .buttons .btn.spaced-right{
    margin-right : 15px;
}

.maincontent .shoppingcart .basket-headline.empty,
.maincontent .shoppingcart .basket-headline.newaccount{
    text-align    : center;
    font-weight   : 400;
    margin-bottom : 0;
}

.maincontent .shoppingcart .basket-headline.newaccount,
.maincontent .data .accountinfo .newaccount{
    margin-top : 20px;
}

.maincontent .shoppingcart .basket-headline.newaccount .descr{
    min-height  : 83px;
    line-height : 1.5;
}

.maincontent .shoppingcart .basket-headline.newaccount .buttons{
    margin-top : 15px;
}

.maincontent .shoppingcart .basket-product,
.maincontent .shoppingcart .basket-headline.continue{
    margin-bottom     : 5px;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.maincontent .shoppingcart .basket-product .name small{
    font-size  : 75%;
    font-style : italic;
    display    : block;
    margin-top : 3px;
}

.maincontent .shoppingcart .basket-product .actions i{
    cursor : pointer;
}

.maincontent .shoppingcart hr{
    margin : 10px 0;
}

.maincontent .shoppingcart .basket-subtotal{
    font-size         : 16px;
    font-weight       : 700;
    text-transform    : uppercase;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.maincontent .shoppingcart .basket-subtotal .btn,
.maincontent .shoppingcart .basket-subtotal .btn:hover,
.maincontent .shoppingcart .basket-subtotal .btn:focus{
    font-size   : 10px;
    line-height : 23px;
    padding     : 0 12px;
    min-width   : 0;
}

.maincontent .shoppingcart .basket-headline.continue{
    margin-bottom : 0;
}

.maincontent .shoppingcart .couponform{
    margin-top    : 10px;
    margin-bottom : 5px;
}

.maincontent .shoppingcart .couponform .form-group{
    margin-bottom     : 0;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.maincontent .shoppingcart .couponform .form-group label,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group label{
    margin-bottom  : 0;
    text-transform : uppercase;
}

.maincontent .shoppingcart .basket-product.coupon .name .label,
.maincontent .shoppingcart .basket-product.coupon .saved{
    text-transform : uppercase;
}

.maincontent .shoppingcart .basket-product.coupon .name .descr{
    font-size  : 12px;
    display    : block;
    margin-top : 5px;
}

.maincontent .shoppingcart .basket-headline.error,
.maincontent .data .accountinfo .panel-account > .panel-body .savedaccount{
    text-transform : none;
    font-weight    : 400;
    margin-bottom  : 10px;
}

.maincontent .shoppingcart .basket-headline.error .basketError,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group.generalerror .basketError,
.maincontent .data .accountinfo .panel-account > .panel-body .savedaccount .alert,
.maincontent .data .accountinfo .userform .form-group.generalerror .basketError,
.maincontent .data .accountinfo .registrationform .form-group.generalerror .basketError,
.maincontent .data .accountinfo .errorrow .alert,
.maincontent .data .wallet .reservationlist .basketError{
    margin-bottom : 0;
    padding       : 5px 10px;
}

.maincontent .data .accountinfo .errorrow .alert{
    margin-top : 20px;
}

.maincontent .shoppingcart .basket-headline.error .basketError ul,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group.generalerror .basketError ul,
.maincontent .data .accountinfo .registrationform .form-group.generalerror .basketError ul{
    list-style : none;
    margin     : 0;
    padding    : 0;
    font-size  : 12px;
}

.maincontent .shoppingcart .basket-headline.error .basketError ul li,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group.generalerror .basketError ul li,
.maincontent .data .accountinfo .registrationform .form-group.generalerror .basketError ul li{
    line-height : 20px;
}

.maincontent .shoppingcart .basket-headline.error .basketError ul li:before,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group.generalerror .basketError ul li:before,
.maincontent .data .accountinfo .registrationform .form-group.generalerror .basketError ul li:before{
    font-family  : "Font Awesome 5 Free";
    font-weight  : bold;
    margin-right : 10px;
    content      : '\f12a';
}

.maincontent .data .accountinfo .panel-account > .panel-body .savedaccount span,
.maincontent .data .accountinfo .userform .form-group.generalerror .basketError span,
.maincontent .data .accountinfo .errorrow .alert,
.maincontent .data .wallet .reservationlist .basketError span{
    font-size : 12px;
    display   : block;
}

.maincontent .data .accountinfo .panel-account > .panel-body .savedaccount span.text,
.maincontent .data .accountinfo .userform .form-group.generalerror .basketError span.text,
.maincontent .data .wallet .reservationlist .basketError span.text{
    margin-top : 5px
}

.maincontent .data .panel-group{
    margin-top    : 20px;
    margin-bottom : 0;
}

.maincontent .data .accountinfo .panel-account > .panel-heading{
    background-color  : #fff;
    border-radius     : 3px;
    font-size         : 16px;
    text-transform    : uppercase;
    border            : 0 none;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-pack  : justify;
    -ms-flex-pack     : justify;
    justify-content   : space-between;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.maincontent .data .accountinfo .panel-account > .panel-heading.open{
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
}

.maincontent .data .accountinfo .panel-account > .panel-heading p{
    font-size : 12px;
    margin    : 3px 0 0;
}

.maincontent .data .accountinfo .panel-account > .panel-heading .icon-toggle{
    display                 : inline-block;
    font-family             : "Font Awesome 5 Free";
    font-weight             : bold;
    font-size               : inherit;
    line-height             : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    font-style              : normal;
    cursor                  : pointer;
}

.maincontent .data .accountinfo .panel-account > .panel-heading .icon-toggle::before{
    content     : "\f078";
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group.generalerror,
.maincontent .data .accountinfo .panel-account > .panel-body .savedaccount,
.maincontent .data .accountinfo .userform .form-group.generalerror{
    margin : 0 auto 15px;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group label,
.maincontent .data .accountinfo .registrationform .form-group label{
    font-weight : bold;
    line-height : 34px;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group label.required span:after,
.maincontent .data .accountinfo .registrationform .form-group label.required span:after{
    content     : '*';
    font-weight : 700;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select,
.maincontent .data .accountinfo .registrationform .form-group .select{
    width        : 100%;
    margin-right : 0;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr,
.maincontent .data .accountinfo .registrationform .form-group .select .arr{
    right : 7px;
    top   : 7px;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select select,
.maincontent .data .accountinfo .registrationform .form-group .select select{
    height  : 34px;
    padding : 5px 21px 5px 10px;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group span.error,
.maincontent .data .accountinfo .registrationform .form-group span.error{
    font-size  : 12px;
    margin-top : 3px;
    display    : block;
    font-style : italic;
}

.maincontent .data .accountinfo .userform{
    margin-top : 20px;
}

.maincontent .data .accountinfo .userform .form-group .checkbox-inline{
    padding           : 0;
    height            : 34px;
    width             : 100%;
    display           : flex;
    display           : -ms-inline-flexbox;
    display           : inline-flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.maincontent .data .accountinfo .userform .form-group:nth-child(2){
    margin-bottom : 0;
}

.maincontent .data .accountinfo .userform .form-group .checkbox-inline a{
    font-size : 12px;
}

.maincontent .data .accountinfo .userform .form-group .checkbox-inline input[type="checkbox"],
.maincontent .data .accountinfo .userform .form-group .checkbox-inline span{
    position : relative;
    margin   : 0;
    display  : inline-block;
}

.maincontent .data .accountinfo .userform .form-group .checkbox-inline input[type="checkbox"]{
    margin-right : 5px;
}

.maincontent .data .accountinfo .registrationform,
.maincontent .data .details .detailrow{
    margin-top : 20px;
}

.maincontent .data .accountinfo .registrationform .form-group,
.maincontent .data .accountinfo .braintreeform .form-group{
    margin : 0 auto 10px;
}

.maincontent .data .accountinfo .registrationform .form-group.generalerror{
    margin-bottom : 15px;
}

.maincontent .data .accountinfo .registrationform .form-group label{
    margin : 0;
}

.maincontent .data .accountinfo .newaccount .descr{
    line-height : 1.5;
}

.maincontent .data .accountinfo .errorrow{
    margin-bottom : 20px;
}

.maincontent .data .accountinfo .braintreeform .form-group .inputfield label{
    display        : block;
    margin-bottom  : 5px;
    line-height    : 1.3;
    text-transform : uppercase;
}

.maincontent .data .accountinfo .braintreeform .form-group .inputfield span.error{
    font-size  : 12px;
    margin-top : 3px;
    display    : none;
    font-style : italic;
}

.maincontent .data .accountinfo .braintreeform .form-group .inputfield label .cvvnote{
    line-height : 1.3;
    margin      : 0;
    font-size   : 15px;
    cursor      : pointer;
}

.maincontent .data .accountinfo .braintreeform .form-group .inputfield span.error.is-visible{
    display : block;
}

.maincontent .data .accountinfo .braintreeform .form-group .cardicons i{
    font-size : 40px;
}

.maincontent .data .accountinfo h3 i{
    margin      : 0;
    line-height : 22px;
}

.maincontent .data .accountinfo .userform .passworderror,
.maincontent .data .accountinfo .userform .passwordmessage{
    font-size : 13px;
}

.maincontent .data .accountinfo .userform .passworderror .labeltitle,
.maincontent .data .accountinfo .userform .passwordmessage .labeltitle{
    font-weight    : 700;
    display        : block;
    padding-bottom : 3px;
}

.maincontent .data .accountinfo .userform .passwordmessage .labeltitle{
    display        : inline-block;
    padding-bottom : 0;
    width          : 50%;
}

.maincontent .data .accountinfo .userform .passworderror ul{
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.maincontent .data .accountinfo .userform .passworderror ul li{
    padding-bottom : 3px;
}

.maincontent .data .accountinfo .userform .passworderror ul li:before{
    font-family  : "Font Awesome 5 Free";
    font-weight  : bold;
    content      : '\f071';
    margin-right : 3px;
    font-size    : 10px;
}

.maincontent .data .details .detailrow .subtit{
    text-transform : uppercase;
    font-weight    : 700;
    margin-bottom  : 15px;
    padding-bottom : 5px;
}

.maincontent .data .details .detailrow .detaildescr{
    margin-top    : 5px;
    line-height   : 20px;
    margin-bottom : 10px;
}

.confirmation-cart{
    font-weight : normal;
}

.order-detail{
    font-weight : normal;
    color       : #000;
}

.confirmation-total{
    font-weight : normal !important;
}

.maincontent .data .details .detailrow .detaildescr strong{
    line-height : inherit;
    display     : inline-block;
}

.maincontent .data .details .detailrow .detaildescr i{
    line-height : inherit;
}

.maincontent .data .wallet{
    margin-top : 15px;
}

.maincontent .data .userdata h3,
.maincontent .data .wallet h3{
    margin-bottom : 5px;
}

.maincontent .data .userdata h3 span,
.maincontent .data .userdata h3 small,
.maincontent .data .wallet h3 span,
.maincontent .data .wallet h3 small{
    display     : inline-block;
    float       : left;
    line-height : 22px;
}

.maincontent .data .userdata h3 small,
.maincontent .data .wallet h3 small{
    float : right;
}

.maincontent .data .userdata h3.withbutton span{
    line-height : 25px;
}

.maincontent .data .userdata h3.withbutton small.btnlike,
.maincontent .data .userdata h3.withbutton small.btnlike:hover,
.maincontent .data .userdata h3.withbutton small.btnlike:focus{
    border-radius : 3px;
    padding       : 6px 12px;
    color         : #fff;
    background    : #C4BBB9;
    cursor        : pointer;
    line-height   : 1;
}

.maincontent .data .userdata .detail{
    margin      : 5px 0;
    line-height : 25px;
}

.maincontent .data .userdata .detail span,
.maincontent .data .userdata .detail strong{
    display : inline-block;
}

.maincontent .data .userdata .detail strong{
    width : 20%;
}

.maincontent .data .userdata .detail .divider{
    width : 3%;
}

.maincontent .data .wallet form{
    margin-top    : 15px;
    margin-bottom : 15px;
}

.maincontent .data .wallet form .form-group{
    margin    : 0 auto 5px;
    font-size : 13px;
}

.maincontent .data .wallet form .form-group label{
    font-weight    : 400;
    line-height    : 20px;
    margin-bottom  : 2px;
    text-transform : uppercase;
}

.maincontent .data .wallet form .form-group .select{
    position     : relative;
    display      : inline-block;
    width        : 100%;
    margin-right : 0;
}

.maincontent .data .wallet form .form-group .select .arr{
    position       : absolute;
    right          : 7px;
    top            : 7px;
    width          : auto;
    pointer-events : none;
}

.maincontent .data .wallet form .form-group .select .arr::before{
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    content     : '\f078';
    font-size   : 12px;
}

.maincontent .data .wallet form .form-group .select select{
    outline            : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    display            : block;
    height             : 34px;
    padding            : 5px 21px 5px 10px;
    margin             : 0;
    border-radius      : 3px;
    line-height        : normal;
    font-family        : inherit;
    font-size          : inherit;
    width              : 100%;
}

.maincontent .data .wallet .reservationlist{
    margin-top : 15px;
}

.maincontent .data .wallet .reservationlist .basketError span{
    font-size : 14px;
}

.maincontent .data .wallet .panel-body.data .detailrow{
    margin-top : 0;
}

.login-mask,
.accountinfo,
.userdata{
    margin : 30px auto 0px;
}

.maincontent .data .userdata .updateform{
    margin : 20px -15px 15px;
}

.cart{
    border : 1px solid #e4e4e4;
}

.cart-header{
    background-color : #042d49;
    padding-left     : 10px;
}

.cart-title{
    color     : white;
    font-size : 20px;
}

.cart-row{
    margin-left : 3px;
}

.empty-cart{
    color : #042d49;
}

.col-sm-6 .accountinfo{
    margin : 0px;
}

.form-control{
    padding : 5px 10px;
    color   : #042d49;
}

.form-control.has-error{
    border-color : #a94442;
}

.section-intro{
    margin-bottom : 25px;
}

.section-intro p{
    font-size : .8em;
}

.section-intro .weekendPassImg{
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.section-intro .weekendPassDescription{
    margin-top : 10px;
}

/* end main content */
/* start footer */
footer{
    position : relative;
    bottom   : 0;
    width    : 100%;
    overflow : visible;
    padding  : 0;
}

footer .row{
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

footer .tools,
footer .image{
    padding : 10px 15px;
    width   : 50% !important;
}

footer .tools span,
footer .tools div{
    display     : block;
    line-height : 1.5;
    font-size   : 12px;

}

footer .tools div{
    margin-top : 5px;
}

footer .image{
    padding : 5px 15px;
}

footer .image span{
    font-size   : 13px;
    font-weight : 700;
    display     : inline-block;
    line-height : 30px;
}

/* end footer */

/* upsell jconfirm modal */
/* fix for height calculation on jquery.confirm */
body[class*=jconfirm-no-scroll-]{
    overflow : visible !important
}

.jconfirm.jconfirm-bootstrap .jconfirm-box{
    border        : 0 none;
    border-radius : 3px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{
    filter     : alpha(opacity=1);
    opacity    : 1;
    margin-top : 0;
    top        : 15px;
    right      : 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{
    font-size      : 20px;
    font-weight    : 700;
    margin         : 0 0 10px;
    text-transform : uppercase;
    padding        : 0 15px;
    line-height    : 20px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    padding-bottom : 10px;
    display        : block;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{
    color : inherit;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks{
    margin : 15px -15px 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks:first-child{
    margin-top : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks h3{
    margin         : 0 15px 10px;
    font-size      : 20px;
    text-transform : uppercase;
    padding-bottom : 5px;
    font-weight    : 700;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks h3.small{
    text-transform : none;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer{
    padding-right : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left{
    border-right : 0 none;
    padding-top  : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left{
    border-right : 0 none;
    padding-top  : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li.active{
    z-index : 10;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a{
    background-color   : transparent;
    border-right-color : transparent;
    text-transform     : uppercase;
    border-radius      : 3px 0 0 3px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li.active > a,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a:hover,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a:focus{
    background-color : #fff;
    cursor           : default;
    font-weight      : 700;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabsLeftContainer .tab-pane{
    border        : 1px solid transparent;
    padding       : 10px 0;
    margin        : 0 auto 0 -15px;
    z-index       : 9;
    border-radius : 0 3px 3px 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .product .name span{
    font-size      : 20px;
    font-weight    : 700;
    margin         : 0 0 5px;
    display        : block;
    text-transform : uppercase;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .product .name small{
    display    : block;
    font-size  : 90%;
    font-style : italic;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells{
    margin-top : 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail{
    line-height      : 1.42857143;
    background-color : transparent;
    border-radius    : 3px;
    margin           : 0 auto;
    padding          : 10px 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .caption{
    padding : 0 15px;
    color   : inherit;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .caption .details{
    margin            : 0 auto;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .details .name h3{
    margin         : 0;
    border-bottom  : 0 none;
    font-size      : 16px;
    text-transform : none;
    padding        : 0;
    line-height    : 20px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .details .name .descr{
    font-size : 80%;
    margin    : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .details .price{
    font-weight : 700;
    font-size   : 16px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .details .diff{
    font-weight : 700;
    font-size   : 16px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .details .diff small{
    color       : #333;
    font-weight : bold;
    font-size   : 80%;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .button{
    margin-top : 10px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .button .btn,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .details .discard .btn{
    min-width      : 100px;
    line-height    : 20px;
    padding        : 6px 12px;
    text-transform : uppercase;
    font-weight    : 700;
    border-radius  : 3px;
    font-size      : 16px;
    border         : 1px solid transparent;
}

.input-group-addon{
    padding     : 0px;
    font-size   : 14px;
    font-weight : bold;
    line-height : 1;
    background  : none;
    border      : none;
}

.modal-body img{
    margin  : 10px auto;
    display : block;
    width   : auto;
}

.cards-img{
    max-width : 25%;
    padding   : 0;
    margin    : 5px;
}

.tickets-detail-table{
    padding-top    : 10px;
    padding-bottom : 10px;
}

.showticket{
    background-color : #7F68AC;
    color            : #ffffff;

}

.hideorder{
    background-color : #7F68AC;
    color            : #ffffff;

}

.wallet-detail{
    background-color : #7F68AC;
    color            : white;
}

.maincontent .data #walletList.panel-group .pagination{
    display       : block;
    margin        : 0 auto 20px;
    position      : relative;
    border-radius : 0;
    text-align    : center;
}

.maincontent .data #walletList.panel-group .pagination > li{
    display : inline-block;
}

.maincontent .data #walletList.panel-group .pagination > li > a,
.maincontent .data #walletList.panel-group .pagination > li > span{
    float         : none;
    display       : inline-block;
    border-radius : 3px;
    border        : 1px solid transparent;
    font-size     : 16px;
    line-height   : 20px;
    padding       : 6px 10px;
    margin        : 0;
}

.maincontent .data #walletList.panel-group .pagination > li > a.steps,
.maincontent .data #walletList.panel-group .pagination > li > span.steps{
    padding : 6px;
}

.maincontent .data #walletList.panel-group .pagination > .disabled > a,
.maincontent .data #walletList.panel-group .pagination > .disabled > a:focus,
.maincontent .data #walletList.panel-group .pagination > .disabled > a:hover,
.maincontent .data #walletList.panel-group .pagination > .disabled > span,
.maincontent .data #walletList.panel-group .pagination > .disabled > span:focus,
.maincontent .data #walletList.panel-group .pagination > .disabled > span:hover{
    cursor           : not-allowed;
    background-color : transparent;
}

.maincontent .shoppingcart .disclaimer,
.maincontent .widgets .disclaimer{
    margin    : 15px -15px 0;
    font-size : 13px;
}

.maincontent .shoppingcart .disclaimer .alert-note,
.maincontent .widgets .disclaimer .alert-note,
.maincontent .products .disclaimer .alert-note{
    color            : inherit;
    font-weight      : 600;
    text-transform   : uppercase;
    background-color : transparent;
    border-color     : transparent;
    margin-bottom    : 0;
    padding          : 10px;
    border-radius    : 3px;
    border-width     : 2px;
}

.maincontent .shoppingcart .disclaimer .alert-note ul,
.maincontent .widgets .disclaimer .alert-note ul,
.maincontent .products .disclaimer .alert-note ul{
    list-style : none;
    padding    : 0;
}

.maincontent .shoppingcart .disclaimer .alert-note li::before,
.maincontent .widgets .disclaimer .alert-note li::before,
.maincontent .products .disclaimer .alert-note li::before{
    content     : "\f071";
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    display     : inline-block;
    margin-left : -20px;
    width       : 20px;
    color       : transparent;
    font-size   : 16px;
    text-align  : center;
}

.maincontent .shoppingcart .disclaimer .alert-note li,
.maincontent .widgets .disclaimer .alert-note li,
.maincontent .products .disclaimer .alert-note li{
    padding-left : 20px;
}

.coupon{
    width : 100%;
}

.saleconditions{
    text-transform  : uppercase;
    font-family     : "Open Sans", sans-serif, arial;
    font-size       : 13px;
    color           : #808080;
    text-decoration : underline;
    cursor          : pointer;
    font-weight     : normal;
}

.cards{
    font-family   : "Open Sans", sans-serif, arial;
    font-size     : 13px;
    color         : #808080;
    cursor        : default;
    font-weight   : normal;
    margin-top    : 15px;
    margin-bottom : 15px;

}

.pan{
    background-color : #7F68AC !important;
    color            : #fff;
    position         : relative;
    top              : 20px;
}

.cookies{
    text-transform  : uppercase;
    font-family     : "Open Sans", sans-serif, arial;
    font-size       : 8px;
    color           : #808080;
    text-decoration : underline;
    cursor          : pointer;
    font-weight     : normal;

}

.cop{
    font-size : 13px !important;
}

.sot{
    border        : 1px solid #e4e4e4;
    padding       : 15px;
    margin-bottom : 15px;
}

.order{
    margin : 20px;
}

.checkout-row{
    font-weight : normal;
}

/* IE style for select arrow */
@media all and (-ms-high-contrast : none), (-ms-high-contrast : active){
    .maincontent .data .product .actions .select .arr::before,
    .maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr::before,
    .maincontent .data .accountinfo .registrationform .form-group .select .arr:before{
        display : none;
    }

    .maincontent .data .product .actions .select select,
    .maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select select,
    .maincontent .data .accountinfo .registrationform .form-group .select select{

        padding : 8px 8px 10px 6px !important;
    }
}

@supports (-ms-accelerator:true){
    .maincontent .data .product .actions .select .arr::before,
    .maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr::before,
    .maincontent .data .accountinfo .registrationform .form-group .select .arr:before{
        display : none;
    }

    .maincontent .data .product .actions .select select,
    .maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select select,
    .maincontent .data .accountinfo .registrationform .form-group .select select{

        padding : 8px 8px 10px 6px !important;
    }

}

#loader{
    position        : fixed;
    top             : 0px;
    left            : 0px;
    width           : 100%;
    height          : 100vh;
    background      : rgba(0, 0, 0, .7);
    z-index         : 5000000;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.loader{
    position      : fixed;
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
}

@keyframes spin{
    0%{
        transform : rotate(0deg);
    }
    100%{
        transform : rotate(360deg);
    }
}

html, body{
}

.wrapper{
    height     : auto !important;
    height     : inherit;
    min-height : inherit;
    position   : relative;

}

.headline .breadcrumb{
    color          : #333;
    font-weight    : 400;
    text-transform : initial;
}

/* header */
header{
    width               : 100%;
    height              : 175px;
    top                 : 0;
    left                : 0;
    z-index             : 10;
    background-repeat   : no-repeat, no-repeat;
    background-position : top center, top center;
    background-size     : auto, auto;
    background-color    : #000000;
}

header .navbar{
    background : transparent;
    margin-top : 220px;
}

header .navbar .col-xs-6{
    padding-left  : 0px;
    padding-right : 0px;
}

header .navbar .menu p{
    margin     : 0px;
    text-align : left;
    min-height : 50px;
    display    : none;
    width      : 100%;
}

header .navbar .menu p a{
    display        : table-cell;
    vertical-align : middle;
    color          : #fff;
    font-weight    : 700;
    text-transform : uppercase;
    text-shadow    : 0px 0px 8px rgba(0, 0, 0, .8);
    font-size      : 1.4em;
    transition     : all 0.2s ease;
}

header .navbar .col-xs-6:nth-of-type(2) p{
    text-align : right;
}

header .navbar .col-xs-6 p a:hover{
    text-decoration : none;
    font-size       : 1.6em;
    color           : #FDEA16;
}

header .navbar .col-xs-6 p a.active{
    text-decoration : none;
    font-size       : 1.6em;
    color           : #FDEA16;
}

header .top .intro, header .top .tools{
    padding : 10px 0px;
}

header .top .tools .buttonicon,
header .top .tools .buttonicon:hover,
header .top .tools .buttonicon:focus{
    background : transparent;
    color      : #fff;
    transition : all 0.5s ease;
}

header .top .tools .buttonicon:hover,
header .top .tools .buttonicon:focus{
    color : #FDEB15;
}

header .top .tools .dropdown-menu{
    border-color : #004896;
    background   : #fff;
}

header .top .tools .dropdown-menu:before{
    color : #042d49;;
}

header .top .tools .dropdown-menu > li > a,
header .top .tools .dropdown-menu > li > a:hover{
    color      : #042d49;;
    background : transparent;
}

header .top .tools .dropdown-menu > li > a:hover{
    color : #2c87ea;
}

header .top .tools .dropdown-menu .divider{
    background-color : #d5d5d5;
}

header .navigation .navlist{
    list-style-type : none;
    margin          : 0;
    width           : 50%;
    padding         : 0;
    float           : left;
}

header .navigation .navlist li{
    float       : left;
    font-weight : 300;
    font-size   : .9em;
}

header .navigation .navlist li:nth-child(2){
    padding-left : 15px;
}

header .navigation .navlist:nth-of-type(2) li{
    float         : right;
    padding-right : 15px;
}

header .navigation .navlist li a{
    color          : #2c87ea;
    display        : table-cell;
    vertical-align : middle;
    height         : 50px;
}

header .navigation .navlist li.current a,
header .navigation .navlist li a:hover,
header .navigation .navlist li a:focus{
    color           : #ffd492;
    text-decoration : none;
}

header .navigation .logo{
    padding  : 0;
    float    : none;
    position : absolute;
    top      : -32px;
    left     : 0;
    right    : 0;
    margin   : 0 auto;
    width    : 272px;
    z-index  : 1000;
}

/* end header */
/* start headline */
header .logo_sec .navbar-brand{
    padding  : 0;
    float    : none;
    position : absolute;
    top      : 10px;
    left     : 0;
    right    : 0;
    margin   : 0 auto;
    width    : 230px;
    z-index  : 1000;
}

/* reset stili */
#menu ul{
    margin          : 0 auto;
    padding         : 0;
    list-style-type : none;
}

/* lista orizzontale */

#menu{
    width      : 100%;
    background : #042d49;
    text-align : center;
    margin     : 0 auto;
}

/* links */
#menu ul li a{
    display         : block;
    padding         : 13px 20px;
    color           : #ff0 !important;
    text-transform  : uppercase;
    font            : bold 0.7em Arial, Helvetica;
    text-decoration : none;
    text-shadow     : 0 1px #000;
    border-right    : 1px solid #222;
    box-shadow      : 1px 0 #444;
}

#menu > li a{
    padding        : 6px 12px;
    font-size      : 14px;
    font-weight    : bold;
    color          : white;
    text-transform : uppercase;

}

#menu > li a.active{

    color      : #ffffff !important;
    background : #64bfd1;

}

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

    header .navbar{
        background : transparent;
        margin-top : 5px;
    }

    #menu{

        border        : none;
        border-radius : 0;
        box-shadow    : none;
        text-align    : center;

    }

    #menu li{
        display : block;
    }

    #menu ul li, #menu ul li a{
        padding-right : 0;
        padding-left  : 0;
        width         : 100%;
    }

    #menu li .hidden li, #menu li .hidden li a{
        width : 100%;
    }

    #menu li .hidden li{
        display : none;
    }

    #menu li:hover .hidden li{
        display : block;
    }

    #menu li a{
        font : bold 0.9em Arial, Helvetica;
    }

    #menu li{
        position : static;
    }

    #menu li .hidden{
        position   : static;
        filter     : Alpha(opacity=100); /* IE8 and earlier */
        opacity    : 1;
        visibility : visible;
    }

    #menu li a{
        border     : none;
        box-shadow : none;
    }

    #menu li:hover .hidden{
        margin : 0;
    }

    #menu li .hidden li a{
        border : none;
    }

}

.headline .breadcrumb > .active{
    color          : #042d49;
    font-weight    : 700;
    text-transform : initial;
}

.headline .breadcrumb > li + li::before{
    color   : #042d49;
    content : '\f105';
}

/* end headline */
/* start main content */
.content-wrapper{
    background : #fff;
    margin-top : 30px;
}

.maincontent{
    margin-top : 0px;

}

.user-panel .data{
    background-image : none;
}

.data:not(.panel-body){
    min-height : 430px;
}

.maincontent .data .products h3,
.maincontent .shoppingcart h3,
.maincontent .data .accountinfo h3,
.maincontent .data .details h3,
.maincontent .data .userdata h3,
.maincontent .data .wallet h3{
    color         : #042d49;
    font-weight   : 700;
    font-size     : 1.5em;
    margin-bottom : 15px;
    border-bottom : 1px solid #d5d5d5;
}

.fa-calendar{
    width : 30px;
}

.maincontent .categorydescr .title{
    font-weight   : 700;
    font-size     : 1.1em;
    border-bottom : 1px solid #d5d5d5;
    margin-bottom : 15px;
    padding       : 0px 15px 0px 15px;
}

.maincontent .data .product .name,
.maincontent .data .product .nameTkt{
    color : #042d49;
}

.maincontent .data .product .descr{
    font-weight : bold;
    color       : #042d49;
}

.maincontent .data .product .actions .select .arr,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr,
.maincontent .data .accountinfo .registrationform .form-group .select .arr{
    background : transparent;
}

.maincontent .data .product .actions .select .arr::before,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select .arr::before,
.maincontent .data .accountinfo .registrationform .form-group .select .arr:before{
    color : #042d49;
}

.maincontent .data .product .actions .select select,
.maincontent .data .accountinfo .registrationform .form-group .select select{
    border     : 1px solid #042d49;
    background : rgba(255, 255, 255, .8);
}

.maincontent .data .product .priceBox sup{
    font-weight : bold;
    font-size   : .6em;
}

.maincontent .categorydescr div{
    font-size   : .9em;
    line-height : 1.5em;
    padding     : 0px 15px 0px 15px;
}

.maincontent .data .product .price{
    color : inherit;
}

.maincontent .data .product .actions .select select option{
    color       : #333;
    font-size   : .8em;
    transform   : skew(6deg);
    font-weight : bold;
}

.basket-headline.continue{
    border-bottom : none;
}

.maincontent .shoppingcart .basket-subtotal .btn{
    font-size : .7em;
}

.maincontent .shoppingcart .basket-subtotal .btn:hover{
    font-size : .7em;
}

.maincontent .shoppingcart .basket-headline{
    margin-bottom : 0px;
}

.maincontent .shoppingcart .basket-product{
    margin-bottom : 0px;
    transition    : all .3s;
}

.maincontent .shoppingcart .basket-product:hover{
    box-shadow : inset 0px 0px 8px rgba(0, 0, 0, .3);
}

hr{
    display : none;
}

.maincontent .shoppingcart .basket-subtotal{
    padding : 15px 0px 15px 0px;
}

.maincontent .shoppingcart .basket-headline.continue{
    padding       : 15px 0px 0px 0px;
    margin-bottom : 0;
}

.basket-product:nth-of-type(odd){
    background     : rgba(255, 255, 255, .4);
    padding-top    : 7px;
    padding-bottom : 7px;
}

.basket-product:nth-of-type(even){

    padding-top    : 7px;
    padding-bottom : 7px;
    margin-bottom  : 0px;
}

.maincontent .shoppingcart .basket-product .actions i{
    color         : #004896;
    border        : 1px solid #c4c0ac;
    padding       : 5px 6px;
    border-radius : 50%;
}

.maincontent .shoppingcart .basket-product .actions i:hover,
.maincontent .shoppingcart .basket-product .actions i:focus{
    color : #2c87ea;
}

.maincontent .shoppingcart hr{
    border-color : #c4c0ac;
}

.maincontent .data .accountinfo .panel-account{
    border-color : #004896;
}

.maincontent .data .accountinfo .panel-account > .panel-heading{
    background-color : #fff;
    color            : inherit;
    font-weight      : 600;
}

.maincontent .data .accountinfo .panel-account > .panel-heading.open{
    border-bottom : 1px solid #004896;
}

.maincontent .data .accountinfo .panel-account > .panel-heading p{
    color : #004896;
}

.maincontent .data .accountinfo .panel-account > .panel-body form .form-group label.required span:after,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group span.error,
.maincontent .data .accountinfo .braintreeform .form-group .inputfield span.error,
.maincontent .data .accountinfo .registrationform .form-group label.required span:after,
.maincontent .data .accountinfo .registrationform .form-group span.error{
    color : #E66042;
}

.maincontent .data .accountinfo .braintreeform .form-group .inputfield .form-control,
.maincontent .data .accountinfo .braintreeform .form-group .inputfield .form-control:focus,
.maincontent .data .accountinfo .braintreeform .form-group .inputfield .form-control:hover{
    color            : #462a12 !important;
    background-color : rgba(255, 255, 255, .8) !important;;
    border           : 1px solid #004896 !important;;
    box-shadow       : none !important;;
}

.maincontent .data .details .detailrow i{
    color : #ffd492;
}

.maincontent .data .details .detailrow .detaildescr i{
    color : #ffd492;
}

.form-control,
.form-control:focus,
.form-control:hover{
    color            : #004896;
    background-color : rgba(255, 255, 255, .8);
    box-shadow       : none;
}

.form-control#code{
    border-radius : 15px;
    background    : #004896;
    color         : black;
    font-weight   : 500;
    width         : 80%;
}

.maincontent .data .wallet form .form-group .input-group-addon,
.form-control{
    border-radius : 15px;
    border        : 1px solid #c4c0ac;
    background    : #fff;
    color         : #004896;
}

.maincontent .data .userdata h3 small,
.maincontent .data .wallet h3 small{
    color : rgba(0, 87, 42, .6);
}

.maincontent .data .wallet form .form-group .select .arr{
    background : transparent;
}

.maincontent .data .wallet form .form-group .input-group-addon span,
.maincontent .data .wallet form .form-group .select .arr::before{
    color : #004896;
}

.maincontent .data .accountinfo .panel-account > .panel-heading p.status{
    color : #FFB752;
}

.maincontent .data .accountinfo .panel-account > .panel-heading p.status.completed{
    color : #46B046;
}

.maincontent .data .product .actions .select select,
.maincontent .data .accountinfo .panel-account > .panel-body form .form-group .select select,
.maincontent .data .accountinfo .registrationform .form-group .select select:not{
    padding     : 4px 21px 4px 6px;
    font-weight : 700;
    font-size   : 1em;
}

.maincontent .shoppingcart .basket-headline.empty{

    border-bottom : none;
}

.data{
    padding-top : 15px;
}

.widgets{
    padding-left  : 10px;
    padding-right : 0px;
}

.widgets .shoppingcart{
    background : #fff;
    box-shadow : none;
    padding    : 15px;
}

.shoppingcart.has-bg,
.accountinfo,
.col-md-6.has-bg{
    border     : none;
    padding    : 15px;
    box-shadow : 0 6px 25px rgba(0, 0, 0, 0.09);
}

.shoppingcart.has-bg{
    border     : none;
    background : none;
    padding    : 15px;
    box-shadow : none;
}

.checkout-box{
    padding-left  : 30px !important;
    padding-right : 30px !important;
}

.row.basket-headline.newaccount{
    border-bottom : none;
}

/* end main content */
/*Captcha*/
.captcha{
    margin-top : 0px !important;
}

/* start footer */
footer{
    position   : relative;
    color      : #000000;
    background : #eeeeee;
    width      : 100%;
    overflow   : visible;
}

footer .tools div a{
    color : #ffd492;
}

footer .tools div a:hover,
footer .tools div a:focus{
    color : #2c87ea;
}

/* end footer */
/* upsell jconfirm modal */
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{
    color : #E74360;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{
    color : #E74360;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    border-bottom : 1px solid #dae244;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a{
    color  : #666566;
    border : 1px solid #666566;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li.active > a,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a:hover,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a:focus{
    border             : 1px solid #E74360;
    color              : #E74360;
    border-right-color : transparent;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabsLeftContainer .tab-pane.active{
    border-color : #E74360;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail{
    border : 1px solid #EEEEEE;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells.originaltkt .thumbnail{
    border-color : #E74360;
}

.login-mask .shoppingcart h3{
    text-align : center;
}

.modal-dialog .panel-default .panel-heading{
    text-transform : uppercase;
    letter-spacing : 1px;
    background     : #004896;
    color          : #ffd492;
    border-bottom  : 2px dotted #ffd492;
}

.maincontent .data .accountinfo .userform .form-group .checkbox-inline a{
    font-size : 13px;
}

.maincontent .shoppingcart .basket-headline.newaccount .descr{
    min-height  : 115px;
    line-height : 1.5;
}

/*Captcha*/
.rc-anchor{
    margin-top : 30px;
}

.maincontent .shoppingcart .couponform .form-group label{
    font-weight : bold;
}

.pt-0{
    padding-top : 0px !important;
}

.pt-3{
    padding-top : 15px !important;
}

.pl-0{
    padding-left : 0px;
}

.maincontent .data .details .detailrow .detaildescr{
    padding-top    : 7px;
    padding-bottom : 5px;
}

.maincontent .data .userdata .detail{
    margin        : 5px 0;
    line-height   : 25px;
    border-bottom : 1px solid #d5d5d5;

}

.maincontent .data .userdata .detail strong{
    width : 50%;
}

.maincontent .data .userdata .detail .divider{
    display : none;
}

.maincontent .data .userdata h3.withbutton small.btnlike, .maincontent .data .userdata h3.withbutton small.btnlike:hover, .maincontent .data .userdata h3.withbutton small.btnlike:focus{
    border-radius : 3px;
    padding       : 6px 12px;
    color         : #fff;
    cursor        : pointer;
    line-height   : 1;
    background    : rgb(23, 94, 170); /* Old browsers */
    background    : -moz-linear-gradient(left, rgba(23, 94, 170, 1) 0%, rgba(0, 72, 150, 1) 99%); /* FF3.6-15 */
    background    : -webkit-linear-gradient(left, rgba(23, 94, 170, 1) 0%, rgba(0, 72, 150, 1) 99%); /* Chrome10-25,Safari5.1-6 */
    background    : linear-gradient(to right, rgba(23, 94, 170, 1) 0%, rgba(0, 72, 150, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#175eaa', endColorstr='#004896', GradientType=1); /* IE6-9 */
}

.datepicker{
    min-width : 350px;
    padding   : 0px !important;
}

.datepicker table{
    width : 80%;
}

.datepicker table > thead > tr{
    border-bottom : none;
    border-top    : none;
}

.datepicker table tr th{
    font-weight    : 200;
    background     : #343A40;
    color          : #fff;
    border         : none;
    border-radius  : 0;
    padding-top    : 7px;
    padding-bottom : 7px;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover{
    background : #000;
}

.datepicker table tbody{
    margin-top    : 15px;
    margin-bottom : 15px;
}

.datepicker table tr td{
    font-size     : .8em;
    padding       : 15px;
    border-radius : 0px;
}

.datepicker table tr td.today{
    color            : #fff;
    font-weight      : 700;
    background-color : #33a451;
    border-color     : #33a451;
}

.datepicker table tr td.today:hover{
    color            : #fff;
    background-color : #1e7e34;
    border-color     : #1e7e34;
}

.maincontent .shoppingcart .disclaimer .alert-note,
.maincontent .widgets .disclaimer .alert-note,
.maincontent .products .disclaimer .alert-note{
    border-color : #004896;
}

.maincontent .shoppingcart .disclaimer .alert-note li::before,
.maincontent .widgets .disclaimer .alert-note li::before,
.maincontent .products .disclaimer .alert-note li::before{
    color : #004896;
}

.footer-block{
    border-top : 1px solid black;

}

.certificazioni{
}

.footer-info{
    margin-top  : 10px;
    padding-top : 10px;
}

.logo-footer-row{
    margin-top    : 10px;
    margin-bottom : 10px;
}

.input-row{
    display : flex;
}

/* Media Queries mobile devices */
/* Phones - portrait */
@media only screen and (min-width : 320px) and (max-width : 480px){

    .details-row{
        justify-content : center;
    }

    .userinfo-container{
        padding-left : 0;
    }

    header .navbar{
        top : 45px;
    }

    .userinfo-label{
        text-align : initial;
    }

    .input-row{
        display         : flex;
        justify-content : center;
    }

    .accountinfo-input{
        width : 100%;
    }

    header .navbar .col-xs-6 p a,
    header .navbar .col-xs-6 p a.active{
        font-size : 1.3em;
    }

    header .navigation .logo{
        top   : 0px;
        width : 180px;
    }

    header .navigation .navlist{
        margin : 50px 0px 0px 0px;
    }

    header .navigation .navlist:nth-of-type(1) li{
        padding-right : 5px;
        float         : right;
    }

    header .navigation .navlist:nth-of-type(2) li:nth-child(2){
        padding-left : 5px;
        float        : left;
    }

    .maincontent .data .userdata h3 small, .maincontent .data .wallet h3 small{
        float : inherit;
    }
}

/* Phones - landscape */
@media only screen and (min-width : 481px) and (max-width : 768px){

    .details-row{
        justify-content : center;
    }

    .userinfo-label{
        text-align : initial;
    }

    .input-row{
        display         : flex;
        justify-content : center;
    }

    header .navigation .logo{
        top   : -10px;
        width : 180px;
    }

    header .nopadding{

    }

    header .logo_sec .navbar-brand{
        width : 200px;
        top   : 30px;
    }

    header .navbar{
        min-height : 30px;
        top        : 0px;
    }

    header .navigation .navlist:nth-of-type(2) li{
        padding-right : 0px;
    }

    header .navigation .navlist li:nth-child(2){
        padding-left : 0px;
    }

    header .navbar-toggle{
        display : none;
    }
}

/* Phones - landscape and portrait */
@media only screen and (min-width : 320px) and (max-width : 767px){
    .details-row{
        justify-content : center;
    }

    .mobile-row{
        text-align : center;
    }

    .wrapper{
        padding-bottom : 0px;
    }

    header{
        height : 130px;
    }

    .container.headline{
        margin-top : 138px;
    }

    header .logo_sec{
        max-width : inherit;
    }

    header .logo_sec .navbar-brand{
        margin  : 0;
        top     : 15px;
        left    : 15px;
        width   : 130px;
        z-index : 1000;
    }

    header .navlist a{
        font-size : .6em;
    }

    .maincontent .data{
        background-image : none;
        min-height       : inherit;
    }

    .maincontent .widgets{
        border-bottom : 1px solid #d5d5d5;

        min-height    : inherit;
    }

    .login-mask .data,
    .login-mask .widgets{
        margin-bottom : 0px;
        border-bottom : none;
        background    : none;
    }

    header .top .tools .buttonicon, header .top .tools .buttonicon:hover, header .top .tools .buttonicon:focus{
        position : absolute;
        margin   : 0px auto 0px;
        display  : table;
        right    : 15px;
        top      : 25px;
    }

    .maincontent .widgets{
        border-left : none;
    }

    .col-xs-12.col-md-6.buttons.text-left,
    .col-xs-12.col-md-6.buttons.text-right{
        text-align : center;
    }

    .data.pl-0{
        padding-right : 0px;
    }

    .maincontent .data{
        margin-bottom : 0px;
    }

    .maincontent .shoppingcart .couponform .form-group label{
        margin-bottom : 15px;
        margin-left   : 0px;
    }

    .maincontent .data .details .detailrow .detaildescr:last-of-type{
        border-bottom  : none;
        padding-top    : 7px;
        padding-bottom : 15px;
    }

    footer{
        position   : inherit;
        background : #e4e4e4;
        color      : #000000;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px){
    header .navlist a{
        font-size : .8em;
    }

    header .navigation .logo{
        top   : -15px;
        width : 200px;
    }

    .maincontent .widgets{
        border-left : none;
    }

    .col-xs-12.col-md-6.buttons.text-left,
    .col-xs-12.col-md-6.buttons.text-right{
        text-align : center;
    }

}

.vivaticket-logo{
    width : 20%;
}

.first-input{
    margin-top : 15px;
}

.powered-vivaticket-logo{
    width          : 25%;
    vertical-align : middle;
}

/* header */
header{
    width               : 100%;
    height              : 50px;
    top                 : 0;
    left                : 0;
    z-index             : 10;
    background-repeat   : no-repeat, no-repeat;
    background-position : top center, top center;
    background-size     : cover;
    background-color    : #ffffff;
}

.header-logo{
    width : 50%;
}

.text-right{
    text-align : right;
}

a{
    text-decoration : none !important;
}

a:hover{
    text-decoration : underline !important;
}

a:focus{
    text-decoration : underline !important;
}

.form-title{
    color     : #006699;
    font-size : 20px;
}

.table-header{
    color     : #006699;
    font-size : 15px;
}

.ticketlist{
    border     : none !important;
    margin-top : 100px;
}

.quantity-field-set{
    border       : none;
    padding-left : 0px;
}

.ticket-list-table-columns{
    width : 150px;

}

.ticket-list-table-fcolumn{
    width : 300px;
}

.navbar-row{
    width           : 100%;
    margin-top      : 15px;
    display         : flex;
    justify-content : center;
}

.tickets-table{
    color       : black;
    margin-left : 15px;
    margin-top  : 15px;
}

.navbar ul li.active{
    background : #fff;
}

.selected{
    background    : #006699;
    border-radius : 5%;
}

.login-row{
    height : 20px;
}

.ticket-description{
    margin-bottom : 5px;
    margin-left   : 10px;
}

.event-description{
    color         : black;
    margin-top    : 20px;
    margin-bottom : 20px;
}

.ticket-info{
    margin-top : 40px;
}

.eventtitle{
    width : 100%;
}

.column-line{
    border       : none;
    border-right : 2px solid #042d49;
    width        : 1px;
}

.cart-table{
    margin-left  : 5px;
    margin-top   : 15px;
    margin-right : 20px;
}

.continue-button{
    float          : right;
    background     : #042d49 !important;
    color          : white !important;
    text-transform : uppercase;
    font-weight    : bold !important;
    border-radius  : 3px !important;
}

.coupon-title{
    text-transform : none !important;
}

.checkout-input{
    border-radius    : 3px !important;
    background-color : white !important;
    border-color     : #042d49;
}

.add-coupon-button{
    border-radius : 3px !important;
    background    : #042d49 !important;
}

.back-button{
    float          : left;
    background     : white;
    color          : #042d49;
    text-transform : uppercase;
    font-weight    : bold;
    border-radius  : 3px;
    border-color   : #042d49 !important;
}

.contactinfoform{
    padding-top   : 15px;
    padding-left  : 15px;
    padding-right : 15px;
}

.checkout-total{
    font-size         : 13px !important;
    font-weight       : 500 !important;
    text-transform    : uppercase;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.checkout-conditions{
    margin-left : 50px;
}

.form-column{
    float      : left;
    width      : 50%;
    max-height : 70px;
    margin-top : 10px;
}

.creditcarddetails-form{
    margin-top  : 15px;
    margin-left : 15px;
}

.payment-table{
    margin-left : 15px;
    margin-top  : 15px;
}

.creditcard-input{
    margin-left : 15px;
}

span.error{
    color : #E66042;
}

.globalerror{
    margin-left : 15px;
    margin-top  : 15px;
}

.noshadow{
    box-shadow : none !important;
}

.maincontent .shoppingcart .basket-subtotal,
.maincontent .data .accountinfo .panel-account > .panel-heading .icon-toggle{
    color : #000000;
}

.accountinfo-next{
    margin-left : 250px;
}

.save-account{
    margin-right : 50px;
}

.place-select{
    max-width : 80%;
}

.event-title{
    color     : #006699 !important;
    font-size : 20px;
}

.confirmationtable{
    margin-top : 20px;
}

.confirmation-title{
    font-size : 20px;
    color     : #000000;
}

.payment-redirect{
    margin-top : 100px;
}

/* Keyboard */
.tickets_row_container .tickets_panel .keyboard_row span{
    display : inline-block;
}

.keyboard{
    overflow   : hidden;
    min-height : 40px;
}

.keyboard .lbl_qty{
    width    : 40px;
    float    : left;
    overflow : hidden;
}

.keyboard .lbl_qty input{
    background  : transparent !important;
    border      : none !important;
    height      : 30px !important;
    width       : 40px;
    color       : #000;
    font-weight : 600;
    text-align  : center;
    font-size   : 16px;
}

.keyboard .btn_qty{
    overflow         : hidden;
    float            : left;
    width            : 30px;
    height           : 30px;
    transition       : all .3s;
    background-color : #fff;
    color            : #000;
    text-align       : center;
    border-radius    : 100%;
    cursor           : pointer;
}

.keyboard .btn_qty:hover{
    background-color : #eea700;
    color            : #fff;
}

.keyboard .btn_qty.off{
    opacity : .5;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance : none;
    margin             : 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* Keyboard */

.experience-img{
    max-width : 90%;
}

.experience-row{
    margin-top : 10px;
}

.experience-event{
    margin-top : 20px;

}

.flag-width{
    width       : 20px !important;
    line-height : 20px;
}

.row-separator{
    padding-bottom : 15px;
    border-bottom  : 1px solid #d5d5d5;
}

.legend{
    border : 1px solid;
    color  : #042d49;
}

.legend-title{
    margin    : 15px;
    font-size : 20px;
}

.legend-body{
    font-size : 14px;
    margin    : 5px;
}

span.cal_selected{
    background : none repeat scroll 0 0 #006699;
}

/* calendar legend */
.widget{
    width         : 70%;
    border-radius : 5px;
    padding       : 0.2em;
    border        : 1px solid #042d49;
    margin-top    : 50px;
    margin-left   : 45px
}

.widget .widget-header{
    font-size     : 16px;
    /*font-family: 'Raleway','Microsoft JhengHei',sans-serif;*/
    font-weight   : 700;
    border-bottom : 1px dashed #042d49;
    color         : #042d49;
    padding       : 0.2em 0.3em;
    line-height   : 1.8em;
}

.widget .widget-body,
.widget .widget-footer{
    padding : 0.2em 0.3em;
}

#legend-widget.widget{
    height : 80%;
}

#legend-widget .legend-1half{
    font-size     : 12px;
    line-height   : 1.5;
    margin-bottom : 14px;
    height        : 30px;
}

#legend-widget .legend-2half h3{
    font-size   : 14px;
    /*font-family: "Raleway","Microsoft JhengHei",sans-serif;*/
    font-weight : 700;
    color       : #042d49;
    line-height : 1.8em;
    margin      : 0;
}

#legend-widget .legend-2half .legend_box{
    font-size      : 12px;
    line-height    : 16px;
    padding-bottom : 4px;
}

#legend-widget .legend-2half .legend_box span{
    display        : inline-block;
    width          : 32px;
    height         : 16px;
    vertical-align : top;
    margin-right   : 4px;
}

#legend-widget .legend-2half .legend_box span.cal_selected{
    background : none repeat scroll 0 0 #042d49;
}

#legend-widget .legend-2half .legend_box span.cal_selected.bordered{
    background : none;
    border     : 2px solid #006699;
}

#legend-widget .legend-2half .legend_box span.cal_avail{
    background : none repeat scroll 0 0 #006699;
}

#legend-widget .legend-2half .legend_box span.cal_none{
    background : none repeat scroll 0 0 #f6f6f6;
}

#legend-widget .legend-2half .legend_box span.high_availability{
    background : none repeat scroll 0 0 #008B8B;
}

#legend-widget .legend-2half .legend_box span.medium_availability{
    background : none repeat scroll 0 0 #0080ff;
}

#legend-widget .legend-2half .legend_box span.low_availability{
    background : none repeat scroll 0 0 #990000;
}

#legend-widget .legend-2half .legend_box span.no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.70);
    filter           : alpha(opacity=70);
    /* Netscape */
    -moz-opacity     : 0.70;
    /* Safari 1.x */
    -khtml-opacity   : 0.70;
}

/* performance block */
.perflisthook{
    padding-bottom : 15px;
}

#perf-widget .day-show{
    margin    : 0;
    overflow  : hidden;
    font-size : 12px;
}

#perf-widget .day-show li{
    border  : 2px solid #ffffff;
    float   : left;
    margin  : 5px;
    padding : 2px;
}

#perf-widget .day-show li.selected{
    border-color  : #006699;
    border-radius : 4px;
}

#perf-widget .day-show li a,
#perf-widget .day-show li span,
#perfTabs-widget .day-show .tabs.vertical .tab-title a{
    display       : block;
    width         : auto;
    height        : 31px;
    padding       : 0 10px;
    color         : #fff;
    font-weight   : bold;
    text-align    : center;
    border-radius : 4px;
    line-height   : 31px;
}

#perf-widget .day-show li .cal_avail,
#perfTabs-widget .day-show .tabs.vertical .tab-title .cal_avail{
    background : none repeat scroll 0 0 #042d49;
}

#perf-widget .day-show li .cal_none,
#perfTabs-widget .day-show .tabs.vertical .tab-title .cal_none{
    background      : none repeat scroll 0 0 #f6f6f6;
    text-decoration : line-through;
    color           : #ccc;
}

#perf-widget .day-show li .high_availability,
#perfTabs-widget .day-show .tabs.vertical .tab-title .high_availability{
    background : none repeat scroll 0 0 #339900;
}

#perf-widget .day-show li .medium_availability,
#perfTabs-widget .day-show .tabs.vertical .tab-title .medium_availability{
    background : none repeat scroll 0 0 #FFCC00;
}

#perf-widget .day-show li .low_availability,
#perfTabs-widget .day-show .tabs.vertical .tab-title .low_availability{
    background : none repeat scroll 0 0 #673941;
}

#perf-widget .day-show li .no_availability,
#perfTabs-widget .day-show .tabs.vertical .tab-title .no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.70);
    filter           : alpha(opacity=70);
    /* Netscape */
    -moz-opacity     : 0.70;
    /* Safari 1.x */
    -khtml-opacity   : 0.70;
    text-decoration  : line-through;
}

#perfTabs-widget .day-show{
    margin    : 5px 0;
    overflow  : hidden;
    font-size : 12px;
    display   : flex;
}

#perfTabs-widget .day-show .tabs.vertical{
    line-height : inherit;
    font-size   : inherit;
    width       : 15%;
}

#perfTabs-widget .day-show .tabs.vertical .tab-title{
    padding : 2px;
}

#perfTabs-widget .day-show .tabs.vertical .tab-title a{
    display       : block;
    width         : auto;
    height        : 31px;
    padding       : 0 10px;
    color         : #fff;
    font-weight   : bold;
    text-align    : center;
    border-radius : 4px 0 0 4px;
    line-height   : 31px;
}

#perfTabs-widget .day-show .tabs.vertical .tab-title.active{
    border-color  : #006699;
    border-radius : 4px 0 0 4px;
    border-width  : 2px 0 2px 2px;
    border-style  : solid;
    z-index       : 1000;
    position      : relative;
    right         : -2px;
    background    : #fff;
}

#perfTabs-widget .day-show .tabs.vertical .tab-title.active a{
    color           : #333333;
    background      : transparent;
    text-decoration : underline;
}

#perfTabs-widget .day-show .tabs-content{
    margin : 0;
}

#perfTabs-widget .day-show .tabs-content > .content.active{
    height        : 100%;
    border-radius : 0 4px 4px 0;
    border        : 2px solid #006699;
    padding       : 2px 10px;
    overflow      : hidden;
}

#perfTabs-widget .day-show .tabs-content .content .col{
    line-height   : 1.6;
    font-size     : 12px;
    margin-bottom : 2px;
    float         : left;
    width         : 33.33%;
}

#perfTabs-widget .day-show .tabs-content .content .col:last-child{
    margin-bottom : 0;
}

#perfTabs-widget .day-show .tabs-content .content .half{
    width : 66.67%;
}

#perfTabs-widget .day-show .tabs-content .content .note{
    width : 100%;
}

#perfTabs-widget .day-show .tabs-content .content h1{
    margin-bottom : 2px;
    color         : #042d49;
    font-weight   : 700;
    font-size     : 18px;
    line-height   : 31px;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active{
    background-color : #042d49 !important;
    background-image : none;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{
    border           : 3px solid #042d49 !important;
    color            : #999;
    background-image : none;
}

.errorpage{
    margin : 50px 30px 0px 30px;
}

.errormessage{
    margin-top : 30px;
}

.paymenterror-button{
    margin-top : 60px;
}

/*COSMOPROF CSS*/
header .container-fluid{
    height      : 30px !important;
    font-weight : bold;
}

.logout-button{
    color : #000000 !important;
}

.menu-bar{
    background-color : #e4e4e4 !important;
    display          : flex;
}

.ticketscontent{
    margin-top : 150px;
}

.tickets-tables{
    border  : 1px solid #e4e4e4;
    padding : 15px;
}

.packages-tables{
    border  : 1px solid #e4e4e4;
    padding : 15px;
}

.check-validity{
    margin : 10px;
}

.tickets-description{
    text-transform : uppercase;
    line-height    : 1;
    font-weight    : 700;
    color          : #777;
    margin         : 20px;
}

.ticket-selection-title{
    font-size   : 15px;
    color       : #000;
    margin      : 20px;
    font-weight : normal;
    line-height : 1.3;
}

.cart-title{
    font-weight    : 700;
    text-transform : uppercase;
    line-height    : 1;
    color          : #152732;
    margin         : 20px;
    font-size      : 15px !important;
}

.cart-empty{
    font-style  : italic;
    font-size   : 12px;
    color       : #777;
    line-height : 1.4rem;
    margin      : 20px;

}

.cosmoprof-btn{
    margin : 20px;
}

.next-button{
    float          : right;
    background     : #609AC2 !important;
    color          : white;
    text-transform : uppercase;
    font-weight    : bold;
    border-radius  : 1px ! important;
    border-color   : #042d49 !important;
    margin-bottom  : 20px;
}

.tickets-instructions{
    margin      : 20px;
    color       : #777;
    font-size   : 0.85rem;
    line-height : 1.4rem;
}

.notickets-available{
    font-style  : italic;
    font-size   : 12px;
    color       : #777;
    line-height : 1.4rem;
    margin      : 20px;

}

.clear-cart{
    padding-top : 20px;
}

.cart-mainrow{
    font-size : 15px;
}

.cart-rows{
    font-size : 12px;
}

.cart{
    border : 1px solid #e4e4e4;
}

.maincontent .shoppingcart .basket-product:nth-child(odd){
    background : white;
}

.removecart{
    cursor : pointer;
}

.profile-description{
    color       : #777;
    font-size   : 13px;
    line-height : 1.4rem;
    margin      : 20px;
}

.profile-data{
    color         : #777;
    font-size     : 13px;
    line-height   : 1.4rem;
    margin-bottom : 20px;
}

.profile-info{
    margin-left   : 0.8rem;
    padding-left  : 0.8rem;
    border-left   : 1px solid #777;
    margin-bottom : 15px;
    text-align    : left;
}

.profile{
    border : 1px solid rgba(0, 0, 0, 0.1);
}

.profile-name{
    margin    : 20px;
    font-size : 15px;
}

.checkout-info{
    border : 1px solid rgba(0, 0, 0, 0.1) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance : none;
    margin             : 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number]{
    -moz-appearance : textfield;
}

.info-data{
    border : 1px solid #e4e4e4;
}

.accountinfo-cart{
    margin : 20px;
}

.checkout-title{
    font-size : 20px;
}

.confirmation-info{
    padding : 20px;
    margin  : 10px;
}

.biglietti-tab{
    background-color : #7ead92;
    color            : #ffffff;
}

.menu-tab{
    padding        : 5px;
    text-transform : uppercase;

}

.ricevute-tab{
    background-color : #9a9898;
    color            : #ffffff;
}

.dati-tab{
    background-color : #535353;
    color            : #ffffff;
}

.logout-tab{
    color  : #535353 !important;
    cursor : pointer;
}

.wallet-form{
    border     : 1px solid #c4c0ac;
    background : #fff;
    color      : #609AC2;
}

.maincontent .data .wallet form .form-group .input-group-addon{
    background-color : rgba(255, 255, 255, .8);
    border-color     : #609AC2;
}

.maincontent .data .wallet form .form-group .select select{
    border        : 1px solid #609AC2;
    background    : rgba(255, 255, 255, .8);
    border-radius : 0;
}

.print-tickets{
    margin : 20px;
}

.form-control.login{
    border      : 1px solid #c4c0ac;
    background  : #fff;
    color       : #004896;
    margin-left : 10px;
}

.logo-img{
    width : 150px;
}

.login-title{
    border-bottom : 1px solid #eee;
    font-size     : 36px;
}

.login-description{
    font-size : 16px;
}

.login-form{
    width  : 300px;
    margin : 20px;
}

.reserved-area{
    border : 1px solid #c4c0ac;
}

.login-fields{
    padding-left  : 90px;
    padding-right : 90px;
}

.input-login-fields{
    margin-bottom : 20px;
}

.form-control-login{
    margin-left : 10px;
}

.img-responsive{
    display   : block;
    max-width : 30%;
    height    : auto;
}

.redirect-payment-message{
    display            : block;
    display            : -webkit-box;
    max-width          : 100%;
    height             : auto;
    max-height         : 48px;
    font-size          : 20px;
    line-height        : 1.2em;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    text-overflow      : ellipsis;
    margin-bottom      : 30px;
    padding-bottom     : 0;

}

.genericerror{
    font-size : 30px;
}

.retry-payment-button{
    margin-right   : 20px;
    float          : right;
    background     : #609AC2 !important;
    color          : white;
    text-transform : uppercase;
    font-weight    : bold;
    border-radius  : 1px ! important;
    border-color   : #042d49 !important;
    margin-bottom  : 20px;
}

.paymenterror-retry{
    margin    : 20px;
    font-size : 16px;
}

#menu li{
    display  : contents;
    position : relative;
}

.change-language{
    color : #000 !important;
}

.footer-title{
    font-size : 18px;
    margin    : 10px;
}

.footer-items{
    text-transform : uppercase;
    font-size      : 13px;
}

.footer-links{
    color          : #222;
    text-transform : uppercase;
}

.links{
    margin-top : 10px;
}

.footer{
    position : static;
    bottom   : 0;
    width    : 100%;
    overflow : visible;
    padding  : 0;
}

.header-logo{
    padding-top   : 10px;
    padding-right : 10px;

}

.homepage-description{
    font-size : 16px;
    color     : #000 !important;
}

.homepage-sections{
    margin-bottom : 20px;
}

.packages-list{
    margin-top : 15px;
}

.wallet-title{
    color     : black;
    font-size : 20px;
    margin    : 20px;
}

.order-title{
    margin-top    : 0;
    margin-bottom : 0;
    font-size     : 16px;
    color         : inherit;
}

a:hover{
    color : #343a40;
}

.seedata-button{

    background     : #609AC2 !important;
    color          : white;
    text-transform : uppercase;
    font-weight    : bold;
    border-radius  : 1px ! important;
    border-color   : #042d49 !important;

}

.order-tab{
    border      : 1px solid #c4c0ac;
    padding-top : 20px;
}

.orderdetail{
    background    : #e4e4e4;
    margin-bottom : 20px;
    padding       : 20px;
}

.tickets-details{
    border : 1px solid lightgray;

}

.fill-available {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.logo-ministero{
    width      : 60%;
    margin-top : 20px;
}

.logo-italiantrade{
    width      : 50%;
    margin-top : 20px;
}

.logo-cosmeticaitalia{
    width  : 120%;
    margin : 10px;
}

.logo-certificazione{
    width  : 50%;
    margin : 10px;
}

.logo-bolognafiere{
    margin-top : 20px;
}

.second-footer-title{
    font-size : 15px;
    margin    : 10px;
}

.menu-follow{
    font-size     : 18px;
    margin-bottom : 60px;;

}

.social-href{
    color : #000 !important;
}

.eventof{
    margin-top : 20px;
}

.container.headline{
    margin-top    : 50px;
    margin-bottom : 150px;
    min-height    : 350px;
}

.mobile-logo{
    display : none;
}

.header-menu-follow{
    font-size  : 18px;
    margin-top : 15px;
}

.header-row{
    heigth         : 100px;
    margin-top     : 40px;
    margin-bottom  : 40px;
    border-bottom  : 1px solid black;
    padding-bottom : 20px;
    display        : flex;
    flex-wrap      : wrap;
    margin-right   : -15px;
    margin-left    : -15px;

}

.payoff-edition-bold{
    font-family : 'Oswald', sans-serif !important;
    color       : #000;
    font-weight : 700;
    font-size   : 28px;
    line-height : 20px;
}

.payoff-edition{
    font-family : 'Oswald', sans-serif !important;
    color       : #000;
    font-weight : 400;
    font-size   : 28px;
    line-height : 25px;
}

.event-img{
    margin-top : 10px;
}

.dates{
    border-left : 1px solid black;
}

.header-img{
    width      : 400px;
    margin-top : 20px;
}

.wallet-info{
    font-weight : normal;
}

.wallet-detailrows{
    font-weight : normal;
}

.wallet-total{
    font-size  : 15px;
    margin-top : 15px;
}

.countdown{
    color          : #e4e4e4;
    font-size      : 80px;
    text-transform : uppercase;
}

.redirect-spinner{
    font-size : 50px;
    color     : #7F68AC;
}

.help-desk-title{
    text-transform : uppercase;
    font-size      : 15px;
}

.help-desk-description{
    font-weight : normal;
}

.help-desk-rows{
    font-weight : normal;
}

.help-desk-info{
    border      : 1px solid #e4e4e4;
    padding     : 20px;
    margin-left : 0px !important;
}

.profile-data{
    text-align    : right;
    margin-bottom : 0px;
}

.span > .a{
    color           : #000000 !important;
    text-decoration : underline !important;
}

.footer-row{
    margin-bottom : 10px;
    margin-top    : 20px;
}

.wallet-details-form{
    margin-top : 0px !important;
}

.detail-tax{
    font-size : 13px;
}

.btn{
    text-transform : uppercase;
    font-weight    : 700;
}

.check-validity-button{
    margin-top : 16px;
}

.pack-code-label{
    font-weight    : 700;
    text-transform : uppercase;
    line-height    : 1;
    color          : #152732;
    margin-right   : 10px;
    font-size      : 15px !important;
}

.package-rows{
    margin-bottom : 10px;
}

.package-description{
    margin-left : 10px;
    font-weight : normal;
}

.cart-price{
    padding-left : 1px;
}

.packages{
    padding : 10px;
}

@media only screen and (min-width : 320px) and (max-width : 568px){
    .header-img{
        min-width   : 20%;
        max-width   : 80%;
        margin-top  : 200px;
        margin-left : 15px;
        position    : absolute;
        z-index     : 0;
    }

}

/* Phones - landscape and portrait */
@media only screen and (min-width : 320px) and (max-width : 767px){

    .header-row{
        margin-top     : 80px;

        border-bottom  : 1px solid lightgrey;
        padding-bottom : 10px;
        display        : flex;
        flex-wrap      : wrap;
        margin-right   : -15px;
        margin-left    : -15px;
    }

    .login-mask{
        margin : 0px auto 0px;
    }

    .payoff-edition-bold{
        font-size     : 20px;
        line-height   : 20px;
        padding-left  : 5px;
        padding-right : 5px;
    }

    .dates > .payoff-edition-bold{
        font-size : 15px;
    }

    .dates{
        border-left : none;
        margin-top  : 10px;
    }

    .first-dates{
        border-right : 1px solid lightgray;
    }

    .dates-container{
        padding : 0;
    }

    .edition{
        display         : flex;
        justify-content : center;
        margin-top      : 10px;
        border-bottom   : 1px solid lightgray;
        padding-bottom  : 10px;
    }

    .payoff-edition{
        font-size   : 20px;
        line-height : 20px;

    }

    .main-logo{
        width : 100%;
    }

    .mobile-logo{
        display : none;
    }

    .cart_coupon{
        padding : 8px;
    }

    footer .image.text-right,
    footer .tools{
        text-align : center;
    }

    .maincontent .data .products h3,
    .maincontent .shoppingcart h3,
    .maincontent .data .accountinfo h3,
    .maincontent .data .details h3,
    .maincontent .data .userdata h3,
    .maincontent .data .wallet h3{
        font-size : 16px;
    }

    .maincontent .widgets{
        margin-bottom : 25px;
        padding       : 25px 15px 25px 15px;
        border-left   : none;
    }

    .maincontent .data{
        margin-bottom : 25px;
    }

    .login-mask .data{
        margin-bottom : 25px;
        padding       : 25px 15px 25px 15px;
        border-left   : none;
    }

    .login-mask .widgets{
        margin-bottom : 0px;
        padding       : 25px 15px 25px 15px;
        border-left   : none;
        border-bottom : none;
        background    : none;
    }

    .login-mask .form-group .col-xs-12:nth-of-type(1){
        margin-bottom : 15px;
    }

    .maincontent .data .accountinfo .userform .form-group:nth-child(2) .col-xs-12,
    .maincontent .data .accountinfo .userform .form-group:nth-child(3) .col-xs-12:first-child{
        margin-bottom : 0;
    }

    .header-img{
        min-width   : 20%;
        max-width   : 80%;
        margin-top  : 200px;
        margin-left : 15px;
        position    : absolute;
        z-index     : 0;
    }

    .tickets-description{
        text-transform : uppercase;
        line-height    : 1;
        font-weight    : 700;
        color          : #777;
        margin         : 5px;
    }

    .ticket-selection-title{
        font-size   : 15px;
        color       : #000;
        /* margin: 20px; */
        font-weight : normal;
        line-height : 1.3;
    }

    .tickets-table{
        color       : black;
        margin-left : 5px;
        margin-top  : 15px;
    }

    .button-row{
        height : 50px;
    }

    .tickets-tables{
        margin-top    : 10px;
        margin-bottom : 20px;

    }

    .sm-checkcart-price{
        text-align : center !important;
    }

    .sm-price{
        text-align : center !important;
        padding    : 0;
    }

    .cosmoprof-btn{
        margin : 5px;
    }

    .ticketlist-next{
        padding : 0px;
    }

    .tickets-list{
        padding : 0px;
    }

    .countdown{
        display : none;
        /*color          : #e4e4e4;*/
        /*font-size      : 30px;*/
        /*text-transform : uppercase;*/
        /*margin-top     : 0px;*/
    }

    .info-mobile{
        padding : 0px !important;
    }

    .sm-checkcart-table{
        padding : 10px;
    }

    .hidden-column-xs{
        display : none;
    }

    .profile-data{
        text-align : left;
    }

    .profile-info{
        margin-left : 15px;
        border      : none;
    }

    .profile-name{
        margin    : 0px;
        font-size : 15px;
    }

    .profile-description{
        margin-top   : 10px;
        margin-left  : 0px;
        margin-right : 0px;
    }

    .error-buttons{
        margin-top : 20px;
    }

    .confirmation-info{
        padding      : 15px;
        margin-top   : 20px;
        margin-left  : 0px;
        margin-right : 0px;
    }

    .confirmation-total{
        font-weight : normal;
    }

    .redirect-payment-message{
        display            : block;
        display            : -webkit-box;
        max-width          : 100%;
        height             : auto;
        max-height         : 48px;
        font-size          : 15px;
        line-height        : 1.2em;
        -webkit-line-clamp : 2;
        -webkit-box-orient : vertical;
        overflow           : hidden;
        text-overflow      : ellipsis;
        margin-bottom      : 30px;
        padding-bottom     : 0;
    }

    .checkout-box{
        padding-left  : 15px !important;
        padding-right : 15px !important;
    }

    .shoppingcart.has-bg{
        border     : none;
        background : none;
        padding    : 5px;
        box-shadow : none;
    }

    .payment-method{
        margin-left : 5px;
    }

    .order{
        margin : 5px;
    }

    .member-form{
        margin-bottom : 30px;
    }

    .save-button{
        margin-right : 0px;
    }

    .tickets-instructions{
        display : none;
    }

    .tabs{
        padding : 5px;
    }

    .mobile-menu-footer{
        display : none;
    }

    .menu-follow{
        padding-top      : 10px;
        margin-bottom    : 0px;
        background-color : #e4e4e4
    }

    .footer-container{
        background-color : #e4e4e4;
    }

    .login-form{
        width  : 200px;
        margin : 10px;

    }

    .ticketscontent{
        margin-top : 0px;
    }

    .maincontent{
        margin-top : 20px !important;

    }

    .login-fields{
        padding-left  : 50px;
        padding-right : 50px;
    }

    .ticketscontent{
        margin-top : 0px;
    }

    header{
        width               : 100%;
        height              : 400px;
        top                 : 0;
        left                : 0;
        z-index             : 10;
        background-repeat   : no-repeat, no-repeat;
        background-position : top center, top center;
        background-size     : cover;
        background-color    : #ffffff;
    }

    .login-row{
        height       : 50px;
        margin-left  : 0px !important;
        margin-right : 0px !important;
    }

    .tabs-row{
        height : 50px;
    }

    .menu-bar{
        display : block;
    }

    .packages{
        padding : 0px;
    }

}

@media only screen and (min-width : 768px) and (max-width : 991px){
    .bologna-fiere{
        width : 80%;
    }

    .dates-container{
        margin-top : 20px;
    }

}

/* Tablets - portrait */
@media only screen and (min-width : 768px) and (max-width : 1199px){

    .trade-agency{
        width  : 50%;
        height : 50%;
    }

    .ministero{
        width  : 50%;
        height : 50%;
    }

    .cosmetica{
        width : 80%;
    }

    .edition{
        padding-left  : 65px;
        padding-right : 0;
    }

    header .top .intro span{
        font-size   : .7em;
        line-height : 1em;
    }

    .login-mask .form-group .col-xs-12:nth-of-type(1){
        margin-bottom : 15px;
    }

    .countdown{
        color          : #e4e4e4;
        font-size      : 50px;
        text-transform : uppercase;
        margin-top     : 0px;
    }

    .md-tickets-list{
        display   : flex;
        flex-wrap : wrap;

    }

    .md-help-desk{
        margin-top : 20px;
    }

    .md-tickets-tables{
        margin-right : 33px;
    }

    .md-cart-pack-description{
        text-align  : left !important;
        margin-left : 20px !important;
    }

    .dates{
        border : none;
    }

    .first-dates{
        border-right : 1px solid black;
    }

    .md-cart-pack-quantity{
        text-align  : right !important;
        margin-left : 15px !important;

    }

    .md-cart-pack-total{
        text-align   : left !important;
        padding-left : 5px !important;
    }

    .md-pack-carttotal{
        text-align : right !important;
    }

    .detail-table{
        font-size : 10px !important;
    }

    .ticketscontent{
        margin-top : 200px;
    }

    .header-img{
        width      : 250px;
        margin-top : 20px;

    }

    .login-form{
        width  : 300px;
        margin : 10px;
    }

    .login-fields{
        padding-left  : 50px;
        padding-right : 50px;
    }

    header{
        width               : 100%;
        height              : 65px;
        top                 : 0;
        left                : 0;
        z-index             : 10;
        background-repeat   : no-repeat, no-repeat;
        background-position : top center, top center;
        background-size     : cover;
    }

    .menu-tab{
        padding        : 0px;
        text-transform : uppercase;
    }

    .tabs{
        padding : 5px;
    }

    .header-row{
        margin-top     : 50px;
        padding-bottom : 10px;
        border-bottom  : 1px solid black;

        display        : flex;
        flex-wrap      : wrap;
        margin-right   : -15px;
        margin-left    : -15px;
    }

    .tickets-description{
        text-transform : uppercase;
        line-height    : 1;
        font-weight    : 700;
        color          : #777;
    }

    .cosmoprof-btn{
        margin : 20px;
    }

    .tickets-tables{
        margin-top : 20px;
    }

    .tickets-list{
        margin-top : 15px;
    }

    .cart-ticketstitle{
        text-align : center;
    }

    .language{
        padding : 5px;
    }

    .debug{
        padding : 5px;
    }

}

/* Media Queries mobile devices */
/* Phones - portrait */
@media only screen and (min-width : 320px) and (max-width : 480px){
    header .top .intro span{
        font-size   : .7em;
        line-height : 1em;
        width       : 100%;
    }

    .event-img{
        width      : 100%;
        margin-top : 0px;
    }

    header .navbar-toggle{
        display : none;
    }

    header .navigation .logo{
        margin : 0px 0px 0px 5px;
    }

    header .logo_sec .navbar-brand{
        top   : 43px;
        width : 200px;
    }

    header .navbar{
        top : 15px;
    }

    header .navbar-toggle{
        display : none;
    }

    .maincontent .data .accountinfo .registrationform input{
        font-size : 12px;
    }

    .tickets-details{
        margin-top : 10px;
    }

    .order-title{
        margin-bottom : 10px;
        font-size     : 14px;
    }

}

/* Phones - landscape */
@media only screen and (min-width : 481px) and (max-width : 767px){
    header .hidden-xs{
        display : inherit !important;
    }

    header .top .intro span{
        font-size   : .7em;
        line-height : 1em;
        position    : absolute;
        z-index     : 1001;
        width       : 70%;
        top         : 20px;
    }

    .row-eq-height{
        display : inherit;
    }

    .footer-block{
        margin-bottom : 10px;
    }

    .mobile-row{
        text-align : center;
    }

    .mobile-support{
        justify-content : center;
    }

    header .logo_sec .navbar-brand{
        width : 300px;
        top   : 13px;
    }

    header .navbar{
        min-height : 30px;
        top        : 0px;
    }

    header .navbar-toggle{
        display : none;
    }

}

@media only screen and (min-width : 400px) and (max-width : 767px){
    .header-img{
        min-width   : 20%;
        max-width   : 80%;
        margin-top  : 200px;
        margin-left : 15px;
        position    : absolute;
        z-index     : 0;
    }
}