/* custom file to avoid modifying the original qtip css*/
/* override global max width from main css */
.ui-tooltip, .qtip{
    max-width : 500px;
}

.qtip-basket-loading{

}

.form .form-field {
    margin-left: 5px;
    margin-right: 5px;
}

.mandatoryFieldSymbol{
    color: #f04124;
}

.qtip-basket-loading .qtip-tip{
    background-size  : 0 0;
    background       : #FFFFFF url("../img/transparent.gif") repeat fixed 0 0;
    /* IE6/7/8 */
    background-color : rgb(166, 166, 166);
    border-color     : rgb(166, 166, 166);
    color            : rgb(166, 166, 166);

    /* non stupid Browsers */
    background-color : rgba(166, 166, 166, 0.7);
    border-color     : rgba(166, 166, 166, 0.7);
    color            : rgba(166, 166, 166, 0.7);

    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /* IE 5-7 */
    filter           : alpha(opacity=1);
    /* Netscape */
    -moz-opacity     : 0.0;
    /* Safari 1.x */
    -khtml-opacity   : 0.0;
    /* Good browsers */
    opacity          : 0.0;

}

/*! Basket tooltip style */
.qtip-basket{
    border-color     : #CC5500;
    background-color : #FFFFFF;
}

.qtip-basket .qtip-titlebar{
    background-color : #CC5500;
    color            : #FFFFFF;
}

.qtip-basket .qtip-title{
    font-size : 14px;
}

.qtip-basket .qtip-icon{
    background   : none repeat scroll 0 0 #CC5500;
    border-color : #FFFFFF;
    color        : #FFFFFF;
}

.qtip-basket .qtip-content{
    border-color : #FFFFFF;
}

.qtip-basket .ui-state-default .qtip-icon{
    background-position : -42px 0;
}

.qtip-basket .qtip-titlebar .qtip-close{
    border-color : #fff;
    color        : #fff;
}

.qtip-basket .qtip-close .qtip-icon .ui-state-hover{
    border-color : #CCC;
    background   : #F1F1F1;
    color        : #777;
}

/*! Info tooltip style */
.qtip-info{
    border-color     : #CC5500;
    background-color : #FFFFFF;
    color            : #555;
}

.qtip-info .qtip-tip{
    background-color : #CC5500;
}

.qtip-info .qtip-titlebar{
    background-color : #FFEF93;
}

.qtip-info .qtip-close .qtip-icon .ui-state-hover{
    border-color : #CCC;
    background   : #F1F1F1;
    color        : #777;
}

.qtip-info .qtip-titlebar .qtip-close{
    border-color : #fff;
    color        : #fff;
}

/*! Loader tooltip style */
.qtip-loader{
    border-color     : #CC5500;
    background-color : #FFFFFF;
    color            : #555;
}

.qtip-loader .qtip-titlebar,
.qtip-loader .qtip-content{
    padding-top    : 10px;
    padding-bottom : 10px;
    text-align     : center;
    font-size      : 16px;
}

.qtip-loader .qtip-tip{
    display          : none;
    visibility       : hidden;
    background-color : #CC5500;
}

.qtip-loader .qtip-titlebar{
    background-color : #FFEF93;
}

.qtip-loader .qtip-close .qtip-icon .ui-state-hover{
    border-color : #CCC;
    background   : #F1F1F1;
    color        : #777;
}

.qtip-loader .qtip-titlebar .qtip-close{
    border-color : #fff;
    color        : #fff;
}

/* jQuery Countdown ovveride */
.is-countdown{
    border           : none;
    background-color : #FFFFFF;
}

.countdown-rtl{
    direction : rtl;
}

.countdown-holding span{
    background-color : #FFFFFF;
}

.countdown-row{
    clear      : both;
    width      : 100%;
    padding    : 0px 2px;
    text-align : center;
}

.countdown-show1 .countdown-section{
    width : 98%;
}

.countdown-show2 .countdown-section{
    width : 48%;
}

.countdown-show3 .countdown-section{
    width : 32.5%;
}

.countdown-show4 .countdown-section{
    width : 24.5%;
}

.countdown-show5 .countdown-section{
    width : 19.5%;
}

.countdown-show6 .countdown-section{
    width : 16.25%;
}

.countdown-show7 .countdown-section{
    width : 14%;
}

.countdown-section{
    display    : block;
    float      : left;
    font-size  : 75%;
    text-align : center;
}

.countdown-amount{
    font-size : 100%;
}

.countdown-descr{
    display : block;
    width   : 100%;
}

.jq-basket-float-minimalcd div{
    text-align : right;
}

#calendar-widget table tbody td.no_availability a{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    border-color     : rgb(0, 0, 0);
    color            : #ffffff;
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.79);
    border-color     : rgba(0, 0, 0, 0.79);
    color            : #ffffff;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    /* IE 5-7 */
    filter           : alpha(opacity=78);
    /* Netscape */
    -moz-opacity     : 0.79;
    /* Safari 1.x */
    -khtml-opacity   : 0.79;
    /* Good browsers */
    opacity          : 0.79;
}

#calendar-widget .day-show li a.no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    border-color     : rgb(0, 0, 0);
    color            : #ffffff;
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.79);
    border-color     : rgba(0, 0, 0, 0.79);
    color            : #ffffff;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    /* IE 5-7 */
    filter           : alpha(opacity=78);
    /* Netscape */
    -moz-opacity     : 0.79;
    /* Safari 1.x */
    -khtml-opacity   : 0.79;
    /* Good browsers */
    opacity          : 0.79;
}

.form .form-label em{
    bottom      : 0;
    color       : #CC5500;
    display     : inline-block;
    font-size   : 14px;
    font-weight : bolder;
    left        : 0;
    position    : relative;
}

.form .form-checkbox em{
    color       : #CC5500;
    font-weight : bolder;
    margin      : 0 0.4em;
}

#user-information .form .form-combo select{
    width : 180px;
}

/* start new calendar layout */
#main.main{
    width : 802px;
}

.main .mainheader{
    float         : left;
    margin-left   : 7px;
    width         : 792px;
    margin-bottom : 4px;
}

.main .maintop{
    margin-left : 7px;
    width       : 792px;
    overflow    : hidden;
}

.main .mainmiddle{
    float       : left;
    margin-left : 7px;
    margin-top  : 4px;
    width       : 792px;
    position    : relative;
}

.main .mainbottom{
    float       : left;
    margin-left : 7px;
    margin-top  : 4px;
    width       : 792px;
}

.main .maintop .maintopleft{
    margin-left : 13px;
}

.main .maintop .maintopright{
    float        : right;
    margin-right : 8px;
}

.main .widget:first-child{
    margin-top : 0;
}

#legend-widget{
    height : 310px;
    width  : 370px;
}

#legend-widget .widget-subheader{
    height : 0;
}

#legend-widget .widget-body{
    height : 274px;
}

#legend-widget .widget-body .legend-1half{
    height  : 100px;
    padding : 8px 10px 0;
}

#legend-widget .widget-body .legend-2half{
    padding-left  : 10px;
    padding-right : 10px;
}

#legend-widget .widget-body h3{
    color : #000000;
}

#legend-widget .leg-colorbox{
    display        : block;
    line-height    : 20px;
    vertical-align : middle;
}

#legend-widget .leg-colorbox img{
    height         : 15px;
    vertical-align : middle;
    width          : 32px;
}

.leg-colorbox .cal_selected{
    background-color : #cc5500;
}

.leg-colorbox .cal_avail{
    background-color : #cccccc;
}

.leg-colorbox .cal_none{
    background-color : #F6F6F6;
}

.leg-colorbox .cal_sel{
    border : 2px solid #CC5500;
}

.leg-colorbox .no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    border-color     : rgb(0, 0, 0);
    color            : #ffffff;
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.79);
    border-color     : rgba(0, 0, 0, 0.79);
    color            : #ffffff;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    /* IE 5-7 */
    filter           : alpha(opacity=78);
    /* Netscape */
    -moz-opacity     : 0.79;
    /* Safari 1.x */
    -khtml-opacity   : 0.79;
    /* Good browsers */
    opacity          : 0.79;
}

.leg-colorbox .low_availability{
    background-color : #990000;
}

.leg-colorbox .medium_availability{
    background-color : #FFCC00;
}

.leg-colorbox .high_availability{
    background-color : #339900;
}

#calendar-widget.newcal{
    width : 370px;
}

#calendar-widget.newcal .datepicker{
    padding : 0 3px 3px;
}

#calendar-widget.newcal table{
    border-collapse : separate;
}

#calendar-widget.newcal table tbody td{
    border  : 2px solid #ffffff;
    padding : 2px;
}

#calendar-widget table tbody td a, #calendar-widget table tbody td span{
    background-image : none;
    display          : block;
    height           : 32px;
    line-height      : 32px;
    text-align       : center;
    width            : auto;
    color            : #CC5500;
}

#calendar-widget.newcal table tbody td.ui-datepicker-current-day{
    border : 2px solid #cc5500;
}

/* end new calendar layout */

/* start event info */
.event-container{
    margin     : 20px 8px 20px 13px;
    min-height : 50px;
    width      : 770px;
}

.event-container #bottom{
    overflow   : hidden;
    border-top : 1px solid #D3D3D3;
}

.event-container #bottom .event-info{
    overflow : hidden;
    width    : 100%;
    padding  : 5px
}

.event-container #bottom .event-info img{
    cursor  : none;
    display : inline;
    float   : left;
    padding : 2px;
    right   : 0;
    width   : 180px;
}

.event-container #bottom .event-vcard{
    display : inline;
    float   : left;
    margin  : 3px 0 0 8px;
    width   : 565px;
}

.event-container #bottom .event-vcard p{
    margin-top  : 5px;
    line-height : 13px;
}

.event-container #top{
    overflow : hidden;
}

.event-container hr{
    height     : 1px;
    border     : 0;
    background : #D3D3D3;
    margin     : 0;
}

.event-container #top h2{
    width    : auto;
    position : relative;
    float    : left;
}

.event-container #top img{
    position : relative;
    width    : 16px;
    float    : right;
    right    : 20px;
    cursor   : pointer;
    top      : 15px;
}

.event-container #bottom img{
    position : relative;
    width    : 16px;
    float    : right;
    right    : 20px;
    cursor   : pointer;
}

/* end event info */

/* start expire char out */
#breadcrumb .timer{
    margin-right : 13px
}

#breadcrumb .timer span{
    color       : #CC5500;
    font-weight : bold;
}

/* end expire char out */

/* start new tabs */
#perfListContainer{
    background : none repeat scroll 0 0 white;
    margin     : 10px 8px 10px 13px;
    overflow   : hidden;
    padding    : 2px 0;
    width      : 771px;
    z-index    : 3;
    position   : relative;
}

