/* Minification failed. Returning unminified contents.
(3750,10): run-time error CSS1033: Expected closing bracket, found 'IE'
(3750,12): run-time error CSS1031: Expected selector, found ']'
(3750,12): run-time error CSS1025: Expected comma or open brace, found ']'
(3838,28): run-time error CSS1031: Expected selector, found ';'
(3838,28): run-time error CSS1025: Expected comma or open brace, found ';'
(3986,1): run-time error CSS1019: Unexpected token, found '}'
 */



.bg-primary {
    background-color: #052444 !important;
    color: #fff;
}

    .bg-primary .text-muted {
        color: #ddd !important;
    }


.label {
    border-radius: 0px;
    padding: .2em .6em 0.2em;
}

.ttd-content .panel, .ttd-content .panel .panel-heading {
    border-radius: 0;
}

.carousel:hover .carousel-control {
    opacity: 0.7;
}



.carousel-control {
    font-family: serif;
    top: 55%;
    font-size: 80px;
    background: none;
    color: #fff !important;
    opacity: 0.7;
}

    .carousel-control.left, .carousel-control.right {
        background: none !important;
        background-image: none;
    }

.carousel-indicators {
    z-index: 0;
}

    .carousel-indicators li,
    .carousel-indicators li.active {
        width: 22px;
        height: 8px;
        margin-right: 2px;
        border-radius: 10px;
    }

    .carousel-indicators li {
        cursor: pointer;
        background-color: #c1c1c1;
    }

    .carousel-indicators .active {
        background-color: #fff;
        width: 40px !important;
        -webkit-transition: width 0.2s ease-in-out;
        -moz-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
        transition: width 0.2s ease-in-out;
    }


.col-no-vertical-padding *[class*='col-'] {
    padding-top: 0;
    padding-bottom: 0;
}

.col-no-vertical-padding label[class*='col-'] {
    padding-top: 7px;
    padding-bottom: 0;
}



.popover-title {
}

.popover-content {
    color: red;
    font-size: 10px;
    padding: 5px;
}

/*------------------------------------------- nvigation -------------------------------------*/


/*------------------------ breadcrumb---------------------*/


.breadcrumb {
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0;
}

/*---------------------------- form -----------------------------*/

.form-group {
}

    .form-group label {
        /*margin-top: 8px;*/
    }

    .form-group .form-control {
        /*height: 34px !important;*/
        font-size: 14px !important;
    }

.form-inline label {
    margin-right: 15px;
}



/* ------------------------------- buttons ------------------------------ */

.btn {
    font-weight: 300;
    font-size: 16px;
}


.btn-arrow::after {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f105";
    margin-left: 5px;
    opacity: 1;
    font-weight: 900;
}


.modal-content {
    border-radius: 0.4rem;
}

    .modal-content .modal-header {
        color: #fff;
        /*padding: 10px 15px;*/
        background: #052444;
        background: -moz-linear-gradient(-45deg, #065e99 0%, #55b9e8 100%);
        background: -webkit-linear-gradient(-45deg, #065e99 0%,#55b9e8 100%);
        background: linear-gradient(135deg, #065e99 0%,#55b9e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065e99', endColorstr='#55b9e8',GradientType=1 );
    }

        .modal-content .modal-header .close {
            font-size: 24px;
            color: #000 !important;
        }


.panel-no-border {
    border: none !important;
}

    .panel-no-border > panel-heading {
        border: none !important;
    }

    .panel-no-border > panel-body {
        border: none;
    }

    .panel-no-border > panel-footer {
        border: none;
    }

.panel-group .panel-heading a {
    text-decoration: none !important;
    font-weight: 400;
}

.panel-group .panel-primary .panel-heading a {
    color: #fff;
}

.panel-group .panel-heading a:after,
.panel-group .panel-heading-blue:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: grey;
}

.panel-group .panel-heading a.collapsed:after {
    content: "\e114";
}

.panel-group .panel-primary a:after {
    color: #fff !important;
}

.panel-heading-black,
.panel-heading-black a {
}

.panel-black {
    border: 1px solid #ddd;
}

    .panel-black > .panel-heading {
        color: #ffffff;
        background-color: #444;
        border-color: #ddd;
    }

.list-group-item-heading {
    color: #fff;
    margin-bottom: 0;
    background-color: #337ab7;
}

    .list-group-item-heading + li {
        border-top: none;
    }

.list-group-item:first-child {
    border-radius: 0;
}

.list-group-item:last-child {
    border-radius: 0;
}


.bs-callout {
    padding: 15px;
    margin: 15px 0;
    border: 1px solid #eee;
    border-left-width: 4px;
    border-radius: 6px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.form-inline .input-group, .row .input-group {
    margin-bottom: 15px;
}





/********************************************************************/
/*** PANEL DEFAULT ***/
.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}
/********************************************************************/


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

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2,
    .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4,
    .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6,
    .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
    .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
    .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none;
    }

    .carousel-caption {
        left: 20px;
        right: 20px;
        text-shadow: 0 2px 2px rgba(0,0,0,1);
    }

        .carousel-caption .slider-heading {
            line-height: 24px;
        }

        .carousel-caption .sub-heading {
            font-weight: bold !important;
        }

    .dropdown-toggle:hover {
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .radio, .checkbox {
        /*margin: 10px 0;*/
    }

        .radio label, .checkbox label {
            /*padding-left: 40px;*/
            /*min-height: 30px;*/
        }

        .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
            width: 24px;
            height: 24px;
            /*margin-left: -40px;*/
            /*margin-top: -2px;*/
            vertical-align: middle;
            margin-right: 8px;
        }

    /**[class*='col-'] .card-body:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }*/

}


.nav-tabs {
    /*background-color: #ddd !important;*/
}

    .nav-tabs .nav-link.active {        
        border-bottom: none;
    }

    .nav-tabs .nav-link {
        color: #495057;
        border: none;
        margin-top: 1px
        
    }

    .nav-tabs .nav-item  {
        margin-bottom: -2px;
        
    }

        .nav-tabs .nav-item .nav-link {
            color: #fff;
            font-weight: 500;
        }

        .nav-tabs .nav-item .active {
            color: #555;
            font-weight: 500;
        }


.tab-content {
    padding: 15px;
}

.form-group:last-child {
    margin-bottom: 0;
}

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

.radio:last-child {
    margin-bottom: 0;
}

.radio > label:last-child {
    margin-bottom: 0;
}

.badge {
    white-space: normal;
    text-align: left;
}

/*Utilities*/

.uc, a.uc {
    text-transform: uppercase;
}

.b, a.b {
    font-weight: bold !important;
}

.i, a.i {
    font-style: italic;
}

.u, a.u {
    text-decoration: underline;
}

.un, a.un {
    text-decoration: none;
}

.none {
    display: none;
}

.text-left {
    text-align: left !important;
}

.center {
    margin: 0 auto;
}

.display-table {
    display: table
}

.vertical-middle {
    vertical-align: middle;    
}

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

/*font families*/

.lato {
    font-family: Lato !important;
}

.raleway {
    font-family: Raleway !important;
}

.open-sans {
    font-family: 'Open Sans' !important;
}

.rockwell {
    font-family: Rockwell !important;
}

/*font colors */

.white, a.white {
    color: #ffffff !important;
}

.black, a.black {
    color: #444 !important;
}

.gray, a.gray {
    color: #999999 !important;
}

.darkgray, a.darkgray {
    color: #58656e !important;
}

.blue, a.blue {
    color: #337ab7 !important;
}

.red, a.red {
    color: #c9302c !important;
}

.yellow, a.yellow {
    color: #f1d13d !important;
}
.lime, a.lime {
    color:#fef2ae !important;
}

/*font weights*/

