/************** LOAD FONTS ******************/
@font-face {
  font-family: "OpenSans-Light-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("fonts/OpenSans-Light-webfont.woff") format("woff");
}
@font-face {
  font-family: "OpenSans-Regular-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "OpenSans-Semibold-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff");
}
@font-face {
  font-family: "OpenSans-Bold-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("fonts/OpenSans-Bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "OpenSans-ExtraBold-webfont";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff");
}
.saffireMobileSize .header {
  padding: 0;
  font: inherit;
  color: inherit;
}
.saffireMobileSize .headerInnerContent {
  height: auto;
}

.generalmessage {
  box-sizing: border-box;
  white-space: normal;
  padding: 0 10px;
}

.saffireMobileSize .generalmessage {
  padding: 0 10px;
}

.loginstatus {
  float: none;
}

#weatherBugWidget {
  position: static;
  display: flex;
  align-items: center;
}
#weatherBugWidget img {
  flex-shrink: 0;
  margin: 0 5px;
}
#weatherBugWidget #weatherBugText,
#weatherBugWidget #weatherBugDescription {
  display: none;
}
#weatherBugWidget.weatherBugSet #weatherBugDescription {
  display: inline;
  color: inherit;
}

.ticket {
  padding: 0;
  height: auto;
}

.saffireMobileSize a.ticket,
.saffireMobileSize a.ticket:hover {
  position: static;
  display: inline-block;
  overflow: visible;
  white-space: normal;
  border: none;
  border-radius: 0;
  padding: 0;
}

.emailSignup {
  box-sizing: border-box;
}
.emailSignup > div {
  float: none;
}
.emailSignup .emailInputField input {
  box-sizing: border-box;
  border: none;
  box-shadow: none;
}
.emailSignup .emailSubmitButton {
  box-sizing: border-box;
}

.header .emailSignup {
  position: relative;
  z-index: 1;
}

.saffireMobileSize .header .emailSignup {
  float: none;
  font-size: inherit;
}
.saffireMobileSize .header .emailSignup:hover {
  cursor: pointer;
}

body.modalBody .emailSignup .emailInputField input {
  border: 1px solid #000;
  padding: 2px 5px;
  margin: 5px 0;
}

.header .searchBox {
  position: relative;
  z-index: 1;
}

.searchBox:not(.clonedSearchBox) > div {
  float: none;
}
.searchBox:not(.clonedSearchBox) #searchBoxClicker {
  display: none;
}
.searchBox:not(.clonedSearchBox) .searchBoxInput input {
  box-sizing: border-box;
  border: none;
  box-shadow: none;
}
.searchBox:not(.clonedSearchBox) .searchSubmitButton {
  box-sizing: border-box;
}

.saffireMobileSize .header .searchBox:not(.clonedSearchBox) {
  float: none;
  font-size: inherit;
}
.saffireMobileSize .header .searchBox:not(.clonedSearchBox) #searchBoxClicker {
  display: block;
}
.saffireMobileSize .header .searchBox:not(.clonedSearchBox):hover {
  cursor: pointer;
}

.saffireMobileSize .searchBox.clonedSearchBox {
  background: #222;
}
.saffireMobileSize .searchBox.clonedSearchBox:before {
  display: none;
}
.saffireMobileSize .searchBox.clonedSearchBox .searchBoxInput input.inputFieldTextbox.textbox {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 0 !important;
  font-family: "OpenSans-Regular-webfont", Verdana, Arial !important;
}
.saffireMobileSize .searchBox.clonedSearchBox .searchBoxSubmit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.saffireMobileSize .searchBox.clonedSearchBox .searchBoxSubmit a {
  border-color: #ddd;
  border-radius: 0 !important;
}
.saffireMobileSize .searchBox.clonedSearchBox .searchBoxSubmit:before {
  position: static;
}

.viewcart > span {
  position: relative;
  display: inline-block;
}

.saffireMobileSize .viewcart {
  float: none;
  width: auto;
  height: auto;
  font-family: inherit !important;
  font-size: inherit;
}
.saffireMobileSize .viewcart:before {
  display: none;
}
.saffireMobileSize .viewcart:hover .cartMenu {
  display: none !important;
}
.saffireMobileSize .viewcart .cartMenuLink {
  box-sizing: border-box;
}

.saffireLargeSize .nav .groups .group {
  float: none;
}
.saffireLargeSize .nav .groups .group > a {
  box-sizing: border-box;
}
.saffireLargeSize .nav .items {
  float: none;
}
.saffireLargeSize .nav .items .item a {
  box-sizing: border-box;
}
.saffireLargeSize .nav .subitems {
  float: none;
}

.saffireMobileSize .nav {
  display: inline-flex;
  display: none !important;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  float: none;
  height: 50px;
  width: 50px;
  color: #333;
  font-size: inherit;
}
.saffireMobileSize .nav:before {
  position: static;
  line-height: 1;
}
.saffireMobileSize .nav .mobileNavLink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.saffireMobileSize .nav .groups {
  display: none;
}

#cardWidget5 h2, #cardWidget4 .image-container .card-widget-title, #cardWidget4 .image-container > span, .tier-three h2, .tier-two .section-content h2 {
  flex: 1 1 100%;
  margin: 0;
  font-size: 1.875em;
  font-family: "OpenSans-Light-webfont";
  text-align: center;
}
@media screen and (min-width: 818px) {
  #cardWidget5 h2, #cardWidget4 .image-container .card-widget-title, #cardWidget4 .image-container > span, .tier-three h2, .tier-two .section-content h2 {
    font-size: 4.4vw;
  }
}
@media screen and (min-width: 1100px) {
  #cardWidget5 h2, #cardWidget4 .image-container .card-widget-title, #cardWidget4 .image-container > span, .tier-three h2, .tier-two .section-content h2 {
    font-size: 3.125em;
  }
}

body {
  color: #3d3d3d;
  font: 16px/1.5 "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
}

strong {
  font-family: "OpenSans-Bold-webfont";
  font-weight: 400;
}

a {
  color: #0081d1;
  text-decoration: underline;
}

h2 a {
  font-size: 30px;
}

.header a, .saffireMobileSize .header a,
.footer a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #0081d1;
  line-height: 1.2;
  text-transform: none;
}

h1 {
  margin: 0.2em 0;
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

.subContainer h1 {
  font-size: 26px;
}
.subContainer h2 {
  font-size: 23px;
}
.subContainer h3 {
  font-size: 20px;
}
.subContainer h4,
.subContainer h5,
.subContainer h6 {
  color: #fff;
}

.cartcols h2 {
  font-size: 20px;
}

.reviewYourOrderSubContainer h2 {
  font-size: 20px;
}

.eventList-container .eventCol1 .filter-group {
  line-height: 1.2;
}

.listingItem .itemName {
  color: #0081d1;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
  background: #869791;
}

/***************** CONTAINERS **************************/
body {
  background: url("images/main-bg.png") #111 no-repeat fixed;
  background-size: cover;
}
body.homepage {
  background: #111;
}

.wrapper {
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}

.generalMessageOn .wrapper {
  padding-top: 40px;
}

.saffireMobileSize .wrapper {
  padding-top: 66px;
}

.saffireMobileSize.generalMessageOn .wrapper {
  padding-top: 106px;
}

body:not(.homepage) .content {
  position: relative;
  max-width: calc(1060px - 30px - 30px);
  margin: 130px auto 60px;
  padding: 30px 30px 30px 30px;
  background: #fff;
}
@media screen and (max-width: 817px) {
  body:not(.homepage) .content {
    margin-top: 60px;
  }
}

.saffireMobileSize.homepage .content,
.saffireLargeSize.homepage .content {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  background: none;
}

.top-section {
  background-color: #002034;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 817px) {
  .top-section {
    background-image: none;
  }
}
.top-section .mobile-hero-image {
  display: none;
}
@media screen and (max-width: 817px) {
  .top-section .mobile-hero-image {
    position: static;
    display: block;
    width: 100%;
    height: 46vw;
    background-color: #002034;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.top-section .top-section-content {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1260px;
  max-width: 100%;
  height: 60vw;
  max-height: 640px;
  padding: 50px 20px 20px;
  margin: auto;
}
@media screen and (max-width: 817px) {
  .top-section .top-section-content {
    height: auto;
    max-height: 100%;
    padding: 0;
    flex: 1 1 100%;
    background: #0081d1;
    border-top: 1px solid #fff;
  }
}

.homepage-section {
  box-sizing: border-box;
  height: auto;
  width: 100%;
  max-width: 100%;
}
.homepage-section *, .homepage-section *:before, .homepage-section *:after {
  box-sizing: inherit;
}
.homepage-section.tier-one {
  background: #fff;
  padding: 8px 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .homepage-section.tier-one {
    padding: 20px 20px 30px;
  }
}
.homepage-section.tier-two {
  background: #0081d1;
  padding: 30px 20px;
}
.homepage-section.tier-three {
  background: #fff;
}
.homepage-section.tier-five {
  background: #fff;
  overflow: hidden;
}

.tier-one .section-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 1020px;
  max-width: 100%;
  margin: auto;
}

.tier-two .section-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 1240px;
  padding: 0;
  max-width: 100%;
  margin: auto;
}
.tier-two .section-content h2 {
  color: #fff;
}
.tier-two .section-content h2 span:first-child {
  position: relative;
  left: -0.15em;
  font-style: italic;
}
@media screen and (max-width: 500px) {
  .tier-two .section-content h2 span:last-child {
    display: block;
  }
}
.tier-two .section-content .homepage-btn {
  padding: 13px 18px;
}

