@import url('https://fonts.googleapis.com/css?family=Raleway');

body, html, h1, h2, h3, h4, h5, h6{
    font-family : 'Raleway', sans-serif;
}

button#button-cancel{
    margin-inline-start : 15% !important;
}

div#AmazonPayButton{
    margin-inline-start : 32%;
    margin              : 50px;
}

.iframe-container{
    overflow : hidden;
/ / Calculated from the aspect ration of the content (in case of 16: 9 it is 9 / 16 = 0.5625) padding-top: 56.25 %;
    position : relative;
}

.alert{
    padding          : 25px;
    background-color : #ff9800;
    color            : white;
}

.closebtn{
    margin-left : 15px;
    color       : white;
    font-weight : bold;
    float       : right;
    font-size   : 22px;
    line-height : 20px;
    cursor      : pointer;
    transition  : 0.3s;
}

.closebtn:hover{
    color : black;
}

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

.widget-row{
    justify-content : space-evenly;
    margin-left     : 25%;
    margin-right    : 25%;
}

.row.amazon-btns{
    margin-inline-start : 25%;
    margin-inline-end   : 25%;
}

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

.nopadding{
    padding : 0 !important;
}

.nopaddingright{
    padding-right : 0 !important;
}

.nopaddingleft{
    padding-left : 0 !important;
}

.top-bar{
    line-height : 60px;
    height      : 60px;
    background  : none repeat scroll 0 0 #44484C;
    padding     : 0;
}

.top-bar .top-bar-title{
    margin         : 0;
    min-width      : 25%;
    color          : #ffffff;
    text-transform : uppercase;
    font-weight    : 700;
}

.top-bar .navcontainer{
    flex-direction : row;
    display        : flex;
}

.top-bar .navcontainer .top-bar-left{
    color          : #ffffff;
    text-transform : uppercase;
    font-weight    : 700;
}

.top-bar .navcontainer .top-bar-right,
.top-bar .navcontainer .top-bar-left{
    text-align : right;
}

.top-bar .navcontainer .top-bar-right .menu,
.top-bar .navcontainer .top-bar-left .menu{
    background      : none;
    justify-content : flex-end;
    height          : 100%;
}

.top-bar .navcontainer .top-bar-right .menu.icon-top > li > a,
.top-bar .navcontainer .top-bar-left .menu.icon-top > li > a{
    padding        : 6px 11px;
    color          : #ffffff;
    font-size      : 13px;
    text-transform : none;
    font-weight    : 400;
}

.top-bar .navcontainer .top-bar-right .menu.icon-top > li > a i,
.top-bar .navcontainer .top-bar-left .menu.icon-top > li > a i{
    font-size    : 30px;
    margin-right : 0;
}

.top-bar .navcontainer .top-bar-right .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
    display : none;
}

.top-bar .navcontainer .top-bar-right .dropdown.menu > li.is-dropdown-submenu-parent > a,
.top-bar .navcontainer .top-bar-right .dropdown.menu > li.opens-left > .is-dropdown-submenu a{
    font-size : 35px;
    padding   : .7rem 1rem;
    color     : #ffffff;
}

.top-bar .navcontainer .top-bar-right .dropdown.menu > li.is-dropdown-submenu-parent > a i,
.top-bar .navcontainer .top-bar-right .dropdown.menu > li.opens-left > .is-dropdown-submenu a i{
    margin : 0;
}

.top-bar .navcontainer .top-bar-right .dropdown.menu > li.opens-left > .is-dropdown-submenu{
    min-width  : 0;
    background : rgba(8, 7, 7, 0.6) none no-repeat scroll 0 0;
    border     : none;
}

.top-bar.footer{
    color : #ffffff;
}

.top-bar .top-bar-title{
    text-transform : none;
    font-weight    : 700;
}

.top-bar.footer img{
    height : 58px;
}

.top-bar.footer .navcontainer .top-bar-right .button-group{
    justify-content : flex-end;
    margin          : 0;
}

.top-bar.footer .navcontainer .top-bar-right .button-group img{
    height : 50px;
}

.body{
    /*padding-top: 0.9375rem;*/
    min-height : 521px;
}

.body .pagetitle{
    padding-bottom : 0.9375rem;
}

.body .pagetitle h1{
    margin : 0;
}

/* WARNING: this height has to be changed according the number of menu item displayed */
.body .sticky-container.home-menu{
    height : 141px;
}

.body .sticky-container.home-menu nav{
    margin-top : 0;
    top        : 0;
    bottom     : auto;
    width      : 80%;
}

.body .sticky-container.home-menu nav .menucontainer{
    font-size : 0.85rem;
}

.body .sticky-container.home-menu nav .menucontainer .menu .nav-title{
    text-transform : uppercase;
    font-size      : 0.75rem;
    font-weight    : bold;
    line-height    : 2;
}

.body .sticky-container.home-menu nav .menucontainer .menu > li > a{
    line-height : 1.2;
}

.body .sticky-container.home-menu nav .menucontainer .menu .active{
    background : #ec6e07;
    color      : #ffffff;
}

.body .off-canvas-wrapper-inner{
    height : 100%;
}

.body .off-canvas-content{
    padding-top : 0.9375rem;
    box-shadow  : none;
}

.body .off-canvas{
    background : none;
    height     : 100%;
}

.body .off-canvas.position-left{
    left : -265px;
}

.body .off-canvas.is-open{
    box-shadow : 0 0 10px hsla(0, 0%, 4%, .5);
}

.body .off-canvas .callout{
    background : none;
    border     : none;
    font-size  : 0.75rem;
}

