/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 17 June 2020 11:01:42
*/


@charset "UTF-8";
/**
 * version: 0.0.1
 * file:    main.css
 * author:  Squiz Australia
 * updated: 16-03-2016 15:32
 *
 * Table of Contents
 *
 * - Reset
 * - Utilities
 * - General
 * - Content
 * - Modules
 *    accordion (0.0.10)
 *    back-to-top (0.1.0)
 *    datepicker (0.0.2)
 *    font-awesome (0.1.0)
 *    matrix-form (0.1.3)
 *    navbar (1.0.0-beta2)
 *    parallax (0.0.5)
 *    slick (0.0.2)
 *    malihu-custom-scrollbar-plugin (3.1.0) (3.1.3)
 */

.visuallyhidden, .sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.focusable.sr-only:active, .visuallyhidden.focusable:focus, .focusable.sr-only:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.tabs__tab-list, .sub-nav, .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
}

.highlight {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.sq-form input[type="text"],
.sq-form input[type="password"],
.sq-form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix, .sq-form-question {
    *zoom: 1;
}

.clearfix:before,
  .sq-form-question:before,
  .clearfix:after, .sq-form-question:after {
    content: '';
    display: table;
    line-height: 0;
}

.clearfix:after, .sq-form-question:after {
    clear: both;
}

/*
--------------------
Reset (normalize.css)
--------------------
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer,
header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
--------------------
Utilities
--------------------
*/
.hidden {
    display: none !important;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.pull-left {
    float: left;
}

img.pull-left {
    margin-right: 1em;
}

.pull-right {
    float: right;
}

img.pull-right {
    margin-left: 1em;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 1em;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
--------------------
General
--------------------
*/

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('OpenSans-Bold.eot');
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('OpenSans-Bold.ttf');
}
@font-face {
    font-family: "OpenSansBoldItalic";
  src: url("/__data/assets/file/0006/55554/OpenSans-BoldItalic.ttf?v=0.2.1");
}

@font-face {
    font-family: "OpenSansExtraBold";
  src: url("/__data/assets/file/0007/55555/OpenSans-ExtraBold.ttf?v=0.2.1");
}

@font-face {
    font-family: "OpenSansExtraBoldItalic";
  src: url("/__data/assets/file/0008/55556/OpenSans-ExtraBoldItalic.ttf?v=0.2.1");
}

@font-face {
    font-family: "OpenSansItalic";
  src: url("/__data/assets/file/0009/55557/OpenSans-Italic.ttf?v=0.2.1");
}

@font-face {
    font-family: "OpenSansLight";
  src: url("/__data/assets/file/0010/55558/OpenSans-Light.ttf?v=0.2.1");
}

@font-face {
    font-family: "OpenSansLightItalic";
  src: url("/__data/assets/file/0011/55559/OpenSans-LightItalic.ttf?v=0.2.1");
}

@font-face {
    font-family: "OpenSansRegular";
  src: url("/__data/assets/file/0009/57969/OpenSans-Regular.eot?v=0.2.1");
}

@font-face {
    font-family: "OpenSansRegular";
  src: url("/__data/assets/file/0003/55560/OpenSans-Regular.ttf?v=0.2.1");
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('OpenSans-Semibold.eot');
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('OpenSans-Semibold.ttf');
}
@font-face {
    font-family: "OpenSansSemiboldItalic";
  src: url("/__data/assets/file/0005/55562/OpenSans-SemiboldItalic.ttf?v=0.2.1");
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

input::-webkit-input-placeholder {
    color: #E3E3E3;
}

input:-moz-placeholder {
  /* Firefox 18- */
    color: #E3E3E3;
}

input::-moz-placeholder {
  /* Firefox 19+ */
    color: #E3E3E3;
}

input:-ms-input-placeholder {
    color: #E3E3E3;
}

html,
body {
    height: 100%;
}

body {
    overflow-y: scroll;
    font-size: 1em;
    line-height: 1.4;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

@-ms-viewport {
    width: device-width;
}

@page {
    margin: 0.5cm;
}

.header__top {
    background-color: #fff;
    height: 37px;
}

.header__top .header__accesibility {
    display: none;
}

.header__top .header__language {
    display: none;
}

.header__bottom {
    background-color: #E3E3E3;
    height: 120px;
    padding: 15px 0;
}

.header__bottom .header__logo {
    display: block;
    width: 153px;
    height: 68px;
    float: left;
}

@media screen and (max-width: 71.25em) {
    .header__bottom .header__logo {
        margin-left: 10px;
        margin-top: 25px;
    }
}

@media screen and (max-width: 71.25em) {
    .header__bottom .header__social {
        position: absolute;
        top: 8px;
    }
}

.header__bottom .header__social a.header__social-link {
    margin-left: 10px;
    color: #000;
}

.header__bottom .header__social a.header__social-link span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.header__bottom .header__social a.header__social-link:hover {
    color: #C8102E;
}

.header__bottom .header__newsletter-singup {
    display: none;
    font-family: 'OpenSansSemibold';
    float: right;
    font-size: 12px;
    color: #000;
    margin-left: 40px;
}

.header__bottom .header__newsletter-singup:after {
    margin-left: 5px;
    text-decoration: none;
}

.header__bottom .mobile__search-button button {
    background: url("https://www.casulapowerhouse.com/__data/assets/image/0009/55566/search.png?v=0.2.5") no-repeat center;
    height: 37px;
    width: 55px;
    float: right;
    border: none;
    background-color: #C8102E;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (min-width: 71.25em) {
    .header__bottom .mobile__search-button button {
        display: none;
    }
}

.header__bottom .mobile__search-button button:before {
    border-top: 37px solid #C8102E;
    border-left: 10px inset transparent;
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
}

.header__bottom .main-search {
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 71.25em) {
    .header__bottom .main-search {
        background: #000;
        padding: 10px 1em;
        width: 100%;
        top: -50px;
        z-index: 2;
    }

    .header__bottom .main-search.active {
        top: 0;
    }
}

.header__bottom .main-search .main-search__input {
    height: 30px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

@media screen and (max-width: 71.25em) {
    .header__bottom .main-search .main-search__input {
        padding-right: 90px;
    }
}

.header__bottom .main-search .main-search__button {
    height: 30px;
    float: right;
    border: none;
    background-color: #C8102E;
    position: absolute;
    overflow: visible;
}

@media screen and (max-width: 71.25em) {
    .header__bottom .main-search .main-search__button {
        color: #fff;
        font-family: 'OpenSansSemibold';
        text-transform: uppercase;
        padding: 0 10px;
        top: 10px;
        right: 10px;
    }
}

.header__bottom .main-search .main-search__button:before {
    border-top: 30px solid #C8102E;
    border-left: 10px inset transparent;
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
}

@media screen and (min-width: 71.25em) {
    .main-nav {
        height: 35px;
    }
}

.main-slider, .main-banner {
    height: 290px;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 71.25em) {
    .main-slider, .main-banner {
        height: 240px;
    }

    .main-slider .slick-dots, .main-banner .slick-dots {
        display: none !important;
    }
}

.main-slider .slick-dots, .main-banner .slick-dots {
    margin-top: 1em;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.main-slider .main-slider__slide, .main-banner .main-slider__slide {
    position: relative;
    min-height: 290px;
}

@media screen and (max-width: 71.25em) {
    .main-slider .main-slider__slide, .main-banner .main-slider__slide {
        min-height: 240px;
    }
}

.main-slider .main-slider__slide img, .main-banner .main-slider__slide img {
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    max-width: none;
}

.main-slider .main-slider__slide .main-slider__slide-info, .main-banner .main-slider__slide .main-slider__slide-info {
    padding-left: 20px;
    margin-top: 30px;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    width: 510px;
    height: 215px;
    padding-bottom: 20px;
}

@media screen and (max-width: 71.25em) {
    .main-slider .main-slider__slide .main-slider__slide-info, .main-banner .main-slider__slide .main-slider__slide-info {
        margin: 15px;
    }
}

@media screen and (max-width: 600px) {
    .main-slider .main-slider__slide .main-slider__slide-info, .main-banner .main-slider__slide .main-slider__slide-info {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-slider .main-slider__slide .main-slider__slide-info h1, .main-banner .main-slider__slide .main-slider__slide-info h1 {
        line-height: 1;
    }
}

.main-slider .main-slider__slide .main-slider__slide-info:after, .main-banner .main-slider__slide .main-slider__slide-info:after {
    border-left: 40px solid rgba(0, 0, 0, 0.6);
    border-top: 215px inset transparent;
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
}

@media screen and (max-width: 600px) {
    .main-slider .main-slider__slide .main-slider__slide-info:after, .main-banner .main-slider__slide .main-slider__slide-info:after {
        content: none;
    }
}

.main-slider .main-slider__slide .main-slider__slide-info h1, .main-banner .main-slider__slide .main-slider__slide-info h1 {
    font-family: 'OpenSansRegular';
    font-size: 30px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1;
}

@media screen and (max-width: 600px) {
    .main-slider .main-slider__slide .main-slider__slide-info h1, .main-banner .main-slider__slide .main-slider__slide-info h1 {
        font-size: 25px;
    }
}

.main-slider .main-slider__slide .main-slider__slide-info h1 span, .main-banner .main-slider__slide .main-slider__slide-info h1 span {
    font-family: 'OpenSansBold';
}

.main-slider .main-slider__slide .main-slider__slide-info h2, .main-banner .main-slider__slide .main-slider__slide-info h2 {
    margin: 0 0 10px;
    font-family: 'OpenSansSemibold';
    font-size: 21px;
}

.main-slider .main-slider__slide .main-slider__slide-info p, .main-banner .main-slider__slide .main-slider__slide-info p {
    display: none;
    margin-top: 5px;
    font-size: 14px;
    font-family: 'OpenSansSemibold';
}

.main-slider .main-slider__slide .main-slider__slide-info a, .main-banner .main-slider__slide .main-slider__slide-info a {
    margin-top: 10px;
    float: left;
    text-transform: uppercase;
}

.footer__top {
    padding-top: 5px;
    background-color: #E3E3E3;
    overflow: hidden;
}

.footer__top h2 {
    font-family: OpenSans-Semibold;
    font-size: 21px;
    text-transform: uppercase;
    border-bottom: 1px solid #B1B1B1;
}

.footer__top .footer__sitemap {
    display: none;
}

.footer__top .footer__contact {
    width: 100%;
    float: left;
    padding: 0 35px;
}

@media screen and (max-width: 30em) {
    .footer__top .footer__contact {
        padding: 0 1em;
    }
}

.footer__top .footer__contact .footer__contact-list {
    list-style: none;
    padding-left: 0;
}

.footer__top .footer__contact li.footer__contact-item {
    font-size: 14px;
    font-family: OpenSans-Semibold;
    margin-bottom: 11px;
    padding-top: 2px;
    padding-left: 40px;
    position: relative;
}

.footer__top .footer__contact li.footer__contact-item:before {
    width: 25px;
    height: 25px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
}

    .footer__top .footer__contact li.footer__contact-item.footer__contact-mail:before {
        background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0004/55552/message.png?v=0.2.3");
    }

    .footer__top .footer__contact li.footer__contact-item.footer__contact-location:before {
        background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0004/55552/message.png?v=0.2.3");
    }

    .footer__top .footer__contact li.footer__contact-item.footer__contact-email:before {
        background-image: url("http://casulapowerhouse.com/__data/assets/image/0019/55540/email.png?v=0.2.3");
    }

    .footer__top .footer__contact li.footer__contact-item.footer__contact-phone:before {
        background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0011/55568/speach.png?v=0.2.3");
    }

.footer__top .footer__contact li.footer__contact-item a {
    color: #000;
    text-decoration: none;
}

.footer__top .footer__contact li.footer__contact-item a:hover {
    text-decoration: underline;
}

.footer__bottom {
    padding: 20px 35px;
    overflow: hidden;
}

@media screen and (max-width: 30em) {
    .footer__bottom {
        padding: 20px 1em;
    }
}

.footer__bottom .footer__logo-wrapper {
    height: 60px;
    float: left;
    margin-right: 65px;
    margin-bottom: 20px;
}

@media screen and (max-width: 435px) {
    .footer__bottom .footer__logo-wrapper {
        margin-right: 0;
    }
}

.footer__bottom .footer__logo-wrapper .footer__logo-img {
    height: 100%;
}

@media screen and (max-width: 360px) {
    .footer__bottom .footer__logo-wrapper .footer__logo-img {
        height: auto;
    }
}

.footer__bottom .footer__disclaimer {
    float: left;
}

.footer__bottom .footer__disclaimer span {
    color: #C8102E;
    text-transform: uppercase;
    display: block;
    line-height: 1;
}

.footer__bottom .footer__disclaimer span.footer__disclaimer-top {
    font-size: 35px;
    font-family: 'OpenSansBold';
    letter-spacing: -2px;
}

.footer__bottom .footer__disclaimer span.footer__disclaimer-bottom {
    font-size: 24px;
    font-family: 'OpenSansSemibold';
    letter-spacing: -2px;
}

.footer__copyright {
    height: 30px;
    background-color: #000;
    padding-left: 35px;
}

@media screen and (max-width: 30em) {
    .footer__copyright {
        padding: 0 1em;
    }
}

.footer__copyright .footer__copyright-info {
    color: #FFF;
    font-size: 12px;
    line-height: 2.5;
}

.featured-events {
    color: #fff;
    padding-top: 40px;
    overflow: hidden;
}

@media screen and (max-width: 71.25em) {
    .featured-events .content__wrapper {
        margin: 0 1em;
    }
}

.featured-events .featured-events__item {
    height: 190px;
    width: 540px;
    float: left;
    margin-bottom: 30px;
}

@media screen and (max-width: 71.25em) {
    .featured-events .featured-events__item {
        width: 49%;
        height: 150px;
        margin-bottom: 10px;
    }

    .featured-events .featured-events__item:nth-child(odd) {
        clear: left;
    }
}

.featured-events .featured-events__item.no-results {
    font-family: 'OpenSansSemibold';
}

.featured-events .featured-events__item.no-results h1, .featured-events .featured-events__item.no-results h2, .featured-events .featured-events__item.no-results h3 {
    font-family: 'OpenSansBold';
    font-weight: normal;
    margin: 0;
    line-height: 1;
}

.featured-events .featured-events__item.no-results .featured-events__event-details {
    width: 100%;
}

.featured-events .featured-events__item.no-results .featured-events__event-details:after {
    content: none;
}

.featured-events .featured-events__item.no-results .featured-events__event-details p a {
    color: #fff;
    text-decoration: underline;
    font-family: 'OpenSansBold';
}

@media screen and (max-width: 31.25em) {
    .featured-events .featured-events__item {
        width: 100%;
    }
}

.featured-events .featured-events__item:nth-child(even) {
    margin-left: 30px;
}

@media screen and (max-width: 71.25em) {
    .featured-events .featured-events__item:nth-child(even) {
        margin-left: 2%;
    }
}

@media screen and (max-width: 31.25em) {
    .featured-events .featured-events__item:nth-child(even) {
        margin-left: 0;
    }
}

.featured-events .featured-events__item .featured-events__event-details {
    padding: 35px 0 0 20px;
    float: left;
    width: 215px;
    height: 100%;
    background: #C8102E;
    position: relative;
}

@media screen and (max-width: 71.25em) {
    .featured-events .featured-events__item .featured-events__event-details {
        width: 100%;
        padding: 15px;
    }
}

.featured-events .featured-events__item .featured-events__event-details:after {
    border-left: 40px solid #C8102E;
    border-top: 190px inset transparent;
    content: none;
    position: absolute;
    right: -40px;
    top: 0;
    z-index: 2;
}

.featured-events .featured-events__item .featured-events__event-details span {
    display: block;
}

.featured-events .featured-events__item .featured-events__event-details span.event-category {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'OpenSansRegular';
}

.featured-events .featured-events__item .featured-events__event-details span.event-title {
    font-family: 'OpenSansBold';
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 1;
}

.featured-events .featured-events__item .featured-events__event-details span.event-time {
    font-family: 'OpenSansSemibold';
    font-size: 16px;
}

.featured-events .featured-events__item .featured-events__event-details a {
    text-decoration: none;
}

.featured-events .featured-events__item .featured-events__caption {
    float: left;
    position: relative;
    display: none;
}

.featured-events .featured-events__item .featured-events__caption a {
    text-decoration: none;
}

.featured-events .featured-events__item .featured-events__caption p {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    padding: 30px 15px 0 55px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1);
    transform: translate3d(0, 20px, 0) scale(1);
}

.featured-events .featured-events__item .featured-events__caption .caption-image {
    width: 320px;
    height: 190px;
}

.featured-events .featured-events__item .featured-events__caption .caption-image img {
    width: 320px;
    height: 190px;
}

.featured-events .featured-events__item .featured-events__caption .caption-image:after {
    position: absolute;
    width: 100%;
    height: 190px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    content: none;
}

.featured-events .featured-events__item:hover .featured-events__caption p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.featured-events .featured-events__item:hover .featured-events__caption .caption-image:after {
    opacity: 1;
}

.rec-white {
    background-image: url("/__data/assets/image/0006/58047/rec-white.png?v=0.1.1");
    margin-top: 15px;
    width: 20px;
    height: 20px;
    background-size: cover;
}

.rec-list {
    height: 50px;
    width: 63px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("/__data/assets/image/0007/58048/rec-list.png?v=0.1.1");
}

.stButton .chicklets {
    text-indent: -9999px;
}

h1 .stButton .email {
    background-image: url("/__data/assets/image/0004/58108/mail.png?v=0.1.1");
}

h1 .stButton .facebook {
    background-image: url("/__data/assets/image/0003/58107/fb.png?v=0.1.1");
}

h1 .stButton .twitter {
    background-image: url("/__data/assets/image/0005/58109/tweet.png?v=0.1.1");
}

.home-calendar {
    overflow: hidden;
    margin-bottom: 30px;
}

.home-calendar .rec-red {
    position: absolute;
    background-image: url("/__data/assets/image/0017/58031/rec-red.png?v=0.1.1");
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-size: cover;
}

@media screen and (max-width: 71.25em) {
    .home-calendar .home-calendar__datepicker, .home-calendar .home-calendar__events {
        display: none;
    }

    .home-calendar .home-calendar__banner-responsive {
        display: block;
    }
}

.home-calendar .home-calendar__datepicker {
    padding-top: 12px;
    width: 50%;
    position: relative;
    float: left;
    height: 265px;
}

@media screen and (min-width: 71.25em) {
    #main .content__wrapper .main-content p.rvfs-1, #main .content__wrapper li.rvfs-1, #main .content__wrapper .main-content .accordion__text.rvfs-1 {
        font-size: 12px;
    }

    #main .content__wrapper .main-content p.rvfs-2, #main .content__wrapper li.rvfs-2, #main .content__wrapper .main-content .accordion__text.rvfs-2 {
        font-size: 14px;
    }

    #main .content__wrapper .main-content p.rvfs-3, #main .content__wrapper li.rvfs-3, #main .content__wrapper .main-content .accordion__text.rvfs-3 {
        font-size: 16px;
    }
}

/*
--------------------
Content
--------------------
*/
/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    margin: .5em 0;
}

caption {
    font-size: 12.8px;
    font-size: 0.8rem;
    font-style: italic;
}

th {
    background: #222;
    color: #dddddd;
}

td {
    border: 1px solid #222;
}

img.content-image {
    margin-right: 5px;
}

/* Buttons */
.button {
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #222;
    color: #dddddd;
    display: inline-block;
    border: 0;
    padding: 0.5em 1em;
}

.button,
  .button:visited {
    text-decoration: none;
}

.button:focus,
  .button:hover {
    background-color: black;
}

.button--large {
    font-size: 24px;
    font-size: 1.5rem;
}

.button--small {
    font-size: 12.8px;
    font-size: 0.8rem;
}

/* Quotes */
blockquote {
    position: relative;
    padding-left: 3em;
    margin: 2em 0;
}

blockquote:before {
    font-size: 80px;
    font-size: 5rem;
    color: #222;
    content: "\201C";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1em;
}

.pull-quote {
    border-top: 1px solid #222;
    padding: 1em 0.5em 0 0.5em;
    margin: 1em;
}

/* Highlight */
.highlight {
    background: #cccccc;
    padding: 0.1em 0.5em;
}

.content__leading-text {
    font-family: 'OpenSansSemibold';
    font-size: 16px;
}

@media screen and (max-width: 71.25em) {
    .main-banner.contact-page {
        display: none;
    }
}

.gallery__main-image img {
    width: 100%;
}

.main-content {
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 71.25em) {
    .main-content {
        padding: 0 15px;
    }
}

.main-content h3 {
    margin: 0;
    font-family: 'OpenSansBold';
    font-size: 16px;
}

.main-content h3 + p {
    margin-top: 0;
}

.main-content b, .main-content strong {
    font-family: 'OpenSansBold';
}

.main-content p {
    letter-spacing: -0.3px;
}

.main-content .sabo-iframe {
    height: 400px;
    background: #e3e3e3;
    margin-bottom: 30px;
}

.main-content .sabo-iframe.ipad {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.main-content .sabo-iframe iframe {
    width: 100%;
    height: 100%;
}

.main-content ul {
    list-style: none;
    padding-left: 17px;
}

.main-content ul li {
    position: relative;
    margin-bottom: 10px;
}

.main-content ul li:before {
    content: '\25A0';
    color: #C8102E;
    position: absolute;
    left: -17px;
}

.main-content .map-container {
    width: 100%;
    height: 280px;
}

@media screen and (max-width: 71.25em) {
    .main-content .map-container {
        height: 385px;
    }
}

.main-content .map-container iframe {
    width: 100%;
    height: 100%;
}

.pagination {
    text-align: center;
    margin-bottom: 30px;
}

.pagination ul {
    list-style: none;
    padding: 0;
}

.pagination ul li {
    display: inline;
    font-size: 14px;
    font-family: 'OpenSansSemibold';
    margin: 0 7px;
}

.pagination ul li.prev {
    margin-right: 14px;
}

.pagination ul li.next {
    margin-left: 14px;
}

.pagination ul li.current {
    color: #C8102E;
}

.pagination ul li a {
    color: #fff;
    text-decoration: none;
}

.pagination ul li a:hover {
    text-decoration: underline;
}

.btn {
    position: relative;
    height: 30px;
    background: #C8102E;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 0 10px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
    line-height: 2;
    outline: none;
    overflow: visible;
}

.main-nav .btn:after {
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    border-left: 10px solid #C8102E;
    border-top: 30px solid transparent;
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
}

.btn:hover {
    background: #b9473F;
}

.main-nav .btn:hover:after {
    border-left: 10px solid #b9473F;
}

/* Datepicker */
/*!
 * jQuery UI Datepicker 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 8px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    text-indent: -9999px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 25px;
}

.ui-datepicker .ui-datepicker-next {
    right: 15px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    color: #757575;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 5px 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-year {
    font-family: 'OpenSansSemibold';
    font-size: 21px;
    color: #C8102E;
}

.ui-datepicker-year:after {
    content: ':';
}

.ui-datepicker-month {
    font-family: 'OpenSansBold';
    font-size: 21px;
    color: #C8102E;
    text-transform: uppercase;
}

.ui-datepicker-week-end {
    background: #dedede !important;
}

.ui-datepicker-title {
    position: relative;
}

.ui-datepicker-title:after {
    position: absolute;
    top: 0;
    left: 0;
}

.ui-datepicker-calendar .ui-state-default {
    font-size: 12px;
}

.ui-datepicker-calendar thead tr {
    border-bottom: 1px solid #C8102E;
}

.ui-datepicker-calendar th {
    background: #fff;
    color: #000;
}

.ui-datepicker-calendar tbody tr td.ui-state-disabled {
    color: #4d4d4d;
    text-align: center;
}

.ui-datepicker-calendar tbody tr td[data-handler="selectDay"] {
    text-align: center;
    width: 80px;
}

.ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a {
    display: inline-block;
    height: 30px;
    width: 25px;
    line-height: 2;
    font-family: 'OpenSansSemibold';
    color: #000;
}

.ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a:hover, .ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a.ui-state-active {
    color: #fffefe;
    background: #C8102E;
    position: relative;
    font-family: 'OpenSansExtrabold';
}

.ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a:hover:before, .ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a:hover:after, .ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a.ui-state-active:before, .ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a.ui-state-active:after {
    content: "";
    position: absolute;
    top: 0;
}

.ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a:hover:before, .ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a.ui-state-active:before {
    border-top: 30px solid #C8102E;
    border-left: 5px inset transparent;
    left: -5px;
}

.ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a:hover:after, .ui-datepicker-calendar tbody tr td[data-handler="selectDay"] a.ui-state-active:after {
    border-bottom: 30px solid #C8102E;
    border-right: 5px inset transparent;
    right: -5px;
}

.ui-icon.ui-icon-circle-triangle-w {
    position: relative;
}

.ui-icon.ui-icon-circle-triangle-w:before {
    background: url("/__data/assets/image/0008/55538/backward.png?v=0.2.1");
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}

.ui-icon.ui-icon-circle-triangle-e {
    position: relative;
}

.ui-icon.ui-icon-circle-triangle-e:before {
    background: url("/__data/assets/image/0009/55548/forward.png?v=0.2.1");
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}

.home-calendar__gray-layer {
    position: absolute;
    right: 0px;
    top: 0;
    background: #dedede;
    width: 160px;
    height: 265px;
    z-index: -1;
}

.home-calendar__banner-responsive {
    display: none;
    background: #000;
    margin: 0 1em;
    height: 50px;
    position: relative;
}

.home-calendar__banner-responsive:after {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 50px solid #fff;
    border-left: 15px solid #000;
    content: "";
}

.home-calendar__banner-responsive a {
    display: block;
    color: #fff;
    font-size: 21px;
    font-family: 'OpenSansBold';
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 1em;
    line-height: 2.5;
}

.home-calendar__events {
    width: 50%;
    height: 265px;
    background: #2b2b2b;
    float: left;
    position: relative;
}

.home-calendar__events .events__black-layer {
    position: absolute;
    width: 190px;
    height: 265px;
    background: #000;
    left: 0;
    top: 0;
}

.home-calendar__events .events__header {
    text-transform: uppercase;
    font-family: 'OpenSansBold';
    text-align: center;
    font-size: 21px;
    color: #fff;
    border-bottom: 1px solid #C8102E;
    padding-bottom: 26px;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.home-calendar__events .events__header.loading {
    background-image: url("http://www.liverpool.nsw.gov.au/_cpac/_designs/css/global.css/ajax.gif");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 150px 30px;
    text-indent: -9999px;
}

.home-calendar__events .events__container {
    color: #fff;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
    height: 175px;
}

.home-calendar__events .events__container .events__event {
    border-bottom: 1px solid #C8102E;
    overflow: hidden;
    width: 495px;
}

.home-calendar__events .events__container .events__event-time {
    width: 190px;
    float: left;
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    padding: 15px;
    position: relative;
}

.home-calendar__events .events__container .events__event-info {
    font-size: 16px;
    font-family: 'OpenSansBold';
    float: left;
    width: 305px;
    text-decoration: none;
    color: #fff;
    padding: 15px;
}

.home-calendar__events .events__container .events__event-info .events__event-category {
    font-family: 'OpenSansRegular';
}

.home-calendar__events .events__container .events__event-info:after {
    content: "";
}

.parallax__events .parallax {
    margin-bottom: 30px;
    height: 350px;
}

@media screen and (max-width: 71.25em) {
    .parallax__events .parallax {
        height: 380px;
        overflow: hidden;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 48em) {
    .parallax__events .parallax img {
        min-width: 48em;
        position: relative;
        left: 50%;
        margin-left: -24em;
    }
}

.parallax__events .parallax:last-child {
    margin-bottom: 0;
}

.parallax__events .parallax .parallax__item-info {
    padding-left: 20px;
    margin-top: 30px;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    width: 510px;
    height: 260px;
    padding-bottom: 20px;
}

@media screen and (max-width: 71.25em) {
    .parallax__events .parallax .parallax__item-info {
        width: 100%;
        color: #000;
        background: #fff;
        bottom: 0;
        top: auto;
        height: auto;
    }

    .parallax__events .parallax .parallax__item-info p {
        height: 3em;
    }
}

.parallax__events .parallax .parallax__item-info:after {
    border-left: 40px solid rgba(0, 0, 0, 0.6);
    border-top: 260px solid transparent;
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
}

.parallax__events .parallax .parallax__item-info h1 {
    font-family: 'OpenSansRegular';
    font-size: 30px;
    margin-bottom: 0;
    font-weight: normal;
}

@media screen and (max-width: 48em) {
    .parallax__events .parallax .parallax__item-info h1 {
        line-height: 1;
    }
}

.parallax__events .parallax .parallax__item-info h1 span {
    font-family: 'OpenSansBold';
}

.parallax__events .parallax .parallax__item-info h2 {
    margin: 0;
    font-family: 'OpenSansSemibold';
    font-size: 21px;
}

@media screen and (max-width: 48em) {
    .parallax__events .parallax .parallax__item-info h2 {
        line-height: 1;
    }
}

.parallax__events .parallax .parallax__item-info p {
    margin-top: 5px;
    font-size: 14px;
    font-family: 'OpenSansSemibold';
}

.parallax__events .parallax .parallax__item-info a {
    float: left;
}

.events__sorting {
    width: 95px;
    float: right;
    margin-left: 30px;
}

@media screen and (max-width: 71.25em) {
    .events__sorting {
        width: 100%;
        margin: -15px 0 5px;
        float: none;
    }
}

.events__sorting.filter-by {
    width: 105px;
}

.events__sorting.filter-by #filter_by {
    width: 105px;
}

@media screen and (max-width: 71.25em) {
    .events__sorting.filter-by #filter_by {
        width: 100%;
    }
}

@media screen and (max-width: 71.25em) {
    .events__sorting.filter-by {
        width: 100%;
        margin: -15px 0 15px;
        float: none;
    }
}

.events__sorting > a {
    display: block;
    background: #C8102E;
    color: #fff;
    text-decoration: none;
    height: 30px;
    line-height: 2;
    padding-left: 10px;
    font-size: 14px;
    font-family: 'OpenSansBold';
    outline: 0;
}

.events__sorting #sort_by, .events__sorting #filter_by {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 5px 0;
    background: #dedede;
    color: #000;
    position: absolute;
    top: 100%;
    z-index: 2;
    display: none;
    width: 95px;
}

.filter-by .events__sorting #sort_by, .filter-by .events__sorting #filter_by {
    width: 105px;
}

@media screen and (max-width: 71.25em) {
    .events__sorting #sort_by, .events__sorting #filter_by {
        width: 100%;
    }
}

.events__sorting #sort_by a, .events__sorting #filter_by a {
    background: #dedede;
    color: #000;
    text-decoration: none;
    padding: 2px 0 2px 10px;
    font-size: 12px;
    font-family: 'OpenSansSemibold';
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.events__sorting #sort_by a:hover, .events__sorting #sort_by a.selected, .events__sorting #filter_by a:hover, .events__sorting #filter_by a.selected {
    background: #000;
    color: #fff;
}

.events__sorting:before {
    position: absolute;
    content: "";
    border-right: 5px solid #C8102E;
    border-bottom: 30px inset transparent;
    top: 0;
    left: -5px;
}

.events-listing {
    background-image: url("/__data/assets/image/0003/55569/temp2bg.png?v=0.2.1");
    overflow: hidden;
    padding-top: 15px;
    background-size: cover;
}

@media screen and (max-width: 71.25em) {
    .events-listing {
        padding-top: 0;
    }
}

@media screen and (max-width: 71.25em) {
    .events-listing .content__wrapper {
        padding: 0 1em;
    }

    .events-listing .content__wrapper.desktop {
        padding: 0;
    }
}

.media-item {
    height: 115px;
    background: #fff;
    display: inline;
    float: left;
    width: 97.91667%;
    margin: 0 1.04167%;
    *width: 97.91662%;
    *margin: 0 1.04162%;
    margin-bottom: 20px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .media-item {
        height: 120px;
    }
}

.search .media-item {
    height: auto;
}

.search .media-item .media-item__info {
    padding: 20px;
}

.search .media-item .media-item__info a {
    word-wrap: break-word;
}

.media-item .media-item__image-container {
    width: 160px;
    float: left;
    height: inherit;
    margin-right: 20px;
}

.media-item .media-item__image-container img {
    height: inherit;
}

@media screen and (max-width: 600px) {
    .media-item .media-item__image-container {
        display: none;
    }
}

.media-item .media-item__info {
    padding: 20px 135px 20px 20px;
}

@media screen and (max-width: 600px) {
    .media-item .media-item__info {
        padding: 20px;
    }
}

.media-item .media-item__info h2 {
    font-family: 'OpenSansBold';
    font-size: 16px;
    margin: 0;
}

.media-item .media-item__info p {
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    margin: 0;
    max-height: 3em;
    overflow: hidden;
}

.media-item .media-item__info a.read-more {
    position: absolute;
    bottom: 3px;
    right: 0;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #C8102E;
    height: 30px;
    width: 120px;
    line-height: 2;
    font-family: 'OpenSansBold';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.media-item .media-item__info a.read-more:before {
    position: absolute;
    border-right: 5px solid #C8102E;
    border-top: 30px inset transparent;
    content: '';
    left: -5px;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.media-item .media-item__info a.read-more:hover {
    background: #b9473F;
}

.media-item .media-item__info a.read-more:hover:before {
    border-right: 5px solid #b9473F;
}

.events-listing__event {
    height: 511px;
    background: #fff;
    font-family: 'OpenSansSemibold';
    font-size: 16px;
    float: left;
    position: relative;
    display: inline;
    float: left;
    width: 22.91667%;
    margin: 0 1.04167%;
    *width: 22.91662%;
    *margin: 0 1.04162%;
    margin-bottom: 30px;
}

@media screen and (max-width: 71.25em) {
    .events-listing__event {
        height: 400px;
        display: inline;
        float: left;
        width: 31.25%;
        margin: 0 1.04167%;
        *width: 31.24995%;
        *margin: 0 1.04162%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 48em) {
    .events-listing__event {
        display: inline;
        float: left;
        width: 47.91667%;
        margin: 0 1.04167%;
        *width: 47.91662%;
        *margin: 0 1.04162%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 31em) {
    .events-listing__event {
        margin-left: 9.375%;
        display: inline;
        float: left;
        width: 81.25%;
        margin: 0 1.04167%;
        *width: 81.24995%;
        *margin: 0 1.04162%;
        margin-left: 9.375%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 25em) {
    .events-listing__event {
        display: inline;
        float: left;
        width: 97.91667%;
        margin: 0 1.04167%;
        *width: 97.91662%;
        *margin: 0 1.04162%;
        margin-bottom: 30px;
    }
}

.events-listing__event p {
    margin: 10px 0;
}

.events-listing__event .events-listing__info-wrapper {
    padding: 0 15px;
}

.events-listing__event .event-listing__event-thumbnail {
    max-height: 180px;
    overflow: hidden;
    position: relative;
}

.events-listing__event .event-listing__event-thumbnail img {
    width: 100%;
    min-height: 180px;
}

.events-listing__event .events-listing__event-title {
    font-family: 'OpenSansBold';
    font-size: 22px;
    margin-top: 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1;
}

.events-listing__event .events-listing__event-title.pinned {
    color: #C8102E;
}

.events-listing__event .events-listing__event-title span {
    font-family: 'OpenSansRegular';
}

.events-listing__event .events-listing__event-time {
    font-family: 'OpenSansSemibold';
    font-size: 16px;
}

.events-listing__event .events-listing__event-info {
    font-size: 14px;
    font-family: 'OpenSansSemibold';
}

@media screen and (max-width: 71.25em) {
    .events-listing__event .events-listing__event-info {
        display: none;
    }
}

.events-listing__event .events-listing__events-buttons {
    position: absolute;
    bottom: 2px;
    width: 100%;
}

.events-listing__event .events-listing__events-buttons .more-info, .events-listing__event .events-listing__events-buttons .book-tickets {
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'OpenSansBold';
    font-size: 14px;
    padding: 4px 0;
}

.events-listing__event .events-listing__events-buttons .more-info {
    background: #000;
    width: 100%;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.events-listing__event .events-listing__events-buttons .more-info:hover {
    background: #444;
}

.events-listing__event .events-listing__events-buttons .book-tickets {
    background: #C8102E;
    width: 48%;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.events-listing__event .events-listing__events-buttons .book-tickets:after {
    border-left: 3px solid #C8102E;
    border-top: 30px inset transparent;
    content: "";
    position: absolute;
    right: -3px;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.events-listing__event .events-listing__events-buttons .book-tickets:hover {
    background: #b9473F;
}

.events-listing__event .events-listing__events-buttons .book-tickets:hover:after {
    border-left: 3px solid #b9473F;
}

.events-listing__event .events-listing__events-buttons .book-tickets + .more-info {
    width: 48%;
    position: relative;
    float: right;
}

.events-listing__event .events-listing__events-buttons .book-tickets + .more-info:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-right: 3px solid #000;
    border-bottom: 30px inset transparent;
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
}

.events-listing__event .events-listing__events-buttons .book-tickets + .more-info:hover:before {
    border-right: 3px solid #444;
}

.page-content {
    padding-top: 5px;
    overflow: hidden;
    background: #f2f2f2;
}

.page-content .slick-prev.slick-arrow {
    z-index: 1;
}

.page-content h1 {
    text-transform: uppercase;
    font-family: 'OpenSansRegular';
    font-size: 24px;
    margin-bottom: 0;
    font-weight: normal;
    padding-bottom: 5px;
}

.page-content h1 span {
    font-family: 'OpenSansBold';
}

.page-content h1 span.share-this {
    font-family: 'OpenSansSemibold';
    font-size: 12px;
    color: #000;
    text-transform: none;
    line-height: 3;
}

@media screen and (max-width: 71.25em) {
    .page-content h1 span.share-this {
        display: none;
    }
}

.page-content p {
    margin: 10px 0;
    font-family: 'OpenSansSemibold';
    font-size: 14px;
}

.page-content .content__title {
    color: #C8102E;
}

.page-content .main-content > h1, .page-content .rhc > h1 {
    border-bottom: 1px solid #C8102E;
}

.page-content .main-content {
    width: 825px;
    float: left;
    position: relative;
    display: inline;
    float: left;
    width: 72.91667%;
    margin: 0 1.04167%;
    *width: 72.91662%;
    *margin: 0 1.04162%;
}

@media screen and (max-width: 71.25em) {
    .page-content .main-content {
        display: inline;
        float: left;
        width: 97.91667%;
        margin: 0 1.04167%;
        *width: 97.91662%;
        *margin: 0 1.04162%;
    }
}

.page-content .main-content.full-width {
    width: 100%;
}

.page-content .main-content .content__title {
    color: #C8102E;
}

.page-content .main-content .content__event-time {
    font-family: 'OpenSansSemibold';
    display: inline-block;
}

.page-content .main-content .book-tickets {
    color: #fff;
    display: block;
    float: right;
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'OpenSansBold';
    font-size: 14px;
    padding: 4px 0;
    background: #C8102E;
    width: 130px;
    position: relative;
    top: 5px;
    right: 10px;
    margin-left: 10px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.page-content .main-content .book-tickets:after {
    border-left: 7px solid #C8102E;
    border-top: 30px inset transparent;
    content: "";
    position: absolute;
    right: -7px;
    top: 0;
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.page-content .main-content .book-tickets:hover {
    background: #b9473F;
}

.page-content .main-content .book-tickets:hover:after {
    border-left: 7px solid #b9473F;
}

.page-content .main-content .content__youtube-container {
    width: 100%;
    height: 515px;
    margin-bottom: 80px;
}

.page-content .main-content .content__youtube-container iframe {
    width: 100%;
    height: 100%;
}

.page-content .main-content .slick-arrow {
    width: 45px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 0;
    text-indent: -9999px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-content .main-content .slick-prev {
    background-image: url(/__data/assets/image/0007/55564/prev-white.png?v=0.2.1);
}

.page-content .main-content .slick-prev:after {
    border-left: 20px solid rgba(0, 0, 0, 0.6);
    border-top: 50px inset transparent;
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
}

.page-content .main-content .slick-next {
    background-image: url(/__data/assets/image/0010/55549/fwd-white.png?v=0.2.1);
}

.page-content .main-content .slick-next:before {
    border-right: 20px solid rgba(0, 0, 0, 0.6);
    border-bottom: 50px inset transparent;
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
}

.page-content .main-content .gallery__main-image {
    margin-bottom: 15px;
    position: relative;
}

@media screen and (max-width: 71.25em) {
    .page-content .main-content .gallery__main-image img {
        width: 100% !important;
        height: auto !important;
    }
}

.page-content .main-content .gallery__thumb-slider {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 71.25em) {
    .page-content .main-content .gallery__thumb-slider {
        display: none;
    }
}

.page-content .main-content .gallery__thumb-slider .image-container {
    width: 152px;
    margin-left: 16px;
}

.page-content .main-content .gallery__thumb-slider .slick-list {
    margin-left: -16px;
}

.page-content .rhc {
    display: inline;
    float: left;
    width: 22.91667%;
    margin: 0 1.04167%;
    *width: 22.91662%;
    *margin: 0 1.04162%;
}

@media screen and (max-width: 71.25em) {
    .page-content .rhc {
        display: inline;
        float: left;
        width: 97.91667%;
        margin: 0 1.04167%;
        *width: 97.91662%;
        *margin: 0 1.04162%;
        padding: 0 15px;
    }
}

.page-content .rhc .rhc__event-info {
    font-family: 'OpenSansSemibold';
    padding-top: 7px;
}

.page-content .rhc .rhc__event-info p {
    margin: 0;
}

.page-content .rhc .rhc__event-info .category {
    text-transform: uppercase;
    display: inline-block;
    width: 100px;
    vertical-align: top;
}

.page-content .rhc .rhc__event-info .value {
    color: #C8102E;
    display: inline-block;
    width: 158px;
    word-break: break-all;
}

.page-content .rhc .rhc__event-info .value a {
    color: #C8102E;
}

.page-content .rhc .rhc__event-info strong {
    font-family: 'OpenSansBold';
}

.page-content .rhc .rhc__similiar-events .events-listing__event {
    display: inline;
    float: left;
    width: 97.91667%;
    margin: 0 1.04167%;
    *width: 97.91662%;
    *margin: 0 1.04162%;
    margin-bottom: 30px;
}

@media screen and (max-width: 71.25em) {
    .page-content .rhc .rhc__similiar-events .events-listing__event {
        display: inline;
        float: left;
        width: 31.25%;
        margin: 0 1.04167%;
        *width: 31.24995%;
        *margin: 0 1.04162%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 48em) {
    .page-content .rhc .rhc__similiar-events .events-listing__event {
        display: inline;
        float: left;
        width: 47.91667%;
        margin: 0 1.04167%;
        *width: 47.91662%;
        *margin: 0 1.04162%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 31em) {
    .page-content .rhc .rhc__similiar-events .events-listing__event {
        margin-left: 9.375%;
        display: inline;
        float: left;
        width: 81.25%;
        margin: 0 1.04167%;
        *width: 81.24995%;
        *margin: 0 1.04162%;
        margin-left: 9.375%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 25em) {
    .page-content .rhc .rhc__similiar-events .events-listing__event {
        display: inline;
        float: left;
        width: 97.91667%;
        margin: 0 1.04167%;
        *width: 97.91662%;
        *margin: 0 1.04162%;
        margin-bottom: 30px;
    }
}

.left-column {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.04167%;
    *width: 56.24995%;
    *margin: 0 1.04162%;
}

@media screen and (max-width: 71.25em) {
    .left-column {
        display: inline;
        float: left;
        width: 97.91667%;
        margin: 0 1.04167%;
        *width: 97.91662%;
        *margin: 0 1.04162%;
        margin-bottom: 20px;
    }

    .contact-page .left-column {
        padding-top: 20px;
    }
}

.right-column {
    display: inline;
    float: left;
    width: 39.58333%;
    margin: 0 1.04167%;
    *width: 39.58328%;
    *margin: 0 1.04162%;
}

@media screen and (max-width: 71.25em) {
    .right-column {
        display: inline;
        float: left;
        width: 97.91667%;
        margin: 0 1.04167%;
        *width: 97.91662%;
        *margin: 0 1.04162%;
    }
}

.row {
    display: block;
    width: 102.08333%;
    margin: 0 -1.04167%;
    *width: 102.08328%;
    *margin: 0 -1.04172%;
    *zoom: 1;
    margin-top: 20px;
    margin-bottom: 20px;
}

.row:before,
  .row:after {
    content: '';
    display: table;
    line-height: 0;
}

.row:after {
    clear: both;
}

/*
--------------------
Modules
--------------------
*/
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
    cursor: default;
}

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
    border-color: #0089ec;
}

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
    width: 100%;
}