.tier-three h2 {
  padding: 50px 0;
  line-height: 1;
  color: #0081d1;
}
@media screen and (max-width: 600px) {
  .tier-three h2 {
    padding: 25px 0;
    line-height: 1.2;
  }
  .tier-three h2 span {
    display: block;
  }
}

.subContainer {
  background: #0081d1;
  color: #fff;
  box-shadow: 2px 2px 5px #000;
}
.subContainer a,
.subContainer h1, .subContainer h2, .subContainer h3 {
  color: #fff;
}
.subContainer .error {
  color: #fff;
}

.dateDisplayBar,
.dateDisplay {
  background: #0081d1;
  color: #fff;
}
.dateDisplayBar a,
.dateDisplay a {
  color: #fff;
}

#google_translate_element {
  /* |%  Google translate position */
  top: 15px;
  right: 30px;
}

.carthr {
  background: #fff;
}

.orderhistory {
  background: #0081d1;
}

.orderhistory th {
  color: #fff;
  padding: 8px 3px;
}

.alternateRow {
  background: #f3f3f3;
}

.listingItem {
  background: #f3f3f3;
  border-bottom: 1px solid #dadada;
}
.listingItem:hover {
  background: #fbfbfb;
}

/*************** MEMBERS SITE **********************/
.arrowdown {
  border-color: transparent transparent black;
}

.arrowdown_on {
  border-color: transparent transparent white;
}

.arrowup {
  border-color: black transparent transparent;
}

.arrowup_on {
  border-color: white transparent transparent;
}

#directoryFilterOptions > li:hover {
  background: #cbdfe2;
}

.directoryHeader {
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
}

.saffireMobileSize.isResponsive #formModuleContainer .formColumnRight,
.saffireMobileSize.isResponsive #formModuleContainer .formColumnMid,
.saffireMobileSize.isResponsive #formModuleContainer .formColumnLeft {
  flex: 1 1 100%;
}

/************* BUTTON STYLES *********************/
a.button:not(.emailSubmitButton):not(.searchSubmitButton),
.button:not(.emailSubmitButton):not(.searchSubmitButton) {
  /* |%  set font-family */
  padding: 15px 20px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  font-weight: normal !important;
  font-family: "OpenSans-Bold-webfont";
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.75);
}

a.button:not(.emailSubmitButton):not(.searchSubmitButton),
.button:not(.emailSubmitButton):not(.searchSubmitButton),
.buttonSmall {
  color: #fff !important;
  background: #f26922;
  background: linear-gradient(180deg, #f26922);
}

a.button:not(.emailSubmitButton):not(.searchSubmitButton):hover,
.button:not(.emailSubmitButton):not(.searchSubmitButton):hover,
.buttonSmall:hover {
  background: #ff8f2e;
  color: #fff !important;
}

.buttonSmall,
.button.buttonSmall,
a.updateButton.buttonSmall,
a.removeButton.buttonSmall,
a.cartMenuRemoveButton.button.buttonSmall {
  font-size: 0.875em !important;
  padding: 5px 10px !important;
}

.cartMenu .cartMenuCheckoutButton {
  font-size: 14px;
  padding: 5px 15px !important;
}

.homepage-btn {
  box-sizing: border-box;
  flex-shrink: 0;
  padding: 15px 30px;
  background: #f26922;
  border-radius: 3px;
  font-family: "OpenSans-Bold-webfont";
  font-size: 14px;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.75);
  transition: 0.2s;
}
.homepage-btn:hover {
  background: #ff8f2e;
  transition: 0.2s;
}

.header-btn {
  padding: 7px 10px;
  margin-left: 30px;
}
@media screen and (max-width: 900px) {
  .header-btn {
    margin-left: 10px;
  }
}

/************************* MODAL CONTENT ********************/
.modal {
  background: #fff;
  padding-top: 15px;
  border: 10px solid #fff;
}

.modalBody {
  /* |%  set modal background color if not white */
  background: #fff;
  padding: 14px;
}
.modalBody .emailInputSubmit .emailSubmitButton,
.modalBody a.modalCloseButton,
.modalBody a.button {
  display: inline-block;
  box-sizing: border-box;
  flex-shrink: 0;
  padding: 10px 15px !important;
  background: #f26922;
  border-radius: 3px;
  font-family: "OpenSans-Bold-webfont";
  font-size: 14px;
  color: #fff !important;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.75);
  transition: 0.2s;
}
.modalBody .emailInputSubmit .emailSubmitButton:hover,
.modalBody a.modalCloseButton:hover,
.modalBody a.button:hover {
  background: #ff8f2e;
  transition: 0.2s;
}
.modalBody .showorksModalTitle {
  /* |%  set font-family */
  font-size: 32px;
  line-height: 36px;
}
.modalBody .showorksBreadcrumbs {
  /* |%  set font-family */
  font-size: 20px;
  color: #0081d1;
  line-height: 22px;
}
.modalBody .showorksTableGrid th {
  /* |%  set font-family */
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.06em;
  padding-bottom: 7px;
  padding-top: 7px;
}
.modalBody .showorksTableGrid td {
  color: #3d3d3d;
}
.modalBody .showorksTableGrid tr.odd {
  background: #fff;
  color: black;
}
.modalBody .showorksTableGrid tr.even {
  background: #e6e6e6;
  color: black;
}

a.modalCloseButton {
  padding: 10px 15px !important;
}

.modalPageBackground {
  background-color: black;
  opacity: 0.5;
}

.modalContent #google_translate_element {
  top: 1px;
  right: 0;
}
.modalContent h1 {
  font-size: 24px;
  line-height: 1.2em;
}

.modalClose {
  top: 1px;
  background: none;
}
.modalClose .modalCloseButton img {
  display: none;
}
.modalClose .modalCloseButton:before {
  content: "X";
  font-family: sans-serif;
}

#dynamicModal {
  box-shadow: 0 0 10px #999;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.2);
}

.mobile-menu-container {
  background-color: #fff;
}
.mobile-menu-container .mobile-menu-header {
  background-color: #0081d1;
}
.mobile-menu-container .close-mobile-menu:before, .mobile-menu-container .close-mobile-menu:after {
  background-color: #fff;
}
.mobile-menu-container .mobile-menu-subheader,
.mobile-menu-container .mobile-menu-subheader-btn {
  background-color: #ddd;
}
.mobile-menu-container .mobile-menu-subheader a, .mobile-menu-container .mobile-menu-subheader i,
.mobile-menu-container .mobile-menu-subheader-btn a,
.mobile-menu-container .mobile-menu-subheader-btn i {
  color: #777;
}
.mobile-menu-container .mobile-menu-subheader {
  border-color: #333;
  border-top: 1px solid #333;
}
.mobile-menu-container .mobile-menu-login-showlinks .mobile-menu-login .mobile-menu-subheader-btn,
.mobile-menu-container .mobile-menu-subheader-btn:active {
  background-color: #c4c4c4;
}
.mobile-menu-container .mobile-menu-login-links a {
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
}
.mobile-menu-container .cart-counter {
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
}
.mobile-menu-container .search-container {
  margin-bottom: 0;
  border-bottom: 1px solid #333;
}
.mobile-menu-container .search-container input {
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  height: auto;
}
.mobile-menu-container .search-container .search-submit-btn {
  color: #777;
}
.mobile-menu-container .mobile-menu-ticket-btn {
  background-color: #0081d1;
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  color: #fff;
  border-color: #0081d1;
}
.mobile-menu-container .mobile-menu-footer-links a {
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  color: #0081d1;
}

#mobile-nav ul {
  background-color: #333;
}
#mobile-nav a {
  background-color: #0081d1;
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  color: #fff;
}
#mobile-nav a:hover {
  background-color: #00629e;
}
#mobile-nav .has-subitems span {
  background-color: #1CA8FB;
  color: #fff;
}
#mobile-nav .has-subitems span:hover {
  background-color: #048ee0;
}

.mobile-menu-footer-links a:first-of-type {
  display: none;
}

.header, .saffireMobileSize .header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 65px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 9999;
  transition: 0.2s;
}