.body .off-canvas .callout h5{
    text-transform : uppercase;
    font-size      : 0.75rem;
    font-weight    : bold;
    line-height    : 2;
}

.body .off-canvas .close-button{
    text-transform : uppercase;
    font-weight    : bold;
    color          : inherit;
    font-size      : 1.5em;
    line-height    : 1.5;
}

.body .off-canvas-content .demo-container{
    max-width : 75rem;
    margin    : 0 auto;
}

.demo-container .header-nav-container{
    min-height         : 52px;
    width              : 100%;
    padding            : 10px 0;
    display            : flex;
    flex-direction     : row;
    align-items        : center;
    justify-content    : space-between;
    -webkit-box-shadow : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    -moz-box-shadow    : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    box-shadow         : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    margin             : 0 auto;
    background         : #ffffff;
    background         : -moz-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaebec));
    background         : -webkit-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : -o-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : -ms-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : linear-gradient(to bottom, #ffffff 0%, #eaebec 100%);
}

/*.demo-container .header-nav-container .columns {*/
/*display: flex;*/
/*flex-direction: row;*/
/*}*/
/*.demo-container .header-nav-container .title {*/
/*align-items: center;*/
/*}*/
.demo-container .header-nav-container .title img{
    height : 50px;
}

.demo-container .header-nav-container .title h1{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
    margin         : 0 0 0 15px;
    font-size      : 1.5rem;
}

/*.demo-container .header-nav-container .login {*/
/*justify-content: center;*/
/*align-items: center;*/
/*max-width: 15%;*/
/*}*/
.demo-container .header-nav-container.nocrumbs .login{
    max-width : 50%;
}

.demo-container .header-nav-container .login .menu{
    width           : auto;
    justify-content : flex-end;
}

.demo-container .header-nav-container .login .menu .button.split{
    text-transform   : uppercase;
    font-weight      : 700;
    text-align       : left;
    background-color : #00A1DF;
    color            : #FDFEFE;
    position         : relative;
    padding          : 10px 40px 10px 10px;
    font-size        : 0.6875rem;
    margin           : 0;
    width            : 100%;
    border-width     : 0;
}

.demo-container .header-nav-container .login .menu .button.split span{
    background                 : #317C95;
    border-bottom-right-radius : 3px;
    border-top-right-radius    : 3px;
    width                      : 30px;
    display                    : block;
    height                     : 100%;
    position                   : absolute;
    right                      : 0;
    top                        : 0;
    border-left                : solid 1px rgba(255, 255, 255, 0.5);
}

.demo-container .header-nav-container .login .menu .button.split span i{
    font-weight : 700;
    left        : 35%;
    top         : 56%;
    display     : block;
    margin-left : -0.28889em;
    margin-top  : -0.48889em;
    position    : absolute;
}

.demo-container .header-nav-container .login .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
    display : none;
}

.demo-container .header-nav-container .login .dropdown.menu > li > .is-dropdown-submenu{
    border        : medium none;
    background    : transparent linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(234, 235, 236) 100%) repeat scroll 0 0;
    box-shadow    : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    top           : 111%;
    border-radius : 3px;
}

.demo-container .header-nav-container .login .dropdown.menu > li > .is-dropdown-submenu > li a{
    text-transform : uppercase;
    font-weight    : 700;
    color          : #00adee;
    padding        : 10px;
    font-size      : 0.6875rem;
}

.demo-container .header-nav-container .login .dropdown.menu > li > .is-dropdown-submenu > li a:hover,
.demo-container .header-nav-container .login .dropdown.menu > li > .is-dropdown-submenu > li a:focus{
    color      : #FDFEFE;
    background : #00adee;
}

.demo-container .header-nav-container .login .dropdown.menu > li > .is-dropdown-submenu > li a:visited{
    color : #317C95;
}

.demo-container .header-nav-container .breadcrumbs{
    margin                  : 0;
    list-style-type         : none;
    width                   : auto;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-flex-wrap       : nowrap;
    -ms-flex-wrap           : nowrap;
    flex-wrap               : nowrap;
    -webkit-justify-content : flex-end;
    -ms-justify-content     : flex-end;
    justify-content         : flex-end;
}

.demo-container .header-nav-container .breadcrumbs li:not(:last-child)::after{
    margin : 0 5px;
}

.demo-container .header-nav-container .breadcrumbs a{
    color : #00adee;
}

.demo-container .footer-nav-container{
    height      : 67px;
    width       : 100%;
    margin      : 0 auto;
    border-top  : 3px solid #eaebec;
    padding-top : 5px;
}

.demo-container .footer-nav-container .columns{
    display        : flex;
    flex-direction : row;
    align-items    : center;
}

.demo-container .footer-nav-container .title img{
    height : 50px;
}

.demo-container .footer-nav-container .links{
    justify-content : flex-end;
}

.demo-container .footer-nav-container .links ul{
    margin              : 0;
    list-style-type     : none;
    width               : auto;
    display             : -webkit-flex;
    display             : -ms-flexbox;
    display             : flex;
    -webkit-align-items : center;
    -ms-flex-align      : center;
    align-items         : center;
    -webkit-flex-wrap   : nowrap;
    -ms-flex-wrap       : nowrap;
    flex-wrap           : nowrap;
}

.demo-container .footer-nav-container .links ul li{
    outline      : 0;
    -webkit-flex : 0 0 auto;
    -ms-flex     : 0 0 auto;
    flex         : 0 0 auto;
}