#perfListTabs li{
    margin-bottom : 2px;
}

#perfListTabs li h3{
    position                  : relative;
    z-index                   : 1;
    margin                    : 0;
    padding                   : 6px 12px;
    width                     : 250px;
    border-bottom-left-radius : 4px;
    border-right-width        : 0 !important;
    border-top-left-radius    : 4px;
    white-space               : normal;
    font-size                 : 100%;
}

#perfListTabs li h3{
    background      : none repeat scroll 0 0 #E6E6E6;
    border          : 1px solid #D3D3D3;
    font-weight     : normal;
    color           : #555555;
    text-decoration : none;
    cursor          : pointer;
}

#perfListTabs li .current h3{
    background      : none repeat scroll 0 0 #FFFFFF;
    border          : 1px solid #CC5500;
    /*font-weight: bold;*/
    color           : #CC5500;
    cursor          : not-allowed !important;
    text-decoration : underline !important;
    right           : -1px;
    /*font-size: 97%;*/

}

#perfListTabs li div div.panel{
    float                      : right;
    position                   : relative;
    top                        : 0;
    width                      : 484px;
    background                 : none repeat scroll 0 0 transparent;
    border                     : 1px solid #CC5500;
    border-top-right-radius    : 4px;
    border-bottom-right-radius : 4px;
    display                    : none;
    padding                    : 5px;
}

#perfListTabs li div.current div.panel{
    display : block;
}

#perfListTabs li div div.panel .perf-info{
    overflow : hidden;
    width    : 100%;
    padding  : 5px
}

#perfListTabs li div div.panel .perf-info img{
    display : inline;
    float   : left;
    padding : 2px;
    width   : 160px;
    height  : 141px;
}

#perfListTabs li div div.panel .perf-info .perf-vcard{
    display      : inline;
    float        : left;
    margin-left  : 8px;
    margin-right : 8px;
    width        : 469px;
}

#perfListTabs li div div.panel .perf-info .perf-vcard p{
    margin-top  : 5px;
    line-height : 18px;
    font-size   : 13px;
}

#perfListTabs li div div.panel .content-box{
    padding-left : 7px;
}

#perfListTabs li div div.panel #day-show-title{
    display : none;
}

#perfListTabs li div div.panel .day-show{
    overflow : hidden;
}

#perfListTabs li div div.panel .day-show li{
    float   : left;
    margin  : 5px;
    padding : 3px;
    border  : 2px solid #ffffff;
}

#perfListTabs li div div.panel .day-show li.selected{
    border : 2px solid #CC5500;
}

#perfListTabs li div div.panel .day-show li a{
    display     : block;
    height      : 32px;
    line-height : 32px;
    text-align  : center;
    width       : 72px;
    text-align  : center;
}

#perfListTabs li div div.panel .day-show li a:hover{
    text-decoration : none;
    color           : #fff;
}

#perfListTabs li div div.panel .day-show li a.selected{
    color            : #fff;
    background-color : #CC5500;
}

#perfListTabs li div div.panel .day-show li a.no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    border-color     : rgb(0, 0, 0);
    color            : #ffffff;
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.79);
    border-color     : rgba(0, 0, 0, 0.79);
    color            : #ffffff;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    /* IE 5-7 */
    filter           : alpha(opacity=78);
    /* Netscape */
    -moz-opacity     : 0.79;
    /* Safari 1.x */
    -khtml-opacity   : 0.79;
    /* Good browsers */
    opacity          : 0.79;
}

/* with anchor */
#perfListTabs li div div.panel .day-show li a.low_availability{
    color            : #FFF;
    background-color : #990000;
}

#perfListTabs li div div.panel .day-show li a.medium_availability{
    color            : #FFF;
    background-color : #FFCC00;
}

#perfListTabs li div div.panel .day-show li a.high_availability{
    color            : #FFF;
    background-color : #339900;
}

#perfListTabs li div div.panel .day-show li a.selected{
    text-decoration : underline !important;
}

#perfListTabs li div div.panel .day-show li a.disabled{
    color  : #CCC;
    cursor : default !important;
}

/* with span */
#perfListTabs li div div.panel .day-show li span.low_availability{
    color            : #FFF;
    background-color : #990000;
}

#perfListTabs li div div.panel .day-show li span.medium_availability{
    color            : #FFF;
    background-color : #FFCC00;
}

#perfListTabs li div div.panel .day-show li span.high_availability{
    color            : #FFF;
    background-color : #339900;
}

#perfListTabs li div div.panel .day-show li span.selected{
    text-decoration : underline !important;
}

#perfListTabs li div div.panel .day-show li span.disabled{
    color  : #CCC;
    cursor : default !important;
}

#perfListTabs li div div.panel .day-show li span{
    display     : block;
    height      : 32px;
    line-height : 32px;
    text-align  : center;
    width       : 72px;
    text-align  : center;
}

/* end new tabs */

/* countdown basket */
#breadcrumb .timer p{
    float         : right;
    padding-right : 12px;
}

/* start calendar tips for performance */
/* start: Group performance template with availability colors */
.tipGroup h3{
    color           : #CC5500;
    font-weight     : bold;
    text-decoration : underline;
    font-size       : 12px;
}

.tipGroup ul{
    font-size  : 12px;
    margin     : 2px 0 5px;
    text-align : right;
}

.tipGroup ul li{
    margin-bottom : 2px;
}

.tipGroup ul li span{
    display     : block;
    text-align  : center;
    color       : #ffffff;
    padding     : 5px 10px;
    font-weight : bold;
}

.tipGroup ul li span.no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    border-color     : rgb(0, 0, 0);
    color            : #ffffff;
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.79);
    border-color     : rgba(0, 0, 0, 0.79);
    color            : #ffffff;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    /* IE 5-7 */
    filter           : alpha(opacity=78);
    /* Netscape */
    -moz-opacity     : 0.79;
    /* Safari 1.x */
    -khtml-opacity   : 0.79;
    /* Good browsers */
    opacity          : 0.79;
}

.tipGroup ul li span.low_availability{
    background-color : #990000;
}

.tipGroup ul li span.medium_availability{
    background-color : #FFCC00;
}

.tipGroup ul li span.high_availability{
    background-color : #339900;
}

/* end: Group performance template with availability colors */

/* start: Group performance template only text */
.tipGroupText h3{
    color           : #CC5500;
    font-weight     : bold;
    text-decoration : underline;
    font-size       : 12px;
}

.tipGroupText ul{
    font-size    : 12px;
    margin       : 2px 0 5px;
    list-style   : circle inside none;
    padding-left : 10px;
}

.tipGroupText ul li{
    margin-bottom : 2px;
    list-style    : inherit;
}

/* end: Group performance template only text */

/* start: Flat list template with availability color */
.tipFlat{
    font-size : 12px;
}

.tipFlat li{
    margin-bottom : 2px;
}

.tipFlat li span{
    display : block;
    color   : #ffffff;
    padding : 5px 10px;
}

.tipFlat li span.no_availability{
    /* IE6/7/8 */
    background-color : rgb(0, 0, 0);
    border-color     : rgb(0, 0, 0);
    color            : #ffffff;
    /* non stupid Browsers */
    background-color : rgba(0, 0, 0, 0.79);
    border-color     : rgba(0, 0, 0, 0.79);
    color            : #ffffff;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    /* IE 5-7 */
    filter           : alpha(opacity=78);
    /* Netscape */
    -moz-opacity     : 0.79;
    /* Safari 1.x */
    -khtml-opacity   : 0.79;
    /* Good browsers */
    opacity          : 0.79;
}

.tipFlat li span.low_availability{
    background-color : #990000;
}

.tipFlat li span.medium_availability{
    background-color : #FFCC00;
}

.tipFlat li span.high_availability{
    background-color : #339900;
}

/* end: Flat list template with availability color */

/* start: Flat list template text only */
.tipFlatText{
    font-size  : 12px;
    margin     : 2px 0 5px;
    list-style : circle inside none;
}

.tipFlatText li{
    margin-bottom : 5px;
}

/* end: Flat list template text only */
/* end calendar tips for performance */

/* ticket list - selected performance */
.product-list .product-header.new{
    background : none repeat scroll 0 0 transparent;
    overflow   : hidden;
    padding    : 5px 10px 9px;
}

.product-list .product-header.new .perf-info-selected{
    background    : none repeat scroll 0 0 #FFFFFF;
    border        : 1px solid #C7E7F1;
    margin-bottom : 0;
    margin-top    : 2px;
    overflow      : hidden;
    padding       : 5px;
}

.product-list .product-header.new .perf-info-selected img{
    display : inline;
    float   : left;
    padding : 2px;
    width   : 100px;
}

.product-list .product-header.new .perf-info-selected .perf-vcard{
    display     : inline;
    float       : left;
    margin      : 0 8px;
    width       : 630px;
    padding-top : 2px;
}

.product-list .product-header.new .perf-info-selected .perf-vcard div{
    overflow : hidden;
    width    : 100%;
}

.product-list .product-header.new .perf-info-selected .perf-vcard h4{
    float : left;
}

.product-list .product-header.new .perf-info-selected .perf-vcard span{
    float       : right;
    font-weight : bold;
    color       : #CC5500;
}

.product-list .product-header.new .perf-info-selected .perf-vcard p{
    line-height : 13px;
    margin-top  : 5px;
}

/* purchase instruction */
.content-box-instruction{
    margin : 10px 3px 0 9px;
}

.content-box-instruction .product-list .product-group{
    padding-bottom : 0;
}

/* class for ticket list with no add button */
.product-list .col-description-cal.noButton{
    width : 45%;
}

.product-list .col-quantity-upsell.noButton{
    width      : 20%;
    text-align : right;
}

.product-list .col-description-donation.noButton{
    width : 65%;
}

.product-list .col-quantity-donation.noButton{
    width : 40%;
}

.product-list .col-soldout-cal.noButton{
    float      : left;
    text-align : center;
    width      : 20%;
}

.product-list .col-soldout-cal.noButton .small-button{
    float    : right;
    position : relative;
}

#center{
    min-height : 401px;
}

.note-pdfqueue{
    margin    : 10px 0;
    font-size : 16px;
}

.form-label.fullWidth{
    width      : 100%;
    text-align : center;
}

.note-pdfqueue img{
    height         : 19px;
    vertical-align : middle;
    width          : 305px;
    display: inline-block

}

/* changes of 19.11.13 */
#breadcrumb p{
    margin-left  : 12px;
    padding-left : 0;
}

#main{
    margin-left  : 4px;
    margin-right : 4px;
}

#main.main{
    width : 797px;
}

.main .mainheader{
    margin-left : 0;
    width       : 797px;
}

.event-container{
    margin : 20px 20px 20px 8px;
}

.main .maintop{
    margin-left : 0;
    width       : 797px;
}