.headerInnerContent, .saffireMobileSize .headerInnerContent {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  width: 1920px;
  max-width: 100%;
  padding: 10px 20px;
  margin: auto;
  transition: 0.2s;
}
@media screen and (min-width: 1366px) {
  .headerInnerContent, .saffireMobileSize .headerInnerContent {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.header-inner-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.saffireLargeSize.saffireWindowScrolled .header {
  background: #222;
  transition: 0.2s;
}
.saffireLargeSize.saffireWindowScrolled .headerInnerContent {
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.2s;
}

.saffireWindowScrolled.generalMessageOn .header {
  top: -40px;
  transition: 0.2s;
}

.saffireMobileSize .header {
  background: #0081d1;
  border-bottom: 1px solid #fff;
  transition: 0.2s;
}
.saffireMobileSize .headerInnerContent {
  padding: 8px 10px 7px;
}

.generalmessage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #0081d1;
  font-family: "OpenSans-Light-webfont";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}
.generalmessage a {
  color: inherit;
  text-decoration: underline;
}

.saffireMobileSize .generalmessage {
  height: 40px;
  font-size: 14px;
  line-height: 1.2;
  background: #1CA8FB;
}
@media screen and (max-width: 500px) {
  .saffireMobileSize .generalmessage {
    font-size: 12px;
  }
}

.header-logo {
  display: block;
  width: 119px;
  height: 78px;
  background: url("images/logo.png") center/contain no-repeat;
  transition: 0.2s;
}
@media screen and (max-width: 817px) {
  .header-logo {
    width: 75px;
    height: 48px;
  }
}

.saffireLargeSize.saffireWindowScrolled .header-logo {
  width: 75px;
  height: 48px;
  transition: 0.2s;
}

.standAloneDirections {
  color: inherit;
}

.loginstatus a,
.myAccountNavButton a {
  color: inherit;
}

.ticket {
  background: none;
  color: inherit;
}
.ticket:hover {
  background: none;
  color: inherit;
}

.saffireMobileSize a.ticket {
  background: none;
  color: inherit;
}
.saffireMobileSize a.ticket:hover {
  background: none;
  color: inherit;
}

.header .emailSignup {
  display: none;
  align-items: center;
}
.header .emailSignup .emailInputField input {
  height: 30px;
  width: 170px;
  padding: 0 5px;
  font-size: 14px;
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  border-radius: 0 !important;
  width: 0;
  padding: 0;
  transition: 0.2s;
}
.header .emailSignup .emailInputField input:focus {
  width: 170px;
  padding: 0 5px;
  transition: 0.2s;
}
.header .emailSignup .emailSubmitButton {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  background: #999;
  border-radius: 0 !important;
  font-size: 14px;
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  width: 35px;
  padding: 0;
  font-size: 0;
}
.header .emailSignup .emailSubmitButton:before {
  content: "\f0e0";
  display: block;
  font-size: 18px;
  font-family: "FontAwesome";
  line-height: 1;
  color: #000;
}
.header .emailSignup .emailSubmitButton:hover {
  background: #aaa;
}
.header .emailSignup:hover .emailInputField input {
  width: 170px;
  padding: 0 5px;
  transition: 0.2s;
}

.saffireMobileSize .header .emailSignup {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-left: 15px;
}
.saffireMobileSize .header .emailSignup:before {
  content: "\f0e0";
  position: static;
  line-height: 1;
  font-size: 20px;
  color: #fff;
}

.header .searchBox:not(.clonedSearchBox) {
  display: inline-flex;
  align-items: center;
}
.header .searchBox:not(.clonedSearchBox) .searchBoxInput input {
  height: 30px;
  width: 170px;
  padding: 0 5px;
  font-size: 14px;
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  border-radius: 0 !important;
  width: 0;
  padding: 0;
  transition: 0.2s;
}
.header .searchBox:not(.clonedSearchBox) .searchBoxInput input:focus {
  width: 170px;
  padding: 0 5px;
  transition: 0.2s;
}
.header .searchBox:not(.clonedSearchBox) .searchSubmitButton {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  background: #999;
  border-radius: 0 !important;
  font-size: 14px;
  font-family: "OpenSans-Light-webfont", Arial, Verdana, sans-serif;
  width: 35px;
  padding: 0;
  font-size: 0;
}
.header .searchBox:not(.clonedSearchBox) .searchSubmitButton:before {
  content: "\f002";
  display: block;
  font-size: 18px;
  font-family: "FontAwesome";
  line-height: 1;
  color: #000;
}
.header .searchBox:not(.clonedSearchBox) .searchSubmitButton:hover {
  background: #aaa;
}
.header .searchBox:not(.clonedSearchBox):hover .searchBoxInput input {
  width: 170px;
  padding: 0 5px;
  transition: 0.2s;
}

.saffireMobileSize .header .searchBox:not(.clonedSearchBox) {
  position: relative;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.saffireMobileSize .header .searchBox:not(.clonedSearchBox):before {
  content: "\f002";
  position: static;
  line-height: 1;
  font-size: 26px;
  color: #eee;
}

.saffireLargeSize .header .searchBox,
.saffireMobileSize .header .searchBox {
  display: none !important;
}

.saffireLargeSize .viewcart {
  display: inline-flex;
  color: inherit;
}
.saffireLargeSize .viewcart .cartMenuLink {
  display: inline-block;
  color: inherit;
}
.saffireLargeSize .viewcart .cartMenuLink:before {
  content: "Cart: ";
  font-size: inherit;
  color: inherit;
}

.saffireMobileSize .viewcart {
  display: inline-flex;
}
.saffireMobileSize .viewcart .cartMenuLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #eee;
}
.saffireMobileSize .viewcart .cartMenuLink:before {
  content: "\f07a";
  position: relative;
  margin-right: 5px;
  font-family: "FontAwesome";
  font-size: 26px;
  line-height: 1;
  color: inherit;
}

.mobile-nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  vertical-align: top;
  background-image: url("images/m-menu-icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.mobile-nav-toggle:hover {
  cursor: pointer;
}

.saffireLargeSize .mobile-nav-toggle {
  display: none;
}

.saffireLargeSize .nav .groups {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.saffireLargeSize .nav .groups .group {
  display: inline-block;
  flex-shrink: 0;
  margin: 0 0 0 18px;
}
.saffireLargeSize .nav .groups .group:last-child .items,
.saffireLargeSize .nav .groups .group:nth-last-child(2) .items {
  left: auto;
  right: 0;
}
.saffireLargeSize .nav .groups .group:last-child .subitems,
.saffireLargeSize .nav .groups .group:nth-last-child(2) .subitems {
  left: auto;
  right: 100%;
}
.saffireLargeSize .nav .groups .group > a {
  display: inline-block;
  padding: 13px 15px;
  transition: 0.2s;
  transition-property: padding;
  background: none;
  font-family: "OpenSans-Bold-webfont", Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
@media screen and (max-width: 900px) {
  .saffireLargeSize .nav .groups .group > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.saffireLargeSize .nav .groups .group:hover > a {
  color: #fff;
  background: rgba(0, 129, 209, 0.9);
}
@media screen and (max-width: 900px) {
  .saffireLargeSize .nav .groups .group:hover > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.saffireLargeSize .nav .items {
  top: 100%;
  left: 0;
  padding: 0;
  background: rgba(0, 129, 209, 0.9);
}
.saffireLargeSize .nav .items .item a {
  padding: 8px 15px;
  color: #fff;
  font-size: 14px;
  font-family: "OpenSans-Light-webfont";
}
.saffireLargeSize .nav .items .item a:hover {
  color: #fff;
}
.saffireLargeSize .nav .item {
  width: 200px;
  line-height: 1.4;
}
.saffireLargeSize .nav .item:hover {
  background: #1CA8FB;
}
.saffireLargeSize .nav .subitems {
  left: 100%;
  padding: 0;
  background: rgba(0, 129, 209, 0.9);
}

.saffireLargeSize.saffireWindowScrolled .nav .group > a {
  padding: 22px 15px;
}
@media screen and (max-width: 900px) {
  .saffireLargeSize.saffireWindowScrolled .nav .group > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.mobileNavShowing .mobileNavContainer {
  background: #0081d1;
}
.mobileNavShowing .mobileNavContainer .mobileNavHeader {
  border-color: #1CA8FB;
}
.mobileNavShowing .mobileNavContainer .mobileNavCloseMenu,
.mobileNavShowing .mobileNavContainer .mobileMenuShiftedGoBack {
  color: #fff;
}
.mobileNavShowing .mobileNavContainer .mobileMenuShiftedGoBack {
  margin-top: 0.6em;
}
.mobileNavShowing .mobileNavContainer .mobileMenuPanelContainer a {
  background: #1CA8FB;
  border-color: #0081d1;
  padding: 10px 15px !important;
}

/*********************** FOOTER **************************/
.footer {
  /* set the height of the footer */
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 120px 0 0;
  background: repeat-x #fff center;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 817px) {
  .footer {
    padding-top: 100px;
  }
}
@media screen and (max-width: 700px) {
  .footer {
    padding-top: 80px;
  }
}
.footer .footer-inner-wrapper {
  width: 100%;
  height: 100%;
  background-color: #0081d1;
}
.footer .footer-content {
  box-sizing: border-box;
  position: relative;
  width: 1140px;
  max-width: 100%;
  height: 100%;
  margin: auto;
  padding: 25px 20px 33px;
  background-image: url("images/footer-flame.png");
  background-repeat: no-repeat;
  background-position: center -35%;
  background-size: auto;
}
.footer .footer-content:before {
  position: absolute;
  content: "";
  width: 793px;
  max-width: 100%;
  height: 101px;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("images/skyline.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 817px) {
  .footer .footer-content:before {
    width: 650px;
    height: 83px;
    top: -78px;
  }
}
@media screen and (max-width: 700px) {
  .footer .footer-content:before {
    width: 375px;
    height: 50px;
    top: -47px;
  }
}
@media screen and (max-width: 374px) {
  .footer .footer-content:before {
    background-size: cover;
  }
}
.footer .footer-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 0;
}
@media screen and (max-width: 700px) {
  .footer .footer-logos {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.footer .footer-logos a {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 30px;
}
@media screen and (max-width: 700px) {
  .footer .footer-logos a {
    margin: 0 auto 20px;
  }
}
.footer .footer-logos a:nth-child(1) {
  width: 207px;
  height: 60px;
  background-image: url("images/saffireTix-logo.png");
}
@media screen and (max-width: 700px) {
  .footer .footer-logos a:nth-child(1) {
    order: 2;
    width: 160px;
    height: 50px;
  }
}
.footer .footer-logos a:nth-child(2) {
  width: 118px;
  height: 76px;
  background-image: url("images/saffireFooter-logo.png");
}
@media screen and (max-width: 700px) {
  .footer .footer-logos a:nth-child(2) {
    order: 1;
    width: 93px;
    height: 60px;
  }
}
.footer .footer-logos a:nth-child(3) {
  width: 231px;
  height: 51px;
  background-image: url("images/BlastPass-Logo-Footer.png");
}
@media screen and (max-width: 700px) {
  .footer .footer-logos a:nth-child(3) {
    order: 3;
    width: 160px;
    height: 50px;
    margin-bottom: 0;
  }
}
.footer .footer-buttons {
  margin-bottom: 33px;
}
@media screen and (max-width: 700px) {
  .footer .footer-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 280px;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
}
.footer .footer-buttons a {
  display: inline-block;
  padding: 15px 20px;
  margin: 0 14px;
}
@media screen and (max-width: 700px) {
  .footer .footer-buttons a {
    margin: 0 auto 25px;
  }
  .footer .footer-buttons a:not(:last-child) {
    padding: 12px 28px;
    font-size: 20px;
  }
}
.footer .footer-buttons a:hover {
  text-decoration: none;
}
.footer .footer-text {
  margin: 0 auto 18px;
  font-size: 30px;
  font-family: "OpenSans-Light-webfont";
  text-transform: uppercase;
}
@media screen and (max-width: 700px) {
  .footer .footer-text {
    font-size: 20px;
  }
}
.footer .footer-text a,
.footer .footer-text span {
  display: inline-block;
}
.footer .footer-text span:nth-child(2),
.footer .footer-text span:nth-child(4) {
  margin: 0 15px;
}
@media screen and (max-width: 700px) {
  .footer .footer-text span:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .footer .footer-text a {
    display: block;
  }
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer ul.footerItems1 {
  margin: 0 auto 12px;
  font-family: "OpenSans-Light-webfont";
  font-size: 16px;
  text-transform: uppercase;
}
.footer ul.footerItems1 a:hover {
  text-decoration: underline;
}
.footer ul.footerItems1 .separator {
  margin: 0 15px;
  color: #4dbbff;
}
.footer .footerSignIn {
  text-transform: uppercase;
}
.footer ul.footerItems2 {
  font-size: 12px;
  margin: 0 auto;
}
.footer ul.footerItems2 div {
  display: inline-block;
}
.footer ul.footerItems2 .sitemap-link {
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}
.footer ul.footerItems2 .custom-powered-by {
  display: inline-block;
}
.footer ul.footerItems2 .custom-powered-by span:first-child {
  display: none;
}
.footer ul.footerItems2 .custom-powered-by span {
  text-transform: capitalize;
  margin: 0 5px;
}
.footer ul.footerItems2 .custom-powered-by a {
  display: inline-block;
  width: 53px;
  height: 34px;
  vertical-align: bottom;
  background-image: url("images/saffireFooter-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.isIE .footer ul.footerItems2 .sitemap-link {
  display: inline-flex;
  align-items: flex-end;
}

.saffireMobileSize .footer a:hover {
  text-decoration: none;
}
.saffireMobileSize .footer ul.footerItems1 {
  display: none;
  max-width: 300px;
  margin-bottom: 6px;
}
.saffireMobileSize .footer .footerSignIn {
  max-width: 300px;
  margin: auto;
}
.saffireMobileSize .footer ul.footerItems2 {
  text-align: center;
}
.saffireMobileSize .footer ul.footerItems2 li:first-child {
  display: block;
}
.saffireMobileSize .footer ul.footerItems2 .sitemap-link {
  margin: 0;
}
.saffireMobileSize .footer ul.footerItems2 .sitemap-link > span,
.saffireMobileSize .footer ul.footerItems2 .sitemap-link > a {
  display: none;
}
.saffireMobileSize .footer ul.footerItems2 .custom-powered-by {
  margin-top: 5px;
}
.saffireMobileSize .footer ul.footerItems2 .custom-powered-by span {
  display: inline-block;
  text-transform: none;
  margin: 0;
}
.saffireMobileSize .footer ul.footerItems2 .custom-powered-by a {
  margin-left: 5px;
}
@media screen and (max-width: 500px) {
  .saffireMobileSize .footer ul.footerItems2 .custom-powered-by a {
    display: block;
    margin: 5px auto 0;
  }
}
@media screen and (max-width: 500px) {
  .saffireMobileSize .footer ul.footerItems2 .custom-powered-by {
    margin-top: 0;
  }
}

body:not(.homepage) .footer {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111111 5%);
}

#cardWidget {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  width: 450px;
  max-width: 100%;
  margin: 40px 0 0;
  padding: 25px 35px 35px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  #cardWidget {
    font-size: 0.875rem;
    margin: 0;
    padding: 25px;
    width: 400px;
  }
}
@media screen and (max-width: 817px) {
  #cardWidget {
    width: 100%;
    flex-shrink: 0;
    background: transparent;
    font-size: 1rem;
    text-align: center;
  }
}
#cardWidget .cw-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
  font: 11px/1 "OpenSans-Bold-webfont";
  color: #fff;
  text-transform: uppercase;
}
@media screen and (max-width: 817px) {
  #cardWidget .cw-header {
    margin: 0 auto 20px;
    color: #66b3e3;
  }
}
#cardWidget .cw-header:before {
  position: relative;
  top: -2px;
  content: "";
  display: inline-block;
  width: 21px;
  height: 29px;
  margin-right: 10px;
  background-image: url("images/saffire-flame.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
@media screen and (max-width: 817px) {
  #cardWidget .cw-header:before {
    background-image: url("images/m-saffire-flame.png");
  }
}
#cardWidget .card-widget-item {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  min-width: 280px;
}
#cardWidget .card-widget-item:nth-of-type(1) {
  display: none !important;
}
#cardWidget .image-container {
  box-sizing: border-box;
  position: static;
  display: inline-block;
  width: 100%;
  min-height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  transition: 0.3s;
}
#cardWidget .card-content {
  color: #fff;
}
@media screen and (max-width: 817px) {
  #cardWidget .card-content {
    max-width: 650px;
    margin: auto;
  }
}
#cardWidget .card-widget-title,
#cardWidget .card-widget-description {
  position: static;
  display: block;
  width: 100%;
  font-family: "OpenSans-Light-webfont";
  color: #fff;
  margin-bottom: 20px;
}
#cardWidget .card-widget-title {
  font-size: 1.375em;
  line-height: 1.2;
}
#cardWidget .card-widget-description {
  font-size: 1em;
  line-height: 1.5;
}
@media screen and (max-width: 817px) {
  #cardWidget .card-widget-description {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 649px) {
  #cardWidget .card-widget-description {
    font-size: 0.813em;
    line-height: 1.7;
  }
}
#cardWidget .buttonwrap a {
  color: #fff;
  text-decoration: none;
  font-family: "OpenSans-Bold-webfont";
  font-size: 0.875em;
}
#cardWidget .buttonwrap a:hover {
  text-decoration: underline;
}