.demo-container .footer-nav-container .links ul li a{
    padding   : 0 1rem;
    color     : #0a0a0a;
    display   : flex;
    flex-flow : row;
    margin    : 0;
}

.demo-container .footer-nav-container .links ul li a:hover{
    text-decoration : underline;
}

.demo-container .maincontent{
    margin : 20px auto;
}

.demo-container .maincontent .callout{
    -webkit-box-shadow : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    -moz-box-shadow    : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    box-shadow         : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    border             : 0 none;
}

.demo-container .maincontent .productintro{
    margin-bottom : .9375rem;
}

.demo-container .maincontent .productintro h1{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
    margin-bottom  : 5px;
}

.demo-container .maincontent .productintro p{
    margin    : 0;
    font-size : 14px;
}

.demo-container .maincontent .productintro #cardForm #paysubmit{
    margin-top : 10px !important;
}

.demo-container .maincontent .productlist,
.demo-container .maincontent .productlist .calcol{
    margin : 0 0 15px 0;
}

.demo-container .maincontent .productlist .button-group{
    margin : .9375rem;
}

.button-group .button{
    margin : 0 0 0 5px;
}

.button-group .button:first-child{
    margin : 0;
}

.demo-container .maincontent .productlist .header,
.demo-container .maincontent .basket .header{
    background     : #eaebec;
    color          : #317C95;
    width          : 100%;
    padding        : 8px 0;
    text-transform : uppercase;
    font-size      : 12px;
    font-weight    : bold;
    display        : block;
    text-align     : center;
}

.demo-container .maincontent .productlist .faketip{
    position : absolute;
    top      : 813px;
    left     : 33%;
    width    : 228px;
    height   : 230px;
}

.demo-container .maincontent .productlist .faketip .seatdetails{
    padding            : 8px 14px;
    font-size          : 12px;
    border-radius      : 3px;
    -webkit-box-shadow : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    -moz-box-shadow    : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    box-shadow         : 0 0 5px 0 rgba(68, 72, 76, 0.5);
    background         : #ffffff;
    background         : -moz-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaebec));
    background         : -webkit-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : -o-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : -ms-linear-gradient(top, #fff 0%, #eaebec 100%);
    background         : linear-gradient(to bottom, #ffffff 0%, #eaebec 100%);
}

.demo-container .maincontent .productlist .prodcontainer .seatdetails{
    padding       : 0 8px 5px;
    font-size     : 14px;
    margin-bottom : 10px;
    border-bottom : 1px solid #eaebec;
    overflow      : hidden;
}

.demo-container .maincontent .productlist .faketip .seatdetails h4{
    text-transform : uppercase;
    margin-bottom  : 5px;
    font-size      : 14px;
    font-weight    : 800;
    border-bottom  : 1px solid #eaebec;
    padding        : 0 0 5px;
}

.demo-container .maincontent .productlist .prodcontainer .seatdetails h4{
    text-transform : uppercase;
    margin-bottom  : 0;
    font-size      : 14px;
    font-weight    : 800;
    width          : auto;
    display        : inline-block;
    float          : left;
    line-height    : 20px;
}

.demo-container .maincontent .productlist .prodcontainer .seatdetails p{
    width       : auto;
    display     : inline-block;
    float       : right;
    line-height : 20px;
    font-size   : 13px;
    margin      : 0;
}

.demo-container .maincontent .productlist .faketip .seatdetails p{
    margin-bottom : 5px;
    line-height   : 20px;
}

.demo-container .maincontent .productlist .faketip .seatdetails p .label,
.demo-container .maincontent .productlist .prodcontainer .seatdetails p .label{
    border-radius  : 2px;
    padding        : 4px 20px;
    color          : #0a0a0a;
    text-transform : uppercase;
    font-size      : 0.75rem;
}

.demo-container .maincontent .productlist .faketip .seatdetails p .unavailable,
.demo-container .maincontent .productlist .prodcontainer .seatdetails p .unavailable{
    background-color : #44484C;
    color            : #fefefe;
}

.demo-container .maincontent .productlist .faketip .seatdetails p .highavailable,
.demo-container .maincontent .productlist .prodcontainer .seatdetails p .highavailable{
    background-color : #94c11f;
}

.demo-container .maincontent .productlist .faketip .seatdetails p .mediumavailable,
.demo-container .maincontent .productlist .prodcontainer .seatdetails p .mediumavailable{
    background-color : #f9b234;
}

.demo-container .maincontent .productlist .faketip .seatdetails p .lowavailable,
.demo-container .maincontent .productlist .prodcontainer .seatdetails p .lowavailable{
    background-color : #e7302c;
}

.demo-container .maincontent .productlist .faketip .seatdetails p img{
    border  : 1px solid #999;
    height  : 140px;
    width   : 200px;
    display : block;
}

.demo-container .maincontent .productlist .faketip .seatdetails .last,
.demo-container .maincontent .productlist .prodcontainer .seatdetails .last{
    margin-bottom : 0;
}

.demo-container .maincontent .productlist #vmap{
    margin : .9375rem;
}

.demo-container .maincontent .productlist #vmap .map{
    width    : 60%;
    position : relative;
    margin   : 0 auto;
}

.demo-container .maincontent .productlist .product{
    background-color : #F5FAE8;
    margin           : 0;
    padding          : 8px;
    display          : flex;
    flex-direction   : row;
    align-content    : center;
    justify-content  : flex-end;
    align-items      : center;
    font-size        : 14px;
}

.demo-container .maincontent .productlist .product.even{
    background-color : #ffffff;
}