.main .maintop .maintopleft{
    margin-left : 8px;
}

.main .maintop .maintopright{
    margin-right : 20px;
}

.main .mainmiddle{
    margin-left : 0;
    width       : 797px;
}

.showBasketProdutsList{
    position : relative;
    top      : 57px;
}

.showBasketProdutsListLarge{
    position : relative;
    top      : 132px;
}

.content-box-instruction{
    margin : 10px 20px 0 8px;
}

.content-box-instruction .product-list .product-group{
    margin : 0;
}

.main .mainmiddle .content-box, .singleColumn .content-box{
    margin : 0 15px 0 3px;
    width  : 779px;
}

.main .mainbottom{
    margin-left : 0;
    width       : 797px;
}

.product-list .product-header.new .perf-info-selected .perf-vcard{
    width : 720px;
}

#right{
    margin-right : 24px;
    width        : 270px;
}

.form .form-row.checkbox.donation{
    padding : 10px 14px;
}

.form .form-row.checkbox.donation p label{
    vertical-align : top;
}

/* upsell page */
.product-list .col-description-upsell{
    /*width : 35%;*/
    width : 45%;
}

.product-list .col-price-upsell{
    /*width : 20%;*/
    width : 30%;
}

.product-list .col-language-upsell{
    text-align : justify;
    width      : 25%;
}

.product-list .col-quantity-upsell{
    width      : 15%;
    text-align : right;
}

.product-list .col-quantity-upsell.header{
    text-align : center;
}

#legend-widget .widget-body .legend-1half{
    height  : auto;
    padding : 8px 10px 10px;
}

.product-list .information-group{
    padding-bottom : 0;
}

.product-list div.information-group{
    background : none repeat scroll 0 0 #FFFFFF;
    margin     : 0;
    overflow   : hidden;
    padding    : 10px 0;
}

.product-list .product.audioguide{
    margin : 10px 8px;
}

.product-list .product-group.audioguide{
    padding-bottom : 0;
}

/* rolling discount colors */
.leg-colorbox .discount_standard{
    background-color : #AEAAAA;
}

.leg-colorbox .discount_1{
    background-color : #DDEBF7;
}

.leg-colorbox .discount_2{
    background-color : #F8DEFF;
}

.leg-colorbox .discount_3{
    background-color : #FFFF99;
}

.leg-colorbox .discount_4{
    background-color : #FFCE80;
}

.leg-colorbox .discount_5{
    background-color : #BEFF00;
}

#calendar-widget table tbody td.discount_standard a{
    background-color : #AEAAAA;
}

#calendar-widget table tbody td.discount_1 a{
    background-color : #DDEBF7;
}

#calendar-widget table tbody td.discount_2 a{
    background-color : #F8DEFF;
}

#calendar-widget table tbody td.discount_3 a{
    background-color : #FFFF99;
}

#calendar-widget table tbody td.discount_4 a{
    background-color : #FFCE80;
}

#calendar-widget table tbody td.discount_5 a{
    background-color : #BEFF00;
}

ol.clearfix br{
    display : none;
}

/* basket error for availability */
.errorPanel .list-product{
    background : none repeat scroll 0 0 #FFFFFF;
    font-size  : 12px;
    margin     : 2px;
    min-height : 140px;
    overflow   : hidden;
    padding    : 2px;
}

.errorPanel .list-product .item-product{
    overflow : hidden;
    padding  : 10px;
}

.errorPanel .list-product .item-product .col-description{
    float : left;
    width : 55%;
}

.errorPanel .list-product .item-product .col-price{
    float      : left;
    width      : 20%;
    text-align : right;
}

.errorPanel .list-product .item-product .col-quantity{
    float      : left;
    width      : 20%;
    text-align : right;
}

.errorPanel .list-product .item-product span{
    display   : block;
    font-size : 12px;
    padding   : 4px 0;
}

/* availability information page */
.product-list .product .total-row{
    margin : 4px 10px 0 10px;
}

.product-list .product .total-row h5, .product-list .product .total-row h6{
    font-size : 16px;
}

.product-list .product .notAvailableList .col-description,
.product-list .product .notAvailableList .col-price,
.product-list .product .notAvailableList .col-quantity{
    text-decoration : line-through;
}

.product-list .product .notAvailableList h5,
.product-list .product .notAvailableList h6,
.product-list .product .notAvailableList span{
    color : #BEBEBE;
}

/* new layout css */
ul, ol{
    list-style  : none outside none;
    margin-left : 0;
}

img[src*=svg]{
    width : 100%;
}

.lt-ie9 .header-options, .lt-ie9 .header-options nav{
    float : right;
}

.lt-ie9 .header-options{
    padding-right : 1.5em;
}

#wrapper{
    background     : none repeat scroll 0 0 rgb(0, 0, 0);
    margin         : auto;
    overflow       : hidden;
    padding-bottom : 0;
    padding-top    : 0;
    width          : auto;
}

#selectLanguage{
    float       : none;
    font-family : inherit;
    font-size   : inherit;
    height      : auto;
    overflow    : hidden;
    position    : relative;
    right       : 0;
    top         : 0;
}

#selectLanguage li{
    float        : left;
    height       : auto;
    margin-left  : 0;
    margin-right : 1em;
}

#selectLanguage li a img{
    float          : none;
    margin-top     : 0;
    vertical-align : inherit;
}

#social{
    font-family   : inherit;
    margin-bottom : 0;
}

.app-header .header-logo{
    min-height : 116px;
}

.app-header .header-logo h1, .app-header .header-logo h2{
    margin-bottom : 1em;
}



.app-header .header-logo h2 a, .app-header .header-logo h2 a:hover{
    color           : #ffffff;
    text-decoration : none;
}

.lt-ie9 .app-header .header-logo h1, .lt-ie9 .app-header .header-logo h2{
    margin-bottom : 1em;
}

.lt-ie9 h2{
    font-family : inherit;
    font-size   : 21px;
}

.app-header .header-logo h2 span.title{
    font-family : 'FaraoText';
    color       : white;
    font-weight : normal;
    font-size   : 20px;
    display     : block;
}

/* EVENT TITLE IN HEADER STRIP: it is use to show event title or page title in the strip.
   It has no more use because we use the location code of last event to populate the field
.app-header .header-logo h2 span.event {
    font-family: 'Gotham A','Gotham B',Arial,serif;
    font-size: 31px;
    color:white;
    display: block;
    visibility: hidden;
}
*/

.app-header .header-logo h2 span.eventLocation{
    font-family : 'Gotham A', 'Gotham B', Arial, serif;
    font-size   : 31px;
    color       : white;
    display     : block;
}

#offsets{
    font-size     : 12px;
    margin-bottom : 1.833em;
}

#offsets.fixed-viewport{
    background-color           : #FFFFFF !important;
    border-bottom-left-radius  : 9px;
    border-bottom-right-radius : 9px;
    box-shadow                 : 0 0 5px #999999;
    padding-bottom             : 1px;
    position                   : fixed !important;
    top                        : 0 !important;
    width                      : 970px !important;
    z-index                    : 10000 !important;
}

#offsets .breadcrumbs{
    margin-bottom : 0;
    float         : left;
}

#offsets .breadcrumbs a.visited span{
    color           : #4E5050;
    text-decoration : underline;
}

#offsets .breadcrumbs span.delimiter{
    font-weight : normal;
    font-size   : 10px;
}

#cart-container{
    color   : #9E9E95;
    float   : right;
    margin  : 0 13px;
    padding : 1em 0
}

a#ocp-cart{
    color       : #4E5050;
    font-weight : bold;
}

.timer{
    float  : right;
    margin : 0 13px;
    width  : auto;
}

.lt-ie9 .timer{
    width : 16%;
}

.lt-ie9 .timer p{
    margin : 0.5em 0;
    width  : auto;
}

.lt-ie9 .timer span{
    width : auto;
}

.timer span{
    color       : #CC5500;
    font-weight : bold;
    line-height : 28px;
}

.timer span img{
    height         : 14px;
    vertical-align : middle;
    display        : inline;
}

.main-content .row.hidden{
    display : none;
}

.main-content .row{
    margin-top : 1.571em;
}

.main-content .row.mainheader{
    margin-top : 0;
}

.event-container{
    width      : auto;
    min-height : 100%;
    margin     : 0;
}

.event-container #bottom{
    overflow : hidden;
    border   : none;
}

.event-container #bottom .event-info{
    overflow : hidden;
    padding  : 5px;
    width    : 100%;
}

.event-container #bottom .event-info img{
    cursor  : none;
    display : inline;
    float   : left;
    padding : 0.143em;
    right   : 0;
    width   : 19%;
}

.event-container #bottom .event-vcard{
    display : inline;
    float   : left;
    margin  : 0.429em 0 0 0.643em;
    width   : 80%;
}

.event-container #bottom .event-vcard h2{
    font-family : inherit;
    font-size   : 23px;
    font-weight : bold;
    margin      : 0;
}

.event-container #bottom .event-vcard p{
    margin      : 0.357em 0 0;
    line-height : inherit;
}

.widget:first-child{
    margin-top : 0;
}

.widget{
    width      : auto !important;
    float      : none;
    background : none repeat scroll 0 0 #F3F3F3;
}

.widget .widget-header{
    height : auto;
}

.widget .widget-header h3{
    margin         : 0;
    padding-bottom : 6px;
}

#calendar-widget{
    margin : 0.786em 1.571em 0 0 !important;
}

#calendar-widget table thead th{
    text-align : center;
}

#legend-widget{
    height : auto;
    margin : 0.786em 0 0 1.571em !important;
}

#legend-widget .widget-body{
    height : auto;
}

#legend-widget .widget-body .legend-2half{
    overflow      : hidden;
    margin-bottom : 10px;
}

#legend-widget .widget-body .legend-2half h3{
    margin-bottom : 16px;
}

#legend-widget .leg-colorbox img{
    margin-right : 10px;
    float        : left;
}

.content-box-instruction, .content-box-instruction-no-date-sel{
    margin : 0.786em 0 0.643em;
}

.product-list .product-group{
    margin : 0.357em 0 0;
}

.product-list .product-header.new .perf-info-selected .perf-vcard{
    width  : 100%;
    margin : 0;
}

.smb-tooltip p{
    margin    : 0;
    font-size : inherit ! important;
}

.form .form-row.checkbox.donation{
    width : 100%;
}

#perfListContainer{
    margin : 10px 0;
    width  : 100%;
}

#perfListTabs li h3{
    width : 30%;
}

#perfListTabs li div div.panel{
    width : 70%;
}

.basketFloat-list .product-item h6, .basketFloat .box-totals-float h6{
    font-size : 13px;
}

.basketFloat-list .product-item h5{
    font-size   : 13px;
    font-weight : normal;
}