.f100 {
    font-weight: 100;
}

.f200 {
    font-weight: 200;
}

.f300 {
    font-weight: 300;
}

.f400 {
    font-weight: 400;
}

.f500 {
    font-weight: 500;
}

.f600 {
    font-weight: 600;
}

.f700 {
    font-weight: 700;
}

.f800 {
    font-weight: 800;
}

.f900 {
    font-weight: 900;
}

/*font size*/

.f10, a.f10 {
    font-size: 10px !important;
}

.f12, a.f12 {
    font-size: 12px !important;
}

.f14, a.f14 {
    font-size: 14px !important;
}

.f16, a.f16 {
    font-size: 16px !important;
}

.f18, a.f18 {
    font-size: 18px !important;
}

.f20, a.f20 {
    font-size: 20px !important;
}

.f22, a.f22 {
    font-size: 22px !important;
}

.f24, a.f24 {
    font-size: 24px !important;
}

.f26, a.f26 {
    font-size: 26px !important;
}

.f28, a.f28 {
    font-size: 28px !important;
}

.f30, a.f30 {
    font-size: 30px !important;
}

.f32, a.f32 {
    font-size: 32px !important;
}

.f34, a.f34 {
    font-size: 34px !important;
}

.f36, a.f36 {
    font-size: 36px !important;
}

.f38, a.f38 {
    font-size: 38px !important;
}

.f40, a.f40 {
    font-size: 40px !important;
}

.f42, a.f42 {
    font-size: 42px !important;
}

.f44, a.f44 {
    font-size: 44px !important;
}

.f46, a.f46 {
    font-size: 46px !important;
}

.f48, a.f48 {
    font-size: 48px !important;
}

.f50, a.f50 {
    font-size: 50px !important;
}

.f52, a.f52 {
    font-size: 52px !important;
}

.f54, a.f54 {
    font-size: 54px !important;
}

.f56, a.f56 {
    font-size: 56px !important;
}

.f58, a.f58 {
    font-size: 58px !important;
}

.f60, a.f60 {
    font-size: 60px !important;
}


/*margin classes*/

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.m50 {
    margin: 50px !important;
}

.m55 {
    margin: 55px !important;
}

.m60 {
    margin: 60px !important;
}


/*margin from left and right*/
.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