/**
 * The holder is the base of the picker.
 */
.picker__holder {
    position: absolute;
    background: #ffffff;
    border: 1px solid #aaaaaa;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
    padding: 1px;
}

.picker__wrap {
    margin: -1px;
}

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
    padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}

.picker__year {
    color: #999999;
    font-size: .8em;
    font-style: italic;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em;
}

@media (min-width: 24.5em) {
    .picker__select--month,
  .picker__select--year {
        margin-top: -0.5em;
    }
}

.picker__select--month {
    width: 35%;
}

.picker__select--year {
    width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #0089ec;
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    padding: 0.5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -0.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--prev,
  .picker__nav--next {
        top: -0.33em;
    }
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--prev {
        padding-right: 1.5em;
    }
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--next {
        padding-left: 1.5em;
    }
}

.picker__nav--prev:before,
.picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #000000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto;
}

.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em;
}

@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em;
    }
}

.picker__table td {
    margin: 0;
    padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999999;
    font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em;
    }
}

/**
 * The days on the calendar
 */
.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent;
}

.picker__day--today {
    position: relative;
}

.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 0.5em solid #0059bc;
    border-left: .5em solid transparent;
}

.picker__day--disabled:before {
    border-top-color: #aaaaaa;
}

.picker__day--outfocus {
    color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}