.basketFloat .box-totals-float, .basketFloat .box-bottom-float{
    height : auto;
}

.basketFloat .box-totals-float{
    padding : 10px;
}

.box-totals-float .col-description{
    float        : left;
    width        : 70%;
    padding-left : 0;
}

.box-totals-float .col-price span, .box-totals-float .col-quantity span{
    padding-top : 0;
}

.product-list .information-group{
    margin : 0;
}

.product-list .product-header h2{
    margin : 0;
}

.product-list .information-group .information{
    margin  : 0;
    padding : 1px 10px 9px;
}

.form .form-combo.delivery-list{
    height : auto;
}

.form .form-combo.delivery-list span.single-delivery{
    display    : none;
    float      : left;
    font-size  : 13px;
    margin-top : 3px;
}

.right-content{
    padding-bottom : 2em;
}

.widget .widget-body table.cart-inline td{
    border    : none;
    font-size : 13px;
}

.widget .widget-body table.cart-inline td.subtitle{
    background-color : #F3F3F3;
}

#user-information .form .form-label{
    width : 33%;
}

#user-information .form .form-field, #user-information .form .form-combo{
    width : 50%;
}

#user-information .form .form-note{
    width : 15%;
}

.form .form-field, .form .form-combo, .form .form-checkbox, .form .form-radio, .form .form-image{
    height : auto;
}

.form .form-field input{
    margin-bottom : 0;
}

#user-information .form .form-combo select{
    width : 100%;
}

#user-information .form .form-checkbox{
    width : 100%;
}

#user-information .form .form-field.withtxt {
     background: none;
     border: none;
}
#user-information .form .form-field.withtxt span {
    margin-top: 3px;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
}

#confirmation .box-header h3{
    font-size   : 16px;
    font-weight : bold;
    margin      : 0 0 0.5em;
    color       : inherit;
}

#confirmation .description{
    font-style : italic;
    margin     : 0;
    padding    : 20px 20px 0 0;
}

#confirmation .box-print-left{
    margin : 20px 0 0;
    height : 100%;
}

#confirmation .title{
    font-size : 15px;
    margin    : 20px 0 0;
}

#confirmation .info{
    font-size   : 13px;
    line-height : 18px;
    padding     : 10px 5px 0;
}

#confirmation .info li em{
    font-style : italic;
}

#confirmation .infoMKT{
    font-size   : 13px;
    line-height : 18px;
    overflow    : hidden;
    padding     : 10px 0 0;
}

#confirmation .infoMKT li{
    overflow : hidden;
}

#confirmation .infoMKT li div{
    background-color : #FFFFFF;
    margin-left      : auto;
    margin-right     : auto;
    margin-top       : 30px;
    overflow         : hidden;
    width            : 100%;
}

#confirmation .infoMKT li div a{
    float : left;
    width : 33%;
}

#information-widget .widget-body table td{
    border : none;
}

#user-information .description{
    font-size   : 15px;
    padding     : 0;
    font-weight : bold;
}

/*begin b2b*/

.content-box .box-bottom.b2b-login-button .button{
    margin-right : 18%;
}

/*end b2b*/

#error-page .box-header h3{
    color  : inherit;
    margin : 0;
}

.label{
    background : none;
}

.timer{
    float   : right;
    margin  : 0 13px;
    width   : auto;
    padding : 1em 0;
}

.timer span{
    color       : #CC5500;
    font-weight : bold;
    line-height : inherit;
}

.timer span img{
    height         : 14px;
    vertical-align : middle;
    display        : inline-block;
    padding-bottom : 2px;
}

#qtip-leFloatBasket.show-float-basket{
    position : fixed !important;
    top      : 30px !important;
}

a.hiddenElement{
    display : none;
}

/*classes for small header: dropdown */



.product-list .col-descriptionLong-donation{
    float         : left;
    width         : 100%;
    border-bottom : 1px dashed #C7E7F1;
}

.product-list .col-descriptionLong-donation span{
    display   : block;
    font-size : 14px;
    padding   : 5px 0;
}

.product-list .col-description-donation span{
    display : none;
}

.product-list .col-price-cal span, .product-list .col-info-cal span,
.product-list .col-price-upsell span, .product-list .col-info-upsell span{
    padding-bottom : 0;
    padding-top    : 5px;
}

.product-list .col-info-cal span.span-info-cal,
.product-list .col-info-upsell span.span-info-cal{
    overflow    : hidden;
    padding-top : 2px;
    margin      : 0 0 1px;
}

.form .title-label p{
    margin      : 0;
    padding-top : 10px;
}

.header-logo-small{
    margin    : 0.5em 0;
    padding   : 0 0 0 0.5em;
    float     : left;
    font-size : 11px;
}

.header-logo-small .hidden{
    display : none;
}

.header-nav-palaces-small{
    float     : left;
    font-size : 11px;
    padding   : 0;
}

.header-nav-palaces-small .location-select{
    margin     : 0;
    padding    : 0;
    text-align : center;
}

.header-nav-palaces-small .location-select li{
    overflow      : hidden;
    display       : none;
    width         : 100%;
    padding       : 0.5em;
    border-bottom : 1px solid white;
    cursor        : pointer;
}

.header-nav-palaces-small .location-select li.hrp{
    background : none repeat scroll 0 0 #262626;
    border-top : 1px solid white;
}

.header-nav-palaces-small .location-select li.tower-of-london{
    background : none repeat scroll 0 0 #9E9E94;
}

.header-nav-palaces-small .location-select li.hampton-court-palace{
    background : none repeat scroll 0 0 #007aad;
}

.header-nav-palaces-small .location-select li.banqueting-house{
    background : none repeat scroll 0 0 #fdb913;
}

.header-nav-palaces-small .location-select li.kensington-palace{
    background : none repeat scroll 0 0 #ed1849;
}

.header-nav-palaces-small .location-select li.kew-palace{
    background : none repeat scroll 0 0 #62c5c1;
}

.header-nav-palaces-small .location-select li.active{
    display : list-item;
}

.header-nav-palaces-small .location-select li img{
    vertical-align : middle;
    float          : left;
    width          : 35px;
    margin-right   : 5px;
}

.header-nav-palaces-small .location-select li span{
    color       : white;
    float       : left;
    font-weight : bold;
    line-height : 35px;
    font-size   : 15px;
    padding     : 2px 0 0;
}

.header-nav-palaces-small .location-select li i{
    background   : url('../img/newLayout/locations/mobile/icons-18-white.png') no-repeat scroll -216px 0 transparent;
    height       : 18px;
    float        : right;
    width        : 18px;
    bottom       : -11px;
    margin-right : 2px;
}

.widget.mobile .widget-header h3{
    padding : 3px 0 3px 10px;
}

#legend-widget.widget.mobile .widget-body .legend-1half{
    padding : 3px 10px;
}

#legend-widget.widget.mobile .widget-body .legend-1half p{
    margin    : 0;
    font-size : 12px;
}

#legend-widget.widget.mobile .widget-body .legend-2half{
    margin-bottom : 0;
}

#legend-widget.widget.mobile .widget-body .legend-2half h3{
    font-size : 13px;
    margin    : 0 0 5px;
}

#legend-widget.widget.mobile .leg-colorbox{
    line-height   : 12px;
    float         : left;
    width         : auto;
    margin-right  : 15px;
    margin-bottom : 5px;
}

#legend-widget.widget.mobile .leg-colorbox p{
    margin    : 0;
    font-size : 12px;
}

#legend-widget.widget.mobile .leg-colorbox img{
    width        : 15px;
    height       : 12px;
    margin-right : 2px;
}

.inline-list{
    margin     : 0 .5em;
    padding    : 0;
    list-style : none;
    overflow   : hidden;
}

.inline-list > li{
    list-style  : none;
    margin-left : .5em;
    display     : block;
}

.form .form-note span{
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-style : normal;
    margin     : 0;
    padding    : 2px 0 0 10px;

}

.form .error .form-note span{
    position : relative;
}

#user-information .error .form-note.msgNoteCheckbox{
    max-width : 2000px;
    width     : 45%;
}

#user-information .error .form-note.msgNoteCheckbox span{
    width     : 100%;
    max-width : 2000px;
}

.error label, .error label.error{
    color : inherit;
}

#perfListTabs li div div.panel{
    padding : .715em;
    margin  : 0;
}

#perfListTabs li div div.panel .perf-info{
    padding : 0;
}

#perfListTabs li div div.panel .perf-info .perf-vcard{
    display : inline;
    float   : left;
    margin  : .357em 0 0 .357em;
    width   : 73%;
}

#perfListTabs li div div.panel .perf-info .perf-vcard h4{
    margin : 0;
}

#perfListTabs li div div.panel .perf-info .perf-vcard p{
    margin : 0.5em 0;
}

#perfListTabs li div div.panel .content-box{
    padding : 0;
    /*margin-top  : .357em;*/
}

#perfListTabs li div div.panel .day-show{
    margin : 0;
}

#perfListTabs li div div.panel .day-show li{
    margin  : .357em;
    padding : .214em;
}


.qtip-info{
    width     : auto;
    max-width : 270px;
}

/*basket widget 4 mobile */
.widget.mobile{
    margin-bottom : 1.833em;
}

.widget.mobile .widget-footer{
    height                          : auto;
    overflow                        : hidden;
    -moz-border-radius-topleft      : 7px;
    -webkit-border-top-left-radius  : 7px;
    border-top-left-radius          : 7px;
    -moz-border-radius-topright     : 7px;
    -webkit-border-top-right-radius : 7px;
    border-top-right-radius         : 7px;
}

.widget.mobile .widget-header h3{
    padding   : 6px 10px;
    font-size : inherit;
    overflow  : hidden;
}

.widget.mobile .widget-footer h3{
    color     : #000;
    margin    : 0;
    padding   : 6px 10px;
    font-size : inherit;
}

.widget.mobile .widget-header h3 span, .widget.mobile .widget-footer h3 span{
    float : right;
}

.widget.mobile .widget-body table.cart-inline td{
    font-size : 12px;
}

.widget.mobile .widget-body #openTab td{
    text-align : center;
}

.widget.mobile .widget-body #openTab td.clickInfo{
    font-size      : 13px;
    font-weight    : bold;
    text-transform : uppercase;
}

.widget.mobile .widget-body{
    -moz-border-radius-bottomleft      : 0;
    -webkit-border-bottom-left-radius  : 0;
    border-bottom-left-radius          : 0;
    -moz-border-radius-bottomright     : 0;
    -webkit-border-bottom-right-radius : 0;
    border-bottom-right-radius         : 0;
}

#information-widget.widget.mobile .widget-body table td{
    text-align     : right;
    float          : left;
    vertical-align : middle;
    padding        : 7px 5px;
    position       : relative;
}

.product-list .col-quantity-donation{
    padding-top : 5px;
}


