/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Common site styles
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/

/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova-bold-webfont-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont-webfont.svg') format('svg'), url('../fonts/proximanova-bold-webfont-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova-regular-webfont-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont-webfont.svg') format('svg'), url('../fonts/proximanova-regular-webfont-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova-semibold-webfont-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-semibold-webfont-webfont.svg') format('svg'), url('../fonts/proximanova-semibold-webfont-webfont.woff') format('woff'), url('../fonts/proximanova-semibold-webfont-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova-regularitalic-webfont-webfont.eot');
    src: url('../fonts/proximanova-regularitalic-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regularitalic-webfont-webfont.svg') format('svg'), url('../fonts/proximanova-regularitalic-webfont-webfont.woff') format('woff'), url('../fonts/proximanova-regularitalic-webfont-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?seijnv');
    src: url('../fonts/icomoon.eot?#iefixseijnv') format('embedded-opentype'), url('../fonts/icomoon.woff?seijnv') format('woff'), url('../fonts/icomoon.ttf?seijnv') format('truetype'), url('../fonts/icomoon.svg?seijnv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.icon-info:before {
    content: "\e602";
    content: "\e602";
    font-size: 26px;
    margin-top: 10px;
    display: block;
}

.icon-banknote:before {
    content: "\e600";
}

.icon-calendar:before {
    content: "\e601";
}

.icon-check:before {
    content: "\f00c";
}

.icon-times-circle-o:before {
    content: "\f05c";
}

.icon-check-circle-o:before {
    content: "\f05d";
}

.icon-minus:before {
    content: "\f068";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-ticket:before {
    content: "\e603";
}

/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
html,
body {
    height: 100%;
}

input [type="email"], input [type="tel"], .form-control, input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea {
    -webkit-appearance: none;
}

    .form-control.placeholder {
        color: #a9a9a9;
    }

body.home {
    background: #fafafa;
}

body {
    min-width: 320px;
}

.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn {
    border: none;
    text-shadow: none;
    font-size: 18px;
    line-height: 24px;
}

.btn-primary {
    background: #f6303e;
}

/* ---------------------------------------------------------
   3. Сommon site styles
   ---------------------------------------------------------*/

/* main container styles */
#wrapper {
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 auto;
}

.w1 {
    width: 100%;
    display: table-row;
}

/* header styles */
.home #header {
    /*margin-bottom: 30px;*/
}

#header {
    /*margin-bottom: 54px;*/
}



.top-bar h1 {
    width: 17%;
}

.top-bar {
    background: #343434;
    /*height: 70px;*/
    width: 100%;
    z-index: 100;
}

    .top-bar ul {
        list-style: none;
        padding-top: 25px;
        float: left;
        width: 30%;
        padding-left: 0px;
    }

    .top-bar li a {
        color: #fff !important;
        padding: 18px;
        border-radius: 3px;
    }

    .top-bar li {
        padding: 8px;
        display: inline;
    }

        .top-bar li a:hover {
            text-decoration: none;
            background: #f6303e;
        }

/*.top-header .top-bar {
    position: fixed;
    left: 0px;
    width: 101.9%;
    z-index: 10;
}*/

/* language switcher styles */
.lang {
    float: right;
    padding: 9px 7px 8px 15px;
}

    .lang .flag {
        border: 1px solid #686868;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        overflow: hidden;
        float: left;
    }

        .lang .flag img {
            display: block;
            width: 100%;
        }

    .lang .opener,
    .user:after {
        margin: 4px 0 0 8px;
        text-indent: -9999px;
        overflow: hidden;
        width: 11px;
        height: 7px;
        background: url(../images/sprite.png?v=08052015) no-repeat;
        float: left;
        background-position: -25px 0;
        margin: 4px 0 0 5px;
    }

/* user menu styles */
.user:after {
    float: right;
}

.user-menu {
    float: left;
    margin: 0;
    padding: 0;
}

    .user-menu li {
        padding: 12px;
        float: left;
        font-size: 12px;
        line-height: 24px;
        font-weight: 600;
        list-style: none;
    }

        .user-menu li :hover {
            background: #f43443;
        }

        .user-menu li a {
            display: block;
            padding: 4px 14px 5px;
            color: #fff;
        }

            .user-menu li a:hover {
                text-decoration: none;
                background: #f6303e;
            }

.user {
    color: #fff;
}

    .user:after {
        content: "";
    }

    .user:hover {
        color: white;
        text-decoration: none;
    }

    .user .name:hover {
        color: white;
    }

    .user .name {
        color: #f6303e;
        border: none;
    }

.header-inner {
    /*padding: 25px 0 22px;*/
    background: #fafafa;
}



.topNavBar {
    width: 100% !important;
}
/* page logo styles */
.logo {
    float: left;
    width: 267px;
    height: 58px;
    background: url(../images/logo2.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
}

    .logo a {
        display: block;
        height: 100%;
    }
/* search form styles */
.search-form {
    float: right;
    border: 2px solid #eee;
    border-radius: 5px;
    padding: 2px;
    width: 370px;
    background: #fff;
    margin: 9px 0 0;
}

    .search-form .input-holder {
        overflow: hidden;
    }

    .search-form .form-control {
        border: none;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        font-size: 14px;
        line-height: 15px;
        padding: 10px 12px;
    }

    .search-form .btn {
        float: right;
        margin-left: 5px;
    }

        .search-form .btn span {
            text-indent: -9999px;
            overflow: hidden;
            display: block;
            width: 39px;
            height: 25px;
            background: url(../images/sprite.png?v=08052015) no-repeat -97px 5px;
        }

.search-form-scrolled {
    position: absolute;
    right: 150px;
    z-index: 10;
    height: 26px;
    top: -3px;
}

    .search-form-scrolled .input-holder {
        height: 28px;
        top: 1px;
        position: absolute;
        width: 325px;
        right: 20px;
    }

        .search-form-scrolled .input-holder input {
            border: none;
        }

        .search-form-scrolled .input-holder .form-control {
            margin-top: 3px;
            height: 29px;
            color: #fff;
            background-color: #1b1b1b;
        }

    .search-form-scrolled .btn {
        text-indent: -9999px;
        overflow: hidden;
        display: block;
        height: 21px;
        width: 30px;
        position: absolute;
        right: 30px;
        top: 6px;
        background-color: #1b1b1b;
        -webkit-box-shadow: none;
        -box-shadow: none;
        z-index: 9;
        background: url(../images/sprite.png?v=08052015) no-repeat -97px 5px;
    }

        .search-form-scrolled .btn span {
            top: 4px;
            position: absolute;
            right: 20px;
        }
/* carousel styles */
.carousel {
    position: relative;
}

    .carousel .mask {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
        /* slideset block styles */
        .carousel .mask .slideset {
            width: 100%;
            float: left;
        }
        /* slide element styles */
        .carousel .mask .slide {
            width: 1400px;
            float: left;
        }

            .carousel .mask .slide img {
                width: 100%;
                height: auto !important;
                position:relative;
            }

            .carousel .mask .slide.active {
                z-index: 1;
            }
    /* carousel pagination styles */
    .carousel .pagination {
        position: absolute;
        bottom: 32px;
        right: 139px;
        z-index: 5;
    }

        .carousel .pagination ul {
            margin: 0;
            padding: 0;
            line-height: 0;
        }

        .carousel .pagination li {
            display: inline-block;
            vertical-align: top;
            list-style: none;
            margin-left: 6px;
        }

        .carousel .pagination a {
            display: block;
            width: 14px;
            height: 14px;
            background: #fff;
            border: 2px solid #fff;
            border-radius: 50%;
            text-indent: -9999px;
            overflow: hidden;
            outline: none;
            background-clip: padding;
            -moz-background-clip: padding;
            -webkit-background-clip: padding;
        }

        .carousel .pagination .active a {
            background: #f6303e;
            background-clip: padding;
            -moz-background-clip: padding;
            -webkit-background-clip: padding;
        }

    .carousel .btn-prev,
    .carousel .btn-next {
        position: absolute;
        width: 23px;
        height: 38px;
        text-indent: -9999px;
        overflow: hidden;
        top: 50%;
        margin-top: -14px;
        z-index: 2;
        background: url(../images/sprite.png?v=08052015) no-repeat;
        outline: none;
    }

    .carousel .btn-prev {
        left: 36px;
        background-position: -24px -25px;
    }

    .carousel .btn-next {
        right: 36px;
        background-position: -47px -25px;
    }
/* visual block styles */
#header .visual {
    margin-top: -2px;
}

    #header .visual img {
        display: block;
        width: 100%;
    }