#cardWidget2 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  height: auto;
  width: 660px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
#cardWidget2 .card-widget-item {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  min-width: 280px;
}
#cardWidget2 .card-widget-title {
  display: none;
}
#cardWidget2 .card-widget-description p {
  margin: 0 0 1em;
  font-family: "OpenSans-Light-webfont";
}
@media screen and (max-width: 700px) {
  #cardWidget2 .card-widget-description p {
    text-align: center;
    font-size: 0.813em;
  }
}
@media screen and (min-width: 1680px) {
  #cardWidget2 .card-widget-description p {
    font-size: 1.125em;
  }
}
#cardWidget2 .card-widget-description p:last-child {
  margin-bottom: 0;
}

#cardWidget3 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  height: auto;
  max-width: 100%;
  margin: 30px 0;
  padding: 0 30px;
}
@media screen and (max-width: 650px) {
  #cardWidget3 {
    padding: 0;
  }
}
#cardWidget3 .card-widget-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  min-width: 280px;
}
@media screen and (max-width: 817px) {
  #cardWidget3 .card-widget-item {
    flex-direction: column;
  }
}
#cardWidget3 .image-container {
  box-sizing: border-box;
  position: static;
  display: inline-block;
  width: 45%;
  flex-shrink: 0;
  min-height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  transition: 0.3s;
}
@media screen and (max-width: 817px) {
  #cardWidget3 .image-container {
    width: 500px;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
#cardWidget3 .image-container img {
  max-width: 100%;
}
#cardWidget3 .card-content {
  padding: 20px 20px 20px 40px;
  flex: 1;
}
@media screen and (max-width: 817px) {
  #cardWidget3 .card-content {
    padding: 0;
  }
}
#cardWidget3 .card-widget-title {
  display: none;
}
#cardWidget3 .card-widget-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  font: 1em/1.5 "OpenSans-Light-webfont";
  color: #fff;
}
@media screen and (max-width: 1100px) {
  #cardWidget3 .card-widget-description {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 817px) {
  #cardWidget3 .card-widget-description {
    max-width: 500px;
    text-align: center;
  }
}
#cardWidget3 .card-widget-description p {
  margin-top: 0;
}
#cardWidget3 .card-widget-description div {
  margin-top: 25px;
}
@media screen and (max-width: 1100px) {
  #cardWidget3 .card-widget-description div {
    margin-top: 15px;
  }
}
#cardWidget3 .card-widget-description div:before {
  display: block;
  content: "";
  width: 70px;
  height: 5px;
  margin-bottom: 25px;
  background: #0094f1;
}
@media screen and (max-width: 1100px) {
  #cardWidget3 .card-widget-description div:before {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 817px) {
  #cardWidget3 .card-widget-description div:before {
    margin-left: auto;
    margin-right: auto;
  }
}
#cardWidget3 .card-widget-description div span {
  display: block;
  font-size: 0.875em;
}
#cardWidget3 .card-widget-description div span:first-child {
  font-family: "OpenSans-Bold-webfont";
  margin-bottom: 5px;
}
#cardWidget3 .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 650px) {
  #cardWidget3 .owl-nav {
    display: none;
  }
}
#cardWidget3 .owl-prev,
#cardWidget3 .owl-next {
  width: 27px;
  height: 26px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.2s;
}
#cardWidget3 .owl-prev:hover,
#cardWidget3 .owl-next:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
#cardWidget3 .owl-prev {
  background-image: url("images/arrow-left.png");
}
#cardWidget3 .owl-next {
  background-image: url("images/arrow-right.png");
}

