@font-face {
    font-family: "tullikamari";
    src: url("/fonts/tullikamari.eot");
    src: url("/fonts/tullikamari.eot?#iefix") format("embedded-opentype"), url("/fonts/tullikamari.woff") format("woff"), url("/fonts/tullikamari.ttf") format("truetype"), url("/fonts/tullikamari.svg#tullikamari") format("svg");
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: "tullikamari" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "tullikamari" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
    content: "\61";
}
.icon-right-open-big:before {
    content: "\62";
}
.icon-right-open-mini:before {
    content: "\63";
}
.icon-down-open-big:before {
    content: "\64";
}
.icon-down-open-mini:before {
    content: "\65";
}
.icon-up-open-big:before {
    content: "\66";
}
.icon-up-open-mini:before {
    content: "\67";
}
.icon-left-open-big:before {
    content: "\68";
}
.icon-left-open-mini:before {
    content: "\69";
}
.icon-thumbnails:before {
    content: "\6a";
}
.icon-burger:before {
    content: "\6b";
    font-size: 60px;
    vertical-align: middle;
}
.icon-file:before {
    content: "\6c";
}
.icon-calendar:before {
    content: "\6d";
}
.icon-youtube:before {
    content: "\6e";
}
.icon-spotify:before {
    content: "\6f";
}
.icon-facebook:before {
    content: "\70";
}
.icon-instagram:before {
    content: "\71";
}
.icon-whatsapp:before {
    content: "\72";
}
.icon-people:before {
    content: "\73";
}
.icon-list:before {
    content: "\74";
}
@font-face {
    font-family: "tullikamari";
    src: url("/fonts/tullikamari.eot");
    src: url("/fonts/tullikamari.eot?#iefix") format("embedded-opentype"), url("/fonts/tullikamari.woff") format("woff"), url("/fonts/tullikamari.ttf") format("truetype"), url("/fonts/tullikamari.svg#tullikamari") format("svg");
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: "tullikamari" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "tullikamari" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
    content: "\61";
}
.icon-right-open-big:before {
    content: "\62";
}
.icon-right-open-mini:before {
    content: "\63";
}
.icon-down-open-big:before {
    content: "\64";
}
.icon-down-open-mini:before {
    content: "\65";
}
.icon-up-open-big:before {
    content: "\66";
}
.icon-up-open-mini:before {
    content: "\67";
}
.icon-left-open-big:before {
    content: "\68";
}
.icon-left-open-mini:before {
    content: "\69";
}
.icon-thumbnails:before {
    content: "\6a";
}
.icon-burger:before {
    content: "\6b";
    font-size: 60px;
    vertical-align: middle;
}
.icon-file:before {
    content: "\6c";
}
.icon-calendar:before {
    content: "\6d";
}
.icon-youtube:before {
    content: "\6e";
}
.icon-spotify:before {
    content: "\6f";
}
.icon-facebook:before {
    content: "\70";
}
.icon-instagram:before {
    content: "\71";
}
.icon-whatsapp:before {
    content: "\72";
}
.icon-people:before {
    content: "\73";
}
.icon-list:before {
    content: "\74";
}
body {
    font-family: objektiv-mk1, sans-serif;
    color: #24262d;
    margin-top: 95px;
    width: 100%;
}
body > :nth-child(2) {
    margin-top: 102px;
}
.row {
    position: relative;
}
a {
    color: #9c1625;
    text-decoration: underline;
}
a:hover,
a:active {
    color: #d1543e;
}
a:visited {
    color: #6e141e;
}
.no-mobile {
    display: none !important;
}
.no-tablet {
    display: none !important;
}
.mobile-only {
    display: block !important;
}
.large-screen {
    display: none !important;
}
.row-even-height {
    display: flex;
    flex-wrap: wrap;
}
img {
    max-width: 100%;
    height: auto;
}
h1 {
    font-weight: bold;
    font-size: 42px;
    line-height: 1.45em;
}
h2 {
    font-weight: bold;
    font-size: 36px;
    line-height: 1.42em;
}
h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 1.17em;
    letter-spacing: 0.01em;
    color: #9c1625;
}
h4 {
    font-weight: bold;
    font-size: 21px;
    line-height: 1.38em;
    letter-spacing: 0.01em;
}
p {
    font-size: 18px;
    line-height: 1.666em;
}
*[role="button"] {
    cursor: pointer;
}
figcaption {
    font-style: italic;
    margin-top: 5px;
}
.btn {
    border: none;
    background: #f3f3f3;
    color: #24262d;
    text-decoration: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 12.5px;
    letter-spacing: 0.35px;
    font-weight: bold;
    border: 2px solid transparent;
    padding: 12px 25px;
    text-transform: uppercase;
    transition: all 0.3s linear;
}
.btn.rounded {
    border-radius: 50px;
}
.btn.bg-wine {
    background: #9c1625;
    border-color: #9c1625;
    color: white;
}
.btn.bg-wine:hover {
    background: #24262d;
    border-color: #24262d;
}
.btn.bg-brick {
    background: #d1543e;
    color: white;
}
.btn.bg-brick2 {
    background: #e06e5a;
    border-color: #e06e5a;
    color: white;
}
.btn.bg-transparent {
    background: transparent;
}
.btn.border-black {
    border-color: #24262d;
}
.btn.border-black:hover {
    background: #24262d;
    color: white;
}
.btn.border-brick {
    border-color: #d1543e;
}
.btn.border-brick:hover {
    background: #d1543e;
    color: white;
}
.btn.border-brick2 {
    border-color: #e06e5a;
}
.btn.border-brick2:hover {
    background: #e06e5a;
}
.btn.border-white {
    border-color: white;
    color: white;
}
.btn.border-white:hover {
    background: white;
    color: #24262d;
}
.btn.arrow:after {
    content: "\62";
    font-family: "tullikamari" !important;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 400;
    text-transform: none !important;
}
.btn.btn-ticket {
    color: white;
    position: relative;
    border: none;
}
.btn.btn-ticket:before {
    content: "";
    background: url("/images/theme/ticket-border-left.png");
    background-repeat: repeat-y;
    display: block;
    position: absolute;
    top: 0;
    left: -9px;
    height: 100%;
    width: 10px;
}
.btn.btn-ticket:after {
    content: "";
    background: url("/images/theme/ticket-border-right.png");
    background-repeat: repeat-y;
    display: block;
    position: absolute;
    top: 0;
    right: -9px;
    height: 100%;
    width: 10px;
}
.overlay {
    background: rgba(36, 38, 45, 0.88);
    position: fixed;
    width: 100%;
    height: 0%;
    top: 0;
    overflow-x: hidden;
    left: 0;
    z-index: 10000;
    color: white;
    transition: 0.2s;
}
.overlay .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.overlay .btn-close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    z-index: 100;
}
.overlay .btn-close:before,
.overlay .btn-close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: white;
}
.overlay .btn-close:before {
    transform: rotate(45deg);
}
.overlay .btn-close:after {
    transform: rotate(-45deg);
}
@media (min-width: 768px) {
    body {
        background: url("/images/theme/tiles_big.png") no-repeat, url("/images/theme/tiles_small.png") no-repeat, #f8f6f2;
        background-position: left -235px top 1300px, right -76px top 1000px;
    }
    body.short {
        background-position: left -235px top 1100px, right -76px top 1000px;
    }
}
@media (min-width: 992px) {
    .no-mobile {
        display: block !important;
    }
    .mobile-only {
        display: none !important;
    }
    .no-tablet {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .large-screen {
        display: block !important;
    }
    .row-even-height {
        flex-wrap: nowrap;
    }
}
@font-face {
    font-family: "tullikamari";
    src: url("/fonts/tullikamari.eot");
    src: url("/fonts/tullikamari.eot?#iefix") format("embedded-opentype"), url("/fonts/tullikamari.woff") format("woff"), url("/fonts/tullikamari.ttf") format("truetype"), url("/fonts/tullikamari.svg#tullikamari") format("svg");
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: "tullikamari" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "tullikamari" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
    content: "\61";
}
.icon-right-open-big:before {
    content: "\62";
}
.icon-right-open-mini:before {
    content: "\63";
}
.icon-down-open-big:before {
    content: "\64";
}
.icon-down-open-mini:before {
    content: "\65";
}
.icon-up-open-big:before {
    content: "\66";
}
.icon-up-open-mini:before {
    content: "\67";
}
.icon-left-open-big:before {
    content: "\68";
}
.icon-left-open-mini:before {
    content: "\69";
}
.icon-thumbnails:before {
    content: "\6a";
}
.icon-burger:before {
    content: "\6b";
    font-size: 60px;
    vertical-align: middle;
}
.icon-file:before {
    content: "\6c";
}
.icon-calendar:before {
    content: "\6d";
}
.icon-youtube:before {
    content: "\6e";
}
.icon-spotify:before {
    content: "\6f";
}
.icon-facebook:before {
    content: "\70";
}
.icon-instagram:before {
    content: "\71";
}
.icon-whatsapp:before {
    content: "\72";
}
.icon-people:before {
    content: "\73";
}
.icon-list:before {
    content: "\74";
}
.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
}
nav {
    background: white;
    border: none !important;
}
nav .container-fluid {
    padding: 0;
}
nav a,
nav a:visited,
nav a:focus {
    text-decoration: none;
    color: #24262d;
    background: none;
}
nav .dropdown > a:after {
    content: "\65";
    text-transform: none;
    vertical-align: middle;
    font-family: "tullikamari";
}
nav .navbar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    width: 100%;
}
nav .navbar-header:before {
    display: none;
}
nav .navbar-header > a {
    padding: 0;
    margin-left: 20px !important;
}
nav .navbar-nav > li {
    font-size: 26px;
    font-weight: 800;
    padding: 10px 0px;
    float: none;
}
nav .navbar-nav > li:hover,
nav .navbar-nav > li:focus,
nav .navbar-nav > li:active {
    background: transparent;
}
nav .navbar-nav > li:hover a,
nav .navbar-nav > li:focus a,
nav .navbar-nav > li:active a {
    background: transparent;
}
nav .navbar-nav > li:hover a:focus,
nav .navbar-nav > li:hover a:active,
nav .navbar-nav > li:hover a:hover,
nav .navbar-nav > li:focus a:focus,
nav .navbar-nav > li:focus a:active,
nav .navbar-nav > li:focus a:hover,
nav .navbar-nav > li:active a:focus,
nav .navbar-nav > li:active a:active,
nav .navbar-nav > li:active a:hover {
    background: transparent;
}
nav .navbar-nav .logo {
    display: none;
    margin-top: 45px;
}
nav .navbar-nav .logo:hover,
nav .navbar-nav .logo:focus,
nav .navbar-nav .logo:active {
    background: transparent;
    transition: all 0.3s linear;
}
nav .navbar-nav .logo:hover img,
nav .navbar-nav .logo:focus img,
nav .navbar-nav .logo:active img {
    transition: all 0.3s linear;
    opacity: 0.8;
}
nav .navbar-nav .logo:hover a,
nav .navbar-nav .logo:focus a,
nav .navbar-nav .logo:active a {
    background: none;
}
nav .navbar-nav .logo:after {
    content: "";
    background: white;
    width: 113px;
    height: 113px;
    display: block;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
}
nav .navbar-nav ul {
    list-style-type: none;
}
nav .navbar-nav ul li {
    font-size: 18px;
    font-weight: bold;
}
nav .navbar-toggle {
    margin: 0;
    background: #d1543e;
    border-radius: 0;
    color: white;
    display: block;
    order: 2;
    padding: 22px 7px;
}
nav .open-search {
    border: none;
    background: none;
}
nav .open-search:focus,
nav .open-search:active {
    outline: none;
}
nav .open-search i {
    color: #d1543e;
    margin-right: 4px;
}
nav .btn-close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    z-index: 100;
}
nav .btn-close:before,
nav .btn-close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #24262d;
}
nav .btn-close:before {
    transform: rotate(45deg);
}
nav .btn-close:after {
    transform: rotate(-45deg);
}
nav .lang-nav {
    list-style-type: none;
    padding: 0;
    display: flex;
    margin-top: 25px;
}
nav .lang-nav li {
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #24262d;
    font-size: 18px;
}
nav .lang-nav li.active {
    background: #24262d;
}
nav .lang-nav li.active a {
    color: white;
}
nav .lang-nav li a {
    width: 115px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}