/* main navigation styles */

.topNavInput {
    float: left;
    padding-top: 23px;
    width: 57%;
    padding-left: 15px;
}

.topnav #navLogo a:hover {
    background-color: #333;
}

.topnav #navLogo a {
    float: left;
    padding:0px;
}
.topnav img {
    float: left;
    width: 230px;
    height: 80px;
    padding: 8px 11px 6px 6px;
}

.topnav a span {
    border: 1px solid;
    padding: 10px;
}

#mainMenu{
    position:relative !important;
}

.topnav .bars {
    width: 28px;
    height: 4px;
    background-color: white;
    margin: 3px 4px;
}

.topnav {
       min-height: 81px;
    background-color: #333;
}

    .topnav a {
        float: right;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 29px 16px;
        text-decoration: none;
        font-size: 17px;
    }

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.stickyChild
{
    margin-top:80px;
}

.active {
    color: white;
}

.topnav .collapseIcon {
    display: none;
}

.menu-dropdown {
    float: right;
    overflow: hidden;
}

    .menu-dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 28px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.menu-dropdown-content {
    display: none;
    right: 0;
    position: absolute;
    background-color: #333;
    color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

    .menu-dropdown-content a {
        float: none;
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

.topnav a:hover, .menu-dropdown:hover .dropbtn {
    background-color: #f43443;
    color: white;
}

.menu-dropdown-content a:hover {
    background-color: #f43443;
    color: white;
}

.menu-dropdown:hover .menu-dropdown-content {
    display: block;
}

@media screen and (max-width: 767px) {
    .topnav a:not(:first-child), .menu-dropdown .dropbtn {
        display: none;
    }
    .summary-table .menu-dropdown .dropbtn {
        display: block;
    }


    .topnav a.collapseIcon {
        float: right;
        display: block;
    }

    .topnav.responsive .topNavInput {
        width: 100%;
        float: none;
        display: block;
        padding: 15px;
    }

    .topnav.responsive a {
        font-size: 14px !important;
        padding: 28px 16px;
    }
    .topnav .menu-dropdown .dropbtn {
        font-size: 14px !important;
        padding: 29px 16px;
    }
    .topnav .topNavInput {
        display: none;
    }

    .topnav a span {
        border: none;
        padding: 0px !important;
    }
}

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

    .topnav.responsive .collapseIcon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

    .topnav.responsive .menu-dropdown {
        float: none;
    }

    .menuItem {
        width: 100%;
    }

    .topnav.responsive #navLogo a {
        float: none;
    }

    .topnav {
        overflow-y: auto;
    }

    .topnav.responsive {
        overflow-y: auto;
    height: 100%;
    }
      

        .topnav #navLogo a {
            float: left;
        }
        .topnav img{
            padding:10px;
        }

        .topnav .menu-dropdown-content {
            overflow-y: auto;
        }

        .topnav.responsive .menu-dropdown-content {
            position: relative;
            overflow-y: auto;
            text-indent: 9px;
            border-bottom: 2px solid white;
        }

        .topnav.responsive .menu-dropdown .dropbtn {
            display: block;
            width: 100%;
            text-align: left;
        }
}

.navbar {
    background: #343434;
    border: none;
}

.navbar-nav {
    margin: 0;
    display: table;
    width: 100%;
    float: none;
}

    .navbar-nav > li {
        white-space: nowrap;
        text-align: center;
        font: 600 15px/22px 'Montserrat', sans-serif;
        text-transform: uppercase;
        width: auto;
    }

        .navbar-nav > li a {
            display: block;
            padding: 23px 20px 20px;
            color: #fff;
            text-shadow: none;
            position: relative;
        }

            .navbar-nav > li a:hover,
            .navbar-nav > li a:focus,
            .navbar-nav > li.active a {
                background: #f6303e;
            }

            .navbar-nav > li a:before {
                display: inline-block;
                vertical-align: middle;
                height: 22px;
                width: 25px;
                background: url(../images/sprite.png?v=08052015) no-repeat;
                content: "";
            }

            .navbar-nav > li a.home:before {
                background-position: -52px -72px;
                margin-right: 6px;
            }

            .navbar-nav > li a.tickets:before {
                background-position: -50px -98px;
                margin-right: 10px;
            }

            .navbar-nav > li a.cash:before {
                background-position: -52px -128px;
                margin-right: 1px;
            }

            .navbar-nav > li a.event:before {
                background-position: -54px -153px;
                margin-right: 14px;
            }

            .navbar-nav > li a.stall:before {
                background-position: -80px -153px;
                margin-right: 14px;
            }

            .navbar-nav > li a.contact:before {
                background-position: -49px -176px;
                margin-right: 2px;
            }

            .navbar-nav > li a:hover:before {
                content: " ";
            }

            .navbar-nav > li a.home:hover:before,
            .navbar-nav > li.active a.home:before {
                background-position: -24px -72px;
            }

            .navbar-nav > li a.tickets:hover:before,
            .navbar-nav > li.active a.tickets:before {
                background-position: -22px -98px;
            }

            .navbar-nav > li a.cash:hover:before,
            .navbar-nav > li.active a.cash:before {
                background-position: -24px -128px;
            }

            .navbar-nav > li a.event:hover:before,
            .navbar-nav > li.active a.event:before {
                background-position: -26px -153px;
            }

            .navbar-nav > li a.stall:hover:before,
            .navbar-nav > li.active a.stall:before {
                background-position: -105px -153px;
            }

            .navbar-nav > li a.contact:hover:before,
            .navbar-nav > li.active a.contact:before {
                background-position: -21px -176px;
            }

            .navbar-nav > li a:after {
                position: absolute;
                top: 17px;
                left: 0;
                height: 36px;
                width: 1px;
                background: #575757;
                content: "";
            }

            .navbar-nav > li a:hover:after,
            .navbar-nav > li.active a:after,
            .navbar-nav > li:first-child a:after,
            .navbar-nav > li:hover + li a:after,
            .navbar-nav > li.active + li a:after {
                display: none;
            }

/*.topNavBar {
                width: 1202px;
            }

            .topNavBarResize {
                width: 1207px;
            }*/

/*.main-menu .navbar {
    background: #343434;
    border: none;
    position: fixed;
    top: 33px;
    left: 0px;
    z-index: 10;
    width: 100%;
}

.main-menu .navbar-nav {
    position: fixed;
}*/

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    .navbar-nav > li a.home:before {
        background-position: -24px -72px;
        margin-right: 6px;
    }

    .navbar-nav > li a.tickets:before {
        background-position: -22px -98px;
        margin-right: 10px;
    }

    .navbar-nav > li a.cash:before {
        background-position: -24px -128px;
        margin-right: 1px;
    }

    .navbar-nav > li a.event:before {
        background-position: -26px -153px;
        margin-right: 14px;
    }

    .navbar-nav > li a.contact:before {
        background-position: -21px -176px;
        margin-right: 2px;
    }

    .navbar-nav > li a.home:hover:before,
    .navbar-nav > li.active a.home:before {
        background-position: -24px -72px;
    }

    .navbar-nav > li a.tickets:hover:before,
    .navbar-nav > li.active a.tickets:before {
        background-position: -22px -98px;
    }

    .navbar-nav > li a.cash:hover:before,
    .navbar-nav > li.active a.cash:before {
        background-position: -24px -128px;
    }

    .navbar-nav > li a.event:hover:before,
    .navbar-nav > li.active a.event:before {
        background-position: -26px -153px;
    }

    .navbar-nav > li a.contact:hover:before,
    .navbar-nav > li.active a.contact:before {
        background-position: -21px -176px;
    }
}

/* main informative part styles */
#main {
    padding-bottom: 40px;
    overflow: hidden;
    padding-top: 23px;
    /*position: relative;*/
    width: 100%;
}

    #main h1 {
        margin: 0 0 20px;
    }