/*padding classes */

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

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

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt65 {
    padding-top: 65px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pr60 {
    padding-right: 60px !important;
}

/*common padding */
.p0 {
    padding: 0;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p45 {
    padding: 45px !important;
}

.p50 {
    padding: 50px !important;
}

.p55 {
    padding: 55px !important;
}

.p60 {
    padding: 60px !important;
}
/*common padding left to tight */
.pl0 {
    padding-left: 0px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl25 {
    padding-left: 25px !important;
}

/*vertical borders*/



@media (min-width: 768px) {

    .vbr20 {
        border-right: 1px solid #ddd;
        padding-right: 20px !important;
        margin-right: 20px !important;
    }

    .vbl20 {
        border-left: 1px solid #ddd;
        padding-left: 20px !important;
        margin-left: 20px !important;
    }
}



@media only screen {


    .list-items {
    }

        .list-items > .row > [class^="col-"],
        .list-items.row > [class^="col-"] {
            display: flex;
        }

    .list-item {
        background-color: #ffffff;
        width: 100%;
        position: relative;
        overflow: hidden;
        border: 1px solid #ddd;
        margin-bottom: 30px;
        border-bottom-width: 2px;
    }

        .list-item:hover {
            border-bottom-color: #E74C3C;
        }

        .list-item .item-link {
            position: absolute;
            z-index: 2;
            height: 100%;
            width: 100%;
        }

        .list-item .header {
            width: 100%;
            position: relative;
            background-color: #f5f5f5;
            text-align: center;
            position: relative;
            box-shadow: inset 0 0 80px rgba(0,0,0,0.4);
        }

            .list-item .header:before {
                content: "";
                display: block;
                padding-top: 60%; /* initial ratio of 1:1*/
            }

            .list-item .header > .header-content {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-image: url(https://www.theatreticketsdirect.co.uk/content/images/shows/defaultdisplayimage.jpg);
                background-position: center;
            }


        .list-item .save, .list-item .price {
            position: absolute;
            bottom: 8px;
            right: 8px;
            background: #ffe400;
            padding: 4px 10px 2px 10px;
            color: #4c1707;
            z-index: 1;
            font-weight: 500;            
            text-transform: uppercase;
            border: 2px solid #4c1707;
            border-top: 1px solid #4c1707;
            border-left: 1px solid #4c1707;
        }

        .list-item .price {
            background-color: #fff;
            font-size: 12px;
            
            
        }


    .genre-label {
        position: absolute;
        top: 9px;
        right: 10px;
        background: #eee;
        padding: 2px 6px 0;
        z-index: 1;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 10px;
    }

        .genre-label a {
            color: #444;
        }

    .list-item .header a img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        transform: scale(1);
    }

    .list-item:hover .header a img {
        transform: scale(1.05);
    }


    .list-item .body {
        padding: 15px 15px 15px 20px;
        width: 100%;
    }

        .list-item .body .item-title {    
            font-size: 14px;                   
            font-weight: 500;
            line-height: normal;
            margin-bottom: 10px;
            
        }

        .list-item .body .theatre {
            margin-top: 0px;
            display: inline-block;
            width: 100%;
            font-size: 14px;
            color: #555;
        }

        .list-item .body .address span {
            /*Name of the item*/
            font-weight: 400;
            color: #666;
            line-height: normal;
        }

        .list-item .body .address em {
            /*address of the item*/
            color: #888;
            line-height: normal;
        }

        .list-item .body .theatre i {
        }

        .list-item .body .address-container {
            margin-top: 15px;
        }



    .list-item .footer {
        width: 100%;
        padding: 10px;
        padding-top: 0;
    }

        .list-item .footer .price, .days {
            color: #a94442;
            font-size: 14px;
        }

        .list-item .footer .label-success {
            display: inline-block;
            font-size: 16px;
            font-weight: normal;
            padding: 4px 7px 2px;
            font-size: 14px;
            text-transform: uppercase;
        }

        .list-item .footer .btn {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 400;
            padding: 4px 10px 2px;
            border-radius: 3px;
            letter-spacing: 0.4px;
            /*color: #fff;*/
            transition: all 0.5s;
        }

            .list-item .footer .btn:hover {
                /*background-color: #4393d7;
        border-color: #2e6da4;*/
            }

            .list-item .footer .btn:after {
                font-family: 'Font Awesome\ 5 Free';
                content: "\f105";
                margin-left: 10px;
                opacity: 0.8;
                transition: all 0.2s;
                font-weight: 900;
            }

        .list-item .footer .btn-hidden {
            float: right;
            display: none;
            position: absolute;
            right: 20px;
            bottom: 30px;
        }

    .list-item:hover .btn-hidden {
        display: none;
        color: #ffffff;
    }

    /* table to list */

    .list-view {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .list-view .list-view-item {
            border: 1px solid #ddd;
            margin-bottom: 30px;
            text-align: right;
        }

            .list-view .list-view-item > div {
                border-bottom: 1px solid #ddd;
                text-align: right;
            }

            .list-view .list-view-item div:first-child {
                text-align: center;
            }

            .list-view .list-view-item .save {
                color: #1c8659;
                font-size: 14px;
            }

                .list-view .list-view-item .save:before {
                    font-family: Font Awesome\ 5 Free;
                    content: "\f005";
                    margin-right: 2px;
                }

            .list-view .list-view-item .restricted-message {
                color: #dc0d17;
                text-align: center;
                font-size: 12px;
                font-weight: normal !important;
                display: flex;
            }

                .list-view .list-view-item .restricted-message:before {
                    font-family: Font Awesome\ 5 Free;
                    content: "\f06a";
                    font-weight: 600;
                    margin-right: 6px;
                }

            .list-view .list-view-item span:first-child {
                float: left;
            }

            .list-view .list-view-item > div > p {
                margin-bottom: 0;
                padding-bottom: 0;
                font-weight: bold;
            }

            .list-view .list-view-item .subtotal {
                font-size: 14px;
                color: #707070;
                font-style: italic;
                font-weight: normal;
                display: block;
            }

            .list-view .list-view-item > div:first-child {
            }

            .list-view .list-view-item > div:last-child {
                background-color: #eee;
            }

            .list-view .list-view-item .cell-label {
                visibility: visible;
            }

            .list-view .list-view-item select {
                height: 30px !important;
                font-size: 14px;
                font-weight: bold;
            }

            .list-view .list-view-item .btn {
            }

    .address {
        position: relative;
        padding-left: 20px;
        display: inline-block;
    }


        .address:before {
            font-family: 'Font Awesome\ 5 Free';
            content: "\f3c5";
            left: 0;
            position: absolute;
            top: 2px;
            color: #a94442;
            opacity: 0.4;
            font-weight: 900;
        }


    .ttd-key-value-table {
        padding-top: 0;
        padding-bottom: 0;
    }

        .ttd-key-value-table .list-group-item {
            text-align: right;
        }

            .ttd-key-value-table .list-group-item.text-left {
                text-align: left;
            }

            .ttd-key-value-table .list-group-item > span:first-child {
                margin-right: 20px;
                float: left;
            }

            .ttd-key-value-table .list-group-item > div {
                margin-left: 100px;
                display: block;
            }

        .ttd-key-value-table > li.highlight {
            font-weight: bold;
        }



    .error-modal .modal-header {
        color: #fff;
        font-weight: 500 !important;
        background: #ca0202;
        font-size: 18px;
    }

        .error-modal .modal-header:before {
            font-family: 'Font Awesome\ 5 Free';
            content: "\f06a";
            font-weight: bold;
            margin-right: 8px;
            margin-top: -1px;
        }

        .error-modal .modal-header .close {
            color: #fff !important;
            opacity: 0.7 !important;
        }

            .error-modal .modal-header .close:hover {
                opacity: 1 !important;
            }

    .list-item .header .show-logo {
        position: absolute;
        bottom: -15px;
        left: 10px;
        height: 70%;        
        border-left: none;
        border-top: none;        
        border: 3px solid #fff
    }
}

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

    .list-items > .row > [class^="col-"]:nth-child(odd),
    .list-items.row > [class^="col-"]:nth-child(odd) {
        padding-right: 6px;
        padding-bottom: 2px;
    }

    .list-items > .row > [class^="col-"]:nth-child(even),
    .list-items.row > [class^="col-"]:nth-child(even) {
        padding-left: 6px;
        padding-bottom: 2px;
    }

    .list-items .list-item {
        margin: 0 auto;
        float: none;
        border-radius: 12px;
        border: 1px solid #999;
        border-bottom-width: 4px;
    }

    .list-item .header {
    }

    .list-item .body {
        padding: 10px;
        line-height: normal;
    }

        .list-item .body .item-title {
            font-size: 14px;
        }



    .list-item .header .header-content {
        background-image: none;
        min-height: 80px !important;
    }

    .list-item .footer {
    }




    .ttd-basket-summary-container {
        float: none !important;
    }

        .ttd-basket-summary-container .panel-group {
            /*margin-top: -20px;
            margin-bottom: 0px;*/
        }

    .list-item .footer .btn {
        padding: 6px 12px 4px;
    }

    .list-item .footer .btn-hidden {
        margin-bottom: 25px;
    }

    /*.list-item-small {
        padding: 10px;
    }

        .list-item-small .header {
            width: 100px;
            float: left;
            margin-right: 10px;
        }

        .list-item-small .body {
            margin-top: 0;
            padding: 0;
        }

            .list-item-small .body a:first-child {
                font-size: 16px !important;
            }

        .list-item-small .footer {
            padding-left: 0;
            margin-left: 110px;
            padding-bottom: 0;
        }*/




    .list-item .header > .header-content {
        position: unset !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        /*height: 110px;*/
    }

    .list-item .header:before {
        content: "";
        display: block;
        padding-top: 0%;
    }

    .list-item .save, .list-item .price {
        right: 0;
        font-weight: 700;
        font-size: 14px;
        padding: 8px 4px 5px 4px;
        bottom: 0px !important;
        left: 0;
        border: 0;
        width: 100%;
        position: relative;
        border-radius: 0;
    }



    .list-item .price {
        text-transform: unset;
        background-color: #104271;
        color: #fff;
    }


    .list-item .header {
        margin-bottom: 0px;
    }



    .list-item .body a:first-child {
        font-size: 14px;
        font-weight: 500;
        display: inline-table;
    }




    .list-item .theatre {
        display: none !important;
    }

    .list-item .footer {
        /*display: none;*/
    }

    /*.list-item-mobile .price {
        padding: 2px 4px 2px 4px;
        background-color: #000;
        font-size: 14px;
        color: #fff;
    }*/

    .list-btn {
        margin-top: 20px;
    }

    .list-view .list-view-item .form-control {
        display: inline-block;
        width: 150px;
    }
}


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

    .list-item {
        /*height: 400px;*/
        overflow: hidden !important;
    }

        .list-item .header {
        }

        .list-item .footer {
            padding: 20px;
            padding-top: 0;
            /*position: absolute;
            bottom: 0;*/
        }

    .shows-list .list-item {
        /*height: 230px !important;*/
    }

    .list-item {
        /*height: 400px !important;*/
        /*overflow: hidden !important;*/
    }

    .list-view {
        display: table;
        width: 100%;
    }

        .list-view .list-view-header {
            background-color: #282828;
            color: #fff;
            height: 50px;
            display: flex !important;
        }

            .list-view .list-view-header > div {
                border-right: 1px solid #808080;
                padding: 15px;
            }

        .list-view .list-view-item > div:first-child {
            text-align: left;
            border-left: 1px solid #ddd;
        }

        .list-view .list-view-item div:first-child .restricted-message {
            text-align: left;
        }

        .list-view .list-view-header > div:last-child {
            border-right: none;
        }

        .list-view .list-view-item {
            border: 0;
            display: flex;
            width: 100%;
            margin-bottom: 0;
        }

        .list-view form:nth-of-type(odd) {
            background-color: #fff;
        }

        .list-view form:nth-of-type(even) {
            background-color: #f7f7f7;
        }

        .list-view .list-view-item:hover {
            background-color: #eee !important;
        }


        .list-view .list-view-item > div {
            border-right: 1px solid #ddd;
            text-align: left;
            padding: 15px;
        }

            .list-view .list-view-item > div:last-child {
                background-color: initial;
            }

        .list-view .list-view-item .cell-label {
            display: none;
        }

        .list-view .list-view-item .btn {
            padding: 10px;
        }

    .list-item:hover .btn-hidden {
        display: block;
    }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .list-item .footer .btn-hidden {
        display: block;
        position: static;
        float: left;
        margin-top: 5px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .list-item {
        /*height: 350px;*/
        overflow: hidden !important;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*universl for all pages if font awesome is used in the card header*/
.card-header:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    /*can't bring margin-right here or it applys on all even if there is not content*/
}

.basket-items {
}

.basket-item:first-child {
    padding-top: 0;
}

.basket-item {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

    .basket-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .basket-item em {
        font-size: 14px;
    }

    .basket-item .item-details {
    }

        .basket-item .item-details > .title {
            font-weight: bold;
        }

    .basket-item .event-details {
        margin-top: 15px;
        font-size: 14px;
    }

        .basket-item .event-details > p > label {
            margin-bottom: 0.2rem;
        }

        .basket-item .event-details a.iframe > img {
            margin-top: -5px;
            margin-left: 5px;
        }



    .basket-item p {
        margin: 0px 0;
        padding: 0;
    }

        .basket-item p > label {
            font-weight: bold;
        }

    .basket-item .attraction-tickets-details {
        font-size: 14px;
        font-style: italic;
    }

.basket-page .card-header {
    padding-top: 8px;
    padding-bottom: 6px;
}

    .basket-page .card-header i {
        margin-right: 5px;
    }

.basket-page .basket-summary .card-header:before {
    content: "\f51e";
    margin-right: 5px;
}

.basket-page .delivery-card .card-header:before {
    content: "\f1d8";
    margin-right: 5px;
}

.basket-page .promotion-card .card-header:before {
    content: "\f02c";
    margin-right: 5px;
}

/*----------------------------------------------*/

.checkout-form {
}

    .checkout-form .card,
    .card-gray {
        border-radius: 0;
        border: none;
    }

        .checkout-form .card-header,
        .card-gray .card-header {
            background-color: #f1f1f1;
            font-size: 18px;
            position: relative;
            color: #000;
        }

            .checkout-form .card-header:before,
            .card-gray .card-header:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                border-top: 20px solid white;
                border-left: 20px solid #dedede;
                width: 0;
            }

            .checkout-form .card-header i,
            .card-gray .card-header i {
                color: #808080;
                margin-right: 3px;
            }



        .checkout-form .card-body,
        .card-gray .card-body {
            background-color: #f1f1f1;
        }

            .checkout-form .card-body input,
            .checkout-form .card-footer input,
            .checkout-form .card-body textarea,
            .checkout-form .card-footer textarea {
                /*border: none;
                border-bottom: 1px solid #dedede;*/
            }




/*--------------------------------------*/

.basket-summary {
}

    .basket-summary .highlight {
        font-weight: bold;
        font-size: 18px !important;
    }

    .basket-summary .card {
        margin-bottom: 10px;
        border: 1px solid #ddd;
    }

        .basket-summary .card:last-child {
            margin-bottom: 0px;
        }

    .basket-summary .card-header {
        background-color: #052444 !important;
        border-bottom: none;
        color: #fff;
    }

        .basket-summary .card-header .text-muted,
        .basket-summary .card-header .hint {
            color: #ddd;
        }

        .basket-summary .card-header:before {
            content: "\f550";
            margin-right: 5px;
            font-weight: 600;
        }

    .basket-summary .card-body {
        padding: 0;
        border-radius: 0;
    }

        .basket-summary .card-body .list-group-item {
            border-left: none;
            border-right: none;
            font-size: 14px;
            padding: 0.5rem 0.75rem;
        }

            .basket-summary .card-body .list-group-item p {
                margin-bottom: 8px;
            }

            .basket-summary .card-body .list-group-item:first-child {
                /*border-top: none;*/
            }

            .basket-summary .card-body .list-group-item:last-child {
                border-bottom: none;
            }

.payment-page .basket-summary .card-header:before {
    content: "\f00c";
    margin-right: 5px;
    font-weight: 600;    
}

/*----------------------------*/

.summary-accordion {
}

    .summary-accordion .card-header {
        cursor: pointer;
    }

        .summary-accordion .card-header:after {
            font-family: Font Awesome\ 5 Free;
            float: right;
            content: "\f107";
            font-weight: 900;
        }

        .summary-accordion .card-header.opened:after {
            content: "\f106";
        }

/*----------------------------*/

.payment-container {
    margin-bottom: 40px;
    border: 1px solid #ddd;
}

    .payment-container .card-header {
    }

        .payment-container .card-header .cc-icons {
            margin-right: 30px;
            margin-top: 10px;
            float: right;
        }

        .payment-container .card-header::before {
            content: "";
            position: absolute;
            top: -1px;
            right: -1px;
            width: 0px;
            border-top: 30px solid white;
            border-left: 30px solid rgb(222, 222, 222);
        }

    .payment-container .card-body {
        background-color: #fff;
        padding: 10px 0 !important;
    }

    .payment-container .list-group-item {
        border: none;
    }

    .payment-container .terms {
        font-size: 12px !important;
    }

.secure-checkout-img {
    text-align: center;
    padding: 20px;
    padding-top: 0;
}

.payment-form {
    min-height: 150px;
}

.other-payment-options-bottom {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

    .other-payment-options-bottom > div {
        margin-top: 5px;
    }

.ticketplansection input[type="radio"] {
    height: 20px;
    width: 24px;
    margin-top: 3px;
}

.ticketplansection .form-check-label span {
    display: inline-block;
    margin-left: 14px;
    line-height: normal;
}



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

    .payment-container .card-header .cc-icons {
        margin-right: 0px;
        margin-top: 0px;
        float: none;
    }

    .checkout-form .card-body input,
    .checkout-form .card-footer input,
    .checkout-form .card-body textarea,
    .checkout-form .card-footer textarea {
        line-height: 2rem;
    }

    .ticketplansection #ticketPlanRadios {
        padding-left: 0 !important;
    }

    .ticketplansection input[type="radio"] {
        height: 24px;
        width: 24px;
        margin-right: 8px;
    }

    .ticketplansection .form-check:first-child {
        margin-bottom: 10px;
    }
}

/* Smartphones (portrait) ----------- */
/*@media only screen and (max-width : 576px) {
  
    .payment-button-center{
        text-align:center;
    }
    .choose-text-center{
        text-align:center;
    }
}*/

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

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.payment-button-center{
        text-align:center;
    }
   }*/


@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: buy;
    }

        .apple-pay-button-with-text > * {
            display: none;
        }

    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline;
    }
}