.demo-container .maincontent .productlist .product .category{
    background-color : #00A1DF;
    margin-bottom    : 0;
    text-transform   : uppercase;
    font-weight      : 600;
    padding          : 10px 5px;
    color            : #ffffff;
    text-align       : center;
    font-size        : 13px;
}

.demo-container .maincontent .productlist .product .description{
    font-size : 12px;
}

.demo-container .maincontent .productlist .product .price{
    margin-bottom : 0;
}

.demo-container .maincontent .productlist form [type="number"],
.demo-container .maincontent .productlist form select{
    margin    : 0 5px 0 0;
    min-width : 35%;
    max-width : 35%;
}

.demo-container .maincontent .productlist form .button{
    text-transform   : uppercase;
    text-align       : center;
    border-radius    : 5px;
    margin           : 0;
    font-weight      : 700;
    background-color : #00A1DF;
}

.demo-container .maincontent .productlist form .button.perf.highavailable{
    background-color : #94c11f;
    color            : #0a0a0a;
}

.demo-container .maincontent .productlist form .button.perf.mediumavailable{
    background-color : #f9b234;
    color            : #0a0a0a;
}

.demo-container .maincontent .productlist form .button.perf.lowavailable{
    background-color : #e7302c;
    color            : #0a0a0a;
}

.demo-container .maincontent .productlist form .button.perf:hover,
.demo-container .maincontent .productlist form .button.perf.selected{
    background-color : #317C95;
    color            : #fefefe;
}

.demo-container .maincontent .productfooter{
    text-align : right;
}

.demo-container .maincontent .productfooter .button{
    background-color : #0baf0b;
    margin           : 0;
    text-transform   : uppercase;
    text-align       : center;
    border-radius    : 5px;
    font-weight      : 700;
}

.demo-container .maincontent .productfooter .button.back{
    background-color : #c1d6db;
    color            : #44484C;
}

.demo-container .maincontent .productlist .callout{
    box-shadow : none;
    margin     : 0;
    padding    : 0;
}

.demo-container .maincontent .productlist .legenda h1,
.demo-container .maincontent .productlist .datewidget h1{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
    margin-bottom  : 0;
    font-size      : 1.5rem;
    padding-bottom : 5px;
    border-bottom  : 1px solid #eaebec;
}

.demo-container .maincontent .productlist .datewidget h1{
    padding-bottom : 0;
    border-bottom  : 0 none;
}

.datepicker table tr td,
.datepicker table tr th{
    border-radius : 0;
}

.datepicker table tr td{
    border : 1px solid #F5FAE8 !important;
    margin : 0 2px;
}

.datepicker table tr td.day.highavailable{
    background-color : #94c11f;
}

.datepicker table tr td.day.mediumavailable{
    background-color : #f9b234;
}

.datepicker table tr td.day.lowavailable{
    background-color : #e7302c;
}

.datepicker table tr td.new.day,
.datepicker table tr td.old.day,
.datepicker table tr td.disabled.day{
    background : #eee;
}

.datepicker table tr td.disabled.disabled-date.day{
    background : #44484C;
    color      : #eee;
}

.datepicker table tr td.active.day{
    background : #317C95;
}

.datepicker table tr td.day:hover{
    background : #317C95;
    color      : #fff;
    cursor     : pointer;
}

.datepicker table tr td.new.day:hover,
.datepicker table tr td.old.day:hover,
.datepicker table tr td.disabled.day:hover{
    background : #eee;
    color      : #999;
    cursor     : default;
}

.demo-container .maincontent .productlist .datewidget.perfs .perftitle{
    padding-bottom : 5px;
    border-bottom  : 1px solid #eaebec;
}

.demo-container .maincontent .productlist .legenda .availability,
.demo-container .maincontent .productlist .datewidget .datebody{
    padding   : 8px 0;
    font-size : 12px;
}

.demo-container .maincontent .productlist .legenda .availability p,
.demo-container .maincontent .productlist .legenda .availability strong{
    margin-bottom : 10px;
    display       : block;
}

.demo-container .maincontent .productlist .legenda .availability .availblock{
    text-transform : uppercase;
    line-height    : 25px;
}

.demo-container .maincontent .productlist .legenda .availability .availblock .label{
    border-radius : 2px;
    padding       : 2px 20px;
    margin-right  : 5px;
}

.demo-container .maincontent .productlist .legenda .availability .availblock .unavailable{
    background-color : #44484C;
}

.demo-container .maincontent .productlist .legenda .availability .availblock .highavailable{
    background-color : #94c11f;
}

.demo-container .maincontent .productlist .legenda .availability .availblock .mediumavailable{
    background-color : #f9b234;
}

.demo-container .maincontent .productlist .legenda .availability .availblock .lowavailable{
    background-color : #e7302c;
}

.demo-container .maincontent .productlist .legenda .availability .availblock .soldout{
    background-color : rgba(0, 0, 0, 0.5);
}

.demo-container .maincontent .productlist .legenda .availability .availblock .selected{
    background-color : #317C95;
}

.demo-container .maincontent .productlist .datewidget .datebody .datepicker-inline{
    width : 100%;
}

.demo-container .maincontent .productlist .datewidget .datebody .datepicker-inline table tbody tr:nth-child(2n){
    background-color : transparent;
}

.demo-container .maincontent .productlist .login .row,
.demo-container .maincontent .productlist .login.row{
    margin : 0 0 10px;
    /*padding: 8px;*/
}

.demo-container .maincontent .productlist .login .label{
    width           : 100%;
    margin          : 10px 0;
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    align-items     : center;
}

.demo-container .maincontent .productlist .login .label .labeltitle{
    font-size   : 13px;
    line-height : 1.8;
    display     : block;
    font-weight : 700;
}