#cardWidget4 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#cardWidget4 .card-widget-item {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex: 1 1 100%;
  min-width: 320px;
  height: 24vw;
  min-height: 224px;
  overflow: hidden;
}
@media screen and (min-width: 680px) {
  #cardWidget4 .card-widget-item {
    flex: 1 1 32%;
  }
}
@media screen and (min-width: 1025px) {
  #cardWidget4 .card-widget-item {
    margin-bottom: 0;
  }
}
#cardWidget4 .card-widget-item:nth-child(2) {
  margin: 0 0 1px 0;
  flex: 1 1 100%;
}
@media screen and (min-width: 680px) {
  #cardWidget4 .card-widget-item:nth-child(2) {
    flex: 1 1 32%;
    margin: 0 5px 0 0;
  }
}
@media screen and (min-width: 1025px) {
  #cardWidget4 .card-widget-item:nth-child(2) {
    margin: 0 10px;
  }
}
#cardWidget4 .card-widget-item:first-child {
  flex: 1 1 100%;
  margin: 0 0 1px 0;
}
@media screen and (min-width: 680px) {
  #cardWidget4 .card-widget-item:first-child {
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 1025px) {
  #cardWidget4 .card-widget-item:first-child {
    flex: 1 1 32%;
    margin-bottom: 0;
  }
}
#cardWidget4 .card-widget-item:nth-child(4) {
  display: none !important;
}
#cardWidget4 .card-widget-item:hover .card-content {
  padding-top: 0;
  opacity: 1;
  background: rgba(0, 129, 209, 0.9);
  transition: 0.5s;
}
#cardWidget4 .card-widget-item:hover .card-content:before {
  top: 0;
  left: 0;
  opacity: 1;
  transform: rotateY(0deg);
  transition: 0.5s;
}
#cardWidget4 .card-widget-item:hover .image-container > span {
  opacity: 0;
  top: -24vw;
  transition: 0.5s;
}
#cardWidget4 .card-content {
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: transparent;
  height: 100%;
  width: 100%;
  padding-top: 24vw;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
#cardWidget4 .card-content:before {
  content: "";
  position: absolute;
  top: 25%;
  display: block;
  width: 100%;
  height: 24vw;
  min-height: 224px;
  background-image: url("images/footer-flame.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transform: rotateY(180deg);
  z-index: 0;
  transition: 0.5s;
}
#cardWidget4 .image-container {
  box-sizing: border-box;
  position: static;
  display: inline-block;
  width: 100%;
  min-height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  transition: 0.5s;
}
#cardWidget4 .image-container > span {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  text-shadow: 0 0 15px #000, 0 0 25px #000;
  text-transform: uppercase;
  transition: 0.5s;
}
#cardWidget4 .image-container .card-widget-title {
  flex: 0;
  min-height: 30px;
  margin-bottom: 15px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  z-index: 1;
}
@media screen and (min-width: 818px) and (max-width: 1200px) {
  #cardWidget4 .image-container .card-widget-title {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 1200px) {
  #cardWidget4 .image-container .card-widget-title {
    margin-bottom: 15px;
    min-height: 40px;
  }
}
#cardWidget4 .image-container .card-widget-description {
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  padding: 0 25px;
  margin-bottom: 15px;
  font: 0.875em/1.5 "OpenSans-Light-webfont";
  color: #fff;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  #cardWidget4 .image-container .card-widget-description {
    padding: 0 45px;
    margin-bottom: 30px;
    font-size: 1em;
  }
}
@media screen and (min-width: 1680px) {
  #cardWidget4 .image-container .card-widget-description {
    font-size: 1.125em;
  }
}
#cardWidget4 .buttonwrap {
  z-index: 1;
}
#cardWidget4 .moreButton {
  display: block;
  padding: 13px 18px;
}

#cardWidget5 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#cardWidget5 .card-widget-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  min-width: 280px;
  padding: 54px 0;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item {
    padding: 35px 0 30px;
  }
}
#cardWidget5 .card-widget-item:first-child {
  background: #fff;
}
#cardWidget5 .card-widget-item:first-child h2 {
  color: #0081d1;
  text-align: right;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item:first-child h2 {
    text-align: center;
  }
}
#cardWidget5 .card-widget-item:first-child .image-container {
  order: 1;
}
#cardWidget5 .card-widget-item:first-child .card-content {
  text-align: right;
  padding-right: 30px;
  padding-left: 30px;
  margin-left: auto;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item:first-child .card-content {
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }
}
#cardWidget5 .card-widget-item:first-child .card-widget-description {
  margin-left: auto;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item:first-child .card-widget-description {
    margin: auto;
    text-align: center;
  }
}
#cardWidget5 .card-widget-item:last-child {
  background: #0081d1;
}
#cardWidget5 .card-widget-item:last-child h2 {
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item:last-child h2 {
    text-align: center;
  }
}
#cardWidget5 .card-widget-item:last-child .card-widget-description {
  color: #fff;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item:last-child .card-widget-description {
    margin: auto;
    text-align: center;
  }
}
#cardWidget5 .card-widget-item:last-child .card-content {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: auto;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-widget-item:last-child .card-content {
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }
}
#cardWidget5 .image-container {
  box-sizing: border-box;
  position: static;
  display: inline-block;
  width: 67%;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  transition: 0.3s;
}
@media screen and (min-width: 1400px) {
  #cardWidget5 .image-container {
    height: 24vw;
  }
}
@media screen and (max-width: 700px) {
  #cardWidget5 .image-container {
    display: none;
  }
}
#cardWidget5 .card-content {
  order: 0;
  width: 33%;
  min-width: 432px;
  flex-shrink: 0;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .card-content {
    min-width: 280px;
  }
}
#cardWidget5 .card-widget-title {
  display: none;
}
#cardWidget5 .card-widget-description {
  display: block;
  max-width: 372px;
}
#cardWidget5 .card-widget-description p {
  font: 0.813em/1.5 "OpenSans-Light-webfont";
  margin: 0 0 1em;
}
@media screen and (min-width: 701px) {
  #cardWidget5 .card-widget-description p {
    font-size: 0.875em;
  }
}
@media screen and (min-width: 1400px) {
  #cardWidget5 .card-widget-description p {
    font-size: 1em;
  }
}
@media screen and (min-width: 1680px) {
  #cardWidget5 .card-widget-description p {
    font-size: 1.125em;
    max-width: 450px;
  }
}
@media screen and (min-width: 1680px) {
  #cardWidget5 .card-widget-description {
    max-width: 450px;
  }
}
#cardWidget5 h2 {
  margin: 0 0 25px;
  line-height: 1;
}
#cardWidget5 .moreButton {
  display: inline-block;
  padding: 15px 24px;
}
@media screen and (max-width: 700px) {
  #cardWidget5 .moreButton {
    padding: 15px 18px;
  }
}
@media screen and (max-width: 700px) {
  #cardWidget5 .moreButton span {
    display: none;
  }
}

