@charset "UTF-8";
/*
  Project: TSI
  Author: i3 Digital
 */
.mm-hidden {
  display: none !important; }

.mm-wrapper {
    overflow-x: hidden;
  position: relative; }

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  z-index: 0; }

.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  z-index: 0; }

.mm-panels {
  overflow: hidden; }

.mm-panel {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
  transform-origin: top left; }

    .mm-panel.mm-opened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

    .mm-panel.mm-subopened {
        -webkit-transform: translate(-30%, 0);
        -ms-transform: translate(-30%, 0);
        transform: translate(-30%, 0);
        -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

    .mm-panel.mm-highest {
  z-index: 1; }

    .mm-panel.mm-noanimation {
        -webkit-transition: none !important;
  transition: none !important; }

        .mm-panel.mm-noanimation.mm-subopened {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panels > .mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
  padding: 0 20px; }

    .mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px; }

    .mm-panels > .mm-panel:not(.mm-hidden) {
  display: block; }

    .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
        content: '';
        display: block;
  height: 20px; }

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
  transform: none !important; }

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
  padding: 10px 0 10px 10px; }

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    box-sizing: border-box;
    height: 40px;
  bottom: auto; }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  right: 19px; }

.mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
  z-index: 1; }

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
  right: 18px; }

.mm-clear:after, .mm-close:after {
    border-left: none;
    border-top: none;
  right: 25px; }

.mm-next:after, .mm-prev:before {
    content: '';
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
  bottom: 0; }

.mm-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
  right: auto; }

.mm-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
  left: auto; }

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  right: 0; }

    .mm-navbar > * {
        display: block;
  padding: 10px 0; }

    .mm-navbar a, .mm-navbar a:hover {
  text-decoration: none; }

    .mm-navbar .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
  overflow: hidden; }

    .mm-navbar .mm-btn:first-child {
  left: 0; }

    .mm-navbar .mm-btn:last-child {
        text-align: right;
  right: 0; }

.mm-panel .mm-navbar {
  display: none; }

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block; }

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
  margin: 0; }

.mm-listview {
    font: inherit;
    font-size: 14px;
  line-height: 20px; }

    .mm-listview a, .mm-listview a:hover {
  text-decoration: none; }

    .mm-listview > li {
  position: relative; }

        .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
  border-color: inherit; }

            .mm-listview > li > a, .mm-listview > li > span {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: inherit;
                display: block;
                padding: 10px 10px 10px 20px;
  margin: 0; }

            .mm-listview > li:not(.mm-divider):after {
                content: '';
                border-bottom-width: 1px;
                border-bottom-style: solid;
                display: block;
                position: absolute;
                left: 0;
                right: 0;
  bottom: 0; }

            .mm-listview > li:not(.mm-divider):after {
  left: 20px; }

    .mm-listview .mm-next {
        background: rgba(3, 2, 1, 0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
  z-index: 2; }

        .mm-listview .mm-next:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
  left: 0; }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
  margin-right: 50px; }

        .mm-listview .mm-next.mm-fullsubopen {
  width: 100%; }

            .mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none; }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 50px;
  margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px; }

    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75); }

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

    .mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1); }

        .mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

        .mm-menu .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5); }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5); }

        .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05); }

    .mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

.mm-page {
    box-sizing: border-box;
  position: relative; }

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
  z-index: 1; }

html.mm-opened {
    overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }

    html.mm-blocking body {
  overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  z-index: 2; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
  position: fixed; }

    .mm-menu.mm-offcanvas.mm-opened {
  display: block; }

    .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
  z-index: 10; }

.mm-menu.mm-offcanvas {
    width: 80%;
    min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
    html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0); } }

.mm-sronly {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
  position: absolute !important; }

.mm-menu .mm-listview.mm-border-none > li:after, .mm-menu .mm-listview > li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview > li:after {
  content: none; }

.mm-menu .mm-listview.mm-border-full > li:after, .mm-menu .mm-listview > li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview > li:after {
  left: 0 !important; }

.mm-menu .mm-listview.mm-border-offset > li:after, .mm-menu .mm-listview > li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview > li:after {
  right: 20px; }

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
  max-width: 10000px; }

html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

@media all and (max-width: 140px) {
    html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 10000px) {
    html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        transform: translate(10000px, 0);
        -webkit-transform: translate3d(10000px, 0, 0);
    transform: translate3d(10000px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

@media all and (max-width: 140px) {
    html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0);
        -webkit-transform: translate3d(-10000px, 0, 0);
    transform: translate3d(-10000px, 0, 0); } }

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
  max-height: 10000px; }

.mm-menu.mm-fx-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

html.mm-opened .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
  transform-origin: left center; }

html.mm-opening .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0); }

html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
  transform-origin: right center; }

html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu.mm-fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

html.mm-opened .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

html.mm-opening .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-fx-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }

html.mm-opening .mm-menu.mm-fx-menu-fade {
  opacity: 1; }

.mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel {
    -webkit-transition-property: none;
  transition-property: none; }

    .mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0); }

    .mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
        -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0); }

    .mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
        -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

    .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

    .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li {
    -webkit-transition: none .4s ease;
  transition: none .4s ease; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) {
        -webkit-transition-delay: 50ms;
  transition-delay: 50ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) {
        -webkit-transition-delay: .1s;
  transition-delay: .1s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) {
        -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) {
        -webkit-transition-delay: .2s;
  transition-delay: .2s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) {
        -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) {
        -webkit-transition-delay: .3s;
  transition-delay: .3s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) {
        -webkit-transition-delay: 350ms;
  transition-delay: 350ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) {
        -webkit-transition-delay: .4s;
  transition-delay: .4s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) {
        -webkit-transition-delay: 450ms;
  transition-delay: 450ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) {
        -webkit-transition-delay: .5s;
  transition-delay: .5s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) {
        -webkit-transition-delay: 550ms;
  transition-delay: 550ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) {
        -webkit-transition-delay: .6s;
  transition-delay: .6s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) {
        -webkit-transition-delay: 650ms;
  transition-delay: 650ms; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) {
        -webkit-transition-delay: .7s;
  transition-delay: .7s; }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) {
        -webkit-transition-delay: 750ms;
  transition-delay: 750ms; }

.mm-menu.mm-fx-listitems-slide .mm-listview > li {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  opacity: 0; }

html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  opacity: 1; }

.mm-menu.mm-fx-listitems-fade .mm-listview > li {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  opacity: 0; }

html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1; }

.mm-menu.mm-fx-listitems-drop .mm-listview > li {
    -webkit-transition-property: opacity,top;
    transition-property: opacity,top;
    opacity: 0;
  top: -25%; }

html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
  top: 0; }

html.mm-iconbar body {
  overflow-x: hidden; }

html.mm-iconbar .mm-page {
    background: inherit;
  min-height: 100vh; }

html.mm-iconbar .mm-slideout {
    box-sizing: border-box;
    padding-right: 60px;
    -webkit-transform: translate(60px, 0);
    -ms-transform: translate(60px, 0);
    transform: translate(60px, 0);
    -webkit-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0); }

.mm-menu.mm-iconbar {
  display: block; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify:after, .mm-menu .mm-panels > .mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:after, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:before {
    content: none;
  display: none; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
  margin-bottom: 0; }

    .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  min-height: 40px; }

        .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
  flex-direction: column; }

        .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span {
            box-sizing: border-box;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
  align-items: center; }

.mm-listview-small .mm-listview > li > a:not(.mm-next), .mm-listview-small .mm-listview > li > span {
  padding: 7px 10px 7px 20px; }

.mm-listview-small .mm-listview > li.mm-vertical > .mm-next, .mm-listview-small .mm-vertical > .mm-listview > li > .mm-next {
  height: 34px; }

.mm-listview-large .mm-listview > li > a:not(.mm-next), .mm-listview-large .mm-listview > li > span {
  padding: 15px 10px 15px 20px; }

.mm-listview-large .mm-listview > li.mm-vertical > .mm-next, .mm-listview-large .mm-vertical > .mm-listview > li > .mm-next {
  height: 50px; }

.mm-listview-huge .mm-listview > li > a:not(.mm-next), .mm-listview-huge .mm-listview > li > span {
  padding: 20px 10px 20px 20px; }

.mm-listview-huge .mm-listview > li.mm-vertical > .mm-next, .mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next {
  height: 60px; }

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
  line-height: 25px; }

.mm-listview .mm-spacer {
  padding-top: 40px; }

    .mm-listview .mm-spacer > .mm-next {
  top: 40px; }

    .mm-listview .mm-spacer.mm-divider {
  padding-top: 25px; }

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
  margin: 0; }

    .mm-listview .mm-inset > li {
  padding: 5px 0; }

.mm-menu .mm-listview.mm-multiline > li > a, .mm-menu .mm-listview.mm-multiline > li > span, .mm-menu .mm-listview > li.mm-multiline > a, .mm-menu .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    text-overflow: clip;
  white-space: normal; }

.mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: 0; }

html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
  transition: opacity .4s ease .4s; }

.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
  background: inherit; }

.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
  background: #fff; }

.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
  background: #000; }

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

    .mm-menu.mm-popup.mm-opened ~ .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
  z-index: 0; }

    .mm-menu.mm-popup.mm-opened ~ #mm-blocker {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
  z-index: 1; }

html.mm-opening .mm-menu.mm-popup {
  opacity: 1; }

.mm-menu.mm-offcanvas.mm-right {
  left: auto; }

html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0); } }

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  z-index: 0; }

html.mm-front #mm-blocker {
  z-index: 1; }

html.mm-front .mm-menu.mm-offcanvas {
  z-index: 2; }

.mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

    .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    width: 100%;
    min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-offcanvas.mm-bottom {
  top: auto; }

html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    height: 80%;
    min-height: 140px;
  max-height: 880px; }

.mm-menu.mm-shadow-page:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
  clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); }

.mm-menu.mm-shadow-page.mm-right:after {
    left: auto;
  right: 100%; }

.mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after {
    content: none;
  display: none; }

.mm-menu.mm-shadow-page:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8); }

    .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

    .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

    .mm-menu.mm-theme-dark .mm-listview {
  border-color: rgba(0, 0, 0, 0.15); }

        .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4); }

        .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1); }

        .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }

        .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.05); }

    .mm-menu.mm-theme-dark .mm-divider {
  background: rgba(255, 255, 255, 0.05); }

    .mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8); }

    .mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

    .mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-shadow-page.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }

    .mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333; }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }

    .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

    .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

    .mm-menu.mm-theme-white .mm-listview {
  border-color: rgba(0, 0, 0, 0.1); }

        .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

        .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  tap-highlight-color: rgba(0, 0, 0, 0.05); }

        .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05); }

        .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05); }

    .mm-menu.mm-theme-white .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

    .mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

    .mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

    .mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-shadow-page.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

    .mm-menu.mm-theme-white label.mm-toggle:before {
  background: #fff; }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6); }

    .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

    .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

    .mm-menu.mm-theme-black .mm-listview {
  border-color: rgba(255, 255, 255, 0.2); }

        .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4); }

        .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  tap-highlight-color: rgba(255, 255, 255, 0.3); }

        .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3); }

        .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.2); }

    .mm-menu.mm-theme-black .mm-divider {
  background: rgba(255, 255, 255, 0.2); }

    .mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

    .mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

    .mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-shadow-page.mm-theme-black:after {
    content: none;
  display: none; }

.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: false; }

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }

    .mm-menu.mm-theme-black label.mm-toggle:before {
  background: #000; }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
  clear: both; }

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0 0;
    float: left;
  position: relative; }

    .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
  z-index: -1; }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
        width: 12.5%;
  padding-top: 12.5%; }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
        width: 25%;
  padding-top: 25%; }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
        width: 75%;
  padding-top: 75%; }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
        width: 100%;
  padding-top: 100%; }

    .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
        line-height: 1px;
        text-align: center;
        padding: 50% 10px 0 10px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 1px;
  left: 0; }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
  width: auto; }

        .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before {
            content: none;
  display: none; }

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
  padding-right: 0; }

    .mm-menu.mm-tileview .mm-panel:after {
        content: none;
  display: none; }

.mm-menu.mm-tileview .mm-listview {
  margin: 0; }

html.mm-widescreen body {
  position: relative; }

html.mm-widescreen #mm-blocker {
  display: none !important; }

html.mm-widescreen .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: 70% !important;
  margin-left: 30% !important; }

html.mm-widescreen .mm-page {
    background: inherit;
  box-sizing: border-box; }

html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body {
  overflow: auto; }

.mm-menu.mm-widescreen {
    border-right-width: 1px;
    border-right-style: solid;
    display: block !important;
    width: 30% !important;
    min-width: 0 !important;
    max-width: none !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 100 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
  transform: none !important; }

    .mm-menu.mm-widescreen.mm-pageshadow:after {
        content: none;
  display: none; }

.mm-menu.mm-autoheight {
    -webkit-transition: none .4s ease;
    transition: none .4s ease;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

    .mm-menu.mm-autoheight:not(.mm-offcanvas) {
  position: relative; }

.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
  display: block !important; }

.mm-menu.mm-measureheight .mm-panels > .mm-panel {
    bottom: auto !important;
  height: auto !important; }

.mm-columns {
    -webkit-transition-property: width;
  transition-property: width; }

    .mm-columns .mm-panels > .mm-panel {
        right: auto;
        -webkit-transition-property: width,-webkit-transform;
        transition-property: width,-webkit-transform;
        transition-property: width,transform;
  transition-property: width,transform,-webkit-transform; }

        .mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened {
            border-left: 1px solid;
            border-color: inherit;
  display: block !important; }

    .mm-columns .mm-panels > .mm-columns-0 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-columns-0 .mm-panels > .mm-panel {
  z-index: 0; }

    .mm-columns-0 .mm-panels > .mm-panel else {
  width: 100%; }

    .mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
  max-width: 0; }

html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 0px) {
    html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 0px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-1 {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-columns-1 .mm-panels > .mm-panel {
    z-index: 1;
  width: 100%; }

    .mm-columns-1 .mm-panels > .mm-panel else {
  width: 100%; }

    .mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(200%, 0);
        -ms-transform: translate(200%, 0);
        transform: translate(200%, 0);
        -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
    html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-2 {
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0); }

.mm-columns-2 .mm-panels > .mm-panel {
    z-index: 2;
  width: 50%; }

    .mm-columns-2 .mm-panels > .mm-panel else {
  width: 100%; }

    .mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(300%, 0);
        -ms-transform: translate(300%, 0);
        transform: translate(300%, 0);
        -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
  max-width: 880px; }

html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1100px) {
    html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(880px, 0);
        -ms-transform: translate(880px, 0);
        transform: translate(880px, 0);
        -webkit-transform: translate3d(880px, 0, 0);
    transform: translate3d(880px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1100px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-880px, 0);
        -ms-transform: translate(-880px, 0);
        transform: translate(-880px, 0);
        -webkit-transform: translate3d(-880px, 0, 0);
    transform: translate3d(-880px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-3 {
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0); }

.mm-columns-3 .mm-panels > .mm-panel {
    z-index: 3;
  width: 33.34%; }

    .mm-columns-3 .mm-panels > .mm-panel else {
  width: 100%; }

    .mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(400%, 0);
        -ms-transform: translate(400%, 0);
        transform: translate(400%, 0);
        -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
  max-width: 1320px; }

html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1650px) {
    html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(1320px, 0);
        -ms-transform: translate(1320px, 0);
        transform: translate(1320px, 0);
        -webkit-transform: translate3d(1320px, 0, 0);
    transform: translate3d(1320px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1650px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-1320px, 0);
        -ms-transform: translate(-1320px, 0);
        transform: translate(-1320px, 0);
        -webkit-transform: translate3d(-1320px, 0, 0);
    transform: translate3d(-1320px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-4 {
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0); }

.mm-columns-4 .mm-panels > .mm-panel {
    z-index: 4;
  width: 25%; }

    .mm-columns-4 .mm-panels > .mm-panel else {
  width: 100%; }

    .mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(500%, 0);
        -ms-transform: translate(500%, 0);
        transform: translate(500%, 0);
        -webkit-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
  max-width: 1760px; }

html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 2200px) {
    html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(1760px, 0);
        -ms-transform: translate(1760px, 0);
        transform: translate(1760px, 0);
        -webkit-transform: translate3d(1760px, 0, 0);
    transform: translate3d(1760px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 2200px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
        -webkit-transform: translate(-1760px, 0);
        -ms-transform: translate(-1760px, 0);
        transform: translate(-1760px, 0);
        -webkit-transform: translate3d(-1760px, 0, 0);
    transform: translate3d(-1760px, 0, 0); } }

.mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top {
    width: 100%;
    max-width: 100%;
  min-width: 100%; }

html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next {
    -webkit-transition-property: width,min-width,max-width,-webkit-transform;
    transition-property: width,min-width,max-width,-webkit-transform;
    transition-property: width,min-width,max-width,transform;
  transition-property: width,min-width,max-width,transform,-webkit-transform; }

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
  top: 50%; }

    em.mm-counter + a.mm-next {
  width: 90px; }

        em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
  margin-right: 90px; }

    em.mm-counter + a.mm-fullsubopen {
  padding-left: 0; }

        em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span {
  padding-right: 90px; }

.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
  padding-right: 90px; }

.mm-vertical > .mm-counter {
    top: 12px;
  margin-top: 0; }

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
  line-height: 25px; }

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

    .mm-fixeddivider:after {
        content: none !important;
  display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
  transition-duration: 0s; }

.mm-menu.mm-dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%; }

html.mm-dropdown .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  z-index: 0; }

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
  z-index: 1; }

html.mm-dropdown .mm-menu {
  z-index: 2; }

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu.mm-dropdown {
  display: none; }

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-menu.mm-tipleft:before {
  left: 22px; }

.mm-menu.mm-tipright:before {
  right: 22px; }

.mm-menu.mm-tiptop:before {
  top: -8px; }

.mm-menu.mm-tipbottom:before {
  bottom: -8px; }

.mm-iconpanel .mm-panels > .mm-panel {
    -webkit-transition-property: left,-webkit-transform;
    transition-property: left,-webkit-transform;
    transition-property: transform,left;
  transition-property: transform,left,-webkit-transform; }

    .mm-iconpanel .mm-panels > .mm-panel.mm-opened, .mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
        border-left: 1px solid;
        border-color: inherit;
  display: block !important; }

    .mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0; }

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px; }

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px; }

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px; }

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px; }

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px; }

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px; }

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.mm-subopened .mm-subblocker {
    opacity: .6;
  bottom: -100000px; }

.mm-keyboardfocus a:focus {
  outline: 0; }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.5); }

.mm-navbars-bottom, .mm-navbars-top {
    background: inherit;
    border-color: inherit;
    border-width: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
  z-index: 3; }

    .mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar {
        border: none;
        padding: 0;
        position: relative;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbars-top {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  top: 0; }

.mm-navbars-bottom {
    border-top-style: solid;
    border-top-width: 1px;
  bottom: 0; }

.mm-navbar.mm-hasbtns {
  padding: 0 40px; }

.mm-navbar[class*=mm-navbar-content-] > * {
    box-sizing: border-box;
    display: block;
  float: left; }

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
  padding: 0 0 0 17px; }

    .mm-navbar .mm-breadcrumbs > * {
        display: inline-block;
  padding: 10px 3px; }

    .mm-navbar .mm-breadcrumbs > a {
  text-decoration: underline; }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px; }

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
  padding-left: 0; }

.mm-hasnavbar-top-1 .mm-panels {
  top: 40px; }

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px; }

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px; }

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px; }

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px; }

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px; }

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px; }

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px; }

.mm-navbar-size-2 {
  height: 80px; }

.mm-navbar-size-3 {
  height: 120px; }

.mm-navbar-size-4 {
  height: 160px; }

.mm-navbar-content-2 > * {
  width: 50%; }

.mm-navbar-content-3 > * {
  width: 33.33%; }

.mm-navbar-content-4 > * {
  width: 25%; }

.mm-navbar-content-5 > * {
  width: 20%; }

.mm-navbar-content-6 > * {
  width: 16.67%; }

.mm-menu.mm-rtl {
  direction: rtl; }

    .mm-menu.mm-rtl.mm-offcanvas {
  right: auto; }

    .mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

    .mm-menu.mm-rtl .mm-panel.mm-subopened {
        -webkit-transform: translate(30%, 0);
        -ms-transform: translate(30%, 0);
        transform: translate(30%, 0);
        -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

    .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
        left: auto;
  right: 0; }

    .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
        right: auto;
  left: 0; }

    .mm-menu.mm-rtl .mm-navbar .mm-next:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
  right: auto; }

    .mm-menu.mm-rtl .mm-navbar .mm-prev:before {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 23px;
  left: auto; }

    .mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
        left: 0;
  right: 20px; }

    .mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
        padding-left: 10px;
        padding-right: 20px !important;
  margin-right: 0 !important; }

    .mm-menu.mm-rtl .mm-listview .mm-next {
        right: auto;
  left: 0; }

        .mm-menu.mm-rtl .mm-listview .mm-next:before {
            left: auto;
  right: 0; }

        .mm-menu.mm-rtl .mm-listview .mm-next:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            left: 23px;
  right: auto; }

        .mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span {
  margin-left: 50px; }

        .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
  padding-left: 50px; }

    .mm-menu.mm-rtl em.mm-counter {
        left: 45px;
  right: auto; }

        .mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
  margin-left: 90px; }

    .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
  padding-left: 90px; }

    .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle {
        left: 20px;
  right: auto !important; }

        .mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span {
  padding-left: 80px; }

        .mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span {
  padding-left: 60px; }

    .mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle {
  left: 60px; }

        .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  margin-left: 50px; }

        .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  padding-left: 70px; }

        .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span {
  padding-left: 50px; }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
  left: 100px; }

        .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-left: 90px; }

    .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
  left: 0; }

        .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel {
        -webkit-transition-property: right,-webkit-transform;
        transition-property: right,-webkit-transform;
        transition-property: transform,right;
  transition-property: transform,right,-webkit-transform; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  right: 0; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  right: 40px; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  right: 80px; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  right: 120px; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  right: 160px; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  right: 200px; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  right: 240px; }

        .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
            border-left: none;
            border-right: 1px solid;
  border-color: inherit; }

.mm-search, .mm-search input {
  box-sizing: border-box; }

.mm-search {
    height: 40px;
    padding: 7px 10px 0 10px;
  position: relative; }

    .mm-search input {
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 4px;
        font: inherit;
        font-size: 14px;
        line-height: 26px;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        margin: 0;
  padding: 0 10px; }

        .mm-search input::-ms-clear {
  display: none; }

    .mm-search .mm-clear, .mm-search .mm-next {
  right: 0; }

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
  left: 0; }

.mm-panel.mm-hassearch {
  padding-top: 40px; }

    .mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px; }

        .mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
  top: 40px; }

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
  padding: 40px 0; }

.mm-noresults .mm-indexer {
  display: none !important; }

li.mm-nosubresults > a.mm-next {
  display: none; }

    li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px; }

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.75); }

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 15;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

    .mm-indexer a {
        text-decoration: none;
        display: block;
  height: 3.85%; }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px; }

.mm-hasindexer .mm-indexer {
  right: 0; }

.mm-hasindexer .mm-fixeddivider {
  right: 20px; }

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
  transition: background .4s ease; }

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.5); }

input.mm-check, input.mm-toggle {
    position: absolute;
  left: -10000px; }

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
  z-index: 2; }

    label.mm-check:before, label.mm-toggle:before {
        content: '';
  display: block; }

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
  margin-top: -15px; }

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
  margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
    width: 30px;
    height: 30px;
  margin-top: -15px; }

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
    bottom: auto;
  margin-top: 0; }

li.mm-vertical label.mm-toggle {
  top: 5px; }

li.mm-vertical label.mm-check {
  top: 5px; }

label.mm-check, label.mm-toggle {
  right: 20px; }

    label.mm-toggle + a, label.mm-toggle + span {
  padding-right: 80px; }

    label.mm-check + a, label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
  right: 60px; }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  margin-right: 50px; }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
  padding-right: 50px; }

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
  right: 100px; }

    em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

    .mm-menu label.mm-toggle:before {
  background: #f3f3f3; }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.75); }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

    /**
 * Add the correct display in iOS 4-7.
 */
    audio:not([controls]) {
        display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
  /* 2 */ }

    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
  padding: 0; }

    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
  /* 2 */ }

    /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
  padding: 0; }

    .slick-list:focus {
  outline: none; }

    .slick-list.dragging {
        cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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);
    -webkit-backface-visibility: hidden;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
  margin-right: auto; }

    .slick-track:before,
    .slick-track:after {
        display: table;
  content: ''; }

    .slick-track:after {
  clear: both; }

/*.slick-loading .slick-track {
  visibility: hidden; }*/

.slick-slide {
    display: none;
    float: left;
    height: 100%;
  min-height: 1px; }

[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-arrow.slick-hidden {
  display: none; }

/* Fonts
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Icomoon
   ========================================================================== */
/* Colors
   ========================================================================== */
.animated {
    overflow: hidden;
  position: relative; }

    .animated img {
        width: 100%;
        height: auto;
  transition: all 0.5s ease-in-out !important; }

    .animated a {
  display: block; }

    .animated:hover img {
  transform: scale(1.1); }

@keyframes popup {
    0% {
    height: 0; }
    100% {
    height: 7px; } }

@keyframes fadeup {
    0% {
        visibility: hidden;
        opacity: 0;
    top: 55%; }
    100% {
        visibility: visible;
        opacity: 1;
    top: 50%; } }

@keyframes fadeup2 {
    0% {
        visibility: hidden;
        opacity: 0;
    transform: translate(0px, 20px); }
    100% {
        visibility: visible;
        opacity: 1;
    transform: translate(0px, 0px); } }

@keyframes slideright {
    0% {
        visibility: hidden;
        opacity: 0;
    left: -100%; }
    100% {
        visibility: visible;
        opacity: 1;
    left: 0; } }

@keyframes fadein {
    0% {
    opacity: 0; }
    100% {
    opacity: 1; } }

/* ==========================================================================
   #REMS
   ========================================================================== */
/*

Sass mixin and function to use rem units with pixel fallback.
https://github.com/pierreburel/sass-rem

*/
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  box-sizing: border-box; }

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

/* ==========================================================================
   #PRINT
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
    text-shadow: none !important; }
    a,
    a:visited {
    text-decoration: underline; }
        .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; }
    @page {
    margin: 0.5cm; }
    p,
    h2,
    h3 {
        orphans: 3;
    widows: 3; }
    h2,
    h3 {
    page-break-after: avoid; }
    .c-top-header, .c-standard-banner, .c-header, .c-footer-utility, .footer-nav, .c-footer-address, .c-social-icons, .c-call-us, .c-search-drop, .c-toolbar, .c-btn, .c-product-thumbnails__wrapper, .quick-nav, .o-sidebar, #components, #accessories, #resources, .u-noprint, #c-back-to-top, .c-featured-full, .reveal-above, .reveal-below, .c-helper-full, #c-chat-feature, .c-pagination-wrapper, .c-mailing-list, .c-helper-row, .c-mega-search, .c-article-image-title, .c-pagination, .addthis_inline_share_toolbox, .c-featured-news-events {
    display: none !important; }
    .o-has-sidebar {
        width: 100% !important;
    padding: 0 !important; }
    .c-footer {
    padding: 1rem 0 0 0 !important; }
    .c-footer-lower {
    padding-top: 0 !important; }
    .row .col.l3, .row .col.l4, .row .col.ml4 {
    width: 33.333% !important; }
        .row .col.l3:nth-of-type(3n+4), .row .col.l4:nth-of-type(3n+4), .row .col.ml4:nth-of-type(3n+4) {
    clear: both; }
    .o-narrow {
    max-width: 80rem !important; }
    .c-what-next {
    display: none; }
    .c-rma__row-full .row .col {
        margin-bottom: 0.5rem !important;
    width: 100% !important; }
        .c-rma__row-full .row .col label {
            display: inline-block;
            width: auto;
            margin-right: 10px;
    font-weight: 500; }
        .c-rma__row-full .row .col input {
            display: inline-block;
    width: auto; }
        .c-rma__row-full .row .col h3 {
    margin-bottom: 0.5rem; }
        .c-rma__row-full .row .col.m6 {
            display: inline-block;
            float: none;
    width: 49.8%; }
    .c-rma__row-full input:disabled {
        border: 0;
        padding: 0;
    height: 1.4rem !important; }
    .c-rma__row-full textarea:disabled {
        padding: 0 !important;
    overflow: hidden !important; }
    .c-rma .c-rma__row-full {
    border-bottom: 0 !important; }
    .c-download-pdf {
    display: none; }
    .c-rma__order-complete {
    margin-bottom: 0.5rem !important; }
    .c-rma__address {
    display: inline-block !important; }
    .message-wrapper {
    display: none !important; }
    .blockUI.blockOverlay {
    display: none !important; }
    .ConsentTitle, .ConsentTextWrapper, .ConsentButtons {
    display: none !important; } }

@page {
    @bottom-left {
    content: counter(page) "/" counter(pages); } }

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
    margin: 0;
  padding: 0; }

/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0; }

/**
 * Remove default table spacing.
 */
table {
    border-collapse: collapse;
  border-spacing: 0; }

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
    min-width: 0;
    /* [1] */
  border: 0; }

/* ==========================================================================
   #SHARED
   ========================================================================== */
/**
 * Shared declarations for certain elements.
 */
/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */
address,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
pre,
dl,
ol,
ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 24px; }

/**
 * Consistent indentation for lists.
 */
dd,
ol,
ul {
  margin-left: 1rem; }

p {
  margin-bottom: 1.5rem; }

figure {
    margin: 0;
  padding: 0; }

figcaption {
    border: 1px solid #eee;
    border-top: 0;
  padding: 15px 20px; }