.demo-container .maincontent .productlist .login .label a,
.demo-container .maincontent .productlist .login .label a:hover,
.demo-container .maincontent .productlist .login .label a:visited,
.demo-container .maincontent .productlist .login .label a:focus{
    color     : #fefefe;
    font-size : 16px;
}

.demo-container .maincontent .productlist .login form .checkbox{
    font-size      : .875rem;
    height         : 25px;
    display        : flex;
    flex-direction : row;
}

.demo-container .maincontent .productlist .login form .checkbox input[type=checkbox]{
    margin     : 0;
    align-self : center;
}

.demo-container .maincontent .productlist .login form .checkbox label{
    line-height : normal;
    font-size   : inherit;
    align-self  : center;
}

.demo-container .maincontent .productlist .register .mainlabel{
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    align-items     : center;
}

.demo-container .maincontent .productlist .register .mainlabel p{
    margin      : 0;
    line-height : inherit;
}

.demo-container .maincontent .productlist .register .mainlabel i{
    font-size : 8px;
    color     : #e7302c;
    top       : -6px;
    position  : relative
}

.demo-container .maincontent .productlist .register .mainlabel .error_msg,
.demo-container .maincontent .productlist .register .radio .error .error_msg{
    font-size   : 12px;
    color       : #e7302c;
    font-style  : italic;
    font-weight : bold;
}

.demo-container .maincontent .productlist .register .radio .error .error_msg{
    display : block;
}

.demo-container .maincontent .productlist .register .error [type="color"],
.demo-container .maincontent .productlist .register .error [type="date"],
.demo-container .maincontent .productlist .register .error [type="datetime-local"],
.demo-container .maincontent .productlist .register .error [type="datetime"],
.demo-container .maincontent .productlist .register .error [type="email"],
.demo-container .maincontent .productlist .register .error [type="month"],
.demo-container .maincontent .productlist .register .error [type="number"],
.demo-container .maincontent .productlist .register .error [type="password"],
.demo-container .maincontent .productlist .register .error [type="search"],
.demo-container .maincontent .productlist .register .error [type="tel"],
.demo-container .maincontent .productlist .register .error [type="text"],
.demo-container .maincontent .productlist .register .error [type="time"],
.demo-container .maincontent .productlist .register .error [type="url"],
.demo-container .maincontent .productlist .register .error [type="week"],
.demo-container .maincontent .productlist .register .error textarea,
.demo-container .maincontent .productlist .register .error select{
    border : 1px solid #e7302c;
}

.demo-container .maincontent .basket .loginaction{
    margin    : 0 auto;
    padding   : 8px;
    font-size : 14px;
}

.demo-container .maincontent .productlist .register .radio .error{
    border        : 1px solid #e7302c;
    border-radius : 3px;
    padding       : .5rem;
}

.demo-container .maincontent .productlist form .globglobalformerror{
    margin-bottom : 1rem;
    width         : 100%;
    font-size     : 1rem;
    padding       : 15px;
    background    : #e7302c;
}

.demo-container .maincontent .basket .loginaction .button{
    text-transform   : uppercase;
    text-align       : center;
    border-radius    : 5px;
    margin           : 0;
    font-weight      : 700;
    background-color : #00A1DF;
    width            : 100%;
}

.demo-container .maincontent .basket h1,
.demo-container .paymentcontent h1{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
    margin-bottom  : .9375rem;
    font-size      : 1.5rem;
    padding-bottom : 5px;
    border-bottom  : 1px solid #eaebec;
}

.demo-container .maincontent .basket .baketrow{
    background-color : #F5FAE8;
    margin           : 0 auto;
    padding          : 8px;
    font-size        : 14px;
}

.demo-container .maincontent .basket .baketrow.even{
    background-color : #ffffff;
}

.demo-container .maincontent .basket .columns{
    padding    : 0 8px;
    align-self : center;
}

.demo-container .maincontent .basket .quantity{
    display         : flex;
    justify-content : flex-end;
    align-items     : center;
}

.demo-container .maincontent .basket .event{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
}

.demo-container .maincontent .basket .visitDate{
    font-size : 12px;
}

.demo-container .maincontent .basket .button.icon,
.demo-container .maincontent .basket .button.icon:hover,
.demo-container .maincontent .basket .button.icon:visited,
.demo-container .maincontent .basket .button.icon:focus{
    margin      : 0 0 0 15px;
    font-size   : 18px;
    font-weight : bold;
    color       : #00A1DF;
    background  : none;
    padding     : 0;
}

.demo-container .maincontent .basket .footer,
.demo-container .maincontent .order-resume .tickettotal{
    margin-top  : .9375rem;
    padding-top : 5px;
    border-top  : 1px solid #eaebec;
    text-align  : right;
    font-size   : 1.5rem;
}

.demo-container .maincontent .order-resume .tickettotal{
    font-weight    : 700;
    text-transform : uppercase;
    font-size      : 1rem;
    text-align     : inherit;
}

.demo-container .maincontent .basket .footer .button{
    text-transform   : uppercase;
    text-align       : center;
    border-radius    : 5px;
    margin           : 0;
    font-weight      : 700;
    background-color : #00A1DF;
}

.demo-container .maincontent .checkout .productlist.basket .quantity form,
.demo-container .maincontent .checkout .productlist.basket #shoppingcart .footer{
    display : none;
}

.demo-container .maincontent .checkout .productlist.basket .columns{
    padding    : 0 15px;
    align-self : center;
}