@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        --apple-pay-scale: 1; /* (height / 32) */
        display: inline-flex;
        justify-content: center;
        font-size: 12px;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }

    .apple-pay-button-black-with-text {
        background-color: black;
        color: white;
    }

    .apple-pay-button-white-with-text {
        background-color: white;
        color: black;
    }

    .apple-pay-button-white-with-line-with-text {
        background-color: white;
        color: black;
        border: .5px solid black;
    }

    .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }

    .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-with-text > .text {
        font-family: -apple-system;
        font-size: calc(1em * var(--apple-pay-scale));
        font-weight: 300;
        align-self: center;
        margin-right: calc(2px * var(--apple-pay-scale));
    }

    .apple-pay-button-with-text > .logo {
        width: calc(35px * var(--scale));
        height: 100%;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-left: calc(2px * var(--apple-pay-scale));
        border: none;
    }
}

/*@import 'variables.less';*/

html {
}

body {
    /*background-color: @primary margin: 0;*/
    padding: 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

.pre-block {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    display: block;
}

.pre-block-layer {
    background-color: black;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.6;
}

.pre-block i {
    font-size: 80px;
    color: #fff;
    position: fixed;
    z-index: 999999999;
    left: 46%;
    top: 40%;
}

h1, h2, .h1, .h2, h3, .h3 {
    font-family: Roboto;
    letter-spacing: -0.5px;
    font-weight: 500;
}

h1, .h1 {
    font-size: 24px;
}

h2, .h2 {
    font-size: 20px;
}

h3, .h3 {
    font-size: 18px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aaa !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #aaa !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #aaa !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #aaa !important;
}

a {
    color: #0a6ebd;
}

    a:hover {
        color: #dc0d17;
        text-decoration: none;
    }

    a.readmore {
        font-size: 14px;
        color: #00549f;
    }

        a.readmore:hover {
        }

ul {
    margin-left: 0;
    padding-left: 0;
}

    ul li {
        list-style: none;
    }

.social-media-icons-container ul h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.social-media-icons-container ul li {
    padding: 0 8px 0 10px;
}

.header-image-container .title-container h1 {
    font-size: 150%;
}

.pad-header {
    padding: 0px;
}



.ui-autocomplete {
    font-size: 14px;
    border-radius: 4px;
}

    .ui-autocomplete .ui-menu-item {
        border: none;
        outline: none;
        font-weight: 300;
        border: none;
        border-bottom: 1px solid #ddd;
        background-color: none !important;
    }

        .ui-autocomplete .ui-menu-item:last-child {
            border-bottom: none;
        }


        .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper,
        .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
            border: none;
            margin: 0;
            background-color: none !important;
            padding: 4px 8px;
            font-size: 12px;
            color: #0a6ebd;
            font-weight: bold;
        }

    .ui-autocomplete .ui-state-focus {
        color: #fff;
        border: none;
        outline: none;
        font-weight: 300;
        margin: 0;
        padding: 3px 1em 3px .4em;
        background-color: #dc0d17;
    }