#cardWidget6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  width: auto;
}
#cardWidget6 a {
  display: inline-block;
}
@media screen and (max-width: 817px) {
  #cardWidget6 a:last-child {
    display: none;
  }
}

#multiSocialWidget {
  height: 428px;
  width: 100%;
  max-width: 100%;
  background: none;
}
#multiSocialWidget .multiSocialWidgetContainer {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
  background: #fff;
}
#multiSocialWidget #instafeedContainer {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  border-top: 4px solid #fff;
}
#multiSocialWidget #instafeedContainer a {
  box-sizing: border-box;
  position: relative;
  display: none;
  flex: 1 1 48%;
  min-width: 150px;
  height: 50%;
  overflow: hidden;
  border: 4px solid #fff;
}
#multiSocialWidget #instafeedContainer a:nth-child(1), #multiSocialWidget #instafeedContainer a:nth-child(2), #multiSocialWidget #instafeedContainer a:nth-child(3), #multiSocialWidget #instafeedContainer a:nth-child(4) {
  display: block;
}
@media screen and (min-width: 600px) {
  #multiSocialWidget #instafeedContainer a {
    flex: 1 1 33%;
  }
  #multiSocialWidget #instafeedContainer a:nth-child(5), #multiSocialWidget #instafeedContainer a:nth-child(6) {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #multiSocialWidget #instafeedContainer a {
    flex: 1 1 25%;
  }
  #multiSocialWidget #instafeedContainer a:nth-child(7), #multiSocialWidget #instafeedContainer a:nth-child(8) {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  #multiSocialWidget #instafeedContainer a {
    flex: 1 1 20%;
  }
  #multiSocialWidget #instafeedContainer a:nth-child(9), #multiSocialWidget #instafeedContainer a:nth-child(10) {
    display: block;
  }
}
@media screen and (min-width: 1366px) {
  #multiSocialWidget #instafeedContainer a {
    flex: 1 1 15%;
  }
  #multiSocialWidget #instafeedContainer a:nth-child(11), #multiSocialWidget #instafeedContainer a:nth-child(12) {
    display: block;
  }
}
@media screen and (min-width: 1920px) {
  #multiSocialWidget #instafeedContainer a {
    flex: 1 1 12%;
  }
  #multiSocialWidget #instafeedContainer a:nth-child(13), #multiSocialWidget #instafeedContainer a:nth-child(14), #multiSocialWidget #instafeedContainer a:nth-child(15), #multiSocialWidget #instafeedContainer a:nth-child(16) {
    display: block;
  }
}
#multiSocialWidget #instafeedContainer a:after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 5px;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("images/instagram-logo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#multiSocialWidget #instafeedContainer img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
#multiSocialWidget #instafeedContainer > a:hover {
  opacity: 0.75;
}

.saffireMobileSize #multiSocialWidget {
  margin-left: auto;
  margin-right: auto;
}

.isIE #multiSocialWidget #instafeedContainer img {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
}

.socialNetworks {
  z-index: 80000000;
  position: fixed;
  right: -80px;
  top: 20%;
  transition: 0.6s ease;
}
.socialNetworks img {
  display: block;
  max-width: 40px;
  max-height: 40px;
}
.socialNetworks > span, .socialNetworks > a {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  left: 0;
  transition: 0.2s;
}
.socialNetworks > a:hover {
  left: -6px;
  z-index: 2;
  transition: 0.2s;
}

#musicPlayerLink {
  height: 40px;
  width: 40px;
  float: none;
  margin: 0;
  background: url("images/music.jpg") no-repeat right 0;
  border: 3px solid rgba(0, 0, 0, 0.4);
  z-index: 2;
}
#musicPlayerLink #musicPlayerDropdown {
  top: -3px;
  right: 43px;
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  box-shadow: 0 0 4px #fff inset;
  font-size: 0.9em;
  color: #fff;
}
#musicPlayerLink #musicPlayerDropdown a {
  padding-right: 14px;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}
#musicPlayerLink #musicPlayerDropdown a:hover {
  position: relative;
  padding-left: 14px;
  padding-right: 3px;
}
#musicPlayerLink #musicPlayerDropdown a:hover:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-top: 12px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 58%;
  transform: rotate(-90deg);
}

@media screen and (max-width: 1366px) {
  .socialNetworks {
    top: auto;
    right: 0;
    bottom: -60px;
    border-top: none;
    border-bottom: none;
  }
  .socialNetworks img {
    max-width: 30px;
    max-height: 30px;
  }
  .socialNetworks > a, .socialNetworks > #musicPlayerLink {
    max-width: 30px;
    max-height: 30px;
    bottom: 0;
    float: left;
    margin: 0;
    transition: 0.2s;
    background-size: contain;
  }
  .socialNetworks > a:hover {
    left: 0;
    bottom: 6px;
    z-index: 2;
    transition: 0.2s;
  }
  .socialNetworks #musicPlayerLink #musicPlayerDropdown {
    top: auto;
    bottom: -3px;
    right: 33px;
  }
}
.pageIsLoaded .socialNetworks {
  right: 0;
}
@media screen and (max-width: 1366px) {
  .pageIsLoaded .socialNetworks {
    bottom: 0;
  }
}

.mobile-menu-open .socialNetworks {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  bottom: 20px;
  transition: 0.2s;
}