.demo-container .maincontent .checkout .productlist.basket .baketrow{
    padding : 8px 0;
}

.demo-container .maincontent .checkout .productlist.basket .ticket span{
    display : block;
}

.demo-container .maincontent .checkout .productlist.basket .baketrow.delivery{
    border-top : 1px solid #eaebec;
    background : none;
    /*margin: .9375rem auto 0;*/
}

.demo-container .maincontent .checkout .productlist.basket .footer{
    margin         : .9375rem auto 0;
    font-weight    : 700;
    text-transform : uppercase;
}

.demo-container .maincontent .checkout .productlist.basket .footer.totals{
    font-weight : normal;
    font-size   : 1rem;
}

.demo-container .maincontent .accountinfo .row{
    margin    : 0 -.9375rem;
    padding   : 8px 0;
    font-size : 14px;
}

/*.demo-container .maincontent .productlist.orders {*/
/*margin : 0;*/
/*}*/
.demo-container .maincontent .productlist.orders h1{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
    margin-bottom  : 0;
    font-size      : 1.5rem;
    padding-bottom : 5px;
}

.demo-container .maincontent .productlist.orders .order{
    margin   : 15px 0;
    overflow : hidden;
}

.demo-container .maincontent .productlist.orders .order .header{
    padding  : 8px 15px;
    overflow : hidden;
}

.demo-container .maincontent .productlist.orders .order .header span{
    /*float: left;*/
}