/* event block styles */
.event-block {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-bottom: 31px;
}

    .event-block .visual {
        position: relative;
        border-bottom: 7px solid #f6303e;
    }

        .event-block .visual img {
            display: block;
            width: 100%;
            border-radius: 2px 2px 0 0;
        }

        .event-block .visual .view {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 2px 2px 0 0;
            z-index: 5;
            background: url(../images/transparent.png);
        }

            .event-block .visual .view span {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 125px;
                border: 2px solid #f6303e;
                padding: 8px 5px 7px;
                text-align: center;
                color: #f6303e;
                font: bold 14px/24px 'Montserrat', sans-serif;
                text-transform: uppercase;
                border-radius: 4px;
                margin: -21px 0 0 -61px;
                display: none;
            }

            .event-block .visual .view.hover {
                background: #333;
                background: rgba(7,7,7,0.6);
            }

                .event-block .visual .view.hover span {
                    display: block;
                }

.event-block-link:hover {
    text-decoration: none;
}

.event-block .text-holder {
    padding: 21px 12px 24px;
    color: #7c7c7c;
    line-height: 20px;
}

.event-block h2 {
    font-weight: 600;
    margin: 0 0 10px;
}

.event-block p {
    margin-bottom: 19px;
}

.event-block .price {
    display: block;
    padding-bottom: 20px;
    color: #a9a9a9;
    margin: 0 0 19px 3px;
}

.event-block .date {
    display: inline-block;
    vertical-align: top;
    border: 2px solid #343434;
    color: #343434;
    padding: 6px 19px 5px;
    border-radius: 5px;
    min-width: 154px;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.btn-holder {
    text-align: center;
    padding: 9px 0 7px;
}

.btn-all {
    padding: 16px;
    min-width: 225px;
    border-radius: 6px;
}
/* page heading styles */
.heading {
    border-bottom: 5px solid #f6303e;
    margin-bottom: 55px;
}

    #main .heading h1,
    .heading h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 21px;
    }
/* summary styles */
.summary {
    margin-bottom: 13px;
}

    .summary h2 {
        margin: 0 0 41px;
    }
/* table styles */
table {
    width: 100%;
    color: #343434;
    border-collapse: collapse;
}

    table thead th {
        font: 600 18px/24px 'Montserrat', sans-serif;
        text-align: center;
        border: solid #d0d0d0;
        border-width: 1px 1px 0 0;
        background: #eee;
        padding: 20px 10px 14px;
    }

    table .border th {
        border: none;
        padding: 0;
        border-bottom: 4px solid #f43443;
        border-radius: 0 !important;
    }

    table th:first-child {
        border-top-left-radius: 5px;
        border-left-width: 1px;
    }

    table th:last-child {
        border-top-right-radius: 5px;
    }

    table td {
        border: solid #d0d0d0;
        border-width: 0 1px 1px 0;
        text-align: center;
        color: #333;
        padding: 7px 10px;
    }

        table td:first-child {
            border-left-width: 1px;
        }

    table tr.last-product td:first-child {
        border-bottom-left-radius: 5px;
    }
    /* summary table styles */
    table tr:last-child td:last-child {
        border-radius: 0 0 5px 5px;
    }

.summary-table .description {
    text-align: left;
    overflow: hidden;
    padding: 0 20px 4px 23px;
    font-size: 14px;
    line-height: 20px;
}

    .summary-table .description img {
        float: left;
        margin: 0 16px 0 0;
    }

    .summary-table .description .text-holder {
        overflow: hidden;
    }

    .summary-table .description p {
        margin: 0;
    }

.summary-table .remove {
    float: right;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png?v=08052015) no-repeat -78px -36px;
    margin: 0 8px 0 -24px;
}

.summary-table .total td:first-child {
    border: none;
    text-align: right;
    font-size: 18px;
    line-height: 24px;
    padding: 18px 18px 19px;
}

    .summary-table .total td:first-child + td {
        border-left-width: 1px;
    }

.summary-table .total .total-title {
    font-weight: 600;
}

.summary-table .promo-form {
    float: left;
    text-align: left;
    padding: 0;
    margin: -11px 0 -10px -15px;
    width: auto;
}

    .summary-table .promo-form label {
        margin: 0 0 4px;
        vertical-align: middle;
        font-size: 20px;
        font-weight: normal;
    }

    .summary-table .promo-form .form-holder {
        display: inline-block;
        vertical-align: middle;
        width: 345px;
        border: 1px solid #d0d0d0;
        padding: 2px 3px;
        margin-left: 27px;
        border-radius: 5px;
    }

    .summary-table .promo-form .btn {
        width: 71px;
        height: 38px;
        padding: 6px 0 0 0;
        font-size: 14px;
        font-weight: bold;
    }

    .summary-table .promo-form .form-control {
        width: 100%;
        font-size: 16px;
        line-height: 18px;
        padding: 10px 10px 11px 17px;
        height: 39px;
    }

    .summary-table .promo-form input:-ms-input-placeholder {
        color: #a9a9a9;
    }

    .summary-table .promo-form input.placeholder {
        color: #a9a9a9;
    }

.summary-table .total .row-title {
    float: right;
}
/* table holder styles */
.table-holder {
    margin-bottom: 54px;
}

    .table-holder .table-heading {
        background: #343434;
        color: #fff;
        padding: 19px 20px 18px;
        border: 1px solid #d0d0d0;
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        font-size: 20px;
        line-height: 24px;
    }

        .table-holder .table-heading strong {
            font-weight: 600;
        }
/* select table styles */
.select-table td:first-child {
    font-size: 20px;
}

.select-table td {
    padding: 19px 10px 19px;
}

.select-table label {
    margin: 0;
}

.select-table .sold td:first-child {
    color: #989696;
    background: #f3f3f3;
}

.select-table input[type="radio"] {
    margin: 0 6px 0 0;
}

.select-table tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.select-table tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}
/* form section styles */
.form-section {
    margin-bottom: 25px;
}

    .form-section .section-title {
        display: inline-block;
        vertical-align: top;
        font: 600 18px/20px 'Montserrat', sans-serif;
        color: #fff;
        background: #343434;
        padding: 13px 43px 14px;
        border-radius: 5px 5px 0 0;
        min-width: 250px;
    }

.section-content {
    border: 1px solid #d1d1d1;
    background: #f5f5f5;
    padding: 25px 13px 29px;
    overflow: hidden;
    line-height: 20px;
}

    .section-content h2 {
        margin: 0 0 33px;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 27px;
        font-weight: 600;
    }

.payment-logo {
    float: right;
    margin: 0 42px 0 10px;
}

.form-section h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 18px;
}

.form-section p {
    margin-bottom: 20px;
}

.buttons {
    text-align: right;
    padding: 20px 0 15px; /* padding: 41px 0 15px; */
}

    .buttons .btn {
        min-width: 147px;
        padding: 16px 15px 15px;
    }

        .buttons .btn + .btn {
            margin-left: 19px;
        }

.form-section .buttons .btn-primary {
    font-size: 22px;
    padding: 14px 15px 17px;
}

.form-section .buttons {
    padding: 36px 0 0 0;
}
/* horizontal form styles */
.form-section .form-horizontal {
    max-width: 530px;
    margin-bottom: 49px;
}

.form-horizontal .control-label label {
    font-weight: normal;
    color: #343434;
    margin: 0 16px 0 0;
    display: inline-block;
    vertical-align: top;
}

.form-horizontal .form-control,
.order-form .form-control {
    line-height: 18px;
    padding: 12px 10px 13px 15px;
    height: 45px;
}

    .form-horizontal .form-control.small {
        width: 105px;
    }

    .form-horizontal .form-control.medium {
        width: 245px;
    }

.form-horizontal select.form-control,
.order-form select.form-control {
    color: #a9a9a9;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    padding: 11px 10px 12px 15px;
}

.form-horizontal .control-label {
    padding-top: 10px;
}

.form-horizontal select.form-control.small {
    display: inline-block;
    vertical-align: top;
}

.form-horizontal .separator {
    color: #000;
    padding: 11px;
    display: inline-block;
    vertical-align: top;
}

.summary-table .form-control {
    width: 88px;
    margin: 0 auto;
    color: #000;
    font-size: 14px;
    line-height: 15px;
    padding: 9px 11px 8px;
    height: 34px;
}

.help-block {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 20px;
    margin: 9px 0 -4px 9px;
}
/* order form styles */
.order-form {
    margin: -18px 0 0;
}