.btn .btn-black {
    color: #fff !important;
    border: 1px #000 solid;
    background-color: #000;
    border-radius: 2px;
}

.btn-white {
    color: #e0450f;
    background: #ffffff;
    border-color: #e0450f;
    border-radius: 2px;
    font-weight: bold;
    font-size: 18px;
}

    .btn-white :focus,
    .btn-white .focus {
        color: #e0450f;
        background: #ffffff;
        border-color: #e0450f;
    }

    .btn-white :hover {
        color: #e0450f;
        background: #fbfafa;
        border-color: #e0450f;
    }


.showdiv a {
    font-size: 16px;
    color: #295fa5;
    text-decoration: none;
}

.showdiv .theatre {
    font-size: 14px;
    color: #333333;
    background-image: url(/images/mapicon.png);
    background-position: left;
    padding-left: 30px;
    margin-top: 22px;
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
}

    .showdiv .theatre span {
        color: #999999;
        font-size: 12px;
    }

.show .price {
    font-size: 14px;
    color: #dc0d17;
    padding-top: 15PX;
    display: table;
    float: left;
    margin-top: 30px;
}

.showdiv .price span {
    font-size: 11px;
}

.smbox-cnt {
    width: 100%;
    margin: -20px auto;
    display: table;
    padding-bottom: 70px;
}

    .smbox-cnt ul {
        width: 100%;
        padding: 0px;
    }

        .smbox-cnt ul li {
            float: left;
            width: 100%;
            max-width: 284px;
            background-color: #ffffff;
            border: 5px solid #f1f1e9;
        }

            .smbox-cnt ul li:hover span.btn {
                display: block;
                color: #ffffff;
            }

/*slider box css*/

.white-cnt {
    background-color: #ffffff;
    display: table;
    padding-bottom: 70px;
    width: 100%;
}

.minibox-cnt {
    width: 100%;
    display: table;
    margin: 0 auto;
}

.thumbnail {
    position: relative;
    overflow: hidden;
    float: left;
    max-width: 180px;
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.caption {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/images/bg.png);
    width: 100%;
    height: 100%;
    padding-top: 32px !important;
    display: none;
    text-align: center;
    color: #fff !important;
    z-index: 2;
}



.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-clear {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}

    .btn-clear:hover {
        color: #000;
        background-color: #FFF;
    }


.gallery img {
    width: 100%;
    max-width: 182px;
    height: 114px;
    float: left;
}

.video {
    height: 456px;
    width: 100%;
}

/* icons*/

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

    .icon-addon:after,
    .icon-addon:before {
        display: table;
        content: " ";
    }

    .icon-addon:after {
        clear: both;
    }

    .icon-addon.addon-md .glyphicon,
    .icon-addon .glyphicon,
    .icon-addon.addon-md .fa,
    .icon-addon .fa {
        position: absolute;
        z-index: 2;
        left: 10px;
        font-size: 14px;
        width: 20px;
        margin-left: -2.5px;
        text-align: center;
        padding: 10px 0;
        top: 1px;
    }

    .icon-addon.addon-lg .form-control {
        line-height: 1.33;
        height: 46px;
        font-size: 18px;
        padding: 10px 16px 10px 40px;
    }

    .icon-addon.addon-sm .form-control {
        height: 30px;
        padding: 5px 10px 5px 28px;
        font-size: 12px;
        line-height: 1.5;
    }

    .icon-addon.addon-lg .fa,
    .icon-addon.addon-lg .glyphicon {
        font-size: 18px;
        margin-left: 0;
        left: 11px;
        top: 4px;
    }

    .icon-addon.addon-md .form-control,
    .icon-addon .form-control {
        padding-left: 30px;
        float: left;
        font-weight: normal;
    }

    .icon-addon.addon-sm .fa,
    .icon-addon.addon-sm .glyphicon {
        margin-left: 0;
        font-size: 12px;
        left: 5px;
        top: -1px;
    }

    .icon-addon .form-control:focus + .glyphicon,
    .icon-addon:hover .glyphicon,
    .icon-addon .form-control:focus + .fa,
    .icon-addon:hover .fa {
        color: #2580db;
    }


.phone {
    color: #325271;
    font-size: 16px;
    font-weight: 600;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: right;
}

    .phone span {
        color: #d1565c;
    }

.basket {
    float: right;
    background-image: url(/images/basket.png);
    background-repeat: no-repeat;
    height: 40px;
    padding-left: 35px;
    padding-top: 10px;
}


.btn-black {
    color: #ffffff;
    background: #000000;
    border-color: #1d1d1d;
    border-radius: 2px;
}

    .btn-black:focus,
    .btn-black.focus {
        color: #ffffff;
        background: #000000;
        border-color: #1d1d1d;
    }

    .btn-black:hover {
        color: #ffffff;
        background: #000000;
        border-color: #1d1d1d;
    }

    .btn-black a {
        color: #ffffff;
    }

.btn-blank {
    color: #999999;
    border-color: #999999;
}



    .btn-blank:hover {
        color: #58646e;
        background: none;
        border-color: #58646e;
    }

.calendercnt {
    width: 100%;
    display: table;
    margin-top: 40px;
}

.calender-top {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    display: table;
}

.ctdate {
    float: left;
    font-size: 16px;
    padding: 8px 15px 0 0;
}

.shboxes {
    background-color: #ffffff;
    padding: 20px;
    width: 100%;
    display: table;
}

    .shboxes h3 {
        margin-top: 0px !IMPORTANT;
    }

.pheading {
    padding-left: 10px;
    font-size: 20px;
    padding-top: -5px;
}

.shboxes .table {
    margin-bottom: 0px;
}

.shboxes hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tbl-timings {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
}

    .tbl-timings td:nth-child(1) {
        text-align: center !important;
        width: 120px;
        padding-left: 10px;
        font-weight: 500;
        text-align: left !IMPORTANT;
    }

    .tbl-timings tr:nth-child(1) td {
        border-top: none;
    }

    .tbl-timings td, .tbl-timings th {
        vertical-align: middle !important;
        text-align: center;
    }