.primary-hero-text {
  font-size: 1rem;
  max-width: calc(100% - 450px);
}
@media screen and (min-width: 818px) and (max-width: 1023px) {
  .primary-hero-text {
    max-width: 340px;
  }
}
@media screen and (max-width: 817px) {
  .primary-hero-text {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    height: 46vw;
    padding: 0 25px;
  }
}
@media screen and (max-width: 649px) {
  .primary-hero-text {
    box-sizing: border-box;
    position: static;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 15px 10px 20px;
    border-bottom: 1px solid #fff;
  }
}
.primary-hero-text h1 {
  margin: 0 0 15px;
  font-size: 1.875em;
  font-family: "OpenSans-Light-webfont";
  text-align: center;
  text-shadow: none;
  color: #fff;
}
@media screen and (min-width: 650px) {
  .primary-hero-text h1 {
    margin: 0 0 38px;
    font-size: 6.5vw;
    font-family: "OpenSans-Bold-webfont";
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (min-width: 818px) {
  .primary-hero-text h1 {
    font-size: 4.7vw;
  }
}
@media screen and (min-width: 1366px) {
  .primary-hero-text h1 {
    font-size: 4.063em;
  }
}
@media screen and (max-width: 817px) {
  .primary-hero-text h1 {
    flex: 1 1 100%;
  }
}
.primary-hero-text span {
  display: block;
  margin-top: 5px;
  font-size: 0.6em;
  font-family: "OpenSans-Light-webfont";
}
@media screen and (min-width: 650px) {
  .primary-hero-text span {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .primary-hero-text span {
    font-size: 0.692em;
  }
}
.primary-hero-text a {
  display: inline-block;
}

#PureChatWidget {
  display: none !important;
}

@media screen and (max-width: 500px) {
  .emailSignup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.emailSignup .emailInputField,
.emailSignup .emailInputSubmit {
  display: inline-block;
}
@media screen and (max-width: 500px) {
  .emailSignup .emailInputField,
.emailSignup .emailInputSubmit {
    margin-bottom: 10px;
  }
}
.emailSignup .emailInputField input {
  font-size: 16px;
  border: 1px solid #555;
  padding: 5px 10px;
}
.emailSignup .emailInputSubmit a {
  display: inline-block;
  padding: 3px 10px 4px;
  background: #0180d1;
  color: #fff;
  margin: 0;
  border-radius: 3px !important;
}
.emailSignup .emailInputSubmit a:hover {
  background: #0168aa;
}

.unsubscribeBox {
  display: inline-block;
  margin: 10px 0;
  font-size: 14px;
  padding: 5px;
}

#custom-infusionsoft-form {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  width: 285px;
  height: 355px;
  margin-right: 75px;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  #custom-infusionsoft-form {
    display: flex;
    flex: 1 1 100%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 0 30px;
    height: auto;
    text-align: center;
  }
  #custom-infusionsoft-form.done {
    height: auto;
  }
}
#custom-infusionsoft-form h2 {
  font-size: 36px;
  margin: 0 0 12px;
}
#custom-infusionsoft-form .infForm-input-group input {
  display: block;
  width: 100%;
  padding: 6px 5px;
  border: 1px solid #9dbbd0;
  border-radius: 3px;
  margin-bottom: 7px;
  font-size: 14px;
  font-family: "OpenSans-Regular-webfont";
}
#custom-infusionsoft-form .infForm-input-group input.inf-invalid {
  border-color: red;
}
#custom-infusionsoft-form .infForm-input-group input[type=checkbox] {
  display: inline-block;
  width: auto;
  margin-left: 0;
}
#custom-infusionsoft-form .infForm-input-group input:focus {
  outline: none;
  border: 1px solid #0081d1;
  box-shadow: 0 0 3px #0081d1;
}
#custom-infusionsoft-form .infForm-input-group span {
  position: relative;
  top: -2px;
  font-size: 12px;
  font-family: "OpenSans-Regular-webfont";
}
#custom-infusionsoft-form #infForm-submit {
  border: none;
  padding: 13px 20px;
  margin: 5px 0;
}
#custom-infusionsoft-form #infForm-privacy {
  font-size: 12px;
  font-family: "OpenSans-Regular-webfont";
}
#custom-infusionsoft-form .custom-infusionsoft-form-inner,
#custom-infusionsoft-form .infusionsoft-formfield-wrapper {
  position: relative;
  transition: 0.2s;
}
#custom-infusionsoft-form .spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0);
  pointer-events: none;
  transition: 0.2s;
}
#custom-infusionsoft-form .spinner-wrapper div {
  position: relative;
  top: 50px;
  width: 76px;
  height: 102px;
  background-image: url("images/Flame_Logo.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.2s;
}

#custom-infusionsoft-form.submitting .spinner-wrapper {
  background: white;
  pointer-events: initial;
  transition: 0.2s;
}
#custom-infusionsoft-form.submitting .spinner-wrapper div {
  opacity: 1;
  top: 0;
  animation: spin 0.5s linear infinite;
  transition: 0.2s;
}

#custom-infusionsoft-form.done > h2 {
  opacity: 0;
  height: 0;
  margin: 0;
  transition: 0.2s;
  display: none;
}
#custom-infusionsoft-form.done .spinner-wrapper {
  background: rgba(255, 255, 255, 0);
  transition: 0.2s;
}
#custom-infusionsoft-form.done .spinner-wrapper div {
  top: -50px;
  opacity: 0;
  animation: spin 0.5s linear infinite;
  transition: 0.2s;
}
#custom-infusionsoft-form.done .custom-infusionsoft-form-inner,
#custom-infusionsoft-form.done .infusionsoft-formfield-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 314px;
}
#custom-infusionsoft-form.done .infusionsoft-formfield-wrapper {
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  align-content: center;
  transition: 0.2s;
}
#custom-infusionsoft-form.done .infusionsoft-formfield-wrapper p {
  max-width: 250px;
}
#custom-infusionsoft-form.done .infusionsoft-formfield-wrapper h2 {
  font-size: 38px;
  flex: 1 1 100%;
  margin-bottom: 2px;
}

@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.businessListingPage #google_translate_element {
  display: none;
}
.businessListingPage .content > h1 {
  display: none;
}

#businessListing .eventCol1 {
  padding-left: 0;
  margin-top: 50px;
}
#businessListing .eventCol1.calendarControlsOpen {
  margin-top: 0;
}
#businessListing .input-icon {
  line-height: 1;
}
#businessListing .filter-items .filter-group:nth-child(3) {
  display: none;
}
#businessListing .filter-list.eventFilterList li.eventCategory {
  padding-left: 15px;
}
#businessListing .filter-list.eventFilterList li.eventCategory > span:first-child {
  display: none;
}
@media screen and (min-width: 818px) {
  #businessListing .customFieldFilter-categories .filter-control,
#businessListing .customFieldFilter-tags .filter-control {
    background: #0081d1;
    color: #fff !important;
  }
  #businessListing .customFieldFilter-categories .input-icon,
#businessListing .customFieldFilter-tags .input-icon {
    color: #fff;
  }
}
#businessListing .dateDisplayBar {
  display: flex;
  align-items: center;
  border: none;
  padding: 0 4px 0 0;
  height: 50px;
  background: #0081d1 !important;
}
#businessListing .dateDisplayBar:before {
  content: "Client Category";
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100px;
  padding: 10px;
  margin-right: 10px;
  background: #359dde;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 700px) {
  #businessListing .dateDisplayBar:before {
    font-size: 12px;
    width: 85px;
  }
}
#businessListing .dateDisplayBar:after {
  content: "(alphabetical listing)";
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 20px;
  font-size: 14px;
  font-style: italic;
}
@media screen and (max-width: 700px) {
  #businessListing .dateDisplayBar:after {
    display: none;
  }
}
#businessListing .dateDisplayBar,
#businessListing .dateDisplayBarNote {
  line-height: 1;
  font-family: "OpenSans-Light-webfont" !important;
  color: #fff !important;
  font-size: 32px !important;
  text-transform: capitalize;
}
@media screen and (max-width: 700px) {
  #businessListing .dateDisplayBar,
#businessListing .dateDisplayBarNote {
    font-size: 20px !important;
  }
}
#businessListing .dateDisplayBarNote {
  margin-left: 5px;
}
@media screen and (max-width: 700px) {
  #businessListing .dateDisplayBarNote {
    font-size: 12px !important;
  }
}
#businessListing .calloutArrowGallery,
#businessListing .itemDetailContainer {
  display: none !important;
}
#businessListing .printEvent {
  display: none !important;
}
#businessListing .galleryItemsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@supports (display: -ms-grid) or (display: grid) {
  #businessListing .galleryItemsContainer {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 0 35px;
    justify-items: center;
  }
}
@media screen and (max-width: 388px) {
  #businessListing .galleryItemsContainer span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
#businessListing .galleryItemsContainer .eventListingItemImageIconContainer {
  display: none;
}
#businessListing .galleryViewItem {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#businessListing .galleryViewItem img {
  background-color: #fff;
}
@media screen and (min-width: 818px) {
  #businessListing .galleryViewItem img {
    filter: grayscale(1);
    transition: 0.2s;
  }
}
#businessListing .galleryViewItem .galleryViewName {
  position: static;
  background: transparent;
}
#businessListing .galleryViewItem:hover {
  cursor: pointer;
}
#businessListing .galleryViewItem:hover img {
  filter: grayscale(0);
  transition: 0.2s;
}