.demo-container .maincontent .productlist.orders .order .header i{
    float       : right;
    line-height : 1.5;
    cursor      : pointer;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block{
    padding   : 8px 0;
    font-size : 14px;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block h4{
    text-transform : uppercase;
    margin-bottom  : 5px;
    font-size      : 15px;
    font-weight    : 800;
    border-bottom  : 1px solid #eaebec;
    /*padding: 0 15px 5px;*/
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block .row{
    margin : 0 auto;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block .row span,
.demo-container .maincontent .productlist.orders .order .orderbody .detail-block .row strong{
    display : block;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items{
    margin : 15px 0;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items .row{
    background-color : #F5FAE8;
    padding          : 8px 0;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items .row.even{
    background-color : #FFFFFF;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items .row .columns{
    align-self : center;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items .row .event{
    color          : #00adee;
    font-weight    : 800;
    text-transform : uppercase;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items .row .visitDate{
    font-size : 12px;
}

.demo-container .maincontent .productlist.orders .order .orderbody .detail-footer .button{
    background-color : #0baf0b;
    margin           : 0;
    text-transform   : uppercase;
    text-align       : center;
    border-radius    : 5px;
    font-weight      : 700;
}

.panel-heading{
    padding-top    : 15px;
    padding-bottom : 15px;
    border-bottom  : 1px solid #101D61;
}

#reservations{
    text-align : center;
    border-top : 1px solid #101D61;
}

.pagination{
    display       : inline-block;
    padding-left  : 0;
    margin        : 20px 0;
    border-radius : 3px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span{
    margin-left               : 0;
    border-bottom-left-radius : 3px;
    border-top-left-radius    : 3px;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
    color            : #dfdfdf;
    background-color : #fdfefe;
    border-color     : transparent;
    cursor           : not-allowed;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
    z-index          : 3;
    color            : #fdfefe;
    background-color : #00A1DF;
    border-color     : transparent;
    cursor           : default;
}

.pagination > li > a,
.pagination > li > span{
    position            : relative;
    float               : left;
    padding             : 6px 12px;
    line-height         : 1.42857143;
    text-decoration     : none;
    color               : #00A1DF;
    background-color    : #fdfefe;
    border              : 1px solid transparent;
    border-top-color    : transparent;
    border-right-color  : transparent;
    border-bottom-color : transparent;
    border-left-color   : transparent;
    margin-left         : -1px;
}

.pagination .disabled{
    padding : 0;
}

.mapael .mapTooltip{
    background-color : #474c4b;
    moz-opacity      : 0.70;
    opacity          : 0.70;
    filter           : alpha(opacity=70);
    border-radius    : 10px;
    padding          : 10px;
    z-index          : 1000;
    max-width        : 200px;
    display          : none;
    color            : #fff;
}

.demo-container .maincontent .productfooter .button-check{
    display         : flex;
    justify-content : flex-end;
    margin          : 0;
}

.demo-container .maincontent .productfooter .button-check .back{
    margin : 0 10px 0 0;
}

.demo-container .maincontent #cart-widget.fixed-viewport{
    position   : fixed !important;
    top        : 0 !important;
    width      : 300px !important;
    z-index    : 10000 !important;
    max-height : 300px;
    overflow-y : scroll;
}

.demo-container .maincontent .order-resume .tickethead,
.demo-container .maincontent .order-resume .ticketbody{
    font-size : 13px;
}

.demo-container .maincontent .order-resume .tickethead{
    font-weight    : 700;
    text-transform : uppercase;
    margin-bottom  : .9375rem;
    padding-bottom : 5px;
    border-bottom  : 1px solid #eaebec;
}

@media only screen and (max-width : 39.9375em){
    .columns.shrink.title{
        padding-right : 0;
    }

    .top-bar{
        height : auto;
    }

    .top-bar .navcontainer .top-bar-right .menu{
        justify-content : space-between;
    }

    .top-bar .navcontainer .top-bar-right .menu.icon-top > li > a{
        font-size : .6rem;
        padding   : 6px 0;
    }

    .top-bar .top-bar-title{
        font-size : .7rem;
        padding   : 0 1.6rem;
    }

    .demo-container .header-nav-container .title img{
        height : 35px;
    }

    .demo-container .header-nav-container .crumbs{
        padding      : 0;
        -webkit-flex : 0 0 100%;
        -ms-flex     : 0 0 100%;
        flex         : 0 0 100%;
        max-width    : 100%;
    }

    .demo-container .header-nav-container .breadcrumbs{
        margin-top      : 5px;
        justify-content : center;
        width           : 100%;
    }

    .demo-container .header-nav-container .breadcrumbs li:not(:last-child)::after{
        margin : 0 2px;
    }

    .demo-container .maincontent .large-9.small-12,
    .demo-container .maincontent .large-3.small-12{
        padding : 0;
    }

    .demo-container .maincontent .productlist .product{
        margin-bottom    : 10px;
        background-color : #F5FAE8 !important;
    }

    .demo-container .maincontent .productlist .product .category{
        margin-bottom : 10px;
        font-size     : 10px;
    }

    .demo-container .maincontent .productlist .product .description{
        margin-bottom : 10px;
        font-size     : 10px;
        padding       : 0 !important;
        text-align    : center;
    }

    .demo-container .maincontent .productlist form [type="number"],
    .demo-container .maincontent .productlist form select{
        margin    : 0 1px 0 0;
        min-width : 38%;
        max-width : 38%;
    }

    .demo-container .maincontent .productlist .product .price,
    .demo-container .maincontent .productlist .product .addcart{
        padding    : 0;
        text-align : left;
        font-size  : 11px;
    }

    .demo-container .maincontent .productlist form .button{
        font-size : 10px;
        height    : auto;
        margin    : 0 0 9px 0;
    }

    .demo-container .maincontent .productintro h1{
        font-size : 1.2rem;
    }

    .demo-container .maincontent .productintro #cardForm label{
        font-size : .775rem;
    }

    .demo-container .maincontent .order-resume .productintro .tickethead{
        font-size : .675rem;
    }

    .demo-container .maincontent .order-resume .productintro .ticketbody{
        font-size : 9px;
    }

    .demo-container .maincontent .order-resume .productintro .tickettotal{
        font-size : 13px;
    }

    .demo-container .maincontent .basket h1{
        font-size : .8rem;
    }

    .demo-container .maincontent .basket .baketrow{
        display         : flex;
        justify-content : flex-end;
        align-items     : center;
        font-size       : 12px;

    }

    #sale-close{
        text-align : left;
    }

    .demo-container .maincontent .checkout .productlist.basket .columns{
        padding    : 0 8px;
        text-align : left;
    }

    .demo-container .maincontent .checkout .productlist.basket .footer{
        font-size   : 13px;
        white-space : nowrap;
    }

    .demo-container .maincontent .productfooter .button{
        font-size : 10px;
    }

    .demo-container .maincontent .productfooter .button-check{
        justify-content : flex-start;
    }

    .demo-container .header-nav-container .title h1{
        font-size : 1rem;
    }

    .demo-container .footer-nav-container .links{
        justify-content : flex-start;
        padding         : 0;
    }

    .demo-container .footer-nav-container .links ul li a{
        font-size : .7rem;
        padding   : 0 .6rem;
    }

    .demo-container .maincontent .productlist .login.register .columns{
        padding : 0;
    }

    .demo-container .maincontent .productlist .row,
    .demo-container .maincontent .productlist.orders .order .orderbody .detail-block .row{
        display         : flex;
        justify-content : flex-start;
        align-items     : center;
        font-size       : 12px;
    }

    .demo-container .maincontent .productlist.orders .order .orderbody .detail-block h4,
    .orderbody .detail-block .columns.large-4.small-12{
        padding : 0;
    }

    .demo-container .maincontent .productlist.orders .order .orderbody .detail-block.items{
        margin : 0;
    }

    .demo-container .maincontent .productlist.orders .order .orderbody .detail-block .row{
        margin : 0 auto;
    }

    .orderbody .detail-block .columns{
        margin : 5px 0 10px 0;
    }

    .jconfirm.jconfirm-material .jconfirm-box .buttons{
        display         : flex;
        justify-content : center;
        align-items     : center;
    }

    .demo-container .maincontent .productlist .legenda h1,
    .demo-container .maincontent .productlist .datewidget h1{
        font-size : .7rem;
    }

    .demo-container .maincontent .productlist,
    .demo-container .maincontent .productlist .calcol{
        padding : 0;
    }

    .demo-container .maincontent .productlist #vmap .map{
        width : auto;
    }

    .demo-container .maincontent .productlist .faketip{
        top    : 57%;
        left   : 28%;
        width  : 98px;
        height : 100px;
    }

    .demo-container .maincontent .basket .visitDate{
        font-size : 10px;
    }

    .demo-container .maincontent #cart-widget.fixed-viewport{
        position   : relative !important;
        top        : auto !important;
        width      : 100% !important;
        max-height : 100%;
    }
}

@media only screen and (max-width : 31.188em){
    .demo-container .header-nav-container .breadcrumbs li{
        font-size   : 6px;
        white-space : nowrap;
    }
}

@media screen and (min-width : 40em) and (max-width : 63.9375em){
    .demo-container .maincontent .large-9.small-12,
    .demo-container .maincontent .large-3.small-12{
        padding : 0;
    }

    .demo-container .header-nav-container .breadcrumbs{
        -webkit-justify-content : flex-start;
        -ms-justify-content     : flex-start;
        justify-content         : flex-start;
        margin-top              : 10px;
    }

    .demo-container .maincontent .callout .productintro h1{
        font-size : 1.8rem;
    }

    .demo-container .maincontent .productlist .product .category{
        margin-bottom : 10px;
    }

    .demo-container .maincontent .productlist form .button{
        font-size : 11px;
        padding   : .85em;
    }

    .demo-container .maincontent #cart-widget.fixed-viewport{
        position   : relative !important;
        top        : auto !important;
        width      : 100% !important;
        max-height : 100%;
    }
}


/* custom @media for ticket list & checkout */
@media only screen and (min-width : 320px) and (max-width : 499px){
    .form-image.col{
        width : 100%;
    }

    .form-image .image-container .qq-upload-button .small-button{
        font-size : 11px;
    }

    #basket .tktBox .tktRow .col.tktname,
    #product .tktBox .tktRow .col.tktname,
    #basket.userInfo .tktBox .tktRow .col.tktname{
        width       : 85%;
        padding     : 8px 0 5px;
        white-space : normal;
    }

    #basket .tktBox .tktRow .col.tktdes,
    #product .tktBox .tktRow .col.tktdes,
    #basket.userInfo .tktBox .tktRow .col.tktdes{
        padding : 8px 0 5px;
        width   : 15%;
    }

    #basket .tktBox .tktRow .col,
    #product .tktBox .tktRow .col,
    #product .tktBox .tktHead .col.tktdel,
    #product .tktBox .tktRow .col.tktdel,
    #product .tktBox .tktHead .col.tktqty,
    #product .tktBox .tktRow .col.tktqty{
        padding     : 8px 6px 5px;
        border-left : 0 none;
        width       : calc(100% / 3.2);
    }

    #basket .tktBox .tktRow .col,
    #basket .tktBox .tktRow .col.tktdel{
        width  : calc(100% / 4);
        height : 47px;
    }

    #basket .tktBox .tktRow.pay .col,
    #basket.userInfo .tktBox .tktRow .col{
        width  : calc(100% / 3.2);
        height : auto;
    }

    #basket .tktBox .tktRow .col.tktname{
        height : auto;
    }

    #basket .tktBox .tktRow .col p{
        margin      : 0;
        font-size   : 11px;
        line-height : 1.2;
    }

    .btn-back span span{
        font-size   : 19px;
        line-height : 29px;
        padding     : 14px 11px 18px 5px;
    }

    .btn-continue span span{
        font-size   : 19px;
        line-height : 29px;
        margin      : 0 0 0 22px;
        padding     : 14px 50px 18px 1px;
    }

    .upgradeOne .confirmtitle{
        font-size : 13px;
    }

    .upgradeOne .confirmbody div{
        font-size   : 12px;
        line-height : 20px;
    }

    .upgradeOne .confirmcancel,
    .upgradeOne .confirmcancel:hover{
        font-size : 12px;
        padding   : 0.4em 0.8em;
    }

    .upgradeOne .confirmok,
    .upgradeOne .confirmok:hover{
        margin      : 0.5em 0.4em;
        font-size   : 12px;
        line-height : 25px;
        padding     : 0.4em 0.8em;
    }
}

