@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lobster);


body {
    background: url("images/background.jpg") repeat-x #F4FCFE;
    font-family: 'Lora', serif;
}



html, body {
    height: 100%;
}
.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -190px;
}
.page-wrap:after {
    content: "";
    display: block;
}
.site-footer, .page-wrap:after {
    height: 190px;
}

h1 {
    margin: 0 0 40px;
    font-size: 20px;
    color: #4773c4;
    font-family: 'Lobster', cursive;
    text-align: center;
}

h2 {
    font-family: 'Lobster', cursive;
    color: #DD1119;
    margin-bottom: 40px;
}
.default-font {
    font-family: 'Lora', serif;
}

header {
    background: url("images/banner2.jpg") repeat-x top;
    height: 84px;
    margin-bottom: 160px;
}

nav {
    width: 100%;
    background: #DD1119;
    background: -moz-linear-gradient(top,  rgba(234,92,96,1) 0%, rgba(221,17,25,1) 52%, rgba(234,92,96,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5c60', endColorstr='#ea5c60',GradientType=0 );
}


nav ul {
    color: #FD8A8B;
    margin: 7px auto 0;
    font-weight: bold;
    padding: 0;
}

nav li {
    display:inline;
    padding-right: 3px;
    padding-left: 3px;
}

nav li a {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 8px;
    font-weight: bold;
}

nav li a:hover {
    color: #FD8A8B;
    text-decoration: none;
}


.user-admin-nav {
    position: relative;
}


.user-nav {
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #ffffff;
    background: #DD1119;
    background: -moz-linear-gradient(top,  rgba(234,92,96,1) 0%, rgba(221,17,25,1) 52%, rgba(234,92,96,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5c60', endColorstr='#ea5c60',GradientType=0 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    color: #FD8A8B;
    margin: 10px 0;
}





.user-nav a {
    color: #ffffff;
}

.user-nav a:hover {
    color: #FD8A8B;
    text-decoration: none;
}



.fix-nav-wrap {
    position: relative;
}



.logo {
    display: block;
    background: url("images/brand.png") no-repeat;
    background-size: 257px;
    width: 257px;
    height: 84px;
}

.content-block {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.top-radius {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


.btm-radius {
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}


.all-radius {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


/* table nav -------------------------------------------------------------------------------------------------------- */

.prev-next {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 40px;
    border-bottom: 1px solid #dddddd;
}


.prev-day, .next-day {
    display: inline-block;
    width: 14%;
    padding: 8px 0;
    background: #DD1119;
    background: -moz-linear-gradient(top,  rgba(234,92,96,1) 0%, rgba(221,17,25,1) 52%, rgba(234,92,96,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5c60', endColorstr='#ea5c60',GradientType=0 );
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.prev-day:hover, .next-day:hover {
    background: #ce1119;
    color: #ffffff;
    text-decoration: none;
}


.prev-day {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.next-day {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}




.prev-next .hasDatepicker {
    width: 64%;
    display: inline-block;
    border: 0;
    background: url("images/calendar-icon.png") no-repeat top right #F9F9F9;
    height: 46px;
    font-size: 18px;
    padding: 0 10px;
}

/* table ------------------------------------------------------------------------------------------------------------ */


.tablet-wrap {
    border: 1px solid #0E3B8E;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}


tr:nth-child(even) {
    background: #e9edef;
}


td:nth-child(even) {
    border-left: 1px solid #dddddd;
}



table.day th.tickets, table.day th.hour  {
    background: rgb(51,96,189);
    background: -moz-linear-gradient(top,  rgba(51,96,189,1) 0%, rgba(14,59,142,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3360bd', endColorstr='#0e3b8e',GradientType=0 );
    text-align: center;
    color: #ffffff;
}
.address-info {
    background: rgb(51,96,189);
    background: -moz-linear-gradient(top,  rgba(51,96,189,1) 0%, rgba(14,59,142,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3360bd', endColorstr='#0e3b8e',GradientType=0 );
    text-align: center;
    color: #ffffff;
    padding: 10px 0;
    font-size: 18px;
}

.address-info p {
    margin-bottom: 0;
}

.address-info p.location {
    font-weight: bold;
}

table.day th.tickets {
    font-weight: bold;
    font-size: 14px;
}

table.day {
    table-layout: fixed;
    white-space: nowrap;
    border-collapse: collapse;
}

table.day, div.error {
    width: 100%;
}

table.day th.hour {
    width: 50px;
}

table.day th.tickets {
    width: 100%;
}

table.day th,
table.day td {
    height: 80px;
}



.book-ticket-block {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: rgb(168,168,168);
    background: -moz-linear-gradient(top,  rgba(168,168,168,1) 0%, rgba(175,175,175,1) 50%, rgba(168,168,168,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(175,175,175,1) 50%,rgba(168,168,168,1) 100%);
    background: linear-gradient(to bottom,  rgba(168,168,168,1) 0%,rgba(175,175,175,1) 50%,rgba(168,168,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#a8a8a8',GradientType=0 );
    padding: 14px 6px;
    margin: 8px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
}

.book-ticket-block .ticket-book-button {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    top: 4px;
    right: 4px;
    height: 39px;
    border: 0;
    text-align: center;
    padding: 0 8px;
}


td.hour {
    text-align: center;
    font-weight: bold;
}


.day td.hour {
    vertical-align: text-top;
    padding-top: 6px;
}

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




.ticket-form {
    padding: 20px
}

.ticket-form hr {
    border-top: 1px solid #b3b3b3;
}

.ticket-form .row {
    margin-bottom: 20px;
}



.ticket-form select {
    text-transform: none;
    width: 140px;
    padding: 8px;
}

.intro p {
    font-size: 16px;
}
.intro h1 {
    margin-bottom: 18px;
}
.intro + h1 {
    margin-top: 30px;
}

.ticket-form textarea {
    text-transform: none;
    width: 100%;
    padding: 8px;
}

.ticket-notes {
    margin-top: 15px;
}

.error p {
    display: block;
    background: #fdfdfd;
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #ff0000;
}

.txt-lg {
    font-size: 18px;
}

.error-block {
    margin-top: 20px;
    background: #fdfdfd;
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #ff0000;
}

.error-block p {
    color: #ff0000;
}
.error.error-info {
    color: #2E9930;
    border-color: #2E9930;
}
.error.error-info p {
    color: #2E9930;
}
.error.error-info-only {
    color: #4773c4;
    border: none;
    width: auto;
    margin: 20px 10px;
    padding: 0;
}
.error.error-info-only .error-inner {
    border: 1px solid #4773c4;
    padding: 20px;
    width: 100%;
}
.error.error-info-only p {
    color: #4773c4;
}
.error.error-info-only a {
    color: #DD1119;
}
.ticket-form .error {
    margin: 0 0 40px;
}


/* cart */


.two-block-form {
    padding: 20px;
}



.two-block-form .row {
    margin-bottom: 40px;
}

.two-block-form input, .two-block-form select {
    width: 100%;
    height: 40px;
    padding: 10px;
}
.two-block-form input[type=checkbox] {
    width: auto;
    height: auto;
    padding: 0;
}


.two-block-form span {
    display: block;
    background: #dddddd;
    color: #4773c4;
    font-weight: bold;
    padding: 10px;
    margin-top: 10px;
}

.ticket-form .price-quantity {
    line-height: 37px;
    padding-left: 15px;
    display: inline-block;
}
.terms-contain {
    font-size: 18px;
    line-height: 20px;
}
h2.no-mgn-btm {
    margin-bottom: 0 !important;
}
.terms-contain input[type=checkbox]
{
    height: 20px;
    width: 20px;
    margin-top: 0;
    position: relative;
    top: 4px;
}
@media screen and (min-width:768px)
{
    .ticket-form .price-quantity {
        padding-left: 35px;
    }
}
.ticket-form .price {
    line-height: 37px;
    font-size: 20px;
    font-weight:bold;
}

.submit-btn input, .submit-btn .btn {
    border: 0;
    padding: 10px 30px;
    font-size: 22px;
    color: #ffffff;
    height: inherit;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
}


.msg-with-btn {
    background: rgb(247, 247, 247);
    padding: 20px;
}

.msg-with-btn button {
    float: right;
    border: 0;
    padding: 10px;
    margin-bottom: 10px;
}


.msg-with-btn p {
    text-align: right;
    color: #4773c4;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0;
}

.grandtotal {
    text-align: right;
    color: #DD1119;
    font-size: 24px;
    margin: 40px 0;
    font-weight: bold;
}

.grandtotal .currency {
    color: #333;
    font-size: 18px;
}

/* summry */


.summary-table-wrap {
    margin-bottom: 40px;
}

.summary-table-block {
    border: 1px solid #0E3B8E;
}

.summary-table-block table {
    width: 100%;
    font-size: 18px;
}






.summary-table-block h4 {
    background: rgb(51,96,189);
    background: -moz-linear-gradient(top,  rgba(51,96,189,1) 0%, rgba(14,59,142,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3360bd', endColorstr='#0e3b8e',GradientType=0 );
    text-align: center;
    color: #ffffff;
    margin: 0;
    padding: 20px;
    text-align: center;
}

.summary-table-block .item, .summary-table-block .quantity, .summary-table-block .line-price, .summary-table-block .ticket-price {
    padding: 6px;
    font-size: 14px;
}



.ticket-price, .tp-txt {
    font-weight: bold;
}

.summary-options {
    background: #0E3B8E;
    padding: 9px;
    font-size: 14px;
    width: 108px;
}

.summary-options p {
    margin-bottom: 0;
    color: #cccccc;
}

.summary-options a, .summary-options a:hover {
    color: #ffffff;
    text-decoration: none;
}


.quantity {
    text-align: center !important;
}

.order-summary {
    font-size: 18px;
}

.order-summary span {
    color: #4773c4;
    font-size: 20px;
}

.radio, label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.booking-ref-number {
    background: #dddddd;
    padding: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.booking-ref-number p {
    font-size: 22px;
}

.booking-ref-number h2 {
    font-size: 60px;
    margin-bottom: 0;
    font-family: 'Lora', serif;
}



.on-the-day {
    border: 1px solid #eeeeee;
    padding: 20px;
    margin-bottom: 40px;
}

.on-the-day ul li {
    font-size: 18px;
    margin-bottom: 6px;
}

.sm-txt {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
}

/* all -------------------------------------------------------------------------------------------------------------- */



.submit-btn input, .submit-btn .btn, .book-ticket-block .ticket-book-button, .default-btn  {
    background: #DD1119;
    background: -moz-linear-gradient(top,  rgba(234,92,96,1) 0%, rgba(221,17,25,1) 52%, rgba(234,92,96,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    background: linear-gradient(to bottom,  rgba(234,92,96,1) 0%,rgba(221,17,25,1) 52%,rgba(234,92,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5c60', endColorstr='#ea5c60',GradientType=0 );
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.msg-with-btn button, .print-btn  {
    background: rgb(51,96,189);
    background: -moz-linear-gradient(top,  rgba(51,96,189,1) 0%, rgba(14,59,142,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,96,189,1) 0%,rgba(14,59,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3360bd', endColorstr='#0e3b8e',GradientType=0 );
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
a.default-btn {
    display: inline-block;
}

.msg-with-btn button:hover, .print-btn:hover  {
    background: #0E3B8E;
    color: #ffffff;
}


.submit-btn input:hover, .book-ticket-block .ticket-book-button:hover, .default-btn:hover, .submit-btn .btn:hover  {
    background: #ce1119;
    color: #ffffff;
}


.default-btn {
    padding: 20px;
}

.default-btn:hover, .default-btn:active {
    text-decoration: none;
    color: #ffffff;
}

.center-btn {
    padding: 20px;
    width: 120px;
    margin: 0 auto;
    display: block;
}


.print-btn {
    border: 0;
    padding: 10px;
}

.button-back {
    border: 0;
    width: 100%;
    padding: 10px 20px;
    font-size: 22px;
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgb(226,226,226);
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(237,237,237,1) 50%, rgba(226,226,226,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(237,237,237,1) 50%,rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(237,237,237,1) 50%,rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=0 );
    color: #000000;
}

.button-back:hover {
    background: #e6e6e6;
    color: #000000;
    text-decoration: none;
}

.button-back a {
    color: #000000;
}

.button-back a:hover {
    text-decoration: none;
}

.cancel-btn {
    font-size: 14px;
    padding: 6px;
    width: 100%;
    display: inline-block;
}


footer {
    background: #4171C0;
    padding-top: 46px;
    padding-bottom: 36px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 14px;
}


footer a, footer a:hover {
    color:#FFFFFF;
}

footer ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

footer ul li {
    padding-bottom: 8px
}

.time-counter-wrap {
    display: none;
    width: 320px;
    height: 100px;
    position: relative;
    z-index: 1000;
    padding-left: 70px;
    top: -30px;
}
.countdown-timer {
    display: none;
    padding-top: 15px;
    width: 244px;
    height: 200px;
    background: #A9DFEB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #fff;
    position: relative;
    z-index: 20;
}
.orderdetails {
    text-overflow: ellipsis;
    overflow: hidden;
}
.countdown-title {
    position: relative;
    background: rgb(227,5,19); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(227,5,19,1) 0%, rgba(187,2,14,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(227,5,19,1) 0%,rgba(187,2,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(227,5,19,1) 0%,rgba(187,2,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30513', endColorstr='#bb020e',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 254px;
    height: 70px;
    padding-top: 6px;
    color: #fff;
    margin-left: -6px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    font-family: "Lobster",cursive;
    text-shadow: 2px 2px rgba(64, 64, 64, 0.7);
}
.countdown-title span {
    display: block;
    font-size: 34px;
    line-height: 34px;
}
.countdown-title:before, .countdown-title:after {
    content: '';
    position: absolute;
    bottom: -6px;
    border-top: 5px solid #98282F;
    width: 0;
    height: 0;
}
.countdown-title:before {
    left: 0;
    border-left: 5px solid transparent;
}
.countdown-title:after {
    right: 0;
    border-right: 5px solid transparent;
}
.clock {
    width: 220px;
    margin: 13px 0 0 11px;
}
.digtal-dial {
    display: inline-block;
    width: 52px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-family: Impact, Charcoal, sans-serif;
}
.digit {
    font-family: Impact, Charcoal, sans-serif;
    margin-top: 3px;
    display: block;
    width: 52px;
    height: 65px;
    font-size: 30px;
    background: rgb(132,132,132); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(132,132,132,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(132,132,132,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(132,132,132,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(132,132,132,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(132,132,132,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(132,132,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#848484',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    overflow: hidden;
    text-align: center;
    border: 2px solid #A5D8E3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}
.note-contain {
    position: relative;
}
.note-contain .note-status {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 2em;
}

/* Small Devices, Tablets ########################################################################################### */
@media (min-width: 768px) {
    .time-counter-wrap, .countdown-timer {
        display: block;
    }

    header {
        margin-bottom: 80px;
    }

    nav {
        height: 40px;
    }

    .user-nav {
        margin: -14px 0 0 0;
        display: inline-block;
        padding: 20px;
        float: right;
    }

    .summary-table-block .item, .summary-table-block .quantity, .summary-table-block .line-price, .summary-table-block .ticket-price {
        padding: 20px;
        font-size: 18px;
    }

    .grandtotal {
        font-size: 34px;
    }


    .submit-btn input, .submit-btn .btn {
        padding: 20px 30px;
        width: auto;
    }


    .relative-block {
        position: relative;
        padding-bottom: 150px;
    }


    .left-btm-btn, .right-btm-btn {
        position: absolute;
        bottom: 40px;
    }

    .right-btm-btn {
        right: 40px;
    }

    .left-btm-btn {
        left: 40px;
    }


    .prev-day, .next-day {
        width: 10%;
    }

    .prev-next .hasDatepicker {
        width: 77%;
    }

    .ticket-form {
        padding: 20px 170px;
    }

    .prev-next {
        width: 600px;
    }

    .content-block {
        padding: 40px 40px 130px;
    }

    table.day th.hour {
        width: 100px;
    }

    table.day th.tickets {
        width: 100%;
    }

    .book-ticket-block .ticket-book-button {
        padding: 0 30px;
    }

    .book-ticket-block {
        padding: 14px;
    }

    table.day th.tickets {
        font-size: 26px;
    }

    h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .two-block-form {
        padding: 20px 170px;
    }

    .button-back {
        width: auto;
        padding: 20px 30px;
        font-size: 22px;
        margin-bottom: 0;
    }

    .cancel-btn {
        font-size: 22px;
        padding: 20px 30px;
        display: block;
    }

    .summery-block {
        border: 1px solid #eeeeee;
        padding: 0 20px 20px;
    }

    .relative-block-xl {
        position: relative;
        padding-bottom: 210px;
    }

    .relative-block-xl .left-btm-btn {
        bottom: 124px;
    }

    footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }



}

/* Medium Devices, Desktops ######################################################################################### */
@media (min-width: 992px) {

}

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

    .container {
        width: 1080px;
    }
}




@media print {

    .content-block {
        margin-bottom: 0;
    }
    .site-footer {
        display: none;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Lora', serif;
        font-weight: bold;
    }
    h1 {
        font-size: 20pt;
        line-height: 26pt;
        margin-bottom: 5pt;
    }
    h2 {
        font-size: 14pt;
        margin-bottom: 5pt;
        margin-top: 5pt;
    }

    .booking-ref-number {
        padding: 0;
        margin-bottom: 0;
        border: 1px solid #000000;
    }

    .booking-ref-number h2 {
        font-size: 16pt;
        margin-top: 0;
        padding: 5pt 0;
        font-weight: bold;
    }
    .booking-ref-number p {
        width: 50%;
        float: left;
        text-align: right;
        padding: 5pt 0;
        font-size: 14pt;
    }


    header {
        margin-bottom: 0;
    }

    .logo {
        width: 170px;
        height: 59px;
    }

    .content-block {
        padding: 0;
    }

    .on-the-day {
        border: 0;
        padding: 5pt 0;
        margin: 0;
    }

    .on-the-day h2 {
        margin-bottom: 5pt;
        font-size: 12pt;
    }

    .ticket tr + tr th, .ticket tr + tr td {
        border: 1px solid #000;
        border-top: 1px solid #000;
        border-left: none;
        border-right: none;
        border-bottom: 0
    }
    .ticket tr th + th, .ticket tr td + td {
        border-left: 1px solid #000;
    }

    .ticket tr:last-child td:first-child + td {
        border-left: 0;
        text-align: right
    }

    .summary-table-block {
        border: 0;
    }

    .summary-table-block h4 {
        padding: 5pt 0;
    }

    .address-info {
        border: 1px solid #000;
        padding: 5pt;
    }

    .address-info p {
        margin: 0;
        text-align: center;
    }

    .address-info p.location {
        font-weight: bold;
    }
    header {
        height: auto;
    }

    .logo:before {
        content: url('images/brand-print.png');
        background-size: 100px;
    }

    nav, footer, a {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }

    .print-btn {
        display: none;
    }

    .on-the-day ul li {
        font-size: 12px;
        margin-bottom: 0;
    }

    .summery-block {
        border: 0;
        padding: 0;
    }

    .summery-block p {
        font-size: 10pt;
        font-weight: bold;
    }

    .summery-block p span {
        font-size: 10pt;
        font-weight: normal;
    }

    .summery-block h2 {
        margin-top: 0;
    }

    .col-sm-6 {
        width: 50%;
        float: left;
    }
    .col-md-2 {
        width: 16.66665%;
        float: left;
    }
    .col-md-3 {
        width: 25%;
        float: left;
    }
    .col-md-4 {
        width: 33.333333%;
        float: left;
    }
    .col-md-12 {
        width: 100%;
        float: left;
    }

    .order-summary + hr {
        display: none;
    }

    h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .summary-table-block .item, .summary-table-block .quantity, .summary-table-block .line-price, .summary-table-block .ticket-price {
        padding: 4px;
        font-size: 12px;
    }

    h3.grandtotal {
        font-size: 14pt;
        padding: 10pt 0;
        margin: 0;
    }

    .orderdetails {
        text-overflow: ellipsis;
        overflow: hidden;
    }

}