/* basket for calendar pages on mobile */
#basket-active{
    font-size : 12px;
}

#basket-active .widget.mobile{
    padding : 0 3px;
}

#basket-active .widget.mobile .widget-header,
#basket-active .widget.mobile .widget-body,
#basket-active .widget.mobile .widget-footer{
    padding       : 5px 10px;
    border-radius : 0;
}

#basket-active .widget.mobile .widget-header h3,
#basket-active .widget.mobile .widget-footer h3{
    float   : left;
    width   : auto;
    padding : 0;
}

#basket-active .widget.mobile .widget-footer h3{
    padding-top : 2px;
}

#basket-active .widget.mobile .widget-footer h3 span{
    padding-left : 5px;
}

#basket-active .widget.mobile .widget-body .product-list .product-group{
    margin     : 0;
    padding    : 0;
    background : none repeat scroll 0 0 transparent;
}

#basket-active .widget.mobile .widget-body .product-list .product-group .product{
    margin  : 0;
    padding : 0;
    border  : 0 none;
}

#basket-active .widget.mobile .widget-body .product-list .product-group .product .product-item{
    padding : 3px;
}

#basket-active .widget.mobile .widget-body .product-list .product-group .product .product-item .col-description-empty{
    font-weight    : bold;
    text-align     : center;
    text-transform : uppercase;
}

#basket-active .widget.mobile .widget-body .controllers{
    font-weight    : bold;
    text-align     : left;
    text-transform : uppercase;
    padding        : 0 3px;
    margin-bottom  : 2px;
    overflow       : hidden;
}

#basket-active .widget.mobile .widget-body .controllers span{
    cursor : pointer;
}

#basket-active .widget.mobile .widget-body .product-list .col-quantity span,
#basket-active .widget.mobile .widget-body .product-list .col-price span,
#basket-active .widget.mobile .widget-body .product-list .col-description span{
    font-size : 12px;
    padding   : 0;
}

#basket-active .widget.mobile .widget-footer .small-button span{
    text-transform : uppercase;
    line-height    : 21px !important;
}

/* payment selection */
#payment-choice.product-list{
    background : none repeat scroll 0 0 #F9F9F9;
}

#payment-choice.product-list .product{
    /*    padding: 5px;
        margin-bottom: 10px;  */
    width : 100%;
}

#payment-choice.product-list .product .payBlock{
    float      : left;
    padding    : 0 10px;
    text-align : center;
}

#payment-choice.product-list .product .payBlock label{
    display     : inline-block;
    max-width   : 100%;
    font-weight : 700;
}

#payment-choice.product-list .product .payBlock label input{
    vertical-align : middle;
    line-height    : normal;
    margin         : -4px 4px 0 0;
}

#payment-choice.product-list .product .payBlock p{
    margin    : 0;
    font-size : 11px;
}

#paymentSelectionForm.form .error .form-note{
    width : 100%;
}

#paymentSelectionForm.form .error .form-note span{
    position   : relative;
    padding    : 10px 0;
    max-width  : 100%;
    text-align : center;
}

/* new performance list accordion */
#perfListTabs li{
    margin-bottom : 2px;
    overflow      : hidden;
}

#perfListTabs li .perfTab{
    overflow : hidden;
}

#perfListTabs li h3{
    width              : 100%;
    border-radius      : 4px;
    border-right-width : 1px !important;
}

#perfListTabs li h3 span{
    background : url("../img/newLayout/ui-icons_555555_256x240.png") no-repeat scroll -32px -16px transparent;
    width      : 16px;
    height     : 16px;
    display    : inline-block;
    overflow   : hidden;
    float      : right;
    margin-top : 1px;
}

#perfListTabs li .current h3{
    right                      : auto;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
    text-decoration            : none !important;
    font-weight                : bold;
    text-transform             : uppercase;

}

#perfListTabs li .current h3 span{
    background : url("../img/newLayout/ui-icons_C50_256x240.png") no-repeat scroll -64px -16px transparent;
}

#perfListTabs li .perfTab div.panel{
    width                     : 100%;
    border-top                : 0 none;
    border-top-right-radius   : 0;
    border-bottom-left-radius : 4px;
}

/* new calendar header */
#calendar-widget.widget .widget-subheader{
    position : relative;
    padding  : 0.2em 0;
    height   : 33px
}

#calendar-widget.widget .widget-subheader .datepicker-title{
    margin      : 0 2.3em;
    line-height : 2.2em;
    text-align  : center;
    font-size   : 13px;
    font-weight : bold;
    color       : #000;
}

#calendar-widget.widget .widget-subheader .datepicker-prev,
#calendar-widget.widget .widget-subheader .datepicker-next{
    position   : absolute;
    top        : 2px;
    width      : 5.8em;
    height     : 2.6em;
    margin     : 0;
    background : none;
}

#calendar-widget.widget .widget-subheader .datepicker-prev{
    left : 2px;
}

#calendar-widget.widget .widget-subheader .datepicker-next{
    right : 2px;
}

#calendar-widget.widget .widget-subheader .datepicker-prev span,
#calendar-widget.widget .widget-subheader .datepicker-next span{
    display     : block;
    position    : absolute;
    top         : 50%;
    margin-top  : -9px;
    text-indent : -99999px;
    overflow    : hidden;
    width       : 16px;
    height      : 16px;
    background  : url('../img/newLayout/ui-icons_C50_256x240.png') no-repeat scroll 0 0 transparent;
}

#calendar-widget.widget .widget-subheader .datepicker-prev span{
    left                : 50%;
    margin-left         : -28px;
    background-position : -80px -192px;
}

#calendar-widget.widget .widget-subheader .datepicker-next span{
    right               : 50%;
    margin-right        : -28px;
    background-position : -48px -192px
}

/* new tooltip with foundation */
.product-list .col-info-cal span.info.has-tip,
.product-list .col-info-upsell span.info.has-tip,
.form .form-row .col-info-upsell span.info.has-tip{
    float         : left;
    padding       : 0 6px;
    box-shadow    : 0 0 4px #999;
    border-radius : 5px;
    cursor        : pointer;
    line-height   : 20px;
    font-size     : 11px;
    font-weight   : bold;
    color         : #FFF;
    background    : none repeat scroll 0 0 #C50;
    margin        : 2px 0 0;
}

.tooltip{
    border      : 1px solid #C50;
    background  : none repeat scroll 0 0 #fff;
    padding     : 5px 9px;
    color       : #555;
    font-size   : 10.5px;
    line-height : 12px;
    left        : 60%;
    height      : auto;
}

.tooltip > .nub{
    border-color : transparent transparent #C50;
}

.tap-to-close{
    font-size   : 8px;
    padding-top : 2px;
}

/* start menu utilities b2b */
#selectLanguage.menuRight{
    float : right;
}

#selectLanguage.menuRight li{
    margin-right : 0px;
    margin-left  : 3px;
}

/* end menu utilities b2b */

/* event title & infos new */
.event-info{
    padding         : 0;
    /*display         : flex;*/
    /*justify-content : center;*/
    /*align-content   : center;*/
    /*align-items     : center;*/
    overflow        : hidden;
    width           : 100%;
}

.event-info img{
    float   : left;
    width   : 19%;
    display : none;
}

.event-info .event-vcard{
    float       : left;
    width       : 100%;
    margin-left : 0;
}

.event-info .event-vcard h2{
    /*font-family : inherit;*/
    font-size   : 23px;
    font-weight : bold;
    margin      : 0;
}

.event-info .event-vcard p{
    margin      : 0.357em 0 0;
    line-height : inherit;
}

/* new calendar header using datepicker's */
#calendar-widget.widget .widget-subheader{
    display : none;
}

#calendar-widget.newcal .datepicker{
    padding : 0 0 3px;
}

#calendar-widget.newcal table{
    padding : 0 3px;
}

#calendar-widget .ui-datepicker-header{
    display    : block;
    position   : relative;
    padding    : 0.2em 0;
    height     : 33px;
    background : #F3F3F3 none repeat scroll 0 0;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-prev,
#calendar-widget .ui-datepicker-header .ui-datepicker-next{
    position   : absolute;
    top        : 2px;
    width      : 5.8em;
    height     : 2.6em;
    margin     : 0;
    background : transparent none repeat scroll 0 0;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-prev{
    left : 2px;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-next{
    right : 2px;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#calendar-widget .ui-datepicker-header .ui-datepicker-next .ui-icon{
    display     : block;
    position    : absolute;
    top         : 50%;
    margin-top  : -9px;
    text-indent : -99999px;
    overflow    : hidden;
    width       : 16px;
    height      : 16px;
    background  : transparent url("../img/newLayout/ui-icons_C50_256x240.png") no-repeat scroll 0 0;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-prev .ui-icon{
    margin-left         : -28px;
    left                : 50%;
    background-position : -80px -192px;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-next .ui-icon{
    margin-right        : -28px;
    right               : 50%;
    background-position : -48px -192px;
}

#calendar-widget .ui-datepicker-header .ui-datepicker-title{
    margin      : 0 2.3em;
    line-height : 2.2em;
    text-align  : center;
    font-size   : 13px;
    font-weight : bold;
    color       : #000;
}

/* empty performance template */
#perfListTabs li.no_performance{
    overflow       : hidden;
    margin         : 0.357em 0 0;
    padding-bottom : 10px;
    background     : #F9F9F9 none repeat scroll 0 0;
}

#perfListTabs li.no_performance .performaces{
    overflow   : hidden;
    margin     : 10px 8px 0;
    padding    : 2px;
    border     : 1px solid #C7E7F1;
    background : #ffffff none repeat scroll 0 0;
}

#perfListTabs li.no_performance .performaces .perf-item{
    overflow : hidden;
    padding  : 10px;
}

#perfListTabs li.no_performance .performaces .perf-item span{
    font-size   : 13px;
    font-style  : italic;
    color       : #ACABAB;
    padding-top : 5px;
    display     : block;
}

/* confirm with reveal */
.confirmbox{
    color         : #555555;
    border        : 1px solid #C50;
    background    : none repeat scroll 0 0 #ffffff;
    max-width     : 40em;
    width         : 50%;
    padding       : 0;
    min-height    : 0;
    border-radius : 0;
    left          : 70%;
}

.confirmtitle{
    color                   : #FFFFFF;
    padding                 : 5px 10px;
    background              : none repeat scroll 0 0 #C50;
    border-top-left-radius  : 0;
    border-top-right-radius : 0;
    margin                  : 0;
    font-weight             : bold;
    font-size               : 14px;
    font-family             : "Open Sans", sans-serif;
    line-height             : 1.5;
}

.confirmbody, .confirmfooter{
    overflow     : hidden;
    padding      : 5px 10px 10px;
    position     : relative;
    text-align   : left;
    word-wrap    : break-word;
    color        : #555555;
    width        : 100%;
    font-size    : 11px;
    margin       : 0;
    border-color : #FFF;
}