.form-row:after {
    content: "";
    clear: both;
    display: block;
}

.form-row .control-label {
    float: left;
    width: 140px;
    margin: 12px 30px 0 0;
    color: #343434;
}

    .form-row .control-label label {
        font-weight: normal;
        margin: 0;
    }

.form-row .form-group {
    float: left;
    width: 345px;
}

.plan-holder {
    overflow: hidden;
    padding: 6px 168px 35px 0;
}

    .plan-holder img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.order-form table td:first-child {
    text-align: left;
    padding-left: 25px;
}

.order-form table td {
    height: 66px;
}

.order-form table .remove {
    margin-top: 2px;
}

.order-form table .total td {
    height: 60px;
}

.order-form .summary-table .total .total-title {
    font-size: 20px;
    line-height: 22px;
}
/* event info styles */
.event-info {
    padding: 8px 0 53px;
}

    .event-info .visual {
        margin-bottom: 12px;
    }

        .event-info .visual img {
            width: 100%;
        }

    .event-info .title {
        color: #575757;
        margin-right: 6px;
    }

    .event-info p {
        margin-bottom: 16px;
    }

    .event-info .text-block {
        padding-bottom: 9px;
    }
    /* event social networks styles */
    .event-info .social-networks {
        padding: 13px 0 0;
    }

        .event-info .social-networks .title {
            display: inline-block;
            vertical-align: middle;
        }

        .event-info .social-networks ul {
            margin: 0 0 0 9px;
            padding: 0;
            display: inline-block;
            vertical-align: middle;
        }

        .event-info .social-networks li a {
            width: 29px;
            height: 29px;
        }

            .event-info .social-networks li a.facebook {
                background-position: -81px -74px;
            }

            .event-info .social-networks li a.twitter {
                background-position: -114px -74px;
            }

            .event-info .social-networks li a.website {
                background-position: -81px -110px;
            }

            .event-info .social-networks li a.linkedin {
                background-position: -185px -202px;
            }


            .event-info .social-networks li a.download {
                background-position: -149px -203px;
            }



@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .event-info .social-networks li a.facebook {
        background-position: -57px -74px;
    }

    .event-info .social-networks li a.twitter {
        background-position: -89px -74px;
    }

    .event-info .social-networks li a.website {
        background-position: -58px -107px;
    }

    .event-info .social-networks li a.download {
        background-position: -90px -107px;
    }

    .event-info .social-networks li a.linkedin {
        background-position: -58px -139px;
    }
}

/* restrictions styles */
.restrictions {
    text-align: center;
    line-height: 20px;
    display: block;
}

    .restrictions.alt {
        display: none;
    }

    .restrictions .icons {
        margin: -6px 0 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .restrictions .icons li {
            width: 32px;
            height: 32px;
            display: inline-block;
            vertical-align: top;
            background: url(../images/sprite.png?v=08052015g) no-repeat;
            margin: 0 1px 0 2px;
        }

            .restrictions .icons li.no-adults {
                /*background-position: -518px -240px;*/
                background-image: url(../images/Restrictions/No_Adults.png);
                background-size: contain;
            }

            .restrictions .icons li.no-alcohol {
                /*background-position: -64px -240px;*/
                background-image: url(../images/Restrictions/No_Alcohol.png);
                background-size: contain;
            }

            .restrictions .icons li.no-animals {
                /*background-position: -184px -240px;*/
                background-image: url(../images/Restrictions/No_Animals.png);
                background-size: contain;
            }

            .restrictions .icons li.no-braais {
                /*background-position: -630px -240px;*/
                background-image: url(../images/Restrictions/No_Braais.png);
                background-size: contain;
            }

            .restrictions .icons li.no-cans {
                /*background-position: -333px -240px;*/
                background-image: url(../images/Restrictions/No_Cans.png);
                background-size: contain;
            }

            .restrictions .icons li.no-drugs {
                /*background-position: -407px -240px;*/
                background-image: url(../images/Restrictions/No_Dugs.png);
                background-size: contain;
            }

            .restrictions .icons li.no-fireworks {
                /*background-position: -258px -240px;*/
                background-image: url(../images/Restrictions/No_Fireworks.png);
                background-size: contain;
            }

            .restrictions .icons li.no-food {
                /*background-position: -221px -240px;*/
                background-image: url(../images/Restrictions/No_Food.png);
                background-size: contain;
            }

            .restrictions .icons li.no-glass {
                /*background-position: -295px -240px;*/
                background-image: url(../images/Restrictions/No_Glass.png);
                background-size: contain;
            }

            .restrictions .icons li.no-refreshments {
                /*background-position: -333px -240px;*/
                background-image: url(../images/Restrictions/No_Refreshments.png);
                background-size: contain;
            }

            .restrictions .icons li.no-under16 {
                /*background-position: -145px -240px;
                width: 39px;*/
                background-image: url(../images/Restrictions/No_Under_16.png);
                background-size: contain;
            }

            .restrictions .icons li.no-under18 {
                /*background-position: -102px -240px;
                width: 39px;*/
                background-image: url(../images/Restrictions/No_Under_18.png);
                background-size: contain;
            }

            .restrictions .icons li.no-under21 {
                /*background-position: -172px -280px;
                width: 39px;*/
                background-image: url(../images/Restrictions/No_Under_21.png);
                background-size: contain;
            }

            .restrictions .icons li.no-weapons {
                /*background-position: -370px -240px;*/
                background-image: url(../images/Restrictions/No_Weapons.png);
                background-size: contain;
            }

            .restrictions .icons li.no-cooler {
                /*background-position: -370px -240px;*/
                background-image: url(../images/Restrictions/No_Cooler.png);
                background-size: contain;
            }

            .restrictions .icons li.no-gazebo {
                /*background-position: -370px -240px;*/
                background-image: url(../images/Restrictions/No_Gazebo.png);
                background-size: contain;
            }

/*.restrictions .icons li.no-pets {
                background-position: -26px -240px;
            }*/

/* event heading styles */
.event-heading {
    overflow: hidden;
    margin-bottom: 19px;
}

    .event-heading .btn {
        float: right;
        padding: 9px 30px 10px;
        margin-left: 10px;
    }

#main .event-heading h1 {
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
}
/* event details styles */
.details {
    background: #f6f6f6;
    border: 1px solid #dbdbdb;
    margin-bottom: 27px;
}

    .details .info {
        padding: 30px 21px 23px;
        color: #a6a6a6;
        font-weight: bold;
    }

        .details .info p {
            margin-bottom: 14px;
        }

        .details .info strong {
            color: #343434;
        }

    .details .time {
        border-top: 1px solid #dbdbdb;
        background: #eee;
        padding: 14px 21px 13px;
        color: #838383;
        font-weight: bold;
    }

        .details .time ul {
            margin: 0 -60px 0 0;
            padding: 0;
            list-style: none;
        }

        .details .time li {
            display: inline-block;
            vertical-align: top;
            margin-right: 94px;
        }

            .details .time li span {
                color: #343434;
            }

    .details .calendar {
        font-size: 14px;
        color: #a6a6a6;
        padding-left: 23px;
        background: url(../images/sprite.png?v=08052015) no-repeat -158px -36px;
    }

    .details .map {
        font-size: 12px;
        font-weight: 600;
        padding-left: 12px;
        background: url(../images/sprite.png?v=08052015) no-repeat -166px -74px;
        position: relative;
        top: -2px;
        margin: 0 5px;
    }
/* footer styles */
#footer {
    width: 100%;
    overflow: hidden;
    display: table-footer-group;
}

.f1 {
    height: 1%;
    display: table-row;
}

.f2 {
    display: table-cell;
}
/* footer top bar styles */
#footer .top-bar {
    background: #e9e9e9 url(../images/bg-footer.png) no-repeat 50% 0;
    padding: 43px 0 44px;
}

    #footer .top-bar .logo {
        width: 229px;
        height: 50px;
        background: url(../images/dark-new-logo.png) no-repeat;
        background-size: contain;
        margin: 9px 0 0 4px;
    }