.picker__day--highlighted {
    border-color: #0089ec;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background: #0089ec;
    color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
    text-align: center;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
    position: relative;
    display: inline-block;
    height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
    content: " ";
    margin-right: .45em;
}

.picker__button--today:before {
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent;
}

.picker__button--clear:before {
    top: -0.25em;
    width: .66em;
    border-top: 3px solid #ee2200;
}

.picker__button--close:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}

.picker__button--today[disabled]:before {
    border-top-color: #aaaaaa;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/*-- module:squiz-module-accordion --*/
.accordion__item h2 {
    margin: 0 0 3px 0;
}

.accordion__item:last-child {
    margin-bottom: 30px;
}

.accordion__item:first-child {
    margin-top: 40px;
}

.accordion__item .uber-accordion__target-active {
    background: #fff;
}

.accordion__icon {
    content: '';
    text-align: right;
    background-color: #C8102E;
    height: 30px;
    width: 35px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.accordion__icon:before {
    left: -5px;
    position: absolute;
    top: 0;
    border-right: 5px solid #C8102E;
    border-bottom: 30px inset transparent;
    content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.accordion__link {
    display: block;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 40px;
    font-family: 'OpenSansBold';
    position: relative;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.accordion__link:after {
    content: '';
    background-image: url(/__data/assets/image/0006/55563/plus.png?v=0.2.1);
    display: inline-block;
    *display: inline;
    zoom: 1;
    right: 11px;
    position: absolute;
    top: 9px;
    height: 13px;
    width: 13px;
    background-size: cover;
    -webkit-transition: transform 0.3s linear;
    -moz-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}

.accordion__link.uber-accordion__button-active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion__link.uber-accordion__button-active {
    background-color: #C8102E;
}

.accordion__link.uber-accordion__button-active span {
    background-color: #000;
}

.accordion__link.uber-accordion__button-active span:before {
    border-right: 5px solid #000;
}

.js-enabled .accordion__target {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.js-enabled .accordion__target.uber-accordion__target-active {
    max-height: 350em;
}

.accordion__text {
    padding: 15px;
}

.tabs__item {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.tabs__link {
    padding: .5em;
    border: 1px solid;
    border-bottom: 0;
    background: #eee;
}

.tabs__link.uber-accordion__button-active {
    background: #fff;
}

.js-enabled .tabs__target {
    display: none;
}

.js-enabled .tabs__target.uber-accordion__target-active {
    display: block;
}

.no-js .uber-accordion__target {
    display: none;
}

.no-js .uber-accordion__target:target {
    display: block;
}

/*-- module:squiz-module-back-to-top --*/
.back-to-top {
    text-align: center;
    display: block;
    width: 100%;
    line-height: 2em;
    height: 2em;
    text-decoration: none;
}

.back-to-top:hover,
  .back-to-top:focus {
    text-decoration: none;
}

/*-- module:squiz-module-datepicker --*/
/*-- module:squiz-module-font-awesome --*/
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("/__data/assets/file/0020/55541/fontawesome-webfont.eot?v=0.2.1?v=4.0.3");
    src: url("/__data/assets/file/0020/55541/fontawesome-webfont.eot?v=0.2.1?#iefix&v=4.0.3") format("embedded-opentype"), url("/CPH_Template/fontawesome-webfont.woff") format("woff"), url("/__data/assets/file/0004/55543/fontawesome-webfont.ttf?v=0.2.1?v=4.0.3") format("truetype"), url("/__data/assets/file/0003/55542/fontawesome-webfont.svg?v=0.2.1?v=4.0.3#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}


.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714em;
}

.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-envelope-o:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-o:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-times:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-gear:before,
.fa-cog:before {
    content: "";
}

.fa-trash-o:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-file-o:before {
    content: "";
}

.fa-clock-o:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-arrow-circle-o-down:before {
    content: "";
}

.fa-arrow-circle-o-up:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-play-circle-o:before {
    content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "";
}

.fa-refresh:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-video-camera:before {
    content: "";
}

.fa-picture-o:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "";
}

.fa-share-square-o:before {
    content: "";
}

.fa-check-square-o:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.fa-play:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-times-circle-o:before {
    content: "";
}

.fa-check-circle-o:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-bar-chart-o:before {
    content: "ï‚€";
}

/*.fa-twitter-square:before {
    content: "";
}

.fa-facebook-square:before {
    content: "ï‚‚";
}*/

.fa-camera-retro:before {
    content: "";
}

.fa-key:before {
    content: "ï‚„";
}

.fa-gears:before,
.fa-cogs:before {
    content: "ï‚…";
}

.fa-comments:before {
    content: "";
}

.fa-thumbs-o-up:before {
    content: "";
}

.fa-thumbs-o-down:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-heart-o:before {
    content: "ï‚Š";
}

.fa-sign-out:before {
    content: "ï‚‹";
}

.fa-linkedin-square:before {
    content: "";
}

.fa-thumb-tack:before {
    content: "";
}

.fa-external-link:before {
    content: "ï‚Ž";
}

.fa-sign-in:before {
    content: "";
}

.fa-trophy:before {
    content: "ï‚‘";
}

.fa-github-square:before {
    content: "ï‚’";
}

.fa-upload:before {
    content: "ï‚“";
}

.fa-lemon-o:before {
    content: "ï‚”";
}

.fa-phone:before {
    content: "ï‚•";
}

.fa-square-o:before {
    content: "ï‚–";
}

.fa-bookmark-o:before {
    content: "ï‚—";
}

.fa-phone-square:before {
    content: "";
}

/*.fa-twitter:before {
    content: "ï‚™";
}*/


.fa-facebook:before {
    content: "\f09a";
}


.fa-github:before {
    content: "ï‚›";
}

.fa-unlock:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-rss:before {
    content: "ï‚ž";
}

.fa-hdd-o:before {
    content: "ï‚ ";
}

.fa-bullhorn:before {
    content: "ï‚¡";
}

.fa-bell:before {
    content: "";
}

.fa-certificate:before {
    content: "ï‚£";
}

.fa-hand-o-right:before {
    content: "";
}

.fa-hand-o-left:before {
    content: "ï‚¥";
}

.fa-hand-o-up:before {
    content: "";
}

.fa-hand-o-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "ï‚©";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "ï‚«";
}

.fa-globe:before {
    content: "";
}

.fa-wrench:before {
    content: "ï‚­";
}

.fa-tasks:before {
    content: "ï‚®";
}

.fa-filter:before {
    content: "ï‚°";
}

.fa-briefcase:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-group:before,
.fa-users:before {
    content: "";
}

.fa-chain:before,
.fa-link:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-cut:before,
.fa-scissors:before {
    content: "";
}

.fa-copy:before,
.fa-files-o:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-bars:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-money:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "";
}

.fa-sort-down:before,
.fa-sort-asc:before {
    content: "";
}

.fa-sort-up:before,
.fa-sort-desc:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "";
}

.fa-legal:before,
.fa-gavel:before {
    content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-flash:before,
.fa-bolt:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "";
}

.fa-lightbulb-o:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-bell-o:before {
    content: "ï‚¢";
}

.fa-coffee:before {
    content: "";
}

.fa-cutlery:before {
    content: "";
}

.fa-file-text-o:before {
    content: "";
}

.fa-building-o:before {
    content: "";
}

.fa-hospital-o:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "ï„€";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "ï„‚";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "ï„„";
}

.fa-angle-right:before {
    content: "ï„…";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-tablet:before {
    content: "ï„Š";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "ï„‹";
}

.fa-circle-o:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "ï„Ž";
}

.fa-spinner:before {
    content: "";
}

.fa-circle:before {
    content: "ï„‘";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "ï„’";
}

.fa-github-alt:before {
    content: "ï„“";
}

.fa-folder-o:before {
    content: "ï„”";
}

.fa-folder-open-o:before {
    content: "ï„•";
}

.fa-smile-o:before {
    content: "";
}

.fa-frown-o:before {
    content: "ï„™";
}

.fa-meh-o:before {
    content: "ï„š";
}

.fa-gamepad:before {
    content: "ï„›";
}

.fa-keyboard-o:before {
    content: "";
}

.fa-flag-o:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "ï„ž";
}