.confirmbody{
    padding : 10px 10px 5px;
}

.confirmok, .confirmcancel, .confirmcancel:hover{
    margin          : 5px 9px 5px 0;
    border-radius   : 3px;
    background      : none repeat scroll 0 0 #B2B2B2;
    color           : #4E4E4E;
    padding         : 0;
    font-weight     : bold;
    text-align      : center;
    box-shadow      : none;
    text-decoration : none;
    width           : 25%;
    float           : left;
    border          : none;
    line-height     : 2;
    font-family     : "Open Sans", sans-serif;
}

.confirmok, .confirmok:hover{
    margin          : 5px 0;
    background      : none repeat scroll 0 0 #C50;
    color           : #ffffff;
    text-decoration : none;
}


.content-box .box-infoAdd{
    font-style: italic;
}

.content-box .box-infoAdd.showInfo{
    padding-left: 10px;
    padding-bottom: 6px;
}

/* upsell page */
#upsell.content-box .box-body .header{
    padding : 1px 10px 9px;
}

#upsell.content-box .box-body .header h2{
    margin : 0;
}

#upsell.content-box .box-body #upsellListContainer{
    background : #FFF none repeat scroll 0 0;
    margin     : 10px 0px;
    overflow   : hidden;
    padding    : 2px 0;
    width      : 100%;
    position   : relative;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li{
    margin-bottom : 2px;
    overflow      : hidden;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab{
    overflow : hidden;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li h3{
    width           : 100%;
    border-radius   : 4px;
    position        : relative;
    margin          : 0;
    padding         : 6px 12px;
    white-space     : normal;
    font-size       : 100%;
    background      : #E6E6E6 none repeat scroll 0 0;
    border          : 1px solid #D3D3D3;
    font-weight     : normal;
    color           : #555;
    text-decoration : none;
    cursor          : pointer;
    text-transform  : uppercase;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li h3 span{
    background : transparent url("../img/newLayout/ui-icons_555555_256x240.png") no-repeat scroll -32px -16px;
    width      : 16px;
    height     : 16px;
    display    : inline-block;
    overflow   : hidden;
    float      : right;
    margin-top : 1px;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .current h3{
    background                 : #FFF none repeat scroll 0 0;
    border                     : 1px solid #C50;
    color                      : #C50;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .current h3 span{
    background : transparent url("../img/newLayout/ui-icons_C50_256x240.png") no-repeat scroll -64px -16px;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel{
    position                   : relative;
    width                      : 100%;
    background                 : transparent none repeat scroll 0 0;
    border-bottom-left-radius  : 4px;
    border-bottom-right-radius : 4px;
    display                    : none;
    padding                    : 5px;
    border-width               : 0 1px 1px;
    border-style               : none solid solid;
    border-color               : -moz-use-text-color #C50 #C50;
    border-image               : none;
    margin                     : 0;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel h5{
    margin : 0;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .current.upsellTab .panel{
    display : block;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .information-group{
    padding : 10px 0 0;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .information-header{
    padding : 1px 10px 5px;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .information-header h4{
    margin : 0;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .information{
    padding : 1px 10px 10px;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .product{
    margin : 10px 8px 15px;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .product.last{
    margin-bottom : 10px;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .note{
    padding  : 0 10px 10px;
    overflow : hidden;
}

#upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel hr{
    width        : 80%;
    position     : relative;
    margin       : 0 auto 10px;
    border-style : dotted dotted none;
    border-color : #C50 #C50 -moz-use-text-color;
    border-width : 2px 2px medium;
}

.icons-arrow{
    height              : 12px;
    width               : 7px;
    background-image    : url('../img/newLayout/sprite/icons-sa1ebb28588.png');
    background-position : 0 -220px !important;
    background-repeat   : no-repeat
}

.checkout-label{
    padding-right: 4px;
    font-weight: bold;
}

/* media rules */

@media screen and (max-width : 45.714em){
    .event-info img{
        display : none !important;
    }

    #upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .product .col-info-cal{
        width : 8%;
    }

    #upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .product .col-description-cal.noButton,
    #upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .product .col-description-cal{
        width : 47%;
    }

    #upsell.content-box .box-body #upsellListContainer #upsellListTabs li .upsellTab .panel .product .col-quantity-upsell.noButton{
        width : 17%;
    }
    .confirmbox{
        top        : 100px;
    }
}

@media screen and (max-width : 40em){
    .confirmbox{
        width      : 75%;
        min-height : 0;
        height     : auto;
        left       : 15%;
    }
}

@media screen and (min-width : 40.063em) and (max-width : 45.688em){
    .confirmbox{
        left : 55%;
    }
}

@media screen and (max-width : 45.714em){
    .tooltip{
        left : 7.4% !important
    }

    .tooltip > .nub{
        left : 42% !important;
    }

    /*    #user-information .form .form-note{
            height: 16px;
        }*/
    /*margin*/
    /*#user-information .form .form-note {
        clear: left;
        width: 100%;
        padding-left: 10px;
    }

    .form .error .form-note span{
        max-width: 500px;
    }*/
    /*left*/
    /*	#user-information .form .form-note {
            clear: left;
            width: 100%;
        }

        .form .error .form-note span{
            max-width: 500px;
            padding-left: 0px;
        }*/
    /*messages put under the fields*/
    #user-information .form .form-note{
        clear        : left;
        width        : 100%;
        padding-left : 0px;
    }

    .form .error .form-note span{
        max-width    : 800px;
        left         : 33%;
        padding-left : 0px;
        width        : 67%;
    }

    #PersonalWebpage-error{
        padding-left : 0px;
        left         : 0;
        width        : 100%;
    }

    /*    #user-information .form .form-note #PersonalWebpage-error{
            padding-left: 0px;
        }*/
}

/*from 730px to 1024px*/
@media screen and (min-width : 45.714em) and (max-width : 64.063em){

    #user-information .form .form-note{
        clear        : left;
        width        : 100%;
        padding-left : 0px;
    }

    .form .error .form-note span{
        max-width    : 800px;
        left         : 33%;
        padding-left : 0px;
        width        : 50%;
    }

    #PersonalWebpage-error{
        padding-left : 0px;
        left         : 0;
        width        : 100%;
    }
}

@media screen and (min-width : 45.813em) and (max-width : 61.875em){
    .app-header .header-logo h1, .app-header .header-logo h2{
        margin-left : 0;
    }
}

@media screen and (max-width : 45.714em){
    /*body{*/
        /*font-size : 12px;*/
    /*}*/

    .ui-tooltip, .qtip{
        width     : 259px;
        max-width : 270px;
    }

    .qtip-info{
        width     : auto;
        max-width : 270px;
    }

    .qtip-info.perf-tip{
        display : none !important;
    }

    .header-options{
        padding-left  : 0;
        padding-right : 0;
    }

    .nav-secondary nav{
        padding : 0;
    }

    .app-header{
        background : none repeat scroll 0 0 #262626;
    }

    .header-nav-palaces{
        background : none repeat scroll 0 0 transparent;
    }

    .nav-secondary nav a{
        font-size   : 15px;
        line-height : 30px;
    }

    .nav-secondary .btn-link i{
        position    : relative;
        top         : 1px;
        margin-left : .2em;
        height      : 11px;
    }

    /*#offsets.fixed-viewport{
        width : 100% !important;
    }*/
    #calendar-widget{
        margin-right : 0 !important;
    }

    #legend-widget{
        margin : 0 !important;
    }

    .product-list .col-price-cal{
        width : 20%;
    }

    .product-list .col-description-cal.noButton, .product-list .col-description-cal{
        width : 40%;
    }

    .product-list .col-price-cal span,
    .product-list .col-description-cal span,
    .product-list .col-info-cal span,
    .product-list .col-description-donation span,
    .product-list .col-price-upsell span,
    .product-list .col-description-upsell span,
    .product-list .col-info-upsell span{
        font-size : 12px;
    }

    .product-list .col-description-upsell{
        width : 35%;
    }

    .product-list .col-price-upsell{
        text-align : right;
        width      : 15%;
    }

    .product-list .col-quantity-upsell{
        width : 10%;
    }

    .product-list .col-info-upsell{
        float      : left;
        text-align : center;
        width      : 10%;
    }

    .form-checkbox-donation input{
        vertical-align : bottom;
    }

    .app-footer hr{
        margin : 1em 0;
    }

    .footer-info{
        position : relative;
        padding  : 10px 10px 0 60px;
    }

    .footer-nav-primary li{
        border-right  : 0;
        padding-right : 0;
        margin-right  : 0;
        float         : left;
        font-size     : 10px;
    }

    .product-list .col-description-donation,
    .product-list .col-quantity-donation.noButton{
        width : 50%;
    }

    .event-container #bottom .event-vcard{
        margin : 0;
        width  : 100%;
    }

    #cart-container{
        margin : 0 0 0 13px;
    }

    .breadcrumbs span, a#ocp-cart, .timer span, span#ocp-cart{
        font-size : 10px;
    }

    span#ocp-cart{
        color : #000000;
    }

    .breadcrumbs span{
        white-space : nowrap;
    }

    #offsets .breadcrumbs span.delimiter{
        font-size : 8px;
    }

    .timer{
        margin : 0;
    }

    #user-information .message{
        padding   : 0 10px;
        font-size : inherit;
    }

    .form .form-combo.delivery-list span.single-delivery{
        font-size : inherit;
    }

    #perfListTabs li div div.panel .perf-info .perf-vcard h4{
        font-size : 13px;
    }

    #perfListTabs li div div.panel .perf-info .perf-vcard p{
        font-size : 10px;
    }

    #user-information .form .form-note{
        clear : left;
        width : 100%;
    }

    #user-information .form .form-field, #user-information .form .form-combo{
        width : 67%;
    }

    .content-box .box-bottom.b2b-login-button .button{
        margin-right : 3%;
    }
}

@media screen and (min-width : 45.714em) and (max-width : 64.063em){
    /*#offsets.fixed-viewport{
        width : 100% !important;
    }*/
    .footer-nav-primary li{
        border-right  : 0;
        padding-right : 0;
        margin-right  : 0;
        float         : left;
        font-size     : 10px;
    }
}

@media screen and (max-width : 60.563em){
    #offsets.fixed-viewport{
        width : 100% !important;
    }
}

@media screen and (max-width : 45.714em) and (orientation : portrait){
    .product-list .col-description{
        width : 60%;
    }

    .product-list .col-description span, .product-list .col-price span, .product-list .col-quantity span{
        font-size : inherit;
    }

    .product-list .col-quantity{
        width : 24%;
    }

    #order-summary .total-row h5, #order-summary .total-row h6{
        font-size : 15px;
    }

    #order-summary .total-row h6{
        padding : 5px 0 0 10px;
        width   : auto;
    }

    #cart-container{
        margin : 0;
    }

    .timer{
        padding : 0 0 1em 0;
        width   : 100%;
    }

    .timer span{
        float : right;
    }

    .button span, .button-back span{
        font-size : 13px !important;
    }
}

