@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 label:hover {
    cursor: pointer;
}*/

.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 {
    line-height: 1.3;
    display: block;
    width: 100%;
    max-width: 15em;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    font-family: "brandon-grotesque", "Arial", sans-serif;
}

.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;
}

@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{
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
}

.c-homepage-promo a {
    color: #46484A;
}

.c-homepage-promo img {
    width: auto;
    height: 100%;
    padding: 0 0 10px 10px;
}

.c-homepage-promo .promo-text {
    width: 60%;
    position: absolute;
    right: 0;
    padding: 0 10px 10px 10px;
}

@media (max-width: 1440px) {
    .c-homepage-text {
        line-height: 1.2;
    }

    .c-homepage-banner {
        max-height: 430px;
    }
}

@media (max-width: 1120px) {
    .c-homepage-icons {
        transform: scale(.9);
        bottom: 95px;
    }

    .c-hover-newbanner .slick-arrow {
        top: unset;
        bottom: 5%;
        z-index: 50;
    }
}

@media (max-width: 1024px){
    .c-homepage-text {
        line-height: 1.2;
        right: auto;
        padding: 5px;
        width: 100%;
        max-width: none;
    }

    .c-homepage-banner {
        max-height: none;
    }

    .c-hover-newbanner .slick-dots {
        width: 40%;
    }

    .c-hover-newbanner .slick-arrow {
        top: unset;
        bottom: 5%;
        z-index: 50;
    }

    .c-homepage-text .c-homepage-industry-label{
        margin: 10px 0;
    }

    .c-homepage-text .c-homepage-industry-text{
        width: 50%;
        max-width: 20em;
        line-height: 1.1;
    }

    .c-homepage-text a {
        margin-top: 0;
    }

    .c-homepage-icons {
        position: relative;
        left: 0;
        padding: 0 60px;
        transform: unset;
    }

    .c-homepage-icons .c-homepage-link {
        max-width: 18%;
    }

    .c-homepage-icons a {
        transform: scale(.8);
        padding: 0;
    }

    .c-homepage-icons a label{
        width: unset;
        font-size: .9em;
    }

    .c-homepage-content-normal {
        display: none;
    }

    .c-homepage-content-tablet {
        display: block;
    }

    .c-homepage-promo {
        position: relative;
        height: auto;
        width: 100%;
        top: -75px;
        left: 0;
        max-width: none;
        padding: 0;
    }

    .c-homepage-promo a {
        position: relative;
    }

    .c-homepage-promo-inner {
        position: relative;
        width: 100%;
        height: auto;
        background: #fff;
        margin: 0;
        padding: 0;
    }

    .c-homepage-promo .promo-row {
        max-height: 250px;
    }

    .c-homepage-promo .promo-row img {
        height: auto;
        width: auto;
        max-height: 200px;
    }
    
    .c-homepage-promo .promo-row label {
        left: 0;
        position: relative;
        width: 75%;
    }

    .c-homepage-promo .o-container {
        height: auto;
        width: auto;
        margin: 25px 0 0 0;
        position: relative;
    }
}

@media (max-width: 800px) {
    .c-homepage-text {
        height: 100%;
    }

    .c-hover-newbanner .slick-dots li{
        display: none;
    }
    .c-hover-newbanner .slick-arrow {
        display: none;
    }
    
    .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: 45%;
        z-index: 55;
    }

    .c-homepage-singleicon img{
        margin: 0 auto;
    }

    .c-homepage-icons {
        display: none;
    }
    
    .c-homepage-promo {
        top: 0;
    }

    .c-homepage-promo a {
        position: relative;
    }

    .c-homepage-promo .o-container {
        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: 800px) {
    .c-homepage-discover {
        width: 100%
    }

    .c-homepage-search {
        width: 100%;
        margin: 0;
    }

    .c-browse input {
        width: 100%;
    }

    .c-browse .c-application {
        float: none;
    }
}


/* ==========================================================================
   #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 {
  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;
  line-height: 40px; }

.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;
}