/* custom @media for banner image */
@media only screen and (min-width : 1025px) and (max-width : 1080px){
    .slide-block img{
        max-width   : 100%;
        margin-left : 0;
    }
}

/*edit image on userinformation*/
.form-image{
    width    : 65%;
    overflow : hidden;
}

.form-image .image-container{
    width         : 50%;
    float         : left;
    padding-right : 15px;
}

.form-image .image-info{
    width         : 50%;
    float         : left;
    font-size     : 11px;
    border        : 2px solid #e2d467;
    border-radius : 4px;
    padding       : 10px;
}

.form-field.form-image-preview-container{
    text-align : center;
}

.form-image .image-container .qq-uploader{
    overflow : hidden;
}

.form-image .image-container .qq-upload-button{
    background : none;
    width      : auto;
    float      : left;
    border     : none;
    padding    : 0 0 0 30px;
}

.form-image .image-container .qq-upload-button div{
    overflow    : hidden;
    line-height : 1;
}

.form-image .image-container .qq-upload-list{
    font-size   : 13px;
    line-height : 29px;
    border      : none;

}

.form-image .image-container .qq-upload-list li{
    line-height : inherit;
    font-size   : inherit;
    padding     : 20px;
}

.form-image .image-container .qq-upload-list li .qq-upload-file,
.form-image .image-container .qq-upload-list li .qq-upload-size{
    display : inline-block !important;
}

.form-image .image-container .qq-upload-button .small-button{
    height         : 20px;
    padding        : 0 10px;
    display        : inline-block;
    vertical-align : middle;
    border-radius  : 6px;
    font-size      : 12px;
    line-height    : 19px;
    font-weight    : bold;
    text-transform : uppercase;
    border         : 1px solid #e2d467;
    background     : #10B1E3;
    background     : -moz-linear-gradient(top, #31C5EF 0%, #074f80 100%);
    background     : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31C5EF), color-stop(100%, #074f80));
    background     : -webkit-linear-gradient(top, #31C5EF 0%, #074f80 100%);
    background     : -o-linear-gradient(top, #31C5EF 0%, #074f80 100%);
    background     : -ms-linear-gradient(top, #31C5EF 0%, #074f80 100%);
    background     : linear-gradient(to bottom, #fef094 0%, #d8b752 100%);
    filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#31C5EF', endColorstr='#10B1E3', GradientType=0);
    color          : #ce0021;
    font-family    : "Raleway", "Microsoft JhengHei", sans-serif;
    margin-bottom  : 10px;
}

.imgLang img{
    height    : 50px;
    max-width : 100%;
}