@media screen and (max-width : 45.714em){
    #perfListTabs li div div.panel .perf-info .perf-vcard{
        margin : 0 0 0 .357em;
        width  : 99%;
    }

    #perfListTabs li div div.panel .perf-info .perf-vcard h4{
        font-size : 13px;
    }

    #perfListTabs li div div.panel .perf-info .perf-vcard p{
        font-size : 10px;
    }

    .qtip-info{
        width     : auto;
        max-width : 270px;
    }
}

@media screen and (min-width : 45.714em) and (max-width : 64.063em){
    #perfListTabs li div div.panel .perf-info .perf-vcard{
        width : 68%;
    }

    .qtip-info{
        width     : auto;
        max-width : 270px;
    }
}



/* alberto */
#basket .box-body .product-list .product-group .product-item .tktname {
    width: 20%;
    flex-direction: column;
    float : left;
}
#basket .box-body .product-list .product-group .product-item .tktinput {
    width: 40%;
    height: 29px;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    box-shadow: 0 0 7px #E5E5E5 inset;
    float:left;
    margin:0 10px;
}
#basket .box-body .product-list .product-group .product-item .tktinput.disable {
    background: #E8E8E8 none repeat scroll 0 0;
}
#basket .box-body .product-list .product-group .product-item .tktinput input {
    padding: 0 8px;
    outline: 0 none;
    background: transparent none repeat scroll 0 0;
    vertical-align: baseline;
    border: 0 none;
    margin: 0;
    font-weight: inherit;
    font-family: inherit;
    font-size: 13px;
    width: 100%;
}
#basket .box-body .product-list .product-group .product-item .tktbutton {
    width: 30%;
    flex-direction: column;
    float : left;
    margin: 3px 0 0 0;
}
#basket .box-body .product-list .product-group .product-item .tktcoupon {
    width: 100%;
    flex-direction: column;
    float : left;
}
/*fine alberto */