.hint {
    font-size: 14px;
    color: gray;
    font-weight: normal;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.table-striped tr td:last-child {
    vertical-align: middle;
    width: 55px;
}

.smedia {
    width: 100%;
    max-width: 256px;
    float: left;
}

    .smedia ul {
        width: 100%;
        display: table;
        margin-top: 15px;
    }

        .smedia ul li {
            width: 100%;
            max-width: 25px;
            color: #000000 !important;
            text-align: left;
            float: left;
            transition: all 0.4s;
        }

            .smedia ul li:hover {
                margin-top: -3px;
            }

.seatingbtn {
    margin-top: 10px;
    font-size: 20px;
}



/*detail 1*/

.summrycnt {
    display: table;
}

    .summrycnt ul {
        display: table;
        width: 100%;
        padding: 0px;
    }

        .summrycnt ul li {
            display: table;
            padding-bottom: 16PX;
            width: 100%;
        }

.plan-left {
    float: left;
    max-width: 220px;
    width: 100%;
}

.plan-right {
    max-width: 580px;
    float: left;
    width: 100%;
}

.table-none {
    border: none !important;
    padding: 4px !important;
}




.cartbox {
    padding: 18px 15px 14px 15px;
    display: table;
    width: 100%;
    margin-bottom: 15px;
    background-color: #ffffff;
}

.cborder {
    border-top: 1px solid #f1f1f1 !important;
}

.cardbox-border {
    border: 6px solid #f7f7f7;
}

.cartbox h2 {
    font-size: 18px;
    margin: 0px;
    letter-spacing: normal;
    text-transform: none;
    padding-bottom: 15px;
}


.sept2 {
    width: 100%;
    background-color: #f1f1f1;
    height: 2px;
    display: table;
    margin-top: 15px;
    margin-bottom: 15px;
}

.sept3 {
    width: 100%;
    background-color: #f1f1f1;
    height: 2px;
    display: table;
    margin-bottom: 35px;
}

.bluetable-heading {
    background-color: #333;
    color: #ffffff;
    font-weight: bold;
}

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 0;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}



.plandetails {
    max-width: 645px;
    width: 100%;
    display: table;
    float: left;
    margin-left: 15px;
}


.forminner {
    width: 100%;
    padding: 25px;
    display: table;
}


.thankku-heading {
    font-size: 22px;
    background-image: url(/images/border2.jpg);
    background-repeat: repeat-x;
    display: block;
    /* width: 100%; */
    background-position: bottom;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.basket-ico {
    font-size: 14px;
    color: #333333;
    background-image: url(/images/mapicon2.jpg);
    background-position: left;
    padding-left: 20px;
    margin-top: 15px;
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
}

    .basket-ico span {
        color: #999999;
        font-size: 12px;
    }

.editbtn {
    float: right;
}


/*shows page*/

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

.staricon {
    padding: 6px 0 6px 0;
}


.video {
    height: 230px;
    width: 100%;
}

.gallery img {
    height: auto;
    float: left;
}

.gallery ul li {
    width: 50% !important;
    float: left !important;
}

.rec-cnt ul li {
    width: 100%;
    max-width: 82px;
    float: left;
    min-height: 128px;
}

.midboxes {
    margin-bottom: 20px;
}

.cs-cnt {
    width: 80%;
}

.sociallft {
    width: 100%;
    text-align: center;
    padding: 15px 0 15px 0;
}

.subcnt {
    padding: 0 0 30px 0;
}

.img50 {
    width: 50%;
}

.txcenter {
    text-align: center;
    padding-bottom: 15px;
}

.booking-box {
    background-color: #FFCC00 !important;
    width: 90% !important;
    margin: 18px auto;
    z-index: 10;
    padding: 18px 15px 0px 15px;
    position: initial !important;
}




#custom-search-input .search-query {
    width: 110%;
}

#custom-search-input button {
    left: 0px;
}



.basket {
    max-width: 162px;
    margin: 10px auto;
    float: none;
}



.phone {
    text-align: center !important;
    padding-top: 15px !important;
    font-size: 14px;
}

.seatingbox {
    border-top: 1px solid #f1f1f1;
    border-left: none;
    padding-left: 0px;
    padding-top: 35px;
    height: auto;
    margin-top: 36px;
}

.basket {
    float: none !important;
}



.grpbtn {
    display: table;
    text-align: inherit;
}

.grpbtn2 {
    text-align: left;
    padding-top: 15px;
}

.heading2 {
    padding-top: 15px;
}

#custom-search-input button {
    left: 5px !important;
}

.location {
    background-color: #000000;
    padding: 5px;
    text-align: center;
    background-image: none;
}

.showbtn-cnt {
    text-align: center;
}

.showheading {
    text-align: center;
    font-size: 18px;
}

.shimg {
    height: 210px;
}


.formtop {
    margin-top: 10px;
}

.mpad-0 {
    padding: 0px;
}


.down-arrow {
    border-style: solid;
    border-width: 15px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
}

    .down-arrow.gray {
        border-color: #eee transparent transparent transparent;
    }

.section {
}

.section-lg {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .section-lg .down-arrow {
        margin-top: -35px !important;
        margin-bottom: 20px !important;
    }

.section-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.section-sm {
    padding-top: 10px;
    padding-bottom: 10px;
}


.section-heading {
    font-weight: 500;
    font-size: 28px;
    text-align: center;
}

.section-lg .section-heading {
    margin-bottom: 30px;
}

.section-md .section-heading {
    margin-bottom: 15px;
}

.section-sm .section-heading {
    margin-bottom: 10px;
}





.img-zoom {
    transition: all 0.5s ease;
}

    .img-zoom:hover {
        -webkit-filter: grayscale(100%);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.img-tilt {
    transition: all 0.5s ease;
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

    .img-tilt:hover {
        -webkit-filter: grayscale(100%);
        -moz-transform: rotate(0deg) scale(1.1);
        -ms-transform: rotate(0deg) scale(1.1);
        -o-transform: rotate(0deg) scale(1.1);
        -webkit-transform: rotate(0deg) scale(1.1);
        transform: rotate(0deg) scale(1.1);
    }

.img-to-bw {
    transition: all 0.5s ease;
}

    .img-to-bw:hover {
        -webkit-filter: grayscale(100%);
    }

.img-from-bw {
    transition: all 0.5s ease;
    -webkit-filter: grayscale(100%);
}

    .img-from-bw:hover {
        -webkit-filter: grayscale(0);
    }


.fa {
    /*color: #ccc;*/
    opacity: 1;
}

.fa-map-marker {
    /*transform: rotate(-30deg);*/
    /*margin-top: px;*/
}

.with-icon {
    /*display: inline-block;*/
    display: inline-block;
    width: 100%;
}

    .with-icon div {
        padding: 0;
    }

        .with-icon div:first-child {
            width: initial;
            margin-right: 10px;
        }

        .with-icon div:nth-child(2) {
            margin-right: -15px;
        }

    .with-icon > .fa {
        width: 12px;
        margin-right: 10px;
    }

    .with-icon > .fa-2x {
        width: 24px;
        margin-right: 10px;
    }

.google-map iframe {
    pointer-events: none;
}

.boxpadding {
    display: table;
}

.cart-heading {
    margin-top: 0px;
    background-color: #F7F7F7;
    color: #58646E;
    /* font-size: 20px; */
    padding: 9px 25px;
    font-size: 18px;
    font-weight: 500;
}


.blockOverlay {
    z-index: 9998 !important;
}

.blockMsg {
    z-index: 9999 !important;
    width: 100% !important;
    top: 40% !important;
    color: rgb(0, 0, 0) !important;
    border: none !important;
    background-color: transparent !important;
    position: fixed !important;
}

body > .blocker .blockMsg {
}

.blockMsg .h1 {
    font-size: 28px;
    color: #ffffff !important;
    opacity: 0.9;
}

.blockMsg .hourglass {
    color: #fff;
    font-size: 80px !important;
}

    .blockMsg .hourglass .loader-msg {
        color: #fff;
        font-size: 28px !important;
        display: block;
        clear: both;
    }


.img100 {
    width: 100%;
}

/*.timer-main {
    top: 70px !important;
}*/

.basketheading {
    font-size: 22px;
    margin-bottom: 5px;
}

.remove-btn {
    padding: 2px 4px !important;
    background-color: #DC0D17;
    color: #ffffff;
    font-weight: bold;
    height: 26px !important;
    font-size: 12px !important;
}

    .remove-btn a:hover {
        color: #ffffff !important;
    }

    .remove-btn a:focus {
        color: #ffffff !important;
    }

.btn-book-container {
}

.btn-book, btn-book:focus, btn-book:visited {
    color: #fff !important;
    background-color: #dc0d17;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    transition: all 0.3s ease 0s;
}

    .btn-book:hover {
        box-shadow: inset 0 0 0 5px #b72828;
        color: #fff;
    }

    .btn-book::after {
        font-family: Font Awesome\ 5 Free;
        content: "\f054";
        margin-left: 10px;
        opacity: 0.8;
        transition: all 0.3s ease 0s;
        font-weight: 900;
    }

    .btn-book:hover::after {
        opacity: 1;
    }


form input.error {
    border: 2px solid #dc0d17 !important;
    transition: border-color 2s ease;
}

form input.valid {
    border: 2px solid #41976f;
    transition: border-color 2s ease;
}

form label.error {
    font-weight: 400;
    font-size: 14px;
    color: #dc0d17;
    margin-top: 6px;
    margin-left: 2px;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.5;
    z-index: 5;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }


.lightbox .lb-number {
    visibility: hidden;
}

.youtube-video {
    width: 100%;
    height: 200px;
}

.btn-call-to-action {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 40px;
    padding-right: 30px;
}

    .btn-call-to-action.btn-arrow::after {
        margin-left: 30px;
    }


.bg-white {
    background-color: #ffffff !important;
}

.bg-gray {
    background-color: #f1f1f1 !important;
}

.bg-blue {
    background-color: #0053a1 !important;
}

.bg-red {
    background-color: #dc0d17 !important;
}

.bg-dark-purple {
    background-color: #0a0029 !important;
}

.bg-black {
    background-color: #000 !important;
}

    .bg-blue .section-heading,
    .bg-black .section-heading,
    .bg-red .section-heading {
        color: #fff !important;
    }

.address span {
    /*Name of the item*/
    font-weight: 500;
    color: #666;
    line-height: normal;
}

.address em {
    /*address of the item*/
    color: #888;
    line-height: normal;
}

.genre {
    text-transform: uppercase;
    background-color: #eee;
}

.slick-track {
    margin: 0 auto;
}

.modal-ajax-calendar .modal-body {
    /*min-height: 500px;*/
}

.article-container-collapsed {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 35px;
}

    .article-container-collapsed .read-more,
    .article-container-collapsed .read-less {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        text-align: center;
        padding-top: 50px;
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 0, 0, 0)), color-stop(0.7, rgba(255, 255, 255, 1)));
    }

    .article-container-collapsed .read-less {
        background-image: none;
    }

    .article-container-collapsed article {
    }

    .article-container-collapsed .article-gray + .read-more {
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 0, 0, 0)), color-stop(0.7, rgb(241, 241, 241)));
    }

    .article-container-collapsed .read-less {
        background-image: none;
    }