main .c-main-date-location {
    width: 100%;
    margin-bottom: 10px;
  display: block; }

    main .c-main-date-location .moon-calendar-o,
    main .c-main-date-location .moon-location2, main .c-main-date-location .moon-earth, main .c-main-date-location .moon-store {
  color: #00AEEF; }

    main .c-main-date-location .c-main-date {
        display: inline-block;
        margin-right: 20px;
  margin-bottom: 10px; }

    main .c-main-date-location .c-main-location {
        display: inline-block;
        margin-right: 20px;
  margin-bottom: 10px; }

    main .c-main-date-location .c-main-booth {
        display: inline-block;
        margin-right: 20px;
  margin-bottom: 10px; }

    main .c-main-date-location .c-main-link {
        display: inline-block;
  margin-bottom: 10px; }

main .moon-calendar-o {
    font-size: 14px;
  margin-right: 5px; }

main .moon-earth {
    font-size: 14px;
  margin-right: 2px; }

main .moon-store {
    font-size: 14px;
  margin-right: 8px; }

.c-show-all {
    position: relative;
  text-decoration: none; }

    .c-show-all::after {
        content: "\e904";
        font-family: 'icomoon' !important;
        speak: none;
        position: absolute;
        font-size: 1.2rem;
        top: -2px;
  right: -25px; }

    .c-show-all.active::after {
        content: "\e900";
        font-family: 'icomoon' !important;
        speak: none;
        position: absolute;
        font-size: 1.2rem;
        top: -2px;
  right: -25px; }

.c-show-all-items {
  display: none; }

    .c-show-all-items.active {
  display: block; }

.c-listing {
    width: 100%;
  margin-top: 20px; }

    .c-listing:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.c-alert-error {
    display: block;
    color: #DC1C26;
    margin-top: 5px;
  font-size: 14px; }

.c-asterisk {
  color: #DC1C26; }

.predictiveSearchHolder {
  width: auto !important; }

/* ==========================================================================
   #BLOCKQUOTES
   ========================================================================== */
blockquote {
    quotes: '“' '”' '‘' '’';
  font-style: italic; }

    blockquote p:first-child:before {
  content: open-quote; }

    blockquote p:last-child:after {
  content: close-quote; }

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Simple default styles for headings 1 through 6. Anything more opinionated
 * than simple font-size changes should likely be applied via classes (see:
 * http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
    font-family: "brandon-grotesque", "Arial", sans-serif;
  text-transform: uppercase; }

h1,
.h1 {
    font-size: 2.5rem;
  position: relative; }

    h1.main {
  color: #00AEEF; }

h2,
.h2 {
    font-size: 1.8rem;
  position: relative; }

    h2.main {
  color: #EC038A; }

h3,
.h3 {
  font-size: 1.3rem; }

h4,
.h4 {
  font-size: 1.1rem; }

h5,
.h5 {
  font-size: 1rem; }

h6,
.h6 {
  font-size: 0.875rem; }

/* ==========================================================================
   #HR
   ========================================================================== */
hr {
  display: block; }

/* ==========================================================================
   #PAGE
   ========================================================================== */
/**
 * Simple page-level setup.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 */
html {
    background: #fff;
    color: #333;
    font-family: "rooney-web", "Arial", serif;
    font-size: 0.875rem;
    /* [1] */
    /* 14px */
    line-height: 1.5;
    /* [1] */
    min-height: 100%;
    /* [3] */
    overflow-y: scroll;
  /* [2] */ }

@media (min-width: 768px) {
    html {
        font-size: 1em;
    /* 16px */ } }

@media (min-width: 1600px) {
    html {
        font-size: 1em;
    /* 16px */ } }

.pinky {
  color: #ff36e2 !important; }

/* ==========================================================================
   #IMAGES
   ========================================================================== */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
    font-style: italic;
    /* [2] */
    max-width: 100%;
    /* [1] */
    vertical-align: middle;
  /* [3] */ }

    /**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
    img[width],
    img[height] {
        /* [1] */
  max-width: none; }

/* ==========================================================================
   #LINKS
   ========================================================================== */
a {
    color: #46484A;
  text-decoration: underline; }

    a:hover {
  color: #00AEEF; }

/* ==========================================================================
   #LISTS
   ========================================================================== */
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1rem;
  margin-top: 0.5rem; }

dt {
  font-weight: bold; }

dd {
    margin-bottom: 1rem;
  margin-left: 1rem; }

/* ==========================================================================
   #TABLES
   ========================================================================== */
/**
 * 1. Ensure tables fill up as much space as possible.
 */
table {
    width: 100%;
  /* [1] */ }

/* ==========================================================================
   #GRID
   =========================================================================== */
.o-container .row {
    margin-left: -1rem;
  margin-right: -1rem; }

    .o-container .row.smlgutter {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
  margin-bottom: 0; }

    .o-container .row.lggutter {
        margin-left: -2rem;
        margin-right: -2rem;
  margin-bottom: 0; }

.row {
    margin-left: auto;
    margin-right: auto;
  margin-bottom: 0; }

main .row {
    margin-top: 1rem;
  margin-bottom: 0; }

    main .row:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.row:after {
    content: "";
    display: table;
  clear: both; }

.row.thumbnails .col {
  margin-bottom: 2rem; }

.row .col {
    float: left;
    box-sizing: border-box;
  margin-bottom: 1.5rem; }

    .row .col p:last-of-type {
  margin-bottom: 0; }

.col.section-title {
  margin-top: 20px; }

    .col.section-title h3 {
  margin-bottom: 0; }

.row.no-margin,
.row.no-margin > .col {
  margin-bottom: 0; }

.row > .col {
  padding: 0 1rem; }

.row.smlgutter > .col {
  padding: 0 0.5rem; }

.row.lggutter > .col {
  padding: 0 2rem; }

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative; }

.row .col.s1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
  right: auto; }

.row .col.offset-s1 {
  margin-left: 8.3333333333%; }

.row .col.pull-s1 {
  right: 8.3333333333%; }

.row .col.push-s1 {
  left: 8.3333333333%; }

.row .col.offset-s2 {
  margin-left: 16.6666666667%; }

.row .col.pull-s2 {
  right: 16.6666666667%; }

.row .col.push-s2 {
  left: 16.6666666667%; }

.row .col.offset-s3 {
  margin-left: 25%; }

.row .col.pull-s3 {
  right: 25%; }

.row .col.push-s3 {
  left: 25%; }

.row .col.offset-s4 {
  margin-left: 33.3333333333%; }

.row .col.pull-s4 {
  right: 33.3333333333%; }

.row .col.push-s4 {
  left: 33.3333333333%; }

.row .col.offset-s5 {
  margin-left: 41.6666666667%; }

.row .col.pull-s5 {
  right: 41.6666666667%; }

.row .col.push-s5 {
  left: 41.6666666667%; }

.row .col.offset-s6 {
  margin-left: 50%; }

.row .col.pull-s6 {
  right: 50%; }

.row .col.push-s6 {
  left: 50%; }

.row .col.offset-s7 {
  margin-left: 58.3333333333%; }

.row .col.pull-s7 {
  right: 58.3333333333%; }

.row .col.push-s7 {
  left: 58.3333333333%; }

.row .col.offset-s8 {
  margin-left: 66.6666666667%; }

.row .col.pull-s8 {
  right: 66.6666666667%; }

.row .col.push-s8 {
  left: 66.6666666667%; }

.row .col.offset-s9 {
  margin-left: 75%; }

.row .col.pull-s9 {
  right: 75%; }

.row .col.push-s9 {
  left: 75%; }

.row .col.offset-s10 {
  margin-left: 83.3333333333%; }

.row .col.pull-s10 {
  right: 83.3333333333%; }

.row .col.push-s10 {
  left: 83.3333333333%; }

.row .col.offset-s11 {
  margin-left: 91.6666666667%; }

.row .col.pull-s11 {
  right: 91.6666666667%; }

.row .col.push-s11 {
  left: 91.6666666667%; }

.row .col.offset-s12 {
  margin-left: 100%; }

.row .col.pull-s12 {
  right: 100%; }

.row .col.push-s12 {
  left: 100%; }

/* Responsive Styles */
@media only screen and (min-width: 30em) {
    /* < 480px */
    /* Grid - Medium */
    .row .col.m1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.offset-m1 {
    margin-left: 8.3333333333%; }
    .row .col.pull-m1 {
    right: 8.3333333333%; }
    .row .col.push-m1 {
    left: 8.3333333333%; }
    .row .col.offset-m2 {
    margin-left: 16.6666666667%; }
    .row .col.pull-m2 {
    right: 16.6666666667%; }
    .row .col.push-m2 {
    left: 16.6666666667%; }
    .row .col.offset-m3 {
    margin-left: 25%; }
    .row .col.pull-m3 {
    right: 25%; }
    .row .col.push-m3 {
    left: 25%; }
    .row .col.offset-m4 {
    margin-left: 33.3333333333%; }
    .row .col.pull-m4 {
    right: 33.3333333333%; }
    .row .col.push-m4 {
    left: 33.3333333333%; }
    .row .col.offset-m5 {
    margin-left: 41.6666666667%; }
    .row .col.pull-m5 {
    right: 41.6666666667%; }
    .row .col.push-m5 {
    left: 41.6666666667%; }
    .row .col.offset-m6 {
    margin-left: 50%; }
    .row .col.pull-m6 {
    right: 50%; }
    .row .col.push-m6 {
    left: 50%; }
    .row .col.offset-m7 {
    margin-left: 58.3333333333%; }
    .row .col.pull-m7 {
    right: 58.3333333333%; }
    .row .col.push-m7 {
    left: 58.3333333333%; }
    .row .col.offset-m8 {
    margin-left: 66.6666666667%; }
    .row .col.pull-m8 {
    right: 66.6666666667%; }
    .row .col.push-m8 {
    left: 66.6666666667%; }
    .row .col.offset-m9 {
    margin-left: 75%; }
    .row .col.pull-m9 {
    right: 75%; }
    .row .col.push-m9 {
    left: 75%; }
    .row .col.offset-m10 {
    margin-left: 83.3333333333%; }
    .row .col.pull-m10 {
    right: 83.3333333333%; }
    .row .col.push-m10 {
    left: 83.3333333333%; }
    .row .col.offset-m11 {
    margin-left: 91.6666666667%; }
    .row .col.pull-m11 {
    right: 91.6666666667%; }
    .row .col.push-m11 {
    left: 91.6666666667%; }
    .row .col.offset-m12 {
    margin-left: 100%; }
    .row .col.pull-m12 {
    right: 100%; }
    .row .col.push-m12 {
    left: 100%; } }

@media only screen and (min-width: 48em) {
    /* < 768px */
    /* Grid - Medium Large */
    .row .col.ml1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml3 {
        width: 25%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml6 {
        width: 50%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml9 {
        width: 75%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.ml12 {
        width: 100%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.offset-ml1 {
    margin-left: 8.3333333333%; }
    .row .col.pull-ml1 {
    right: 8.3333333333%; }
    .row .col.push-ml1 {
    left: 8.3333333333%; }
    .row .col.offset-ml2 {
    margin-left: 16.6666666667%; }
    .row .col.pull-ml2 {
    right: 16.6666666667%; }
    .row .col.push-ml2 {
    left: 16.6666666667%; }
    .row .col.offset-ml3 {
    margin-left: 25%; }
    .row .col.pull-ml3 {
    right: 25%; }
    .row .col.push-ml3 {
    left: 25%; }
    .row .col.offset-ml4 {
    margin-left: 33.3333333333%; }
    .row .col.pull-ml4 {
    right: 33.3333333333%; }
    .row .col.push-ml4 {
    left: 33.3333333333%; }
    .row .col.offset-ml5 {
    margin-left: 41.6666666667%; }
    .row .col.pull-ml5 {
    right: 41.6666666667%; }
    .row .col.push-ml5 {
    left: 41.6666666667%; }
    .row .col.offset-ml6 {
    margin-left: 50%; }
    .row .col.pull-ml6 {
    right: 50%; }
    .row .col.push-ml6 {
    left: 50%; }
    .row .col.offset-ml7 {
    margin-left: 58.3333333333%; }
    .row .col.pull-ml7 {
    right: 58.3333333333%; }
    .row .col.push-ml7 {
    left: 58.3333333333%; }
    .row .col.offset-ml8 {
    margin-left: 66.6666666667%; }
    .row .col.pull-ml8 {
    right: 66.6666666667%; }
    .row .col.push-ml8 {
    left: 66.6666666667%; }
    .row .col.offset-ml9 {
    margin-left: 75%; }
    .row .col.pull-ml9 {
    right: 75%; }
    .row .col.push-ml9 {
    left: 75%; }
    .row .col.offset-ml10 {
    margin-left: 83.3333333333%; }
    .row .col.pull-ml10 {
    right: 83.3333333333%; }
    .row .col.push-ml10 {
    left: 83.3333333333%; }
    .row .col.offset-ml11 {
    margin-left: 91.6666666667%; }
    .row .col.pull-ml11 {
    right: 91.6666666667%; }
    .row .col.push-ml11 {
    left: 91.6666666667%; }
    .row .col.offset-ml12 {
    margin-left: 100%; }
    .row .col.pull-ml12 {
    right: 100%; }
    .row .col.push-ml12 {
    left: 100%; } }

@media only screen and (min-width: 64em) {
    /* < 1024px */
    /* Grid - Large */
    .row .col.l1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
    right: auto; }
    .row .col.offset-l1 {
    margin-left: 8.3333333333%; }
    .row .col.pull-l1 {
    right: 8.3333333333%; }
    .row .col.push-l1 {
    left: 8.3333333333%; }
    .row .col.offset-l2 {
    margin-left: 16.6666666667%; }
    .row .col.pull-l2 {
    right: 16.6666666667%; }
    .row .col.push-l2 {
    left: 16.6666666667%; }
    .row .col.offset-l3 {
    margin-left: 25%; }
    .row .col.pull-l3 {
    right: 25%; }
    .row .col.push-l3 {
    left: 25%; }
    .row .col.offset-l4 {
    margin-left: 33.3333333333%; }
    .row .col.pull-l4 {
    right: 33.3333333333%; }
    .row .col.push-l4 {
    left: 33.3333333333%; }
    .row .col.offset-l5 {
    margin-left: 41.6666666667%; }
    .row .col.pull-l5 {
    right: 41.6666666667%; }
    .row .col.push-l5 {
    left: 41.6666666667%; }
    .row .col.offset-l6 {
    margin-left: 50%; }
    .row .col.pull-l6 {
    right: 50%; }
    .row .col.push-l6 {
    left: 50%; }
    .row .col.offset-l7 {
    margin-left: 58.3333333333%; }
    .row .col.pull-l7 {
    right: 58.3333333333%; }
    .row .col.push-l7 {
    left: 58.3333333333%; }
    .row .col.offset-l8 {
    margin-left: 66.6666666667%; }
    .row .col.pull-l8 {
    right: 66.6666666667%; }
    .row .col.push-l8 {
    left: 66.6666666667%; }
    .row .col.offset-l9 {
    margin-left: 75%; }
    .row .col.pull-l9 {
    right: 75%; }
    .row .col.push-l9 {
    left: 75%; }
    .row .col.offset-l10 {
    margin-left: 83.3333333333%; }
    .row .col.pull-l10 {
    right: 83.3333333333%; }
    .row .col.push-l10 {
    left: 83.3333333333%; }
    .row .col.offset-l11 {
    margin-left: 91.6666666667%; }
    .row .col.pull-l11 {
    right: 91.6666666667%; }
    .row .col.push-l11 {
    left: 91.6666666667%; }
    .row .col.offset-l12 {
    margin-left: 100%; }
    .row .col.pull-l12 {
    right: 100%; }
    .row .col.push-l12 {
    left: 100%; } }

@media (min-width: 480px) {
    .row .m6:nth-of-type(2n+3) {
    clear: both; } }

@media (min-width: 768px) {
    .row .m6:nth-of-type(2n+3) {
    clear: none; }
    .row .ml4:nth-of-type(3n+4) {
    clear: both; }
    .row .ml3:nth-of-type(4n+5) {
    clear: both; } }

@media (min-width: 1024px) {
    .row .ml4:nth-of-type(3n+4) {
    clear: none; }
    .row .l4:nth-of-type(3n+4) {
    clear: both; }
    .row .l3:nth-of-type(4n+5) {
    clear: both; } }

/* ==========================================================================
   #LAYOUT
   ========================================================================== */
/* Widgets */
.o-widget {
  margin-top: 1.3em; }

    .o-widget h2, .o-widget h3 {
  margin: 0; }

    .o-widget .o-widget-content {
        min-height: 100px;
        padding: 1em;
        background: #eee;
  position: relative; }

        .o-widget .o-widget-content:after {
            content: '' !important;
            display: block !important;
  clear: both !important; }

.o-half-col {
    width: 50%;
    overflow: hidden;
  float: left; }

.o-quarter-col {
    float: left;
    width: 25%;
  overflow: hidden; }

.o-sidebar {
    margin-top: 2.5rem;
    width: 100%;
  margin-bottom: 50px; }

@media (min-width: 768px) {
    .o-sidebar {
        margin-bottom: 0;
        margin-top: 0;
        float: left;
    width: 30%; } }

@media (min-width: 1024px) {
    .o-sidebar {
    width: 25%; } }

@media (min-width: 768px) {
    .o-sidebar.o-sidebar--right {
    float: right; } }

.o-has-sidebar {
  width: 100%; }

@media (min-width: 768px) {
    .o-has-sidebar {
        float: right;
        width: 70%;
    padding-left: 50px; } }

@media (min-width: 1024px) {
    .o-has-sidebar {
    width: 75%; } }

@media (min-width: 768px) {
    .o-has-sidebar.o-has-sidebar--right {
        float: left;
        padding-left: 0;
    padding-right: 50px; } }

/* ==========================================================================
   #LIST-BARE
   ========================================================================== */
/**
 * Strip list-like appearance from lists by removing their bullets, and any
 * indentation.
 */
.o-list-bare {
    list-style: none;
  margin-left: 0; }

/* ==========================================================================
   #LIST-INLINE
   ========================================================================== */
/**
 * The list-inline object simply displays a list of items in one line.
 */
.o-list-inline {
    list-style: none;
  margin-left: 0; }

.o-list-inline__item {
  display: inline-block; }

/* ==========================================================================
   #MEDIA
   ========================================================================== */
/**
 * Place any image- and text-like content side-by-side, as per:
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.o-media {
  display: block; }

    .o-media:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.o-media__img > img {
    display: block;
    width: 100%;
    height: auto;
  margin-bottom: 1em; }

@media (min-width: 768px) {
    .o-media__img {
        float: left;
    margin-right: 1rem; } }

.o-media__body {
    display: block;
  overflow: hidden; }

    .o-media__body,
    .o-media__body > :last-child {
  margin-bottom: 0; }

/* Reversed media objects
   ========================================================================== */
.o-media--reverse > .o-media__img {
    float: right;
    margin-left: 1rem;
  margin-right: 0; }

/* Gutterless media objects
   ========================================================================== */
.o-media--flush > .o-media__img {
    margin-left: 0;
  margin-right: 0; }

/* ==========================================================================
   #TABLE
   ========================================================================== */
/**
 * A simple object for manipulating the structure of HTML `table`s.
 */
.o-table {
  width: 100%; }

/* Equal-width table cells.
   ========================================================================== */
/**
 * `table-layout: fixed` forces all cells within a table to occupy the same
 * width as each other. This also has performance benefits: because the browser
 * does not need to (re)calculate cell dimensions based on content it discovers,
 * the table can be rendered very quickly. Further reading:
 * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
 */
.o-table--fixed {
  table-layout: fixed; }

/* ==========================================================================
   #WRAPPER
   ========================================================================== */
/**
 * Page-level constraining and wrapping elements.
 */
.o-wrapper {
    margin-right: auto;
    margin-left: auto;
  width: 100%; }

    .o-wrapper:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.o-wrapper--hero {
    background-position: center center;
    background-size: cover;
  background-repeat: no-repeat; }

.o-container {
    max-width: 80em;
    margin: auto;
  padding: 0 25px 0 25px; }

    .o-container:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.o-narrow {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  padding: 50px 25px; }

    .o-narrow p:last-of-type {
  margin-bottom: 0; }

/* ==========================================================================
   #ACCORDION
   ========================================================================== */
.c-accordion {
    opacity: 0;
  overflow: hidden; }

    .c-accordion.ui-accordion {
  opacity: 1; }

    .c-accordion .c-accordion__block,
    .ui-accordion .c-accordion__block {
        border-bottom: 16px solid #eee;
  background: #fff; }

        .c-accordion .c-accordion__block:after,
        .ui-accordion .c-accordion__block:after {
            content: '' !important;
            display: block !important;
  clear: both !important; }

        .c-accordion .c-accordion__block:last-child,
        .ui-accordion .c-accordion__block:last-child {
  border-bottom: none; }

    .c-accordion h3.ui-accordion-header,
    .ui-accordion h3.ui-accordion-header {
        position: relative;
        cursor: pointer;
        outline: none;
        padding: 0px 60px 10px 28px;
  margin: 12px 0 0 0; }

        .c-accordion h3.ui-accordion-header:after,
        .ui-accordion h3.ui-accordion-header:after {
            font-family: 'icomoon';
            content: "";
            color: #999;
            position: absolute;
            top: -1px;
            left: 0px;
  font-size: 22px; }

        .c-accordion h3.ui-accordion-header.ui-accordion-header-active:after,
        .ui-accordion h3.ui-accordion-header.ui-accordion-header-active:after {
            transform: rotate(-90deg);
  color: #00AEEF; }

    .c-accordion .ui-accordion-content,
    .ui-accordion .ui-accordion-content {
  padding: 0 0 30px 0; }

        .c-accordion .ui-accordion-content p:last-child,
        .ui-accordion .ui-accordion-content p:last-child {
  margin-bottom: 0; }

.tsi-accordion h3.ui-accordion-header {
    font-size: 1em;
}

    .tsi-accordion h3.ui-accordion-header:after {
        transform: rotate(-90deg);
        top: -6px;
    }

    .tsi-accordion h3.ui-accordion-header.ui-accordion-header-active:after {
        transform: none;
    }


.tsi_accordion_header {
    cursor: pointer;
    font-family: 'icomoon';
    color: #000000;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding-left: 5px;
    width: 99%;
}

    .tsi_accordion_header:before {
        /*font-family: 'icons';*/
        content: "\002B";
        float: right;
        padding-right: 5px;
        font-weight: bold;
    }

.tsi_accordion_header_selected {
    cursor: pointer;
    font-family: 'icomoon';
    background-color: #00AEEF;
    color: #ffffff;
    padding-left: 5px;
    width: 99%;
    
}

    .tsi_accordion_header_selected:before {
        /*font-family: 'icons';*/
        content: "\002D";
        float: right;
        padding-right: 7px;
        font-weight: bold;
    }

.tsi_accordion_content {
    color: #000000;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 10px;
    font-size: .85em;
    width: 99%;
}


.c-article-row {
    clear: both;
  margin-bottom: 40px; }

    .c-article-row .col:nth-of-type(3) {
  margin-bottom: 0; }

@media (min-width: 768px) {
    .c-article-row .col {
    margin-bottom: 0; } }

.c-article-image {
    clear: both;
    width: 100%;
  position: relative; }

.c-article-image-title {
    width: auto;
    padding: 0 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background-color: #00AEEF;
    position: absolute;
    bottom: 0;
  z-index: 3; }

    .c-article-image-title .h4 {
  font-weight: normal; }

.c-article-content {
    list-style-type: none;
  margin: 1.5rem 0 0 0; }

    .c-article-content h3 {
  margin-bottom: 14px; }

    .c-article-content span {
        display: block;
  color: #999; }

    .c-article-content p {
        display: block;
        margin: 0 auto;
        font-size: 1em;
        line-height: 1.4em;
        overflow: hidden;
  text-overflow: ellipsis; }

    .c-article-content a {
  text-decoration: none; }

    .c-article-content .c-btn {
  margin-top: 30px; }

/* ==========================================================================
   #SCROLL TO TOP BUTTON
   ========================================================================== */
#c-back-to-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 1.45em;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0;
  font-size: 2.6em; }

    #c-back-to-top:hover {
  background: #EC038A; }

    #c-back-to-top.show {
  opacity: 1; }

/* ==========================================================================
   #BREADCRUMBS
   ========================================================================== */
.c-breadcrumb {
    border-top: 1px solid #ddd;
  padding: 20px 0 0 0; }

    .c-breadcrumb ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
  float: left; }

        .c-breadcrumb ul li {
            display: inline-block;
            padding: 0 30px 0 0;
  position: relative; }

            .c-breadcrumb ul li a {
                color: #888;
  text-decoration: none; }

            .c-breadcrumb ul li::after {
                content: "\e901";
                font-family: 'icomoon' !important;
                position: absolute;
                right: 0;
                top: 0;
                speak: none;
                font-style: normal;
                padding: 0 5px;
  color: #888; }

            .c-breadcrumb ul li:last-child {
  padding: 0; }

                .c-breadcrumb ul li:last-child::after {
  display: none; }

    .c-breadcrumb .c-toolbar {
        float: right;
        border-top: none;
        width: auto;
        display: block;
        margin: 0;
        padding: 0;
  display: none; }

/* 6.13.2019 - commented out to preserve original (DAL) */
/*@media (min-width: 768px) {
  .c-breadcrumb .c-toolbar {
    display: block; } }*/

/* 6.13.2019 - set to 320 to show the share and print icons on mobile layouts */
@media (min-width: 320px) {
    .c-breadcrumb .c-toolbar {
        display: block;
    }
}

.c-breadcrumb .c-toolbar .moon-share, .c-breadcrumb .c-toolbar .moon-printer {
    margin-left: 6px;
    margin-top: 2px;
  font-size: 16px; }

.c-breadcrumb .c-toolbar .moon-share {
  font-size: 14px; }

.c-print, .c-share {
  cursor: pointer; }

    .c-print:hover, .c-share:hover {
  color: #EC038A; }

.c-breadcrumb .c-toolbar li::after {
  display: none; }

.c-share {
  position: relative; }

    .c-share.active {
  display: block; }

    .c-share ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 39px;
        left: 10px;
        margin: 0 auto;
        background: #00afef;
        width: 50px;
        padding: 15px 0 10px 0;
        text-align: center;
        transition: all 0.3s ease-in-out;
        transform: translateY(-10px);
  z-index: 11; }

        .c-share ul.active {
            visibility: visible;
            opacity: 1;
  transform: translateY(0px); }

        .c-share ul::after {
            content: "";
            position: absolute;
            top: -7px;
            left: 15px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00afef transparent; }

        .c-share ul li {
            text-align: center;
            padding: 0;
            width: 100%;
            display: block;
  margin-bottom: 3px; }

            .c-share ul li a {
  color: #fff; }

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
.c-btn,
.c-btn__secondary,
.btn {
    font-family: "brandon-grotesque", "Arial", sans-serif;
    display: inline-block;
    /* [1] */
    text-transform: uppercase;
    text-align: center;
    /* [4] */
    margin: 0;
    /* [4] */
    cursor: pointer;
    /* [5] */
    transition: all 180ms ease-in-out;
    border: 0;
    text-decoration: none;
    background-color: #EC038A;
    color: #fff;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
  overflow: hidden; }

/* Secondary */
.c-btn__secondary {
    background: #999;
  color: #fff; }

    .c-btn__secondary:hover {
        color: #fff;
  background-color: #00AEEF; }

/* Style variants
   ========================================================================== */
.c-btn__primary,
.btn-primary {
  background-color: #00AEEF; }

    .c-btn__primary:hover, .c-btn__primary:active, .c-btn__primary:focus,
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus {
        text-decoration: none;
        /* [4] */
  color: #fff; }

    .c-btn__primary:hover, .c-btn__primary:focus,
    .btn-primary:hover,
    .btn-primary:focus {
  background-color: #00AEEF; }

.c-btn__primary--pink {
    color: #fff;
  background-color: #EC038A; }

    .c-btn__primary--pink:hover, .c-btn__primary--pink:focus {
        color: #fff;
  background-color: #EC038A; }

.c-btn__primary--grey {
    color: #fff;
  background-color: #46484A; }

    .c-btn__primary--grey:hover, .c-btn__primary--grey:focus {
        color: #fff;
  background-color: #46484A; }

.c-btn__primary--outline {
    background: none;
    color: #00AEEF;
    border: 1px solid #00AEEF;
  line-height: 43px; }

    .c-btn__primary--outline:hover, .c-btn__primary--outline:focus {
        color: #fff;
        border: 1px solid #00AEEF;
  background-color: #00AEEF; }

.c-btn__secondary--outline {
    background: none;
    color: #EC038A;
    border: 1px solid #EC038A;
  line-height: 43px; }

    .c-btn__secondary--outline:hover, .c-btn__secondary--outline:focus {
        color: #fff;
        border: 1px solid #EC038A;
  background-color: #EC038A; }

.c-btn__simple {
    background: none;
    color: #EC038A;
    border: 1px solid #00AEEF;
    border: 0;
    padding: 0 25px 0 0;
    height: auto;
    transition: none;
    position: relative;
  line-height: 1em; }

    .c-btn__simple::after {
        position: absolute;
        content: "";
        font-family: 'icomoon' !important;
        speak: none;
        font-size: 18px;
  right: 0; }

    .c-btn__simple:hover, .c-btn__simple:focus {
  text-decoration: underline; }

.c-btn__banner {
    font-size: 1.2em;
    position: relative;
    height: 50px;
    line-height: 50px;
  padding-right: 40px; }

    .c-btn__banner:hover, .c-btn__banner:focus {
        color: #fff;
  background-color: #00AEEF; }

    .c-btn__banner::after {
        position: absolute;
        right: 10px;
        font-size: 24px;
        content: "";
        font-family: 'icomoon' !important;
        speak: none;
  line-height: 48px; }

.c-btn_cart_blue {
    font-family: "brandon-grotesque", "Arial", sans-serif;
    position: inherit;
    display: block;
    height: 30px;
    width: max-content;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: #00AEEF;
    border: 0;
    padding: 0 2px;
    margin: 2px;
    text-decoration: none;
}


    .c-btn_cart_blue:hover {
        color: #ffffff;
        background-color: #00AEEF;
    }

.c-btn_cart_pink {
    font-family: "brandon-grotesque", "Arial", sans-serif;
    position: inherit;
    display: block;
    height: 30px;
    width: max-content;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: #EC038A;
    border: 0;
    padding: 0 2px;
    margin: 2px;
    text-decoration: none;
}

    .c-btn_cart_pink:hover {
        color: #ffffff;
        background-color: #EC038A;
    }

/* Size variants
   ========================================================================== */
.c-btn--small {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
  font-size: 0.875rem; }

.c-btn--large {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
  font-size: 1.2em; }

.c-btn__primary--wide {
  width: 100%; }

/* Colours */
.c-btn.blue {
    background-color: #fff;
    color: #00AEEF;
  border-color: #00AEEF; }

    .c-btn.blue:hover {
        background-color: #00AEEF;
  color: #fff; }

.c-btn.pink {
    background-color: #fff;
    color: #EC038A;
  border-color: #EC038A; }

    .c-btn.pink:hover {
        background-color: #EC038A;
  color: #fff; }

.c-btn.orange {
    background-color: #fff;
    color: #F48123;
  border-color: #F48123; }

    .c-btn.orange:hover {
        background-color: #F48123;
  color: #fff; }

.c-btn.green {
    background-color: #fff;
    color: #4FB74A;
  border-color: #4FB74A; }

    .c-btn.green:hover {
        background-color: #4FB74A;
  color: #fff; }

/* ==========================================================================
   #SCROLL TO TOP BUTTON
   ========================================================================== */
.c-chat-feature {
    position: fixed;
    bottom: 0px;
    right: 54px;
    z-index: 9999;
    width: auto;
    height: 50px;
    text-align: center;
    line-height: 2.8em;
    background: #00AEEF;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 1.2em;
  padding: 0 16px; }

    .c-chat-feature span {
        margin-right: 10px;
  position: relative; }

    .c-chat-feature:hover {
        background: #EC038A;
        height: 60px;
  color: #fff; }

/* ==========================================================================
   #COL ICONS
   ========================================================================== */
.c-col-icons {
  padding: 60px 0; }

    .c-col-icons .col {
  margin-bottom: 3rem; }

        .c-col-icons .col:last-of-type {
  margin-bottom: 0; }

@media (min-width: 1024px) {
    .c-col-icons .col {
    margin-bottom: 0; } }

.c-col-icons .c-col-icon {
    height: 120px;
    width: auto;
  margin-bottom: 1.5em; }

/* ==========================================================================
   #COOKIES
   ========================================================================== */
.CookieConsent {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #ccc;
  padding: 15px 0; }

    .CookieConsent .ConsentTitle {
        font-size: 1.3rem;
        line-height: 1.2;
  margin-bottom: 10px; }

    .CookieConsent .ConsentTextWrapper .ConsentText {
        font-size: 13px;
        line-height: 1.4 !important;
  display: inline-block; }

    .CookieConsent .ConsentButtons {
  margin-top: 15px; }

@media (min-width: 480px) {
    .CookieConsent {
    border-bottom: 0px; } }

@media (min-width: 1024px) {
    .CookieConsent {
    padding: 0; }
        .CookieConsent .ConsentTitle {
            width: 20%;
            display: block;
            float: left;
            padding: 20px;
    padding-left: 0; }
        .CookieConsent .ConsentTextWrapper {
            width: 60%;
            display: block;
            float: left;
    padding: 20px; }
        .CookieConsent .ConsentButtons {
            width: 20%;
            display: block;
            float: left;
            padding: 20px;
    padding-right: 0; }
        .CookieConsent .ConsentButtons {
    margin-top: 5px; }
    .ConsentButtons input {
    float: right; } }

/* ==========================================================================
   #DASHBOARD
   ========================================================================== */
.c-dash-icons .o-container {
  position: relative; }

.c-dash-icons a {
  text-decoration: none; }

.c-dash-icons__box {
    background: #fff;
    padding-bottom: 100%;
    transition: all 0.2s ease-in-out;
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 2em;
  border: 1px solid #ccc; }

    .c-dash-icons__box:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        width: 100%;
        width: 5px;
        height: 100%;
        margin-top: auto;
        margin-bottom: auto;
        background: #EC038A;
        opacity: 0;
  transition: all 0.3s ease-in-out; }

    .c-dash-icons__box:hover {
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.1); }

        .c-dash-icons__box:hover:after {
  opacity: 1; }

.c-dash-icons__middle {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  padding: 0 20px; }

    .c-dash-icons__middle img {
        height: 110px;
  width: auto; }

.c-dash-icons__title {
  margin-top: 20px; }

    .c-dash-icons__title h4 {
        margin-bottom: 0;
  color: #333; }

.c-dash-logout {
    position: absolute;
    top: 12px;
    right: 22px;
    font-size: 1.2em;
    font-family: "brandon-grotesque", "Arial", sans-serif;
  text-transform: capitalize; }

/* ==========================================================================
   #DISCONTINUED PRODUCTS
   ========================================================================== */
.c-product-anchors {
    margin: 2rem 0 0 0;
    padding: 0;
  width: 100%; }

    .c-product-anchors:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-product-anchors li {
        display: block;
        float: left;
        border: 1px solid #ccc;
        margin-left: -1px;
        margin-top: -1px;
        width: 30px;
        height: 30px;
  text-align: center; }

        .c-product-anchors li:last-of-type {
  border-right: 1px solid #ccc; }

        .c-product-anchors li a {
            display: block;
            width: 100%;
            height: 30px;
            line-height: 28px;
  text-decoration: none; }

.c-discontinued:after {
    content: '' !important;
    display: block !important;
  clear: both !important; }

.c-discontinued ul {
    margin: 0 0 0 0;
  padding: 2rem 0 0 0; }

    .c-discontinued ul h3 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.5rem;
  color: #00AEEF; }

    .c-discontinued ul li {
        list-style-type: none;
  margin-bottom: 5px; }

.c-discover-main {
    width: 100%;
    position: relative;
    margin-bottom: 10%;
    overflow: hidden;
    transition: all 180ms ease-in-out;
    border: 1px solid #eee;
  border-top: 0; }

@media (min-width: 480px) {
    .c-discover-main {
    margin-bottom: 5%; } }

@media (min-width: 1024px) {
    .c-discover-main {
    margin-bottom: 0; } }

.c-discover-main .c-discover-main__image img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in-out;
  transform: scale(1.01); }

.c-discover-main .c-discover-main__image a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
  transition: all 180ms ease-in-out; }

.c-discover-main .c-discover-main__image:hover a::after {
  opacity: 1; }

.c-discover-main .c-discover-main__content {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: 0;
  background: #fff; }

    .c-discover-main .c-discover-main__content p {
        margin: 0;
  display: none; }

@media (min-width: 480px) {
    .c-discover-main .c-discover-main__content p {
    display: block; } }

.c-discover-main .c-discover-main__content h3,
.c-discover-main .c-discover-main__content h4 {
  margin: 0; }

@media (min-width: 480px) {
    .c-discover-main .c-discover-main__content h3,
    .c-discover-main .c-discover-main__content h4 {
    margin: 0 0 10px 0; } }

.c-discover-main .c-discover-main__content span {
    margin-bottom: 10px;
  display: block; }

.c-discover-main .c-discover-main__content a {
    position: relative;
    text-decoration: none;
    display: block;
  padding: 20px; }

    .c-discover-main .c-discover-main__content a:hover {
  color: #333; }

@media (min-width: 1024px) {
    .c-discover-main .c-discover-main__content a {
    padding: 30px; } }

.c-discover-main:hover {
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.1); }

    .c-discover-main:hover img {
  transform: scale(1.1); }

.c-label {
    position: absolute;
    top: -40px;
    left: 0;
    background: #00AEEF;
    height: 40px;
    line-height: 42px;
    padding: 0 30px;
  color: #fff; }

.c-discover-main .c-label {
  padding: 0 20px; }

@media (min-width: 1024px) {
    .c-discover-main .c-label {
    padding: 0 30px; } }

.c-document-list-item {
    padding: 30px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 2rem;
    position: relative;
  transition: all 180ms ease-in-out; }

    .c-document-list-item:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 768px) {
    .c-document-list-item {
    padding: 30px 30px 30px 100px; } }

.c-document-list-item:hover {
    background: #eee;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); }

.c-document-list-item span {
  display: none; }

@media (min-width: 768px) {
    .c-document-list-item span {
        display: block;
        position: absolute;
        left: 25px;
    font-size: 3rem; } }

.c-document-list-item h3 {
  margin-bottom: 1rem; }

    .c-document-list-item h3 a {
  text-decoration: none; }

.c-document-list-item p:last-of-type {
  margin: 0; }

/* ==========================================================================
   #DROP TABLE
   ========================================================================== */
/* Orders */
.c-droptable-header {
    height: 50px;
    width: 100%;
    padding-right: 50px;
    background: #eee;
    margin-bottom: 20px;
    position: relative;
  display: none; }

    .c-droptable-header:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 480px) {
    .c-droptable-header {
    display: block; } }

.c-droptable-header table {
    height: 50px;
    width: 100%;
  table-layout: fixed; }

    .c-droptable-header table tr td {
        width: 25%;
        border: 0;
  padding: 0px 20px; }

        .c-droptable-header table tr td:nth-of-type(3) {
  display: none; }

@media (min-width: 480px) {
    .c-droptable-header table tr td:nth-of-type(3) {
    display: table-cell; } }

.c-droptable-header table tr td:nth-of-type(4) {
  display: none; }

@media (min-width: 1024px) {
    .c-droptable-header table tr td:nth-of-type(4) {
    display: table-cell; } }

.items-5 td {
  width: 20%; }

    .items-5 td.customer-number {
  width: 30% !important; }

@media (min-width: 768px) {
    .items-5 td.customer-number {
    width: 20% !important; } }

.items-5 td.company-name {
  width: 70% !important; }

@media (min-width: 768px) {
    .items-5 td.company-name {
    width: 35% !important; } }

.c-droptable-wrapper {
  margin-bottom: 30px; }

.c-droptable {
    min-height: 50px;
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
  margin-bottom: 20px; }

    .c-droptable:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-droptable.active {
        border-top: 0;
  border-left: 0; }

        .c-droptable.active .c-droptable--line table tr td:first-child:hover {
  color: #fff; }

    .c-droptable .c-droptable--line {
        width: 100%;
  padding-right: 50px; }

        .c-droptable .c-droptable--line table {
            position: relative;
            height: 50px;
  table-layout: fixed; }

@media (min-width: 480px) {
    .c-droptable .c-droptable--line table {
    height: 50px; } }

.c-droptable .c-droptable--line table tr td {
    width: 25%;
    border: 0;
    color: #333;
    background: none;
  padding: 0px 20px; }

    .c-droptable .c-droptable--line table tr td.tooltip {
        white-space: nowrap;
        overflow: hidden;
  text-overflow: ellipsis; }

    .c-droptable .c-droptable--line table tr td:first-of-type {
  cursor: pointer; }

        .c-droptable .c-droptable--line table tr td:first-of-type:hover {
  color: #00AEEF; }

    .c-droptable .c-droptable--line table tr td:nth-of-type(3) {
  display: none; }

@media (min-width: 480px) {
    .c-droptable .c-droptable--line table tr td:nth-of-type(3) {
    display: table-cell; } }

.c-droptable .c-droptable--line table tr td:nth-of-type(4) {
  display: none; }

@media (min-width: 1024px) {
    .c-droptable .c-droptable--line table tr td:nth-of-type(4) {
    display: table-cell; } }

.c-droptable .c-droptable--actions__drop {
    position: absolute;
    top: 0;
    right: 1px;
    width: 50px;
    height: 50px;
    display: block;
    border-left: 1px solid #ccc;
  cursor: pointer; }

    .c-droptable .c-droptable--actions__drop span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
  font-size: 26px; }

        .c-droptable .c-droptable--actions__drop span:hover {
  color: #00AEEF; }

.c-droptable::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    width: 0px;
  background: #00AEEF; }

.c-droptable.active .c-droptable--line td {
  color: #fff; }

.c-droptable.active .c-droptable--actions__drop {
    border-top: 1px solid #ccc;
    border-left: 0;
  right: 0px; }

    .c-droptable.active .c-droptable--actions__drop span {
        transform: rotate(180deg);
  background: #f5f5f5; }

.c-droptable.active::after {
  width: 4px; }

.c-droptable .c-droptable-content {
    display: none;
    width: 100%;
    padding: 20px 20px 0px 20px;
  background: #f5f5f5; }

    .c-droptable .c-droptable-content:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-droptable .c-droptable-content table {
        width: 100%;
        border: 0;
        background: #fff;
  min-width: 600px; }

        .c-droptable .c-droptable-content table td {
            padding: 10px 10px 10px 20px;
            font-size: 14px;
            border: 1px solid #ccc;
  background: none; }

    .c-droptable .c-droptable-content ul.c-droptable-tracker {
        width: 100%;
        margin: 0;
  padding: 30px 30px 15px 40px; }

        .c-droptable .c-droptable-content ul.c-droptable-tracker li {
            list-style-type: none;
            min-height: 40px;
            position: relative;
            border-left: 1px solid #ccc;
            padding-left: 25px;
            line-height: 1.2rem;
            padding-bottom: 1rem;
  font-size: 1rem; }

            .c-droptable .c-droptable-content ul.c-droptable-tracker li span {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: -11px;
                border: 1px solid #ccc;
                width: 21px;
                height: 21px;
                text-align: center;
                line-height: 20px;
                font-size: 14px;
                border-radius: 50%;
                background: #fff;
  z-index: 9; }

            .c-droptable .c-droptable-content ul.c-droptable-tracker li:last-child {
  border-left: 0; }

            .c-droptable .c-droptable-content ul.c-droptable-tracker li.completed {
  font-weight: 600; }

                .c-droptable .c-droptable-content ul.c-droptable-tracker li.completed span {
                    background: #00AEEF;
                    border: #00AEEF;
                    color: #fff;
  font-weight: normal; }

.c-droptable .c-droptable-items {
    margin-top: 20px;
  margin-bottom: 30px; }

    .c-droptable .c-droptable-items th {
        padding: 10px 20px;
        border: 0;
        background: #999;
  color: #fff; }

    .c-droptable .c-droptable-items tr:nth-child(2) td {
  border-top: 0; }

    .c-droptable .c-droptable-items td a {
  text-decoration: none; }

        .c-droptable .c-droptable-items td a span {
  font-size: 16px; }

.c-droptable.active .c-droptable-content {
  display: block; }

.c-droptable.active .c-droptable--line {
    background: #00AEEF;
  color: #fff; }

    .c-droptable.active .c-droptable--line .c-droptable--actions__drop {
        color: #00AEEF;
  border-left: 1px solid #00AEEF; }

.c-droptable-notes {
    border-top: 1px solid #ccc;
    margin-top: 20px;
  margin-bottom: 20px; }

.view-deliveries {
    text-decoration: underline;
  cursor: pointer; }

    .view-deliveries:hover {
  color: #00AEEF; }

.c-delivery {
  margin-top: 20px; }

    .c-delivery th {
        padding: 10px 20px;
        border: 0;
        background: #999;
  color: #fff; }

    .c-delivery tr:nth-child(2) td {
  border-top: 0; }

    .c-delivery .c-delivery--track a {
  text-decoration: none; }

    .c-delivery span {
        text-align: center;
  padding-left: 10px; }

.c-info-row {
    clear: both;
  padding: 70px 0; }

    .c-info-row .col {
  margin-bottom: 40px; }

        .c-info-row .col:nth-of-type(3) {
  margin-bottom: 0; }

@media (min-width: 768px) {
    .c-info-row .col {
    margin-bottom: 0; } }

.c-info-image {
    clear: both;
    width: 100%;
  position: relative; }

.c-info-image-title {
    width: auto;
    padding: 10px 25px;
    color: #fff;
    height: auto;
    background-color: #4FB74A;
    position: absolute;
    bottom: 0;
  z-index: 3; }

    .c-info-image-title span.h4 {
  font-weight: 400; }

.c-info-col > ul {
    list-style-type: none;
    margin: 0;
    border: 1px solid #ddd;
    border-top: 0;
  border-bottom: 0; }

    .c-info-col > ul a {
        padding: 12px 25px;
        display: block;
        color: #444;
        text-decoration: none;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        position: relative;
  transition: all 180ms ease-in-out; }

        .c-info-col > ul a::after {
            content: "\e901";
            position: absolute;
            top: 7px;
            right: 20px;
            font-family: 'icomoon' !important;
            speak: none;
            font-size: 24px;
            color: #333;
            opacity: 0;
  transition: all 180ms ease-in-out; }

        .c-info-col > ul a:hover {
  background: #eee; }

            .c-info-col > ul a:hover::after {
  opacity: 1; }

/* ==========================================================================
   #FANCYBOX
   ========================================================================== */
.fancybox-enabled {
  overflow: hidden; }

    .fancybox-enabled body {
        overflow: visible;
  height: 100%; }

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
  visibility: hidden; }

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
  transform: translateZ(0); }

    /* Make sure that the first one is on the top */
    .fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  left: 0; }

.fancybox-outer {
    overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
    visibility: visible;
  transition: opacity 0.25s, visibility 0s; }

.fancybox-infobar {
    top: 0;
    left: 50%;
  margin-left: -79px; }

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, 0.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-toolbar {
    top: 0;
  right: 0; }

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

    .fancybox-slide::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

    .fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
  box-sizing: border-box; }

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
  max-height: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
  background: #fff; }

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
  background: #fff; }

.fancybox-error {
    margin: 0;
    padding: 40px;
    width: 100%;
    max-width: 380px;
    background: #fff;
  cursor: default; }

    .fancybox-error p {
        margin: 0;
        padding: 0;
        color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
  cursor: pointer; }

    .fancybox-close-small:after {
        content: '×';
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #888;
        font-weight: 300;
        text-align: center;
        border-radius: 50%;
        border-width: 0;
        background: #fff;
        transition: background 0.25s;
        box-sizing: border-box;
  z-index: 2; }

    .fancybox-close-small:focus {
  outline: 0; }

    .fancybox-close-small:hover:after {
        color: #555;
  background: #eee; }

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
  right: -44px; }

    .fancybox-slide--iframe .fancybox-close-small:after {
        background: transparent;
        font-size: 35px;
  color: #aaa; }

    .fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff; }

/* Caption */
.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0 30px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 20px;
  -webkit-text-size-adjust: none; }

    .fancybox-caption a,
    .fancybox-caption button,
    .fancybox-caption select {
  pointer-events: all; }

    .fancybox-caption a {
        color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
  outline: none; }

    .fancybox-button[disabled] {
        cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

    .fancybox-button:hover:not([disabled]) {
        color: #fff;
  background: rgba(0, 0, 0, 0.8); }

    .fancybox-button::before,
    .fancybox-button::after {
        content: '';
        pointer-events: none;
        position: absolute;
        background-color: currentColor;
        color: currentColor;
        opacity: 0.9;
        box-sizing: border-box;
  display: inline-block; }

    .fancybox-button[disabled]::before,
    .fancybox-button[disabled]::after {
  opacity: 0.3; }

.fancybox-button--left::after,
.fancybox-button--right::after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: solid 2px currentColor;
  border-right: solid 2px currentColor; }

.fancybox-button--left::after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close::before, .fancybox-button--close::after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Navigation arrows */
.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  transition: opacity 0.25s; }

    .fancybox-arrow::after {
        content: '';
        position: absolute;
        top: 28px;
        width: 44px;
        height: 44px;
        background-color: rgba(30, 30, 30, 0.8);
        background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
        background-repeat: no-repeat;
        background-position: center center;
  background-size: 24px 24px; }

.fancybox-arrow--right {
  right: 0; }

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

    .fancybox-arrow--right::after,
    .fancybox-arrow--left::after {
  left: 0; }

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6; }

    .fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3; }

/* Loading indicator */
.fancybox-loading {
    border: 6px solid rgba(100, 100, 100, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate 0.8s infinite linear;
    animation: fancybox-rotate 0.8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
    .fancybox-infobar {
        left: 0;
    margin-left: 0; }
    .fancybox-button--left,
    .fancybox-button--right {
    display: none !important; }
    .fancybox-caption {
        padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
  background: transparent; }

.fancybox-button--play::before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
  border-radius: 1px; }

.fancybox-button--pause::before {
    width: 7px;
    height: 11px;
    border-style: solid;
  border-width: 0 2px 0 2px; }

/* Thumbs */
.fancybox-thumbs {
  display: none; }

.fancybox-button--thumbs {
  display: none; }

@media all and (min-width: 800px) {
    .fancybox-button--thumbs {
    display: inline-block; }
        .fancybox-button--thumbs span {
    font-size: 23px; }
        .fancybox-button--thumbs::before {
            width: 3px;
            height: 3px;
            top: calc(50% - 2px);
            left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
    z-index: 99995; }
    .fancybox-show-thumbs .fancybox-thumbs {
    display: block; }
    .fancybox-show-thumbs .fancybox-inner {
    right: 220px; }
    .fancybox-thumbs > ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
    font-size: 0; }
        .fancybox-thumbs > ul > li {
            float: left;
            overflow: hidden;
            max-width: 50%;
            padding: 0;
            margin: 0;
            width: 105px;
            height: 75px;
            position: relative;
            cursor: pointer;
            outline: none;
            border: 5px solid transparent;
            border-top-width: 0;
            border-right-width: 0;
            -webkit-tap-highlight-color: transparent;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    box-sizing: border-box; }
    li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1); }
    .fancybox-thumbs > ul > li > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    user-select: none; }
    .fancybox-thumbs > ul > li:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1; } }

.c-featured-area {
    clear: both;
    width: 100%;
    padding-bottom: 70px;
  overflow: hidden; }

    .c-featured-area .row {
  margin-bottom: 0; }

        .c-featured-area .row .col {
            position: relative;
  margin-bottom: 0; }

            .c-featured-area .row .col p {
  line-height: 1.8; }

            .c-featured-area .row .col:last-of-type {
  display: none; }

@media (min-width: 768px) {
    .c-featured-area .row .col:last-of-type {
    display: block; } }

.c-featured-area h2 {
  font-size: 1.6rem; }

.c-featured-area img {
    position: absolute;
    top: -200px;
    right: -100px;
  width: 100%; }

.c-featured-area .c-btn {
  margin-top: 10px; }

.c-featured-articles .c-article-image {
    width: 50%;
    padding-bottom: 50%;
    float: left;
  position: relative; }

    .c-featured-articles .c-article-image a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
  right: 0; }

        .c-featured-articles .c-article-image a img {
            width: 100%;
  height: auto; }

.c-featured-articles .c-article-content {
    position: relative;
    width: 50%;
    padding-bottom: 50%;
    float: left;
  background: #333; }

    .c-featured-articles .c-article-content a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 50px;
        color: #fff;
  text-decoration: none; }

        .c-featured-articles .c-article-content a .c-article-content__title {
            clear: both;
            width: 100%;
            display: block;
            margin-top: 10px;
  margin-bottom: 30px; }

        .c-featured-articles .c-article-content a p {
  font-size: 1.2rem; }

        .c-featured-articles .c-article-content a::after {
            opacity: 0.2;
            content: "\e901";
            font-family: 'icomoon' !important;
            speak: none;
            position: absolute;
            bottom: 50px;
            left: 50px;
            font-size: 30px;
            width: 50px;
            height: 50px;
            text-align: center;
            border: 1px solid #fff;
  line-height: 46px; }

.c-featured-articles .o-half-col:nth-of-type(even) .c-article-content {
  background: #eee; }

    .c-featured-articles .o-half-col:nth-of-type(even) .c-article-content a {
  color: #333; }

        .c-featured-articles .o-half-col:nth-of-type(even) .c-article-content a::after {
  border: 1px solid #333; }

.c-featured-news-events {
  padding: 70px 0; }

    .c-featured-news-events .row {
  margin-bottom: 0; }

        .c-featured-news-events .row .col {
  margin-bottom: 0; }

.c-featured-main {
    width: 100%;
    position: relative;
    margin-bottom: 10%;
    overflow: hidden;
  transition: all 180ms ease-in-out; }

@media (min-width: 480px) {
    .c-featured-main {
    margin-bottom: 5%; } }

@media (min-width: 1024px) {
    .c-featured-main {
    margin-bottom: 0; } }

.c-featured-main .c-featured-main__image img {
    width: 100%;
  height: auto; }

.c-featured-main .c-featured-main__content {
    position: relative;
    background: #fff;
  height: 94px; }

@media (min-width: 480px) {
    .c-featured-main .c-featured-main__content {
    height: 200px; } }

.c-featured-main .c-featured-main__content p {
    margin: 0;
  display: none; }

@media (min-width: 480px) {
    .c-featured-main .c-featured-main__content p {
    display: block; } }

.c-featured-main .c-featured-main__content h3, .c-featured-main .c-featured-main__content h4 {
  margin: 0; }

@media (min-width: 480px) {
    .c-featured-main .c-featured-main__content h3, .c-featured-main .c-featured-main__content h4 {
    margin: 0 0 10px 0; } }

.c-featured-main .c-featured-main__content span {
    margin-bottom: 10px;
  display: block; }

.c-featured-main .c-featured-main__content a {
    position: relative;
    text-decoration: none;
    display: block;
  padding: 20px; }

    .c-featured-main .c-featured-main__content a:hover {
  color: #333; }

@media (min-width: 1024px) {
    .c-featured-main .c-featured-main__content a {
    padding: 30px; } }

.c-featured-main:hover {
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.1); }

.c-featured-secondary {
    position: relative;
    margin-bottom: 10%;
    overflow: hidden;
  transition: all 180ms ease-in-out; }

    .c-featured-secondary:nth-of-type(4) {
  margin-bottom: 0; }

@media (min-width: 480px) {
    .c-featured-secondary {
        width: 47.5%;
        position: relative;
        float: left;
        margin-right: 5%;
    margin-bottom: 0; }
        .c-featured-secondary:nth-of-type(2n) {
    margin-right: 0; }
        .c-featured-secondary:nth-of-type(-n+2) {
    margin-bottom: 5%; } }

.c-featured-secondary .c-featured-secondary__image a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
  transition: all 180ms ease-in-out; }

.c-featured-secondary .c-featured-secondary__image:hover a::after {
  opacity: 1; }

.c-featured-secondary .c-featured-secondary__image img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in-out;
  transform: scale(1.01); }

.c-featured-secondary:hover {
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.1); }

    .c-featured-secondary:hover img {
  transform: scale(1.1); }

.c-featured-secondary .c-featured-secondary__content {
    position: relative;
    background: #fff;
  height: 94px; }

    .c-featured-secondary .c-featured-secondary__content p {
  margin: 0; }

    .c-featured-secondary .c-featured-secondary__content h3, .c-featured-secondary .c-featured-secondary__content h4 {
  margin: 0; }

    .c-featured-secondary .c-featured-secondary__content span {
        margin-bottom: 5px;
  display: block; }

    .c-featured-secondary .c-featured-secondary__content a {
        position: relative;
        text-decoration: none;
        display: block;
  padding: 20px; }

        .c-featured-secondary .c-featured-secondary__content a:hover {
  color: #333; }

.c-label {
    position: absolute;
    top: -40px;
    left: 0;
    background: #00AEEF;
    height: 40px;
    line-height: 42px;
    padding: 0 30px;
  color: #fff; }

.c-featured-secondary .c-label, .c-featured-main .c-label {
  padding: 0 20px; }

@media (min-width: 1024px) {
    .c-featured-main .c-label {
    padding: 0 30px; } }

/* ==========================================================================
   #Figures
   ========================================================================== */
.c-figure {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 75%;
  position: relative; }

    .c-figure > :first-child {
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--3-4 {
        padding-bottom: 133.33333%;
  position: relative; }

        .c-figure.c-figure-ratio--3-4 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--16-9 {
        padding-bottom: 56.25%;
  position: relative; }

        .c-figure.c-figure-ratio--16-9 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--16-10 {
        padding-bottom: 62.5%;
  position: relative; }

        .c-figure.c-figure-ratio--16-10 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--9-16 {
        padding-bottom: 177.77778%;
  position: relative; }

        .c-figure.c-figure-ratio--9-16 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--13-6 {
        padding-bottom: 46.15385%;
  position: relative; }

        .c-figure.c-figure-ratio--13-6 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--11-4 {
        padding-bottom: 36.36364%;
  position: relative; }

        .c-figure.c-figure-ratio--11-4 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure.c-figure-ratio--31-10 {
        padding-bottom: 32.25806%;
  position: relative; }

        .c-figure.c-figure-ratio--31-10 > :first-child {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
  width: 100%; }

    .c-figure img.c-coverfit {
        object-fit: cover;
        object-position: 50% 50%;
        width: 100% !important;
  height: 100% !important; }

/* ==========================================================================
   #FOOTER
   ========================================================================== */
.c-footer {
    padding: 4rem 0;
  background: #eee; }

    .c-footer .row {
  margin-bottom: 0; }

    .c-footer .col {
        margin-bottom: 0;
  padding-bottom: 0; }

@media (min-width: 480px) {
    .c-footer .col {
        margin-bottom: 30px;
        padding-bottom: 30px;
    border-bottom: 1px solid #ccc; } }

@media (min-width: 768px) {
    .c-footer .col {
        margin-top: 0;
        width: auto;
        border-bottom: 0;
        margin-bottom: 0;
    padding-bottom: 0; } }

.c-footer .col.footer-nav {
  display: none; }

@media (min-width: 480px) {
    .c-footer .col.footer-nav {
    display: block; } }

.c-footer .c-logo {
    display: block;
    width: 100%;
    float: none !important;
    margin-bottom: 20px;
    margin-top: 0;
  max-width: 70px; }

.c-social-icons {
    margin-top: 30px;
    display: block;
  font-size: 1.4em; }

    .c-social-icons a {
        text-decoration: none;
        display: inline-block;
  margin-right: 15px; }

        .c-social-icons a.moon-facebook {
  color: #3b5998; }

        .c-social-icons a.moon-twitter {
  color: #00aced; }

        .c-social-icons a.moon-linkedin {
  color: #0077B5; }

        .c-social-icons a.moon-youtube {
  color: #bb0000; }

.c-footer-lower {
    margin: 0;
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 20px 0;
  min-height: 60px; }

    .c-footer-lower .c-copyright {
        margin: 0;
        display: inline-block;
  font-size: 0.875rem; }

    .c-footer-lower .c-footer-utility {
        margin: 0;
        font-size: 0.875rem;
  display: block; }

@media (min-width: 320px) {
    .c-footer-lower .c-footer-utility {
        float: left;
        width: 100%;
    margin-top: 20px; } }

@media (min-width: 1024px) {
    .c-footer-lower .c-footer-utility {
        float: right;
        width: auto;
    margin-top: 0; } }

.c-footer-lower .c-footer-utility ul {
    padding: 0;
    margin: 0;
  list-style-type: none; }

.c-footer-lower .c-footer-utility li {
  display: inline-block; }

@media (min-width: 320px) {
    .c-footer-lower .c-footer-utility li {
    margin-right: 20px; } }

@media (min-width: 1024px) {
    .c-footer-lower .c-footer-utility li {
    margin-left: 20px; } }

.c-footer-lower .c-footer-utility li a {
  text-decoration: none; }

.c-footer-menu {
    width: 100%;
    margin: 0.5em 0 0 0;
    padding: 0;
  list-style-type: none; }

    .c-footer-menu li {
  display: block; }

        .c-footer-menu li a {
  text-decoration: none; }

@media (min-width: 480px) {
    .c-footer-menu li a {
        font-size: 16px;
    line-height: 1.8em; } }

/* ==========================================================================
   #FORM
   ========================================================================== */
button, input, optgroup, select, textarea {
  font-family: "rooney-web", "Arial", serif; }

input {
    height: 45px;
    padding: 0px 1em;
  border: 1px solid #ccc; }

    input[type=text]::-ms-clear {
  display: none !important; }

textarea {
    padding: 1em;
    border: 1px solid #ccc;
  width: 100%; }

label {
  position: relative; }

/* Selects */
select {
  cursor: pointer; }

    select:-moz-focusring {
        color: transparent;
  text-shadow: 0 0 0 #000; }

/**select::-ms-expand {
    display:none; }*/

.c-dropdown {
    position: relative;
  background: #fff; }

    .c-dropdown select {
        width: 100%;
        height: 45px;
        /*padding: 0px 1em;*/
        padding-left: 1em;
        border: 1px solid #ccc;
        border-radius: 0;
        position: relative;
        background: none;
  z-index: 2; }

/* Labels - Standard */
.c-label {
    display: block;
    margin-bottom: 16px;
  font-weight: 300; }

/* Labels - Standard */
.c-label {
    display: block;
    margin-bottom: 16px;
  font-weight: 300; }

.checkbox,
.c-checkbox,
.c-radio {
    position: relative;
    margin: 0;
  display: block; }

    .checkbox:last-child,
    .c-checkbox:last-child,
    .c-radio:last-child {
  margin-bottom: 0; }

    .checkbox input,
    .c-checkbox input,
    .c-radio input {
        display: inline-block;
        width: 18px;
        height: 18px;
        padding: 0;
        outline: none;
        margin-bottom: 12px;
        margin-right: 6px;
        position: absolute;
        opacity: 0;
        top: 5px;
        z-index: 99;
  vertical-align: middle; }

    .checkbox label,
    .c-checkbox label,
    .c-radio label {
        margin: 0;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        line-height: 32px;
        font-weight: 400;
        color: #333;
  display: block; }

.c-checkbox--alt label,
.unigrid-head .checkbox label {
  color: #fff; }

/* Labels */
label {
    display: block;
  margin-bottom: 8px; }

.checkbox label::before,
.c-checkbox label::before,
.c-radio label::before {
    font-family: 'icomoon' !important;
    float: left;
    border: 1px solid #ccc;
    content: "";
    width: 18px;
    height: 18px;
    margin: 8px 14px 0 0;
    position: relative;
  cursor: pointer; }

.c-radio label::before {
  border-radius: 50%; }

.c-checkbox--alt label::before,
.unigrid-head .checkbox label::before {
    background: #00AEEF;
  border-color: #fff; }

.c-textinput {
  width: 100%; }

    .c-textinput.error {
  border: 1px solid #DC1C26; }

        .c-textinput.error:focus {
            border: 1px solid #DC1C26 !important;
        }

.c-textinput-autocomplete-loading {
  background: url("/tsi/images/Spinner.gif") no-repeat right center; }

.checkbox input:checked + label::before,
.c-checkbox input:checked + label::before,
.c-radio input:checked + label::before {
    font-family: 'icomoon' !important;
    content: "";
    color: #fff;
    background: #00AEEF;
    border-color: #00AEEF;
    font-size: 12px;
    line-height: 16px;
  text-align: center; }

.c-checkbox--alt input:checked + label::before,
.unigrid-head .checkbox input:checked + label::before {
    color: #00AEEF;
    background: #fff;
  border-color: #fff; }

/* File Upload */
.c-file-upload input[type="file"] {
    height: 45px;
    display: block;
    overflow: hidden;
    width: 50%;
    max-width: 300px;
  float: left; }

.c-file-upload .c-btn {
    width: 50%;
    max-width: 200px;
    float: left;
  margin-left: 25px; }

/* Placeholders :/ ) */
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
  color: #888; }

::-moz-placeholder {
    /* Firefox 19+ */
    color: #888;
  opacity: 1; }

:-ms-input-placeholder {
    /* IE 10+ */
  color: #888; }

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

.WatermarkText {
  color: #888; }

/* Additional styling */
.ServerControlValidationError {
  display: none; }

    .ServerControlValidationError[style*=visible] + input,
    .ServerControlValidationError[style*=visible] + select,
    .ServerControlValidationError[style*=visible] + textarea {
        background-color: #ffcccc;
  border: 1px solid #ff0000; }

/* Form Validation */
.formVal {
  position: relative; }

    .formVal .valError[style="display: inline;"], .formVal .valError2 {
        position: absolute;
        left: 10px;
        top: 100%;
        background: #FC6156;
        margin-top: 5px;
        font-size: 14px;
        padding: 6px 12px;
        color: #fff;
        animation-duration: 0.5s;
        animation-name: fadeup2;
  z-index: 99; }

        .formVal .valError[style="display: inline;"]::before, .formVal .valError2::before {
            content: "";
            top: -8px;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
  border-color: transparent transparent #FC6156 transparent; }

/*.formVal span[style="display: inline;"] + input {
  border: 1px solid #FC6156; 
}*/
.tsi-form .ErrorLabel {
  display: none; }

.tsi-form .EditingFormErrorLabel, .product-selector .EditingFormErrorLabel {
    position: absolute;
    left: 25px;
    top: 100%;
    background: #FC6156;
    margin-top: 5px;
    font-size: 14px;
    padding: 6px 12px;
    color: #fff;
    animation-duration: 0.5s;
    animation-name: fadeup2;
    z-index: 99;
}

.product-selector .EditingFormErrorLabel {
    left: 0;
}

    .tsi-form .EditingFormErrorLabel::before, .product-selector .EditingFormErrorLabel::before {
        content: "";
        top: -8px;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #FC6156 transparent;
    }

.tsi-form tr {
    float: left;
    display: block;
    margin-bottom: 2.5rem;
  width: 100%; }

    .tsi-form tr:last-child {
  width: 100%; }

@media only screen and (min-width: 30em) {
    .tsi-form tr {
    width: 50%; } 
        .tsi-form tr#DataPreferences {
            width: 100%;
        }
}

.tsi-form tr#PhoneNumber input.input-width-15 {
  width: 15%; }

.tsi-form tr#PhoneNumber input.input-width-20 {
    width: 20%;
}

.tsi-form tr#PhoneNumber input.input-width-60 {
    width: 60%;
}

.tsi-form tr#IntlPhoneNumber input.input-width-20 {
    width: 20%;
}

.tsi-form tr#IntlPhoneNumber input.input-width-60 {
    width: 60%;
}

.tsi-form tr td {
    background-color: transparent;
    display: block;
    border: 0;
    padding: 0 1rem;
    position: relative;
  width: 100%; }

    .tsi-form tr td.FieldLabel {
  margin-bottom: 8px; }

    .tsi-form tr td input {
  width: 100%; }

.tsi-form input[type="radio"] {
    width: auto;
    height: auto;
    vertical-align: middle;
}

    .tsi-form input[type="radio"] + label {
        display: inline;
        padding-left: 10px;
    }

        .tsi-form input[type="radio"] + label::after {
            content: "\A";
            white-space: pre;
        }

.tsi-form tr td input[type="checkbox"] {
    position: fixed;
}

.tsi-form tr td input.FormButton {
  width: auto; }

.tsi-form tr td select {
    width: 100%;
    height: 45px;
    padding: 0px 1em;
    border: 1px solid #ccc;
    border-radius: 0;
    position: relative;
    background: none;
  z-index: 2; }

/* ==========================================================================
   #HEADER
   ========================================================================== */
.c-header {
    position: relative;
  padding: 10px 0; }

    .c-header:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 480px) {
    .c-header {
        padding: 0;
    height: 70px; } }

@media (min-width: 1024px) {
    .c-header {
    height: 110px; } }

.c-top-header {
    background: #eee;
    height: 45px;
  display: none; }

@media (min-width: 480px) {
    .c-top-header {
        display: block;
    height: 50px; } }

.c-top-header .o-container {
    position: relative;
  padding: 0; }

@media (min-width: 480px) {
    .c-top-header .o-container {
    padding: 0 25px 0 25px; } }

.c-callus {
    float: left;
    line-height: 50px;
    margin-bottom: 0;
    color: #333;
    overflow: hidden;
    height: 50px;
    display: none;
  font-size: 15px; }

@media (min-width: 1024px) {
    .c-callus {
    display: block; } }

.c-utility {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 45px;
  font-size: 15px; }

@media (min-width: 480px) {
    .c-utility {
    height: 50px; } }

.c-utility > li {
    display: block;
    float: left;
    height: 45px;
    overflow: hidden;
    padding: 0;
  color: #333; }

@media (min-width: 480px) {
    .c-utility > li {
        height: 50px;
    padding: 0 20px; } }

.c-utility > li:last-child {
  padding-right: 0; }

.c-utility > li > a {
    text-decoration: none;
    height: 45px;
    display: block;
    color: #333;
    line-height: 45px;
  text-align: center; }

@media (min-width: 480px) {
    .c-utility > li > a {
        height: 50px;
        line-height: 50px;
    text-align: left; } }

.c-utility > li > a:hover {
  color: #EC038A; }

.c-utility > li.c-search {
  display: none; }

    .c-utility > li.c-search:hover {
        color: #EC038A;
  cursor: pointer; }

        .c-utility > li.c-search:hover .search {
  border: 1px solid #EC038A; }

    .c-utility > li.c-search .moon-search {
  margin-right: 5px; }

    .c-utility > li.c-search .searchBox {
  display: inline-block; }

        .c-utility > li.c-search .searchBox .btn {
  display: none; }

        .c-utility > li.c-search .searchBox .search {
            width: 150px;
            padding: 2px 5px;
  height: 30px; }

        .c-utility > li.c-search .searchBox .predictiveSearchHolder {
            position: absolute;
  width: 400px !important; }

        .c-utility > li.c-search .searchBox .predictiveSearchResults {
            left: -250px;
  top: -5px; }

    .c-utility > li.c-search .search-watermark {
  color: #aaa; }

@media (min-width: 1024px) {
    .c-utility > li.c-search {
        color: #fff;
        line-height: 50px;
    display: block; } }

.c-utility .c-login {
    position: relative;
  overflow: visible; }

    .c-utility .c-login a.active, .c-utility .c-login:hover {
  color: #EC038A; }

        .c-utility .c-login a.active::before {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent; }

    .c-utility .c-login > a {
        position: relative;
        line-height: 45px;
  min-width: 50px; }

@media (min-width: 480px) {
    .c-utility .c-login > a {
        line-height: 50px;
    padding-left: 25px; } }

.c-utility .c-login > a span {
  display: none; }

@media (min-width: 480px) {
    .c-utility .c-login > a span {
    display: block; } }

.c-utility .c-login > a::after {
    content: "";
    font-family: 'icomoon' !important;
    speak: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
  font-size: 25px; }

@media (min-width: 480px) {
    .c-utility .c-login > a::after {
        font-size: 21px;
        right: auto;
    display: block; } }

.c-utility .moon-person {
  font-size: 22px; }

.c-cart a {
    position: relative;
    line-height: 45px;
    min-width: 50px;
    text-align: center;
  font-size: 15px; }

@media (min-width: 480px) {
    .c-cart a {
        display: block;
    padding-left: 25px; } }

.c-cart a span {
  display: none; }

@media (min-width: 480px) {
    .c-cart a span {
    display: block; } }

.c-cart a::after {
    content: "";
    font-family: 'icomoon' !important;
    speak: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
  font-size: 22px; }

@media (min-width: 480px) {
    .c-cart a::after {
        font-size: 18px;
    right: auto; } }

.c-utility > li.c-logout {
  display: none; }

@media (min-width: 1024px) {
    .c-utility > li.c-logout {
    display: inline-block; } }

.c-logout a {
    position: relative;
    line-height: 45px;
    min-width: 50px;
    text-align: center;
  font-size: 15px; }

@media (min-width: 480px) {
    .c-logout a {
        display: block;
    padding-left: 25px; } }

.c-logout a span {
  display: none; }

@media (min-width: 480px) {
    .c-logout a span {
    display: block; } }

.c-logout a::after {
    content: "";
    font-family: 'icomoon' !important;
    speak: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
  font-size: 16px; }

@media (min-width: 480px) {
    .c-logout a::after {
        font-size: 16px;
    right: auto; } }

.c-login-box {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -50%;
    top: 50px;
    overflow: hidden;
    background: #fff;
    padding: 25px;
    width: 300px;
    border-top: 0;
    z-index: 20;
    text-align: center;
  color: #222; }

    .c-login-box.active {
        visibility: visible;
        opacity: 1;
        transition: box-shadow 0.3s ease-in-out;
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.29); }

    .c-login-box input {
        width: 100%;
  margin-bottom: 10px; }

        .c-login-box input[type="submit"] {
            margin-top: 10px;
  margin-bottom: 15px; }

    .c-login-box a {
        text-align: center;
        font-size: 0.875rem;
  color: #333 !important; }

        .c-login-box a:hover {
  color: #00AEEF !important; }

    .c-login-box p {
        margin-bottom: 0;
  font-size: 1.2rem; }

    .c-login-box .c-noaccount {
        border-top: 1px solid #eee;
        margin-top: 18px;
  padding-top: 18px; }

.c-language {
    float: left;
    border: 0;
    height: 45px;
  width: 140px; }

@media (min-width: 480px) {
    .c-language {
        height: 50px;
    float: right; } }

.c-language ul {
    position: relative;
    line-height: 45px;
    min-height: 50px;
    background: transparent;
    color: #333;
    margin: 0;
  z-index: 21; }

@media (min-width: 480px) {
    .c-language ul {
    line-height: 50px; } }

.c-language ul li:hover {
  color: #EC038A; }

.c-language ul li {
    z-index: 1;
    list-style: none;
    padding: 0 20px;
    cursor: pointer;
  font-size: 15px; }

    .c-language ul li img {
        margin-right: 10px;
        vertical-align: middle;
  margin-top: 0px; }

ul.c-language__select {
    cursor: pointer;
    margin: 0;
    padding: 0;
    visibility: hidden;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
  width: 100%; }

    ul.c-language__select.active {
        visibility: visible;
        background: #fff;
        transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.29); }

    ul.c-language__select li {
        line-height: 1rem;
  padding: 14px 20px; }

        ul.c-language__select li a {
  text-decoration: none; }

@media (min-width: 768px) {
    ul.c-language__select {
        position: relative;
        left: auto;
        right: auto;
    width: auto; } }

.c-language__selected {
    line-height: 45px;
    text-align: right;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
  font-size: 15px; }

@media (min-width: 480px) {
    .c-language__selected {
    line-height: 50px; } }

.c-language__selected img {
    margin-right: 10px;
    vertical-align: middle;
  margin-top: -4px; }

.c-language__selected.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent; }

@media (min-width: 768px) {
    .c-language__selected.active::before {
        right: 18%;
    left: auto; } }

.c-language__selected:hover {
  color: #EC038A; }

.c-header .c-language {
    float: right;
    height: 35px;
    margin-top: -3px;
  width: 80px; }

    .c-header .c-language .c-language__selected {
        font-size: 0;
  text-align: right; }

@media (min-width: 480px) {
    .c-header .c-language {
    display: none; } }

@media (min-width: 768px) {
    .c-header .c-language {
    width: auto; } }

.c-logo {
    float: left;
  max-width: 35px; }

    .c-logo img {
  width: 100%; }

@media (min-width: 480px) {
    .c-logo {
        margin-top: 12px;
    max-width: 48px; } }

@media (min-width: 1024px) {
    .c-logo {
    display: none; } }

.c-logo-stacked {
  display: none; }

@media (min-width: 1024px) {
    .c-logo-stacked {
        display: block;
        float: left;
        margin-top: 20px;
    max-width: 200px; } }

.c-menu-btn {
    text-decoration: none;
    float: right;
    margin-left: 27px;
    margin-top: 1px;
    font-size: 32px;
    display: block;
    cursor: pointer;
  color: #333; }

@media (min-width: 480px) {
    .c-menu-btn {
        margin-top: 13px;
        height: 45px;
        width: 45px;
    text-align: center; }
        .c-menu-btn::before {
    line-height: 43px; } }

@media (min-width: 1024px) {
    .c-menu-btn {
    display: none; } }

.c-menu-btn.active {
  color: #00AEEF; }

/* Black Version */
.c-top-header--black {
    background: #222;
  color: #fff; }

    .c-top-header--black p.c-callus {
  color: #fff; }

    .c-top-header--black .zg-ul-select li.active {
  color: #fff; }

        .c-top-header--black .zg-ul-select li.active:hover {
  color: #EC038A; }

    .c-top-header--black .zg-ul-select.active li {
  color: #222; }

        .c-top-header--black .zg-ul-select.active li:hover {
  color: #EC038A; }

    .c-top-header--black .c-utility li a {
  color: #fff; }

        .c-top-header--black .c-utility li a:hover {
  color: #EC038A; }

@media (min-width: 1024px) {
    .c-search-btn {
    display: none !important; } }

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/* Col Header */
.c-col-header {
    background: #333;
    color: #fff;
    font-weight: normal;
    padding: 0.7rem 1rem;
  font-size: 1.3rem; }

/* Col Header - FAQ */
@media (min-width: 768px) {
    .c-col-header__faq {
        background-image: url("../assets/images/icon-help@2x.png");
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position-x: 24px;
        background-position-y: 16px;
        padding-left: 70px;
    background-position-y: 10px; } }

@media (min-width: 1024px) {
    .c-col-header__faq {
    background-position-y: 14px; } }

.c-main-title {
    margin-bottom: 2rem;
  font-size: 1.8rem; }

.c-main-title--tight {
    margin-bottom: 1rem;
  font-size: 1.8rem; }

.c-section-title {
    text-align: center;
    margin-bottom: 1.2em;
  font-size: 1.8rem; }

/* ==========================================================================
   #HISTORY BANNER
   ========================================================================== */
.c-history-slider {
    background: none;
    max-width: 60rem;
    margin: auto;
  margin-top: 2.5rem; }

    .c-history-slider:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-history-slider .slick-dots {
        margin: 20px 0 0 10px;
  padding: 0; }

@media (min-width: 480px) {
    .c-history-slider .slick-dots {
    margin: 20px 0 0 30px; } }

.c-history-slider .slick-dots li {
    display: inline-block;
  margin-right: 10px; }

    .c-history-slider .slick-dots li button {
        border: 0;
        height: 20px;
        width: 20px;
        background: none;
        border-radius: 50%;
        font-size: 0;
        border: 2px solid #EC038A;
        cursor: pointer;
  outline: none; }

    .c-history-slider .slick-dots li.slick-active button {
  background: #EC038A; }

.c-history-slider .slick-arrow {
    position: absolute;
    left: -100px;
    top: 0;
    height: 100px;
    border: 0;
    bottom: 0;
    margin: auto;
    background: none;
    cursor: pointer;
    font-size: 0;
  display: none !important; }

@media (min-width: 1280px) {
    .c-history-slider .slick-arrow {
    display: block !important; } }

.c-history-slider .slick-arrow.slick-prev::after {
    content: "\e903";
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 70px;
  color: #ccc; }

.c-history-slider .slick-arrow.slick-next {
    left: auto;
  right: -100px; }

    .c-history-slider .slick-arrow.slick-next::after {
        content: "\e901";
        font-family: 'icomoon' !important;
        speak: none;
        font-size: 70px;
  color: #ccc; }

.c-history-slider .slick-arrow:hover::after {
  color: #EC038A; }

.c-history-slider .slick-slide {
    width: 100%;
    position: relative;
    padding: 0 10px;
  outline: none; }

@media (min-width: 480px) {
    .c-history-slider .slick-slide {
    padding: 0 30px; } }

.c-history-slider .slick-slide .c-banner-content .content {
    display: block;
    width: 100%;
  z-index: 5; }

@media (min-width: 480px) {
    .c-history-slider .slick-slide .c-banner-content .content {
        width: 50%;
    float: left; } }

@media (min-width: 1024px) {
    .c-history-slider .slick-slide .c-banner-content .content {
    padding: 0px; } }

.c-history-slider .slick-slide .c-banner-content .content .date {
    font-size: 1.6rem;
    margin-bottom: 20px;
  display: block; }

.c-history-slider .slick-slide .c-banner-content .content p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
  margin-bottom: 1em; }

.c-history-slider .slick-slide .img {
    width: 100%;
    position: relative;
  margin-top: 30px; }

@media (min-width: 480px) {
    .c-history-slider .slick-slide .img {
        width: 40%;
        margin-left: 10%;
        float: right;
    margin-top: 10px; } }

.c-history-slider .slick-slide .img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10px;
    right: -10px;
    left: 10px;
    bottom: 0px;
    background: #fff;
  display: none; }

@media (min-width: 480px) {
    .c-history-slider .slick-slide .img::before {
    display: block; } }

.c-history-slider .slick-slide .img img {
    width: 100%;
    height: auto;
    float: right;
    position: relative;
  z-index: 3; }

/* ==========================================================================
   #HOVER BANNER NEW*****
   ========================================================================== */

.c-homepage-banner {
    position: relative;
    width: 100%;
    max-height: 530px;
    z-index: 0;
    margin: 0 auto;
}

.c-hover-newbanner {
    width: 100%;
    max-width: 100em;
    clear: both;
    margin: auto;
    position: relative;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    z-index: 1;
}

.c-homepage-img {
    object-fit: cover;
    min-height: 300px;
}

.c-hover-newbanner.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.c-hover-newbanner .c-hover-newbanner-item {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.c-hover-newbanner video {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.c-homepageimages {
    display: none;
}

.c-homepage-icons {
    position: relative;
    display: flex;
    transform: translateY(-100%);
    width: 100%;
    max-width: 80em;
    clear: both;
    margin: 0 auto;
    z-index: 10;
    text-align: center;
    vertical-align: top;
    justify-content: space-between;
}

    .c-homepage-icons img {
        position: inherit;
        z-index: 25;
    }

    .c-homepage-icons .c-homepage-link {
        text-decoration: none;
    }

    .c-homepage-icons a .c-homepage-link {
        position: fixed;
        z-index: inherit;
        height: auto;
        display: contents;
        padding: inherit;
        text-align: center;
        vertical-align: top;
        z-index: 20;
    }

.c-homepage-singleicon {
    display: none;
    margin: 0 auto;
    bottom: 25%;
}

.c-homepage-icons a:hover {
    text-decoration: !important none;
}

.c-homepage-icons .c-homepage-icon-over {
    display: none;
    z-index: 25;
}

.c-homepage-icons a:hover .c-homepage-icon-over {
    display: inline;
}

.c-homepage-icons a:hover .c-homepage-icon-img {
    display: none;
}

.c-homepage-icons label {
    line-height: 1;
    margin-top: .8rem;
    display: block;
    width: 140px;
    color: #fff;
    font-family: "brandon-grotesque", "Arial", sans-serif;
    font-size: 1rem;
    text-decoration-line: none;
    text-transform: uppercase;
}

.c-homepage-icons::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-size: 100% 200%;
    background-position: center top;
}

.slick-slide {
    -webkit-backface-visibility: hidden;
}

.c-hover-newbanner .slick-arrow {
    position: absolute;
    top: 45%;
    z-index: 3;
    border: 0;
    background: transparent;
    font-size: 0;
    cursor: pointer;
    opacity: 0.7;
}

.c-hover-newbanner .slick-dots {
    position: relative;
    display: none;
    width: 15%;
    max-width: 80em;
    clear: both;
    margin: 0 auto;
    z-index: 10;
    text-align: center;
    vertical-align: top;
    justify-content: space-between;
    transform: scale(1.3);
}

    .c-hover-newbanner .slick-dots li:hover {
        cursor: pointer;
        color: #EC038A;
    }

    .c-hover-newbanner .slick-dots button {
        display: none;
    }

.c-hover-newbanner .slick-arrow:focus {
    outline: 0 !important;
}

.c-hover-newbanner .slick-arrow:hover {
    opacity: 1;
}

.c-hover-newbanner .slick-arrow.slick-prev {
    left: -10px;
}

    .c-hover-newbanner .slick-arrow.slick-prev::after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 3.5rem;
        color: #fff;
    }

.c-hover-newbanner .slick-arrow.slick-next {
    right: -10px;
}

    .c-hover-newbanner .slick-arrow.slick-next::after {
        font-family: 'icomoon' !important;
        content: "\e901";
        font-size: 3.5rem;
        color: #fff;
    }

.c-homepage-text {
    position: absolute;
    top: 0px;
    right: 50%;
    z-index: 50;
    padding: 25px;
    padding-top: 65px;
    width: 50%;
    max-width: 40em;
}

    .c-homepage-text label {
        display: block;
        width: 100%;
        max-width: 15em;
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        font-family: "brandon-grotesque", "Arial", sans-serif;
    }

@media (min-width: 1024px) {
    .c-homepage-text label {
        line-height: 1.3;
        font-size: 26px;
    }
}

.c-homepage-text .c-homepage-industry-label {
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
    width: 450px;
}

.c-homepage-text a {
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
    margin-top: 1em;
    background: #EC038A;
    color: #fff;
}

    .c-homepage-text a:hover {
        color: #EC038A;
        background-color: #fff;
    }
.c-homepage-promo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 60%;
    max-width: 40em;
    max-height: initial;
    z-index: 25;
    padding: 25px;
    padding-top: 65px;
}

.c-homepage-promo-inner {
    position: absolute;
    right: 0;
    width: 80%;
    height: 85%;
    min-height: 85%;
    background: #fff;
    /*opacity: .80;*/
    padding: 15px;
}


.home-promo {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
    outline: #EC038A;
    outline-style: solid;
    margin: auto;
    padding: 4px;
}

    .home-promo:hover {
        outline-color: #00AEEF;
    }
.c-homepage-promo .row .col {
    margin: 0;
}

.c-homepage-promo label {
    width: 100%;
    line-height: 1.1;
    padding: 0 10px 10px 10px;
}

@media (min-width: 1440px) {
    .c-homepage-promo label {
        font-size: 20px;
    }
}

.c-homepage-promo label:hover {
    cursor: pointer;
}

.c-homepage-promo .c-promo-title {
    display: flex;
    line-height: 1.1;
    width: 100%;
    margin: auto;
    height: 30%;
    padding: 10px 10px 0 10px;
}

    .c-homepage-promo .c-promo-title label {
        font-size: 26px;
        text-transform: uppercase;
        line-height: 1.2;
    }

.c-homepage-promo .promo-row {
    display: flex;
    width: 100%;
    margin: auto;
    height: 70%;
    vertical-align: top;
    margin: 0;
    padding-top: 10px;
}

.c-homepage-promo a {
    color: #46484A;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
}

.c-homepage-promo img {
    max-height: 100%;
    max-width: inherit;
    width: auto;
    padding: 0 0 10px 10px;
}

@media (max-width: 1380px) {
    .c-homepage-banner {
        max-height: none;
    }

    .c-hover-newbanner .slick-arrow {
        top: 70%;
        z-index: 50;
    }

    .c-homepage-text .c-homepage-industry-label {
        margin-bottom: 5px;
    }

    .c-homepage-text .c-homepage-industry-text {
        line-height: 1;
    }

    .c-homepage-text a {
        margin-top: 0;
    }

    .c-homepage-icons {
        max-width: 90%;
    }

    .c-homepage-promo,
    .c-homepage-text {
        padding-top: 15px;
    }

        .c-homepage-promo .c-promo-title {
            padding-top: 5px;
        }

        .c-homepage-promo img {
            padding: 0;
        }

        .c-homepage-promo label {
            padding: 0 0 0 10px;
        }

        .c-homepage-promo h2 {
            font-size: 1.3rem;
        }

        .c-homepage-promo a {
            position: relative;
        }

        .c-homepage-promo .promo-row {
            max-height: 250px;
        }

    .c-featured-area .c-btn {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .c-homepage-text {
        height: 50%;
        max-width: 100%;
        width: 100%;
        right: 0;
    }

    .c-hover-newbanner .slick-arrow {
        top: 20%;
    }

    .c-homepage-videos,
    .c-homepage-videos video {
        display: none;
    }

    .c-homepageimages {
        display: block;
    }

    .c-homepage-text .c-homepage-industry-label {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .c-homepage-text .c-homepage-industry-text {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .c-homepage-text a {
        display: none;
    }

    .c-homepage-singleicon {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 55%;
        z-index: 55;
    }

        .c-homepage-singleicon img {
            margin: 0 auto;
        }

    .c-homepage-icons {
        display: none;
    }

    .c-homepage-promo {
        top: 10px;
        position: relative;
        height: auto;
        width: 100%;
        left: 0;
        max-width: none;
		padding: 15px 5% 25px 5%;
    }

        .c-homepage-promo h2 {
            font-size: 1.8rem
        }

        .c-homepage-promo a {
            position: relative;
        }

        .c-homepage-promo img {
		max-height: 100px;
        }

        .c-homepage-promo label {
            font-size: 20px;
        }

    .c-homepage-promo-inner {
        position: relative;
        width: 100%;
        height: auto;
        background: #fff;
        margin: 0;
        padding: 2%;
    }

    .c-homepage-promo .o-container {
        height: auto;
        width: auto;
        margin: 25px 0 0 0;
        position: relative;
        padding: 10px;
        outline-offset: initial;
    }
}


/* ==========================================================================
   #HOMEPAGE CONTENT
   ========================================================================== */
.c-featured-homepage {
    vertical-align: top;
}

.c-homepage-discover {
    float: left;
    width: 55%
}

    .c-homepage-discover a:hover {
        color: #EC038A;
        border: solid 1px #EC038A;
        background-color: #fff;
    }

.c-homepage-search {
    float: right;
    width: 40%;
    background: #eee;
    height: auto;
    padding: 15px;
}

.c-homepage-inner {
    border: solid #00AEEF;
    padding: 10px 20px;
    padding-bottom: 20px;
}

    .c-homepage-inner .moon-search {
        transform: scale(1.3);
    }

.c-homepage-search h2 {
    font-size: 1.8rem;
    margin: 0;
}

.c-homepage-search submit {
    height: 3em;
}

.c-homepage-search input {
    white-space: normal;
    font-size: 20px;
    word-wrap: break-word;
    padding: 5px 15px;
    height: auto;
    line-height: 1.2;
    border: solid 1px #00AEEF;
}

.c-browse input {
    width: 48%;
    border: solid 1px #EC038A;
}

.c-browse .c-application {
    float: right;
}

.c-browse input:hover {
    color: #EC038A;
    border: solid 1px #EC038A;
    background-color: #fff;
}

.c-browse h2 {
    margin-top: 1em;
    margin-bottom: -10px;
}

.c-homepage-search .c-homepage-buy {
    width: 100%;
}

    .c-homepage-search .c-homepage-buy:hover {
        color: #00AEEF;
        border: solid 1px #00AEEF;
        background-color: #fff;
    }

.styled-select {
    height: 45px;
    overflow: hidden;
}

    .styled-select select {
        background: transparent;
        width: 180px;
        font-size: 16px;
        line-height: 1;
    }

@media (max-width: 1024px) {
    .c-browse input {
        width: 100%;
    }

    .c-browse .c-application {
        float: none;
    }
}

@media (max-width: 800px) {
    .c-homepage-discover {
        width: 100%
    }

    .c-homepage-search {
        width: 100%;
        margin: 0;
    }
}


/* ==========================================================================
   #HOVER BANNER
   ========================================================================== */
.c-hover-banner {
    width: 100%;
    clear: both;
    max-width: 2560px;
    margin: auto;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    overflow: hidden;
}

    .c-hover-banner.slick-initialized {
        visibility: visible;
  opacity: 1; }

    .c-hover-banner .c-hover-banner-item {
        width: 16.666%;
        float: left;
        position: relative;
  overflow: hidden; }

        .c-hover-banner .c-hover-banner-item::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50&0+0,0.65+50 */
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a7000000',GradientType=0 );
            /* IE6-9 */
            background-size: 100% 200%;
            background-position: center top;
            transition: background-position 0.3s ease-in-out;
  will-change: background-position; }

        .c-hover-banner .c-hover-banner-item .c-hover-banner-item--hover {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 60%;
            z-index: 2;
            text-align: center;
            padding: 50px 30px 0px 30px;
  transition: all 0.3s ease-in-out; }

            .c-hover-banner .c-hover-banner-item .c-hover-banner-item--hover a {
  opacity: 0; }

            .c-hover-banner .c-hover-banner-item .c-hover-banner-item--hover img {
                height: 60px;
                width: auto;
  display: inline; }

            .c-hover-banner .c-hover-banner-item .c-hover-banner-item--hover > span {
                margin-top: 1rem;
                display: block;
                width: 100%;
                color: #fff;
                font-family: "brandon-grotesque", "Arial", sans-serif;
  font-size: 1.2rem; }

            .c-hover-banner .c-hover-banner-item .c-hover-banner-item--hover p {
                opacity: 0;
                margin-top: 2rem;
                display: block;
                width: 100%;
                color: #fff;
                font-family: "brandon-grotesque", "Arial", sans-serif;
                font-size: 1rem;
  transition: all 0.3s ease-in-out; }

                .c-hover-banner .c-hover-banner-item .c-hover-banner-item--hover p span {
  font-size: 1.125rem; }

        .c-hover-banner .c-hover-banner-item:hover::after {
  background-position: center center; }

        .c-hover-banner .c-hover-banner-item:hover .c-hover-banner-item--hover {
  height: 100%; }

            .c-hover-banner .c-hover-banner-item:hover .c-hover-banner-item--hover a {
  opacity: 1; }

            .c-hover-banner .c-hover-banner-item:hover .c-hover-banner-item--hover p {
  opacity: 1; }

    .c-hover-banner .slick-arrow {
        position: absolute;
        top: 45%;
        z-index: 3;
        border: 0;
        background: transparent;
        font-size: 0;
        cursor: pointer;
  opacity: 0.7; }

        .c-hover-banner .slick-arrow:focus {
  outline: 0 !important; }

        .c-hover-banner .slick-arrow:hover {
  opacity: 1; }

        .c-hover-banner .slick-arrow.slick-prev {
  left: -10px; }

            .c-hover-banner .slick-arrow.slick-prev::after {
                font-family: 'icomoon' !important;
                content: "\e903";
                font-size: 3.5rem;
  color: #fff; }

        .c-hover-banner .slick-arrow.slick-next {
  right: -10px; }

            .c-hover-banner .slick-arrow.slick-next::after {
                font-family: 'icomoon' !important;
                content: "\e901";
                font-size: 3.5rem;
  color: #fff; }

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

[class^="moon-"], [class*=" moon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.moon-store:before {
  content: ""; }

.moon-file-word:before {
  content: ""; }

.moon-file-excel:before {
  content: ""; }

.moon-file-openoffice:before {
  content: ""; }

.moon-file-pdf:before {
  content: ""; }

.moon-file-stats:before {
  content: ""; }

.moon-file-music:before {
  content: ""; }

.moon-file-play:before {
  content: ""; }

.moon-file-presentation:before {
  content: ""; }

.moon-file-picture:before {
  content: ""; }

.moon-exit2:before {
  content: ""; }

.moon-cart:before {
  content: ""; }

.moon-purchase:before {
  content: ""; }

.moon-ecommerce:before {
  content: ""; }

.moon-shopping:before {
  content: ""; }

.moon-location2:before {
  content: ""; }

.moon-minus:before {
  content: ""; }

.moon-plus:before {
  content: ""; }

.moon-add:before {
  content: ""; }

.moon-sum:before {
  content: ""; }

.moon-share:before {
  content: ""; }

.moon-social:before {
  content: ""; }

.moon-bubble-lines:before {
  content: ""; }

.moon-lifebuoy:before {
  content: ""; }

.moon-support:before {
  content: ""; }

.moon-help:before {
  content: ""; }

.moon-location:before {
  content: ""; }

.moon-map-marker:before {
  content: ""; }

.moon-pin:before {
  content: ""; }

.moon-envelop:before {
  content: ""; }

.moon-newspaper:before {
  content: ""; }

.moon-news:before {
  content: ""; }

.moon-paper:before {
  content: ""; }

.moon-earth:before {
  content: ""; }

.moon-exit:before {
  content: ""; }

.moon-download:before {
  content: ""; }

.moon-info:before {
  content: ""; }

.moon-file-text:before {
  content: ""; }

.moon-printer:before {
  content: ""; }

.moon-call:before {
  content: ""; }

.moon-home:before {
  content: ""; }

.moon-house:before {
  content: ""; }

.moon-twitter:before {
  content: ""; }

.moon-linkedin:before {
  content: ""; }

.moon-brand:before {
  content: ""; }

.moon-social2:before {
  content: ""; }

.moon-facebook:before {
  content: ""; }

.moon-brand3:before {
  content: ""; }

.moon-social3:before {
  content: ""; }

.moon-tools:before {
  content: ""; }

.moon-mail-envelope-open:before {
  content: ""; }

.moon-spanner:before {
  content: ""; }

.moon-search2:before {
  content: ""; }

.moon-external-link:before {
  content: ""; }

.moon-x:before {
  content: ""; }

.moon-user:before {
  content: ""; }

.moon-menu:before {
  content: ""; }

.moon-last_page:before {
  content: ""; }

.moon-first_page:before {
  content: ""; }

.moon-event_note:before {
  content: ""; }

.moon-lock_outline:before {
  content: ""; }

.moon-person:before {
  content: ""; }

.moon-shopping_cart:before {
  content: ""; }

.moon-xcheck:before {
  content: ""; }

.moon-keyboard_arrow_up:before {
  content: ""; }

.moon-keyboard_arrow_right:before {
  content: ""; }

.moon-arrow_drop_up:before {
  content: ""; }

.moon-keyboard_arrow_left:before {
  content: ""; }

.moon-keyboard_arrow_down:before {
  content: ""; }

.moon-arrow_drop_down:before {
  content: ""; }

.moon-medal:before {
  content: ""; }

.moon-delivery-package-opened:before {
  content: ""; }

.moon-box:before {
  content: ""; }

.moon-magnifying-glass:before {
  content: ""; }

.moon-package:before {
  content: ""; }

.moon-shopping-basket:before {
  content: ""; }

.moon-calendar-o:before {
  content: ""; }

.moon-youtube:before {
  content: ""; }

.moon-search:before {
  content: ""; }

/* ==========================================================================
   #LEARN PAGE
   ========================================================================== */
.c-learn--pods {
    padding: 40px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
  position: relative; }

    .c-learn--pods img {
  margin-bottom: 30px; }

    .c-learn--pods.blue::before {
        content: "";
        position: absolute;
        width: 7px;
        left: 0;
        top: 0;
        bottom: 0;
  background: #00AEEF; }

    .c-learn--pods.blue .c-btn__primary--outline {
        border: 1px solid #00AEEF;
  color: #00AEEF; }

        .c-learn--pods.blue .c-btn__primary--outline:hover {
            background-color: #00AEEF;
  color: #fff; }

    .c-learn--pods.pink::before {
        content: "";
        position: absolute;
        width: 7px;
        left: 0;
        top: 0;
        bottom: 0;
  background: #EC038A; }

    .c-learn--pods.pink .c-btn__primary--outline {
        border: 1px solid #EC038A;
  color: #EC038A; }

        .c-learn--pods.pink .c-btn__primary--outline:hover {
            background-color: #EC038A;
  color: #fff; }

    .c-learn--pods.navy::before {
        content: "";
        position: absolute;
        width: 7px;
        left: 0;
        top: 0;
        bottom: 0;
  background: #322984; }

    .c-learn--pods.navy .c-btn__primary--outline {
        border: 1px solid #322984;
  color: #322984; }

        .c-learn--pods.navy .c-btn__primary--outline:hover {
            background-color: #322984;
  color: #fff; }

    .c-learn--pods.yellow::before {
        content: "";
        position: absolute;
        width: 7px;
        left: 0;
        top: 0;
        bottom: 0;
  background: #FADD17; }

    .c-learn--pods.yellow .c-btn__primary--outline {
        border: 1px solid #FADD17;
  color: #FADD17; }

        .c-learn--pods.yellow .c-btn__primary--outline:hover {
            background-color: #FADD17;
  color: #fff; }

.chocolat-zoomable.chocolat-zoomed {
  cursor: zoom-out; }

.chocolat-open {
  overflow: hidden; }

.chocolat-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #fff;
    display: none;
  opacity: 1; }

.chocolat-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 16;
  color: #fff; }

.chocolat-zoomable .chocolat-img {
  cursor: zoom-in; }

.chocolat-loader {
    height: 32px;
    width: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 11;
    background: url(../assets/images/loader.gif);
  display: none; }

.chocolat-content {
    position: fixed;
    width: 0px;
    height: 0px;
    left: 50%;
    top: 50%;
    z-index: 14;
  text-align: left; }

    .chocolat-content .chocolat-img {
        position: absolute;
        width: 100%;
  height: 100%; }

.chocolat-wrapper .chocolat-left {
    position: absolute;
    left: 0;
    width: 50px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    background: url(../assets/images/left.png) 50% 50% no-repeat;
    z-index: 17;
  display: none; }

.chocolat-wrapper .chocolat-right {
    position: absolute;
    right: 0;
    width: 50px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    background: url(../assets/images/right.png) 50% 50% no-repeat;
    z-index: 17;
  display: none; }

    .chocolat-wrapper .chocolat-right.active {
  display: block; }

.chocolat-wrapper .chocolat-left.active {
  display: block; }

.chocolat-wrapper .chocolat-top {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    z-index: 17;
  margin-bottom: 10px; }

.chocolat-wrapper .chocolat-close {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
  background: url(../assets/images/close.png) 50% 50% no-repeat; }

.chocolat-wrapper .chocolat-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 40px;
    height: 40px;
    font-size: 1em;
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(0, 0, 0, 0.4);
    text-align: right;
  margin-top: 10px; }

.chocolat-wrapper .chocolat-set-title {
    display: inline-block;
    padding-right: 15px;
    line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3); }

.chocolat-wrapper .chocolat-pagination {
    float: right;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
  /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/ }

.chocolat-wrapper .chocolat-fullscreen {
    width: 16px;
    height: 40px;
    background: url(../assets/images/fullscreen.png) 50% 50% no-repeat;
    display: block;
    margin: auto;
    cursor: pointer;
  float: right; }

.chocolat-wrapper .chocolat-description {
    display: inline-block;
  float: left; }

/* no container mode*/
body.chocolat-open > .chocolat-overlay {
  z-index: 15; }

body.chocolat-open > .chocolat-loader {
  z-index: 15; }

body.chocolat-open > .chocolat-content {
  z-index: 17; }

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
  position: absolute; }

.chocolat-in-container {
  position: relative; }

/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/
#hid_image {
  display: none; }

/* ==========================================================================
   #LINKS
   ========================================================================== */
.c-link__result {
  text-decoration: none; }

.c-link__result--cat {
    background: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 3px;
    text-align: center;
  float: right; }

.c-email a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
  color: #111; }

.c-link__icon {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 24px auto;
    padding: 8px 0 8px 32px;
    text-decoration: none;
    position: relative;
  display: inline-block; }

    .c-link__icon .c-link__copy {
        display: inline-block;
  border-bottom: 1px solid #fff; }

    .c-link__icon.c-link__icon--light {
  color: #fff; }

    .c-link__icon.c-link__icon--dark {
  color: #46484A; }

    .c-link__icon.c-link__icon--xls {
  background-image: url("../assets/images/icon-xls.svg"); }

.c-file__upload {
  position: relative; }

/* ==========================================================================
   #LISTING ITEMS
   ========================================================================== */
.c-listing-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    display: block;
    width: 100%;
    overflow: hidden;
    width: 100%;
  float: left; }

    .c-listing-item:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-listing-item h3 {
  margin-bottom: 10px; }

    .c-listing-item .row {
  margin-top: 0; }

        .c-listing-item .row .col {
  margin-bottom: 2em; }

    .c-listing-item .c-listing-content {
        padding-left: 1em !important;
        display: inline-block;
  position: relative; }

        .c-listing-item .c-listing-content a {
  text-decoration: none; }

    .c-listing-item:last-of-type {
  margin-bottom: 2.5rem !important; }

.c-externalllink {
    height: 1.4em;
    width: 1.4em;
    line-height: 1.6em;
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    pointer-events: none;
    margin-top: -30px;
    z-index: 2;
    text-decoration: none;
    right: 8px;
  top: 1.4em; }

@media (min-width: 768px) {
    .c-externalllink {
        right: 5px;
    top: 1.2em; } }

.at-share-btn:first-of-type {
    display: inline-block !important;
  color: #444  !important; }

.date {
    margin-bottom: 10px;
  display: inline-block; }

.c-listing-booth {
    margin-bottom: 10px;
  display: block; }

/* blog search */
.blog-post-search {
    background: #eee;
    padding: 25px;
    margin-top: 30px;
  margin-bottom: 50px; }

    .blog-post-search span {
  padding-right: 20px; }

    .blog-post-search p {
        margin-top: 1rem;
  margin-bottom: 0; }

@media (min-width: 1024px) {
    .blog-post-search p {
        margin-top: 0;
    float: right; } }

/* tag cloud */
.TagCloud {
    border: 1px solid #ccc;
    padding: 20px;
  margin-bottom: 30px; }

.c-tags h3 {
  margin-bottom: 2px; }

.c-tags a {
    border-right: 1px solid #eee;
    display: inline-block;
  padding: 0 5px; }

    .c-tags a.current {
        background-color: #eee;
  font-weight: bold; }

.recent-blogs .c-listing-item {
    float: none;
    border-bottom: 0;
  margin-bottom: 1rem !important; }

    .recent-blogs .c-listing-item .col {
  margin-bottom: 10px; }

    .recent-blogs .c-listing-item h4 {
        margin: 0;
  text-transform: none; }

.recent-blogs p {
    border-top: 1px solid #ccc;
  padding-top: 15px; }

/* blog comments */
.blog-side-comments {
  overflow: hidden; }

    .blog-side-comments .c-listing-item {
        padding: 20px;
        border: 1px solid #ccc;
        position: relative;
        overflow: initial;
  border-radius: 10px; }

        .blog-side-comments .c-listing-item p {
  margin-bottom: 1rem; }

            .blog-side-comments .c-listing-item p:last-of-type {
  margin: 0; }

        .blog-side-comments .c-listing-item::before {
            content: "";
            position: absolute;
            bottom: -13px;
            left: 20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 13px 13px 0 13px;
            border-color: #ccc transparent transparent transparent;
  display: block; }

        .blog-side-comments .c-listing-item::after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 13px 13px 0 13px;
            border-color: #fff transparent transparent transparent;
  display: block; }

        .blog-side-comments .c-listing-item a {
            font-size: 14px;
  text-decoration: none; }

/* blog post archive */
.blog-post-archive p {
  margin-bottom: 15px; }

.o-sidebar--right {
  margin-bottom: 50px; }

/* blog detail */
.blog-post-details img[align="left"] {
  margin: 2rem 2rem 2rem 0; }

.blog-post-details img[align="right"] {
  margin: 2rem 0 2rem 2rem; }

.blog-post-details div {
  margin-bottom: 1.5rem; }

.blog-comments-view {
    margin-top: 2rem;
    overflow: hidden;
    clear: both;
  margin-top: 2rem; }

    .blog-comments-view .form-group {
  margin-bottom: 1rem; }

    .blog-comments-view .form-group-submit {
  margin-top: 32px; }

    .blog-comments-view .blog-leave-comment {
        margin-top: 1rem;
  margin-bottom: 2rem; }

/* side intro */
.blog-side-into {
    margin-bottom: 2rem;
    background: #f5f5f5;
    padding: 25px;
    position: relative;
  padding-top: 90px; }

    .blog-side-into::before {
        content: open-quote;
        font-size: 100px;
        position: absolute;
        top: 0;
        left: 20px;
  font-family: Georgia; }

/* start rating */
.blog-rating {
    overflow: hidden;
  clear: both; }

@font-face {
    font-family: 'Core-icons';
    src: url("/App_Themes/Default/Fonts/Core-icons.eot");
    src: url("/App_Themes/Default/Fonts/Core-icons.svg#Core-icons") format("svg"), url("/App_Themes/Default/Fonts/Core-icons.eot?#iefix") format("embedded-opentype"), url("/App_Themes/Default/Fonts/Core-icons.woff") format("woff"), url("/App_Themes/Default/Fonts/Core-icons.ttf") format("truetype");
    font-weight: normal;
  font-style: normal; }

.cms-bootstrap [class^="icon-"],
.cms-bootstrap [class*=" icon-"] {
    font-family: 'Core-icons';
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  background-image: none; }

    .cms-bootstrap [class^="icon-"]:before {
  content: "\e619"; }

.cms-bootstrap .icon-w-content-rating:before {
  content: "\e614"; }

.cms-bootstrap .icon-star-empty:before {
  content: "\e615"; }

.cms-bootstrap .icon-star-full:before {
  content: "\e614"; }

.cms-bootstrap .icon-star-semi:before {
  content: "\e613"; }

/* comments */
.CommentDetail {
    border: 1px solid #ccc;
    margin-bottom: 2rem;
    padding: 20px;
    position: relative;
  border-radius: 10px; }

    .CommentDetail::before {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 13px 0 13px;
        border-color: #ccc transparent transparent transparent;
  display: block; }

    .CommentDetail::after {
        content: "";
        position: absolute;
        bottom: -12px;
        left: 20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 13px 0 13px;
        border-color: #fff transparent transparent transparent;
  display: block; }

    .CommentDetail td {
        background: none;
        border: 0;
  padding: 0; }

    .CommentDetail .CommentUserName {
        display: block;
        font-weight: bold;
  margin-bottom: 1rem; }

    .CommentDetail .CommentDate {
        font-size: 14px;
        margin-top: 1rem;
  display: block; }

    .CommentDetail tr:first-child td:first-child {
  display: none; }

.blog-comments-view hr {
  display: none; }

/* ==========================================================================
   #LISTS
   ========================================================================== */
.c-list {
    margin: 0;
    padding: 0;
  list-style: none; }

    .c-list:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-list a {
        text-decoration: none;
  display: block; }

.c-list__browse--az {
  margin-bottom: 32px; }

    .c-list__browse--az li {
        float: left;
  margin: 0 4px 4px 0; }

        .c-list__browse--az li a {
            background: #eee;
            width: 48px;
            height: 48px;
            line-height: 48px;
  text-align: center; }

            .c-list__browse--az li a:hover {
                color: #fff;
  background: #00AEEF; }

        .c-list__browse--az li.c-view-all a {
            width: 100px;
  font-size: 14px; }

.c-list__browse--listing > li {
    margin-bottom: 16px;
    padding-bottom: 16px;
  border-bottom: 1px solid #ccc; }

    .c-list__browse--listing > li > a {
  font-weight: 600; }

    .c-list__browse--listing > li > ul {
        list-style: none;
        margin: 0;
  padding: 0; }

    .c-list__browse--listing > li:last-child {
  border-bottom: none; }

/* ==========================================================================
   #DATE PICKER
   ========================================================================== */
.ui-datepicker {
    width: 20em;
    padding: .2em .2em 0;
    display: none;
    background: #ffffff;
    border: .1em solid #c0c0c0;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        color: #ec038a;
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        cursor: pointer;
    }

        .ui-datepicker .ui-datepicker-prev-hover span,
        .ui-datepicker .ui-datepicker-next-hover span {
            text-decoration: underline;
            text-decoration-line: underline;
        }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 20px;
    }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
        }

    .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-calendar {
    margin: 0 0 .4em;
    background: #ffffff;
}

.ui-datepicker table {
    width: 100%;
    font-size: 1em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    height: 60%;
    padding: .3em .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-trigger {
    background-color: none;
    size: 50%;
}

/* ==========================================================================
   #LOADER
   ========================================================================== */
/* Loading Gif */
.no-js .c-loader {
  display: none; }

.c-loader {
    display: block;
    position: fixed;
    overflow-y: hidden;
    text-align: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
  background: #fff; }

    .c-loader img {
        display: block;
        visibility: hidden;
        width: 70px;
        height: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -30px;
        animation: loaderup 1s;
        animation-delay: 0.3s;
        animation-fill-mode: forwards;
  opacity: 0; }

@keyframes loaderup {
    0% {
        visibility: hidden;
        transform: translateY(40%);
    opacity: 0; }
    100% {
        visibility: visible;
        opacity: 1;
    transform: translateY(0); } }

/* ==========================================================================
   #LOCATIONS
   ========================================================================== */
.c-location-map {
    width: 100%;
  margin-bottom: 2rem; }

    .c-location-map:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.c-location {
    margin: 0 0 2rem 0;
  padding: 0; }

    .c-location h5 {
        margin-bottom: 10px;
  font-weight: bold; }

    .c-location li {
  list-style-type: none; }

        .c-location li a {
            color: #00AEEF;
  text-decoration: none; }

            .c-location li a:hover {
  text-decoration: underline; }

.c-mailing-list {
    margin: 50px 0;
    overflow: hidden;
  clear: both; }

    .c-mailing-list:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-mailing-list .o-container {
  padding: 50px 30px 0px 30px; }

.c-mailinglist__content {
  text-align: center; }

    .c-mailinglist__content h3 {
  font-size: 1.7em; }

    .c-mailinglist__content input {
  display: inline-block; }

        .c-mailinglist__content input[type=text] {
            width: 100%;
  text-align: center; }

        .c-mailinglist__content input[type=submit] {
  vertical-align: bottom; }

    .c-mailinglist__content .ErrorMessage {
        display: block;
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 0.875rem;
  color: #DC1C26; }

    .c-mailinglist__content .InfoMessage {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem;
  color: #4FB74A; }

.c-mailinglist__subscribe {
    margin: auto;
    clear: both;
    margin-top: 2rem;
  overflow: hidden; }

@media (min-width: 768px) {
    .c-mailinglist__subscribe {
    width: 50%; } }

.c-mailinglist__subscribe input.btn-primary {
  margin-top: 2rem; }

.c-mailinglist__bottom {
    width: 100%;
    clear: both;
  margin-top: 2rem; }

.c-mailinglist__header {
    clear: both;
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 5em;
    position: relative;
  margin-top: 40px; }

    .c-mailinglist__header span {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -55px;
        background-color: #fff;
        padding: 8px;
  color: #aaa; }

/* ==========================================================================
   #MEGA SEARCH
   ========================================================================== */
.c-mega-search {
    background: #eee;
    clear: both;
    width: 100%;
  padding: 50px 0; }

    .c-mega-search .row {
  margin: 0; }

@media (min-width: 1024px) {
    .c-mega-search .row {
        margin-bottom: 0;
        margin-left: -30px;
    margin-right: -30px; } }

.c-mega-search--pod {
    width: 100%;
    float: left;
    padding: 0px;
    position: relative;
  margin-bottom: 30px; }

    .c-mega-search--pod h3 {
  margin-bottom: 0; }

    .c-mega-search--pod a {
        display: none;
        position: absolute;
        top: 0;
  right: 0; }

@media (min-width: 320px) {
    .c-mega-search--pod a {
    display: block; } }

.c-mega-search--pod:last-of-type {
  margin-bottom: 0; }

@media (min-width: 768px) {
    .c-mega-search--pod {
        width: 50%;
        padding: 0 15px;
    margin-bottom: 0; }
        .c-mega-search--pod a {
    right: 15px; }
        .c-mega-search--pod:first-of-type {
            width: 100%;
    margin-bottom: 30px; } }

@media (min-width: 1024px) {
    .c-mega-search--pod {
        width: 33.333%;
        padding: 0 30px;
    margin-bottom: 0; }
        .c-mega-search--pod a {
            right: 30px;
    margin-top: 2px; }
        .c-mega-search--pod:first-of-type {
            width: 33.333%;
    margin-bottom: 0px; } }

@media (min-width: 1280px) {
    .c-mega-search--pod {
    padding: 0 30px; }
        .c-mega-search--pod a {
    right: 30px; } }

.c-mega-search--search {
    position: relative;
    width: 100%;
    /*border: solid 2px #00AEEF;*/
    margin-top: 20px;
}

    .c-mega-search--search input {
        height: 60px;
        padding: 0 20px;
        border: 0;
        margin: 0;
        background: #fff;
  width: 100%; }

        .c-mega-search--search input[type="submit"] {
            position: absolute;
            top: 0;
            right: 0;
            width: 70px;
            cursor: pointer;
            background: transparent;
  z-index: 2; }

    .c-mega-search--search .moon-search {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        text-align: center;
        display: block;
        color: #444;
        font-size: 20px;
  line-height: 60px; }

.c-mega-search--select {
    position: relative;
    width: 100%;
    margin-top: 20px;
  background: #fff; }

    .c-mega-search--select:after {
        content: "\e904";
        font-family: 'icomoon' !important;
        speak: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        text-align: center;
        display: block;
        color: #444;
        font-size: 28px;
        line-height: 60px;
  z-index: 1; }

    .c-mega-search--select select {
        height: 60px;
        padding: 0 20px;
        border: 0;
        margin: 0;
        background: transparent;
        width: 100%;
        z-index: 2;
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
  text-overflow: ''; }

        .c-mega-search--select select::-ms-expand {
  display: none; }

/* ==========================================================================
   #MY INSTRUMENTS
   ========================================================================== */
.c-instrument-search {
    float: left;
    width: 48%;
}

.c-instrument-filter {
    float: right;
    width: 48%;
    overflow: visible;
}

    .c-instrument-search .c-dropdown,
    .c-instrument-filter .c-dropdown {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        margin-right: 10px;
    }

        .c-instrument-search .c-dropdown select,
        .c-instrument-filter .c-dropdown select {
            width: 100%;
            padding-right: 40px;
        }

.c-instrument-service a {
  float: none !important; }

.c-page-header {
    width: 100%;
  margin-bottom: 1.5rem; }

    .c-page-header:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-page-header a {
  float: left; }

        .c-page-header a.disable {
            color: #ccc;
            border: 1px solid #ccc;
            pointer-events: none;
            background: #fff;
  line-height: 43px; }

.c-float {
  overflow: inherit; }

.c-sort {
    float: left;
    width: 100%;
    margin-top: 20px;
  display: block; }

@media (min-width: 1024px) {
    .c-sort {
        margin-top: 0px;
        float: right;
    width: auto; }
        .c-sort.left {
    float: left; } }

.c-sort .c-dropdown {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  margin-right: 10px; }

@media (min-width: 480px) {
    .c-sort .c-dropdown {
        display: inline-block;
        margin-bottom: 0;
    width: auto; } }

@media (min-width: 1024px) {
    .c-sort .c-dropdown {
        margin-right: 0;
    margin-left: 10px; } }

.c-sort .c-dropdown select {
    width: 100%;
  padding-right: 40px; }

@media (min-width: 480px) {
    .c-sort .c-dropdown select {
    width: auto; } }

@media (min-width: 1024px) {
    .c-sort.left .c-dropdown {
        margin-right: 10px;
    margin-left: 0px; } }

.c-print {
  margin: 1.5rem 0; }

/* Instruments */
.c-instrument-header {
    height: 50px;
    width: 100%;
    background: #eee;
    margin-bottom: 20px;
    position: relative;
  display: none; }

    .c-instrument-header:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 480px) {
    .c-instrument-header {
    display: block; } }

.c-instrument-header .c-instrument-header--check {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 40px;
    height: 50px;
    line-height: 45px;
  text-align: center; }

    .c-instrument-header .c-instrument-header--check input {
  height: auto; }

.c-instrument-header .c-instrument-header--title {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
  padding-left: 40px; }

@media (min-width: 480px) {
    .c-instrument-header .c-instrument-header--title {
    width: 45%; } }

.c-instrument-header .c-instrument-header--serialnumber {
    display: none;
    float: left;
    width: 15%;
    height: 50px;
  line-height: 50px; }

@media (min-width: 768px) {
    .c-instrument-header .c-instrument-header--serialnumber {
    display: block; } }

.c-instrument-header .c-instrument-header--status {
    display: none;
    float: left;
    width: 25%;
    height: 50px;
  line-height: 50px; }

@media (min-width: 480px) {
    .c-instrument-header .c-instrument-header--status {
    display: block; } }

.c-instrument-header .c-instrument-header--actions {
    display: none;
    float: left;
    width: 15%;
    height: 50px;
  line-height: 50px; }

@media (min-width: 768px) {
    .c-instrument-header .c-instrument-header--actions {
    display: block; } }

.c-instrument-wrapper {
  margin-bottom: 30px; }

    .c-instrument-wrapper .c-instrument .c-instrument-content .tooltip {
        width: 16px;
        height: 16px;
        margin: 8px 14px 0 0;
        border-radius: 100%;
        position: relative;
        cursor: pointer;
        color: #fff;
        background-color: #00AEEF;
        line-height: 16px;
        text-align: center;
        font-size: 0.8em;
        display: inline-block;
  margin-left: 4px; }

.c-instrument {
    min-height: 50px;
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: 0;
    position: relative;
  margin-bottom: 20px; }

    .c-instrument:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-instrument .c-instrument--line {
        height: auto;
        width: 100%;
  position: relative; }

@media (min-width: 480px) {
    .c-instrument .c-instrument--line {
    height: 50px; } }

.c-instrument .c-instrument--line .c-instrument--actions__drop {
    position: absolute;
    top: 0;
    right: 1px;
    width: 50px;
    height: 50px;
    display: block;
    border-left: 1px solid #ccc;
  cursor: pointer; }

    .c-instrument .c-instrument--line .c-instrument--actions__drop span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
  font-size: 26px; }

        .c-instrument .c-instrument--line .c-instrument--actions__drop span:hover {
  color: #00AEEF; }

.c-instrument::after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0px;
    left: -1px;
    margin-top: auto;
    margin-bottom: auto;
    width: 0px;
  background: #00AEEF; }

.c-instrument.due::after {
    background: #F48123;
  width: 4px; }

.c-instrument.overdue::after {
    background: #DC1C26;
  width: 4px; }

.c-instrument.active .c-instrument--actions__drop span {
    transform: rotate(180deg);
  background: #fff; }

.c-instrument.active::after {
  width: 4px; }

.c-instrument .c-instrument--check {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    text-align: center;
    height: 50px;
    display: none;
  line-height: 45px; }

@media (min-width: 480px) {
    .c-instrument .c-instrument--check {
    display: block; } }

.c-instrument .c-instrument--check input {
    height: auto;
    line-height: 50px;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
}

.c-instrument .c-instrument--title {
    display: block;
    padding-left: 20px;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 70px;
    cursor: pointer;
  border-bottom: 1px solid #ccc; }

@media (min-width: 480px) {
    .c-instrument .c-instrument--title {
        padding-right: 10px;
        padding-left: 40px;
        width: 45%;
    border-bottom: 1px solid #ccc; } }

.c-instrument .c-instrument--title:hover {
  color: #00AEEF; }

.c-instrument .c-instrument--serialnumber {
    display: none;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
  background: #fff; }

@media (min-width: 768px) {
    .c-instrument .c-instrument--serialnumber {
        text-align: left;
        width: 15%;
        border-top: 0;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #ccc;
    display: block !important; } }

.c-instrument .c-instrument--status {
    display: none;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
  background: #fff; }

@media (min-width: 480px) {
    .c-instrument .c-instrument--status {
        display: block !important;
        padding-left: 0;
        padding-right: 0;
        width: 55%;
        border-top: 0;
    border-bottom: 1px solid #ccc; } }

@media (min-width: 768px) {
    .c-instrument .c-instrument--status {
    width: 25%; } }

.c-instrument .c-instrument--actions {
    display: none;
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: right;
    padding-right: 10px;
    border-bottom: 1px solid #ccc;
  background: #fff; }

@media (min-width: 768px) {
    .c-instrument .c-instrument--actions {
        text-align: left;
        width: 15%;
        border-top: 0;
        padding-right: 0;
        border-bottom: 1px solid #ccc;
    display: block !important; } }

.c-instrument .c-instrument--actions .c-tooltip-wrapper {
  float: right; }

@media (min-width: 480px) {
    .c-instrument .c-instrument--actions .c-tooltip-wrapper {
    float: left; } }

.c-instrument .c-instrument--actions .c-btn-tooltip {
    display: block;
    float: left;
  position: relative; }

    .c-instrument .c-instrument--actions .c-btn-tooltip span {
  line-height: 50px; }

        .c-instrument .c-instrument--actions .c-btn-tooltip span.moon-tools {
  line-height: 47px; }

.c-instrument .c-instrument--actions div[role=tooltip] {
    display: none;
    position: absolute;
    top: -35px;
    left: -20px;
    height: 35px;
    background: #ccc;
    width: 150px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    background: #00AEEF;
  color: #fff; }

    .c-instrument .c-instrument--actions div[role=tooltip]::before {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 17px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 11px 0 11px;
  border-color: #00AEEF transparent transparent transparent; }

.c-instrument .c-instrument--actions a {
    text-decoration: none;
  margin-right: 10px; }

@media (min-width: 480px) {
    .c-instrument .c-instrument--actions a:hover + div[role=tooltip] {
    display: block; } }

.c-instrument .c-instrument--actions a.disable {
    color: #ccc;
  pointer-events: none; }

.c-instrument .c-instrument--actions .moon-file-text {
  font-size: 16px; }

.c-instrument .c-instrument--actions .moon-package {
  font-size: 18px; }

.c-instrument .c-instrument--actions .moon-magnifying-glass {
  font-size: 17px; }

.c-instrument .c-instrument--actions .moon-medal {
  font-size: 18px; }

.c-instrument .c-instrument--actions .moon-box {
  font-size: 18px; }

.c-instrument .c-instrument--actions .moon-spanner {
  font-size: 24px; }

.c-instrument .c-instrument--actions .moon-tools {
  font-size: 22px; }

.c-instrument .c-instrument-content {
    display: none;
    width: 100%;
  border-bottom: 1px solid #ccc; }

    .c-instrument .c-instrument-content:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-instrument .c-instrument-content table {
  width: 100%; }

@media (min-width: 1024px) {
    .c-instrument .c-instrument-content table {
        width: 50%;
    float: left; } }

.c-instrument .c-instrument-content table td {
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 0;
  background: none; }

    .c-instrument .c-instrument-content table td.download a {
  text-decoration: none; }

    .c-instrument .c-instrument-content table td.download span {
        display: inline-block;
        margin-right: 10px;
  font-size: 15px; }

    .c-instrument .c-instrument-content table td.download .moon-magnifying-glass {
        vertical-align: top;
        line-height: 1.4;
  font-size: 14px; }

    .c-instrument .c-instrument-content table td.download .moon-medal {
        vertical-align: top;
        line-height: 1.5;
  font-size: 16px; }

    .c-instrument .c-instrument-content table td.download .moon-tools {
        vertical-align: top;
        line-height: 1.3;
  font-size: 18px; }

    .c-instrument .c-instrument-content table td a.disable {
        color: #ccc;
  pointer-events: none; }

@media (min-width: 1024px) {
    .c-instrument .c-instrument-content table td {
    border-bottom: 0; } }

.c-instrument .c-instrument-content table td:last-of-type {
  border-right: 0; }

@media (min-width: 1024px) {
    .c-instrument .c-instrument-content table td:last-of-type {
    border-right: 1px solid #ccc; } }

.c-instrument .c-instrument-content table tr:first-of-type td {
  border-top: 0; }

.c-instrument .c-instrument-content .c-instrument-tracker {
    width: 100%;
  padding: 30px 30px 15px 40px; }

@media (min-width: 1024px) {
    .c-instrument .c-instrument-content .c-instrument-tracker {
        float: right;
    width: 50%; } }

.c-instrument .c-instrument-content .c-instrument-tracker ul {
    margin: 0;
  padding: 0; }

    .c-instrument .c-instrument-content .c-instrument-tracker ul li {
        list-style-type: none;
        min-height: 40px;
        position: relative;
        border-left: 1px solid #ccc;
        padding-left: 25px;
        line-height: 1.2rem;
  padding-bottom: 1rem; }

        .c-instrument .c-instrument-content .c-instrument-tracker ul li span {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: -11px;
            border: 1px solid #ccc;
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 20px;
            font-size: 14px;
            border-radius: 50%;
            background: #fff;
  z-index: 9; }

        .c-instrument .c-instrument-content .c-instrument-tracker ul li:last-child {
  border-left: 0; }

        .c-instrument .c-instrument-content .c-instrument-tracker ul li.completed {
  font-weight: 600; }

            .c-instrument .c-instrument-content .c-instrument-tracker ul li.completed span {
                background: #00AEEF;
                border: #00AEEF;
                color: #fff;
  font-weight: normal; }

.c-instrument .c-instrument-content input {
    height: auto;
}

.c-instrument .c-instrument-content .c-instrument-nickname {
    height: 35px;
    margin: -6px 0;
}

.c-instrument .c-instrument-save {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.c-instrument .c-instrument-extra {
    width: 100%;
    padding: 30px;
}

    .c-instrument .c-instrument-extra table {
  width: 100%; }

@media (min-width: 480px) {
    .c-instrument .c-instrument-extra {
        float: right;
    width: 45%; } }

.c-instrument.active .c-instrument-content, .c-instrument.active .c-instrument--status {
  display: block; }

@media (min-width: 768px) {
    .c-instrument.active .c-instrument--actions {
    display: block; } }

@media (min-width: 480px) {
    .c-instrument.c-instrument.active {
    border-top: 0; }
        .c-instrument.c-instrument.active::after {
    top: 0; }
        .c-instrument.c-instrument.active .c-instrument--title, .c-instrument.c-instrument.active .c-instrument--actions, .c-instrument.c-instrument.active .c-instrument--serialnumber, .c-instrument.c-instrument.active .c-instrument--status {
            border-bottom: 0;
            background: #00AEEF;
    color: #fff; }
        .c-instrument.c-instrument.active .c-instrument--actions__drop {
            border-left: 0;
            border-top: 1px solid #ccc;
    right: 0; }
    .c-instrument.active .c-instrument--title:hover {
    color: #fff; }
    .c-instrument.active .c-instrument--actions span {
    color: #fff; }
    .c-instrument.active .c-instrument--actions div[role="tooltip"] {
        background: #eee;
    color: #222; }
        .c-instrument.active .c-instrument--actions div[role="tooltip"]::before {
    border-color: #eee transparent transparent transparent; } }

@media (min-width: 480px) {
    .c-instrument.due .c-instrument--status {
    color: #F48123; }
    .c-instrument.due.active .c-instrument--title {
    background: #F48123; }
    .c-instrument.due.active .c-instrument--line {
    background: #F48123; }
    .c-instrument.due.active .c-instrument--status {
        background: #F48123;
    color: #fff; }
    .c-instrument.due.active .c-instrument--actions {
        background: #F48123;
    color: #fff; }
    .c-instrument.due.active .highlight {
    font-weight: bold; }
        .c-instrument.due.active .highlight::after {
            content: '';
            display: inline-block;
            width: 9px;
            height: 9px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
            background-color: #F48123;
            position: relative;
            top: 0px;
    left: 10px; } }

@media (min-width: 480px) {
    .c-instrument.overdue .c-instrument--status {
    color: #DC1C26; }
    .c-instrument.overdue.active .c-instrument--title {
    background: #DC1C26; }
    .c-instrument.overdue.active .c-instrument--line {
    background: #DC1C26; }
    .c-instrument.overdue.active .c-instrument--serialnumber {
        background: #DC1C26;
    color: #fff; }
    .c-instrument.overdue.active .c-instrument--status {
        background: #DC1C26;
    color: #fff; }
    .c-instrument.overdue.active .c-instrument--actions {
        background: #DC1C26;
    color: #fff; }
    .c-instrument.overdue.active .highlight {
    font-weight: bold; }
        .c-instrument.overdue.active .highlight::after {
            content: '';
            display: inline-block;
            width: 9px;
            height: 9px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
            background-color: #DC1C26;
            position: relative;
            top: 0px;
    left: 10px; } }


.c-instrument-serviceheader {
    /*float:right;*/
    height: 40px;
    width: 80%;
    background: #eee;
    margin-bottom: 5px;
    position: relative;
    display: block;
}

    .c-instrument-serviceheader .c-instrument-header--title {
        float: left;
        width: 55%;
        height: 40px;
        line-height: 40px;
        padding-left: 40px;
    }

    .c-instrument-serviceheader .c-instrument-header--serialnumber {
        float: left;
        width: 20%;
        height: 40px;
        line-height: 40px;
    }

    .c-instrument-serviceheader .c-instrument-header--check {
        padding-right: 40px;
        float: right;
        height: 40px;
        line-height: 40px;
    }

.c-instrument-serviceline {
    min-height: 30px;
    width: 80%;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-top: 5px;
    height: auto;
}

    .c-instrument-serviceline .c-instrument--title {
        display: block;
        padding-left: 40px;
        float: left;
        width: 55%;
        height: 20px;
        line-height: 20px;
    }

    .c-instrument-serviceline .c-instrument--serialnumber {
        display: block;
        float: left;
        width: 20%;
        height: 20px;
        line-height: 20px;
    }

    .c-instrument-serviceline .c-instrument--check {
        display: block;
        padding-right: 40px;
        float: right;
        height: 20px;
        line-height: 20px;
    }

        .c-instrument-serviceline .c-instrument--check input {
            height: auto;
            line-height: 50px;
            width: 18px;
            height: 18px;
            margin-right: 6px;
            vertical-align: middle;
        }

/*dropdown checkbox*/
.multiselect {
    width: auto;
}

.selectBox {
    position: relative;
}

    .selectBox select {
        width: 100%;
    }

    .selectBox label {
        position: absolute;
        margin: 10px 20px;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes {
    display: none;
    border: 1px #ccc solid;
    position: absolute;
    z-index: 100;
    background: white;
    width: 100%;
}

    .checkboxes label {
        display: block;
        height: 45px;
        padding: 10px;
    }

        .checkboxes label:hover {
            background-color: #00AEEF;
            color: #fff;
            cursor: pointer;
        }

    .checkboxes .selectedsort {
        background-color: #EC038A;
        color: #fff;
    }

    .checkboxes input {
        height: auto;
        margin-right: 10px;
    }

/* ==========================================================================
   #NAVIGATION MMENU
   ========================================================================== */
#mmenu {
    z-index: 4;
}

    #mmenu:not(.mm-menu) {
  display: none; }

.mm-menu.mm-offcanvas {
  max-width: 350px; }

.mm-menu {
    background: #fff;
    font-family: "brandon-grotesque", "Arial", sans-serif;
    font-weight: 500;
  text-transform: uppercase; }

    .mm-menu .mm-listview li a {
  font-size: 14px; }

em.mm-counter + a.mm-next {
  width: 50px; }

    em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
  margin-right: 50px; }

.mm-navbars-top {
    height: 40px;
  border: 0; }

.mm-navbar .mm-title {
  font-size: 14px; }

.mm-navbar .moon-home {
    font-size: 18px;
    text-align: left;
  padding: 0 0 0 20px; }

    .mm-navbar .moon-home::before {
        line-height: 38px;
  color: #00AEEF; }

.mm-navbar .moon-x {
    font-size: 22px;
    text-align: right;
  padding: 0 15px 0 0; }

    .mm-navbar .moon-x::before {
        line-height: 38px;
  color: #DC1C26; }

.mm-navbars-bottom a {
  font-size: 18px; }

.mm-next::after, .mm-prev::before {
    transform: rotate(0deg);
    height: auto;
    width: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    content: "\e901";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    border: 0;
    right: 0;
  color: #999; }

.mm-prev::before {
    content: "\e903";
  left: 0; }

/* ==========================================================================
   #NAVIGATION
   ========================================================================== */
.c-main-nav {
    float: right;
    margin-right: 20px;
  display: none; }

@media (min-width: 1024px) {
    .c-main-nav {
        display: block !important;
        background: none;
    border: 0; } }

.c-main-nav .o-container {
  padding: 0; }

@media (min-width: 1024px) {
    .c-main-nav .o-container {
    padding: 0 25px; } }

.c-main-nav > ul {
    padding: 0;
    margin: 0;
  list-style-type: none; }

    .c-main-nav > ul > li {
        height: 110px;
        line-height: 110px;
        padding: 0 20px;
        display: block;
  float: left; }

        .c-main-nav > ul > li:last-child {
  margin-right: 0; }

        .c-main-nav > ul > li > a {
            width: 100%;
            display: block;
            color: #444;
            border: 0;
            width: auto;
            font-size: 16px;
            text-decoration: none;
            text-transform: uppercase;
  font-family: "brandon-grotesque", "Arial", sans-serif; }

@media (min-width: 1280px) {
    .c-main-nav > ul > li > a {
    font-size: 18px; } }

.c-main-nav > ul > li a:hover {
  text-decoration: none; }

@media (min-width: 1024px) {
    .c-main-nav > ul > li a:hover {
    color: #00AEEF; } }

.c-main-nav > ul > li:hover > a {
  position: relative; }

    .c-main-nav > ul > li:hover > a::after {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        height: 7px;
        background: #00AEEF;
  animation: popup 0.3s; }

.c-megamenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 110px;
    overflow: hidden;
    left: 0;
    background: #eee;
    width: 100%;
    z-index: 99;
    line-height: 1.5em;
    padding: 50px 0;
  box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.2); }

    .c-megamenu .row {
  margin-bottom: 0; }

        .c-megamenu .row .col {
  margin-bottom: 0; }

    .c-megamenu ul {
        margin: 0;
  padding: 0; }

        .c-megamenu ul li {
            display: block;
            width: 100%;
            list-style-type: none;
            height: 45px;
            border-bottom: 1px solid #ccc;
            line-height: 45px;
            font-size: 16px;
  position: relative; }

            .c-megamenu ul li.active:hover a {
  color: #333; }

            .c-megamenu ul li a {
                text-decoration: none;
                display: block;
                overflow: hidden;
                max-height: 145px;
                text-overflow: ellipsis;
                white-space: nowrap;
  font-size: 16px; }

                .c-megamenu ul li a img {
                    transition: all 0.5s ease-in-out;
                    transform: scale(1.01);
  margin-top: -33px; }

                .c-megamenu ul li a:hover img {
  transform: scale(1.1); }

.c-list-item {
  margin-bottom: 20px; }

    .c-list-item:last-of-type {
  margin-bottom: 0; }

    .c-list-item small {
        color: #EC038A;
  font-size: 0.875rem; }

    .c-list-item h4 {
  margin-bottom: 0px; }

        .c-list-item h4 a {
  text-decoration: none; }

    .c-list-item p {
        font-size: 0.875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
  margin-bottom: 0; }

.c-discover:hover .c-megamenu {
    visibility: visible;
    opacity: 1;
  transition: all 180ms ease-in-out; }

.c-solutions:hover .c-megamenu {
    visibility: visible;
    opacity: 1;
  transition: all 180ms ease-in-out; }

    .c-solutions:hover .c-megamenu ul li.industry, .c-solutions:hover .c-megamenu ul li.application, .c-solutions:hover .c-megamenu ul li.products {
  cursor: pointer; }

        .c-solutions:hover .c-megamenu ul li.industry:hover, .c-solutions:hover .c-megamenu ul li.application:hover, .c-solutions:hover .c-megamenu ul li.products:hover {
  color: #00AEEF; }

        .c-solutions:hover .c-megamenu ul li.industry.active:hover, .c-solutions:hover .c-megamenu ul li.application.active:hover, .c-solutions:hover .c-megamenu ul li.products.active:hover {
  color: #00AEEF; }

        .c-solutions:hover .c-megamenu ul li.industry::after, .c-solutions:hover .c-megamenu ul li.application::after, .c-solutions:hover .c-megamenu ul li.products::after {
            content: "\e901";
            font-family: 'icomoon' !important;
            speak: none;
            position: absolute;
  right: 0; }

    .c-solutions:hover .c-megamenu .col.l9 {
  display: none; }

        .c-solutions:hover .c-megamenu .col.l9.active {
            display: block;
  animation: fadein 0.5s; }

        .c-solutions:hover .c-megamenu .col.l9 .c-btn {
            float: left;
            clear: both;
            margin-top: 30px;
  margin-left: 1rem; }

.col.c-industries {
  margin-bottom: 0; }

    .col.c-industries ul li {
        height: auto;
        position: relative;
        border: 0;
  margin-bottom: 30px; }

        .col.c-industries ul li span {
            position: absolute;
            bottom: 0;
            left: 0;
            background: #eee;
  padding-right: 15px; }

    .col.c-industries .row {
  margin-bottom: 0; }

        .col.c-industries .row .col {
  margin-bottom: 0; }

            .col.c-industries .row .col li:last-child {
  margin-bottom: 0; }

.has-children {
  position: relative; }

    .has-children ul {
        visibility: hidden;
        opacity: 0;
        transition: all 180ms ease-in-out;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 20px;
        top: 110px;
        z-index: 20;
  width: 230px; }

        .has-children ul::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 20px;
            right: 20px;
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  z-index: 3; }

        .has-children ul li {
            display: block;
            border-bottom: 1px solid #ccc;
            background: #eee;
            position: relative;
  z-index: 4; }

            .has-children ul li:last-child {
  border-bottom: 0; }

            .has-children ul li a {
                line-height: 1.3rem;
                display: block;
                width: 100%;
                padding: 12px 20px;
  text-decoration: none; }

    .has-children:hover > ul {
        visibility: visible;
  opacity: 1; }

.c-helper-full {
    min-height: 400px;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    clear: both;
    background-position: center center;
    background-size: cover;
  background-repeat: no-repeat; }

    .c-helper-full .o-container {
        position: relative;
  z-index: 2; }

.c-helper-full__content {
    position: relative;
    padding: 0 0 30px 0;
    bottom: 0;
    left: 0;
    top: 100%;
    color: #fff;
  max-width: 700px; }

@media (min-width: 480px) {
    .c-helper-full__content {
    padding: 30px; } }

.c-helper-full__content p:last-of-type {
  margin: 0; }

.c-helper-full__title {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  line-height: 1.8rem; }

.c-helper-full::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  background: rgba(0, 0, 0, 0.4); }

.c-helper-full-buttons {
  margin: 0px; }

@media (min-width: 480px) {
    .c-helper-full-buttons {
    margin: 30px; } }

.c-helper-full-buttons .row {
  margin: 0px; }

    .c-helper-full-buttons .row .col {
        padding: 0;
        margin-bottom: 0;
        padding-bottom: 1px;
  padding-right: 0; }

@media (min-width: 480px) {
    .c-helper-full-buttons .row .col {
    padding-right: 1px; } }

@media (min-width: 1024px) {
    .c-helper-full-buttons .row .col {
        padding-bottom: 0;
    padding-right: 1px; } }

.c-helper-full-button span {
    margin-right: 10px;
    font-size: 1.4rem;
    display: inline-block;
    height: 60px;
    vertical-align: top;
  line-height: 60px; }

.c-helper-full-button a {
    background-color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 1.2rem;
    text-decoration: none;
    padding-left: 20px;
  display: block; }

@media (min-width: 480px) {
    .c-helper-full-button a {
        text-align: center;
    padding-left: 0; } }

.c-helper-full-button a:hover {
    color: #fff;
    background-color: #00AEEF;
  transition: background-color 0.4s ease-in-out; }

.c-helper-row {
    padding: 2.5rem 0;
  background: #eee; }

.c-helper-row__inner {
    float: left;
    font-size: 2rem;
    line-height: 1.2em;
  margin-bottom: 30px; }

@media (min-width: 1024px) {
    .c-helper-row__inner {
    margin: 0; } }

.c-helper-row__buttons {
    float: left;
    width: 100%;
  clear: both; }

    .c-helper-row__buttons a {
        margin-right: 15px;
        margin-top: 10px;
  width: 100%; }

@media (min-width: 480px) {
    .c-helper-row__buttons a {
        margin-top: 0;
    width: auto; } }

@media (min-width: 1024px) {
    .c-helper-row__buttons {
        float: right;
        width: auto;
        clear: none;
    height: 45px; }
        .c-helper-row__buttons a {
            margin-right: 0;
    margin-left: 15px; } }

/* ==========================================================================
   #NOTIFICATIONS
   ========================================================================== */
.c-notification {
    width: 100%;
    margin-bottom: 2rem;
  padding: 0; }

    .c-notification:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-notification .c-notification__icon {
        text-align: center;
  padding: 2rem; }

        .c-notification .c-notification__icon span {
            display: inline-block;
            font-size: 40px;
            border: 2px solid #fff;
            color: #fff;
            border-radius: 50%;
  padding: 20px; }

    .c-notification .c-notification__message {
        padding: 2rem;
  border: 1px solid #ccc; }

        .c-notification .c-notification__message p:last-of-type {
  margin: 0; }

    .c-notification.popout {
        width: 85%;
  max-width: 500px; }

.c-notification__success .c-notification__icon {
  background: #00DA9E; }

.c-notification__success .c-notification__message {
  border: 1px solid #00DA9E; }

.c-notification__error .c-notification__icon {
  background: #FC6156; }

.c-notification__error .c-notification__message {
  border: 1px solid #FC6156; }

/* Address Lookup */
.c-notification #divStrikeIron, .c-notification #divSap {
  padding: 25px; }

    .c-notification #divStrikeIron .buttons, .c-notification #divSap .buttons {
  margin-top: 20px; }

/* ==========================================================================
   #PAGINATION
   ========================================================================== */
.c-pagination-wrapper {
    margin-top: 2rem;
}

.c-pagination {
    margin: 0 0 16px 0;
  list-style: none; }

    .c-pagination:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-pagination > li {
        float: left;
  margin: 0 4px 4px 0; }

        .c-pagination > li > a,
        .c-pagination .c-pagination__active {
            background: #eee;
            width: 48px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            display: block;
            text-decoration: none;
  color: #46484A; }

.c-pagination__active {
  opacity: 0.5; }

.c-pagination > li > a:hover {
    color: #fff;
  background: #00AEEF; }

c-pagination_div {
    position: relative;
    height: 30px;
    margin: 4px;
}

/* ==========================================================================
   #PRODUCT DETAIL
   ========================================================================== */
.c-product-meta--model {
    margin-bottom: 1rem;
  display: block; }

.c-product-meta--price {
    font-size: 2rem;
    margin-top: 1rem;
  display: block; }

.c-product-meta--listingprice {
    font-size: 1rem;
    margin-top: 0rem;
    display: block;
  font-family: "brandon-grotesque", "Arial", sans-serif; }

.c-product-meta--cta {
  margin-top: 2rem; }

    .c-product-meta--cta a {
        display: inline-block;
  margin-right: 1rem; }

#lightbox a.thumb, #lightbox a.chocolat-image {
    position: relative;
    width: 100%;
    display: block;
  overflow: hidden; }

    #lightbox a.thumb::after, #lightbox a.chocolat-image::after {
        content: "\e906";
        font-family: 'icomoon' !important;
        speak: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 45px;
        height: 45px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        line-height: 45px;
        text-align: center;
        margin-top: 30%;
        font-size: 22px;
        opacity: 0;
        transition: all 180ms ease-in-out;
  color: #46484A; }

    #lightbox a.thumb img, #lightbox a.chocolat-image img {
  transition: all 180ms ease-in-out; }

    #lightbox a.thumb:hover img, #lightbox a.chocolat-image:hover img {
  opacity: 0.3; }

    #lightbox a.thumb:hover::after, #lightbox a.chocolat-image:hover::after {
  opacity: 1; }

.c-product-slider {
  margin-top: 20px; }

@media (min-width: 1024px) {
    .c-product-slider {
        display: block;
    margin-top: 0px; } }

.c-product-slider > div a:focus {
  outline: none; }

.c-product-thumbnails__wrapper {
    width: 100%;
    padding: 0px 40px;
  margin-top: 40px; }

    .c-product-thumbnails__wrapper:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 1024px) {
    .c-product-thumbnails__wrapper {
    margin-top: 0; } }

.c-product-thumbnails {
    position: relative;
    visibility: hidden;
  height: 0; }

    .c-product-thumbnails.slick-initialized {
        visibility: visible;
  height: auto; }

    .c-product-thumbnails .c-product-thumbnail {
        padding: 0 10px;
        cursor: pointer;
  opacity: 0.7; }

        .c-product-thumbnails .c-product-thumbnail.slick-current {
  opacity: 1; }

        .c-product-thumbnails .c-product-thumbnail:focus {
  outline: none; }

    .c-product-thumbnails .slick-arrow {
        position: absolute;
        top: 30%;
        border: 0;
        background: none;
        color: #888;
  cursor: pointer; }

        .c-product-thumbnails .slick-arrow:hover {
  color: #EC038A; }

        .c-product-thumbnails .slick-arrow.slick-prev {
            left: -50px;
  font-size: 0; }

            .c-product-thumbnails .slick-arrow.slick-prev::after {
                content: "\e903";
                font-family: 'icomoon' !important;
                speak: none;
  font-size: 30px; }

        .c-product-thumbnails .slick-arrow.slick-next {
            right: -50px;
  font-size: 0; }

            .c-product-thumbnails .slick-arrow.slick-next::after {
                content: "\e901";
                font-family: 'icomoon' !important;
                speak: none;
  font-size: 30px; }

    .c-product-thumbnails .slick-dots {
        width: 100%;
        text-align: center;
        margin: 15px 0 0 0;
  padding: 0; }

        .c-product-thumbnails .slick-dots li {
            list-style-type: none;
            display: inline-block;
            margin: 0 6px;
            width: 10px;
  height: 10px; }

            .c-product-thumbnails .slick-dots li button {
                display: block;
                padding: 0;
                border: 0;
                width: 10px;
                height: 10px;
                font-size: 0;
                background: #ddd;
                border-radius: 50%;
  cursor: pointer; }

                .c-product-thumbnails .slick-dots li button:focus {
  outline: none; }

            .c-product-thumbnails .slick-dots li.slick-active button {
  background: #EC038A; }

.c-product-slider .slick-slide img {
    margin: auto;
  max-height: 500px; }

#features .col img {
    width: 100%;
  height: auto; }

#components {
    padding-bottom: 15px;
  border-bottom: 1px solid #ccc; }

@media (min-width: 768px) {
    #components {
    padding-bottom: 40px; } }

#components h2 {
  margin-bottom: 30px; }

#accessories {
    padding-top: 40px;
  padding-bottom: 15px; }

@media (min-width: 768px) {
    #accessories {
    padding-bottom: 40px; } }

.show-products::after {
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 20px;
    margin-left: 5px;
    display: inline-block;
  vertical-align: top; }

@media (min-width: 768px) {
    .show-products::after {
    display: none; } }

.show-products.active::after {
  content: "\e900"; }

.hidden-products {
  display: none; }

    .hidden-products.visible {
  display: block; }

@media (min-width: 768px) {
    .hidden-products {
    display: block; } }

.c-resources:after {
    content: '' !important;
    display: block !important;
  clear: both !important; }

.c-resources .c-resources--nav, .c-resources .c-resources-private--nav {
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
  display: none; }

@media (min-width: 768px) {
    .c-resources .c-resources--nav, .c-resources .c-resources-private--nav {
        display: block !important;
        margin: 0;
        width: 25%;
    float: left; } }

.c-resources .c-resources--nav li, .c-resources .c-resources-private--nav li {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 1rem;
    border: 1px solid #ccc;
    border-bottom: 0;
    cursor: pointer;
  position: relative; }

    .c-resources .c-resources--nav li:hover, .c-resources .c-resources-private--nav li:hover {
  background: #fff; }

    .c-resources .c-resources--nav li.active, .c-resources .c-resources-private--nav li.active {
  background: #fff; }

@media (min-width: 768px) {
    .c-resources .c-resources--nav li, .c-resources .c-resources-private--nav li {
        height: 60px;
        line-height: 60px;
    margin-right: -1px; }
        .c-resources .c-resources--nav li.active::after, .c-resources .c-resources-private--nav li.active::after {
            content: "";
            position: absolute;
            right: -1px;
            top: 0;
            height: 59px;
            width: 5px;
    background: #fff; }
        .c-resources .c-resources--nav li::after, .c-resources .c-resources-private--nav li::after {
            content: "\e901";
            font-family: 'icomoon' !important;
            speak: none;
            position: absolute;
            right: 1rem;
            font-size: 1.4rem;
    color: #999; } }

.c-resources .c-resources--content, .c-resources .c-resources-private--content, .c-resources .c-announcement--content {
    border: 1px solid #ccc;
    padding: 2rem;
    background: #fff;
  margin-top: 2rem; }

@media (min-width: 768px) {
    .c-resources .c-resources--content, .c-resources .c-resources-private--content, .c-resources .c-announcement--content {
        margin-top: 0;
        width: 75%;
        float: left;
    min-height: 361px; } }

.c-resources .c-resources--content > div, .c-resources .c-resources-private--content > div, .c-resources .c-announcement--content > div {
  display: none; }

    .c-resources .c-resources--content > div.active, .c-resources .c-resources-private--content > div.active, .c-resources .c-announcement--content > div.active {
  display: block; }

.c-resources .c-resources--content h4, .c-resources .c-resources-private--content h4, .c-resources .c-announcement--content h4 {
  margin-bottom: 1rem; }

    .c-resources .c-resources--content h4 img, .c-resources .c-resources-private--content h4 img, .c-resources .c-announcement--content h4 img {
        vertical-align: top;
        margin-top: 4px;
  margin-right: 10px; }

.c-resources .c-resources--content ul, .c-resources .c-resources-private--content ul, .c-resources .c-announcement--content ul {
    margin: 0 0 2rem 0;
  padding: 0; }

    .c-resources .c-resources--content ul:last-of-type, .c-resources .c-resources-private--content ul:last-of-type, .c-resources .c-announcement--content ul:last-of-type {
  margin-bottom: 0; }

    .c-resources .c-resources--content ul li, .c-resources .c-resources-private--content ul li, .c-resources .c-announcement--content ul li {
        display: block;
        position: relative;
        padding-left: 20px;
  margin-bottom: 0.5rem; }

        .c-resources .c-resources--content ul li::before, .c-resources .c-resources-private--content ul li::before, .c-resources .c-announcement--content ul li::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 10px;
            height: 5px;
            width: 5px;
            border-radius: 50%;
  background: #999; }

        .c-resources .c-resources--content ul li .new, .c-resources .c-resources-private--content ul li .new, .c-resources .c-announcement--content ul li .new {
            display: inline-block;
            margin-right: 8px;
            font-size: 10px;
            background: #00AEEF;
            padding: 0 5px;
            color: #fff;
  font-family: "brandon-grotesque", "Arial", sans-serif; }

        .c-resources .c-resources--content ul li a, .c-resources .c-resources-private--content ul li a, .c-resources .c-announcement--content ul li a {
  text-decoration: none; }

.c-announcement--content {
    width: 100% !important;
    min-height: auto !important;
    margin: auto;
    padding: 16px 25px 0 25px;
  margin-bottom: 5em; }

.c-widget-nav .c-view-resources {
  padding: 0; }

    .c-widget-nav .c-view-resources a {
        display: block;
        width: 100%;
        padding: 12px 1rem;
        transition: all 180ms ease-in-out;
  position: relative; }

        .c-widget-nav .c-view-resources a::after {
            content: "\e901";
            position: absolute;
            top: 7px;
            right: 20px;
            font-family: 'icomoon' !important;
            speak: none;
            font-size: 24px;
            color: #333;
            opacity: 0;
            -webkit-transition: all 180ms ease-in-out;
  transition: all 180ms ease-in-out; }

        .c-widget-nav .c-view-resources a:hover {
            background: #eee;
  color: #333; }

            .c-widget-nav .c-view-resources a:hover::after {
  opacity: 1; }

.c-resources--nav__btn {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    border: 1px solid #ccc;
    padding: 0 1rem;
    position: relative;
  cursor: pointer; }

    .c-resources--nav__btn:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 768px) {
    .c-resources--nav__btn {
    display: none; } }

.c-resources--nav__btn.active {
  border-bottom: 0; }

.c-resources--nav__btn::after {
    content: "" !important;
    position: absolute;
    font-family: 'icomoon' !important;
    speak: none;
    right: 20px;
    top: 0px;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.c-resources--nav__btn.active::after {
  content: "" !important; }

/* ==========================================================================
   #PRODUCT GRID ITEM
   ========================================================================== */
.c-product-grid-item {
  padding: 10px 10px 10px 10px; }

    .c-product-grid-item .c-product-grid-item__image {
        position: relative;
        width: 100%;
        margin-bottom: 1.5rem;
        border: 1px solid #ddd;
        padding: 20px;
  text-align: center; }

        .c-product-grid-item .c-product-grid-item__image img {
            height: auto;
            max-height: 100%;
            transition: all 180ms ease-in-out;
            margin-bottom: 0;
  align-self: center; }

        .c-product-grid-item .c-product-grid-item__image a.thumb {
            width: 100%;
            display: block;
            overflow: hidden;
            display: flex;
            justify-content: center;
  flex-direction: column; }

        .c-product-grid-item .c-product-grid-item__image:hover img {
  opacity: 0.3; }

        .c-product-grid-item .c-product-grid-item__image:hover a::after {
            margin-top: 35%;
  opacity: 1; }

    .c-product-grid-item .c-product-grid-item__content {
  height: auto; }

        .c-product-grid-item .c-product-grid-item__content a {
            text-decoration: none;
            display: block;
  width: 100%; }

        .c-product-grid-item .c-product-grid-item__content h4 {
            margin: 0 0 10px 0;
  font-size: 1rem; }

        .c-product-grid-item .c-product-grid-item__content p {
  font-size: 14px; }

        .c-product-grid-item .c-product-grid-item__content ul {
            margin: 30px 0 0 0;
  padding: 0; }

            .c-product-grid-item .c-product-grid-item__content ul li {
                list-style-type: none;
  margin-bottom: 5px; }

                .c-product-grid-item .c-product-grid-item__content ul li a {
  text-decoration: underline; }

    .c-product-grid-item .c-product-meta--cta {
        padding-top: 1rem;
        margin-top: 1rem;
  border-top: 1px solid #ddd; }

/* ==========================================================================
   #PRODUCT LISTING
   ========================================================================== */
.c-category-nav {
    margin: 0 0 30px 0;
  border-top: 1px solid #ddd; }

    .c-category-nav > li {
        border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

    .c-category-nav li {
        list-style-type: none;
        font-family: "brandon-grotesque", "Arial", sans-serif;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
  position: relative; }

        .c-category-nav li span.c-cat {
            height: auto;
            width: 100%;
            display: inline-block;
  padding-left: 15px; }

        .c-category-nav li span.c-cathead {
            height: auto;
            width: 100%;
            display: block;
    padding-left: 15px; }

        .c-category-nav li span.c-cat:after {
            content: '' !important;
            display: block !important;
  clear: both !important; }

        .c-category-nav li span.c-cathead:after {
            content: '' !important;
            display: block !important;
    clear: both !important; }

        .c-category-nav li span.c-cat input[type=checkbox] {
            float: left;
            display: block;
            line-height: 45px;
            /*height: auto;*/
            margin-right: 10px;
            height: 45px;
            cursor: pointer;
            margin-top: 5px;
        }

        .c-category-nav li span.c-cathead input[type=checkbox] {
            float: left;
            display: block;
            line-height: 45px;
            /*height: auto;*/
            margin-right: 10px;
            height: 45px;
            cursor: pointer;
            margin-top: 5px;
        }

        .c-category-nav li span.c-cat label {
            float: left;
            display: block;
            line-height: 46px;
            margin: 0;
            height: 45px;
            cursor: pointer;
            width: 90%;
            padding-right: 30px;
            white-space: nowrap;
            overflow: hidden;
  text-overflow: ellipsis; }

        .c-category-nav li span.c-cat:hover {
            overflow: visible;
    text-overflow: unset; }

        .c-category-nav li span.c-cathead label {
            float: left;
            display: block;
            line-height: normal;
            margin: 0;
            cursor: pointer;
            width: 90%;
            padding-top: 4%;
            padding-bottom: 4%;
    padding-right: 30px; }

        .c-category-nav li .c-cat-drop {
            position: absolute;
            top: 0;
            right: 0;
            height: 45px;
            line-height: 45px;
            width: 45px;
            text-align: center;
            font-size: 22px;
  cursor: pointer; }

            .c-category-nav li .c-cat-drop:hover {
  color: #00AEEF; }

        .c-category-nav li .c-cathead-drop {
            position: absolute;
            top: 0;
            right: 0;
            height: auto;
            line-height: 45px;
            width: 45px;
            text-align: center;
            font-size: 22px;
    cursor: pointer; }

            .c-category-nav li .c-cathead-drop:hover {
    color: #00AEEF; }

        .c-category-nav li > ul {
            display: none;
  margin: 0; }

            .c-category-nav li > ul li {
                text-transform: none;
  background: #f5f5f5; }

                .c-category-nav li > ul li span.c-cat {
                    height: auto;
                    height: 40px;
  line-height: 40px; }

                    .c-category-nav li > ul li span.c-cat input[type=checkbox] {
                        height: 40px;
  line-height: 40px; }

                    .c-category-nav li > ul li span.c-cat label {
                        height: 40px;
  margin: auto; }

                .c-category-nav li > ul li span.c-cathead {
                    height: auto;
    line-height: normal; }

                    .c-category-nav li > ul li span.c-cathead input[type=checkbox] {
                        height: 40px;
    line-height: 40px; }

                    .c-category-nav li > ul li span.c-cathead label {
                        height: auto;
    line-height: normal; }

        .c-category-nav li.active > .c-cat {
            background: #00AEEF;
  color: #fff; }

            .c-category-nav li.active > .c-cat .c-cat-drop::before {
                color: #fff;
  content: ""; }

            .c-category-nav li.active > .c-cat + ul {
  display: block; }

        .c-category-nav li.active > .c-cathead {
            background: #00AEEF;
    color: #fff; }

            .c-category-nav li.active > .c-cathead .c-cathead-drop::before {
                color: #fff;
    content: ""; }

            .c-category-nav li.active > .c-cathead + ul {
    display: block; }

    .c-category-nav > li.active::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        width: 4px;
  background: #00AEEF; }

    .c-category-nav li > ul > li.active > .c-cat {
        background: #f5f5f5;
        border-bottom: 1px solid #ddd;
  color: #333; }

        .c-category-nav li > ul > li.active > .c-cat .c-cat-drop::before {
            color: #333;
  content: ""; }

        .c-category-nav li > ul > li.active > .c-cat + ul {
  display: block; }

    .c-category-nav li > ul > li .c-cat-drop {
        height: 40px;
  line-height: 40px; }

    .c-category-nav li > ul > li.active > .c-cathead {
        background: #f5f5f5;
        border-bottom: 1px solid #ddd;
    color: #333; }

        .c-category-nav li > ul > li.active > .c-cathead .c-cathead-drop::before {
            color: #333;
    content: ""; }

        .c-category-nav li > ul > li.active > .c-cathead + ul {
    display: block; }

    .c-category-nav li > ul > li .c-cathead-drop {
        height: 40px;
    line-height: 40px; }

    .c-category-nav li > ul > li:last-child {
  border: 0; }

    .c-category-nav li > ul > li ul {
  background: #e9e9e9; }

        .c-category-nav li > ul > li ul li {
  background: #e9e9e9; }

.ui-helper-hidden-accessible {
  display: none; }

.c-category-nav li span.c-cat label {
    float: left;
    display: flex;
    line-height: 1.5;
    margin: 5px 0 0 0;
    min-height: 45px;
    height: auto;
    cursor: pointer;
    width: 90%;
    padding-right: 30px;
    white-space: normal;
    align-items: center;
}

.c-category-nav li span.c-cathead label {
    float: left;
    display: block;
    margin: 0;
    height: auto;
    cursor: pointer;
    width: 90%;
    padding-top: 4%;
    padding-right: 30px; }

/* ==========================================================================
   #QUICK NAV
   ========================================================================== */
.quick-nav {
    display: none;
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 12;
  transition: all 180ms ease-in-out; }

    .quick-nav:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .quick-nav.stick {
        border-bottom: 0;
  box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.1); }

    .quick-nav .o-container {
  position: relative; }

@media (max-width: 1023px) {
    .quick-nav.cloned {
    display: none !important; } }

@media (min-width: 1024px) {
    .quick-nav {
    display: block; } }

.quick-nav ul {
    padding: 0;
  margin: 0; }

    .quick-nav ul li {
        display: inline-block;
  line-height: 60px; }

        .quick-nav ul li.active a::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 4px;
  background: #00AEEF; }

        .quick-nav ul li.initial a::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 4px;
  background: #ccc; }

        .quick-nav ul li a {
            font-family: "brandon-grotesque", "Arial", sans-serif;
            display: block;
            padding: 0 20px;
            font-size: 1em;
            font-weight: 500;
            position: relative;
            text-transform: uppercase;
  text-decoration: none; }

.c-cta-btn {
    position: absolute;
    top: 10px;
    right: 25px;
    display: block;
    line-height: 40px;
    height: 40px;
    background: #00AEEF;
    font-size: 1em;
    font-weight: 500;
    visibility: hidden;
  opacity: 0; }

    .c-cta-btn:hover {
        background: #00AEEF;
  color: #fff; }

.quick-nav.stick .c-cta-btn {
    visibility: visible;
  opacity: 1; }

/* ==========================================================================
   #QUICK ORDER FORM
   ========================================================================== */
.c-quick-order__intro {
    width: 100%;
    min-height: 150px;
    vertical-align: middle;
    text-align: center;
    padding: 40px;
  border: 1px solid #ccc; }

    .c-quick-order__intro span {
        font-size: 2em;
        margin-bottom: 10px;
  display: inline-block; }

    .c-quick-order__intro.hide {
  display: none; }

.c-quick-order__product.hide {
  display: none; }

.c-quick-order__product .c-quick-order__product-item {
    width: 100%;
    min-height: 170px;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
  padding: 10px 0; }

    .c-quick-order__product .c-quick-order__product-item:first-of-type {
        border-top: 1px solid #eee;
  padding-top: 20px; }

    .c-quick-order__product .c-quick-order__product-item:last-of-type {
  margin-bottom: 40px; }

    .c-quick-order__product .c-quick-order__product-item .c-search-results--item__content {
  margin-bottom: 0; }

    .c-quick-order__product .c-quick-order__product-item .c-quick-order--price {
        margin-top: 2px;
  display: inline-block; }

    .c-quick-order__product .c-quick-order__product-item label {
        height: 20px;
  color: #888; }

    .c-quick-order__product .c-quick-order__product-item input.c-textinput {
        height: 30px;
        margin-top: 0px;
  width: 60px; }

.o-has-sidebar .c-quick-order__right .summary-content {
  min-height: 0; }

.c-quick-order__cart-item-selectplug select {
  margin-top: 8px; }

.o-has-sidebar .qty-container .c-textinput {
  width: 50px !important; }

.o-has-sidebar .qty-container .c-btn {
    vertical-align: top;
  margin-left: 4px; }

.o-has-sidebar .c-quick-order__right {
  margin-bottom: 2rem; }

.o-has-sidebar .c-quick-order__cart-item {
    margin-bottom: 3rem;
  border: 1px solid #ddd; }

.c-search-box-container.c-search__order {
    width: 100%;
    margin-top: 0;
  display: block; }

#divSaveOrder {
    max-width: 300px;
    margin-left: auto;
  margin-right: auto; }

    #divSaveOrder .c-btn {
  margin-top: 1rem; }

.c-quick-order__cartright {
  display: none; }

@media (min-width: 768px) {
    .c-quick-order__cartright {
    display: inline-block; } }

.c-quick-order__right {
  border: 1px solid #eee; }

    .c-quick-order__right .summary-header {
        width: 100%;
        height: 45px;
        margin: 14px 0;
        padding: 10px 20px;
  position: relative; }

        .c-quick-order__right .summary-header span {
            position: absolute;
            right: 20px;
            top: 10px;
  font-size: 1.6em; }

    .c-quick-order__right .summary-content {
        background-color: #eee;
        text-align: center;
        padding: 30px;
  min-height: 240px; }

        .c-quick-order__right .summary-content h4 {
  margin: 0; }

        .c-quick-order__right .summary-content .price-on.hide,
        .c-quick-order__right .summary-content .price-off.hide {
  display: none; }

        .c-quick-order__right .summary-content a {
  cursor: pointer; }

    .c-quick-order__right .c-btn__primary--pink {
  margin-bottom: 20px; }

        .c-quick-order__right .c-btn__primary--pink.disabled {
            cursor: initial;
            background-color: #ccc;
  color: #fff; }

    .c-quick-order__right a {
        padding: 0 8px;
        font-size: 1em;
  display: inline-block; }

.c-quick-order__cart-item {
    width: 100%;
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px;
  position: relative; }

    .c-quick-order__cart-item .c-quick-order__cart-item-selectplug {
  margin-top: 20px; }

    .c-quick-order__cart-item .c-quick-order__cart-item-delete {
        position: absolute;
        top: 22px;
        right: 6px;
        height: 20px;
        width: 20px;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        text-decoration: none;
        background-color: #888;
        color: #fff;
        border-radius: 50%;
  cursor: pointer; }

    .c-quick-order__cart-item .row .col {
  margin-bottom: 0; }

    .c-quick-order__cart-item.hide {
  display: none; }

    .c-quick-order__cart-item h4,
    .c-quick-order__cart-item h6 {
  margin-bottom: 6px; }

    .c-quick-order__cart-item label {
        height: 20px;
        color: #888;
  text-align: left; }

    .c-quick-order__cart-item input.c-textinput {
        height: 30px;
        margin-top: 0px;
  width: 100%; }

/* ==========================================================================
   #REGISTRATION FORM
   ========================================================================== */
.c-registration-form.hide {
  display: none; }

.c-account-lookup .col {
  margin-bottom: 10px; }

    .c-account-lookup .col .c-btn {
  top: 0; }

@media (min-width: 480px) {
    .c-account-lookup .col .c-btn {
        position: relative;
        top: 30px;
    width: 100%; }
        .c-account-lookup .col .c-btn.disable {
            background-color: #eee;
            pointer-events: none;
    color: #ddd; } }

.c-textinput.disable,
.c-dropdown.disable {
    background-color: #eee;
    pointer-events: none;
  color: #333; }

    .c-textinput.disable::before,
    .c-dropdown.disable::before {
  color: #ccc; }

.c-textinput.c-account-number,
.c-textinput.c-account-zip {
  transition: all 180ms ease-in-out; }

    .c-textinput.c-account-number.disable,
    .c-textinput.c-account-zip.disable {
        background-color: #eee;
  border-color: #fff; }

        .c-textinput.c-account-number.disable::placeholder,
        .c-textinput.c-account-zip.disable::placeholder {
  color: #ddd; }

.c-registration-form__checkbox-container {
    display: block;
    height: auto;
    visibility: visible;
  opacity: 1; }

    .c-registration-form__checkbox-container.hide {
        visibility: hidden;
        opacity: 0;
        transition: all 180ms ease-in-out;
        height: 0;
  display: none; }

.c-registration-form__backtocontacts-container a {
  text-decoration: none; }

.c-registration-form__choose-contact,
.c-registration-form__create-account,
.c-registration-form__register-new-contact,
.c-registration-form__register-complete, .c-registration-form__backtocontacts-container {
    visibility: hidden;
    opacity: 0;
    transition: all 180ms ease-in-out;
    height: 0;
    display: none;
  margin-top: 30px; }

    .c-registration-form__choose-contact.active,
    .c-registration-form__create-account.active,
    .c-registration-form__register-new-contact.active,
    .c-registration-form__register-complete.active, .c-registration-form__backtocontacts-container.active {
        display: block;
        height: auto;
        visibility: visible;
  opacity: 1; }

    .c-registration-form__choose-contact .c-btn,
    .c-registration-form__create-account .c-btn,
    .c-registration-form__register-new-contact .c-btn,
    .c-registration-form__register-complete .c-btn, .c-registration-form__backtocontacts-container .c-btn {
  margin-top: 20px; }

    .c-registration-form__choose-contact sml,
    .c-registration-form__create-account sml,
    .c-registration-form__register-new-contact sml,
    .c-registration-form__register-complete sml, .c-registration-form__backtocontacts-container sml {
        font-size: 0.875em;
        display: inline-block;
        width: 100%;
  margin-top: 16px; }

.row.shipto-form {
  margin-top: 0; }

.c-registration-form__success {
    visibility: hidden;
    opacity: 0;
    transition: all 180ms ease-in-out;
  height: 0; }

    .c-registration-form__success.active {
        display: block;
        height: auto;
        visibility: visible;
  opacity: 1; }

    .c-registration-form__success .c-btn {
  margin-top: 20px; }

    .c-registration-form__success sml {
        font-size: 0.875em;
        display: inline-block;
        width: 100%;
  margin-top: 16px; }

.c-input-reset {
  position: relative; }

    .c-input-reset a.moon-x {
        font-size: 0;
        text-decoration: none;
        position: absolute;
        top: 14px;
        right: 14px;
  color: red; }

        .c-input-reset a.moon-x::before {
  font-size: 16px; }

.sharvin {
  padding: 50px; }

/* ==========================================================================
   #HIDE & REVEAL
   ========================================================================== */
.reveal-below, .reveal-above {
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: auto;
    margin-top: 20px;
  margin-bottom: 40px; }

    .reveal-below::before, .reveal-above::before {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
  background: #ccc; }

    .reveal-below .title, .reveal-above .title {
        display: inline-block;
        padding: 0 20px;
        width: auto;
        background: #fff;
        z-index: 3;
        position: relative;
  margin: 0; }

        .reveal-below .title:hover, .reveal-above .title:hover {
  color: #00AEEF; }

        .reveal-below .title::after, .reveal-above .title::after {
            content: "\e904";
            font-family: 'icomoon' !important;
            speak: none;
            font-size: 20px;
            position: relative;
            height: auto;
            display: inline-block;
            margin-left: 10px;
  vertical-align: bottom; }

    .reveal-below.active .title::after, .reveal-above.active .title::after {
  content: "\e900"; }

.active.hide {
  display: none; }

.hidden {
  display: none; }

.revealed {
  display: block; }

/* ==========================================================================
   #RMA FORM
   ========================================================================== */
.c-rma {
    /*.c-rma__row:first-of-type {

    .c-rma__remove {
      display: none;
    }
  }*/ }

    .c-rma ul li {
  margin-bottom: 10px; }

    .c-rma .c-rma__remove {
        width: 100%;
        padding: 0 1rem 1rem 1rem;
        overflow: hidden;
        cursor: pointer;
  text-decoration: none; }

        .c-rma .c-rma__remove:after {
            content: '' !important;
            display: block !important;
  clear: both !important; }

        .c-rma .c-rma__remove:hover {
  color: #00AEEF; }

        .c-rma .c-rma__remove span {
            border: 1px solid #ccc;
            width: 20px;
            height: 20px;
            display: inline-block;
            text-align: center;
            line-height: 18px;
            font-size: 12px;
            margin-right: 10px;
  padding-left: 2px; }

        .c-rma .c-rma__remove a {
  text-decoration: none; }

    .c-rma .hide {
  display: none; }

    .c-rma .c-rma__add {
        margin-bottom: 30px;
        text-decoration: none;
        display: block;
  cursor: pointer; }

        .c-rma .c-rma__add span {
            border: 1px solid #ccc;
            width: 20px;
            height: 20px;
            display: inline-block;
            text-align: center;
            line-height: 18px;
            font-size: 12px;
            margin-right: 10px;
  padding-left: 2px; }

    .c-rma .c-rma__note {
        font-size: 0.857142857rem;
        display: block;
        margin-top: 30px;
  text-align: right; }

    .c-rma.c-order-confirmation .c-textinput {
        background: #fff;
  color: #333; }

    .c-rma .c-rma--notes {
  color: #FC6156; }

    .c-rma .tooltip {
        width: 16px;
        height: 16px;
        margin: 8px 14px 0 0;
        border-radius: 100%;
        position: relative;
        cursor: pointer;
        color: #fff;
        background-color: #00AEEF;
        line-height: 16px;
        text-align: center;
        font-size: 0.8em;
        display: inline-block;
  margin-left: 4px; }

.c-rma__row-full {
    border-bottom: 1px solid #ccc;
    display: inline-block;
  width: 100%; }

    .c-rma__row-full input:disabled {
  background: #fff !important; }

    .c-rma__row-full textarea:disabled {
        background: #fff !important;
  border: 0; }

.c-rma__buttons {
    display: inline-block;
    text-align: right;
  width: 100%; }

    .c-rma__buttons .c-rma__submit_btn {
  margin-top: 30px; }

        .c-rma__buttons .c-rma__submit_btn a {
  margin-bottom: 15px; }

@media (min-width: 480px) {
    .c-rma__buttons .c-rma__submit_btn a {
    margin-bottom: 0px; } }

.c-rma--show_btn {
    cursor: pointer;
  text-decoration: none; }

    .c-rma--show_btn:hover {
  color: #00AEEF; }

.c-rma__progressbar {
    width: 100%;
    height: 15px;
    background-color: #eee;
  margin-bottom: 40px; }

.c-rma__progress {
    background: #4FB74A;
    height: 15px;
    width: 0%;
    max-width: 100%;
    opacity: 1;
    transition: all 180ms ease-in-out;
    /* Step 1 progress */
    /* Step 2 progress */
    /* Step 3 progress */
  /* Step 4 progress */ }

    .c-rma__progress.progress-25 {
        animation: progress25 0.2s 1 forwards;
  opacity: 1; }

@keyframes progress25 {
  from { }
    to {
    width: 25%; } }

.c-rma__progress.progress-50 {
    animation: progress50 0.2s 1 forwards;
  opacity: 1; }

@keyframes progress50 {
    from {
    width: 25%; }
    to {
    width: 50%; } }

.c-rma__progress.progress-75 {
    animation: progress75 0.2s 1 forwards;
  opacity: 1; }

@keyframes progress75 {
    from {
    width: 50%; }
    to {
    width: 75%; } }

.c-rma__progress.progress-100 {
    animation: progress100 0.2s 1 forwards;
  opacity: 1; }

@keyframes progress100 {
    from {
    width: 75%; }
    to {
    width: 100%; } }

.c-rma__select-title {
    background-color: #eee;
    display: block;
    font-size: 1.4em;
  padding: 10px 20px; }

.c-rma__row {
    border: 1px solid #ccc;
    width: 100%;
    position: relative;
    padding: 4px 20px;
  margin-bottom: 30px; }

    .c-rma__row:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-rma__row .c-checkbox__container {
  margin-top: 0; }

        .c-rma__row .c-checkbox__container label {
  font-size: 1em; }

        .c-rma__row .c-checkbox__container .tooltip {
            width: 16px;
            height: 16px;
            margin: 8px 14px 0 0;
            border-radius: 100%;
            position: relative;
            cursor: pointer;
            color: #fff;
            background-color: #00AEEF;
            line-height: 16px;
            text-align: center;
            font-size: 0.8em;
            display: inline-block;
  margin-left: 4px; }

        .c-rma__row .c-checkbox__container .checkbox label,
        .c-rma__row .c-checkbox__container .c-checkbox label {
            line-height: 28px;
  display: inline-block; }

@media (min-width: 1024px) {
    .c-rma__row .c-checkbox__container {
    margin-top: 24px; } }

.c-rma__credit-card-payment .c-rma__credit-card-number__container {
    position: relative;
    padding: 0;
  margin: 0; }

    .c-rma__credit-card-payment .c-rma__credit-card-number__container .c-rma__credit-card-number__icon {
        position: absolute;
        width: 41px;
        right: 8px;
        top: 2px;
        height: auto;
  opacity: 0.5; }

.c-rma__quote {
  text-align: left; }

@media (min-width: 480px) {
    .c-rma__quote {
    text-align: right; } }

.c-rma__order-complete {
    text-align: center;
    padding: 40px 0;
    margin-bottom: 30px;
  border: 2px solid #4FB74A; }

    .c-rma__order-complete h2 {
  color: #4FB74A; }

    .c-rma__order-complete h2,
    .c-rma__order-complete h3 {
  margin: 0; }

.c-rma__order-complete-stages {
  border-bottom: 1px solid #eee; }

    .c-rma__order-complete-stages:last-of-type {
  border-bottom: 0; }

    .c-rma__order-complete-stages .col {
  text-align: center; }

@media (min-width: 480px) {
    .c-rma__order-complete-stages .col {
    text-align: left; } }

.c-rma__order-complete-stages .c-rma__number {
    background-color: #00AEEF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
  font-size: 1.2em; }

.c-rma__creditdetails .row,
.c-rma__purchaseorder-number .row {
  padding-top: 0; }

@media (min-width: 480px) {
    .c-rma__creditdetails .row,
    .c-rma__purchaseorder-number .row {
    padding-top: 40px; } }

.c-dropdown-disabled::before {
  display: none; }

.c-dropdown-disabled select {
    cursor: default;
    -moz-appearance: none;
  -webkit-appearance: none; }

    .c-dropdown-disabled select::-ms-expand {
  display: none; }

.c-rma__ship_address {
    border-bottom: 1px solid #ccc;
  padding-bottom: 5px; }

    .c-rma__ship_address > div {
        display: table;
  margin: 0 auto; }

    .c-rma__ship_address h3 {
  margin-bottom: 12px; }

.c-rma__warning {
    background-color: #eee;
    display: block;
    font-size: 1em;
  padding: 10px 20px; }

/* ==========================================================================
   #SEARCH RESULTS
   ========================================================================== */
.c-search-results p {
  margin-bottom: 1em; }

.c-search-results h1.c-main-title {
    color: #888;
  display: inline-block; }

.c-search-results h2.c-main-title {
  display: inline-block; }

.c-search-results h3 {
  margin-bottom: 1em; }

.c-search-results .c-search-results--item {
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
    display: block;
    width: 100%;
    overflow: hidden;
    width: 100%;
    float: left;
  position: relative; }

@media (min-width: 480px) {
    .c-search-results .c-search-results--item .c-search-results--item__content {
    padding-left: 40px; } }

.c-search-results .c-search-results--item .c-search-result-title {
    display: block;
  width: 100%; }

    .c-search-results .c-search-results--item .c-search-result-title h3 {
  display: block; }

@media (min-width: 480px) {
    .c-search-results .c-search-results--item .c-search-result-title h3 {
    padding-right: 100px; } }

.c-search-results .c-search-results--item .c-search-result-title .c-label {
  background: #4FB74A; }

    .c-search-results .c-search-results--item .c-search-result-title .c-label.grey {
  background: #888; }

    .c-search-results .c-search-results--item .c-search-result-title .c-label.c-obsolete {
  background: #FC6156; }

.c-search-results .c-search-results--item a {
    position: relative;
    display: block;
  text-decoration: none; }

.c-search-results .c-search-results--item .c-label {
    margin-bottom: 10px;
    padding: 0 8px;
    height: 26px;
    line-height: 28px;
    display: inline-block;
    position: relative;
  top: auto; }

    .c-search-results .c-search-results--item .c-label .mi {
  margin-right: 4px; }

@media (min-width: 480px) {
    .c-search-results .c-search-results--item .c-label {
        margin-bottom: 0;
        position: absolute;
        display: block;
        top: 16px;
        right: 0;
        bottom: auto;
    left: auto; } }

.c-search-results .c-search-results--item .c-label.h5 {
  font-size: 0.750em; }

.SearchDialog {
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
    background: #eee;
  padding: 30px; }

@media (min-width: 480px) {
    .SearchDialog .form-group {
    float: left; } }

.SearchDialog .form-group div {
  display: inline-block; }

    .SearchDialog .form-group div label {
  margin-right: 30px; }

.SearchDialog .form-group:first-of-type {
  width: 70%; }

.SearchDialog .form-group:last-of-type {
  width: 30%; }

    .SearchDialog .form-group:last-of-type input {
  margin-top: 20px; }

@media (min-width: 480px) {
    .SearchDialog .form-group:last-of-type input {
        margin-top: 0px;
    float: right; } }

.search-results-filter {
  margin-bottom: 2rem; }

    .search-results-filter table {
  border: 1px solid #ccc; }

        .search-results-filter table td {
            border: 0;
            display: block;
            border-bottom: 1px solid #ccc;
  background: none; }

        .search-results-filter table tr:last-child td {
  border-bottom: 0; }

        .search-results-filter table td input, .search-results-filter table td label {
            display: inline-block;
  margin: 0; }

        .search-results-filter table td label {
  cursor: pointer; }

        .search-results-filter table td input {
            height: auto;
            margin-right: 15px;
  cursor: pointer; }

.c-search-results-sidebar h2 {
    position: initial;
}

/* ==========================================================================
   #SEARCH
   ========================================================================== */
.c-search-box-container {
    position: relative;
    display: none;
  float: right; }

    .c-search-box-container.c-search__inline {
        display: block;
        width: 100%;
        float: none;
        margin-top: 0;
  margin-bottom: 24px; }

        .c-search-box-container.c-search__inline .c-search-box {
            height: 60px;
            padding: 0 20px;
  font-size: 20px; }

    .c-search-box-container .moon-search {
        position: absolute;
        top: 12px;
        right: 1px;
        font-size: 20px;
        height: auto;
        padding: 0 18px 0 10px;
        color: #333;
        background: #fff;
        border: 0;
  cursor: pointer; }

        .c-search-box-container .moon-search:hover {
  color: #00AEEF; }

.c-search-box {
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
  padding: 0 15px; }

.c-search-btn {
    float: right;
    display: block;
    cursor: pointer;
    margin-top: 7px;
  color: #333; }

    .c-search-btn p {
        margin: 0 15px 0 0;
        float: left;
        font-family: "brandon-grotesque", "Arial", sans-serif;
        font-size: 16px;
  display: none; }

    .c-search-btn span {
  font-size: 18px; }

@media (min-width: 1024px) {
    .c-search-btn span {
        display: block;
        float: left;
        height: 110px;
    line-height: 106px; } }

.c-search-btn.active, .c-search-btn:hover {
  color: #00AEEF; }

@media (min-width: 480px) {
    .c-search-btn {
    margin-top: 24px; } }

@media (min-width: 1024px) {
    .c-search-btn {
        margin-top: 0;
        height: 110px;
    line-height: 110px; } }

.c-search-drop {
    width: 100%;
    padding: 10px 0;
    display: none;
    background: #eee;
    position: relative;
  z-index: 3; }

    .c-search-drop input {
        border: 0;
        padding: 0;
        font-size: 1.375em;
        background: none;
  width: 100%; }

        .c-search-drop input:focus {
  outline: none; }

    .c-search-drop .moon-close {
  float: right; }

    .c-search-drop.active {
  display: block; }

.c-dropdown--border {
  border: 1px solid #eee; }

.c-dropdown__inline {
  font-size: 20px; }

/* ==========================================================================
   #SIDEBAR NAV
   ========================================================================== */
.c-sidebar-nav {
    display: none;
  margin: 0 0 2.5rem 0; }

    .c-sidebar-nav .c-sidebar-nav__title {
        margin: 0;
        padding: 10px 20px 10px 20px;
        background: #222;
        color: #fff;
  font-weight: normal; }

    .c-sidebar-nav ul {
        width: 100%;
        margin: 0;
        padding: 0;
        border-top: 1px solid #ccc;
        font-family: "brandon-grotesque", "Arial", sans-serif;
  text-transform: uppercase; }

        .c-sidebar-nav ul:after {
            content: '' !important;
            display: block !important;
  clear: both !important; }

@media (min-width: 480px) {
    .c-sidebar-nav {
    font-size: 1rem; } }

@media (min-width: 768px) {
    .c-sidebar-nav {
    display: block; } }

.c-sidebar-nav li {
    border: 1px solid #ccc;
    border-top: 0;
    list-style-type: none;
    font-weight: 400;
    position: relative;
    padding: 0;
  margin: 0; }

    .c-sidebar-nav li a {
        padding: 12px 20px;
  display: block; }

    .c-sidebar-nav li.active {
  padding: 0; }

        .c-sidebar-nav li.active::after {
            content: "";
            position: absolute;
            top: 0;
            left: -1px;
            bottom: 0;
            width: 4px;
            background: #00AEEF;
  height: 100%; }

        .c-sidebar-nav li.active > a {
            background-color: #eee;
            display: block;
  padding: 12px 20px; }

    .c-sidebar-nav li a {
  text-decoration: none; }

#SideNavMenu li.Highlighted > a {
  font-weight: 500; }

#SideNavMenu > li.Highlighted > a {
    font-weight: 500;
  position: relative; }

    #SideNavMenu > li.Highlighted > a::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
  background: #00AEEF; }

.c-sidebar-nav li > ul {
  padding: 0; }

    .c-sidebar-nav li > ul li {
        border: none;
        font-size: 1rem;
        font-weight: 400;
  text-transform: capitalize; }

        .c-sidebar-nav li > ul li a {
  padding: 8px 8px 8px 30px; }

    .c-sidebar-nav li > ul > li > ul > li a {
  padding: 8px 8px 8px 40px; }

    .c-sidebar-nav li > ul > li > ul > li > ul > li a {
  padding: 8px 8px 8px 50px; }

.c-sidebar-nav--mobile {
    display: block;
  margin-bottom: 2rem; }

@media (min-width: 768px) {
    .c-sidebar-nav--mobile {
    display: none; } }

.c-sidebar-nav--mobile .c-sidebar-nav-mobile__btn {
    padding: 12px 20px;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    position: relative;
  cursor: pointer; }

    .c-sidebar-nav--mobile .c-sidebar-nav-mobile__btn::after {
        content: "\e91d";
        position: absolute;
        font-family: 'icomoon' !important;
        speak: none;
        right: 20px;
        top: 13px;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

    .c-sidebar-nav--mobile .c-sidebar-nav-mobile__btn.active::after {
  content: "\e91c"; }

.c-sidebar-nav--mobile #SideNavMobileMenu {
    display: block;
    opacity: 0;
    overflow: hidden;
    height: 0;
    transition: all 180ms ease-in-out;
    margin: 0;
    border: 1px solid #ccc;
    border-top: 0;
  border-bottom: 0; }

    .c-sidebar-nav--mobile #SideNavMobileMenu.active {
        height: auto;
  opacity: 1; }

    .c-sidebar-nav--mobile #SideNavMobileMenu li {
        border: 0;
        list-style-type: none;
        font-weight: 400;
        position: relative;
        padding: 0;
  margin: 0; }

        .c-sidebar-nav--mobile #SideNavMobileMenu li a {
            border-bottom: 1px solid #ccc;
            padding: 12px 20px;
            display: block;
  text-decoration: none; }

        .c-sidebar-nav--mobile #SideNavMobileMenu li ul {
  margin: 0; }

        .c-sidebar-nav--mobile #SideNavMobileMenu li > ul > li a {
  padding: 8px 8px 8px 30px; }

        .c-sidebar-nav--mobile #SideNavMobileMenu li > ul > li > ul > li a {
  padding: 8px 8px 8px 40px; }

        .c-sidebar-nav--mobile #SideNavMobileMenu li > ul > li > ul > li > ul > li a {
  padding: 8px 8px 8px 50px; }

        .c-sidebar-nav--mobile #SideNavMobileMenu li.Highlighted > a {
  font-weight: 500; }

    .c-sidebar-nav--mobile #SideNavMobileMenu > li.Highlighted > a {
        font-weight: 500;
  position: relative; }

        .c-sidebar-nav--mobile #SideNavMobileMenu > li.Highlighted > a::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 5px;
  background: #00AEEF; }

/* ==========================================================================
   #SITEMAP
   ========================================================================== */
ul.CMSSiteMapList {
    list-style: none;
    position: relative;
  margin: 0; }

    ul.CMSSiteMapList > li > ul {
  margin-left: 15px; }

    ul.CMSSiteMapList li {
        position: relative;
  margin-bottom: 0; }

        ul.CMSSiteMapList li a {
            display: block;
            padding: 12px 25px;
            width: 100%;
            color: #444;
            text-decoration: none;
  border-bottom: 1px solid #ddd; }

    ul.CMSSiteMapList > li > a {
        font-weight: 500;
  color: #DC1C26; }

    ul.CMSSiteMapList li ul li a {
        background: none;
        text-transform: none;
  color: #333; }

    ul.CMSSiteMapList li ul li ul li a {
        margin-bottom: 0;
  font-weight: 400; }

    ul.CMSSiteMapList li ul li a {
  font-weight: 400; }

    ul.CMSSiteMapList li a:hover {
  background: #eee; }

/* ==========================================================================
   #SLICK BANNER
   ========================================================================== */
/* Hide until loaded */
.c-slick-slider__hold {
  background-color: #eee; }

    .c-slick-slider__hold:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.c-slick-slider {
    height: 400px;
    background-color: #eee;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.66s;
  transition-delay: 0.66s; }

    .c-slick-slider:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

@media (min-width: 480px) {
    .c-slick-slider {
    height: 500px; } }

/* Show when initialised */
.c-slick-slider.slick-initialized {
    opacity: 1;
  visibility: visible; }

.c-slick-slider .slick-slide {
    width: 100%;
    height: 400px;
    position: relative;
    background-position: center center;
    background-size: cover;
  background-repeat: no-repeat; }

    .c-slick-slider .slick-slide::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
  background: rgba(0, 0, 0, 0.6); }

@media (min-width: 480px) {
    .c-slick-slider .slick-slide {
    height: 500px; } }

.c-slick-slider .slick-slide .o-container {
    position: relative;
    padding: 0;
  height: 400px; }

@media (min-width: 480px) {
    .c-slick-slider .slick-slide .o-container {
        padding: 0 25px;
    height: 500px; } }

.c-slick-slider .slick-initialized .c-banner-content {
    position: absolute;
    padding: 30px;
    bottom: 0;
    left: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    animation: fadeup 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  z-index: 5; }

@media (min-width: 480px) {
    .c-slick-slider .slick-initialized .c-banner-content {
    max-width: 600px; } }

@media (min-width: 1024px) {
    .c-slick-slider .slick-initialized .c-banner-content {
    padding: 0px; } }

.c-slick-slider .slick-initialized .c-banner-content p.title {
    font-family: "brandon-grotesque", "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 2em;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
  margin-bottom: 1em; }

/* ==========================================================================
   #SOCIAL ICONS IN SIDE BAR
   ========================================================================== */
.c-social-box-container {
    border-top: 0;
    list-style-type: none;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
  overflow: hidden; }

    .c-social-box-container a {
        display: block;
        float: left;
        border: 1px solid #ccc;
        padding: 30px 20px;
        padding: 30px 20px;
        width: 31%;
        margin-right: 2.33%;
  text-align: center; }

        .c-social-box-container a:hover {
  background-image: #00AEEF; }

    .c-social-box-container .c-social-icons {
        margin: 0 !important;
        display: block;
  font-size: 1.4em; }

        .c-social-box-container .c-social-icons a {
            color: #00AEEF;
  transition: all 180ms ease-in-out; }

            .c-social-box-container .c-social-icons a.moon-facebook {
  color: #3b5998; }

                .c-social-box-container .c-social-icons a.moon-facebook:hover {
  background-color: #3b5998; }

            .c-social-box-container .c-social-icons a.moon-linkedin {
  color: #0077B5; }

                .c-social-box-container .c-social-icons a.moon-linkedin:hover {
  background-color: #0077B5; }

            .c-social-box-container .c-social-icons a.moon-twitter {
  color: #00aced; }

                .c-social-box-container .c-social-icons a.moon-twitter:hover {
  background-color: #00aced; }

            .c-social-box-container .c-social-icons a:hover {
                color: #fff;
  background-color: #00AEEF; }

/* ==========================================================================
   #STANDARD BANNER
   ========================================================================== */
.c-standard-banner {
    width: 100%;
    height: 350px;
    position: relative;
    background-color: #eee;
    background-position: center center;
    background-size: cover;
  background-repeat: no-repeat; }

    .c-standard-banner:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-standard-banner::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
  background: rgba(0, 0, 0, 0.6); }

    .c-standard-banner .o-container {
        position: relative;
        padding: 0;
  height: 350px; }

    .c-standard-banner .c-banner-content {
        position: absolute;
        padding: 30px;
        bottom: 0;
        left: 0;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        animation: fadeup 1s;
        animation-delay: 0.5s;
        animation-fill-mode: forwards;
        z-index: 1;
        text-align: center;
        max-width: 50rem;
        margin-left: auto;
  margin-right: auto; }

        .c-standard-banner .c-banner-content p {
            color: #fff;
  font-size: 1.125rem; }

            .c-standard-banner .c-banner-content p:last-of-type {
  margin-bottom: 0; }

            .c-standard-banner .c-banner-content p.title {
                font-family: "brandon-grotesque", "Arial", sans-serif;
                text-transform: uppercase;
                font-size: 2em;
                color: #fff;
                font-weight: 500;
                line-height: 1.4;
  margin-bottom: 1em; }

/* ==========================================================================
   #STYLEGUIDE
   ========================================================================== */
.c-style-guide__intro {
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    border-right-width: 2px;
    margin: 2em 0 1em 0;
  padding: 2em; }

.c-style-guide__title {
    color: #666;
    font-size: 1.25rem;
    font-weight: normal;
    margin: 0 0 0.25em 0;
  text-transform: uppercase; }

.c-style-guide__desc {
    color: #666;
  margin: 0; }

.c-style-guide__section {
  padding: 1rem 0; }

    .c-style-guide__section:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

.c-style-guide__section-title {
    border-bottom: 1px solid #ccc;
    clear: both;
    color: #666;
    font-size: 1.25rem;
    font-weight: normal;
    padding-bottom: 0.5em;
    text-transform: uppercase;
  width: 50%; }

.c-style-guide__section-subtitle {
    border-left: 6px solid #ccc;
    clear: both;
    color: #999;
    font-size: 1.125rem;
    font-weight: normal;
    margin: 2em 0;
    padding-left: 1em;
  text-transform: uppercase; }

/* ==========================================================================
   #TABLE
   ========================================================================== */
.c-table-responsive {
    width: 100%;
    overflow-x: scroll;
    position: relative;
    margin: 0;
  padding: 0; }

    /* Add scrollbar for iOS*/
    .c-table-responsive::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
  height: 14px; }

    .c-table-responsive::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3); }

table {
    width: 100%;
    margin: 0;
  border: none; }

    table th {
        background: #00AEEF;
        color: #fff;
        text-align: left;
        padding: 8px 16px;
        font-weight: 300;
  border: 4px solid #fff; }

@media (min-width: 768px) {
    table th {
    padding: 16px 24px; } }

table th a {
    color: #fff;
  text-decoration: none; }

    table th a:hover {
  color: #fff; }

table td {
    padding: 8px 16px;
    background: #eee;
  border: 4px solid #fff; }

    table td gridview {
        padding: 5px;
    }

@media (min-width: 768px) {
    table td {
    padding: 16px 24px; } }

table td h4 {
  margin-bottom: 0.5rem; }

table td p {
  margin-bottom: 1rem; }

.CaptchaTable th,
.CaptchaTable td {
    padding: 0;
    border: none;
  background: transparent; }

.CaptchaTable img {
  margin: 0 auto 16px; }

.c-tbl--alt th,
.c-tbl--alt td {
  border: 4px solid #eee; }

    .c-tbl--alt th:first-child,
    .c-tbl--alt td:first-child {
  border-left: none; }

    .c-tbl--alt th:last-child,
    .c-tbl--alt td:last-child {
  border-right: none; }

.c-tbl--alt td {
  background: #fff; }

.c-tbl--stripped th,
.c-tbl--stripped td {
    display: block;
    background: none;
    padding: 0;
  border: none; }

.c-tbl--stripped tr {
    display: block;
  margin-bottom: 1em; }

.ForumContent {
    padding: 0;
    margin: -2px 0 0 0;
    display: block;
    overflow: hidden;
  border: none !important; }

tr.Info {
    margin: 0 0 16px 0;
  display: block; }

.Info td,
.Actions td,
.ForumDescription {
  display: block; }

.Info td,
.Actions td {
    background: none;
    padding: 0;
  margin: 0; }

.ForumName,
.GroupName,
.ForumDescription,
.GroupDescription {
  margin-bottom: 0; }

.Actions {
    display: block;
  margin-bottom: 16px; }

.ForumBreadCrumbs {
    display: block;
  margin-top: 16px; }

.ThreadInfo,
.ForumInfo {
  min-width: 260px; }

    .ThreadInfo h3,
    .ForumInfo h3 {
  margin-bottom: 0; }

a.ThreadName,
a.ForumName {
    text-decoration: none;
  color: #111; }

@media (min-width: 1024px) {
    .ThreadInfo .ForumManage,
    .ForumInfo .ForumManage {
        opacity: 0;
    transition: all 180ms ease-in-out; }
    .Thread:hover > .ThreadInfo > .ForumManage,
    .Forum:hover > .ForumInfo > .ForumManage {
    opacity: 1; } }

a.ActionLink,
.PostTime {
    font-size: 15px;
  color: #888; }

    a.ActionLink:hover {
  color: #333; }

.LastPost span:nth-child(2) {
  color: #888; }

.c-view-mode {
  float: left; }

@media (min-width: 768px) {
    .c-view-mode {
        float: right;
    text-align: right; } }

.AvatarImage {
    width: 48px;
    height: 48px;
  border-radius: 50%; }

.c-tbl--actions-plain tbody .unigrid-actions button {
  font-size: 14px !important; }

    .c-tbl--actions-plain tbody .unigrid-actions button i {
  display: none; }

    .c-tbl--actions-plain tbody .unigrid-actions button:hover {
  background: #00AEEF; }

    .c-tbl--actions-plain tbody .unigrid-actions button:after {
  content: ''; }

    .c-tbl--actions-plain tbody .unigrid-actions button:before {
        font-family: "rooney-web", "Arial", serif !important;
  font-size: 14px !important; }

    .c-tbl--actions-plain tbody .unigrid-actions button.js-edit:before {
  content: 'Edit'; }

    .c-tbl--actions-plain tbody .unigrid-actions button.js-delete:before {
  content: 'Delete'; }

/* ==========================================================================
   #THUMBNAIL ITEMS
   ========================================================================== */
.c-thumbnail-item {
  padding: 5px; }

    .c-thumbnail-item .c-thumbnail-item__image {
        position: relative;
  width: 100%; }

        .c-thumbnail-item .c-thumbnail-item__image img {
            height: auto;
            max-height: 100%;
            transition: all 180ms ease-in-out;
            margin-bottom: 0;
            align-self: center;
  width: auto; }

        .c-thumbnail-item .c-thumbnail-item__image a.thumb {
            width: 100%;
            display: block;
            overflow: hidden;
            flex-direction: column;
            padding: 0;
  border: 1px solid #ddd; }

    .c-thumbnail-item .c-thumbnail-item__content {
  border-top: 0; }

        .c-thumbnail-item .c-thumbnail-item__content a {
            text-decoration: none;
            display: block;
            width: 100%;
  padding: 1.5rem 0 0 0; }

        .c-thumbnail-item .c-thumbnail-item__content h4 {
            margin: 0;
  font-size: 1rem; }

/* ==========================================================================
   #TOOLTIPS
   ========================================================================== */
.ui-tooltip {
    padding: 10px 12px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-size: 14px;
  line-height: 18px; }

/* ==========================================================================
   #VIDEO BANNER
   ========================================================================== */
.c-video-banner {
    width: 100%;
  overflow: hidden; }

.c-video-container {
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    width: 100%;
    height: 400px;
    background-position: center center;
    background-size: cover;
  background-repeat: no-repeat; }

    .c-video-container .o-container {
        z-index: 3;
  position: relative; }

    .c-video-container::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
  z-index: 2; }

@media (min-width: 480px) {
    .c-video-container {
    height: 500px; } }

.c-video-container .o-container {
    position: relative;
  height: 400px; }

@media (min-width: 480px) {
    .c-video-container .o-container {
        padding: 0 25px;
    height: 500px; } }

.c-video-container .c-banner-content {
    display: block;
    position: relative;
    top: 15%;
  z-index: 5; }

@media (min-width: 480px) {
    .c-video-container .c-banner-content {
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
        top: 50%;
    max-width: 600px; } }

@media (min-width: 1024px) {
    .c-video-container .c-banner-content {
    padding: 0px; } }

.c-video-container .c-banner-content p.title {
    font-family: "brandon-grotesque", "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
  margin-bottom: 1em; }

@media (min-width: 480px) {
    .c-video-container .c-banner-content p.title {
    font-size: 2.3rem; } }

@media (min-width: 1024px) {
    .c-video-container .c-banner-content p.title {
    font-size: 2.3rem; } }

@media (min-width: 480px) {
    .t-fadeup {
        visibility: visible !important;
        animation: fadeup 1s;
        animation-fill-mode: forwards;
    animation-delay: 0.5s; } }

.c-video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    /* Center the video */
    position: absolute;
    top: -50%;
    left: 50%;
  transform: translate(-50%, -50%); }

#video-viewport {
    display: none;
    z-index: 1;
  position: relative; }

@media (min-width: 480px) {
    #video-viewport {
    display: block; } }

.c-video-poster {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 500px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  display: block; }

.no-js .c-banner-content {
  display: block !important; }

/* ==========================================================================
   #VIDEO
   ========================================================================== */
.embed-container {
    position: relative;
    margin: 32px auto;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
  max-width: 100%; }

.fluid-width-video-wrapper {
    margin: 0 auto 32px;
  display: block; }

/* ==========================================================================
   #WIDGETS
   ========================================================================== */
.c-widget-text {
    margin-bottom: 2.5rem;
}

    .c-widget-text .c-widget-text__title {
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 0.8rem;
  line-height: 1.8rem; }

    .c-widget-text .c-search-box-container {
        float: none;
        max-width: 250px;
        width: 100%;
        border: 0;
        display: block;
  margin-top: 20px; }

    .c-widget-text .c-widget-text__content {
  margin: 0; }

        .c-widget-text .c-widget-text__content p {
  margin-bottom: 1rem; }

            .c-widget-text .c-widget-text__content p:last-of-type {
  margin: 0; }

.c-widget-outline {
    border: 1px solid #ddd;
  padding: 25px; }

.c-widget-blue-background {
    background-color: #00AEEF;
    color: #fff;
  padding: 25px; }

    .c-widget-blue-background a, .c-widget-blue-background a:hover {
  color: #fff; }

.c-widget-pink-background {
    background-color: #EC038A;
    color: #fff;
  padding: 25px; }

    .c-widget-pink-background a, .c-widget-pink-background a:hover {
  color: #fff; }

.c-widget-light-grey-background {
    background-color: #eee;
  padding: 25px; }

.c-widget-border {
    background-color: none;
    padding: 25px;
    border: 1px solid #ccc;
  border-top: 0; }

.c-widget-featurepod {
  margin-bottom: 2.5rem; }

    .c-widget-featurepod img {
        width: 100%;
  height: auto; }

    .c-widget-featurepod .c-widget-featurepod__title {
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 0.8rem;
  line-height: 1.8rem; }

        .c-widget-featurepod .c-widget-featurepod__title a {
  text-decoration: none; }

    .c-widget-featurepod .c-widget-featurepod__content {
        padding: 25px;
  background: #eee; }

        .c-widget-featurepod .c-widget-featurepod__content p {
  margin-bottom: 1rem; }

            .c-widget-featurepod .c-widget-featurepod__content p:last-of-type {
  margin: 0; }

.c-featured-full {
    height: auto;
    padding: 70px 0;
    position: relative;
    background-position: center center;
    background-size: cover;
  background-repeat: no-repeat; }

    .c-featured-full:after {
        content: '' !important;
        display: block !important;
  clear: both !important; }

    .c-featured-full .c-featured-full__content {
        padding: 30px;
        background: #eee;
        width: 100%;
        position: relative;
  z-index: 3; }

@media (min-width: 768px) {
    .c-featured-full .c-featured-full__content {
        max-width: 500px;
        left: auto;
    right: auto; }
        .c-featured-full .c-featured-full__content.c-featured-full__center {
            margin: auto;
    text-align: center; }
        .c-featured-full .c-featured-full__content.c-featured-full__right {
            text-align: left;
    float: right; } }

.c-featured-full .c-featured-full__content .c-featured-full__title {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  line-height: 1.8rem; }

.c-featured-full .c-featured-full__content p:last-of-type {
  margin-bottom: 0; }

.c-featured-full.dark::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  background: rgba(0, 0, 0, 0.6); }

.c-featured-full.dark .c-featured-full__content {
    background: none;
  color: #fff; }

.c-widget-droppod {
  margin-bottom: 2rem; }

    .c-widget-droppod .c-widget-droppod--title {
        background: none;
        height: 50px;
        line-height: 50px;
        padding: 0 1rem;
        display: block;
        font-family: "brandon-grotesque", "Arial", sans-serif;
        border: 1px solid #ccc;
        font-size: 1.2rem;
        position: relative;
  cursor: pointer; }

        .c-widget-droppod .c-widget-droppod--title::after {
            content: "\e904";
            font-family: 'icomoon' !important;
            speak: none;
            position: absolute;
            right: 1rem;
  font-size: 1.5rem; }

        .c-widget-droppod .c-widget-droppod--title.active::after {
            content: "\e900";
            font-family: 'icomoon' !important;
            speak: none;
            position: absolute;
            right: 1rem;
  font-size: 1.5rem; }

    .c-widget-droppod ul {
        margin: 0;
        padding: 0;
        height: 0;
        opacity: 0;
  visibility: hidden; }

        .c-widget-droppod ul.active {
            visibility: visible;
            height: auto;
            opacity: 1;
  transition: all 180ms ease-in-out; }

        .c-widget-droppod ul li {
            border: 1px solid #ccc;
            border-top: 0;
            display: block;
  padding: 1rem; }

            .c-widget-droppod ul li a {
                display: inline-block;
                clear: both;
  margin-top: 0.5rem; }

.c-widget-nav {
  margin-bottom: 2rem; }

    .c-widget-nav h3 {
        background: #00AEEF;
        height: 50px;
        line-height: 50px;
        padding: 0 1rem;
        display: block;
        font-family: "brandon-grotesque", "Arial", sans-serif;
        font-weight: normal;
        font-size: 1.2rem;
        color: #fff;
  margin: 0; }

    .c-widget-nav ul {
        margin: 0;
  padding: 0; }

        .c-widget-nav ul li {
            border: 1px solid #ccc;
            border-top: 0;
            display: block;
  padding: 12px 1rem; }

            .c-widget-nav ul li a {
  text-decoration: none; }

.c-nav-btn {
    border: 1px solid #ccc;
    height: 50px;
    display: block;
    font-family: "brandon-grotesque", "Arial", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 50px;
    padding: 0 15px;
    color: #222;
    font-size: 18px;
  margin-bottom: 2rem; }

.blockUI.blockOverlay {
    opacity: 0.8 !important;
  background: #fff !important; }

.blockUI.blockMsg {
    border: 0 !important;
    width: 100% !important;
    left: 0 !important;
    top: 35% !important;
  background: none !important; }

.message-wrapper {
    margin: 30px auto 30px auto;
    padding: 30px 0;
    width: 70%;
  max-width: 600px; }

    .message-wrapper .message {
  color: #666 !important; }

.spinner {
    margin: 0px auto 20px;
    width: 70px;
  text-align: center; }

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #EC038A;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
    -webkit-transform: scale(0); }
    40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
    transform: scale(1); } }

/* ==========================================================================
   #ALIGN
   ========================================================================== */
.u-float-left--always {
  float: left; }

@media (min-width: 768px) {
    .u-float-left {
    float: left; }
    .u-float-right {
    float: right; } }

.u-clear {
  clear: both; }

.u-text-center {
  text-align: center; }

.u-text-left {
  text-align: left; }

.u-text-right {
  text-align: right; }

/* ==========================================================================
   #CLEARFIX
   ========================================================================== */
/**
 * Attach our clearfix mixin to a utility class.
 */
.u-clearfix:after {
    content: '' !important;
    display: block !important;
  clear: both !important; }

/* ==========================================================================
   #COLOR
   ========================================================================== */
.u-fill {
  background: #eee; }

.u-bg-color--green {
  background: #00AEEF; }

.u-bg-color--med-grey {
  background: #46484A; }

.u-bg-color--very-light-grey {
  background: #eee; }

/* Text Colours */
.u-text-color--white {
  color: #fff; }

.u-text-color--green {
  color: #00AEEF; }

.u-text-color--retro-green {
  color: #EC038A; }

    .u-text-color--retro-green:hover {
  color: #fff; }

/* Font Weight*/
.u-font-weight--light {
  font-weight: 100; }

.u-font-weight--normal {
  font-weight: normal; }

.u-font-weight--bold {
  font-weight: 700; }

/* ==========================================================================
   #HIDE
   ========================================================================== */
/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hidden-visually,
.sr-only {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
  width: 1px !important; }

/**
 * Hide visually and from screen readers.
 */
.u-hidden {
  display: none !important; }

.u-hidden\@small {
  display: none; }

@media (min-width: 768px) {
    .u-hidden\@small {
    display: block; } }

/* ==========================================================================
   #SPACING
   @todo generate more generic classes and sizes
   ========================================================================== */
.u-margin {
  margin: 1em; }

.u-margin-0 {
  margin: 0; }

.u-margin-top {
  margin-top: 1em; }

.u-margin-top-90 {
  margin-top: 90px; }

.u-margin-top-24 {
  margin-top: 24px; }

.u-margin-top-30 {
  margin-top: 30px; }

.u-margin-top-40 {
  margin-top: 40px; }

.u-margin-right {
  margin-right: 1em; }

.u-margin-bottom {
  margin-bottom: 1em; }

.u-margin-bottom--12 {
  margin-bottom: 12px; }

.u-margin-bottom--24 {
  margin-bottom: 24px; }

.u-margin-left {
  margin-left: 1em; }

.u-padding {
  padding: 1em; }

.u-padding-top {
  padding-top: 1em; }

.u-padding-right {
  padding-right: 1em; }

.u-padding-bottom {
  padding-bottom: 1em; }

.u-padding-left {
  padding-left: 1em; }

.u-padding-bottom-0 {
  padding-bottom: 0 !important; }

.u-margin-top-0 {
  margin-top: 0 !important; }

.u-margin-bottom-0 {
  margin-bottom: 0 !important; }

/* Top / Bottom */
/* Top */
.u-padding-top-50 {
  padding-top: 50px; }

.u-padding-top-40 {
  padding-top: 40px; }

.u-padding-top-30 {
  padding-top: 30px; }

.u-padding-top-20 {
  padding-top: 20px; }

.u-padding-top-bottom-50 {
  padding: 50px 0; }

.u-padding-top-bottom-40 {
  padding: 40px 0; }

.u-padding-top-bottom-30 {
  padding: 30px 0; }

.u-padding-top-bottom-20 {
  padding: 20px 0; }

@media (max-width: 539px) {
    .u-s-margin-top-8 {
    margin-top: 8px; } }

/* ==========================================================================
   #WIDTH
   ========================================================================== */
.u-max-width-380 {
    width: 100%;
  max-width: 380px; }

/* ==========================================================================
   #POPUP WINDOW
   ========================================================================== */
.c-popup {
    margin-bottom: 2.5rem;
    background: white;
    border: 1px solid #ccc;
    padding: 25px;
    background-color: #ddd;
    max-height: 80%;
    overflow: auto;
}

.popup_table td {
    padding: 0px;
    border: none;
}

.popup_table th {
    padding: 10px 24px;
}

.grid_view th {
    padding: 10px 24px;
}

.grid_view td {
    padding: 5px;
}