/* promo form styles */
.promo-form {
    float: right;
    width: 370px;
    padding: 4px;
    border-radius: 5px;
    background: #fff;
    margin-right: 11px;
}

    .promo-form .btn,
    .newsletter-form .btn {
        float: right;
        width: 108px;
        padding: 11px 12px;
        margin-left: 5px;
    }

    .promo-form .input-holder,
    .newsletter-form .input-holder {
        overflow: hidden;
    }

    .promo-form .form-control,
    .newsletter-form .form-control {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        font-size: 14px;
        line-height: 15px;
        padding: 15px 16px;
        height: 46px;
        border: none;
    }

.footer-holder {
    background: #343434;
    padding: 67px 0 82px;
    color: #b4b4b4;
}

#footer h3 {
    font: 600 20px/24px 'Montserrat', sans-serif;
    margin: 0 0 14px;
    color: #b4b4b4;
}
/* newsletter-form styles */
.newsletter-form {
    max-width: 370px;
    padding: 4px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 44px;
}
/* social networks styles */
.social-networks {
    margin: 0;
    padding: 5px 2px;
    list-style: none;
}

    .social-networks li {
        display: inline-block;
        vertical-align: top;
    }

        .social-networks li a {
            display: block;
            text-indent: -9999px;
            overflow: hidden;
            width: 36px;
            height: 36px;
            background: url(../images/sprite.png?v=08052015) no-repeat;
        }

            .social-networks li a.facebook {
                background-position: -25px -199px;
            }

            .social-networks li a.twitter {
                background-position: -65px -199px;
            }

            .social-networks li a.google {
                background-position: -105px -199px;
            }