nav .lang-nav li a:hover,
nav .lang-nav li a:focus,
nav .lang-nav li a:active {
    text-decoration: none;
}
nav #nav-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #f8f6f2;
    overflow-x: hidden;
    transition: 0.2s;
}
nav .nav-content {
    position: relative;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
}
nav .contact {
    font-size: 14px;
    margin-top: 25px;
}
nav .contact strong {
    font-weight: 800;
    text-transform: uppercase;
}
.overlay.search i:before {
    font-size: 25px;
}
.overlay.search i {
    margin-bottom: 10px;
    display: block;
}
.overlay.search input {
    background: none;
    border: none;
    width: 100%;
    font-size: 30px;
    color: white;
}
.overlay.search input:focus,
.overlay.search input:active {
    outline: none;
    box-shadow: none;
}
.overlay.search .input-group {
    border-bottom: solid 2px #9c1625;
}
.overlay.search button {
    border: none;
    background: transparent;
}
.overlay.search button:focus,
.overlay.search button:active {
    outline: none;
    box-shadow: none;
}
@media (min-width: 1000px) {
    nav .container-fluid {
        max-width: 1170px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    nav .navbar-header {
        width: auto;
    }
    nav .navbar-toggle {
        display: none;
    }
    nav .dropdown > a:after {
        display: none;
    }
    nav .navbar-nav {
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    nav .navbar-nav > li {
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 1.43em;
        float: left;
    }
    nav .nav-content {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        flex-direction: row;
    }
    nav .lang-nav {
        right: 40px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 31px;
        margin-left: 30px;
    }
    nav .lang-nav li a {
        font-size: 12px;
        width: 46px;
        height: 30px;
    }
    nav #nav-overlay {
        position: static;
        width: auto;
        height: auto;
        overflow-x: visible;
        background: white;
    }
}
@media (min-width: 1400px) {
    nav .navbar-header {
        display: none;
    }
    nav .navbar-nav {
        width: 100%;
    }
    nav .navbar-nav .logo {
        display: block;
    }
    nav .navbar-nav .logo a {
        transition: all 0.3s linear;
    }
    nav .navbar-nav .logo .scroll-logo {
        display: none;
    }
    nav .navbar-nav .logo.scroll {
        margin-top: 0;
    }
    nav .navbar-nav .logo.scroll .no-scroll-logo {
        display: none;
    }
    nav .navbar-nav .logo.scroll .scroll-logo {
        display: block;
    }
    nav .navbar-nav .logo.scroll:after {
        display: none;
    }
    nav #nav-overlay {
        width: 100%;
    }
    nav .nav-content {
        width: 100%;
    }
    nav .lang-nav {
        position: absolute;
        margin: 0;
    }
}
@font-face {
    font-family: "tullikamari";
    src: url("/fonts/tullikamari.eot");
    src: url("/fonts/tullikamari.eot?#iefix") format("embedded-opentype"), url("/fonts/tullikamari.woff") format("woff"), url("/fonts/tullikamari.ttf") format("truetype"), url("/fonts/tullikamari.svg#tullikamari") format("svg");
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: "tullikamari" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "tullikamari" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
    content: "\61";
}
.icon-right-open-big:before {
    content: "\62";
}
.icon-right-open-mini:before {
    content: "\63";
}
.icon-down-open-big:before {
    content: "\64";
}
.icon-down-open-mini:before {
    content: "\65";
}
.icon-up-open-big:before {
    content: "\66";
}
.icon-up-open-mini:before {
    content: "\67";
}
.icon-left-open-big:before {
    content: "\68";
}
.icon-left-open-mini:before {
    content: "\69";
}
.icon-thumbnails:before {
    content: "\6a";
}
.icon-burger:before {
    content: "\6b";
    font-size: 60px;
    vertical-align: middle;
}
.icon-file:before {
    content: "\6c";
}
.icon-calendar:before {
    content: "\6d";
}
.icon-youtube:before {
    content: "\6e";
}
.icon-spotify:before {
    content: "\6f";
}
.icon-facebook:before {
    content: "\70";
}
.icon-instagram:before {
    content: "\71";
}
.icon-whatsapp:before {
    content: "\72";
}
.icon-people:before {
    content: "\73";
}
.icon-list:before {
    content: "\74";
}
footer {
    text-align: center;
    padding: 75px 0px 170px;
}
footer .container {
    position: relative;
}
footer .row:not(.footer-top):before {
    content: "";
    height: 2.2px;
    width: 90%;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: block;
    background: #24262d;
    margin-bottom: 50px;
}
footer ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 50px;
}
footer a,
footer a:visited {
    color: #24262d;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.085em;
    line-height: 2.2em;
    text-decoration: none;
}
footer p {
    font-size: 14px;
}
footer p strong {
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}
footer .social a i {
    background: #24262d;
    color: #f8f6f2;
    width: 35px;
    height: 35px;
    font-size: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}
