@charset "utf-8";

/* Fonts */
@font-face {
  font-family: 'Intro Inline';
  src: url('../fonts/intro_inline-webfont.woff2') format('woff2'),
       url('../fonts/intro_inline-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Intro';
  src: url('../fonts/intro-webfont.woff2') format('woff2'),
       url('../fonts/intro-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html, body {margin: 0; padding: 0; height:100%;}
body  {text-align: center; font-family:'Ubuntu', sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:#021546; height:100%; padding:100px 0 0 220px;}
a img {border:none;}

/* -------- Text ------------*/
h1, .h1 {font-family:'Alfa Slab One', sans-serif; font-size:48px; line-height:1.2; font-weight:400; color:#021546; margin:16px 0 16px -30px; border-left:10px solid #055361; padding:0 0 0 20px;}
.subtitle {font-family:'Ubuntu', sans-serif; font-size:21px; line-height:1.4; font-weight:400; color:#021546; display:block; background:#ECEFF1; margin:0 0 0 -20px; padding:5px 0 5px 20px;}
h2, .h2 {font-size:36px; line-height:1.4; font-weight:400; color:#021546; margin:16px 0;}
h3, .h3 {font-size:26px; line-height:1.4; font-weight:500; color:#021546; margin:16px 0;}
h4, .h4 {font-size:24px; line-height:1.4; font-weight:400; color:#021546; margin:16px 0;}
h5, .h5 {font-size:21px; line-height:1.4; font-weight:400; color:#021546; margin:16px 0;}
h6, .h6 {font-family:'Alfa Slab One', sans-serif; font-size:21px; line-height:1.4; font-weight:400; color:#021546; margin:16px 0;}
p {font-size:16px; line-height:1.5; font-weight:400; color:#021546; margin:16px 0;}

a  {color:#0277BD; text-decoration:none;}
a:hover {text-decoration:underline;}
b {font-weight:700;}
hr {border:none; border-top:#B0B6BA;}
.center, .align-center {text-align:center;}
.right, .align-right {text-align:right;}
.asterisk {font-size:36px; font-weight:700; color:#EF5350; vertical-align:middle; line-height:26px;}

blockquote {margin:16px 0 16px -30px; border-left:10px solid #055361; padding:10px 30px 10px 40px; background:#ECEFF1; overflow:hidden;}
blockquote * {font-size:21px; font-weight:300; font-style:italic;}

/* Show Page Text */
.uid-356 #content h1 {font-family:'Intro Inline', sans-serif; max-width:960px; font-size:52px; line-height:1.3; color:#6A1B9A; border-left-color:#6A1B9A; background:linear-gradient(#95BB3A 1.2em, transparent 1.21em); background-size:100% 1.3em;}
.uid-356 #content .subtitle {color:#6A1B9A; background:#ffffff;}

/* -------- Colors ------------*/
.navy {color:#021546;}
.blue {color:#021C6A;}
.green {color:#95BB3A;}

/* -------- General Forms ------------*/ 
form {margin:0; max-width:700px;}
label {display:block; font-size:16px; line-height:26px; padding:10px 0; font-weight:500; color:#021C6A; text-transform:uppercase;}
input[type="submit"]{display:inline-block; background-color:#0277BD;  color:#ffffff; font-family:'Ubuntu', sans-serif; font-size:18px; font-weight:500; line-height:28px; text-align:center; text-decoration:none; padding:16px 40px; border-radius:30px; margin:16px 0; transition:background 0.3s; white-space:normal; border:none; height:auto; width:auto;}
input[type="submit"]:hover {background-color:#02598E; color:#ffffff; text-decoration:none; cursor:pointer;}
input, textarea, select, option {width:100%; font-family:'Ubuntu', sans serif; font-size:16px; line-height:24px; padding:22px 10px 12px 10px; box-sizing:border-box; border:none; border-bottom:1px solid #021C6A; background-color:#ECEFF1;}
select {-moz-appearance:none; -webkit-appearance:none; padding-right:60px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/icon-select.png); background-image:url(../images/icon-select.svg), linear-gradient(transparent, transparent), none;}
select::-ms-expand {display:none;}
option {padding:0;}
textarea {resize:vertical;}
input[type="checkbox"], input[type="radio"] {width:auto;}

/* Powermail Forms */
.powermail_form > h3 {display:none;}
.powermail_form > fieldset {padding:0; border:none;}
.powermail_form > fieldset > legend {display:none;}
.mandatory {color:#c00000; margin-left:3px;}
.powermail_fieldwrap {margin:10px 0;}
.parsley-error {border-color:#c00000;}
.parsley-errors-list {font-size:14px;}

.checkbox, .radio {position:relative;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {position:absolute; top:0; left:0; opacity:0; width:34px; height:34px; margin:5px;}
.checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {display:block; position:relative; padding-left:50px;}
.checkbox input[type="checkbox"] + label:before, .radio input[type="radio"] + label:before {content:""; display:block; top:0; left:0; position:absolute; margin:5px; width:34px; height:34px; line-height:34px; border:1px solid #D6D6D6; background-color:#EAEAEA; cursor:pointer;}
.radio input[type="radio"] + label:before {border-radius:100%;}
.checkbox input[type="checkbox"]:checked + label:before {content:"\e5ca"; font-family:'Material Icons'; text-align:center; color:#757575; font-size:20px;}
.radio input[type="radio"]:checked + label:before {content:"\e3a6"; font-family:'Material Icons'; text-align:center; color:#757575; font-size:22px;}

.powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label, .powermail_fieldwrap_type_date label {position:absolute; cursor:text; padding:22px 10px 12px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; pointer-events:none; z-index:30;}
.powermail_fieldwrap_type_date input {padding-left:140px;}
label.labelsml {font-size:11px; padding:8px 10px 26px 10px; line-height:1;}
.powermail_fieldwrap_type_submit {text-align:center;}

/* -------- Body ------------*/
#body{display:table; table-layout:fixed; width:100%; height:100%; min-height:100%; min-width:320px; position:relative; text-align: left;}
.body-cell {display:table-cell;}

/* -------- Header ------------*/
#header {position:fixed; min-width:320px; left:0; right:0; top:0; height:100px; z-index:110; font-size:0; background-color:#ffffff; text-align:right; box-shadow:0 1px 3px rgba(0,0,0,0.3); background-color:#ffffff; background-repeat:no-repeat; background-position:left bottom; background-image:url(../images/header-background.png); background-image:url(../images/header-background.svg), linear-gradient(transparent, transparent), none;}

.menu {display:none; position:absolute; left:96px; top:0; background-color:#0277BD; color:#ffffff; height:60px; text-align:center; width:60px; cursor:pointer; transition:background-color 0.3s; font-size:16px; line-height:10px; font-weight:700; text-transform:lowercase;}
.menu:before {content:""; display:block; width:40px; height:40px; margin:0 auto; background-size:400px auto; background-position:-360px -40px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.menu.open:before {background-position:-360px 0;}
.menu:hover {background-color:#02598E;}

.header-logo {position:absolute; left:0; top:0; display:block; width:198px; margin:0 11px; box-sizing:border-box; padding:12px 12px 40px 12px; background:url(../images/logo-background.png) no-repeat center bottom; background-size:cover; font-size:14px; font-weight:700; color:#021C6A; text-align:center; z-index: 999;}
.header-logo img {display:block; margin:0 auto;}
.header-logo:hover {text-decoration:none;}

.header-phone {position:relative; display:inline-block; vertical-align:top; margin:15px 15px 15px 94px; font-size:36px; line-height:46px; font-weight:700; color:#021C6A; padding:11px; border:1px solid #021C6A; border-right:none;}
.header-phone:hover {text-decoration:none;}
.header-phone:before {content:""; position:absolute; left:-84px; top:50%; margin-top:-31px; display:block; width:60px; height:60px; border-radius:30px; border:1px solid #021C6A; background-position:-4px -60px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.header-phone:after {content:""; position:absolute; left:-22px; top:50%; display:block; width:22px; height:0; border-top:1px solid #021C6A;}

.header-tickets {position:relative; display:inline-block; vertical-align:top; background:#ECEFF1; padding:0 20px 0 16px;}
.header-tickets-text {position:relative; display:inline-block; vertical-align:top; margin:15px 10px 15px 94px; font-size:16px; line-height:20px; font-weight:700; color:#021C6A; padding:11px; border:1px solid #021C6A; border-right:none;}
.header-tickets-text:hover {text-decoration:none;}
.header-tickets-text:before {content:""; position:absolute; left:-84px; top:50%; margin-top:-31px; display:block; width:60px; height:60px; border-radius:30px; border:1px solid #021C6A; background-position:-60px -60px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.header-tickets-text:after {content:""; position:absolute; left:-22px; top:50%; display:block; width:22px; height:0; border-top:1px solid #021C6A;}
.header-tickets span {display:block; font-family:'Alfa Slab One', sans-serf; text-transform:uppercase; font-size:26px; line-height:26px; text-shadow:4px 4px 6px rgba(0,0,0,0.3);}
.header-tickets .button2 {margin:20px 0;}

.header-right {display:inline-block; vertical-align:top;}
.header-search {cursor:pointer; width:50px; height:50px; transition:background-color 0.3s; background-color:#021C6A; background-position:-125px -65px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.header-search:hover {background-color:#021550;}
.header-contact {cursor:pointer; width:50px; height:50px; transition:background-color 0.3s; /* background-color:#00ADE6; */ background-position:-185px -65px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.header-contact:hover {background-color:#0097c9;}


/* ----- header additional ----- */ 

.logo-cbec {
  display: inline-block;
  position: absolute; 
  left: 220px; 
  z-index: 999;
}

.header-row-bottom {

}

.header-search {
    cursor: pointer;
    width: 50px;
    height: 50px;
    transition: background-color 0.3s;
     background-color: #ffffff; 
    background-position: 175px -60px !important;
    background-image: url(../images/icons.png);
    background-image: url(../images/icons.svg), linear-gradient(transparent, transparent), none;
}

.header-search:hover {
    background-color: #efebe9;
    background-position: 175px -60px;
    background-image: url(../images/icons.png);
    background-image: url(../images/icons.svg), linear-gradient(transparent, transparent), none;
}

.search-mob {
    display: none;
  } 

.search-desk {
    display: inline-block;
  } 

.header-contact {
  cursor:pointer; 
  width:50px; 
  height:50px; 
  transition:background-color 0.3s; 
  background-color: #ffffff; 
  background-position:-185px -65px; 
  background-image:url(../images/icons.png); 
  background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;
}

.header-contact:hover {
  background-color: #efebe9;
}


#header {
    background-image: none !important; 
}


/* ----- hide CBEC logo for show section ----- */ 

body.uid-356 .logo-cbec {
    display: none;
}


body.pid-356 .logo-cbec {
    display: none;
}

  

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

    .header-row-bottom {
        height: 60px;
        width: 100%;
        position: absolute;
        top: 60px; 
        background-color: #ffffff;
    }

    body.uid-356.pid-354 .header-row-bottom {
        top: 0;
    } 
    body.pid-356 .header-row-bottom {
        top: 0;
    } 

    .menu {
        display: inline-block;
        position: absolute;
        right: 0px;
        left: revert;
    }

    .logo-cbec {
        left: 90px;
    }

    .search-mob {
        display: inline-block;
        position: absolute; 
        right: 60px;
        height: 60px;
    } 

    body.uid-356 .search-mob {
        right: 0px;
    }

    body.uid-356 .menu {
        z-index: 999;
    }

    body.pid-356 .menu {
        z-index: 999;
    }

    .search-desk {
        display: none !important;
    } 

    .nav-wrap {
        top: 80px !important;
    }

}


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

    .logo-cbec img {
        height: 80px;
        width: auto;
    }

}

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

    .header-contact {
        display: inline-block !important; 
    }

}





/* -------- Nav ------------*/
.nav-wrap {position:fixed; left:0; top:100px; padding:160px 0 10px 0; bottom:0; width:220px; overflow:hidden; z-index:100; background-color:#EFEBE9; box-shadow:2px 0 12px rgba(0,0,0,0.3); box-sizing:border-box; transition:width 0.5s;}
.nav-scroll {width:220px; float:right;}
.nano > .nano-pane {width:6px; top:2px; right:2px; bottom:2px;}
.nav {float:right; position:relative; text-align:left; padding:0 12px 120px 12px; box-sizing:border-box; background:#EFEBE9 url(../images/nav-background.png) no-repeat center bottom;}
.nav ul {margin:0 auto; list-style:none; font-size:0; padding:0;}
.nav ul li {position:relative; display:block; border-bottom:1px solid #B0B6BA;}
.nav ul li a {position:relative; display:block; padding:16px 0; margin:0; color:#021C6A; text-decoration:none; font-size:16px; font-weight:700; line-height:28px;}
.nav ul li a:hover {background:rgba(0,0,0,0.03);}
.nav ul li.sub > a {padding-right:30px;}
.nav > ul > li > a {padding-left:60px;}
.nav > ul > li > a:before {content:""; display:block; width:60px; height:60px; position:absolute; left:0; top:0; background-position:0px -120px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.nav > ul > li.menu-355 > a:before {background-position:0px -120px;}
.nav > ul > li.menu-356 > a:before {background-position:-60px -120px;}
.nav > ul > li.menu-357 > a:before {background-position:-120px -120px;}
.nav > ul > li.menu-358 > a:before {background-position:-180px -120px;}
.nav > ul > li.menu-359 > a:before {background-position:-240px -120px;}
.nav > ul > li.menu-360 > a:before {background-position:-300px -120px;}
.nav > ul > li.menu-361 > a:before {background-position:-360px -120px;}
.nav > ul > li.menu-362 > a:before {background-position:-420px -120px;}
.nav > ul > li.menu-363 > a:before {background-position:-480px -120px;}
/* Sub Buttons First Level */
.sub-button {position:absolute; width:30px; height:60px; top:0; right:0; background-color:none; cursor:pointer; z-index:1;}
.sub-button:after {content:"\E313"; font-family:'Material Icons'; color:#021C6A; font-size:24px; display:block; width:100%; line-height:60px; text-align:center;}
.sub-open .sub-button:after {content:"\E316";}
.sub-button:hover {background-color:rgba(0,0,0,0.05);}
/* Nav Second Level */
.nav > ul > li > ul {display:none; position:relative; background-color:#ffffff;}
.nav > ul > li.sub-open > ul {display:block;}
.nav ul li ul li {border:none; border-top:1px solid #efebe9;}
.nav ul li ul li a {padding:10px; font-weight:400;}
.nav ul li ul li a:hover {background-color:#f8f6f5;}
/* Sub Buttons Second Level */
.nav ul li ul li .sub-button {height:48px;}
.nav ul li ul li .sub-button:after {content:"\E313"; line-height:48px;}
.nav ul li ul li.sub-open .sub-button:after {content:"\E316";}
/* Nav Third Level */
.nav > ul > li > ul > li > ul{display:none; position:relative; background-color:#ffffff; border-left:10px solid #efebe9;}
.nav > ul > li > ul > li.sub-open > ul {display:block;}
/* -------- Show Nav ------------*/
body.uid-356, body.pid-356  {padding-left:0;}
.uid-356 .nav-wrap, .pid-356 .nav-wrap {width:0;}
.uid-356 .nav-wrap.menu-open, .pid-356 .nav-wrap.menu-open {width:220px;}
.uid-356 .menu, .pid-356 .menu {display:inline-block; width:100px; height:100px; left:220px; font-size:21px;}
.uid-356 .menu:before, .pid-356 .menu:before {width:60px; height:60px; background-size:auto; background-position:-540px -60px;}
.uid-356 .menu.open:before, .pid-356 .menu.open:before {background-position:-540px 0;}
.uid-356 .nav > ul > li, .pid-356 .nav > ul > li {display:none;}
.uid-356 .nav > ul > li.menu-356, .pid-356 .nav > ul > li.menu-356 {display:block;}
.uid-356 .sub-button, .pid-356 .sub-button {display:none;}
.uid-356 .nav > ul > li > ul, .pid-356 .nav > ul > li > ul {display:block;}

/* -------- Content ------------*/
#content {display:table-row; position:relative;}
.content-inner {position:relative; max-width:1200px; margin:0 auto;}
.content-one {position:relative; margin:40px 70px;}
.content-two{display:table; table-layout:fixed; width:100%; box-sizing:border-box; margin:40px 0;}
.content-cell {position:relative; display:table-cell; vertical-align:top;}
.content-left {padding:0 35px 0 70px;}
.content-right {padding:0 70px 0 35px;}

.clear {clear:both;}
iframe {max-width:100%;}
img {max-width:100%; height:auto; vertical-align:bottom;}
div.csc-textpic {overflow:visible;}

.block-column {position:relative; display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; padding:0 35px 0 0; margin:0 -4px 0 0;}
.block-column + .block-column {padding:0 0 0 35px;}

.grey-box {background:#ECEFF1; padding:20px; margin:28px 0;}
.border-left {border-left:10px solid #055361;}
.border-right {border-right:10px solid #055361;}

.button-title {display:block; position:relative; padding-bottom:60px; font-size:18px; font-weight:700; color:#021546; text-align:center;}
.button-title:after {content:""; display:block; position:absolute; left:50%; bottom:0; height:50px; border-left:1px solid #021546;}

.left-label {position:relative; padding:0 0 30px 120px ; margin:0; color:#021C6A; font-weight:700;}
.left-label:last-of-type {padding-bottom:0;}
.label-text {position:absolute; display:block; left:0; width:80px; height:100%; padding:0 20px 0 0; text-align:right; font-weight:700; border-right:1px solid #B0B6BA;}

/* -------- Buttons ------------*/
.button, .button2 {display:inline-block; background-color:#0277BD; color:#ffffff; font-family:'Ubuntu', sans-serif; font-size:18px; font-weight:500; line-height:28px; text-align:center; text-decoration:none; padding:16px 40px; border-radius:30px; margin:16px 0; transition:background 0.3s;}
.button:hover, .button2:hover {background-color:#02598E; color:#ffffff; text-decoration:none;}
.button2 {background-color:#9FC53A;}
.button2:hover {background-color:#95b936;}
.subtitle .button {margin:5px 0;}

.button-location {display:inline-block; position:relative; padding:10px 16px 10px 50px; margin:4px; font-size:1rem; line-height:24px; font-weight:700; color:#021C6A; border:1px solid #999999; border-radius:23px;}
.button-location:before {content:""; display:block; width:40px; height:40px; position:absolute; left:2px; top:2px; background:#0277bd url(../images/icon-location_white.svg) no-repeat center; background-size:30px auto; border-radius:50%; transition:background-color 0.3s;}
.button-location:hover {text-decoration:none;}
.button-location:hover:before {background-color:#02598e;}

/* -------- Accordion ------------*/
.accordion {margin:16px 0;}
.accordion .csc-header {position:relative; overflow:hidden; cursor:pointer; background:#ECEFF1; padding:3px 10px 3px 50px;}
.accordion .csc-header > * {position:relative; margin:0; padding:0; border:none; font-size:24px; line-height:34px; font-family:'Ubuntu', sans-serif; font-weight:700;}
.accordion .csc-header:hover * {opacity:0.9;}
.accordion .csc-header:before {content:"\E145"; font-family:'Material Icons'; font-size:24px; line-height:40px; text-align:center; color:#ffffff; display:block; position:absolute; left:0; top:0; width:40px; height:40px; background-color:#0277BD; transition:all 0.3s;}
.accordion .csc-header:hover:before {background-color:#02598E;}
.accordion.open .csc-header:before {content:"\E15B";}
.accordion > div:last-child {display:none; position:relative; overflow:hidden;}

/* -------- Image Slider ------------*/
.image-slide {display:none;}
.image-slide:first-child, .slick-initialized .slick-slide.image-slide {display:block;}
.slick-initialized .slick-slide.image-slide {display:inline-block; vertical-align:middle; float:none;}

/* -------- Banner ------------*/
#banner {position:relative; overflow:hidden; max-width:1920px; margin:0 auto 40px 0; box-shadow:0 2px 12px rgba(0,0,0,0.3); z-index:1;}
#banner .content-two {margin:40px 0 0 0;}
#banner .content-left {padding:25px;}
#banner .content-right {padding:0;}
.banner-slide {display:none; overflow:hidden; background-size:cover; background-position:center;}
.banner-slide:first-child, .slick-initialized .banner-slide {display:block;}
.banner-text {display:table; width:100%; margin:96px 0;}
.banner-header {display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box; font-size:60px; padding:20px; background:linear-gradient(to right, rgba(236,172,51,0.9), rgba(241,74,26,0.9));}
  .banner-header * {font-family:'Alfa Slab One', sans-serif; color:#ffffff; text-transform:uppercase; border:none; margin:0; padding:0; line-height:1;}
  .banner-header h1 {font-size:1em;}
  .banner-header h2 {font-size:0.8em;}
  .banner-header h3 {font-size:0.6em;}
.banner-text .csc-textpic-text {display:table-cell; vertical-align:middle; padding:20px; background:rgba(2,28,51,0.4);}
.banner-text p {font-size:18px; color:#ffffff; font-weight:500;}
.banner-text .button {margin-bottom:-50px; vertical-align:top;}
.banner-text a {color:#ffffff;}

.slick-dots {list-style:none; margin:0; padding:14px 20px; position: absolute; bottom:0; right:0;}
.slick-dots li {list-style:none; margin:0 5px; padding:0; display:inline-block; vertical-align:top;}
.slick-dots button {border:none; font-size:0; color:transparent; overflow:hidden; text-indent:-9999px; width:20px; height:20px; border-radius:10px; background:#0277BD; cursor:pointer;}
.slick-dots li.slick-active button {background:#9FC53A; cursor:auto;}
.slick-dots button:hover {background-color:#02598E;}

.events-left {position:absolute; z-index:1; left:0; top:0; bottom:0; width:350px; background:url(../images/events-header.jpg) no-repeat center; background-size:cover;}
.events-left div {padding:30px; background:linear-gradient(to right, #B23F32, #C0356B); text-align:right;}
.events-left div:after {content:""; display:block; width:0; height:0; position:absolute; left:100%; top:54px; border:20px solid #C0356B; border-color:transparent transparent transparent #C0356B;}
.events-left h1 {color:#ffffff; font-size:48px; line-height:1; margin:0; padding:0; border:none;}
.events-left .button {margin-bottom:0;}
.events-right {position:absolute; left:350px; right:0; top:0; bottom:0; overflow-y:auto;}

.banner-slim {background-size:cover; background-position:right center;}
.banner-slim * {margin:0;}

/* Show Page Banner */
.uid-356 #banner {box-shadow:none; margin-bottom:0;}
.uid-356 #banner .content-two {margin:0;}

.uid-356 #banner .content-left {padding:0;}
.uid-356 #banner .banner-header {display:none;}
.uid-356 #banner .banner-text {display:block; margin:0; padding:150px 20% 0 0; box-sizing:border-box; background-position:right bottom; background-repeat:no-repeat; background-size:20% auto; background-image:url(../images/banner-show-side.png); background-image:url(../images/banner-show-side.svg), linear-gradient(transparent, transparent), none;}
.pid-356 .banner-text {margin:150px 0;}
.uid-356 #banner .banner-text .csc-textpic-text {position:relative; display:block; background:none; max-width:840px; margin:0 auto;}
.uid-356 #banner .banner-text img {display:inline-block;}
.uid-356 #content .banner-text h1 {font-family:'Intro Inline', sans-serif; color:#ffffff; background:#6A1B9A; padding:5px 16px; margin:16px 0;}
.uid-356 #content .banner-bottom {font-family:'Intro Inline', sans-serif; font-size:40px; color:#ffffff; background:#6A1B9A; padding:20px 16px; max-width:none; margin:0;}
.uid-356 #content .banner-bottom span {display:inline-block;}
.uid-356 #content .banner-text h2 {font-family:'Intro', sans-serif; color:#ffffff; position:absolute; left:0; right:0; margin:0; text-shadow:1px 1px 2px rgba(0,0,0,0.7); text-align:center;}
.uid-356 #content .banner-text h3 {font-family:'Intro', sans-serif; color:#ffffff;}
.uid-356 #content .banner-text h4 {font-family:'Intro', sans-serif; color:#ffffff;}
.uid-356 #content .banner-text h5 {font-family:'Intro', sans-serif; color:#ffffff;}
.uid-356 #content .banner-text h6 {font-family:'Intro', sans-serif; color:#ffffff;}
.uid-356 #content .banner-text p {font-family:'Intro', sans-serif; color:#ffffff;}
.royal {position:relative;}
.royal:before {content:""; display:inline-block; width:60px; height:60px; position:absolute; left:50%; top:-44px; margin-left:-20px; background-position:-540px -180px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

.uid-356 #banner .content-right {width:27%; background:#ECEFF1;}
.banner-shows {position:absolute; left:0; right:0; top:0; bottom:0; overflow-y:auto;}
.banner-shows-title {position:relative; font-family:'Intro Inline', sans-serif; font-size:32px; color:#95BB3A; text-align:center; padding:0 20px;}
.banner-shows-title:after {content:""; display:block; position:absolute; width:0; height:0; border:10px solid transparent; border-top-color:#95BB3A; top:100%; left:50%; margin-left:-10px;}

/* -------- CTA ------------*/
.cta {position:relative; overflow:hidden;}
.cta a {position:relative; display:block; float:left; width:25%; height:250px; color:#ffffff; background-size:cover; background-position:center;}
.cta a:before {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, rgba(236,172,51,0.9), rgba(241,74,26,0.9)); opacity:0; transition:opacity 0.5s;}
.cta a div {position:absolute; bottom:50px; left:0; right:12%; transition:margin 0.5s; background:#0277BD; border-radius:0 30px 30px 0; padding:0 20px; font-family:'Alfa Slab One', sans-serif; font-size:36px; text-transform:uppercase;}
.cta a:hover {text-decoration:none;}
.cta a:hover div {margin-bottom:20px;}
.cta a:hover:before {opacity:0.4;}
.cta-show {background-image:url(../images/cta-show.jpg);}
.cta-events {background-image:url(../images/cta-events.jpg);}
.cta-venue {background-image:url(../images/cta-venue.jpg);}
.cta-camping {background-image:url(../images/cta-camping.jpg);}

/* -------- CTA2 ------------*/
.cta2 {position:relative; overflow:hidden;}
.cta2 div {position:relative; overflow:hidden; display:block; float:left; width:19%; height:200px; background-color:#400640; background:linear-gradient(40deg, #400640 58%, #802780 58.1%); font-family:'Alfa Slab One', sans-serif; font-size:46px; line-height:1; color:#ffffff; box-sizing:border-box; padding:88px 20px 20px 20px;}
.cta2 a {position:relative; display:block; float:left; width:13.5%; height:200px; font-family:'Intro', sans-serif; font-size:22px; text-align:center; color:#ffffff; box-sizing:border-box; padding:30px 10px;}
.cta2 a:before {content:""; display:block; margin:0 auto 10px auto; width:100px; height:100px; border:1px solid #ffffff; border-radius:50px; background-color:rgba(255,255,255,0); filter:brightness(100%); transition:all 0.3s; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.cta2 a:hover {text-decoration:none; filter:brightness(90%);}
.cta2 a:hover:before {background-color:rgba(255,255,255,0.2);}
.cta-tickets {background:#5DB243;}
.cta-tickets:before {background-position:0 -240px;}
.cta-entertainment {background:#AD1457;}
.cta-entertainment:before {background-position:-100px -240px;}
.cta-results {background:#00838F;}
.cta-results:before {background-position:-200px -240px;}
.cta-schedule {background:#63295C;}
.cta-schedule:before {background-position:-300px -240px;}
.cta-sponsors {background:#00A3DC;}
.cta-sponsors:before {background-position:-400px -240px;}
.cta-site-holders {background:#EF5350;}
.cta-site-holders:before {background-position:-500px -240px;}

/* cta 2 override */ 

div.cta2-title {display: none;}
.cta2 a {width: 16.66%;}


/* -------- Welcome ------------*/
.welcome {background:url(../images/welcome.png) no-repeat center bottom;}
.welcome .content-left {padding-bottom:40px;}
.welcome .content-right {background:#ECEFF1; padding:0;}
.welcome-social {width:60%; position:relative; overflow:hidden; margin:0 0 0 auto;}
.welcome-social-image {position:absolute; left:0; top:0; bottom:0; width:40%; background:url(../images/welcome-social.jpg) no-repeat center; background-size:cover;}
.welcome-social .csc-textpic-text {padding:40px;}
.welcome-social h1 {margin-left:0; padding:0; border:none;}

/* Welcome Show */
.welcome-show {background:url(../images/welcome-show-background.png) no-repeat center bottom;}
.welcome-show .content-right {background:url(../images/welcome-show.svg) no-repeat left center; background-size:cover;}
 
/* -------- Logo Slider ------------*/
.logo-slider-wrap {margin:40px 0; text-align:center;}
.logo-slide {display:inline-block; margin:10px 40px;}
.logo-slide img {margin:0 auto;}
.slick-arrows {text-align:center;}
.slick-arrow {cursor:pointer; border:none; display:inline-block; width:60px; height:60px; margin:20px; background-color:#0277BD; border-radius:30px; background-position:0 0; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.slick-arrow:hover {background-color:#02598E;}
.slick-arrow.slick-next {background-position:-60px 0;}
 
/* -------- News ------------*/
.news .news-list-view {font-size:0;}
.news .news-list-view .article {position:relative; display:inline-block; vertical-align:top; width:33.33%; padding:20px; box-sizing:border-box;}
.news .news-list-view .article .article-inner {position:relative; max-width:500px; margin:0 auto;}
.news .news-list-view .article .news-img-wrap {float:none; position:relative; margin:0; background:#EFEBE9; padding:0 6.8% 15px 6.8%; overflow:hidden;}
.news .news-list-view .article .news-img-wrap a {float:none; padding:0; border:none;}
.news .news-list-view .article .news-img-wrap a img {float:none; width:100%; /* box-shadow:2px 2px 12px rgba(0,0,0,0.3); */}
.news .news-list-view .article .header {position:relative; padding:0 6.8%; background:#ECEFF1; overflow:hidden;}
.news .news-list-view .article .header h4 {font-family:'Alfa Slab One', sans-serif; font-size:24px;}
.news .news-list-view .article .header h4 a {color:#021546;}
.news .news-list-view .article .teaser-text {padding:0 110px 15px 6.8%; min-height:110px;}
.news .news-list-view .article .more {display:block; position:absolute; bottom:0; right:0; width:100px; height:100px; background:#ECEFF1; text-indent:-9999px; overflow:hidden; font-size:0; color:transparent;}
.news .news-list-view .article .more:after {content:""; display:block; width:60px; height:60px; margin:20px; background-color:#0277BD; border-radius:30px;  background-position:-60px 0; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.news .news-list-view .article .more:hover:after {background-color:#02598E;}

.news .page-navigation {font-size:18px; font-weight:500; line-height:40px; color:#021C6A; margin:20px 0; padding:0 0 14px 0; border-bottom:1px solid #021C6A; overflow:hidden;}
.news .page-navigation p {font-size:18px; font-weight:500; line-height:40px; margin:0;}
.news .page-navigation ul {list-style:none; padding:0; margin:0;}
.news .page-navigation ul li {padding:0; margin:3px;}
.news .page-navigation ul li.current {padding:0 14px; border:1px solid #021C6A; background-color:#021C6A; color:#ffffff;}
.news .page-navigation ul li a {padding:0 14px; border:1px solid #021C6A; color:#021C6A;}
.news .page-navigation ul li a:hover {text-decoration:none; background-color:#ECEFF1;}
.news .page-navigation ul li.next a:after {content:""; display:inline-block; vertical-align:top; width:30px; height:30px; margin:5px 0; background-position:-375px -15px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.news .page-navigation ul li.previous a:before {content:""; display:inline-block; vertical-align:top; width:30px; height:30px; margin:5px 0; background-position:-315px -15px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

/* News Events Banner */
.news .news-list-view .article.news-events-banner {display:block; width:auto; position:relative; padding:10px 20px 10px 130px; margin:0; min-height:140px;}
.news .news-list-view .article.news-events-banner .article-inner {position:static; box-shadow:none; max-width:none;}
.news .news-list-view .article.news-events-banner:last-child {padding-bottom:20px;}
.news .news-list-view .article.news-events-banner:after {content:""; visibility:visible; position:absolute; left:26px; right:20px; bottom:0; border-bottom:1px solid #B0B6BA;}
.news .news-list-view .article.news-events-banner:hover {background:#ECEFF1;}
.news-list-date {position:absolute; left:26px; width:90px; text-align:center; font-size:18px; font-weight:700; text-transform:uppercase; z-index:1; background:#ffffff;}
.news-list-date-day {background:#021546; font-size:60px; font-weight:700; color:#ffffff;}
.news .news-list-view .article.news-events-banner .header {padding:0; background:none;}
.news .news-list-view .article.news-events-banner .header h4 {font-family:'Alfa Slab One', sans-serif; font-size:18px; margin:5px 0;}
.news .news-list-view .article.news-events-banner .teaser-text {padding:0; min-height:auto;}
.news .news-list-view .article.news-events-banner .more {width:auto; height:auto; background:none; position:absolute; left:0; right:0; top:0; bottom:0;}
.news .news-list-view .article.news-events-banner .more:after {display:none;}

/* News Events */
.news-filter {display:inline-block; margin:16px 10px 16px 0; width:260px;}
.news .news-list-view .article.news-events {width:23%; padding:0; margin:10px 1%; /* box-shadow:1px 1px 4px rgba(0,0,0,0.3); */}
.news .news-list-view .article.news-events .article-inner {margin:20px}
.news .news-list-view .article.news-events .news-img-wrap {padding:0;}
.news .news-list-view .article.news-events.popup .news-img-wrap:after {content:""; display:block; position:absolute; pointer-events:none; bottom:0; right:0; width:40px; height:40px; background-color:#0277BD; background-position:-430px -190px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.news .news-list-view .article.news-events .header h4 {font-size:18px;}
.news .news-list-view .article.news-events .teaser-text {padding:10px 20px;}
.news .news-list-view .article.news-events .news-list-date {left:auto; right:20px; top:20px;}
.news .news-list-view .article.news-events .teaser-text {display:none;}
.event-dates {font-size:16px; font-weight:700; text-transform:uppercase; padding:10px 20px;}
.modal-event .event-dates {padding-left:0;}
.event-dates div {display:inline-block; vertical-align:middle; margin:0 5px; width:40px; height:40px; line-height:40px; text-align:center; color:#ffffff; border-radius:20px; background:#055361;}
.news .news-list-view .article.news-events.popup {cursor:pointer;}

.modal-event-left {position:absolute; left:0; top:0; width:34%; padding-bottom:44%; margin:30px; background-size:cover; background-position:center;}
.modal-event-right {margin-left:40%;}
.modal-event-right .news-list-date {position:relative; left:auto; top:auto; right:auto;}
.modal-event-right .header {font-family:'Alfa Slab One', sans-serif; font-size:24px; background:#ECEFF1; padding:0 16px; overflow:hidden; margin:16px 0;}
.modal-event-right .header a {color:#021546;}

.modal-event .modal-box {min-height:482px;}
.article-inner {display:flex; flex-direction:column;}
.article-inner .news-text {display:flex; flex-direction:column; flex:1 0 auto; background:#eceff1;}
.article-inner .news-text .event-dates {margin:auto 0 0 0; background:#ffffff;}

/* News Shows */
.news .news-list-view .article.news-show .header h4 {font-family:'Intro', sans-serif; color:#6A1B9A; text-decoration:none;}
.news .news-list-view .article.news-show .teaser-text div {display:none;} 
.news .news-list-view .article.news-show .location {font-size:16px; font-weight:700; padding:0 6.8% 10px 6.8%; background:#ECEFF1;}
.news .news-list-view .article.news-show .loc-time {display:inline-block;  padding:8px 10px 8px 0; color:#95BB3A; text-transform:uppercase;}
.news .news-list-view .article.news-show .loc-place {display:inline-block; padding:8px 0;}
.news .news-list-view .article.news-show .location span span {display:none;}
.news .news-list-view .article.news-show .news-list-date-day {background:#6A1B9A;}
.news .news-list-view .article.news-show .news-list-date-month {color:#6A1B9A;}
.news .news-list-view .article.news-show .event-dates div {background:#6A1B9A;}
.show-slider .news .news-list-view .article.news-show {margin:10px;}

.modal-show .header h4 {font-family:'Intro', sans-serif; color:#6A1B9A; text-decoration:none;}
.modal-show .location {font-size:16px; font-weight:700; padding:0 16px; background:#ECEFF1;}
.modal-show .loc-time {display:inline-block;  padding:8px 10px 8px 0; color:#95BB3A; text-transform:uppercase;}
.modal-show .loc-place {display:inline-block; padding:8px 0; color:#6A1B9A;}
.modal-show .location span span {margin-right:10px; color:#90A4AE; text-transform:none;}
.modal-show .news-list-date-day {background:#6A1B9A;}
.modal-show .news-list-date-month {color:#6A1B9A;}
.modal-show .event-dates div {background:#6A1B9A;}

.news-text .button-location {border:none; padding:0; margin:0;}
.news-text .button-location:before {display:none;}

/* News Shows Banner */
.news .news-list-view .article.news-show-banner {display:block; width:auto; position:relative; padding:16px 20px 16px 120px; margin:0 20px; border-bottom:1px solid #D2D5D7;}
.news .news-list-view .article.news-show-banner:first-child {border-top:1px solid #D2D5D7;}
.news .news-list-view .article.news-show-banner .article-inner {position:static; box-shadow:none;}
.news .news-list-view .article.news-show-banner .news-list-date{background:none; left:10px;}
.news .news-list-view .article.news-show-banner .news-list-date-day {margin:0 auto; width:50px; height:50px; border-radius:25px; background:#6A1B9A; font-size:30px; line-height:50px;}
.news .news-list-view .article.news-show-banner .news-list-date-month {color:#6A1B9A;}
.news .news-list-view .article.news-show-banner .header {background:none; padding:0; min-height:77px;}
.news .news-list-view .article.news-show-banner .header h4 {font-family:'Intro', sans-serif; font-size:18px; color:#6A1B9A; margin:0;}
.news .news-list-view .article.news-show-banner .teaser-text {padding:0; min-height:0;}
.news .news-list-view .article.news-show-banner .teaser-text div {display:none;}
.news-show-banner .location {font-size:16px; font-weight:700;}
.news-show-banner .loc-time {display:block; color:#95BB3A; position:absolute; left:0; padding:8px 10px; width:90px; text-align:center; text-transform:uppercase;}
.news-show-banner .loc-place {display:block; color:#6A1B9A; padding:8px 16px; margin:0 -20px 0 0;}
.news-show-banner:hover .loc-time {background:#6A1B9A; color:#ffffff;}
.news-show-banner:hover .loc-place {background:#95BB3A;}
.news .news-list-view .article.news-show-banner .more {width:auto; height:auto; background:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.news .news-list-view .article.news-show-banner .more:after {display:none;}

/* News Detail */
.news-single .news-list-date {position:relative; left:auto; width:auto;}
.news.news-single .article .news-img-wrap {width:auto; max-width:50%;}
.news.news-single .article .news-img-wrap a {border:none; padding:0; float:none;}

.detail-event .header h1 {overflow:hidden; max-width:960px;}
.detail-event .news-list-date {width:90px; font-family:'Ubuntu', sans-serif; line-height:1.5; float:left; margin-right:20px;}
.detail-event .footer {background:#ECEFF1; padding:10px 20px;}
.detail-event .footer p {display:none;}
.detail-show .event-dates {padding:0 10px 0 0;}

.detail-show .header h1 {overflow:hidden; max-width:960px; font-family:'Intro Inline', sans-serif; color:#6A1B9A; border-left-color:#6A1B9A;}
.detail-show .news-list-date {width:90px; font-family:'Ubuntu', sans-serif; line-height:1.5; float:left; margin-right:20px;}
.detail-show .news-list-date-day {background:#6A1B9A;}
.detail-show .event-dates div {background:#6A1B9A;}
.detail-show .footer {background:#ECEFF1; padding:10px 20px;}
.detail-show .footer p {display:none;}
.detail-show .event-dates {display:inline-block; padding:0 10px 0 0;}
.detail-show .location {display:inline-block; padding:0; font-weight:700;} 


/* .detail-show {margin-top: 160px;} */

@media screen and (max-width:1280px) {  
  .detail-show {margin-top: 0;}
}


/* -------- Search ------------*/
#indexedsearch {position:relative;}
#indexedsearch  input {padding-right:40px;}
#indexedsearch  button {background:none; border:none; position:absolute; right:0; top:0; width:44px; height:60px; cursor:pointer; opacity:0.3;}
#indexedsearch  button:hover {opacity:0.7;}
#indexedsearch  button i {font-size:24px; line-height:60px;}

.tx-indexedsearch table{border:none; table-layout:auto;}
.tx-indexedsearch tr:nth-child(even){background:none;}
.tx-indexedsearch td{padding:0;}
.tx-indexedsearch td:first-child{width:auto;}
#content .tx-indexedsearch td img {width:auto; height:auto;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:none; border-top:1px solid #e0e0e0;}
.tx-indexedsearch-title a {font-size:18px; line-height:28px; font-weight:700;}
.tx-indexedsearch-descr {color:#666666; font-size:14px;}
#content .tx-indexedsearch-redMarkup {color:#E13A3F; font-weight:400;}
.tx-indexedsearch-info {font-size:12px; line-height:22px; color:#999999;}
.tx-indexedsearch-searchbox table {width:100%;}

#tx_indexedsearch { max-width:540px; position:relative;}
#tx_indexedsearch td:first-child {display:none;}
#tx_indexedsearch table {display:table;}
#tx_indexedsearch tr {display:table-cell; vertical-align:top;}
#tx_indexedsearch td {display:block;}
#tx_indexedsearch tr:last-child {width:44px;}
#tx_indexedsearch .tx-indexedsearch-searchbox-sword {width:100%; padding-right:44px;}
#tx_indexedsearch input.tx-indexedsearch-searchbox-button {position:absolute; top:0; width:44px; height:60px; right:44px; margin:0; padding:0; border-radius:0; background:none; box-shadow:none; color:transparent; text-indent:-9999px; opacity:0.4;  background-position:-428px -60px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
#tx_indexedsearch input.tx-indexedsearch-searchbox-button:hover {opacity:0.7;}

.tx-indexedsearch ul.browsebox {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center;}
.tx-indexedsearch ul.browsebox li {padding:0; margin:0 10px;}
#content .tx-indexedsearch-icon img {max-width:none;}

/* -------- Venue ------------*/ 
.venue {position:relative; margin:15px 0; border:1px solid #D7DADC; border-right:none; border-left:20px solid #0277BD; padding:20px 20px 20px 8%; cursor:pointer; transition:border-color 0.3s;}
.venue:hover {border-left-color:#FF5722;}
.venue:after {content:""; display:block; width:60px; height:60px; transition:background-color 0.3s; position:absolute; top:0; right:0; background-color:#0277BD; background-position:-480px -180px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
.venue:hover:after {background-color:#FF5722;}
.venue h2, .modal-venue h2 {font-family:'Alfa Slab One', sans-serif;}
.venue h6 {display:none;}
.venue hr {display:none;}
.venue a {display:none;}

.slick-up {background-position:-120px 0;}
.slick-down {background-position:-180px 0;}

.modal-venue-left {position:absolute; left:0; top:0; bottom:0; width:34%; margin:30px; background-size:cover; background-position:center;}
.modal-venue-right {margin-left:40%;}
.modal-venue h6 {font-family:'Ubuntu', sans-serif; font-size:18px; font-weight:700;}
.modal-venue img {vertical-align:middle; margin:0 5px 0 0;}
.modal-venue img:not(:first-child) {margin-left:10px;}

/* -------- Footer ------------*/  
#footer {display:table-row; width:100%; height:1px; }
  
  #footer .content-two {margin:0; background:#ECEFF1 url(../images/footer-background.png) no-repeat center bottom; background-size:100% auto;}
  #footer .content-left {padding:40px 30px 40px 40px;}
  #footer .content-right {padding:40px 40px 60px 30px; width:560px; box-sizing:border-box; background:#ECEFF1;}
 
  #footer .content-left h1 {margin-left:0; margin-bottom:60px;}
  #footer .content-left .subtitle {background:none;}
  #footer .content-right .subtitle {background:none; font-size:14px; font-weight:700;}
 
  .footer-menu {position:relative; display:inline-block; vertical-align:top; margin:15px 15px 15px 84px; font-size:18px; line-height:28px; font-weight:700; color:#021C6A; padding:20px 11px; border:1px solid #021C6A; border-right:none;}
  .footer-menu:hover {text-decoration:none;}
  .footer-menu:before {content:""; position:absolute; left:-84px; top:50%; margin-top:-31px; display:block; width:60px; height:60px; border-radius:30px; border:1px solid #021C6A; background-position:-240px -60px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
  .footer-menu:after {content:""; position:absolute; left:-22px; top:50%; display:block; width:22px; height:0; border-top:1px solid #021C6A;}
  .footer-menu a {display:inline-block; vertical-align:top; color:#021C6A;}
  .footer-menu a:not(:last-child):after {display:inline-block; vertical-align:top; content:"|"; width:30px; text-align:center;}
 
  .footer-social {position:relative; display:inline-block; vertical-align:top; margin:15px 15px 15px 114px; font-size:0; line-height:28px; font-weight:700; color:#021C6A; padding:4px 11px; border:1px solid #021C6A; border-right:none; border-left:none;}
  .footer-social:hover {text-decoration:none;}
  .footer-social:before {content:"Social"; font-size:18px; position:absolute; left:-110px; top:0; display:block; width:86px; height:70px; line-height:70px; border-right:1px solid #021C6A;}
  .footer-social:after {content:""; position:absolute; left:-46px; top:50%; display:block; width:22px; height:0; border-top:1px solid #021C6A;}

  .btn-social {display:inline-block; vertical-align:top; position:relative; text-indent:-9999px; font-size:0; color:transparent; width:60px; height:60px; background-position:-60px -180px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
  .btn-social:not(:last-child) {margin-right:16px;}
  .btn-social:not(:last-child):after {content:""; display:block; position:absolute; right:-8px; top:0; bottom:0; border-right:1px solid #021C6A;}
  .btn-social:hover {background-color:rgba(0,0,0,0.05);}
  .btn-facebook {background-position:-60px -180px;}
  .btn-twitter {background-position:-120px -180px;}
  .btn-instagram {background-position:-180px -180px;}
  
  /*.content-social .btn-facebook {background-color:#0277BD; border-radius:30px; background-position:0 -180px;} */ 
  .content-social {display:inline-block; border:1px solid #B0B6BA; border-width:1px 0; padding:8px 0;}
  .content-social .btn-social:not(:last-child):after {border-right:1px solid #B0B6BA;}
  
  .footer-logo {float:right;}
  
  .footer-phone {position:relative; display:inline-block; vertical-align:top; margin:15px 5px 15px 84px; font-size:36px; line-height:46px; font-weight:700; color:#021C6A; padding:11px; border:1px solid #021C6A; border-right:none;}
  .footer-phone:hover {text-decoration:none;}
  .footer-phone:before {content:""; position:absolute; left:-84px; top:50%; margin-top:-31px; display:block; width:60px; height:60px; border-radius:30px; border:1px solid #021C6A; background-position:-4px -60px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
  .footer-phone:after {content:""; position:absolute; left:-22px; top:50%; display:block; width:22px; height:0; border-top:1px solid #021C6A;}

  .footer-contact, .footer-location {display:inline-block; vertical-align:top; margin:20px 5px; width:60px; height:60px; border-radius:30px; border:1px solid #021C6A; background-position:-420px -120px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
  .footer-location {background-position:-180px -60px;}
  .footer-contact:hover, .footer-location:hover {background-color:rgba(0,0,0,0.05);}
 
  .footer-hours {position:relative; display:inline-block; vertical-align:top; margin:20px 5px 20px 84px; font-size:18px; line-height:28px; font-weight:700; color:#021546; padding:16px 0;}
  .footer-hours:before {content:""; position:absolute; left:-84px; top:0; display:block; width:60px; height:60px; border-radius:30px; border:1px solid #021C6A; background-position:-300px -60px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}
 
  .footer-bottom {position:relative; padding:17px 580px 17px 40px; font-family:'Lekton', sans-serif; font-size:16px; line-height:26px; font-weight:700; text-align:left; clear:both; color:#ffffff; background:#021546;}
  .website {position:absolute; bottom:0; right:0; min-height:100%; padding:25px 40px; line-height:46px; color:#ffffff; background:#0277BD; width:560px; box-sizing:border-box; text-align:center;}
  .website a {display:inline-block; vertical-align:middle;}
  .website a:hover {opacity:0.7;}

/* -------- Drawers ------------*/
.overlay {position:fixed; left:100%; right:0; top:0; bottom:0; background:rgba(236,239,241,0); transition:background 0.5s, left 0s 0.5s; z-index:120;}
.overlay.open {left:220px; background:rgba(236,239,241,0.9); transition:background 0.5s, left 0s; overflow-y:auto; overflow-x:hidden; min-width:320px; -webkit-overflow-scrolling:touch;}
.drawer-wrap {position:absolute; left:100%; width:100%; box-sizing:border-box; transition:left 0.5s;}
.overlay.open .drawer-wrap {left:0;}
.drawer-box {position:relative; background:#ffffff; margin:0 0 0 auto; text-align:left; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.close.material-icons {display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#0277BD; color:#ffffff; cursor:pointer; position:absolute; right:0; top:0; z-index:10;}

.drawer-contact .content-two {margin:0;}
.drawer-contact .content-left {padding-top:40px; padding-bottom:40px;}
.drawer-contact .content-right, .uid-362 .content-right {width:36%; padding:0;}
.subtitle2 {display:inline-block; vertical-align:middle; font-family:'Ubuntu', sans-serif; font-size:14px; font-weight:700; color:#021C6A; margin-bottom:10px;}
.subtitle3 {position:relative; display:inline-block; vertical-align:middle; font-family:'Ubuntu', sans-serif; font-size:14px; font-weight:700; color:#021C6A; margin-bottom:10px; padding:16px; margin-left:30px; border:1px solid #021C6A; border-right:none;}
.subtitle3:before {content:""; display:block; position:absolute; width:20px; top:50%; left:-20px; border-top:1px solid #021C6A;}

.drawer-search .drawer-box {max-width:500px;}

.drawer-book .drawer-box {max-width:800px; border-top:10px solid #055361;}

/* -------- Show Drawers ------------*/
.uid-356 .overlay.open, .pid-356 .overlay.open {left:0;}

/* -------- Modals ------------*/
.modal-box {position:relative; max-width:960px; padding:30px; box-sizing:border-box; background:#ffffff; margin:80px auto 40px auto; transition:all 0.5s; opacity:0; text-align:left; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.overlay.open .modal-box {margin:40px auto; opacity:1;}
.modal-box h1, .modal-box .h1 {border:none; padding-left:0; margin-left:0;}
.modal-box .subtitle {padding:16px; margin:0;}

/* -------- Media Queries ------------*/

@media screen and (max-width:1800px) {
  /* -------- CTA2 ------------*/
  .cta2 div {float:none; width:auto; height:auto; padding:20px;}
  .cta2 a {width:16.66%;}

}

@media screen and (max-width:1600px) {
  /* -------- Text ------------*/
  h1, .h1 {font-size:38px; margin:16px 0 16px -20px; border-left:8px solid #055361; padding:0 0 0 12px;}
  .subtitle {margin:0 0 0 -12px; padding:5px 0 5px 12px;}
  h2 {font-size:34px;}
  blockquote {margin:16px 0 16px -20px; border-left:8px solid #055361; padding:10px 20px 10px 32px;}
  .uid-356 #content h1 {font-size:38px;}

  /* -------- Content ------------*/
  .border-left {border-left:8px solid #055361;}
  .border-right {border-right:8px solid #055361;}

  /* -------- Footer ------------*/
  #footer h1 {font-size:34px; margin:0;}
  #footer .content-left h1 {margin:0 0 20px 0;}
  #footer .subtitle {font-size:18px;}
  .footer-logo {width:100px;}
  
  /* -------- CTA ------------*/
  .cta a div {font-size:24px; bottom:30px;}
  .cta a {height:200px;}
  /* -------- CTA2 ------------*/
  .cta2 a {font-size:16px;}

  /* -------- Banner ------------*/
  .banner-header {font-size:50px;}
  .events-left {width:240px;}
  .events-left h1 {font-size:30px;}
  .events-right {left:240px;}
  
  .uid-356 #banner .content-right {width:372px;}
  .uid-356 #banner .banner-text {background:none; padding-right:0;}
  .uid-356 #content .banner-text h1 {font-size:38px;}
  .uid-356 #content .banner-bottom {font-size:34px;}
  
  /* -------- Contact ------------*/
  .drawer-contact .content-cell {display:block; width:auto;}
  .drawer-contact iframe {width:100%; height:300px;}
  
  /* -------- News ------------*/
  .news .news-list-view .article .teaser-text {padding:0 6.8% 80px 6.8%;}
  .news .news-list-view .article {padding:10px;}
  .news .news-list-view .article .more {width:80px; height:80px;}
  .news .news-list-view .article .more:after {margin:10px;}
  
  .news .news-list-view .article.news-events-banner {padding-left:100px; min-height:100px;}
  .news-list-date {width:60px; font-size:12px;}
  .news-list-date-day {font-size:40px;}
  
  .news .news-list-view .article.news-events {width:31.33%;}
  
  .news .news-list-view .article.news-show-banner {padding-left:90px;}
  .news .news-list-view .article.news-show-banner .header {min-height:68px;}
  .news .news-list-view .article.news-show-banner .header h4 {font-size:16px;}
  .news-show-banner .location {font-size:12px;}
  .news .news-list-view .article.news-show-banner .loc-time {width:60px;}
  
  .detail-event .news-list-date {width:60px;}
  .detail-show .news-list-date {width:60px;}
}

@media screen and (max-width:1400px) {
  /* -------- Banner ------------*/
  #banner .content-left {padding:0;}
  #banner .content-right {width:40%;}
  .events-left {width:auto; left:0; right:0; bottom:auto;}
  .events-left div:after {display:none;}
  .events-right {left:0; top:166px;}

  /* -------- News ------------*/
  .news .news-list-view .article.news-events .article-inner {margin:10px;}
}

@media screen and (max-width:1280px) {  
  /* -------- Text ------------*/
  h1, .h1 {font-size:30px; margin:16px 0; border-left:6px solid #055361; padding:0 0 0 10px;}
  .subtitle {font-size:20px; margin:0 0 0 -10px; padding:5px 0 5px 10px;}
  h2, .h2 {font-size:26px;}
  h3, .h3 {font-size:24px;}
  h4, .h4 {font-size:21px;}
  h5, .h5 {font-size:18px;}
  h6, .h6 {font-size:18px;}
  blockquote {margin:16px 0; border-left:6px solid #055361; padding:10px 20px 10px 20px;}
  .uid-356 #content h1 {font-size:30px;}

  /* -------- Content ------------*/
  .content-one {margin:40px 20px;}
  .content-left {padding:0 20px;}
  .content-right {padding:0 20px;}
  .border-left {border-left:6px solid #055361;}
  .border-right {border-right:6px solid #055361;}

  /* -------- Buttons ------------*/
  .button, .button2 {padding:11px 30px;}
  input[type="submit"]{padding:11px 30px;}

  /* -------- Header ------------*/
  #header {left:0; z-index:110; height:60px; background-position:-220px bottom;}
  .header-logo {width:74px; padding:5px 5px 14px 5px;}
  .header-logo span {display:none;}
  .header-phone {margin:0 10px 0 0; border:0; padding:0; line-height:60px; font-size:24px;}
  .header-phone:before {border:none; position:relative; display:inline-block; vertical-align:top; left:auto; top:auto; margin:0 -10px 0 0;}
  .header-phone:after {display:none;}
  .header-right {width:auto;}
  .header-search {display:inline-block; height:60px; background-position:-125px -60px;}
  .header-contact {display:inline-block; height:60px; background-position:-185px -60px;}
  .header-tickets {background:none; padding:0;}
  .header-tickets-text {display:none;}
  .header-tickets .button2 {position:relative; margin:5px 10px; padding:11px 30px 11px 60px;}
  .header-tickets .button2:before {content:""; display:block; position:absolute; left:5px; top:0; width:50px; height:50px; background-position:-365px -65px; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

  /* -------- Compact Nav ------------*/
  body {padding:60px 0 0 0;}
  .nav-wrap {width:0; top:60px; padding-top:40px;}
  .nav-wrap.menu-open {width:220px;}
  .menu {display:inline-block;}
  .uid-356 .menu, .pid-356 .menu {width:60px; height:60px; left:96px; font-size:16px;}
  .uid-356 .menu:before, .pid-356 .menu:before {width:40px; height:40px; background-size:400px auto; background-position:-360px -40px;}
  .uid-356 .menu.open:before, .pid-356 .menu.open:before {background-position:-360px 0;}

  /* -------- Banner ------------*/
  .uid-356 #banner .banner-text {padding-top:40px;}
  .banner-header {font-size:36px;}
  .pid-356 .banner-text {margin:60px 0;}

  /* -------- Footer ------------*/
  #footer .content-two {display:block;}
  #footer .content-left {display:block; padding:20px; margin:0;}
  #footer .content-right {display:block; padding:20px; margin:0; background:none; width:auto;}
  .footer-bottom {padding:0; text-align:center;}
  .copyright {display:block; padding:20px;}
  .website {position:relative; padding:16px 20px; width:auto; font-size:12px;}
  .website a {width:180px;}
  
  /* -------- Drawers ------------*/
  .overlay.open {left:0;}
  .drawer-search .content-one {margin-top:70px;}
}


@media screen and (max-width:960px) {
  /* -------- Content ------------*/
  .content-one {margin:40px 20px;}
  .content-two {display:block;}
  .content-cell{display:block; margin:40px 20px; padding:0;}
  
  .block-column, .block-column + .block-column {padding:0; display:block; width:auto;}
  
  /* -------- CTA ------------*/
  .cta a {width:50%; height:160px;}
  /* -------- CTA2 ------------*/
  .cta2 a {width:33.33%; height:160px; padding:10px;}

  /* -------- Banner ------------*/
  #banner .content-cell.content-right {width:auto; height:400px; margin:0;}
  .events-left {width:220px; bottom:0;}
  .events-right {left:220px; top:0;}
  .banner-shows {position:relative; left:auto; right:auto; top:auto; bottom:auto; overflow:hidden;}
  .banner-shows .news-list-view {max-height:400px; overflow-y:auto;}

  /* -------- Logo Slider ------------*/
  .logo-slide {margin:10px 20px;}

  /* -------- News ------------*/
  .news .news-list-view .article {width:50%;}
  .news .news-list-view .article.news-events {width:48%;}
  .news .news-list-view .article.news-show .article-inner {display:block; max-width:340px;}
  .news .news-list-view .article.news-show .news-img-wrap {display:block; width:auto; margin:0 auto; padding:0;}
  .news .news-list-view .article.news-show .news-text {display:block;}
}


@media screen and (max-width:800px) {
  /* -------- TYPO3 CSS Styled Content ------------*/
  .csc-textpic-text {margin:0 !important;}
  .csc-textpic-imagewrap {float:none !important;}
  
  /* -------- Header ------------*/
  .header-tickets {display:none;}
  
  /* -------- News Detail ------------*/
  .news.news-single .article .news-img-wrap {float:none; max-width:none; margin:0 0 20px 0;}
}

@media screen and (max-width:600px) {
  /* -------- Header ------------*/
  /* .header-phone {display:none;} */
  
  /* -------- Footer ------------*/
  #footer {text-align:center;}
  #footer h1 {text-align:left; font-size:28px;}
  .footer-menu {display:block; text-align:center; border:none; padding:0; margin:20px 0;}
  .footer-menu:before, .footer-menu:after {display:none;}
  .footer-social {display:block; text-align:center; margin:20px auto;}
  .footer-social:before, .footer-social:after {display:none;}
  .footer-phone {display:block; text-align:center; margin:20px 0; border-left:none; padding:0; line-height:60px; font-size:24px;}
  .footer-phone:before {border:none; position:relative; display:inline-block; vertical-align:top; left:auto; top:auto; margin:0 -10px 0 0;}
  .footer-phone:after {display:none;}
  .footer-contact, .footer-location {margin:10px 20px;}
  .footer-hours {margin:0;}
  .footer-hours:before {display:none;}
  .footer-logo {display:none;}
  
  /* -------- Banner ------------*/
  #banner .content-cell.content-left {margin:0;}
  .banner-text {display:block; margin:60px 0;}
  .banner-text .csc-heading {display:block;}
  .banner-text h1 {font-size:34px;}
  .banner-text .csc-textpic-text {display:block;}
  #banner .content-cell.content-right {height:auto;}
  .events-left {position:relative; width:auto;}
  .events-right {position:relative; left:auto; height:300px;}
  
  .uid-356 #content .banner-text h1 {font-size:30px;}
  .uid-356 #content .banner-bottom {font-size:22px;}
  
  /* -------- Welcome ------------*/
  .welcome-social {width:auto; margin:0;}
  .welcome-social-image {display:none;}
  
  /* -------- News ------------*/
  .news .news-list-view .article {width:100%;}
  .news .news-list-view .article.news-events {display:block; width:auto; max-width:380px; margin:10px auto;}
  .news .news-list-view .article.news-show {display:block; width:auto;}

  .modal-event .modal-box {max-width:380px;}
  .modal-event-left {position:relative; height:300px; width:auto; margin:0 0 10px 0;}
  .modal-event-right {margin:0;}
  
  .detail-event .news-list-date {float:none;}
  .detail-show .news-list-date {float:none;}
  
  /* -------- Venue ------------*/
  .modal-venue .modal-box {max-width:380px;}
  .modal-venue-left {position:relative; height:300px; width:auto; margin:0 0 10px 0;}
  .modal-venue-right {margin:0;}
}


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

  /* -------- Header ------------*/
  .header-phone {font-size: 16px;} 

  /* -------- Content ------------*/
  .left-label {padding-left:0;}
  .label-text {position:relative; display:block; width:auto; text-align:left; border-bottom:1px solid #B0B6BA; border-right:none; margin-bottom:5px;}
  /* -------- Banner Show ------------*/
  .royal:before {width:30px; height:30px; top:-22px; margin-left:-10px; background-position:-270px -90px; background-size:300px auto;}
  /* -------- CTA ------------*/
  .cta a {width:auto; float:none;}
  /* -------- CTA 2 ------------*/
  .cta2 div {font-size:30px;}
  .cta2 a {float:none; width:auto; height:auto; line-height:50px; text-align:left;}
  .cta2 a:before {display:inline-block; vertical-align:top; margin:0 10px; width:50px; height:50px; background-size:300px auto;}
  .cta-tickets:before {background-position:0 -120px;}
  .cta-entertainment:before {background-position:-50px -120px;}
  .cta-results:before {background-position:-100px -120px;}
  .cta-schedule:before {background-position:-150px -120px;}
  .cta-sponsors:before {background-position:-200px -120px;}
  .cta-site-holders:before {background-position:-250px -120px;}
}



@media screen and (max-width:420px) {
  /* -------- Header ------------*/
  .header-phone:before {display:none;} 
}

@media screen and (max-width:389px) {
  .header-contact {display: none;}
  .header-search {transform: scale(.6);}
}







/* --- ADDITIONAL STYLES --- */ 


/* RESPONSIVE TABLE */

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 3px; }
  table thead,
  table tbody,
  table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }
  table caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }
  table thead,
  table tfoot {
    background: #f8f8f8;
    color: #0a0a0a; }
    table thead tr,
    table tfoot tr {
      background: transparent; }
    table thead th,
    table thead td,
    table tfoot th,
    table tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }
  table tbody tr:nth-child(even) {
    background-color: #f1f1f1; }
  table tbody th,
  table tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 33.750em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }


.table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #f9f9f9; }

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }



/* Contact in header */
.header-row-bottom > .button-contact:nth-child(2) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 15px 15px 15px 5px;
  font-size: 36px;
  line-height: 65px;
  font-weight: 700;
 }

@media screen and (max-width:1400px) {
  .header-row-bottom > .button-contact:nth-child(2) {display: none;}
}

@media screen and (max-width:1280px) {
  .header-row-bottom > .button-contact {display: none;}
}