/* About Us - If Station Demo */
.ifstation-image {
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.if-image-container {
    width: 20%;
    height: 100px;
    float: left;
    margin-left: 10%;
    margin-top: 13%;
}

.ifstation1_demo {
    background-image: url("/Content/images/AboutUs/IfStation/if_station1_demo.png");
    height: 128px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
}

.ifstation2_demo {
    background-image: url("/Content/images/AboutUs/IfStation/if_station2_demo.png");
    height: 580px;
    min-height: 350px;
    width: 58%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ifstation3_demo {
    background-image: url("/Content/images/AboutUs/IfStation/if_station3_demo.png");
    height: 27px;
    width: 40px;
    margin-top: -325px;
    float: right;
}

.like_us_demo {
    background-image: url("/Content/images/AboutUs/IfStation/like_us_demo.png");
    height: 101px;
    width: 71px;
}

.follow_us_demo {
    background-image: url("/Content/images/AboutUs/IfStation/follow_us_demo.png");
    height: 101px;
    width: 85px;
}

.comment_demo {
    background-image: url("/Content/images/AboutUs/IfStation/comment_demo.png");
    height: 95px;
    width: 100px;
}

.email_demo {
    background-image: url("/Content/images/AboutUs/IfStation/email_demo.png");
    height: 89px;
    width: 75px;
}

.download_demo {
    background-image: url("/Content/images/AboutUs/IfStation/download_demo.png");
    height: 89px;
    width: 75px;
}

.linkedin_demo {
    background-image: url("/Content/images/AboutUs/IfStation/linkedin_demo.png");
    height: 95px;
    width: 75px;
}

.facebook_demo {
    background-image: url("/Content/images/AboutUs/IfStation/facebook_demo.png");
    height: 98px;
    width: 70px;
}

.pdf_demo {
    background-image: url("/Content/images/AboutUs/IfStation/pdf_demo.png");
    height: 97px;
    width: 52px;
}

.instagram_demo {
    background-image: url("/Content/images/AboutUs/IfStation/instagram_demo.png");
    height: 97px;
    width: 75px;
}

.ifstation-text {
    color: #f43443;
    font-weight: bold;
    padding-top: 70px;
    text-align: center;
}

.ifstation.image-row1 {
    margin-top: 133px;
}

.ifstation.image-row2 {
    margin-top: 137px;
}

.ifstation.image-row3 {
    margin-top: 115px;
}

/* About Us - Cashless Demo */
.cashless-image1 {
    width: 100%;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.cashless-image2 {
    width: 100%;
    float: right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -66px;
}

.cashless-image1.cashless1_demo {
    background-image: url("/Content/images/AboutUs/Cashless/cashless1_demo.png");
    height: 390px;
}

.cashless-image2.cashless2_demo {
    background-image: url("/Content/images/AboutUs/Cashless/cashless2_demo.png");
    height: 700px;
}

.cashless-text1 {
    float: left;
    padding-top: 40px;
}

.cashless-text2 {
    float: right;
    padding-top: 75px;
}

.cashless.text-heading {
    color: #f43443;
}

.cashless.paragraph-text {
    color: #000000;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .social-networks li a.facebook {
        background-position: 0px -199px;
    }

    .social-networks li a.twitter {
        background-position: -40px -199px;
    }

    .social-networks li a.google {
        background-position: -79px -199px;
    }
}

/* footer links styles */
.footer-holder .links {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .footer-holder .links li {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }

        .footer-holder .links li a {
            color: #b4b4b4;
        }
/* copyright styles */
.copyright {
    background: #434343;
    color: #b4b4b4;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    padding: 20px 0 24px;
}
/* contact button styles */
a.btn-contact {
    position: fixed;
    top: 50%;
    right: -52px;
    width: 154px;
    height: 49px;
    background: #f6303e;
    color: #fff;
    font: bold 16px/49px 'Montserrat', sans-serif;
    z-index: 100;
    margin: -25px 0 0 -53px;
    text-transform: uppercase;
    text-align: center;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

    a.btn-contact:hover {
        text-decoration: none;
    }
/* ---------------------------------------------------------
   4. Styles for Responsive web design
   ---------------------------------------------------------*/

/* styles for High Pixel Density Display Optimization */
@media ( -webkit-min-device-pixel-ratio : 1.5 ), ( min-resolution : 144dpi ) {
    .lang .opener,
    .navbar-nav > li a:before,
    .social-networks li a {
        background-image: url(../images/sprite2x.png?v=08052015);
        background-size: 150px 330px;
    }
}

@media only screen and (max-width:1800px) {
    .topNavInput {
        width: 51%;
    }
}

@media only screen and (max-width:1600px){
    .topNavInput {
        width: 45%;
    }
}
@media only screen and (max-width:1440px) {
    .topNavInput {
        width: 35%;
    }

    .top-bar h1 {
        width: 25%;
    }

    .top-bar ul {
        width: 35%;
    }
}
/* styles for screens 1200px wide and narrower */
@media only screen and (max-width:1200px) {
    a.btn-contact {
        display: none;
    }

    .logo {
        width: 240px;
        height: 52px;
        margin-top: 12px;
        background-image: url(../images/dark-new-logo.png);
        background-size: contain;
    }

    .topnav a {
        font-size: 14px !important;
    }
    .menu-dropdown .dropbtn{
        font-size: 14px !important;
    }

    .topNavInput {
        width: 30%;
    }

    .topNavInput input {
        font-size: 13px;
    }

    .top-bar h1 {
        width: 25%;
    }

    .top-bar ul {
        width: 35%;
    }
}
/* styles for screens 990px wide and narrower */
@media only screen and (max-width:990px) {
    .navbar-nav > li a {
        padding: 23px 10px 21px;
    }



    .topnav a {
        font-size: 13px !important;
        padding: 28px 14px;
    }

    .menu-dropdown .dropbtn {
        font-size: 13px !important;
        padding: 28px 14px;
    }



    .navbar-nav > li {
        font-size: 14px;
    }

    .payment-logo {
        float: none;
        margin: 0 0 15px;
        text-align: center;
    }

        .payment-logo img {
            width: auto;
            height: 30px;
        }

    table thead th {
        padding: 14px 5px 10px;
    }

    table td {
        padding: 5px;
    }

    .summary-table .description {
        padding: 0 0 5px;
    }

    .summary-table .promo-form label {
        font-size: 14px;
    }

    .summary-table .promo-form .form-holder {
        margin-left: 15px;
        width: 300px;
    }

    .plan-holder {
        padding: 0px;
    }
}

@media only screen and (max-width:940px){
    .topnav img {
        float: left;
        width: 210px;
        height: 73px;
        padding: 10px 9px 1px 6px;
    }
}
@media only screen and (max-width:900px) {
    .topnav a {
        font-size: 12px !important;
        padding: 30px 12px;
    }
    .topNavInput{
        width:28%;
    }
  
    .menu-dropdown .dropbtn {
        font-size: 12px !important;
        padding: 30px 12px;
    }
}
    /* styles for screens 768px wide and larger */
    @media only screen and (min-width:768px) {
        .mobile-menu .slide {
            position: static !important;
        }

        .mobile-menu .opener,
        .mobile-menu .navbar-nav {
            display: none;
        }


        .navbar-nav {
            margin: 0;
            display: table;
            float: none;
            position: absolute;
            width: 1186px;
        }

        .main-menu .navbar {
            background: #343434;
            border: none;
            position: fixed;
            top: 33px;
            left: 0px;
            z-index: 9;
            width: 100%;
        }

        .main-menu .navbar-nav {
            position: fixed;
        }

        .top-header .top-bar {
            position: fixed;
            left: 0px;
            width: 101.9%;
            z-index: 10;
        }



        .dropdown {
            position: fixed !important;
        }

        .account-menu {
            margin-top: -143px !important;
            top: 176px !important;
        }
    }
    /* styles for screens 767px wide and narrower */
    @media only screen and (max-width:767px) {

        .carousel {
            display:none;
        }

        .layout {
            margin-top: 26px;
        }

        .posMain {
            height: 50px !important;
        }

        .posMainLogo {
            padding: 0px 0px 0px 10px !important;
        }

        .posBackstage {
            padding: 0px 11px 0px 0px !important;
        }

        .posNavTop {
            margin-left: -15px;
            width: 106.2% !important;
        }

        div.barcode {
            display: none;
        }

        div.viewbarcode {
            margin-top: 12px;
            margin-left: 7px;
            margin-bottom: 10px;
            width: 248px !important;
        }

        .myTicketsBtn {
            height: 25px !important;
        }

        .accountMenuBtn {
            max-width: 25%;
            font-size: 9px !important;
        }

        div.barcodemodal {
            margin-left: -2px;
        }

        div.eventtechmodal {
            display: none;
        }

        div.eventtechpdf {
            margin-bottom: 135px;
        }

        /*.home {background:#fafafa;}*/
        #wrapper {
            height: 100%;
            display: block;
        }

        .w1,
        #footer,
        .f1,
        .f2 {
            display: block;
        }

        .carousel .btn-prev,
        .carousel .btn-next,
        .navbar,
        #header .visual,
        .restrictions {
            display: none;
        }

        .btn {
            font-size: 16px;
            line-height: 20px;
            padding: 8px 12px;
        }

        #header,
        .home #header {
            /*margin-bottom: 30px;*/
            background: #f6f6f6;
        }

        .lang {
            padding: 5px 0 8px 10px;
        }

            .lang .flag {
                width: 18px;
                height: 18px;
            }

            .lang .opener {
                margin: 6px 0 0 6px;
            }

        .user-menu li a {
            padding: 4px 10px;
        }


        .user:after {
            width: 7px;
            height: 4px;
            background-position: -46px 0;
            margin: 6px 0 0 5px;
        }

        .logo {
            width: 214px;
            height: 47px;
            margin-top: 14px !important;
            background-image: url(../images/dark-new-logo.png);
            background-size:contain;
            margin-bottom: 20px;
        }

        .header-inner {
            padding-bottom: 0;
        }

        .carousel .pagination {
            bottom: 17px;
            right: 16px;
        }

            .carousel .pagination a {
                width: 14px;
                height: 14px;
                border-width: 1px;
            }

        #main {
            padding-bottom: 25px;
        }

        .event-block {
            margin-bottom: 30px;
        }

            .event-block .text-holder {
                padding: 11px 9px 60px;
                line-height: 17px;
            }

            .event-block h2 {
                margin-bottom: 12px;
            }

            .event-block .visual {
                border-bottom-width: 6px;
            }

                .event-block .visual .view span {
                    border-width: 1px;
                    width: 115px;
                    padding: 4px 5px;
                    margin: -16px 0 0 -56px;
                }

            .event-block .price {
                margin-bottom: 23px;
            }

            .event-block .date {
                border-width: 1px;
                padding: 5px 15px;
                min-width: 134px;
                bottom: -20px;
            }

        .mobiledate {
            display: inline-block;
            padding-left: 37px;
        }

        .details .info strong .mobiledate {
            color: #343434;
        }

        .btn-holder {
            padding: 0 0 4px;
            margin-top: -1px;
        }

        .btn-all {
            padding: 13px 15px;
            min-width: 182px;
        }

        #main .heading h1,
        .heading h2 {
            font-size: 22px;
            line-height: 24px;
            margin-bottom: 11px;
        }

        .heading {
            border-bottom-width: 6px;
            margin-bottom: 21px;
        }

        .summary h2 {
            margin-bottom: 19px;
        }

        #footer .top-bar {
            background-image: url(../images/bg-footer-small.png);
            padding: 44px 0 50px;
        }

            #footer .top-bar .logo {
                display: block;
                margin: 0 auto 22px;
                width: 238px;
                height: 52px;
                background-image: url(../images/dark-new-logo.png);
                background-size: contain;
            }

        .promo-form {
            float: none;
            margin: 0;
            width: auto;
            padding: 3px;
            border-radius: 4px;
        }

            .promo-form .btn,
            .newsletter-form .btn {
                width: 89px;
                height: 36px;
                padding: 6px 10px;
            }

            .promo-form .form-control,
            .newsletter-form .form-control {
                padding: 11px 6px 10px;
                height: 36px;
            }

        .footer-holder {
            padding: 31px 0 16px;
        }

        #footer h3 {
            margin-bottom: 16px;
        }

        .newsletter-form {
            padding: 3px;
            border-radius: 4px;
            margin-bottom: 25px;
            max-width: none;
        }

        .social-networks {
            margin: -9px 0 8px;
        }

        .footer-holder .links {
            padding: 10px 0;
        }

            .footer-holder .links li {
                margin: 0;
                padding: 3px 0 3px 11px;
            }

                .footer-holder .links li:before {
                    content: "- ";
                    margin: 0 2px 0 -10px;
                }

        .footer-holder .col-last .links {
            border-top: 1px solid #575757;
        }

        .copyright {
            font-size: 12px;
            padding: 18px 0 24px;
        }

        .mobile-menu {
            position: relative;
            clear: both;
            margin: 0 -15px;
        }

            .mobile-menu .opener {
                width: 75px;
                height: 48px;
                padding: 14px 16px;
                position: absolute;
                top: -73px;
                right: 15px;
                outline: none;
                font-weight: bold;
            }

                .mobile-menu .opener .bar {
                    width: 30px;
                    height: 5px;
                    background: #f43443;
                    margin-bottom: 3px;
                    display: block;
                }

            .mobile-menu.active .opener {
                height: 73px;
                background: #343434;
                border-radius: 0px;
            }

            .mobile-menu .slide {
                padding: 0 15px 1px;
                background: #343434;
            }

            .mobile-menu .navbar-nav {
                padding: 17px 0 0;
                list-style: none;
                display: block;
            }

                .mobile-menu .navbar-nav > li {
                    text-align: left;
                    font-weight: bold;
                    font-size: 12px;
                    line-height: 24px;
                }

                    .mobile-menu .navbar-nav > li a {
                        margin: 0 -15px;
                        padding: 12px 15px 10px;
                    }

                        .mobile-menu .navbar-nav > li a:hover {
                            text-decoration: none;
                        }

                        .mobile-menu .navbar-nav > li a:after {
                            top: 0;
                            left: 15px;
                            right: 15px;
                            width: auto;
                            height: 1px;
                        }

                        .mobile-menu .navbar-nav > li a.home:before {
                            margin: 0 10px 0 2px;
                        }

                        .mobile-menu .navbar-nav > li a.tickets:before {
                            margin-left: 2px;
                        }

                        .mobile-menu .navbar-nav > li a.cash:before {
                            margin: 0 8px 0 4px;
                        }

                        .mobile-menu .navbar-nav > li a.contact:before {
                            margin: 0 6px;
                        }

                        .mobile-menu .navbar-nav > li a.event:before {
                            margin-right: 12px;
                        }

        .search-form {
            float: none;
            width: auto;
            padding: 3px;
            border: none;
            margin: 5px 0 24px;
        }

            .search-form .btn {
                padding: 3px;
            }

                .search-form .btn span {
                    width: 44px;
                    height: 23px;
                    background-position: -94px 5px;
                }

            .search-form .form-control {
                font-size: 12px;
                line-height: 14px;
                height: 29px;
                padding: 7px 13px 8px;
            }

        .summary {
            margin-bottom: 42px;
        }

        table.summary-table, table.select-table {
            width: 100%;
            overflow: hidden;
        }

            table.summary-table tbody,
            table.summary-table td,
            table.summary-table tr,
            table.summary-table {
                display: block;
            }

                table.summary-table tbody, table.select-table tbody {
                    display: block;
                    float: left;
                    width: 100%;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                table.summary-table tr, table.select-table tr {
                    float: left;
                    width: 100%;
                    clear: both;
                }

                table.summary-table td, table.select-table td, table.voucher_sum td {
                    float: left;
                    clear: both;
                    display: table;
                    width: 100%;
                    border: none;
                    font-size: 14px;
                    color: #000;
                    border: solid #d0d0d0;
                    border-width: 0 1px;
                }

                table.summary-table td {
                    padding: 0;
                    border-bottom: 1px solid #d0d0d0;
                }

                table.summary-table tr:first-child td:first-child, table.select-table tr:first-child td:first-child {
                    border-top: 1px solid #d0d0d0;
                    border-radius: 4px 4px 0 0;
                }

                table.summary-table tr.last-product td:first-child, table.select-table tr.last-product td:first-child {
                    border-radius: 0;
                }

                table.summary-table tr.last-product td:last-child, table.select-table tr.last-product td:last-child {
                    border-bottom-left-radius: 4px;
                }

                table.summary-table td:before, table.select-table td:before {
                    content: attr(title);
                    padding: 10px 12px 9px;
                    display: table-cell;
                    font-weight: bold;
                    font-size: 18px;
                    width: 140px;
                    position: relative;
                    box-sizing: content-box;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    border-right: 1px solid #f43443;
                    text-align: left;
                    vertical-align: middle;
                }

                table.summary-table td > span, table.select-table td > span table.summary-table td .description, table.select-table td .description {
                    display: table-cell;
                    overflow: hidden;
                    padding: 5px 10px;
                    vertical-align: middle;
                }

                table.summary-table thead, table.select-table thead {
                    display: none;
                }

                table.summary-table td > span strong, table.select-table td > span strong {
                    font-weight: normal;
                }

                table.summary-table tr:nth-child(odd) td, table.select-table tr:nth-child(odd) td {
                    background-color: #eee;
                }

                table.summary-table .description, table.select-table .description {
                    overflow: visible;
                    text-align: center;
                    line-height: 15px;
                    color: #333;
                    padding: 9px 10px;
                }

        .summary-table .description img {
            float: none;
            margin: 0 auto 6px;
            width: 30px;
            height: 30px;
            display: block;
        }

        .summary-table .form-control {
            width: 70px;
            position: relative;
            left: 17px;
            font-size: 11px;
            line-height: 12px;
            padding: 7px 9px;
            height: 28px;
        }

        .summary-table .remove {
            width: 19px;
            height: 19px;
            background-position: -97px -36px;
            margin: 0 0 0 -16px;
        }

        table.summary-table .total, table.select-table .total {
            overflow: hidden;
        }

            table.summary-table .total td:before, table.select-table .total td:before {
                display: none;
            }

            table.summary-table .total td, table.select-table .total td {
                background: none !important;
                width: auto;
                clear: none;
            }

        .summary-table .total td:first-child {
            border: none;
            float: left;
            width: 165px;
            padding: 14px 18px 8px;
        }

            .summary-table .total td:first-child + td {
                overflow: hidden;
                border: 1px solid #d0d0d0;
                border-top: none;
                border-radius: 0 0 4px 4px;
                display: block;
                padding: 14px 10px 11px;
                line-height: 20px;
                float: none;
            }

        .summary-table .total strong {
            font-weight: normal;
        }

        .form-section {
            margin-bottom: 2px;
        }

            .form-section .section-title {
                font-size: 14px;
                padding: 7px 14px;
                border-radius: 3px 3px 0 0;
                min-width: 0;
            }

        .section-content {
            padding: 10px 12px 26px;
            font-size: 14px;
            line-height: 19px;
        }

            .section-content h2 {
                font-size: 19px;
                padding-bottom: 10px;
                margin-bottom: 11px;
            }

        .form-horizontal .control-label {
            padding: 0 15px 5px;
            font-size: 16px;
            line-height: 20px;
        }

        .form-section .form-horizontal {
            margin: 0 10px 22px 0;
        }

        .form-horizontal .form-control {
            padding: 8px 10px 9px;
            font-size: 12px;
            line-height: 14px;
            height: 33px;
            border-radius: 3px;
        }

        .form-horizontal select.form-control {
            line-height: 16px;
            padding: 7px 10px 8px;
        }

        .form-horizontal .form-group {
            margin-bottom: 9px;
        }

        .form-horizontal .form-control.small {
            width: 77px;
            padding: 8px 6px 9px;
        }

        .form-horizontal .separator {
            font-size: 12px;
            padding: 6px;
        }

        .form-horizontal .form-control.medium {
            width: 173px;
        }

        .help-block {
            font-size: 12px;
            margin: 5px 0 4px;
        }

        .form-section h3 {
            margin-bottom: 24px;
        }

        .buttons {
            padding: 29px 0 0;
        }

        .form-section .buttons {
            padding: 5px 0 0 4px;
            text-align: left;
        }

        .buttons .btn {
            width: 92px;
            padding: 7px 10px;
            font-size: 12px;
        }

        .form-section .buttons .btn {
            width: 118px;
            padding: 12px 15px 11px;
            font-size: 14px;
        }

        .buttons .btn + .btn {
            margin-left: 11px;
        }

        .form-section .buttons .btn + .btn {
            margin-left: 15px;
        }

        .form-section .buttons .btn-primary {
            font-size: 17px;
            font-weight: bold;
        }

        .event-info {
            padding: 0 0 9px;
            margin-bottom: 25px;
            border-bottom: 1px solid #bdbdbd;
        }

            .event-info .visual {
                margin: -10px 20px 28px;
                text-align: center;
            }

                .event-info .visual img {
                    max-width: 100%;
                    width: auto;
                }

        .event-heading .btn {
            font-size: 12px;
            padding: 3px 14px;
            border-radius: 3px;
        }

        #main h1 {
            font-size: 23px;
            line-height: 30px;
        }

        #main .event-heading h1 {
            padding: 0;
        }

        .event-heading {
            margin-bottom: 17px;
        }

        .details .info {
            padding: 16px 11px 2px;
            font-size: 14px;
            line-height: 19px;
            color: #838383;
        }

            .details .info p {
                margin-bottom: 11px;
            }

        .details .place {
            color: #333;
            display: inline-block;
            vertical-align: top;
        }

        .details .map {
            display: inline-block;
            vertical-align: top;
            margin: 0 3px;
            background-position: -166px -121px;
        }

            .details .map + .place,
            .details .hidden-xs + .place {
                display: block;
                margin: -2px 0 1px;
            }

        .details .calendar {
            color: #f43443;
            font-size: 12px;
            font-weight: 600;
            padding-left: 15px;
            background-position: -139px -101px;
            line-height: 17px;
        }

        .details .time {
            font-size: 14px;
            line-height: 20px;
            padding: 10px 11px 7px;
        }

            .details .time ul {
                margin-right: -20px;
            }

            .details .time li {
                margin: 0 18px 7px 0;
            }

                .details .time li:first-child {
                    display: block;
                }

        .event-info .text-block {
            line-height: 19px;
            padding-bottom: 2px;
        }

        .event-info .social-networks ul {
            margin: 0;
        }

        .restrictions.alt {
            display: block;
            line-height: 17px;
            padding: 12px 0;
        }

            .restrictions.alt .icons {
                margin-top: 10px;
            }

                .restrictions.alt .icons li {
                    width: 36px;
                    height: 35px;
                }

        /*.restrictions.alt .icons li.no-under21 {
                    background-position: -175px -280px;
                    width: 39px;
                }*/
        /*.restrictions.alt .icons li.no-pets
				{
					background-position: -25px -281px;
				}

				.restrictions.alt .icons li.no-alcohol
				{
					background-position: -61px -281px;
				}

				.restrictions.alt .icons li.no-under18
				{
					background-position: -100px -281px;
				}*/

        .table-holder {
            margin-bottom: 28px;
        }

            .table-holder .table-heading {
                border: none;
                padding: 21px 11px 22px;
                border-radius: 3px 3px 0 0;
            }

            .table-holder table td:before {
                display: none;
            }

            .table-holder table td {
                width: 100% !important;
                border-bottom: 1px solid #d0d0d0;
                background: #fff;
            }

            .table-holder table tr:nth-child(2n+1) td {
                background: none;
            }

        .select-table tr {
            display: table;
        }

            .select-table tr td:first-child {
                display: table-footer-group;
                float: none;
                line-height: 24px;
                width: 100% !important;
                border: none;
                padding: 0;
            }

                .select-table tr td:first-child > span {
                    display: block;
                    border: 1px solid #d0d0d0;
                    border-top: none;
                    padding: 9px 13px;
                    background: #f0f0f0;
                }

        .select-table td {
            font-size: 16px;
            color: #333;
            padding: 11px 13px;
            text-align: left;
        }

            .select-table td > span strong {
                font-weight: bold;
            }

        .select-table .sold td:first-child {
            color: #bebebe;
        }

        .select-table tr:last-child td:last-child {
            border-radius: 0;
        }

        .select-table tr:last-child td:first-child > span {
            border-radius: 0 0 4px 4px;
        }

        .order-form {
            margin: -10px 0 27px;
        }

        .form-row .control-label {
            font-size: 14px;
            line-height: 20px;
            width: auto;
            float: none;
            margin: 0 0 7px;
        }

        .form-row .form-group {
            float: none;
            width: auto;
        }

        .form-row .form-control,
        .form-row select.form-control {
            font-size: 13px;
            line-height: 16px;
            padding: 9px 10px 10px 13px;
            height: 39px;
        }

        .plan-holder {
            padding: 0 0 27px;
            margin-top: -2px;
        }

        .order-form table td:first-child {
            padding: 0;
            text-align: center;
        }

        .order-form table td,
        .order-form table .total td {
            height: auto;
        }

        .order-form .summary-table .total .total-title {
            font-size: 18px;
        }

        .ifstation-text1 {
            float: left;
            padding-top: 0px;
            padding-right: 0px;
            font-size: 13px;
        }

        .ifstation-text2 {
            float: right;
            padding-top: 0px;
            padding-right: 35px;
            font-size: 13px;
            margin-top: -33px;
        }

        .ifstation.image-row1 {
            margin-top: 29px;
        }

        .ifstation.image-row2 {
            margin-top: 0px;
        }

        .ifstation.image-row3 {
            margin-top: 0px;
        }


        .cashless-text1 {
            float: right;
            margin-top: -45px;
            padding-top: 40px;
            font-size: 11px;
        }

        .cashless-text2 {
            float: left;
            padding-top: 40px;
            font-size: 11px;
        }

        .cashless1_demo {
            height: 265px !important;
            width: 310px !important;
        }

        .cashless2_demo {
            height: 446px !important;
            width: 307px !important;
            margin-top: 5px !important;
        }

        .ifstation1_demo {
            height: 50px;
        }

        .clientTableName {
            width: 128px !important;
            font-size: 14px !important;
        }
    }

    @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
        /*.restrictions.alt .icons li.no-pets {
        background-position: -0px -281px;
    }

    .restrictions.alt .icons li.no-alcohol {
        background-position: -36px -281px;
    }

    .restrictions.alt .icons li.no-under18 {
        background-position: -74px -281px;
    }*/

        .navbar-nav > li a.stall:before {
            background-position: -56px -176px !important;
        }

        /*.search-form .btn span
	{
		background-position: -122px 5px;
	}*/

        .buttons .btn + .btn {
            margin-left: 0px;
            margin-top: 2px;
        }

        .form-section .buttons .btn + .btn {
            margin-left: 0px;
        }

        div.barcode {
            display: none;
        }

        div.viewbarcode {
            margin-top: 12px;
            margin-left: 7px;
            margin-bottom: 10px;
            width: 248px !important;
        }

        .myTicketsBtn {
            height: 25px !important;
        }

        .accountMenuBtn {
            max-width: 25%;
            font-size: 9px !important;
        }

        div.barcodemodal {
            margin-left: -20px;
        }

        div.eventtechpdf {
            margin-bottom: 135px;
        }

        table.summary-table td:before, table.select-table td:before {
            width: 97px;
        }

        .mobile-menu .opener {
            right: 8px;
        }

        .clientTableName {
            width: 128px !important;
            font-size: 14px !important;
        }
    }

    @media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:767px), ( min-resolution : 144dpi ) and (max-width:767px) {
        .search-form .btn span {
            width: 44px;
            height: 23px;
            background-position: -122px 5px;
        }

        .clientTableName {
            width: 128px !important;
            font-size: 14px !important;
        }
    }

    /* styles for High Pixel Density Display Optimization for screens 767px wide and narrower */
    @media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:767px), ( min-resolution : 144dpi ) and (max-width:767px) {
        .logo {
            background-image: url(../images/logo2-mobile.png);
            background-size: 100% 100%;
        }

        #footer .top-bar .logo {
            background-image: url(../images/logo-footer-small2x.png);
            background-size: 100% 100%;
        }

        #footer .top-bar {
            background-image: url(../images/bg-footer-small2x.png);
            background-size: 320px 207px;
        }

        /*.search-form .btn span,
    .user:after,
    .summary-table .remove,
    .details .map,
    .details .calendar,
    .restrictions.alt .icons li {
        background-image: url(../images/sprite2x.png?v=08052015);
        background-size: 150px 330px;
    }*/

        .clientTableName {
            width: 128px !important;
            font-size: 14px !important;
        }
    }

    .addthisevent-drop {
        background: rgb(244, 244, 244) url('../images/icon-calendar-t1.png') no-repeat 9px 50% !important;
    }

    @font-face {
        font-family: 'Free 3 of 9';
        src: url('/Content/Plankton/Fonts/free3of9.eot');
        src: url('/Content/Plankton/Fonts/free3of9.eot?#iefix') format('embedded-opentype'), url('/Content/Plankton/Fonts/free3of9.woff') format('woff'), url('/Content/Plankton/Fonts/free3of9.ttf') format('truetype'), url('/Content/Plankton/Fonts/free3of9.svg#mission_gothicbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .serviceAgreement-paragraphs {
        color: #333 !important;
        font-size: 20px;
    }

    .serviceAgreement-headings1 {
        color: #000000 !important;
    }

    .serviceAgreement-headings2 {
        color: #f43443 !important;
    }

    .posTopBar {
        height: 40px;
        padding-bottom: 43px;
        background: #343434;
    }

    .homeEventModified {
        height: 450px !important;
    }

    .homeEventOriginal {
        height: 415px !important;
    }

    .special-box {
        background-color: #e9e9e9;
        padding: 20px;
        border-radius: 5px;
        margin: 0 0 30px 0;
    }

    .eftMail {
        height: 423px !important;
        width: 518px !important;
    }

    .clientTableName {
        vertical-align: middle !important;
        text-align: left !important;
        background-color: #ef3147 !important;
        color: #fff;
        font-weight: 700;
        font-size: 19px;
        width: 305px;
    }

    .clientTableTextBox {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .errorValidation {
        color: #e21111 !important;
        vertical-align: sub !important;
    }

    .sectionNames {
        text-align: left;
        color: #fff;
        background-color: #ef3147 !important;
        font-weight: 700;
        font-size: 17px;
        width: 260px;
    }


/* Accordion */
.accord-head {
    cursor: pointer;
    user-select: none;
}
.accord-head .accord-right:after {
    content: '\02C5';
    color: #bbb;
    float: right;
    margin-left: 5px;
    font-size: 24px;
    font-weight: normal;
}

.accord-head.active .accord-right:after {
    content: "\02C4";
}

.accord-head .accord-right {
    float: right;
    font-size:16px;
}

.withRibbon::before {
    position: absolute;
    top: 2.9rem;
    right: 0.60rem;
    content: '';
    background: #f43443;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
}

.withRibbon::after {
    position: absolute;
    content: attr(data-label);
    top: 11px;
    right: 0px;
    padding: 0.5rem;
    width: 10rem;
    background: #f43443;
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
}