/* new footer */
.sitefooter{
    background: black;
    color: white;
    min-width:100%;
    position: relative;
    /*z-index: 1;*/
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}
.sitefooter .sitefooter__main{
    display: flex;
    position: relative;
    padding: 40px 0;
}
.sitefooter .sitefooter__main .sitefooter__social,
.sitefooter .sitefooter__main .sitefooter__links,
.sitefooter .sitefooter__main .sitefooter__smallprint,
.sitefooter .sitefooter__main .sitefooter__thanks{
    width: 25%;
    padding:0 15px;
}
.sitefooter .sitefooter__main .sitefooter__social h2{
    font-size: 17px;
    color: white;
    margin: 0 0 15px 0;
}
.sitefooter .sitefooter__main .sitefooter__social .social__item{
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.sitefooter .sitefooter__main .sitefooter__links,
.sitefooter .sitefooter__main .sitefooter__social,
.sitefooter .sitefooter__main .sitefooter__smallprint{
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.sitefooter .sitefooter__main .sitefooter__links .footlinks.bare-list{
    display: block !important;
}
.sitefooter .sitefooter__main .sitefooter__links li{
    float: left;
    width: 50%;
    /*padding-right: 10px;*/
    margin-bottom: 15px;
}
.sitefooter .sitefooter__main .sitefooter__links li:nth-child(2n-1){
    clear: left;
}
.sitefooter .sitefooter__main .sitefooter__links li a{
    color: white;
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.56;
    /*margin-right: 20px;*/
}
.sitefooter .sitefooter__main .sitefooter__smallprint .sitefooter__logo{
    max-width: 200px;
    display: block;
    margin-bottom: 15px;
}
.sitefooter .sitefooter__main .sitefooter__smallprint .sitefooter__logo img{
    max-width: 100%;
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 1.2rem;
}
.sitefooter .sitefooter__main .sitefooter__smallprint p,
.sitefooter .sitefooter__main .sitefooter__thanks p{
    font-size: 13px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.sitefooter .sitefooter__main .sitefooter__thanks p{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.25);
}
.sitefooter .sitefooter__main .sitefooter__thanks .sitefooter__crest {
    display: block;
    margin: 20px auto;
    width: 90px;
    height: 104px;
    background: url(../img/social/thankyou.png) no-repeat center;
    overflow: hidden;
    text-indent: -999px;
}
.social__link{
    height: 48px;
    width: 48px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.social__link--facebook{
    background-image: url(../img/social/facebook.svg);
}
.social__link--twitter{
    background-image: url(../img/social/twitter.svg);
}
.social__link--instagram{
    background-image: url(../img/social/instagram.svg);
}
.social__link--tumblr{
    background-image: url(../img/social/tumblr.svg);
}
.social__link--youtube{
    background-image: url(../img/social/youtube.svg);
}


/* new header */
.mainnav.mainnav--desktop{
    background-color: #77776e;
    color: white;
    /*min-width:100%;*/
}
.mainnav.mainnav--desktop .topnav__top-row{
    display: block;
    width: 100%;
    height: 40px;
    float: left;
    clear: both;
    background: black;
}
.mainnav.mainnav--desktop .topnav__top-row {
    /*height :40px;*/
    padding:0;
}

.mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap,
.mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap{
    padding:0;
    height: 40px;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap .nav-links-lang{
    float:right;
    background: #333;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap .topnav__logo{
    float: left;
    margin: 3px 10px 0 0;
    width: 23px;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap .topnav__logo img{
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 1.2rem;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap .nav-links-lang li{
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    width:100%;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap .topnav__logo-title,
.mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap .nav-links-lang .mainnav__selectlang{
    color: white;
    padding: 0 15px;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-family: 'FaraoText', serif;
    line-height: 27px;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap .f-dropdown.open.f-open-dropdown{
    top: 38px!important;
    left: auto!important;
    right:0;
}
.mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap .topnav__logo-title a{
    text-decoration: none;
    color: #ffffff;
}
.mainnav.mainnav--desktop .mainnav__second-row{
    /*padding: 20px 0 0;*/
    background-color: #000;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__logo{
    padding:0;
    height :80px;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__logo img{
    max-width: 200px;
    width: 100%;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray{
    padding: 25px 10px 10px 0;
    height: 80px;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray .mainnav__primary{
    float: right;
    height: 42px;
    /*padding: 25px 10px 10px 0;*/
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray .nav-links__btn{
    display: inline-block;
    position: relative;
    /*margin-top: 8px;*/
    height: 100%;
    /*padding: 25px 0;*/
    background-color: white;
}

.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray.b2b_agency{
    padding-top: 5px;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray.b2b_agency .nav-links__btn{
    background-color: transparent;
    text-align: right;
}

.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray.b2b_agency a{
    color: white;
}

.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray .nav-links__btn .btn--solid.btn--white,
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray .nav-links__btn .btn.primary.btn--white{
    /*background-color: white;*/
    color: black;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray .nav-links__btn .btn.primary.btn--white{
    background-color: white;
    color: black;
}
.mainnav.mainnav--desktop .mainnav__second-row .mainnav__primarytray .nav-links__btn .btn__text.btn__text--arrow::after{
    right: 0;
}
.mainnav.mainnav--desktop .mainnav__palace-row{
    background-color: #333;
    clear: both;
}
.mainnav.mainnav--desktop .mainnav__palace-row .mainnav__palaces {
    clear: both;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}
.mainnav.mainnav--desktop .mainnav__palace-row .mainnav__palaces .nav-links__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: block;
    position: relative;
}
.mainnav.mainnav--desktop .mainnav__palace-row .mainnav__palaces .nav-links__item .nav-links__link{
    height: auto;
    padding: 20px;
    font-size: 15px;
    font-family: "Open sans",sans-serif;
}

/*palace color*/
.mainnav__palace {
    position: relative;
    overflow: hidden;
    z-index: 44;
    -webkit-transition: color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-links__link {
    white-space: nowrap;
    text-align: center;
    display: block;
    font-size: 1.3rem;
    color: white;
    padding: 9px 20px;
    text-decoration: none;
}
.mainnav__palace::after{
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -webkit-calc(100% - 3px);
    top: -moz-calc(100% - 3px);
    top: calc(100% - 3px);
    -webkit-transition: all 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

}
.mainnav__palace:hover::after{
    transform: translateY(-95%);
}
.mainnav.mainnav--desktop .mainnav__second-row.mainnav__palace--TADM,
.mainnav__palace--TADM::after,
#TOL.active{
    background-color: #77776e;
}
.mainnav.mainnav--desktop .mainnav__second-row.mainnav__palace--HADM,
.mainnav__palace--HADM::after,
#HCP.active{
    background-color: #107aab;
}
.mainnav.mainnav--desktop .mainnav__second-row.mainnav__palace--BANQ,
.mainnav__palace--BANQ::after,
#BH.active{
    background-color: #fab730;
}
.mainnav.mainnav--desktop .mainnav__second-row.mainnav__palace--KWEB,
.mainnav__palace--KWEB::after,
#KP.active{
    background-color: #e61441;
}
.mainnav.mainnav--desktop .mainnav__second-row.mainnav__palace--KEW,
.mainnav__palace--KEW::after,
#KEW.active{
    background-color: #62c5c1;
}
.mainnav.mainnav--desktop .mainnav__second-row.mainnav__palace--HILLAD,
.mainnav__palace--HILLAD::after,
#HILL.active{
    background-color: #5576b4;
}
.topnav__lang-wrap .f-dropdown::before{
    left: 172px!important; ;
}
.topnav__lang-wrap .f-dropdown::after{
    left: 171px!important;
}
.topnav__lang-wrap .f-dropdown li a,
.topnav__lang-wrap .f-dropdown li a:hover{
    display: inline-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
+    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    padding: 5px;
    color: #555555;
    width: 100%;
    border-bottom: 1px solid black;
}
.topnav__lang-wrap .f-dropdown li a span{
    font-family: 'Open sans',sans-serif;
}
.topnav__lang-wrap .f-dropdown li:hover,
.topnav__lang-wrap .f-dropdown li:focus{
    background: #ddd;
}

/* buttons nav*/
.btn--solid.btn--white .btn__text--arrow::after,
.btn.primary.btn--white .btn__text--arrow::after{
    background-image: url(../img/newLayout/sprite/arrow-right.svg);
    margin-top: -5px;
    width: 8px;
    height: 12px;
}
.mainnav__selectlang .btn__text--arrow{
    font-family: 'Open sans',sans-serif;
}
.mainnav__selectlang .btn__text--arrow:after{
    margin-top: -3px;
    width: 12px;
    height: 12px;
    background-image: url(../img/newLayout/sprite/arrow-lang.svg);
    transform: rotate(90deg);
    right:0;
}
.btn__text--arrow:after,
.button span.arrow::after,
.button-back span::after{
    content: '';
    position: absolute;
    top: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.btn--small {
    padding: 0 15px;
    font-size: 13px;
    line-height: 42px;
    display: inline-block;
    height: 100%;
}
.btn__text--arrow{
    padding: 0 30px 0 0;
}
.btn--solid .btn__text, .btn.primary .btn__text{
    text-align: left;
    font-size: 14px;
}
.btn__text {
    position: relative;
    display: inline-block;
    /*line-height: 42px;*/
    font-family: 'FaraoText', serif;
    letter-spacing: 0;
}
/*.button,*/
/*.button-back{*/
    /*background : none !important;*/
    /*border-radius:0 !important;*/
    /*box-shadow: 0 !important;*/
    /*border: 1px solid black;*/
/*}*/
/*.content-box .box-bottom .button,*/
/*.content-box .box-bottom .button-back{*/
    /*background-color: black !important;*/
    /*padding: 10px 15px !important;*/
    /*font-size: 1.3rem;*/
/*}*/
/*.button span.arrow,*/
/*.button-back span{*/
    /*background: none;*/
    /*color: white !important;*/
    /*line-height: inherit !important;*/
    /*font-weight: 400 !important;*/
/*}*/
/*.button span.arrow{*/
    /*padding: 0px 20px 0px 0px !important;*/
/*}*/
/*.button-back span{*/
    /*padding: 0 0 0 20px !important;*/
/*}*/
/*.button span.arrow::after,*/
/*.button-back span::after{*/
    /*margin-top: -5px;*/
    /*width: 12px;*/
    /*height: 12px;*/
    /*background-image: url(../img/newLayout/sprite/arrow-lang.svg);*/
    /*right: -10px;*/
/*}*/
/*.button-back span::after{*/
    /*left: -10px;*/
    /*transform: rotate(180deg);*/
/*}*/
.button span, .button-back span{
    text-align: left;
    font-size: 14px;
    position: relative;
    display: inline-block;
    line-height: 1.56;
    font-family: 'FaraoText', serif;
    letter-spacing: 0;
}

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

    #palacebuttonlog{
        float: right;
        line-height: 45px;
        width: 133px;
    }
    .sitefooter .sitefooter__main .sitefooter__social h2:not(:last-child){
        margin-bottom: 15px;
    }
    .sitefooter .sitefooter__main .sitefooter__smallprint .sitefooter__logo{
        max-width: 120px;
        overflow: hidden;
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 732px) and (max-width: 1005px){
    #palacebuttonlog{
        width: auto;
        float: right;
        line-height: 45px;
    }
}
@media only screen and (max-width: 899px){
    .sitefooter .sitefooter__main{
        padding: 15px 0;
        display: inline-block;
        width: 100%;
        margin: 0;
    }
    .sitefooter .sitefooter__main .sitefooter__social,
    .sitefooter .sitefooter__main .sitefooter__links,
    .sitefooter .sitefooter__main .sitefooter__smallprint,
    .sitefooter .sitefooter__main .sitefooter__thanks{
        margin-bottom: 20px;
        padding: 15px;
        width:100%;
        border-left:none;
        border-right:none;
    }
    .sitefooter .sitefooter__main .sitefooter__thanks{
        max-width: 140px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .sitefooter .sitefooter__main .sitefooter__social,
    .sitefooter .sitefooter__main .sitefooter__links{
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .sitefooter .sitefooter__main .sitefooter__links .footlinks.bare-list{
        display: none !important;
    }
    .sitefooter .sitefooter__main .sitefooter__links .inline-list{
        display: block !important;
        margin:0;
    }
    .sitefooter .sitefooter__main .sitefooter__links .inline-list li{
        margin-left:0;
    }
}
@media only screen and (max-width: 1005px){
    .mainnav.mainnav--desktop .topnav__top-row #logoTitle{
        visibility: visible !important;
    }
    .mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap .topnav__logo{
        margin: 5px 16px;
        float: left;
        width: 25px;
        height: 25px;
    }
    .mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap{
        float: left;
    }
    .topnav__lang-wrap .f-dropdown::after,
    .topnav__lang-wrap .f-dropdown::before{
        content:none;
    }
    .mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap .f-dropdown.open.f-open-dropdown{
        overflow-y: scroll;
        width: 200px !important;
        right: 100px;!important;
    }
    /*.mainnav.mainnav--desktop .topnav__top-row .topnav__lang-wrap .nav-links-lang{*/
        /*width:95px;*/
    /*}*/
    /*.mainnav__selectlang .btn__text--arrow::after,*/
    /*.button span.arrow::after{*/
        /*right: -11px;*/
        /*width: 11px;*/
        /*height: 11px;*/
        /*margin-left:0;*/
    /*}*/
    .mainnav.mainnav--desktop .topnav__top-row .topnav__logo-wrap .topnav__logo-title{
        display:none;
    }
    .mainnav__primarytrigger{
        margin: 0;
        padding:0;
        background: #000;
        height :40px;
        width: 150px;
        float: right;
    }
    .mainnav__primarytrigger:hover,
    .mainnav__primarytrigger:focus{
        background : transparent;
    }
    .mainnav__primarytrigger.is-open{
        background: #fff;
    }
    .mainnav__primarytrigger.is-open span.primarytrigger__txt{
        color:black;
    }
    .mainnav__primarytrigger.is-open span.hamburger{
        color: transparent;
    }
    .mainnav__primarytrigger.is-open span.hamburger::before,
    .mainnav__primarytrigger.is-open span.hamburger::after{
        background-color: black;
    }
    .mainnav__primarytrigger.is-open span.hamburger::before{
        transform: rotate(-45deg);
        background-color: #000;
        top: 0;
    }
    .mainnav__primarytrigger.is-open span.hamburger::after{
        transform: rotate(45deg);
        background-color: #000;
        top: 0;
    }
    .mainnav__primarytrigger.is-open span.primarytrigger__txt,
    .mainnav__primarytrigger.is-open span.hamburger{
        color: #000;
    }
    .mainnav__primarytrigger .primarytrigger__txt{
        color: #fff;
        font-size: 13px;
    }
    .mainnav__primarytrigger span.hamburger{
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: block;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        top: 20px;
        padding: 0;
        right: 15px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .mainnav__primarytrigger span.hamburger::before{
        top: -webkit-calc(50% - 6px);
        top: -moz-calc(50% - 6px);
        top: calc(50% - 6px);
        left: -webkit-calc(50% - 10px);
        left: -moz-calc(50% - 10px);
        left: calc(50% - 10px);
    }
    .mainnav__primarytrigger span.hamburger::after {
        top: -webkit-calc(50% + 4px);
        top: -moz-calc(50% + 4px);
        top: calc(50% + 4px);
        left: -webkit-calc(50% - 10px);
        left: -moz-calc(50% - 10px);
        left: calc(50% - 10px);
    }
    .mainnav__primarytrigger span.hamburger::before,
    .mainnav__primarytrigger span.hamburger::after{
        content: '';
        position: absolute;
        height: 2px;
        width: 20px;
        background: #fff;
        -webkit-transition: -webkit-transform 200ms cubic-bezier(.25,.46,.45,.94);
        transition: -webkit-transform 200ms cubic-bezier(.25,.46,.45,.94);
        -moz-transition: transform 200ms cubic-bezier(.25,.46,.45,.94),
        -moz-transform 200ms cubic-bezier(.25,.46,.45,.94);
        transition: transform 200ms cubic-bezier(.25,.46,.45,.94);
        transition: transform 200ms cubic-bezier(.25,.46,.45,.94),
        -webkit-transform 200ms cubic-bezier(.25,.46,.45,.94),
        -moz-transform 200ms cubic-bezier(.25,.46,.45,.94);
    }

    .mainnav.mainnav--desktop .mainnav__second-row{
        width: 100%;
        height: 45px;
        padding:0;
    }
    .mainnav.mainnav--desktop .mainnav__second-row p{
        float: left;
        margin: 0;
        line-height: 44.5px;
    }
    .mainnav.mainnav--desktop .mainnav__second-row p .mainnav__logo-mobile{
        color: white;
        text-align: left;
        font-size: 13px;
        text-decoration: none;
        cursor: pointer;
        white-space: nowrap;
        font-family: 'FaraoText', serif;
        font-weight:bold;
    }
    .accountlogsmall{
        position: absolute;
        padding: 6px 15px 3px 10px;
        top: 7px;
        width: 132px;
        right: 10px;
    }
    .mainnav__palace-row-desktop{
        display:none !important;
    }
    .mainnav__palace-row-mobile{
        display: none;
    }
    .mainnav.mainnav--desktop .mainnav__palace-row-mobile .mainnav__palaces{
        display: block;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
    }
    .mainnav.mainnav--desktop .mainnav__palace-row-mobile .mainnav__palaces .nav-links__item{
        border-top: 1px solid #484848;
        width: 100%;
    }
    .mainnav__palace-row-mobile .mainnav__palaces .nav-links__item .nav-links__link{
        text-align:left;
        padding:15px 20px!important;
    }
    .mainnav__palace::after{
        content: '';
        z-index: -1;
        position: absolute;
        width: 6px;
        height: 100%;
        left: 0;
        top: 0;
    }
    .second-row-desktop{
        display:none;
    }

    .mainnav__palace:hover::after{
        transform: translateY(0%);
    }

    /*button */
    .btn__text--arrow{
        padding: 0 24px 0 0;
    }
    .btn--solid.btn--white{
        background-color: white;
        color: black !important;
        width: 100%;
        display: inline-block;
        padding: 0 5px;
        vertical-align: middle;
        height: 35px;
    }
    .btn--solid.btn--white .btn__text--arrow::after,
    .btn.primary.btn--white .btn__text--arrow::after{
        right: 0px;
    }
    .btn--solid .btn__text,
    .btn.primary .btn__text{
        font-size: 11px;
        line-height: 1;
        display: table-cell;
        vertical-align: middle;
        height: 35px;
        /*height: 100%;*/
    }
    /*.btn--solid.btn--white .btn__text--arrow::after,*/
    /*.btn.primary.btn--white .btn__text--arrow::after{*/
        /*right: -5px;*/
    /*}*/

}
@media only screen and (min-width: 1006px){
    .mainnav__palace-row-mobile,
    #toggle-button,
    .second-row-mobile{
        display:none !important;
    }

}

/*
foundation breakpoints:
    small: 320px - 640px
    medium: 641px - 1024px
    large: 1025px - 1440px
    xlarge: 1441px - 1920px
    xxlarge: 1921px - all
 */