.breadcrumb-custom {
}

.seatplan-summary {
    color: #fff;
}

    .seatplan-summary a,
    .seatplan-summary a:hover {
        color: #fff;
        font-size: 16px;
    }

.show-plan {
    /*
    padding: 5px 0;*/
    /* padding: 5px 0; */
    text-align: center;
    box-sizing: border-box;
    height: 30px;
    padding: 4px;
}

    .show-plan .event-name > a {
        background-color: #CDDC39;
        color: #282828;
        padding: 2px 6px;
        border-radius: 4px;
    }

    .show-plan .event-date,
    .show-plan .change-date {
        background-color: #CDDC39;
        color: #282828;
        padding: 2px 6px;
        margin-left: 4px;
        border-radius: 4px;
    }

        .show-plan .event-date a,
        .show-plan .change-date a {
            color: #282828;
        }

    .show-plan .change-date {
        background-color: #FFEB3B !important;
    }

.meal-plan {
    padding: 15px;
    text-align: left;
}

    .meal-plan .event-name {
        display: block;
        font-weight: bold;
    }

    .meal-plan .event-date {
        background-color: #ffe270;
        color: #282828;
        padding: 1px 6px;
        display: inline-block;
    }

        .meal-plan .event-date a,
        .meal-plan .event-date a:hover {
            color: #282828 !important;
            font-size: 16px !important;
            margin-top: 2px;
        }


.readmore-collapse {
    height: 100px;
    overflow: hidden;
    display: block !important;
}

    .readmore-collapse > div.fadeout {
        position: relative;
        bottom: 4em;
        height: 4rem;
        width: 100%;
        background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
    }

.readmore-collapse-150 {
    height: 150px;
}

.readmore-collapse-200 {
    height: 200px;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 16px !important;
}