footer .social a i:before {
    vertical-align: middle;
    margin-left: 2px;
    margin-bottom: 1px;
}
footer .social a:hover,
footer .social a:focus,
footer .social a:active {
    text-decoration: none;
}
footer .social a:hover i,
footer .social a:focus i,
footer .social a:active i {
    background: #9c1625;
}
footer .social li:first-child a i:before {
    margin: 0;
}
footer .footer-top h2 {
    font-size: 36px;
    line-height: 1.417em;
    font-weight: 600;
    margin-bottom: 40px;
}
footer .footer-top p {
    font-size: 18px;
    line-height: 1.666em;
}
footer .footer-top a {
    border: 2px solid #24262d;
    text-transform: uppercase;
    padding: 11px 28px;
    max-width: 270px;
    font-weight: 600;
    margin: 0 auto 60px;
    transition: all 0.3s linear;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .footer-top a:after {
    content: "\62";
    text-transform: none;
    display: block;
    font-family: tullikamari;
    font-size: 22px;
}
footer .footer-top a:focus,
footer .footer-top a:hover,
footer .footer-top a:active {
    background: #24262d;
    color: white;
    text-decoration: none;
}
footer .footer-top p {
    margin-bottom: 60px;
}
footer .footer-bottom {
    position: absolute;
    right: 15px;
    bottom: -150px;
}
@media (min-width: 992px) {
    footer {
        background-image: url("/images/theme/footer_bg.png");
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 100% auto;
    }
    footer .footer-top {
        text-align: left;
    }
    footer .footer-top a {
        margin-left: 0;
    }
    footer .contact {
        text-align: right;
    }
}
.cc-banner .cc-message {
    font-family: objektiv-mk1, sans-serif !important;
}
.cc-btn {
    text-decoration: none;
}
.top-grid a {
    text-decoration: none;
}
.top-grid h1 {
    font-size: 34px;
    letter-spacing: 0.1px;
    line-height: 1.3em;
    color: white;
    font-weight: 800;
    margin-top: 5px;
    text-transform: uppercase;
}
.top-grid h1 span {
    vertical-align: super;
}
.top-grid h2 {
    font-size: 33px;
    font-weight: bold;
    color: white;
    line-height: 1.42em;
    margin-bottom: 70px;
}
.top-grid h4 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.455em;
    color: white;
    margin: 0;
    letter-spacing: 0.012em;
    word-break: break-word;
}
.top-grid span {
    color: white;
    font-size: 11px;
}
.top-grid img {
    width: 100%;
}
.top-grid .small-title {
    display: none;
}
.top-grid .btn {
    background: #d1543e;
    color: white;
    width: 100%;
    margin-top: 70px;
}
.top-grid .up-next {
    background: url("/images/theme/texture_dark.jpg");
    padding: 20px 12px 60px;
}
.top-grid .up-next .content {
    max-width: 400px;
    margin: 0 auto;
}
.top-grid .up-next h2:before {
    content: "";
    background: url("/images/theme/ukko_valkoinen_signaali.png") no-repeat;
    width: 70px;
    height: 105px;
    display: inline-block;
    margin-right: 13px;
    margin-bottom: -25px;
}
.top-grid .up-next ul {
    list-style-type: none;
    padding-left: 0;
}
.top-grid .up-next ul li {
    margin-bottom: 15px;
}
.top-grid .up-next .date {
    color: #e06e5a;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.038em;
}
.top-grid .up-next .event-list-item h4 {
    display: inline-block;
    margin-right: 15px;
}
.top-grid .up-next .event-list-item h4 span {
    vertical-align: super;
}
.top-grid .up-next .event-list-item h4:before {
    content: "";
    height: 17px;
    display: inline-block;
    width: 1px;
    background: white;
    margin-right: 15px;
}
.top-grid .up-next .event-list-item h4.newline:before {
    display: none;
}
.top-grid .big-artist {
    padding-left: 0;
    padding-right: 0;
    background: url("/images/theme/texture_dark.jpg");
    background-size: cover;
}
.top-grid .big-artist:after {
    content: "";
    display: block;
    background: linear-gradient(to bottom, rgba(224, 110, 90, 0) 0%, rgba(209, 84, 62, 0.29) 100%);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.top-grid .small-artist {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    background: url("/images/theme/texture_dark.jpg") no-repeat;
    background-size: cover;
}
.top-grid .small-artist img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: none;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.top-grid .small-artist:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(36, 38, 45, 0) 0%, rgba(36, 38, 45, 0.63) 100%);
}
.top-grid .small-artist .btn {
    margin-top: 30px;
}
.top-grid .text {
    position: absolute;
    bottom: 0;
    padding: 20px 15px;
    z-index: 10;
}
.top-grid .text .date {
    font-weight: 800;
    margin-bottom: 5px;
    display: block;
}
.top-grid .text h3 {
    color: white;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.115em;
    margin: 0;
    text-transform: uppercase;
}
.top-grid .text h3 span {
    vertical-align: super;
}
.top-grid .text h3.smaller-text {
    font-size: 18px;
}
.top-grid .text p {
    color: white;
    font-size: 18px;
    line-height: 1.666em;
}
.events .container {
    background: #24262d;
    color: white;
    padding-top: 60px;
    padding-bottom: 20px;
}
.events .event {
    padding: 40px 15px 46px 15px;
    position: relative;
}
.events .event:after {
    background: rgba(255, 255, 255, 0.13);
    position: absolute;
    bottom: 0;
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    display: block;
}
.events .event .btn {
    color: white;
    margin-left: 24px;
    padding: 7px 12px 7px 17px;
    font-size: 12px;
}
.events .event .btn:after {
    margin-left: 5px;
    color: #e06e5a;
}
.events .event .btn:first-child {
    margin-left: 0;
}
.events .event .btn.border-black {
    color: black;
}
.events .event span.btn {
    padding: 15px 30px;
    cursor: default;
}
.events .event span.btn:hover,
.events .event span.btn:focus,
.events .event span.btn:active {
    background: transparent;
}
.events .date {
    font-size: 11px;
    font-weight: 800;
    line-height: 2.6em;
    letter-spacing: 0.042em;
}
.events .weekday {
    text-transform: uppercase;
}
.events a {
    text-decoration: none;
}
.events .small-title h3,
.events .small-title h3 a {
    color: #e06e5a;
    font-size: 14px;
    line-height: 1.428em;
    font-weight: 600;
    margin-top: 0;
    text-decoration: none;
    margin-bottom: 7px;
}
.events h4 {
    font-size: 22px;
    letter-spacing: 0.01em;
    font-weight: 600;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 0;
    color: white;
}
.events h4 span {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.042em;
    display: inline-block;
    vertical-align: super;
    margin-left: 5px;
}
.events.grid .event h4 {
    margin-right: 15px;
}
.events.grid .event h4:before {
    content: "";
    background: #c3c3c3;
    height: 20px;
    width: 1px;
    display: inline-block;
    margin: 0 15px 0 0;
    font-weight: 300;
}
.events.grid .event h4:first-child:before,
.events.grid .event h4.newline:before {
    display: none;
}
.events ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 18px;
    margin-top: 15px;
    color: #b9b9b9;
}
.events ul li {
    display: inline-block;
    font-weight: 600;
    margin-right: 14px;
}
.events ul li.place {
    text-transform: uppercase;
}
.events ul li:before {
    content: "|";
    margin-right: 14px;
}
.events ul li:first-child:before {
    display: none;
}
.events ul li a {
    color: #d1543e;
    text-decoration: none;
}
.events .buttons a {
    width: 100%;
    margin-bottom: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.events .buttons a:after {
    margin: 0;
}
.event-page .events h4 {
    color: #24262d;
}
.home .events .buttons a {
    top: 7px;
    border: none;
}
.news .container .row {
    display: flex;
    flex-direction: column;
}
.news .articles {
    padding: 60px 30px;
}
.news .articles h2 {
    margin-bottom: 44px;
}
.news .articles a,
.news .articles a:visited {
    text-decoration: none;
    color: #24262d;
    display: block;
    margin-bottom: 55px;
}
.news .articles h3 {
    font-size: 21px;
    line-height: 1.38em;
    letter-spacing: 0.01em;
    font-weight: 600;
    color: #24262d;
    margin-top: 5px;
}
.news .articles p {
    font-size: 18px;
    line-height: 1.6666em;
}
.news .articles .date {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.429em;
    letter-spacing: 0.06em;
}
.news .articles .mobile-only .btn {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.news .news-letter {
    background: url("/images/theme/texture_dark.jpg") no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    padding: 47px 15px 67px 15px;
}
.news .news-letter h3 {
    color: white;
    font-weight: 500;
    font-size: 27px;
    letter-spacing: 0.01em;
    line-height: 1.18em;
}
.news .news-letter a {
    color: white;
    text-decoration: none;
}
.news .news-letter p {
    font-size: 18px;
    line-height: 1.666em;
    margin-bottom: 30px;
}
.news .news-letter ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.news .news-letter ul li:not(.app) {
    background: #d1543e;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px;
    transition: all 0.3s linear;
}
.news .news-letter ul li:not(.app) i {
    display: flex;
}
.news .news-letter ul li:not(.app):hover,
.news .news-letter ul li:not(.app):focus,
.news .news-letter ul li:not(.app):active {
    background: #9c1625;
}
.news .news-letter ul li:not(.app) a {
    font-size: 26px;
}
.news .news-letter ul .app {
    margin-top: 10px;
    width: 100%;
}
.news .news-letter ul .app a:after {
    vertical-align: middle;
    margin-left: 15px;
}
.news .news-letter form {
    margin-bottom: 50px;
}
.news .news-letter input[type="email"] {
    border-radius: 0;
    padding: 28px 22px;
    font-size: 18px;
}
.news .news-letter input[type="email"]:focus {
    border-color: white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px white;
}
.news .news-letter button,
.news .news-letter .button {
    font-size: 21px;
    padding: 17px 26px;
}
.news .news-letter button i,
.news .news-letter .button i {
    display: flex;
}
.services {
    background: white;
    padding: 90px 0;
}
.services h3 {
    margin-top: 30px;
}
.services p {
    font-size: 18px;
    line-height: 1.666em;
}
.services a {
    border: 2px solid #24262d;
    color: #24262d;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 60px;
    margin-top: 30px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: all 0.3s linear;
}
.services a:after {
    content: "\62";
    font-family: tullikamari;
    font-size: 22px;
    text-transform: none;
}
.services a:hover,
.services a:focus,
.services a:active {
    text-decoration: none;
    background: #24262d;
    color: white;
}
.overlay.lunch h4 {
    font-size: 40px;
    line-height: 1.425em;
}
.overlay.lunch p {
    font-size: 18px;
    line-height: 1.666em;
    margin-bottom: 40px;
}
.overlay.lunch .lunch-content a:after {
    margin-left: 30px;
}
.overlay.lunch strong {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    display: block;
}
.event-content {
    background-position: top center;
    background-size: auto 300px;
    background-repeat: no-repeat;
    padding-top: 270px;
}
.event-content .container {
    background: white;
    padding: 20px 15px;
    position: relative;
}
.event-content .flag {
    padding: 10px 30px 10px 20px;
    width: 100%;
    left: 0;
    position: absolute;
    top: -60px;
    height: 60px;
    background: url("/images/theme/texture_dark.jpg");
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 13px;
    font-weight: 800;
}
.event-content .flag img {
    height: 100%;
    width: auto;
    margin-right: 15px;
}
.event-content .row:nth-child(1) {
    display: flex;
    flex-direction: column;
}
.event-content .titles h1 {
    font-size: 26px;
    color: #24262d;
    margin-bottom: 20px;
}
.event-content .row:last-child > div {
    text-align: center;
}
.event-content .date {
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.event-content h2 {
    color: #9c1625;
    font-size: 22px;
    line-height: 1em;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 0;
}
.event-content .time {
    color: #24262d;
    font-weight: 400;
    font-size: 18px;
    margin-left: 10px;
}
.event-content .info {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.event-content .info li {
    font-weight: bold;
    font-size: 13px;
    margin-right: 15px;
}
.event-content .info li:before {
    content: "|";
    margin-right: 15px;
}
.event-content .info li:first-child:before {
    display: none;
}
.event-content .description p {
    font-size: 14px;
    margin-bottom: 30px;
}
.event-content .description .btn {
    font-size: 10px;
    margin-bottom: 40px;
    transition: all 0.3s linear;
    color: #24262d;
}
.event-content .description .btn:after {
    margin-left: 20px;
}
.event-content .description .btn:hover,
.event-content .description .btn:focus,
.event-content .description .btn:active {
    background: #d1543e;
    color: white;
}
.event-content .ticket {
    order: 3;
    background: #24262d;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.event-content .ticket h3 {
    color: white;
}
.event-content .ticket span {
    display: block;
}
.event-content .ticket .price-info {
    margin-right: 10px;
    margin-bottom: 10px;
}
.event-content .ticket .price {
    font-size: 20px;
    font-weight: 700;
}
.event-content .ticket .price-door {
    font-size: 13px;
}
.event-content .ticket .button-row {
    display: flex;
    justify-content: flex-end;
    margin: 0 15px;
}
.event-content .ticket a {
    color: white;
    padding: 5px 15px;
    margin-left: 10px;
}
.event-content .ticket a:first-child {
    margin-left: 0;
}
.event-content .artist > div {
    padding-top: 25px;
    padding-bottom: 30px;
    position: relative;
}
.event-content .artist > div:after {
    background: #f3f3f3;
    width: calc(100% - 30px);
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
}
.event-content .artist:nth-last-child(2) > div:after {
    display: none;
}
.event-content .artist h3 {
    color: #24262d;
    font-weight: 700;
    margin-top: 0;
}
.event-content .artist p {
    font-size: 16px;
    margin-bottom: 20px;
}
.event-content .artist ul {
    list-style-type: none;
    padding: 0;
    display: flex;
}
.event-content .artist ul li {
    margin-left: 15px;
}
.event-content .artist ul li:first-child {
    margin-left: 0;
}
.event-content .artist ul li:not(.www) a {
    text-decoration: none;
    color: white;
}
.event-content .artist ul li:not(.www) a i {
    background: #24262d;
    width: 36px;
    height: 36px;
    font-size: 22px;
    font-weight: 400;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}
.event-content .artist ul li:not(.www) a:hover,
.event-content .artist ul li:not(.www) a:focus,
.event-content .artist ul li:not(.www) a:active {
    text-decoration: none;
}
.event-content .artist ul li:not(.www) a:hover i,
.event-content .artist ul li:not(.www) a:focus i,
.event-content .artist ul li:not(.www) a:active i {
    background: #d1543e;
}
.event-content .artist ul .www a {
    color: #d1543e;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}
.event-content .btn.arrow-left {
    text-align: left;
    margin-bottom: 0px;
    margin-top: 35px;
    max-width: 300px;
    width: 100%;
}
.event-content .btn.arrow-left:before {
    content: "\68";
    font-family: tullikamari;
    text-transform: none;
    font-weight: 400;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 30px;
    text-align: left;
    display: inline-block;
}
.see-also {
    margin-top: 40px;
}
.see-also .gtk {
    background: #24262d;
    text-align: center;
    padding: 30px 35px 40px;
}
.see-also .gtk h3 {
    color: white;
    margin-bottom: 35px;
    text-align: left;
}
.see-also .gtk ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.see-also .gtk ul li {
    width: 50%;
    text-align: left;
    margin-bottom: 15px;
}
.see-also .gtk ul a {
    color: white;
    text-decoration: none;
    transition: all 0.3s linear;
    font-weight: 700;
    font-size: 18px;
}
.see-also .gtk ul a:after {
    font-family: tullikamari;
    content: "\63";
    text-transform: none;
    font-weight: 400;
    vertical-align: middle;
    margin-left: 5px;
}
.see-also .gtk ul a:hover,
.see-also .gtk ul a:focus,
.see-also .gtk ul a:active {
    color: #e06e5a;
}
.see-also .next {
    padding: 0;
}
.see-also .next-container {
    height: 100%;
    background-size: cover !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 25px;
    color: white;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.see-also .next-container h3 {
    margin-top: 0;
    color: white;
    z-index: 1;
    margin-bottom: 50px;
}
.see-also .next-container .text {
    z-index: 1;
}
.see-also .next-container span {
    font-size: 11px;
    font-weight: 800;
}
.see-also .next-container h4 {
    font-size: 26px;
    margin-top: 0;
    font-weight: 800;
    text-transform: uppercase;
}
.see-also .next-container h4 span {
    vertical-align: super;
    margin-left: 10px;
}
.accordion-content {
    background-image: url("/images/taustakuvat/Pakkahuone_ulkoa.jpg");
    padding-top: 140px;
    margin-top: 85px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    margin-bottom: 30px;
}
.accordion-content h2 {
    margin-top: 0;
    margin-bottom: 25px;
}
.accordion-content p {
    margin-bottom: 30px;
}
.accordion-content h3 {
    margin-bottom: 15px;
}
.accordion-content .container {
    background: white;
    padding: 25px 35px 30px;
}
.accordion-content .container .row h1 {
    top: -100px;
}
.accordion-content h1 {
    position: absolute;
    color: white;
    text-shadow: 0 0px 54px rgba(0, 0, 0, 0.76);
    font-size: 35px;
    top: 20px;
    transform: translateX(-50%);
    left: 50%;
    margin: 0;
    text-transform: uppercase;
    width: 90%;
    text-align: center;
    font-size: 24px;
}
.accordion-content button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    background: none;
    padding: 20px 0;
    border-bottom: solid 4px #f3f3f3;
    transition: all 0.3s linear;
}
.accordion-content button i {
    font-size: 26px;
    transform: rotate(180deg);
}
.accordion-content button h2 {
    font-size: 20px;
    color: #9c1625;
    margin: 0;
    font-weight: 600;
}
.accordion-content button.collapsed {
    border-bottom: 1px solid #f3f3f3;
}
.accordion-content button.collapsed i {
    transform: rotate(0deg);
}
.accordion-content button:focus,
.accordion-content buttonactive {
    outline: none;
    box-shadow: none;
}
.accordion-content .accordion {
    padding-top: 25px;
    padding-bottom: 20px;
}
.accordion-content .accordion p {
    font-size: 14px;
    margin-bottom: 20px;
}
.accordion-content .accordion .marker a {
    text-transform: uppercase;
    border: solid 1px #24262d;
    color: #24262d;
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    padding: 20px 20px 20px 25px;
    transition: all 0.3s linear;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.accordion-content .accordion .marker a:after {
    content: "\62";
    font-family: tullikamari;
    text-transform: none;
    font-size: 22px;
    vertical-align: middle;
    margin-left: 20px;
}
.accordion-content .accordion .marker a:hover,
.accordion-content .accordion .marker a:focus,
.accordion-content .accordion .marker a:active {
    background: #24262d;
    color: white;
}
.accordion-content h4 {
    margin-top: 20px;
}
.buttons {
    margin-top: 60px;
    margin-bottom: 60px;
}
.buttons a {
    padding: 20px 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    width: 100%;
    letter-spacing: 0.054em;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    transition: all 0.3s linear;
    background: #9c1625;
}
.buttons a:after {
    content: "\62";
    font-family: "tullikamari" !important;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 400;
    text-transform: none !important;
}
.buttons a:hover,
.buttons a:focus {
    background: #d1543e;
}
.buttons div:nth-child(2) a {
    background: #24262d;
}
.buttons div:nth-child(2) a:hover,
.buttons div:nth-child(2) a:focus {
    background: #d1543e;
}
.center {
    text-align: center;
    margin-bottom: 40px;
}
.center h2 {
    font-size: 27px;
}
.history p {
    margin-bottom: 35px;
}
.striped-tables h4 {
    margin-bottom: 15px;
}
.striped-tables table {
    border-top: solid 1px #ccc;
    width: 100%;
    margin-bottom: 30px;
}
.striped-tables table p {
    margin: 0;
    font-size: 15px;
}
.striped-tables tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 10px 18px 13px;
}
.striped-tables tr:nth-child(even) {
    background: #ededed;
}
caption {
    position: absolute;
    width: 100%;
    text-align: right;
    margin-top: -35px;
}
.search-result {
    margin-bottom: 35px;
}
.search-result a {
    text-decoration: none;
}
.search-result span {
    color: #24262d;
    font-weight: 500;
}
.search-result h3 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.search-result h4 {
    font-size: 20px;
    color: #24262d;
}
.search-result p {
    font-size: 14px;
}
.list ul,
.accordion-content :not(.tech):not(.tech-pdf) > ul {
    list-style-type: none;
    margin-top: 30px;
    padding-left: 0;
}
.list ul li,
.accordion-content :not(.tech):not(.tech-pdf) > ul li {
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    margin-top: 20px;
}
.list ul li p,
.accordion-content :not(.tech):not(.tech-pdf) > ul li p {
    margin: 0;
}
.list ul li:before,
.accordion-content :not(.tech):not(.tech-pdf) > ul li:before {
    content: "";
    height: 13px;
    width: 13px;
    border-radius: 50%;
    display: block;
    background: #9c1625;
    margin-right: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 13px;
}
.list {
    margin-top: 40px;
}
.center,
.gallery {
    margin-top: 40px;
}
.contact-kikkare {
    background: url("/images/theme/texture_dark.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 27px;
    padding-bottom: 65px;
    margin-top: 60px;
}
.contact-kikkare h3 {
    font-size: 30px;
    color: white;
}
.contact-kikkare p {
    color: white;
    font-size: 16px;
}
.contact-kikkare button.button {
    background: #9c1625 !important;
    height: 45px;
    position: relative;
    padding: 0 30px;
}
.contact-kikkare button.button i {
    transform: none;
    font-size: 20px;
}
.contact-kikkare form,
.contact-kikkare a {
    text-align: left !important;
}
.contact-kikkare a {
    padding: 5px 16px 4px 25px;
}
.contact-kikkare a:after {
    margin-left: 20px;
}
.contact-kikkare input {
    font-size: 16px;
    border-radius: 0;
    height: 45px;
}
.slider {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
}
.slider img {
    width: 100%;
}
.tns-outer button {
    display: none;
}
.tns-slider {
    padding: 0;
}
.event-page {
    background: #f8f6f2;
}
.ingress {
    display: none;
    color: white;
    text-align: center;
}
.ingress .container {
    max-width: 700px;
}
.ingress p {
    font-size: 16px;
}
.events-listing {
    margin-top: 125px;
}
.events-listing .row:first-child > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}
.events-listing .row:nth-child(2) > div {
    margin-bottom: 10px;
}
.events-listing h2 {
    font-size: 21px;
    margin-bottom: 2px;
}
.events-listing ::-webkit-input-placeholder {
    color: #24262d;
    opacity: 1;
}
.events-listing ::-moz-placeholder {
    color: #24262d;
    opacity: 1;
}
.events-listing :-ms-input-placeholder {
    color: #24262d;
    opacity: 1;
}
.events-listing ::-ms-input-placeholder {
    color: #24262d;
    opacity: 1;
}
.events-listing ::placeholder {
    color: #24262d;
    opacity: 1;
}
.events-listing :-ms-input-placeholder {
    color: #24262d;
}
.events-listing ::-ms-input-placeholder {
    color: #24262d;
}
.events-listing input[type="text"] {
    border: solid 2px #24262d;
    border-radius: 0;
    color: #24262d;
    font-size: 16px;
    padding: 10px 15px;
    height: 45px;
}
.events-listing .button-row {
    display: flex;
    justify-content: space-between;
}
.events-listing .button-row .place {
    border: solid 2px #24262d;
    font-weight: 800;
    font-size: 13px;
    background: none;
    width: 49%;
    text-transform: uppercase;
    padding-top: 14px;
    padding-bottom: 14px;
    transition: all 0.3s linear;
}
.events-listing .button-row .place.active {
    border-color: #d1543e;
    background: #d1543e;
    color: white;
}
.events-listing .custom-select:after {
    content: "\64";
    font-family: tullikamari;
    position: absolute;
    height: 100%;
    display: flex;
    top: 0;
    right: 25px;
    font-size: 16px;
    align-items: center;
}
.events-listing .custom-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearence: none;
    min-height: 45px;
    width: 100%;
    border: solid 2px #24262d;
    border-radius: 0;
    text-transform: uppercase;
    background: transparent;
    font-weight: 800;
    font-size: 13px;
    color: #24262d;
    letter-spacing: 0.054em;
}
.events-listing .custom-select select option {
    text-transform: uppercase;
    color: #24262d;
    background: #f8f6f2;
    font-weight: 800;
    height: 30px;
}
.events-listing #show {
    border: none;
    background: none;
    font-size: 14px;
}
.events-listing #show i {
    vertical-align: middle;
    margin-left: 3px;
    font-size: 20px;
}
.events-listing .events .img {
    display: none;
}
.events-listing .events h4 {
    color: #24262d;
}
.events-listing .events .event {
    border-bottom: #d6cbcb solid 1px;
    width: 100%;
}
.events-listing .events .event .flag {
    background: #24262d;
    color: white;
    font-weight: 800;
    padding: 8px 18px 8px 13px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 13px;
}
.events-listing .events .event .flag img {
    max-width: 44px;
    margin-right: 5px;
}
.events-listing .events .event .artists {
    margin-bottom: -8px;
}
.events-listing .events .description {
    display: none;
}
.events-listing .events .info ul li {
    color: #24262d;
}
.events-listing .events.grid {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
}
.events-listing .events.grid .event {
    min-height: 0;
    max-width: 400px;
    align-content: flex-start;
}
.events-listing .events.grid .event .flag {
    width: 100%;
    left: 15px;
    display: flex;
    align-items: center;
}
.events-listing .events.grid .event h4 {
    display: inline;
}
.events-listing .events.grid .img {
    display: block;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.events-listing .events.grid .img img {
    max-width: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-left: 50%;
    transform: translateX(-50%);
    display: block;
}
.events-listing .events.grid .buy {
    margin-top: 15px;
}
.events-listing .events .buy a {
    border: none;
}
.events-listing .events .buy a:after {
    color: white;
}
.events-listing .events .buy a:hover,
.events-listing .events .buy a:focus,
.events-listing .events .buy a:active {
    background: #9c1625;
}
.form-container {
    background: rgba(130, 70, 56, 0.09);
    padding: 35px 25px 50px;
    margin-bottom: 50px;
}
.form-container h3 {
    margin-bottom: 35px;
}
.form-container label:not(.checkbox),
.form-container h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.form-container .small label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}
.form-container .required label:after {
    content: "*";
}
.form-container .form-group {
    margin-bottom: 25px;
    width: 100%;
}
.form-container .form-group.text {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}
.form-container .checkbox {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}
.form-container .checkbox span {
    width: 22px;
    height: 22px;
    border: solid 1.5px #cbcbcb;
    background: white;
    display: block;
    margin-right: 10px;
}
.form-container .checkbox input:checked + span {
    background: url("/images/theme/checked.jpg") no-repeat;
    background-size: 22px 22px;
    background-position: center;
    border-color: #24262d;
}
.form-container .checkbox input {
    display: none;
}
.form-container input[type="text"],
.form-container textarea {
    border: none;
    border-bottom: 6px solid #f2d9d4;
    border-radius: 0px;
    font-size: 14px;
    box-shadow: none;
    padding: 20px 25px;
    transition: all 0.3s linear;
    resize: none;
}
.form-container input[type="text"]:focus,
.form-container textarea:focus {
    border-color: #e06e5a;
    box-shadow: none;
    outline: none;
}
.form-container input[type="text"]:focus + label,
.form-container textarea:focus + label {
    color: #e06e5a;
}
.form-container button {
    justify-content: center;
    position: relative;
    background: #9c1625 !important;
    margin-top: 40px;
}
.form-container button:after {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.form-container button:hover {
    background: #24262d !important;
}
.form-container .contact-info {
    text-align: center;
}
.form-container .contact-info:before {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #bfb8b8;
    margin: 32px 0 27px;
}
.form-container .contact-info p {
    font-size: 15px;
}
.gallery-item-container {
    min-height: 310px;
}
.gallery-item-container a {
    text-decoration: none;
    color: #24262d;
    max-height: 200px;
    overflow: hidden;
}
.gallery-item-container h4 {
    margin-top: 15px !important;
    font-size: 16px;
}
.gallery-item-img {
    margin-bottom: 30px;
}
.gallery-item {
    display: block;
    height: 280px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.gallery-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    top: 50%;
    transition: all 0.3s linear;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery-item:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}
.gallery-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#lightcase-case {
    font-family: objektiv-mk1, sans-serif !important;
}
#lightcase-case #lightcase-title {
    color: #f8f6f2 !important;
}
#lightcase-case #lightcase-caption {
    color: #f8f6f2 !important;
}
.lightcase-icon-close {
    width: 32px;
    height: 32px;
}
.lightcase-icon-close:before,
.lightcase-icon-close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #f8f6f2;
}
.lightcase-icon-close:before {
    transform: rotate(45deg);
}
.lightcase-icon-close:after {
    transform: rotate(-45deg);
}
.lightcase-icon-prev {
    width: 37px;
    height: 37px !important;
}
.lightcase-icon-prev:before,
.lightcase-icon-prev:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 22px;
    width: 2px;
    background-color: #f8f6f2;
}
.lightcase-icon-prev:before {
    transform: rotate(45deg);
    top: 0;
}
.lightcase-icon-prev:after {
    transform: rotate(-45deg);
    bottom: 0;
}
.lightcase-icon-next {
    width: 37px;
    height: 37px !important;
}
.lightcase-icon-next:before,
.lightcase-icon-next:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 22px;
    width: 2px;
    background-color: #f8f6f2;
}
.lightcase-icon-next:before {
    transform: rotate(-45deg);
    top: 0;
}
.lightcase-icon-next:after {
    transform: rotate(45deg);
    bottom: 0;
}
.tech-pdf ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
.tech-pdf ul li {
    width: 50%;
}
.tech-pdf ul a {
    text-align: center;
    color: #24262d;
    font-size: 15px;
    text-decoration: none;
    display: block;
    transition: all 0.3s linear;
}
.tech-pdf ul a:hover {
    color: #d1543e;
}
.tech-pdf ul a:before {
    content: "\6c";
    font-family: tullikamari;
    display: block;
    font-size: 18px;
}
.tech ul {
    border-top: 1px solid #ccc;
    list-style-type: none;
    padding-left: 0;
}
.tech ul li {
    font-size: 15px;
    padding: 10px 10px 18px 13px;
}
.tech ul li:nth-child(even) {
    background: #ededed;
}
.lunch-menu {
    background: url("/images/theme/texture_dark.jpg");
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.lunch-menu .menu {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}
.lunch-menu h3 {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 20px 0;
    background: url(/images/theme/texture_brick.png) no-repeat;
    background-size: cover;
    background-position: left bottom;
    color: white;
    margin-bottom: 40px;
}
.lunch-menu p {
    color: white;
    text-align: center;
    margin-bottom: 35px;
    padding: 0 15px;
}
.lunch-menu p strong {
    font-size: 21px;
    display: block;
    margin-bottom: 15px;
}
article {
    margin-bottom: 30px;
}
article .post-date {
    display: block;
    margin-bottom: 20px;
}
article a {
    text-decoration: none;
    color: #24262d;
    transition: all 0.3s linear;
}
article a:hover {
    text-decoration: none;
}
.archive ul {
    margin-top: 0 !important;
    padding-left: 15px !important;
    border-top: 1px solid #e3e3e3;
    display: none;
}
.archive ul.open {
    display: block;
}
.archive span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    padding: 7px 0;
}
.archive span:after {
    content: "\65";
    font-family: tullikamari;
}
.archive span.open:after {
    transform: rotate(180deg);
}
.archive li {
    display: block !important;
    margin-bottom: 0 !important;
}
.archive li:before {
    display: none !important;
}
.archive a {
    padding: 10px 0;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 4px;
}
.staff {
    height: 450px;
}
.error-container {
    text-align: center;
    padding: 5% 0;
}
.error-container h3 {
    margin-bottom: 40px;
}
.error-container p {
    margin-bottom: 60px;
}
.error-container .btn-container {
    max-width: 260px;
    text-align: center;
    margin: 0 auto;
}
.error-container .btn {
    border: 2px solid #24262d;
    color: #24262d;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 60px;
    margin-top: 30px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: all 0.3s linear;
}
.error-container .btn:after {
    content: "\62";
    font-family: tullikamari;
    font-size: 22px;
    text-transform: none;
}
.error-container .btn:hover,
.error-container .btn:focus,
.error-container .btn:active {
    text-decoration: none;
    background: #24262d;
    color: white;
}
@media (min-width: 600px) {
    .events-listing .events.grid .event {
        width: 50%;
        border-bottom: none;
    }
    .events-listing .events.grid .event .img {
        height: 170px;
    }
}
@media (min-width: 768px) {
    .top-grid .btn {
        background: unset;
    }
    .top-grid .text {
        padding: 50px 40px;
        text-shadow: #24262d 1px 0px 5px;
    }
    .top-grid .text h1 {
        font-size: 50px;
        line-height: 1.06em;
    }
    .top-grid .text .btn {
        background: #e06e5a;
        max-width: 260px;
        height: 56px;
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
    }
    .top-grid .text .btn i {
        margin-left: 70px;
    }
    .top-grid .text .btn i:before {
        vertical-align: middle;
        font-size: 26px;
    }
    .top-grid .big-artist span {
        font-size: 20px;
    }
    .top-grid .up-next {
        background: url("/images/theme/sulka.png") no-repeat, url("/images/theme/sulkapari.png") no-repeat, url("/images/theme/lehti.png") no-repeat, url("/images/theme/texture_dark.jpg") no-repeat;
        background-position: right -110px top -200px, left -170px top -180px, right -120px bottom -135px, top center;
        background-size: auto, auto, auto, cover;
    }
    .top-grid .up-next .small-title {
        display: block;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.012em;
        line-height: 1.428em;
    }
    .events .container {
        margin: 60px auto 70px;
        padding: 15px 30px 20px;
    }
    .events .event {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20px 15px 25px 15px;
    }
    .events h4 {
        font-size: 20px;
        display: inline-block;
        margin-right: 15px;
        line-height: 1.6em;
    }
    .events h4:before {
        content: "";
        background: #c3c3c3;
        height: 20px;
        width: 1px;
        display: inline-block;
        margin: 0 15px 0 0;
        font-weight: 300;
    }
    .events h4:first-child:before,
    .events h4.newline:before {
        display: none;
    }
    .events .date {
        width: 100%;
    }
    .events .buy {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .events .small-title {
        display: block;
    }
    .events .buttons {
        margin-left: -30px;
        margin-right: -30px;
        position: relative;
    }
    .events .buttons a {
        margin: 0;
        position: absolute;
        width: 100%;
        left: 0;
    }
    .news .container .row {
        flex-direction: row;
    }
    .news h2 {
        float: left;
    }
    .news .btn.rounded {
        float: right;
    }
    .news .btn.rounded:after {
        margin-left: 25px;
    }
    .news .btn.rounded:focus,
    .news .btn.rounded:active,
    .news .btn.rounded:hover {
        background-color: #d1543e;
        color: white;
    }
    .news .articles {
        background-color: white;
    }
    .news .news-letter h3 {
        font-size: 30px;
    }
    .news .news-letter .input-group {
        max-width: 365px;
        margin: 0 auto;
    }
    .news .news-letter ul {
        align-items: center;
    }
    .news .news-letter ul .app {
        width: auto;
    }
    footer .row:not(.footer-top):before {
        width: 100%;
    }
    .event-content {
        background-size: contain;
    }
    .event-content .flag {
        width: auto;
    }
    .event-content .description p {
        font-size: 18px;
    }
    .event-content h2 {
        font-size: 28px;
        flex-direction: row;
        justify-content: flex-start;
    }
    .event-content .time {
        font-size: 25px;
        margin-left: 0;
        margin-right: 20px;
    }
    .event-content .ticket {
        flex-direction: row;
    }
    .event-content .ticket h3 {
        color: white;
        font-weight: 500;
        margin: 0 15px;
        z-index: 2;
    }
    .event-content .artist p {
        font-size: 18px;
    }
    .accordion-content h1 {
        position: relative;
        color: #24262d;
        text-shadow: none;
        text-transform: none;
        font-size: 36px;
        margin-bottom: 35px;
        top: unset !important;
    }
    .accordion-content .container .row h1 {
        margin-bottom: 35px;
        margin-top: 10px;
    }
    .accordion-content h4 {
        margin-top: 0;
    }
    .accordion-content button {
        padding-left: 30px;
        padding-right: 20px;
    }
    .accordion-content button:not(.collapsed) {
        background: #24262d;
        color: white;
        border: none;
    }
    .accordion-content button:not(.collapsed) h2 {
        color: white;
    }
    .accordion-content .accordion {
        padding: 25px 30px 40px;
    }
    .event-page {
        background: url("/images/tapahtumat_taustakuva.png") no-repeat, #f8f6f2;
        background-position: top 85px center;
        background-size: auto 550px;
    }
    .event-page:before {
        z-index: -1;
        content: "";
        position: absolute;
        width: 100%;
        height: 500px;
        background: linear-gradient(180deg, rgba(248, 246, 242, 0) 0%, #121214 100%);
        top: 0;
    }
    .ingress {
        padding: 40px 0 60px;
        display: block;
    }
    .events-listing {
        background: #f8f6f2;
        background: linear-gradient(180deg, rgba(248, 246, 242, 0.9) 0%, #f8f6f2 6%);
        margin-top: 0;
        padding-top: 25px;
    }
    .events-listing h2 {
        font-size: 36px;
        margin-top: 0;
    }
    .events-listing #show {
        font-size: 16px;
    }
    .events-listing .row:first-child > div {
        align-items: center;
    }
    .events-listing .button-row .place {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 40px;
        margin-right: 5px;
    }
    .events-listing .events.grid {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }
    .events-listing .events.grid .event {
        width: 50%;
    }
    .events-listing .events.grid .info ul li {
        font-size: 12px;
    }
    .center,
    .gallery {
        margin-top: 70px;
    }
    .form-container {
        padding: 55px 45px 50px;
    }
    .tech-pdf ul li {
        width: 30%;
    }
    .gallery-item-container a {
        max-height: none;
    }
}
@media (min-width: 992px) {
    .top-grid .container-fluid > .row {
        display: flex;
    }
    .top-grid h2 {
        margin-bottom: 40px;
    }
    .top-grid .up-next .btn {
        max-width: 280px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 40px;
    }
    .top-grid .up-next .btn:after {
        color: #d1543e;
    }
    .top-grid .up-next .btn:hover:after,
    .top-grid .up-next .btn:focus:after,
    .top-grid .up-next .btn:active:after {
        color: white;
    }
    .top-grid .big-artist {
        position: relative;
        overflow: hidden;
    }
    .top-grid .big-artist img {
        /*position: absolute;
        height: 100%;
        width: auto;
        max-width: none;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto; */
    }
    .top-grid .up-next {
        background-position: right -110px top -200px, left -1000px top -1000px, right -120px bottom -135px, top center;
        padding-top: 70px;
    }
    .news {
        padding: 50px 0;
    }
    .event-content {
        padding-top: 360px;
    }
    .event-content .container {
        padding: 20px 30px 60px 30px;
    }
    .event-content .row:nth-child(1) {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .event-content .titles {
        min-height: 300px;
        padding-top: 50px;
    }
    .event-content .titles h2 {
        margin-bottom: 20px;
    }
    .event-content .description p {
        margin-bottom: 50px;
    }
    .event-content .info {
        margin-top: 30px;
    }
    .event-content .info li {
        font-size: 21px;
    }
    .event-content .ticket {
        margin-top: -20px;
        transform: translateX(15px);
        flex-direction: column;
        padding: 0;
        order: unset;
        margin: -70px -15px 40px 40px;
        text-align: center;
        max-width: 370px;
        min-width: 370px;
        float: right;
    }
    .event-content .ticket h3 {
        width: 100%;
        margin: 0;
        padding: 20px 0;
        background: url("/images/theme/texture_brick.png") no-repeat;
        background-size: cover;
    }
    .event-content .ticket h3:before {
        display: none;
    }
    .event-content .ticket .price-info {
        margin: 0;
        padding: 40px 0;
    }
    .event-content .ticket .price {
        font-size: 36px;
    }
    .event-content .ticket .price-door {
        font-size: 18px;
    }
    .event-content .ticket .button-row {
        padding-bottom: 50px;
        justify-content: center;
        align-items: center;
    }
    .event-content .ticket .button-row a:after {
        margin-left: 10px;
    }
    .event-content .artist > div {
        padding: 50px 15px 40px;
    }
    .event-content .artist h3 {
        margin-bottom: 20px;
    }
    .event-content .artist p {
        margin-bottom: 40px;
    }
    .event-content .btn.arrow-left {
        max-width: 100%;
        padding: 20px;
        text-align: center;
        position: relative;
    }
    .event-content .btn.arrow-left:before {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .see-also .gtk ul li {
        width: 33.333%;
    }
    .see-also .next-container {
        margin-left: 20px;
    }
    .accordion-content {
        padding-top: 200px;
        margin-top: 80px;
        margin-bottom: 0;
    }
    .accordion-content .container {
        background: white;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #fff 600px);
        padding: 50px 70px 90px;
        min-height: 700px;
    }
    .accordion-content h1 {
        margin-bottom: 55px;
    }
    .accordion-content .accordion p {
        font-size: 18px;
    }
    .history h2 {
        font-size: 36px;
    }
    .list {
        margin-top: 70px;
    }
    .events-listing .events.grid .event {
        width: 33.333%;
        min-height: 500px;
    }
    .events-listing .events.grid .event .img {
        height: 161px;
    }
    .events-listing .events.grid .event h4 {
        font-size: 22px;
    }
    .events-listing .events.grid .event .description {
        display: block;
    }
    .events-listing .events.grid .event .description p {
        margin: 0;
    }
    .form-container {
        margin-bottom: 100px;
    }
    .tech-pdf ul li {
        width: 25%;
    }
    .lunch-menu {
        margin-top: -50px;
        margin-bottom: 30px;
        position: absolute;
        width: 100%;
        transform: translateX(41px);
    }
    .lunch-menu p {
        font-size: 16px;
    }
    .gallery-item-container h4 {
        font-size: 20px;
    }
    .evemt.grid .event {
        min-height: 650px;
    }
}
@media (min-width: 1200px) {
    .top-grid h2 {
        position: relative;
    }
    .top-grid h2:before {
        position: absolute;
        left: -80px;
        top: -45px;
    }
    .top-grid .up-next {
        background-position: right -110px top -200px, left -170px top -180px, right -120px bottom -135px, top center;
    }
    .events .date {
        width: 10%;
    }
    .events .date .day {
        display: block;
        font-size: 22px;
        letter-spacing: 0.01em;
        line-height: 1.318em;
        font-weight: 800;
    }
    .events .text {
        width: 65%;
    }
    .events .buy {
        width: 25%;
        justify-content: flex-end;
    }
    .news .newsletter p {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .news .app a {
        border: 2px solid #d1543e;
        padding: 10px 25px;
        transition: all 0.3s linear;
    }
    .news .app a:hover,
    .news .app a:focus,
    .news .app a:active {
        background: #d1543e;
    }
    .news .app a:after {
        display: none;
    }
    .accordion-content .container .row h1 {
        margin-bottom: 35px;
        margin-top: 0px;
    }
    .event-content {
        padding-top: 658px;
    }
    .event-page {
        background-size: 100% auto;
        background-position: top -50px center;
    }
    .ingress {
        padding: 100px 0 120px;
    }
    .events-listing .events.grid .event .img {
        height: 190px;
    }
    .events-listing .events.grid .event > div {
        width: 100%;
    }
    .events-listing .events.grid .info ul li {
        font-size: 13px;
    }
    .events-listing .events.grid .date {
        display: flex;
        margin-bottom: 12px;
    }
    .events-listing .events.grid .date span {
        font-size: 16px;
        font-weight: 600;
        line-height: inherit;
        margin-right: 5px;
    }
    .events-listing .events.grid .buy {
        margin-top: 20px;
        justify-content: flex-start;
    }
    .events-listing .events.grid .buy a:after {
        margin-left: 20px;
    }
    .tech-pdf ul li {
        width: 20%;
    }
}
@media (min-width: 1830px) {
    .top-grid .big-artist img {
        /*position: absolute;
        height: auto;
        width: 105%;
        max-width: none;
        top: 0;
        bottom: auto;
        left: auto;
        right: auto; */
    }
}
@media (max-width: 1200px) {
    .event-content {
        background-size: 970px auto !important;
        padding-top: 545px;
    }
}
@media (max-width: 992px) {
    .event-content {
        background-size: 750px auto !important;
        padding-top: 420px;
    }
}
@media (max-width: 767px) {
    .event-content {
        background-size: auto 300px !important;
        background-color: #24262d;
        padding-top: 300px;
    }
}
/*
.base-component-overlay .base-component-actions a {
    margin-top: unset !important;
    margin-bottom: unset !important;
    padding: unset !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 32px !important;
    min-height: 28px !important;
    color: #fff !important;
    background: transparent !important;
    text-align: center !important;
    display: inline !important;
    padding-left: 4px !important;
    border: none !important;
    max-width: none !important;
    font-weight: 400 !important;
    text-transform: none !important;
}
.base-component-overlay .base-component-actions a:after {
    display: none;
}
.base-tooltip {
    font-size: 15px !important;
    width: 100%;
    text-align: left;
} */