.fa-terminal:before {
    content: "ï„ ";
}

.fa-code:before {
    content: "ï„¡";
}

.fa-reply-all:before {
    content: "ï„¢";
}

.fa-mail-reply-all:before {
    content: "ï„¢";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "ï„£";
}

.fa-location-arrow:before {
    content: "";
}

.fa-crop:before {
    content: "ï„¥";
}

.fa-code-fork:before {
    content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-info:before {
    content: "ï„©";
}

.fa-exclamation:before {
    content: "";
}

.fa-superscript:before {
    content: "ï„«";
}

.fa-subscript:before {
    content: "";
}

.fa-eraser:before {
    content: "ï„­";
}

.fa-puzzle-piece:before {
    content: "ï„®";
}

.fa-microphone:before {
    content: "ï„°";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-calendar-o:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "ï„´";
}

.fa-rocket:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "ï„·";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-html5:before {
    content: "ï„»";
}

.fa-css3:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-bullseye:before {
    content: "ï…€";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "ï…‚";
}

.fa-rss-square:before {
    content: "ï…ƒ";
}

.fa-play-circle:before {
    content: "ï…„";
}

.fa-ticket:before {
    content: "ï……";
}

.fa-minus-square:before {
    content: "ï…†";
}

.fa-minus-square-o:before {
    content: "ï…‡";
}

.fa-level-up:before {
    content: "ï…ˆ";
}

.fa-level-down:before {
    content: "ï…‰";
}

.fa-check-square:before {
    content: "ï…Š";
}

.fa-pencil-square:before {
    content: "ï…‹";
}

.fa-external-link-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-compass:before {
    content: "ï…Ž";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "ï…‘";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "ï…’";
}

.fa-euro:before,
.fa-eur:before {
    content: "ï…“";
}

.fa-gbp:before {
    content: "ï…”";
}

.fa-dollar:before,
.fa-usd:before {
    content: "ï…•";
}

.fa-rupee:before,
.fa-inr:before {
    content: "ï…–";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "ï…—";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "ï…˜";
}

.fa-won:before,
.fa-krw:before {
    content: "ï…™";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "ï…š";
}

.fa-file:before {
    content: "ï…›";
}

.fa-file-text:before {
    content: "";
}

.fa-sort-alpha-asc:before {
    content: "";
}

.fa-sort-alpha-desc:before {
    content: "ï…ž";
}

.fa-sort-amount-asc:before {
    content: "ï… ";
}

.fa-sort-amount-desc:before {
    content: "ï…¡";
}

.fa-sort-numeric-asc:before {
    content: "ï…¢";
}

.fa-sort-numeric-desc:before {
    content: "ï…£";
}

.fa-thumbs-up:before {
    content: "ï…¤";
}

.fa-thumbs-down:before {
    content: "ï…¥";
}

/*.fa-youtube-square:before {
    content: "ï…¦";
}*/

/*.fa-youtube:before {
    content: "ï…§";
}*/

.fa-xing:before {
    content: "ï…¨";
}

.fa-xing-square:before {
    content: "ï…©";
}

/*.fa-youtube-play:before {
    content: "ï…§";
}
*/
.fa-dropbox:before {
    content: "ï…«";
}

.fa-stack-overflow:before {
    content: "ï…¬";
}

.fa-instagram:before {
    content: "\f16d­";
}

.fa-flickr:before {
    content: "ï…®";
}

.fa-adn:before {
    content: "ï…°";
}

.fa-bitbucket:before {
    content: "ï…±";
}

.fa-bitbucket-square:before {
    content: "ï…²";
}

.fa-tumblr:before {
    content: "ï…³";
}

.fa-tumblr-square:before {
    content: "ï…´";
}

.fa-long-arrow-down:before {
    content: "ï…µ";
}

.fa-long-arrow-up:before {
    content: "ï…¶";
}

.fa-long-arrow-left:before {
    content: "ï…·";
}

.fa-long-arrow-right:before {
    content: "ï…¸";
}

.fa-apple:before {
    content: "ï…¹";
}

.fa-windows:before {
    content: "ï…º";
}

.fa-android:before {
    content: "ï…»";
}

.fa-linux:before {
    content: "ï…¼";
}

.fa-dribbble:before {
    content: "ï…½";
}

.fa-skype:before {
    content: "ï…¾";
}

.fa-foursquare:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-gittip:before {
    content: "";
}

.fa-sun-o:before {
    content: "";
}

.fa-moon-o:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-arrow-circle-o-right:before {
    content: "";
}

.fa-arrow-circle-o-left:before {
    content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "";
}

.fa-plus-square-o:before {
    content: "";
}

/*-- module:squiz-module-matrix-form --*/
/*
 * Some elements taken and modified from: WTF, forms?
 * Released under MIT and copyright 2014 Mark Otto.
 * http://wtfforms.com
 */
.sq-form input:not([type=submit]), .sq-form textarea {
    width: 100%;
    border: 1px solid #000;
    padding: 0.5em 1em;
}

.sq-form textarea {
    resize: none;
}

.sq-form fieldset {
    border: 0;
    padding: 0;
}

.sq-form label {
    cursor: pointer;
    margin-right: 30px;
    display: block;
}

@media screen and (max-width: 71.25em) {
    .sq-form label {
        margin-right: 65px;
    }
}

.sq-form-question {
    overflow: hidden;
}

.sq-form-question-answer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sq-form input[type="submit"], .sq-form button[type="submit"] {
    border: 0;
}

.sq-form input[type="text"],
.sq-form input[type="password"],
.sq-form textarea {
    width: 100%;
}

.lt-ie9 .sq-form input[type="text"],
.lt-ie9 .sq-form input[type="password"],
.lt-ie9 .sq-form textarea {
    width: 98%;
}

.sq-form-question-note {
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-bottom: .5em;
}

.sq-form-question {
    margin-bottom: 1em;
}

.sq-form-error,
.sq-form-required-field {
    color: #ff0000;
}

.sq-form-error {
    clear: left;
}

.sq-form-question-error {
    background-color: transparent;
}

.sq-form-question-datetime select,
.sq-form-question-country select,
.sq-form-question-select select,
.select select {
    display: inline-block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 30px 0 5px;
    line-height: 1.5;
    border: 0;
    cursor: pointer;
    outline: 0;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sq-form-question-datetime select[multiple="multiple"],
  .sq-form-question-country select[multiple="multiple"],
  .sq-form-question-select select[multiple="multiple"],
  .select select[multiple="multiple"] {
    height: auto;
}

.sq-form-question-datetime select:focus:-moz-focusring,
  .sq-form-question-country select:focus:-moz-focusring,
  .sq-form-question-select select:focus:-moz-focusring,
  .select select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.sq-form-question-datetime select::-ms-expand,
  .sq-form-question-country select::-ms-expand,
  .sq-form-question-select select::-ms-expand,
  .select select::-ms-expand {
    display: none;
}

.sq-form-question-datetime .sq-form-question-answer,
.sq-form-question-country .sq-form-question-answer,
.sq-form-question-select .sq-form-question-answer,
.select .sq-form-question-answer {
    margin-right: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 71.25em) {
    .sq-form-question-datetime .sq-form-question-answer,
    .sq-form-question-country .sq-form-question-answer,
    .sq-form-question-select .sq-form-question-answer,
    .select .sq-form-question-answer {
        margin-right: 25px;
    }
}

.sq-form-question-datetime .sq-form-question-answer,
.sq-form-question-country .sq-form-question-answer,
.sq-form-question-select .sq-form-question-answer,
.select {
    position: relative;
    display: inline-block;
}

.sq-form-question-datetime .sq-form-question-answer:after,
  .sq-form-question-country .sq-form-question-answer:after,
  .sq-form-question-select .sq-form-question-answer:after,
  .select:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    content: "";
    width: 25px;
    height: 30px;
    background-color: #C8102E;
    background-image: url("/__data/assets/image/0010/55567/select.png?v=0.2.3");
    pointer-events: none;
}

.sq-form-question-select-multiple .sq-form-question-answer {
    position: relative;
    display: inline-block;
}

.sq-form-question-select-multiple .sq-form-question-answer:before, .sq-form-question-select-multiple .sq-form-question-answer:after {
    position: absolute;
    right: 0;
    display: inline-block;
    content: "";
    width: 18px;
    height: 17px;
    background-color: #C8102E;
    background-image: url("/__data/assets/image/0010/55567/select.png?v=0.2.3");
    pointer-events: none;
    background-position: center;
}

.sq-form-question-select-multiple .sq-form-question-answer:before {
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.sq-form-question-select-multiple .sq-form-question-answer:after {
    bottom: 0;
}

@media screen and (min-width: 0 \0) {
    .lt-ie10 .sq-form-question-datetime select,
  .lt-ie10 .sq-form-question-country select,
  .lt-ie10 .sq-form-question-select select,
  .lt-ie10 .select select {
        z-index: 1;
        padding: 0.5rem 1.5rem 0.5rem 1rem;
    }

    .lt-ie10 .sq-form-question-datetime select:hover,
    .lt-ie10 .sq-form-question-datetime select:focus,
    .lt-ie10 .sq-form-question-datetime select:active,
    .lt-ie10 .sq-form-question-country select:hover,
    .lt-ie10 .sq-form-question-country select:focus,
    .lt-ie10 .sq-form-question-country select:active,
    .lt-ie10 .sq-form-question-select select:hover,
    .lt-ie10 .sq-form-question-select select:focus,
    .lt-ie10 .sq-form-question-select select:active,
    .lt-ie10 .select select:hover,
    .lt-ie10 .select select:focus,
    .lt-ie10 .select select:active {
        background-color: #eee;
    }

    .lt-ie10 .sq-form-question-datetime .sq-form-question-answer:after,
  .lt-ie10 .sq-form-question-country .sq-form-question-answer:after,
  .lt-ie10 .sq-form-question-select .sq-form-question-answer:after,
  .lt-ie10 .select:after {
        z-index: 5;
    }

    .lt-ie10 .sq-form-question-datetime .sq-form-question-answer:before,
  .lt-ie10 .sq-form-question-country .sq-form-question-answer:before,
  .lt-ie10 .sq-form-question-select .sq-form-question-answer:before,
  .lt-ie10 .select:before {
        position: absolute;
        top: 0;
        right: 1rem;
        bottom: 0;
        z-index: 2;
        content: "";
        display: block;
        width: 1.5rem;
        background-color: #eee;
    }
}

.sq-form-question-tickbox-list input[type="checkbox"],
.sq-form-question-tickbox-list input[type="radio"],
.sq-form-question-option-list input[type="checkbox"],
.sq-form-question-option-list input[type="radio"],
.sq-form-question-tickbox-table input[type="checkbox"],
.sq-form-question-tickbox-table input[type="radio"] {
    display: none;
}

.sq-form-question-tickbox-list input[type="checkbox"]:checked ~ label:before,
  .sq-form-question-tickbox-list input[type="radio"]:checked ~ label:before,
  .sq-form-question-option-list input[type="checkbox"]:checked ~ label:before,
  .sq-form-question-option-list input[type="radio"]:checked ~ label:before,
  .sq-form-question-tickbox-table input[type="checkbox"]:checked ~ label:before,
  .sq-form-question-tickbox-table input[type="radio"]:checked ~ label:before {
    background: #C8102E;
    border-color: #C8102E;
}

.sq-form-question-tickbox-list li,
.sq-form-question-option-list li,
.sq-form-question-tickbox-table li {
    overflow: hidden;
    margin-bottom: .5rem;
    display: inline-block;
}

.sq-form-question-tickbox-list label:before,
.sq-form-question-option-list label:before,
.sq-form-question-tickbox-table label:before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 1em;
    height: 1em;
    padding: .5rem;
    margin-right: .5rem;
    display: inline-block;
    margin-top: .1rem;
    float: left;
    content: '';
    cursor: pointer;
    background: #fff;
    border: 1px solid #000;
}

.sq-form-question-tickbox-table input[type="checkbox"]:checked ~ label:before,
.sq-form-question-tickbox-list input[type="checkbox"]:checked ~ label:before {
    background-image: url("/__data/assets/image/0009/55539/checkmark.png?v=0.2.1");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.sq-form-question-option-list input[type="radio"]:checked ~ label:before {
    background-image: url("/__data/assets/image/0009/55539/checkmark.png?v=0.2.1");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.sq-form-question-option-list label:before {
    border-radius: 50%;
}

/*-- module:squiz-module-navbar --*/
.navbar__toggle {
    background: url("https://www.casulapowerhouse.com/__data/assets/image/0003/55551/menu.png?v=0.2.3");
    height: 37px;
    width: 53px;
    text-indent: -9999px;
    border: none;
    position: absolute;
    top: 65px;
    right: 10px;
}

@media screen and (max-width: 71.25em) {
    .navbar__dropdown {
        transition: all 0.3s;
        position: absolute;
        z-index: 2;
        display: block;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
    }

    .navbar__dropdown[aria-expanded="false"] {
        left: -100%;
    }

    .navbar__dropdown[aria-expanded="true"] {
        left: 0;
    }
}

.navbar__list {
    list-style: none;
    font-family: OpenSans-Bold;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 71.25em) {
    .navbar__list {
        background: #FFF;
    }
}

.navbar__list .navbar__item {
    border-bottom: 1px solid #f1f1f1;
    line-height: 2.3;
}

.navbar__list .navbar__item > a {
    text-transform: uppercase;
}

.navbar__list .navbar__item > a.selected {
    background: #C8102E;
    color: #fff;
}

@media screen and (max-width: 71.25em) {
    .navbar__list .navbar__item > a.selected {
        display: block;
    }
}

.navbar__list .navbar__item a {
    padding-left: 10px;
    color: #000;
    text-decoration: none;
    display: block;
}

.navbar__list .navbar__item--active > a {
    display: block;
    background: #C8102E;
    color: #fff;
}

.sub-nav__group-container {
    width: 100%;
}

.sub-nav {
    display: none;
}

.sub-nav[aria-expanded="true"] {
    background-color: #dedede;
}

.sub-nav li a {
    color: #000;
    font-style: 'OpenSansSemibold';
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding: 3px 10px 3px 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sub-nav li a:hover, .sub-nav li a.selected {
    color: #FFF;
    background-color: #000;
}

/*-- module:squiz-module-parallax --*/
.parallax {
    position: relative;
    min-height: 210px;
}

.parallax__layer {
    position: absolute;
    z-index: -1;
}

.parallax__layer-foreground {
    display: none;
}

.parallax__layer--center {
    left: 50%;
    margin-left: -384px;
}

/*-- module:squiz-module-slick --*/
.slick-list {
    position: relative;
    overflow: hidden;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before,
  .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-slideshow__slide img {
    margin: 0 auto;
}

.slick-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
}

.slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
}

.slick-dots {
    margin-top: 1em;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.slick-dots li + li {
    margin-left: 1em;
}

.slick-dots li button {
    vertical-align: top;
    border: 2px solid #FFFFFF;
    width: 9px;
    background-color: rgba(0, 0, 0, 0.1);
    height: 9px;
    text-indent: -9999px;
    color: #757575;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-dots li.slick-active button {
    background: #FFFFFF;
}

/*-- module:malihu-custom-scrollbar-plugin --*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 20px;
right: 20px;
bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
width: 1px;
height: 155px;
margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px;
  /* minimum dragger height */
z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
position: relative;
width: 6px;
height: 100%;
margin: 0 auto;
text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
  /* minimum dragger width */
height: 100%;
left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
  /* auto-expanded scrollbar */
margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
  /* auto-expanded scrollbar */
margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
  /* non-visible scrollbar */
margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
    ----------------------------------------
    6.1 THEMES 
    ----------------------------------------
    */
/* default theme ("light") */
.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: white;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: #e9473f;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: #e9473f;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: #e9473f;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
  /* css sprites */
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
  /* 
        sprites locations 
        light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
        dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
        */
}

.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
  /* 
        sprites locations
        light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
        dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
        */
}

.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
  /* 
        sprites locations 
        light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
        dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
        */
}

.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
  /* 
        sprites locations 
        light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
        dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
        */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
  /* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
  /* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
  /* auto-expanded scrollbar */
margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
left: 0;
right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
@media (min-width: 37.5em) {
  /*
--------------------
Modules
--------------------
*/
  /*-- module:squiz-module-back-to-top --*/
.back-to-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    width: 2em;
    height: 2em;
    -webkit-opacity: 0.55;
    -moz-opacity: 0.55;
    opacity: 0.55;
    -ms-filter: alpha(opacity=55);
    filter: alpha(opacity=55);
}

.back-to-top:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}