.freezePage {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.star-ratings {
    background-image: url(../Images/star-increments.svg);
    background-repeat: repeat-x;
    background-size: cover;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
}

    .star-ratings.one {
        width: 30px;
    }

    .star-ratings.two {
        width: 70px;
    }

    .star-ratings.three {
        width: 110px;
    }

    .star-ratings.four {
        width: 140px;
    }

    .star-ratings.five {
        width: 180px;
    }


.feefo-rating {
}

    .feefo-rating span {
        display: inline-block;
        margin-left: 5px;
        font-size: 14px;
    }

        .feefo-rating span:before {
            content: "(";
        }

        .feefo-rating span:after {
            content: ")";
        }

.feefo-rating-satrs {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
}

    .feefo-rating-satrs .empty-stars {
        color: #ccc;
    }

    .feefo-rating-satrs .full-stars {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: hidden;
        color: #ffd000;
    }

        .feefo-rating-satrs .empty-stars:before,
        .feefo-rating-satrs .full-stars:before {
            content: "\2605\2605\2605\2605\2605";
            font-size: 24px;
        }

    .feefo-rating-satrs .empty-stars:before {
        -webkit-text-stroke: 1px #ccc;
    }

    .feefo-rating-satrs .full-stars:before {
        -webkit-text-stroke: 1px #ffd000;
    }

.feefo-rating.rating-18 {
}

    .feefo-rating.rating-18 .feefo-rating-satrs .empty-stars:before,
    .feefo-rating.rating-18 .feefo-rating-satrs .full-stars:before {
        font-size: 18px;
    }

    .feefo-rating.rating-18 span {
        margin-left: 2px !important;
        font-size: 12px !important;
        font-weight: 500;
    }

/* Webkit-text-stroke is not supported on firefox or IE */

/* Firefox */
@-moz-document url-prefix() {
    .feefo-rating-satrs .full-stars {
        color: #ECBE24;
    }
}
/* IE */
<!-- [if IE] > .feefo-rating-satrs .full-stars {
    color: #ECBE24;
}
/* <![endif] -->*/

.feefo-reviews-container {
}

.feefo-readmore-reviews {
    background-image: url(../Images/feefo-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 14px;
    padding-top: 2px;
    padding-left: 100px;
}

/*.feefo-readmore-reviews:before {
        content: 'Independent Customer \A Reivews from';
        margin-right: 100px;
        white-space: pre-wrap;
        text-align: right;
        display: inline-block;            
        vertical-align: middle;
        line-height: 15px;
        color: #555;
        font-weight: bold;

    }*/


.expandable-text {
    bottom: 0;
    content: '';
    height: 10%;
    left: 0;
    width: 100%;
    position: relative;
}

    .expandable-text.gradient:after {
        background-color: red;
        height: 100px;
        width: 100%;
        content: '';
        background: linear-gradient( to top, #fff, transparent );
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: -0;
    }

    .expandable-text[data-readmore] {
        transition: height 500ms;
        overflow: hidden;
    }

    .expandable-text + [data-readmore-toggle], .expandable-text[data-readmore] {
        display: block;
        width: 100%;
    }

    .expandable-text + [data-readmore-toggle] {
        text-align: center;
        border: 1px solid #bbb;
        padding: 4px 0px 2px 0;
        /* display: inline !important; */
        margin: 0 auto;
        width: 140px;
        border-radius: 14px;
        font-size: 14px;
        font-weight: 500;
        color: #555;
    }

.show-filter {
}

    .show-filter > input {
        display: inline-block;
        margin-bottom: 10px;
    }

    .show-filter > select {
        display: inline-block;
    }

@media only screen and (max-width : 768px) {
    #samplemenu .modal-body; {
        overflow-x: auto;
        overflow-y: auto;
        height: 500px;
    }

    .show-plan,
    .show-plan a,
    .show-plan a:hover {
        text-align: right;
        font-size: 14px;
    }

        .show-plan .event-name {
            float: left;
        }

            .show-plan .event-name a {
                background-color: transparent !important;
                font-weight: normal;
            }

    .change-date-container {
        background-color: #dedede;
    }

    .meal-plan .event-name {
        margin-bottom: 5px;
    }

    .meal-plan .event-date {
        margin-bottom: 10px;
        font-size: 14px !important;
    }



    .card-body [class*='col-']:first-child {
        padding-top: 0;
    }

    .btn-book {
        bottom: 0;
        z-index: 10;
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 3;
        padding: 15px;
        border-top: 4px solid #aa141b;
        border-radius: 0;
    }

    .mobile-center {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .mobile-left {
        text-align: left !important;
    }

    .mobile-no-float {
        float: none !important;
    }

    .mobile-top-no-spacing {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .lightbox .lb-nav a.lb-next, .lightbox .lb-nav a.lb-prev {
        opacity: 0.4;
    }



    .slick-slide {
        width: 300px;
        height: 150px;
        overflow: hidden;
        margin: 10px;
        position: relative;
        background-color: #000;
    }

        .slick-slide a img {
            position: absolute;
            margin: auto;
            /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

    .slick-next {
        right: -8px;
        z-index: 1;
    }

    .slick-prev {
        left: -8px;
        z-index: 1;
    }

    .blockOverlay {
        position: fixed !important;
        bottom: 0;
    }

    .blockMsg .hourglass .loader-msg {
        font-size: 18px !important;
    }

    .ui-autocomplete {
        /*left: 0 !important;
        width: 100% !important;*/
    }

        .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper,
        .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
            border: none;
            margin: 0;
            background-color: none !important;
            padding: 10px;
        }

    .display {
        display: none;
    }

    .page-heading h1, .page-heading h2 {
        display: none;
    }

    /*.ddlsort {        
        margin: 15px 0 3px;
        padding: 8px 5px 8px 10px;
        width: 80%;
        border-bottom: 4px solid #ccc;       
        background-color: #fff; 
    }*/

    .page-heading.with-sort {
        margin-top: -25px;
    }
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 768px) {

    h1, .h1 {
        font-size: 26px;
        font-weight: 300;
        /*padding: 15px 0;*/
    }

    h2, .h2 {
        font-size: 22px;
        font-weight: 300;
    }

    h3, .h3 {
        font-size: 20px;
        font-weight: 400;
    }

    .cal td p {
        background-color: #eee;
        margin-bottom: 5px !important;
        padding-right: 5px;
    }

    .date-container {
        min-height: 30px;
        text-align: center;
    }

    .none {
        display: block;
    }

    .page-heading h1 {
        font-size: 28px;
        font-weight: 700;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .page-heading h2 {
        margin-top: -25px;
        margin-bottom: 45px;
        font-size: 28px;
        font-weight: 300;
    }

    .page-heading.with-sort {
        text-align: left;
        width: 100%;
    }

        .page-heading.with-sort > h1 {
            display: inline-block;
        }

        .page-heading.with-sort > #ddlsort {
            float: right;
            margin-top: 25px;
        }

        .page-heading.with-sort > select {
            font-size: 14px !important;
            padding: 2px 5px;
        }

    .section-lg {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .section-lg .down-arrow {
            margin-top: -75px !important;
            margin-bottom: 40px !important;
        }

    .section-md {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-sm {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .section-xs {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .section-heading {
        font-weight: 100;
        font-size: 54px;
    }

    .section-lg .section-heading {
        margin-bottom: 60px;
    }

    .section-md .section-heading {
        margin-bottom: 30px;
    }

    .section-sm .section-heading {
        margin-bottom: 15px;
    }


    .down-arrow {
        border-style: solid;
        border-width: 15px 25px 0 25px;
        border-color: #ffffff transparent transparent transparent;
        display: block;
        margin: 0 auto;
        width: 0;
        height: 0;
    }



    #slide {
        border: 1px solid black;
        height: 50px;
        width: 100%;
        transition: height 500ms ease;
        -moz-transition: height 500ms ease;
        -ms-transition: height 500ms ease;
    }

    .map-content {
        font-size: 18px;
    }

    .basketheading {
        font-size: 34px;
        margin-bottom: 35px;
    }

    .btn-book {
        position: relative;
        padding: 15px;
        width: initial;
        margin-top: 0;
        font-weight: 400;
        font-size: 22px;
    }

    .btn-fix {
        margin-top: 66px;
    }


    .ttd-slider-caption .slider-heading {
        font-size: 38px !important;
    }

    .ttd-slider-caption .sub-heading {
        font-size: 22px !important;
    }

    .list-view-heading {
        font-size: 13px;
        padding-top: 3px;
    }

    .list-view-item .btn-padding {
        padding: 8px 0px 8px 0px !important;
    }


    .slick-prev:before, .slick-next:before {
        margin-left: 0;
        color: #808080;
    }

    /*.offers-list-container .list-item {
        height: 410px;
    }*/

    .youtube-video {
        width: 100%;
        height: 320px;
    }

    .slick-slide {
        width: 400px;
        height: 150px !important;
        overflow: hidden;
        margin: 10px;
        position: relative;
        background-color: #000;
    }

        .slick-slide a img {
            position: absolute;
            margin: auto;
            /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

    .modal-ajax-calendar .modal-body {
        min-height: 600px;
    }

    .modal-ajax-calendar .month-container {
        margin-left: -10px;
        margin-right: -10px;
        padding: 10px 15px;
    }

    .btn-float-floating {
        background-color: #dc0d17;
        z-index: 999;
        position: fixed;
        top: 0;
        width: inherit;
        /*border-bottom: 4px solid #d4d4d4;*/
        border-bottom: 2px solid #711318;
        width: inherit;
        width: 350px;
    }

        .btn-float-floating a:hover {
            box-shadow: none;
        }


    .show-filter {
        float: right;
        text-align: right;
        margin-top: 20px;
    }

        .show-filter > input {
            width: 180px;
        }

        .show-filter > select {
            width: 150px;
        }
}


.searchbar {
    border: 1px solid #c1c1c1;
    background-color: #e0e0e0;
    display: table;
    width: 100%;
    border-radius: 16px;
}

.searchbox {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    display: table;
    border: 2px solid #cfcfcf;
    border-radius: 45px;
    padding: 10px 14px;
    font-size: 14px;
    color: #666;
}

    .searchbox .form-group {
        margin-bottom: 0px;
    }

    .searchbox .form-control {
        border: 0px;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0px;
    }

    .searchbox .col-sm-8, .searchbox .col-sm-3, .searchbox .col-sm-1 {
        padding: 0px !important;
    }




.star-rating {
    color: #ffd000 !important;
    display: inline-block;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .offers-list-container .list-item {
        height: 448px;
    }
}