body.subpage-clientPage .content {
  padding-bottom: 15px !important;
}
body.subpage-clientPage .featureBox .emailFriendButtonLink {
  padding-top: 2px;
}
body.subpage-clientPage .eventDetail > .column1.column:first-of-type {
  width: 99% !important;
}
body.subpage-clientPage .BusinessMediaModule .interaction-bar {
  display: none;
}
body.subpage-clientPage .columnIndex-1 .media-container.single-photo:first-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  body.subpage-clientPage .columnIndex-2 {
    width: 46% !important;
    margin-left: 4%;
  }
}
body.subpage-clientPage .rowIndex-2 .columnIndex-1 .TextMediaModule:last-of-type .previewArea {
  position: relative;
  padding: 16px 16px 30px 16px;
  background: #0081d1;
  color: #fff;
  font-size: 16px;
}
body.subpage-clientPage .rowIndex-2 .columnIndex-1 .TextMediaModule:last-of-type .previewArea strong:last-of-type {
  font-family: "OpenSans-Bold-webfont";
}
body.subpage-clientPage .rowIndex-2 .columnIndex-1 .TextMediaModule:last-of-type .previewArea strong:last-of-type,
body.subpage-clientPage .rowIndex-2 .columnIndex-1 .TextMediaModule:last-of-type .previewArea div:last-child {
  font-size: 14px;
}
body.subpage-clientPage .rowIndex-2 .columnIndex-1 .TextMediaModule:last-of-type .previewArea div:first-child:before {
  content: "";
  display: block;
  width: 44px;
  height: 34px;
  background-image: url("images/quote-big.jpg");
  margin-bottom: 10px;
}
body.subpage-clientPage .LinkModule h2 {
  display: none;
}
body.subpage-clientPage .LinkModule .starlist {
  margin-top: 0;
}
body.subpage-clientPage .LinkModule .linkItem {
  position: relative;
  padding-left: 45px;
  font-size: 16px;
}
body.subpage-clientPage .LinkModule .linkItem:before {
  content: "";
  position: absolute;
  left: -3px;
  display: block;
  width: 34px;
  height: 28px;
  background-image: url("images/link-icon.png");
}
body.subpage-clientPage .BusinessLocationModule {
  margin-bottom: 0;
}
body.subpage-clientPage .BusinessLocationModule .eventDetailDetailLocation {
  font-family: "OpenSans-Light-webfont";
  font-size: 14px;
}
body.subpage-clientPage .BusinessLocationModule .eventDetailDetailLocation .bold {
  font-family: "OpenSans-Bold-webfont";
  font-weight: normal;
}
body.subpage-clientPage .BusinessLocationModule .listingPageLocationDetails {
  font-size: 14px;
  font-family: "OpenSans-Bold-webfont";
  font-weight: normal;
}
body.subpage-clientPage .BusinessLocationModule .listingPageLocationDetails .bold {
  margin-right: 5px;
}
body.subpage-clientPage .BusinessLocationModule .listingPageLocationDetails a {
  font-family: "OpenSans-Light-webfont";
  font-weight: normal;
}
body.subpage-clientPage .BusinessCategoryModule {
  font-size: 14px;
  margin-bottom: 0;
}
body.subpage-clientPage .BusinessCategoryModule div {
  display: inline-block;
}
body.subpage-clientPage .BusinessCategoryModule .debug2 {
  display: none;
}
body.subpage-clientPage .BusinessCategoryModule .bold:first-child {
  font-family: "OpenSans-Bold-webfont";
  font-weight: normal;
}
body.subpage-clientPage .BusinessCategoryModule a.bold {
  font-family: "OpenSans-Light-webfont" !important;
  font-weight: 300;
  margin-left: 3px;
}
body.subpage-clientPage .TagModule {
  position: relative;
  font-size: 14px;
  color: #0081d1;
}
body.subpage-clientPage .TagModule:before {
  content: "Tags: ";
  position: relative;
  display: inline-block;
  font-family: "OpenSans-Bold-webfont";
  color: #313131;
}
body.subpage-clientPage .TagModule h2 {
  display: none;
}
body.subpage-clientPage .AddToPlanner {
  display: none;
}
body.subpage-clientPage .addthis_toolbox {
  height: 20px;
}
body.subpage-clientPage .TextMediaModule h2 {
  display: none;
  color: #0081d1;
  font-size: 30px;
  line-height: 30px;
  margin: 25px 0 0 0;
}
body.subpage-clientPage .ImageModule {
  margin-top: 35px;
}
body.subpage-clientPage .ImageModule h2 {
  color: #0081d1;
  font-size: 30px;
  line-height: 30px;
}
body.subpage-clientPage .ImageModule img {
  width: 30px;
  height: 37px;
  box-shadow: none !important;
  max-width: none !important;
}
body.subpage-clientPage .ImageModule .imageGridWrapperContainer .moduleItemContainer {
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
body.subpage-clientPage .ImageModule .imageGridWrapperContainer .moduleItemContainer a {
  width: auto;
}
body.subpage-clientPage .ImageModule .text-container {
  margin: 0 0 10px 13px !important;
  padding-top: 3px;
  max-width: calc(100% - 35px);
}
body.subpage-clientPage .ImageModule .text-container h3 {
  font-family: "OpenSans-Bold-webfont";
  font-size: 14px;
  color: #313131;
  text-transform: capitalize;
  line-height: 1;
}
body.subpage-clientPage .ImageModule .text-container .dynamicImageGridGalleryDescription {
  margin-top: 2px;
  font-family: "OpenSans-Light-webfont";
  font-size: 14px;
  color: #313131;
  text-transform: capitalize;
  font-style: normal;
}

.client-quote-blue {
  position: relative;
  padding: 16px 16px 30px 16px;
  background: #0081d1;
  color: #fff;
  font-size: 16px;
}
.client-quote-blue:before {
  content: "";
  display: block;
  width: 44px;
  height: 34px;
  background-image: url(images/quote-big.jpg);
  margin-bottom: 10px;
}
.client-quote-blue p {
  margin-bottom: 20px;
}
.client-quote-blue div {
  font-size: 14px;
}

#clientListingHeader {
  display: none;
}

#clientListingHeader {
  box-sizing: border-box;
  position: relative;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
#clientListingHeader .card-widget-item {
  display: none;
}
#clientListingHeader p {
  margin-top: 0;
  margin-bottom: 1em;
}
#clientListingHeader img {
  max-width: 100%;
  height: auto;
  margin: 10px auto 0;
}

.saffire-turns-ten .dynamicPageTitle {
  display: none;
}
.saffire-turns-ten h1, .saffire-turns-ten h2 {
  font-family: "OpenSans-Light-webfont";
  color: #0081D1;
  text-transform: none;
}
.saffire-turns-ten h1 {
  font-size: 48px;
}
.saffire-turns-ten h2 {
  font-size: 32px;
  line-height: 1.25em;
}
.saffire-turns-ten .card.item-0 {
  box-shadow: none;
}
.saffire-turns-ten .entityContainerRow {
  margin-bottom: 65px;
}
.saffire-turns-ten .entityContainerRow .textMediaText {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}
.saffire-turns-ten #MainContent_content_uc_entityModuleContainerDisplay_rptr_rows_div_row_0,
.saffire-turns-ten #MainContent_content_uc_entityModuleContainerDisplay_rptr_rows_div_row_1,
.saffire-turns-ten #MainContent_content_uc_entityModuleContainerDisplay_rptr_rows_div_row_12 {
  margin-bottom: 0;
}
.saffire-turns-ten .textMediaMediaContainerItem13907 {
  position: relative;
}
.saffire-turns-ten .textMediaMediaContainerItem13907:before, .saffire-turns-ten .textMediaMediaContainerItem13907:after {
  content: "";
  position: absolute;
  background: url("images/arrow.png");
  display: block;
  width: 31px;
  height: 42px;
}
@media screen and (max-width: 1000px) {
  .saffire-turns-ten .textMediaMediaContainerItem13907:before, .saffire-turns-ten .textMediaMediaContainerItem13907:after {
    display: none;
  }
}
.saffire-turns-ten .textMediaMediaContainerItem13907:before {
  left: 65px;
}
.saffire-turns-ten .textMediaMediaContainerItem13907:after {
  right: 65px;
}
.saffire-turns-ten .imageGridModule .moduleItemContainer img.smallImage {
  box-shadow: none;
}
.saffire-turns-ten .textMediaMediaContainerItem13907,
.saffire-turns-ten .textMediaMediaContainerItem13911,
.saffire-turns-ten .textMediaMediaContainerItem13916 {
  height: 210px !important;
  background: #0081D1;
}
.saffire-turns-ten .textMediaMediaContainerItem13907 h1, .saffire-turns-ten .textMediaMediaContainerItem13907 div,
.saffire-turns-ten .textMediaMediaContainerItem13911 h1,
.saffire-turns-ten .textMediaMediaContainerItem13911 div,
.saffire-turns-ten .textMediaMediaContainerItem13916 h1,
.saffire-turns-ten .textMediaMediaContainerItem13916 div {
  color: #fff;
}
.saffire-turns-ten .textMediaMediaContainerItem13907 h1,
.saffire-turns-ten .textMediaMediaContainerItem13911 h1,
.saffire-turns-ten .textMediaMediaContainerItem13916 h1 {
  font-size: 36px;
  margin: 0;
}
.saffire-turns-ten .textMediaMediaContainerItem13908 {
  height: 350px !important;
}
.saffire-turns-ten .textMediaMediaContainerItem13918 {
  height: auto !important;
}
.saffire-turns-ten .previewArea {
  line-height: 1.75em;
  padding: 0 20px;
}
@media screen and (max-width: 895px) {
  .saffire-turns-ten h1 {
    font-size: 40px;
  }
  .saffire-turns-ten h2 {
    font-size: 24px;
  }
  .saffire-turns-ten div {
    font-size: 16px;
  }
  .saffire-turns-ten .entityContainerRow {
    margin-bottom: 30px;
  }
  .saffire-turns-ten .entityContainerRow .textMediaText {
    height: auto;
  }
}

#sf-demo-form {
  flex-shrink: 0;
  width: 340px;
  height: 460px;
  margin-right: 75px;
  border: 0;
}
@media screen and (max-width: 1024px) {
  #sf-demo-form {
    margin-right: 35px;
  }
}
@media screen and (max-width: 767px) {
  #sf-demo-form {
    width: 100%;
    margin: 0 auto;
    height: 500px;
  }
}

/*# sourceMappingURL=theme.css.map */