.back-to-top__text {
    display: none;
}
  /*-- module:squiz-module-matrix-form --*/
.sq-form-question-title {
    margin-right: 15px;
}

.sq-form-question-password-answer {
    margin-bottom: .5em;
}
  /*-- module:squiz-module-navbar --*/
  /*-- module:squiz-module-parallax --*/
.parallax {
    overflow: hidden;
}

.parallax__layer-background {
    overflow: hidden;
}

.parallax__layer-background img {
    min-width: 100%;
} }

@media (min-width: 71.25em) {
    .content__wrapper {
        width: 1110px;
        margin: 0 auto;
    }

    .header__top {
        background-color: #B1B1B1;
        height: 30px;
        font-family: 'OpenSansSemibold';
    }

    .header__top .header__accesibility {
        display: block;
        float: right;
        line-height: 1.5;
    }

    .header__top .header__accesibility a {
        color: #000;
        text-decoration: none;
    }

    .header__top .header__accesibility a.disabled {
        color: #C8102E;
    }

    .header__top .header__accesibility a:hover {
        text-decoration: underline;
    }

    .header__top .header__accesibility .header__accesibility-small {
        font-size: 14px;
    }

    .header__top .header__accesibility .header__accesibility-medium {
        font-size: 16px;
    }

    .header__top .header__accesibility .header__accesibility-large {
        font-size: 18px;
    }

    .header__top .header__language {
        display: block;
        float: right;
        line-height: 1.5;
        margin-right: 120px;
    }

    .header__top .header__language img {
        display: none;
    }

    .header__top .header__language .goog-te-gadget-simple {
        border: 0;
        background: #B1B1B1;
    }

    .header__top .header__language a {
        color: #000;
        text-decoration: none;
        font-size: 14px;
        font-family: 'OpenSansSemibold';
    }

    .header__top .header__language a:hover {
        text-decoration: underline;
    }

    .header__top .header__language a:after {
        content: '\25be';
        margin-left: 5px;
    }

    .header__bottom {
        background-color: #E3E3E3;
        height: 95px;
        padding: 15px 0;
    }

    .header__bottom .header__logo {
        display: block;
        width: 153px;
        height: 68px;
        float: left;
    }

    .header__bottom .header__social {
        float: right;
    }

    .header__bottom .header__social a.header__social-link {
        margin-left: 10px;
        color: #000;
    }

    .header__bottom .header__social a.header__social-link:hover {
        color: #C8102E;
    }

    .header__bottom .header__newsletter-singup {
        display: block;
        font-family: 'OpenSansSemibold';
        float: right;
        font-size: 12px;
        color: #000;
        margin-left: 40px;
    }

    .header__bottom .header__newsletter-singup:after {
        content: '';
        background-image: url("/__data/assets/image/0009/55548/forward.png?v=0.2.1");
        margin-left: 5px;
        text-decoration: none;
    }

    .header__bottom .main-search {
        float: right;
        clear: right;
        margin-top: 15px;
        position: relative;
    }

    .header__bottom .main-search .main-search__input {
        display: inline-block;
        height: 30px;
        border: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 120px;
    }

        .header__bottom .main-search .main-search__button {
            background: url("https://www.casulapowerhouse.com/__data/assets/image/0009/55566/search.png?v=0.2.5") no-repeat center;
            height: 30px;
            width: 30px;
            float: right;
            border: none;
            background-color: #C8102E;
            position: relative;
        }

    .header__bottom .main-search .main-search__button span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .header__bottom .main-search .main-search__button:before {
        border-top: 30px solid #C8102E;
        border-left: 10px inset transparent;
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
    }

    .main-slider, .main-banner {
        height: 290px;
        position: relative;
        overflow: hidden;
    }

    .main-slider .slick-dots, .main-banner .slick-dots {
        margin-top: 1em;
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }

    .main-slider .main-slider__slide, .main-banner .main-slider__slide {
        position: relative;
    }

    .main-slider .main-slider__slide .main-slider__slide-info, .main-banner .main-slider__slide .main-slider__slide-info {
        padding-left: 20px;
        margin-top: 30px;
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        color: #FFF;
        width: 510px;
        height: 215px;
        padding-bottom: 20px;
    }

    .main-slider .main-slider__slide .main-slider__slide-info:after, .main-banner .main-slider__slide .main-slider__slide-info:after {
        border-left: 40px solid rgba(0, 0, 0, 0.6);
        border-top: 215px inset transparent;
        content: "";
        position: absolute;
        right: -40px;
        top: 0;
    }

    .main-slider .main-slider__slide .main-slider__slide-info h1, .main-banner .main-slider__slide .main-slider__slide-info h1 {
        font-family: 'OpenSansRegular';
        font-size: 30px;
        margin-bottom: 0;
        font-weight: normal;
    }

    .main-slider .main-slider__slide .main-slider__slide-info h1 span, .main-banner .main-slider__slide .main-slider__slide-info h1 span {
        font-family: 'OpenSansBold';
    }

    .main-slider .main-slider__slide .main-slider__slide-info h2, .main-banner .main-slider__slide .main-slider__slide-info h2 {
        margin: 0;
        font-family: 'OpenSansSemibold';
        font-size: 21px;
    }

    .main-slider .main-slider__slide .main-slider__slide-info p, .main-banner .main-slider__slide .main-slider__slide-info p {
        display: block;
        margin-top: 5px;
        font-size: 14px;
        font-family: 'OpenSansSemibold';
    }

    .main-slider .main-slider__slide .main-slider__slide-info a, .main-banner .main-slider__slide .main-slider__slide-info a {
        float: left;
    }

    .home-calendar {
        overflow: hidden;
        margin-bottom: 30px;
    }

    .home-calendar .home-calendar__datepicker {
        padding-top: 12px;
        width: 50%;
        position: relative;
        float: left;
    }

    .footer__top {
        padding-top: 5px;
        height: 260px;
        background-color: #E3E3E3;
    }

    .footer__top h2 {
        font-family: OpenSans-Semibold;
        font-size: 21px;
        text-transform: uppercase;
        border-bottom: 1px solid #B1B1B1;
    }

    .footer__top .footer__sitemap {
        width: 730px;
        float: left;
        margin-right: 30px;
        display: block;
        font-size: 16px;
        font-family:sans-serif;
    }

    .footer__top .footer__sitemap ul {
        list-style: none;
        padding-left: 0;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading {
        float: left;
        width: 160px;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading.last {
        width: 90px;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading a {
        text-decoration: none;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading > a {
        text-transform: uppercase;
        color: #C8102E;
        font-family: 'OpenSansBold';
        font-size: 14px;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading > a:hover {
        text-decoration: underline;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading .footer__sitemap-lvl2-item {
        line-height: 1.1;
    }

    .footer__top .footer__sitemap .footer__sitemap-heading .footer__sitemap-lvl2-item > a {
        color: #000;
        font-size: 12px;
        font-family: 'OpenSansSemibold';
    }

    .footer__top .footer__sitemap .footer__sitemap-heading .footer__sitemap-lvl2-item > a:hover {
        text-decoration: underline;
    }

    .footer__top .footer__contact {
        width: 350px;
        float: left;
        padding-left: 0;
    }

    .footer__top .footer__contact .footer__contact-list {
        list-style: none;
        padding-left: 0;
    }

    .footer__top .footer__contact li.footer__contact-item {
        font-size: 14px;
        font-family: OpenSans-Semibold;
        margin-bottom: 11px;
        padding-top: 2px;
        padding-left: 40px;
        position: relative;
    }

    .footer__top .footer__contact li.footer__contact-item:before {
        width: 25px;
        height: 25px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-size: cover;
    }

        .footer__top .footer__contact li.footer__contact-item.footer__contact-mail:before {
            background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0004/55552/message.png?v=0.2.3");
        }

        .footer__top .footer__contact li.footer__contact-item.footer__contact-location:before {
            background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0020/55550/location.png?v=0.2.3");
        }

        .footer__top .footer__contact li.footer__contact-item.footer__contact-email:before {
            background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0019/55540/email.png?v=0.2.3");
        }

        .footer__top .footer__contact li.footer__contact-item.footer__contact-phone:before {
            background-image: url("https://www.casulapowerhouse.com/__data/assets/image/0011/55568/speach.png?v=0.2.3");
        }

    .footer__top .footer__contact li.footer__contact-item a {
        color: #000;
        text-decoration: none;
    }

    .footer__top .footer__contact li.footer__contact-item a:hover {
        text-decoration: underline;
    }

    .footer__bottom {
        height: 100px;
        padding: 20px 0;
    }

    .footer__bottom .footer__logo-wrapper {
        height: 60px;
        float: left;
        margin-right: 65px;
    }

    .footer__bottom .footer__logo-wrapper .footer__logo-img {
        height: 100%;
    }

    .footer__bottom .footer__disclaimer {
        float: left;
    }

    .footer__bottom .footer__disclaimer span {
        color: #C8102E;
        text-transform: uppercase;
        display: block;
        line-height: 1;
    }

    .footer__bottom .footer__disclaimer span.footer__disclaimer-top {
        font-size: 35px;
        font-family: 'OpenSansBold';
        letter-spacing: -2px;
    }

    .footer__bottom .footer__disclaimer span.footer__disclaimer-bottom {
        font-size: 24px;
        font-family: 'OpenSansSemibold';
        letter-spacing: -2px;
    }

    .footer__copyright {
        height: 30px;
        background-color: #000;
        padding-left: 0;
    }

    .footer__copyright .footer__copyright-info {
        color: #FFF;
        font-size: 12px;
        line-height: 2.5;
    }

    .featured-events {
        color: #fff;
        padding-top: 40px;
        overflow: hidden;
    }

    .featured-events .featured-events__item {
        height: 190px;
        width: 540px;
        float: left;
        margin-bottom: 30px;
    }

    .featured-events .featured-events__item:nth-child(even) {
        margin-left: 30px;
    }

    .featured-events .featured-events__item .featured-events__event-details {
        padding: 35px 0 0 20px;
        float: left;
        width: 215px;
        height: 100%;
        background: #C8102E;
        position: relative;
    }

    .featured-events .featured-events__item .featured-events__event-details:after {
        border-left: 40px solid #C8102E;
        border-top: 190px inset transparent;
        content: "";
        position: absolute;
        right: -40px;
        top: 0;
        z-index: 2;
    }

    .featured-events .featured-events__item .featured-events__event-details span {
        display: block;
    }

    .featured-events .featured-events__item .featured-events__event-details span.event-category {
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'OpenSansRegular';
    }

    .featured-events .featured-events__item .featured-events__event-details span.event-title {
        font-family: 'OpenSansBold';
        font-size: 20px;
        margin-bottom: 10px;
    }

    .featured-events .featured-events__item .featured-events__event-details span.event-time {
        font-family: 'OpenSansSemibold';
        font-size: 16px;
    }

    .featured-events .featured-events__item .featured-events__caption {
        float: left;
        position: relative;
        display: block;
    }

    .featured-events .featured-events__item .featured-events__caption p {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'OpenSansSemibold';
        font-size: 14px;
        padding: 30px 15px 0 55px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, 20px, 0) scale(1);
        transform: translate3d(0, 20px, 0) scale(1);
    }

    .featured-events .featured-events__item .featured-events__caption .caption-image {
        width: 320px;
        height: 190px;
    }

    .featured-events .featured-events__item .featured-events__caption .caption-image img {
        width: 320px;
        height: 190px;
    }

    .featured-events .featured-events__item .featured-events__caption .caption-image:after {
        position: absolute;
        width: 100%;
        height: 190px;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        content: "";
    }

    .featured-events .featured-events__item:hover .featured-events__caption p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }

    .featured-events .featured-events__item:hover .featured-events__caption .caption-image:after {
        opacity: 1;
    }
  /*
--------------------
Modules
--------------------
*/
  /*-- module:squiz-module-navbar --*/
    .navbar__toggle {
        display: none;
    }

    .navbar__dropdown[aria-expanded="false"] {
        display: block;
        position: relative;
    }

    .navbar__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: table;
        width: 100%;
    }

    .navbar__list .navbar__item {
        display: inline-block;
        *display: inline;
        zoom: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
       display: table-cell;
        height: initial;
        line-height: inherit;
        border: none;
    }

    .navbar__list .navbar__item.last {
        display: block;
        text-align: center;
    }

    .navbar__list .navbar__item.last > a {
        display: block;
    }

    .navbar__list .navbar__item.last > a:after {
        content: none;
    }

    .navbar__list .navbar__item.last > a:before {
        -webkit-transition: border 0.3s ease;
        -moz-transition: border 0.3s ease;
        transition: border 0.3s ease;
        display: block;
        border-left: 10px inset transparent;
        border-top: 35px solid #FFF;
        position: absolute;
        content: "";
        left: -10px;
        top: 0;
    }

    .navbar__list .navbar__item.last > a:hover:before, .navbar__list .navbar__item.last > a.selected:before {
        border-top: 35px solid #C8102E;
    }

    .navbar__list .navbar__item > a {
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        transition: background 0.3s ease;
        display: inline-block;
        padding: 0 20px;
        text-transform: uppercase;
        font-family: OpenSans-Semibold;
        font-size: 12px;
        color: #000;
        position: relative;
        outline: 0;
        height: 35px;
        line-height: 3;
    }

    .navbar__list .navbar__item > a,
        .navbar__list .navbar__item > a:visited {
        text-decoration: none;
        font-family: OpenSans-Semibold;
        font-size: 14px;
    }

    .navbar__list .navbar__item > a:after {
        -webkit-transition: border 0.3s ease;
        -moz-transition: border 0.3s ease;
        transition: border 0.3s ease;
        display: block;
        border-left: 10px solid #fff;
        border-top: 35px inset transparent;
        position: absolute;
        content: "";
        right: -10px;
        top: 0;
    }

    .navbar__list .navbar__item > a:hover:after,
      .navbar__list .navbar__item > a.selected:after {
        border-left: 10px solid #C8102E;
    }

    .navbar__list .navbar__item > a:hover,
      .navbar__list .navbar__item > a.selected,
      .navbar__list .navbar__item > a.active {
        background: #C8102E;
        color: #FFF;
    }

    .navbar__list .navbar__item--active.last > a:before {
        border-top: 35px solid #C8102E;
    }

    .navbar__list .navbar__item--active > a:after {
        border-left: 10px solid #C8102E;
    }

    .navbar__list .navbar__item--active > a,
    .navbar__list .navbar__item--active > a.active {
        background: #C8102E;
        color: #FFF;
    }

    .sub-nav {
        position: absolute;
        display: none;
        top: inherit;
        overflow: hidden;
        -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        background-color: #dedede;
        border: 1px solid #ccc;
        padding: 5px 0 10px;
        width: 130px;
        z-index: 1001;
    }

    .no-js .navbar__item:hover .sub-nav,
  .no-js .navbar__item:focus .sub-nav,
  .navbar__item--active .sub-nav {
        top: inherit;
        z-index: 1001;
    }

    .sub-mega-nav {
        left: 0;
        width: 100%;
    }

    .flexbox .sub-mega-nav .sub-nav__group {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .no-js .sub-mega-nav .sub-nav__group,
    .no-flexbox .sub-mega-nav .sub-nav__group {
        display: table-cell;
        vertical-align: top;
    }

    .no-js .sub-nav__group-container,
  .no-flexbox .sub-nav__group-container {
        display: table;
    }

    .flexbox .sub-nav__group-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
  /*-- module:squiz-module-parallax --*/
    .parallax__layer-background {
        min-width: 768px;
        width: 100%;
    }

    .parallax__layer-background img {
        width: 100%;
        min-width: 100%;
    }

    .parallax__layer-foreground {
        display: block;
    }

    .parallax__layer-center {
        left: 0;
        margin: 0 auto;
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
  a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
        content: "";
    }

    pre,
  blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
  img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
  h2,
  h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
  h3 {
        page-break-after: avoid;
    }
  /*-- module:squiz-module-navbar --*/
    .navbar {
        display: none;
    }
  /*-- module:squiz-module-parallax --*/
    .parallax {
        min-height: inherit;
    }

    .parallax__layer-background {
        display: none;
    }
}