a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block
}
body {
  line-height: 1
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box
}
a, button {
  border-radius: 0
}
@font-face {
  font-family: Trade Gothic LT W01 Roman;
  src: url(https://static.martin-audio.com/fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot#iefix);
  src: url(https://static.martin-audio.com/fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot#iefix) format("eot"), url(https://static.martin-audio.com/fonts/24ba8ea7-bbf3-40e0-b924-fd985d79ebca.woff2) format("woff2"), url(https://static.martin-audio.com/fonts/9274bb7f-01c5-45cb-b935-f53683ab6dd6.woff) format("woff"), url(https://static.martin-audio.com/fonts/a94b3f7a-c1fd-4bbe-9273-1f6f081dcb2f.ttf) format("truetype"), url(https://static.martin-audio.com/fonts/b0fb9bf0-3364-4802-9c4e-89202a063331.svg#b0fb9bf0-3364-4802-9c4e-89202a063331) format("svg")
}
@font-face {
  font-family: Trade Gothic LT W01 Bold No-_2;
  src: url(https://static.martin-audio.com/fonts/07702e82-1476-4552-97e1-682d5af3bd30.eot#iefix);
  src: url(https://static.martin-audio.com/fonts/07702e82-1476-4552-97e1-682d5af3bd30.eot#iefix) format("eot"), url(https://static.martin-audio.com/fonts/4a5b9bde-0062-4b1f-ae1f-d2ad4d283b55.woff2) format("woff2"), url(https://static.martin-audio.com/fonts/dd603555-b5c3-4df6-885b-b75ef30fa0f8.woff) format("woff"), url(https://static.martin-audio.com/fonts/6515df23-fbdf-459f-924c-b449b8b7ade8.ttf) format("truetype"), url(https://static.martin-audio.com/fonts/17c3c18f-135d-447c-bcfd-7bcfc2ca515a.svg#17c3c18f-135d-447c-bcfd-7bcfc2ca515a) format("svg")
}
html {
  max-width: 100%
}
body {
  background: #000
}
.button, .tab, h1, h2, h3, h4, h5, h6, p.lead {
  font-family: sans-serif;
  font-family: Trade Gothic LT W01 Bold No-_2
}
#page h2, body, p {
  font-family: sans-serif;
  font-family: Trade Gothic LT W01 Roman
}
a {
  color: #00befe
}
a, nav ul li a {
  text-decoration: none
}
nav ul li a {
  font-family: sans-serif;
  font-family: Trade Gothic LT W01 Bold No-_2
}
#mobile-header-bar {
  display: block;
  width: 100%;
  background-color: #000
}
#mobile-header-bar .content {
  position: relative;
  z-index: 10
}
#mobile-header-bar #breadcrum a {
  color: #00befe;
  text-decoration: none
}
.cssbar {
  position: relative;
  background-color: #000;
  background-attachment: fixed !important;
  background-size: auto 400px !important
}
.cssbar:after {
  bottom: 1px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);
  background-attachment: scroll;
  opacity: .55
}
.cssbar:after, .cssbar:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: 8
}
.cssbar:before {
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .7), transparent 60%);
  opacity: 1
}
@media only screen and (min-width:1350px) {
  #mobile-header-bar.cssbar {
    background: transparent none !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  #mobile-header-bar.cssbar {
    background: transparent none !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  #mobile-header-bar.cssbar {
    background: transparent none !important
  }
}
#mobile-promo {
  margin: 20px auto 0
}
#mobile-promo, .mobileshow {
  display: none
}
@media only screen and (max-width:600px) {
  #mobile-promo, .mobileshow {
    display: block
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  #mobile-promo, .mobileshow {
    display: block
  }
}
.mobilehide {
  display: none
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .mobilehide {
    display: block
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .mobilehide {
    display: block
  }
}
@media only screen and (min-width:1350px) {
  .mobilehide {
    display: block
  }
}
.clear {
  display: block;
  clear: both
}
.promo-bg {
  display: block;
  width: 100%;
  min-height: 30vh;
  background-size: contain;
  background: transparent;
  margin-top: 10px;
  margin-bottom: 10px
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .promo-bg {
    background: url(../jpg/main-product-background.jpg) 50% no-repeat
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .promo-bg {
    background: url(../jpg/main-product-background.jpg) 50% no-repeat
  }
}
@media only screen and (min-width:1350px) {
  .promo-bg {
    background: url(../jpg/main-product-background.jpg) 50% no-repeat
  }
}
.promo-bg figure img {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.promo-bg:after {
  content: "";
  display: block;
  clear: both
}
#ProductReadMore {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 100%;
  background-blend-mode: lighten
}
.text-center {
  text-align: center
}
.padded-section {
  padding-top: 40px;
  padding-bottom: 40px
}
.hide {
  display: none !important
}
@media only screen and (max-width:600px) {
  .mobile-text-center {
    text-align: center !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .mobile-text-center {
    text-align: center !important
  }
}
.gutter {
  margin-left: 10px;
  margin-right: 10px
}
.modal {
  display: block;
  border: 2px solid transparent;
  position: relative
}
.modal, .modal:hover {
  cursor: pointer !important
}
.modal:hover {
  opacity: .95 !important;
  border-color: #e8e8e8
}
.modal, .modal img {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}
.modal:hover {
  background-color: #fff;
  border-color: #fff;
  cursor: -moz-zoom-in !important;
  cursor: -webkit-zoom-in !important;
  cursor: zoom-in !important
}
.modal i.fa-spinner {
  position: absolute;
  z-index: 9
}
.accordion .tab {
  display: block;
  padding: 20px 0;
  font-size: 1.5rem !important
}
.accordion .tab h1, .accordion .tab h2, .accordion .tab h3, .accordion .tab h4, .accordion .tab h5, .accordion .tab h6 {
  font-size: 1.5rem !important;
  margin-bottom: 0 !important
}
#search-area, .accordion .content, .accordion .tab i, .data-list, .dist-result-block, .mfp-hide, .modal-content, .pulldown, .white-popup {
  display: none
}
#header-bar {
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  background: #111
}
#header-bar:after {
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 100%;
  background: linear-gradient(transparent 70%, rgba(0, 0, 0, .9));
  content: "";
  left: 0;
  right: 0
}
.parallaxParent {
  display: none;
  overflow: hidden
}
@media only screen and (min-width:1350px) {
  .parallaxParent {
    display: block
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .parallaxParent {
    display: block
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .parallaxParent {
    display: block
  }
}
.parallaxParent > * {
  height: 200%;
  position: relative;
  top: -50%;
  background-position: 100%;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: auto;
  background-blend-mode: screen;
  background-blend-mode: screen, screen, normal;
  -webkit-transition: all 0s;
  transition: all 0s
}
.parallaxParent > div.active {
  top: -130%
}
#parallax1 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%
}
#parallax1:before {
  position: fixed;
  content: ""
}
.product-block.no-heading .heading, .product-block.retina-heading .heading {
  display: none
}
@media only screen and (min-width:1350px) {
  .product-block.retina-heading .heading {
    display: block
  }
}
.product-block.xd-heading .heading {
  display: none
}
@media only screen and (min-width:1350px) {
  .product-block.xd-heading .heading {
    display: block
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .product-block.xd-heading .heading {
    display: block
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .product-block.xd-heading .heading {
    display: block
  }
}
.product-block.retina-tablet-heading .heading {
  display: none
}
@media only screen and (min-width:1350px) {
  .product-block.retina-tablet-heading .heading {
    display: block
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .product-block.retina-tablet-heading .heading {
    display: none
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .product-block.retina-tablet-heading .heading {
    display: block
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .product-block.no-heading-mobile .heading {
    display: none !important
  }
}
.product-row {
  overflow-x: hidden
}
.product-block {
  margin-top: 20px !important;
  position: relative
}
.product-block img {
  background: #fff;
  border: 1px solid #e8e8e8;
  display: block;
  width: 100%;
  padding: 10px 10px 0;
  margin-bottom: -1px
}
.product-block .heading {
  padding-top: 5px;
  font-size: 1.1em;
  font-family: Trade Gothic LT W01 Bold No-_2;
  line-height: 3
}
@media only screen and (min-width:1350px) {
  .product-block .heading {
    height: 40px;
    width: 130%;
    line-height: 1.2
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .product-block .heading {
    width: 140%;
    height: 40px;
    line-height: 1.2
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .product-block .heading {
    width: 150%;
    height: 40px;
    line-height: 1.2
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .product-block .heading {
    height: 40px;
    width: 150%;
    line-height: 1.2
  }
}
.product-block .button {
  margin-bottom: 0 !important
}
.product-block a:hover + a {
  border-color: #dde1e2 !important;
  background: #dde1e2 !important;
  color: #1a1a1a !important;
  box-shadow: 0 6px 33px -15px #000 !important
}
#product-list-title h4 {
  margin-bottom: 0 !important;
  padding-top: 20px
}
#product-list-title .clear-result {
  display: block;
  padding-top: 10px
}
#product-list-title span.result-count, #product-list-title span.search-term {
  color: #666
}
.grey-bg a, .white-bg a {
  color: #169dcb
}
.event-container {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-flow: row wrap
}
.event-container.press .event-item .event-descrption h5 {
  margin-bottom: 40px
}
.event-container.press .event-item .event-descrption p strong {
  position: absolute;
  bottom: 20px;
  left: 20px
}
.event-container.events .event-item .event-image {
  height: 320px
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .event-container.events .event-item .event-image {
    height: 300px
  }
}
.event-container.events .event-item .event-image .large {
  height: 320px
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .event-container.events .event-item .event-image .large {
    height: 70% !important;
    min-height: 240px
  }
}
@media only screen and (min-width:1350px) {
  .event-container.events .event-item .event-image .large {
    height: 75% !important;
    min-height: 240px
  }
}
.event-container.events .event-item .event-descrption p {
  margin-bottom: 20px
}
.event-container.events .event-item .event-descrption p strong {
  position: absolute;
  bottom: 20px;
  left: 20px
}
.event-container.events .event-item .event-descrption h5 {
  margin-bottom: 20px;
  color: #555
}
.event-item {
  align-items: stretch;
  margin-bottom: 20px;
  background-size: cover !important;
  background-position: 50% !important
}
.event-item .inner {
  height: 100%;
  background: #f2f2f2 linear-gradient(10turn, #f2f2f2, #fff);
  position: relative;
  -webkit-box-shadow: 0 0 22px 1px rgba(0, 0, 0, .8);
  box-shadow: 0 0 22px 1px rgba(0, 0, 0, .8)
}
.event-item .event-image {
  width: 100%;
  background: #000;
  height: 240px;
  background-size: cover !important;
  background-position: 50% !important
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .event-item .event-image {
    height: 70% !important;
    min-height: 240px
  }
}
@media only screen and (min-width:1350px) {
  .event-item .event-image {
    height: 75% !important;
    min-height: 240px
  }
}
.event-item .event-image.small {
  height: 280px !important
}
.event-item .event-descrption {
  padding: 20px
}
.event-item .event-descrption h1, .event-item .event-descrption h2, .event-item .event-descrption h3, .event-item .event-descrption h4, .event-item .event-descrption h5, .event-item .event-descrption h6 {
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase
}
.event-item .event-descrption p {
  margin-bottom: 0;
  padding-top: 20px
}
.event-item .event-descrption p strong {
  font-size: 14px;
  color: #555
}
#homepage-loading {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  background: #000;
  -webkit-transition: all .6s ease-in;
  -moz-transition: all .6s ease-in;
  -ms-transition: all .6s ease-in;
  -o-transition: all .6s ease-in;
  transition: all .6s ease-in
}
#homepage-loading.loaded {
  background: transparent;
  opacity: 0;
  z-index: -1
}
#homepage-loading .item {
  align-self: center;
  align-items: center;
  text-align: center;
  width: 100%
}
#homepage-loading .item p {
  color: #fff;
  text-align: center
}
.flex-container {
  justify-content: flex-start;
  flex-direction: row
}
.flex-container .item {
  align-items: center;
  width: 100%;
  align-self: center;
  text-align: center;
  height: auto;
  padding-left: 20px;
  padding-right: 20px
}
#homepage-slider {
  width: 100%;
  min-height: 500px;
  height: 100vh;
  position: relative;
  -webkit-box-shadow: 0 2px 70px 1px #000;
  box-shadow: 0 2px 70px 1px #000;
  z-index: 10
}
.svg-image {
  width: 80%;
  max-width: 480px
}
.centered {
  display: block;
  margin: 0 auto
}
.fade-slider, .fade-slider div {
  width: 100%;
  height: 100%
}
.fade-slider div {
  position: relative
}
.fade-slider div span.bg-wrap {
  display: block;
  background-position: 50%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.fade-slider div span.bg-wrap:after {
  content: "";
  position: absolute;
  background: linear-gradient(transparent 50%, #000);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}
#homepage-slider .fade-slider .flex-container .item h1 {
  color: #fff;
  margin-bottom: 0;
  letter-spacing: -.05em;
  text-shadow: 2px 2px 20px rgba(0, 0, 0, .4);
  font-size: 4.5em;
  padding-bottom: 10px
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  #homepage-slider .fade-slider .flex-container .item h1 {
    font-size: 6.5em
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  #homepage-slider .fade-slider .flex-container .item h1 {
    font-size: 7.5em
  }
}
@media only screen and (min-width:1350px) {
  #homepage-slider .fade-slider .flex-container .item h1 {
    font-size: 9em
  }
}
#homepage-slider .fade-slider .flex-container .item p {
  color: #fff;
  text-align: center;
  max-width: 90%;
  margin: 0 auto 20px;
  text-shadow: 2px 2px 20px rgba(0, 0, 0, .4);
  line-height: 1.2;
  padding-top: 10px
}
@media only screen and (max-width:600px) {
  #homepage-slider .fade-slider .flex-container .item .button {
    max-width: 320px
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  #homepage-slider .fade-slider .flex-container .item .button {
    max-width: 320px
  }
}
#homepage-slider .fade-slider .flex-container .bottom-div {
  position: absolute;
  bottom: 10px;
  height: auto;
  padding: 10px;
  left: 0;
  right: 0;
  text-align: center
}
#homepage-slider .fade-slider .flex-container .bottom-div .fa-stack {
  color: #000
}
#homepage-slider .fade-slider .flex-container .bottom-div .fa-stack .fa-stack-2x {
  color: #fff
}
.about-image {
  width: 100%;
  max-width: 1300px;
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  left: 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 100% 0 !important;
  margin: 0 auto
}
#about, .about-image, .cssSwap.fadeIn, .event-item.animated {
  opacity: 0;
  -webkit-transition: all .6s ease-in;
  -moz-transition: all .6s ease-in;
  -ms-transition: all .6s ease-in;
  -o-transition: all .6s ease-in;
  transition: all .6s ease-in
}
#about.active, .about-image.active, .cssSwap.fadeIn.loaded, .event-item.animated.active {
  opacity: 1
}
.home-about {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}
.home-bg-wrap {
  background-color: #000;
  padding-top: 200px;
  margin-top: -200px;
  padding-bottom: 200px;
  margin-bottom: -180px;
  background-position: 50%;
  background-repeat: no-repeat
}
.jump-url {
  display: block;
  position: absolute;
  margin-top: -80px
}
@media only screen and (min-width:1350px) {
  .desktop-shift {
    height: 150px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .desktop-shift {
    height: 150px
  }
}
@media only screen and (min-width:1350px) {
  .floating-image {
    position: absolute;
    right: 0;
    top: -150px;
    z-index: 9
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .floating-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9
  }
}
#FloatingProductImage {
  text-align: center;
  margin-bottom: 20px
}
@media only screen and (min-width:1350px) {
  #FloatingProductImage {
    position: absolute;
    right: 20px;
    bottom: -80px;
    z-index: 9
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  #FloatingProductImage {
    position: absolute;
    right: 0;
    bottom: -160px;
    z-index: 9;
    max-width: 660px
  }
}
@media only screen and (min-width:1350px) {
  .FloatingProductImageSpacer {
    height: 40px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .FloatingProductImageSpacer {
    height: 60px
  }
}
#ProductReadMore.bright, #ProductReadMore.dark {
  position: relative
}
#ProductReadMore.bright:before, #ProductReadMore.dark:before {
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  content: ""
}
#ProductReadMore.bright:before {
  background: linear-gradient(120deg, #fff, hsla(0, 0%, 100%, .3))
}
#ProductReadMore.dark:before {
  background: linear-gradient(120deg, #111, rgba(0, 0, 0, .3))
}
.deck .swiper-slide {
  float: left;
  font-size: 12px
}
@media only screen and (max-width:600px) {
  .deck .swiper-slide {
    width: 100%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .deck .swiper-slide {
    width: 50%;
	min-height: 550px;	
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .deck .swiper-slide {
    width: 33.3%;
	min-height: 550px;	
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .deck .swiper-slide {
    width: 25%;
	min-height: 550px;
  }
}
@media only screen and (min-width:1350px) {
  .deck .swiper-slide {
    width: 20%;
	min-height: 450px;
  }
}
.deck .swiper-slide .button {
  padding: 10px 0 !important;
  margin-bottom: 10px !important
}
.fixed-nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  -webkit-transform: translateZ(0)
}
.fixed-nav nav {
  font-family: Trade Gothic LT W01 Bold No-_2;
  height: 65px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .95);
  -webkit-transition: all .12s ease-in-out;
  -moz-transition: all .12s ease-in-out;
  -ms-transition: all .12s ease-in-out;
  -o-transition: all .12s ease-in-out;
  transition: all .12s ease-in-out
}
.fixed-nav nav .module {
  padding: 0
}
.fixed-nav nav #primary-logo, .fixed-nav nav #social-logo {
  display: none
}
.fixed-nav nav #mobile-burger-menu {
  float: right;
  height: 65px;
  line-height: 65px;
  -webkit-transition: all .12s ease-in-out;
  -moz-transition: all .12s ease-in-out;
  -ms-transition: all .12s ease-in-out;
  -o-transition: all .12s ease-in-out;
  transition: all .12s ease-in-out
}
.fixed-nav nav #mobile-burger-menu a {
  display: block;
  color: #f8f8f8;
  background: transparent;
  padding-left: 1em;
  padding-right: 1em
}
.fixed-nav nav #mobile-burger-menu a span {
  display: none
}
.fixed-nav nav #mobile-burger-menu a:hover {
  background: #000;
  color: #00befe;
  cursor: pointer
}
.fixed-nav nav ul {
  height: 64px;
  float: right;
  top: 0;
  -webkit-transition: all .22s ease-in-out;
  -moz-transition: all .22s ease-in-out;
  -ms-transition: all .22s ease-in-out;
  -o-transition: all .22s ease-in-out;
  transition: all .22s ease-in-out
}
.fixed-nav nav ul li {
  color: #f8f8f8;
  list-style: none;
  display: inline-block;
  position: relative;
  -webkit-transition: background .12s ease-in;
  -moz-transition: background .12s ease-in;
  -ms-transition: background .12s ease-in;
  -o-transition: background .12s ease-in;
  transition: background .12s ease-in
}
.fixed-nav nav ul li i {
  color: #ccc;
  margin-left: 0 !important;
  text-align: center;
  font-size: .88em
}
.fixed-nav nav ul li ul li {
  color: #222
}
.fixed-nav nav ul li a {
  height: 65px;
  line-height: 65px;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-size: 1em;
  display: inline-block;
  letter-spacing: .01rem;
  position: relative;
  color: inherit
}
.fixed-nav nav ul li div.dropdown {
  position: absolute;
  top: 65px;
  width: 250px;
  background: linear-gradient(180deg, #f8f8f8, #d8d8d8);
  text-align: left;
  z-index: -99;
  opacity: 0;
  left: -9999em;
  transform: translateY(15px)
}
.fixed-nav nav ul li div.dropdown span {
  display: block;
  font-size: .8em;
  color: #555;
  margin-top: .5em;
  padding-left: 10px;
  padding-right: 10px
}
.fixed-nav nav ul li div.dropdown ul {
  display: block;
  width: 100%;
  height: auto
}
.fixed-nav nav ul li div.dropdown ul li {
  display: block;
  width: 100%
}
.fixed-nav nav ul li div.dropdown ul li a {
  display: block;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 1.2;
  font-size: 1em;
  color: inherit !important;
  padding-top: .9rem;
  padding-bottom: .9rem;
  background: transparent
}
.fixed-nav nav ul li div.dropdown ul li a i {
  color: #555;
  font-size: .8em
}
.fixed-nav nav ul li div.dropdown ul li a:hover {
  cursor: pointer;
  color: #f8f8f8 !important;
  background: #111 repeat
}
.fixed-nav nav ul li div.dropdown ul li a:hover span {
  color: #999 !important
}
.fixed-nav nav ul li:hover {
  background-color: #f8f8f8;
  color: #111;
  opacity: .98;
  cursor: pointer
}
.fixed-nav nav ul li:hover i {
  color: #333
}
.fixed-nav nav.atTop {
  background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .1));
  height: 85px
}
.fixed-nav nav.atTop #mobile-burger-menu {
  height: 85px;
  line-height: 85px
}
.fixed-nav nav.atTop ul {
  height: 84px
}
.fixed-nav nav.atTop ul li a {
  height: 84px;
  line-height: 89px
}
.fixed-nav nav.atTop ul li a + div.dropdown {
  top: 84px
}
.fixed-nav div.dropdown {
  -webkit-transition: transform .18s ease-in, opacity .18s ease-in;
  -moz-transition: transform .18s ease-in, opacity .18s ease-in;
  -ms-transition: transform .18s ease-in, opacity .18s ease-in;
  -o-transition: transform .18s ease-in, opacity .18s ease-in;
  transition: transform .18s ease-in, opacity .18s ease-in
}
.fixed-nav nav ul li a {
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in
}
.fixed-nav div.dropdown:hover, .fixed-nav nav ul li a:hover + div.dropdown {
  transform: translateY(0);
  opacity: 1;
  left: 0;
  z-index: 99
}
.fixed-nav.page nav #primary-logo {
  display: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
@media only screen and (min-width:1350px) {
  .fixed-nav.page nav #primary-logo {
    height: 85px;
    width: 360px;
    background-size: contain;
    background: url(https://static.martin-audio.com/img/branding/martin-audio-logo-unit-white.svg) no-repeat 0;
    opacity: 0;
    display: block;
    position: absolute;
    left: -5px
  }
}
.fixed-nav.page nav #menu-logo {
  display: block;
  width: 65px;
  height: 65px;
  float: left;
  margin-left: -5px;
  background: url(https://static.martin-audio.com/img/branding/ma-logo-m.svg) no-repeat 0;
  -webkit-transition: all .12s ease-in-out;
  -moz-transition: all .12s ease-in-out;
  -ms-transition: all .12s ease-in-out;
  -o-transition: all .12s ease-in-out;
  transition: all .12s ease-in-out
}
.fixed-nav.page nav.atTop #primary-logo {
  opacity: 1
}
.fixed-nav.page nav.atTop #menu-logo {
  height: 85px
}
.deck .card, .gutter, .module {
  margin: 0 10px
}
.deck .card, .module {
  position: relative;
  display: block;
  padding: 0 20px;
  margin-bottom: 1rem
}
.wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 86%
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .wrap {
    max-width: 86%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .wrap {
    max-width: 86%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .wrap {
    max-width: 1000px
  }
}
@media only screen and (min-width:1350px) {
  .wrap {
    max-width: 1320px
  }
}
.wrap .wrap, .wrap .wrap .wrap, .wrap .wrap .wrap .wrap {
  width: auto !important;
  max-width: unset
}
.row, .row:after {
  display: block
}
.row:after {
  content: "";
  clear: both
}
.row .col-1 {
  float: left;
  width: 8.33333%
}
.row .push-1 {
  margin-left: 8.33333%
}
.row .pull-1 {
  margin-left: -8.33333%
}
.row .col-2 {
  float: left;
  width: 16.66667%
}
.row .push-2 {
  margin-left: 16.66667%
}
.row .pull-2 {
  margin-left: -16.66667%
}
.row .col-3 {
  float: left;
  width: 25%
}
.row .push-3 {
  margin-left: 25%
}
.row .pull-3 {
  margin-left: -25%
}
.row .col-4 {
  float: left;
  width: 33.33333%
}
.row .push-4 {
  margin-left: 33.33333%
}
.row .pull-4 {
  margin-left: -33.33333%
}
.row .col-5 {
  float: left;
  width: 41.66667%
}
.row .push-5 {
  margin-left: 41.66667%
}
.row .pull-5 {
  margin-left: -41.66667%
}
.row .col-6 {
  float: left;
  width: 50%
}
.row .push-6 {
  margin-left: 50%
}
.row .pull-6 {
  margin-left: -50%
}
.row .col-7 {
  float: left;
  width: 58.33333%
}
.row .push-7 {
  margin-left: 58.33333%
}
.row .pull-7 {
  margin-left: -58.33333%
}
.row .col-8 {
  float: left;
  width: 66.66667%
}
.row .push-8 {
  margin-left: 66.66667%
}
.row .pull-8 {
  margin-left: -66.66667%
}
.row .col-9 {
  float: left;
  width: 75%
}
.row .push-9 {
  margin-left: 75%
}
.row .pull-9 {
  margin-left: -75%
}
.row .col-10 {
  float: left;
  width: 83.33333%
}
.row .push-10 {
  margin-left: 83.33333%
}
.row .pull-10 {
  margin-left: -83.33333%
}
.row .col-11 {
  float: left;
  width: 91.66667%
}
.row .push-11 {
  margin-left: 91.66667%
}
.row .pull-11 {
  margin-left: -91.66667%
}
.row .col-12 {
  float: left;
  width: 100%
}
.row .push-12 {
  margin-left: 100%
}
.row .pull-12 {
  margin-left: -100%
}
@media only screen and (min-width:1350px) {
  .row .col-retina-1 {
    float: left;
    width: 8.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-1 {
    margin-left: 8.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-1 {
    margin-left: -8.33333%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-2 {
    float: left;
    width: 16.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-2 {
    margin-left: 16.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-2 {
    margin-left: -16.66667%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-3 {
    float: left;
    width: 25% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-3 {
    margin-left: 25% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-3 {
    margin-left: -25%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-4 {
    float: left;
    width: 33.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-4 {
    margin-left: 33.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-4 {
    margin-left: -33.33333%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-5 {
    float: left;
    width: 41.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-5 {
    margin-left: 41.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-5 {
    margin-left: -41.66667%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-6 {
    float: left;
    width: 50% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-6 {
    margin-left: 50% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-6 {
    margin-left: -50%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-7 {
    float: left;
    width: 58.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-7 {
    margin-left: 58.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-7 {
    margin-left: -58.33333%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-8 {
    float: left;
    width: 66.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-8 {
    margin-left: 66.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-8 {
    margin-left: -66.66667%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-9 {
    float: left;
    width: 75% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-9 {
    margin-left: 75% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-9 {
    margin-left: -75%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-10 {
    float: left;
    width: 83.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-10 {
    margin-left: 83.33333% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-10 {
    margin-left: -83.33333%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-11 {
    float: left;
    width: 91.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-11 {
    margin-left: 91.66667% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-11 {
    margin-left: -91.66667%
  }
}
@media only screen and (min-width:1350px) {
  .row .col-retina-12 {
    float: left;
    width: 100% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .push-retina-12 {
    margin-left: 100% !important
  }
}
@media only screen and (min-width:1350px) {
  .row .pull-retina-12 {
    margin-left: -100%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-1 {
    float: left;
    width: 8.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-1 {
    margin-left: 8.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-1 {
    margin-left: -8.33333%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-2 {
    float: left;
    width: 16.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-2 {
    margin-left: 16.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-2 {
    margin-left: -16.66667%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-3 {
    float: left;
    width: 25% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-3 {
    margin-left: 25% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-3 {
    margin-left: -25%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-4 {
    float: left;
    width: 33.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-4 {
    margin-left: 33.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-4 {
    margin-left: -33.33333%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-5 {
    float: left;
    width: 41.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-5 {
    margin-left: 41.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-5 {
    margin-left: -41.66667%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-6 {
    float: left;
    width: 50% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-6 {
    margin-left: 50% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-6 {
    margin-left: -50%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-7 {
    float: left;
    width: 58.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-7 {
    margin-left: 58.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-7 {
    margin-left: -58.33333%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-8 {
    float: left;
    width: 66.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-8 {
    margin-left: 66.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-8 {
    margin-left: -66.66667%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-9 {
    float: left;
    width: 75% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-9 {
    margin-left: 75% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-9 {
    margin-left: -75%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-10 {
    float: left;
    width: 83.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-10 {
    margin-left: 83.33333% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-10 {
    margin-left: -83.33333%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-11 {
    float: left;
    width: 91.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-11 {
    margin-left: 91.66667% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-11 {
    margin-left: -91.66667%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .col-desktop-12 {
    float: left;
    width: 100% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .push-desktop-12 {
    margin-left: 100% !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .row .pull-desktop-12 {
    margin-left: -100%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-1 {
    float: left;
    width: 8.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-1 {
    margin-left: 8.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-1 {
    margin-left: -8.33333%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-2 {
    float: left;
    width: 16.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-2 {
    margin-left: 16.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-2 {
    margin-left: -16.66667%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-3 {
    float: left;
    width: 25% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-3 {
    margin-left: 25% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-3 {
    margin-left: -25%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-4 {
    float: left;
    width: 33.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-4 {
    margin-left: 33.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-4 {
    margin-left: -33.33333%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-5 {
    float: left;
    width: 41.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-5 {
    margin-left: 41.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-5 {
    margin-left: -41.66667%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-6 {
    float: left;
    width: 50% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-6 {
    margin-left: 50% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-6 {
    margin-left: -50%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-7 {
    float: left;
    width: 58.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-7 {
    margin-left: 58.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-7 {
    margin-left: -58.33333%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-8 {
    float: left;
    width: 66.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-8 {
    margin-left: 66.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-8 {
    margin-left: -66.66667%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-9 {
    float: left;
    width: 75% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-9 {
    margin-left: 75% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-9 {
    margin-left: -75%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-10 {
    float: left;
    width: 83.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-10 {
    margin-left: 83.33333% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-10 {
    margin-left: -83.33333%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-11 {
    float: left;
    width: 91.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-11 {
    margin-left: 91.66667% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-11 {
    margin-left: -91.66667%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .col-tablet-12 {
    float: left;
    width: 100% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .push-tablet-12 {
    margin-left: 100% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .row .pull-tablet-12 {
    margin-left: -100%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-1 {
    float: left;
    width: 8.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-1 {
    margin-left: 8.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-1 {
    margin-left: -8.33333%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-2 {
    float: left;
    width: 16.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-2 {
    margin-left: 16.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-2 {
    margin-left: -16.66667%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-3 {
    float: left;
    width: 25% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-3 {
    margin-left: 25% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-3 {
    margin-left: -25%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-4 {
    float: left;
    width: 33.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-4 {
    margin-left: 33.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-4 {
    margin-left: -33.33333%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-5 {
    float: left;
    width: 41.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-5 {
    margin-left: 41.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-5 {
    margin-left: -41.66667%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-6 {
    float: left;
    width: 50% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-6 {
    margin-left: 50% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-6 {
    margin-left: -50%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-7 {
    float: left;
    width: 58.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-7 {
    margin-left: 58.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-7 {
    margin-left: -58.33333%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-8 {
    float: left;
    width: 66.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-8 {
    margin-left: 66.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-8 {
    margin-left: -66.66667%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-9 {
    float: left;
    width: 75% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-9 {
    margin-left: 75% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-9 {
    margin-left: -75%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-10 {
    float: left;
    width: 83.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-10 {
    margin-left: 83.33333% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-10 {
    margin-left: -83.33333%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-11 {
    float: left;
    width: 91.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-11 {
    margin-left: 91.66667% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-11 {
    margin-left: -91.66667%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .col-mobile-12 {
    float: left;
    width: 100% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .push-mobile-12 {
    margin-left: 100% !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .row .pull-mobile-12 {
    margin-left: -100%
  }
}
.row .col-1:first-child .module, .row .col-2:first-child .module, .row .col-3:first-child .module, .row .col-4:first-child .module, .row .col-5:first-child .module, .row .col-6:first-child .module, .row .col-7:first-child .module, .row .col-8:first-child .module, .row .col-9:first-child .module, .row .col-10:first-child .module, .row .col-11:first-child .module, .row .col-12:first-child .module {
  padding-left: 0 !important;
  padding-right: 0 !important
}
#edge-magazine .button {
  height: auto !important
}
.deck {
  position: relative
}
@media only screen and (max-width:600px) {
  .deck .col-4 {
    width: 100%
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .deck .col-4 {
    width: 100%
  }
}
@media only screen and (max-width:600px) {
  .deck .push-1, .deck .push-2, .deck .push-3, .deck .push-4, .deck .push-5, .deck .push-6, .deck .push-7, .deck .push-8 {
    margin: 0
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .deck .push-1, .deck .push-2, .deck .push-3, .deck .push-4, .deck .push-5, .deck .push-6, .deck .push-7, .deck .push-8 {
    margin: 0
  }
}
.deck.events .card h3 {
  margin-bottom: 1em;
  margin-top: 1em;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: .5em
}
.deck.events .card h4 {
  text-align: left !important;
  color: #2d333a
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .deck.events .card h4 {
    height: 50px
  }
}
@media only screen and (min-width:1350px) {
  .deck.events .card h4 {
    height: 50px
  }
}
.deck.events .card a {
  display: inline-block
}
.deck.series-list .card {
  border: 1px solid #e8e8e8
}
.deck.events figure, .deck.series figure {
  position: relative
}
.deck.events figure img, .deck.series figure img {
  max-width: 100% !important
}
.deck.events .series-header, .deck.series .series-header {
  padding-top: 10px
}
.deck.events .series-header h3, .deck.series .series-header h3 {
  margin-bottom: 10px
}
@media only screen and (min-width:1350px) {
  .deck.events .series-header h3, .deck.series .series-header h3 {
    height: 50px;
    max-width: 260px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .deck.events .series-header h3, .deck.series .series-header h3 {
    height: 50px;
    max-width: 240px
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .deck.events .col-4, .deck.series .col-4 {
    width: 100% !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .deck.events .col-4 figure, .deck.series .col-4 figure {
    width: 350px;
    float: left;
    margin-right: 20px;
    min-height: 280px;
    background: #e8e8e8
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .deck.events .col-4 hr, .deck.series .col-4 hr {
    display: none
  }
}
@media only screen and (min-width:1350px) {
  .deck.events .col-4 .des p, .deck.series .col-4 .des p {
    min-height: 100px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .deck.events .col-4 .des p, .deck.series .col-4 .des p {
    min-height: 120px
  }
}
.deck.events .col-4 .content, .deck.series .col-4 .content {
  padding-top: 10px
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .deck.events .col-4 .content .button, .deck.series .col-4 .content .button {
    position: absolute;
    left: 0;
    padding: 15px 20px;
    display: block;
    width: 350px;
    background: #000;
    color: #fff;
    border: 0;
    bottom: -10px;
    border-top: 1px solid #444
  }
}
.deck.series .card:hover {
  box-shadow: 0 1px 17px -8px rgba(0, 0, 0, .7)
}
.deck.series .card h2 {
  color: #000 !important
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .deck.series .card h2 {
    font-size: 1.8rem
  }
}
.deck.series .card h3 {
  color: #2c3238 !important
}
.deck.contacts .card {
  background: #fff
}
@media only screen and (max-width:600px) {
  .deck.contacts .card {
    max-width: 420px;
    margin: 0 auto 20px
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .deck.contacts .card {
    max-width: 420px;
    margin: 0 auto;
    transform: scale(.95)
  }
}
.deck.contacts .card .button {
  margin: 0 0 10px 10px;
  padding: 10px 20px
}
@media only screen and (min-width:1350px) {
  .deck.contacts .card .button {
    margin-left: 20px
  }
}
.deck.products .AccessorySlider .card p {
  font-size: 13px
}
.deck.products .AccessorySlider .card p.lead {
  font-size: 1em;
  margin-top: 10px
}
.deck.products .card figure {
  border-bottom: 1px solid #e8e8e8;
  margin: 0 auto
}
.deck.picture .card img {
  margin: 0 !important;
  padding: 0 !important;
  display: block
}
.deck.picture .card a {
  display: block;
  margin: 0;
  padding: 0
}
.deck .card {
  padding: 0;
  margin-bottom: 20px;
  position: relative;
  background: #fff;
  box-shadow: 1px 2px 10px -6px rgba(0, 0, 0, .3)
}
.deck .card hr {
  margin-bottom: 10px;
  margin-top: 10px
}
.deck .card .email, .deck .card .territories {
  font-size: .8em;
  font-weight: 500
}
.deck .card .territories {
  background: #000;
  color: #fff;
  height: auto;
  padding-bottom: 20px;
  padding-top: 10px
}
.deck .card .contact {
  border: 1px solid #ccc;
  margin: 0
}
.deck .card:hover {
  box-shadow: 0 1px 17px -8px rgba(0, 0, 0, .7)
}
.deck .card figure {
  position: relative
}
.deck .card figure a {
  display: block
}
.deck .card figure img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block
}
.deck .card figure figcaption {
  display: none
}
.deck .card h3, .deck .card h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em !important;
  line-height: 1.2 !important
}
.deck .card hr {
  max-width: 100% !important
}
.deck .card p {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 10px
}
.deck .card p.lead {
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #2c3238;
  padding-top: 5px
}
.deck .card .content:after {
  background: transparent;
  clear: both;
  content: "";
  display: block;
  height: 1px
}
.deck .card .button {
  border: 1px solid #ccc;
  margin-bottom: 10px !important
}
.deck .card .button:hover {
  border: 1px solid #000
}
.series-card {
  -webkit-transition: all .18s ease;
  -moz-transition: all .18s ease;
  -ms-transition: all .18s ease;
  -o-transition: all .18s ease;
  transition: all .18s ease
}
.series-card hr {
  margin: 10px 0 auto !important
}
.series-card:hover {
  -webkit-box-shadow: 0 0 30px 1px rgba(60, 60, 60, .3) !important;
  box-shadow: 0 0 30px 1px rgba(60, 60, 60, .3) !important;
  border-color: rgba(60, 60, 60, .1) !important
}
.series-card:hover figure img {
  filter: saturate(150%);
  -webkit-filter: saturate(150%);
  -moz-filter: saturate(150%);
  -o-filter: saturate(150%);
  -ms-filter: saturate(150%)
}
.content .deck.products {
  margin-left: -10px;
  margin-right: -10px
}
.deck.series .card {
  border: 1px solid #e8e8e8
}
@media only screen and (max-width:600px) {
  .deck.series .card {
    max-width: 380px;
    margin: 10px auto
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .deck.series .card {
    max-width: 380px;
    margin: 10px auto
  }
}
.deck:hover > .row .card {
  opacity: .95
}
.deck .card.series-card:hover {
  opacity: 1 !important
}
.deck .card.series-card:hover .secondaryImage {
  opacity: 0
}
.deck .card.series-card:hover .button.black {
  background: #000 !important;
  color: #fff !important
}
.deck .secondaryImage {
  position: absolute;
  top: 0
}
.deck .secondaryImage:hover {
  cursor: pointer
}
.deck .card figure {
  padding: 0 !important;
  overflow: hidden
}
.deck .card > * {
  padding-right: 10px;
  padding-left: 10px
}
@media only screen and (min-width:1350px) {
  .deck .card > * {
    padding-right: 15px;
    padding-left: 15px
  }
}
.deck .flex-container .card {
  height: 100%
}
.deck .flex-container .card p {
  margin-bottom: 70px !important
}
.deck .flex-container .card h2 {
  padding-top: 10px;
  margin-bottom: 10px
}
.deck .flex-container .card figure {
  border-bottom: 1px solid #e8e8e8
}
.deck .flex-container .card.caption:after {
  font-size: 13px;
  color: #111 !important;
  border: 1px solid rgba(0, 0, 0, .1);
  text-transform: uppercase
}
.deck .flex-container .content {
  position: absolute;
  bottom: 0
}
.flex-container {
  display: flex;
  width: 100%;
  align-items: stretch;
  position: relative;
  flex-wrap: wrap;
  height: 50px;
  overflow: hidden;
  -webkit-transition: opacity .18s ease;
  -moz-transition: opacity .18s ease;
  -ms-transition: opacity .18s ease;
  -o-transition: opacity .18s ease;
  transition: opacity .18s ease
}
.flex-container.active {
  height: auto;
  overflow: visible
}
.flex-container > div {
  height: auto;
  width: 100%;
  opacity: 1;
  order: 20;
  -webkit-transition: opacity .18s ease;
  -moz-transition: opacity .18s ease;
  -ms-transition: opacity .18s ease;
  -o-transition: opacity .18s ease;
  transition: opacity .18s ease
}
.flex-container > div.h {
  position: relative;
  margin-bottom: 20px;
  opacity: 0
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .flex-container > div {
    width: 50%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .flex-container > div {
    width: 33.33333%
  }
}
@media only screen and (min-width:1350px) {
  .flex-container > div {
    width: 33.33333%
  }
}
.flex-container.active > div:first-child, .flex-container:hover > div:first-child {
  transition-delay: .1s
}
.flex-container.active > div:nth-child(2), .flex-container:hover > div:nth-child(2) {
  transition-delay: .2s
}
.flex-container.active > div:nth-child(3), .flex-container:hover > div:nth-child(3) {
  transition-delay: .3s
}
.flex-container.active > div:nth-child(4), .flex-container:hover > div:nth-child(4) {
  transition-delay: .4s
}
.flex-container.active > div:nth-child(5), .flex-container:hover > div:nth-child(5) {
  transition-delay: .5s
}
.flex-container.active > div:nth-child(6), .flex-container:hover > div:nth-child(6) {
  transition-delay: .6s
}
.flex-container.active > div, .flex-container:hover > div {
  opacity: 1
}
#nav-slider {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  font-size: 18px !important;
  position: relative
}
#nav-slider .nav-slider-inner {
  height: 53px;
  overflow: hidden;
  width: 1430px;
  margin-bottom: 20px
}
.nav-scroll-btn {
  width: 35px;
  box-sizing: content-box;
  z-index: 9;
  position: absolute;
  background: #f4f4f4;
  height: 49px;
  display: none;
  border: 2px solid #000;
  color: #000
}
.nav-scroll-btn:hover {
  cursor: pointer;
  background: #000
}
.nav-scroll-btn i {
  line-height: 49px;
  width: 35px;
  text-align: center;
  font-size: 25px;
  color: inherit
}
.nav-scroll-btn i:hover {
  color: #fff
}
.nav-scroll-btn.back {
  left: 0
}
.nav-scroll-btn.forward {
  right: 0
}
.nav-scroll-btn.active {
  display: block
}
#filter-title {
  margin-top: -38px;
  margin-bottom: 0;
  padding: 15px 0;
  box-sizing: content-box
}
#collectionContainer, .secondaryImage {
  display: none
}
html {
  font-size: 16px
}
@media only screen and (min-width:1350px) {
  html {
    font-size: 18px
  }
}
body {
  font-size: 100%
}
strong {
  font-family: Trade Gothic LT W01 Bold No-_2
}
p i {
  font-style: italic
}
.text-left {
  text-align: left !important
}
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6, h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizelegibility
}
.button:focus, button:focus {
  background: transparent;
  outline: 0
}
.button::selection, .main-navigation ul li a::selection {
  background: transparent !important;
  color: inherit !important
}
.dark a::selection, .dark h1::selection, .dark h2::selection, .dark h3::selection, .dark h4::selection, .dark h5::selection, .dark h6::selection, .dark p::selection, .dark strong::selection, .dark ul li::selection {
  color: #add8e6;
  background: transparent
}
.grey-bg a::-moz-selection, .grey-bg a::selection, .grey-bg h1::-moz-selection, .grey-bg h1::selection, .grey-bg h2::-moz-selection, .grey-bg h2::selection, .grey-bg h3::-moz-selection, .grey-bg h3::selection, .grey-bg h4::-moz-selection, .grey-bg h4::selection, .grey-bg h5::-moz-selection, .grey-bg h5::selection, .grey-bg h6::-moz-selection, .grey-bg h6::selection, .grey-bg p::-moz-selection, .grey-bg p::selection, .grey-bg strong::-moz-selection, .grey-bg strong::selection, .grey-bg ul li::-moz-selection, .grey-bg ul li::selection, .light-bg a::-moz-selection, .light-bg a::selection, .light-bg h1::-moz-selection, .light-bg h1::selection, .light-bg h2::-moz-selection, .light-bg h2::selection, .light-bg h3::-moz-selection, .light-bg h3::selection, .light-bg h4::-moz-selection, .light-bg h4::selection, .light-bg h5::-moz-selection, .light-bg h5::selection, .light-bg h6::-moz-selection, .light-bg h6::selection, .light-bg p::-moz-selection, .light-bg p::selection, .light-bg strong::-moz-selection, .light-bg strong::selection, .light-bg ul li::-moz-selection, .light-bg ul li::selection, .light a::-moz-selection, .light a::selection, .light h1::-moz-selection, .light h1::selection, .light h2::-moz-selection, .light h2::selection, .light h3::-moz-selection, .light h3::selection, .light h4::-moz-selection, .light h4::selection, .light h5::-moz-selection, .light h5::selection, .light h6::-moz-selection, .light h6::selection, .light p::-moz-selection, .light p::selection, .light strong::-moz-selection, .light strong::selection, .light ul li::-moz-selection, .light ul li::selection, .white-bg a::-moz-selection, .white-bg a::selection, .white-bg h1::-moz-selection, .white-bg h1::selection, .white-bg h2::-moz-selection, .white-bg h2::selection, .white-bg h3::-moz-selection, .white-bg h3::selection, .white-bg h4::-moz-selection, .white-bg h4::selection, .white-bg h5::-moz-selection, .white-bg h5::selection, .white-bg h6::-moz-selection, .white-bg h6::selection, .white-bg p::-moz-selection, .white-bg p::selection, .white-bg strong::-moz-selection, .white-bg strong::selection, .white-bg ul li::-moz-selection, .white-bg ul li::selection {
  color: #000;
  background: #add8e6
}
img::selection {
  background: transparent
}
sup {
  vertical-align: super;
  font-size: .6em
}
#breadcrum {
  color: #e8e8e8;
  margin-bottom: 0;
  padding: 10px 20px
}
@media only screen and (max-width:600px) {
  #breadcrum {
    font-size: 13px
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  #breadcrum {
    font-size: 13px
  }
}
#breadcrum ul li {
  display: inline-block;
  text-shadow: 2px 2px 3px #333
}
#breadcrum a:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  color: #e8e8e8;
  font-size: 88.6%;
  vertical-align: top;
  margin-right: 3px
}
.button, button {
  width: auto;
  display: inline-block;
  color: inherit;
  text-align: center;
  border: 2px solid;
  background: transparent;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 5px 5px 5px 0;
  padding: 1em 2em
}
.button i, button i {
  margin-left: -5px;
  margin-right: 5px
}
.ico.button i, button.ico i {
  margin-left: 0 !important;
  margin-right: 0 !important
}
.button:active, .button:focus, .button:hover, button:active, button:focus, button:hover {
  cursor: pointer;
  box-shadow: 0 6px 33px -15px #000
}
.deck .card .contact, .tiny.button, button.tiny {
  font-size: 70% !important;
  padding: 10px 15px 9px;
  line-height: 1;
  margin-left: 4px;
  margin-right: 4px
}
@media only screen and (max-width:767px) {
  .deck .card .contact, .tiny.button, button.tiny {
    margin-left: 7px;
    margin-right: 7px
  }
}
@media mobile {
  .deck .card .contact, .tiny.button, button.tiny {
    margin-left: 7px;
    margin-right: 7px
  }
}
.deck .card .button, .small.button, button.small {
  font-size: 80% !important;
  padding: 1.2em;
  line-height: 1;
  margin-top: 0 !important
}
.deck .card .labeloffset.button, .labeloffset.small.button, button.labeloffset.small {
  margin-top: 10px !important
}
@media only screen and (min-width:1350px) {
  .deck .card .labeloffset.button, .labeloffset.small.button, button.labeloffset.small {
    margin-top: 60px !important;
    height: 55px;
    line-height: 20px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .deck .card .labeloffset.button, .labeloffset.small.button, button.labeloffset.small {
    margin-top: 56px !important;
    height: 55px;
    line-height: 20px
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .deck .card .labeloffset.button, .labeloffset.small.button, button.labeloffset.small {
    margin-top: 56px !important;
    height: 55px;
    line-height: 20px
  }
}
.large.button, button.large {
  font-size: 150%
}
.button.block, button.block {
  display: block;
  float: none;
  clear: both;
  margin: 0 auto 10px;
  width: 100%
}
.button, button {
  text-decoration: none
}
.button.half-block, button.half-block {
  display: block;
  margin: 0 auto 10px;
  width: 48%
}
.button.half-block.left, button.half-block.left {
  float: left
}
.button.half-block.right, button.half-block.right {
  float: right
}
.button.no-hover, button.no-hover {
  cursor: default !important;
  box-shadow: 0 0 0 transparent !important
}
.button.no-hover:hover, button.no-hover:hover {
  background: inherit !important;
  color: inherit !important
}
.button.half-block-desktop, button.half-block-desktop {
  display: block;
  margin: 0 auto;
  width: 100%
}
@media only screen and (min-width:1350px) {
  .button.half-block-desktop, button.half-block-desktop {
    width: 48%
  }
  .button.half-block-desktop.left, button.half-block-desktop.left {
    float: left
  }
  .button.half-block-desktop.right, button.half-block-desktop.right {
    float: right
  }
}
@media only screen and (max-width:767px) {
  .button.mobile-block, button.mobile-block {
    display: block;
    float: none;
    clear: both;
    margin: 0 auto 15px;
    width: 100%
  }
}
@media mobile {
  .button.mobile-block, button.mobile-block {
    display: block;
    float: none;
    clear: both;
    margin: 0 auto 15px;
    width: 100%
  }
}
.button:focus, button:focus {
  outline: none
}
.button::-moz-focus-inner, button::-moz-focus-inner {
  border: 0
}
.button.disabled, button.disabled {
  opacity: .4;
  background: #fff !important;
  color: #000 !important;
  border-color: #ccc !important;
  position: relative
}
.button.disabled:hover, button.disabled:hover {
  cursor: not-allowed;
  -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
  box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
}
.button.disabled:active, button.disabled:active {
  opacity: 1
}
.button.disabled:active:after, button.disabled:active:after {
  display: block;
  content: "Not Available";
  position: absolute;
  left: 0;
  right: 0;
  background: #000;
  color: #fff;
  top: 0;
  bottom: 0;
  font-size: 13px;
  line-height: 3.6em
}
p .button .small, p button .small {
  margin: 0 10px !important;
  padding: 7px !important
}
.button.white {
  border-color: #fff;
  color: #fff
}
.button.green.solid {
  background: #2cc36b;
  color: #111
}
.button.green {
  border-color: #2cc36b;
  color: #2cc36b
}
.button.silver.solid {
  background: #bdc3c7;
  color: #000
}
form #error {
  background: #f2f2f2;
  max-width: 441px;
  padding: 14px;
  margin: 20px auto;
  text-align: center;
  color: red;
  display: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  line-height: 1.3;
  font-size: 16px
}
.validate-error {
  border: 1px solid red;
  padding: 10px;
  background: rgba(255, 0, 0, .2);
  margin-top: 12px
}
.validate-error:before {
  content: attr(data-error-message);
  position: absolute;
  background: red;
  top: -30px;
  left: -1px;
  height: 20px;
  font-size: 16px;
  padding: 5px 12px
}
form #error.show {
  display: block
}
form #success {
  display: none
}
label {
  display: block;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: .01em;
  margin-top: 20px;
  text-align: left !important;
  line-height: 1.4
}
label > div, label > input, label > textarea {
  margin-top: 10px
}
input[type=date], input[type=email], input[type=password], input[type=tel], input[type=text], textarea {
  font-weight: 300;
  text-indent: 10px;
  padding-right: 10px;
  font-size: .7em;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: all .18s linear;
  -moz-transition: all .18s linear;
  -ms-transition: all .18s linear;
  -o-transition: all .18s linear;
  transition: all .18s linear
}
textarea {
  display: block;
  width: 100%;
  position: relative;
  border: 2px solid transparent;
  background-color: transparent;
  min-height: 150px;
  padding: 10px;
  text-indent: 0
}
input[type=date]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
  outline: 0;
  color: #000;
  opacity: 1;
  font-size: .8em;
  -webkit-box-shadow: 0 0 44px -12px #000;
  box-shadow: 0 0 44px -12px #000
}
input[type=date]:active, input[type=email]:active, input[type=password]:active, input[type=tel]:active, input[type=text]:active, textarea:active {
  border-color: #ccc
}
input[type=date], input[type=email], input[type=password], input[type=tel], input[type=text] {
  display: block;
  position: relative;
  border: 2px solid transparent;
  height: 55px;
  width: 100%;
  background-color: transparent
}
label.switch:after {
  display: none
}
.col-2.tel-code {
  width: 20%;
  float: left !important
}
.col-4.tel-num {
  max-width: 80%;
  float: left !important
}
.selectwrap {
  position: relative;
  height: 55px;
  width: 100%;
  overflow: hidden;
  margin-right: -50px;
  border-right: 2px solid #ccc;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: all .18s linear;
  -moz-transition: all .18s linear;
  -ms-transition: all .18s linear;
  -o-transition: all .18s linear;
  transition: all .18s linear
}
.selectwrap:focus {
  outline: 0;
  color: #000;
  opacity: 1;
  font-size: .8em;
  -webkit-box-shadow: 0 0 44px -12px #000;
  box-shadow: 0 0 44px -12px #000
}
.selectwrap .select-arrrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 20px;
  text-align: left
}
.selectwrap .select-arrrow:after {
  position: absolute;
  content: "\F0DC";
  font-family: FontAwesome;
  line-height: 50px;
  font-size: .8em;
  color: #666
}
.selectwrap select {
  border: 0;
  border-radius: 0 !important;
  outline: 0;
  display: block;
  width: 106%;
  height: 100%;
  background: transparent;
  text-indent: 10px;
  padding-right: 10px;
  font-size: .7em;
  border-left: 2px solid #ccc;
  -webkit-appearance: none;
  -webkit-border-radius: 0 !important;
  line-height: 1em
}
.selectwrap {
  display: block;
  margin-top: 10px
}
.selectwrap, select {
  -webkit-transition: all .18s linear;
  -moz-transition: all .18s linear;
  -ms-transition: all .18s linear;
  -o-transition: all .18s linear;
  transition: all .18s linear
}
.selectwrap.active {
  -webkit-box-shadow: 0 0 44px -12px #000;
  box-shadow: 0 0 44px -12px #000
}
.selectwrap:hover .select-arrrow {
  z-index: -1;
  opacity: 0;
  text-indent: 20px
}
.selectwrap select {
  cursor: pointer
}
.selectwrap:hover {
  -webkit-box-shadow: 0 0 33px 1px #949494;
  box-shadow: 0 0 33px 1px #949494;
  cursor: pointer
}
#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -150px 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0
}
ol, ol li, ul, ul li {
  list-style: none !important
}
ol.inline li, ul.inline li {
  display: inline;
  padding-right: 10px
}
ul.fa-ul li {
  line-height: 1.2em;
  margin-bottom: 10px;
  font-size: 90%
}
.fa-ul {
  margin-left: 1.5em !important
}
ul.home-ul li {
  line-height: 1.5em
}
ul.home-ul li h5 i {
  color: #ccc !important;
  font-size: 80%
}
ul.home-ul li a:hover h5 {
  color: #1dadff !important
}
.table-wrap {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid #ccc
}
@media only screen and (min-width:1350px) {
  table.data .download {
    width: 170px !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data .download {
    width: 170px !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data .download {
    width: 170px !important
  }
}
table.data .download .button {
  margin: 0 !important
}
@media only screen and (max-width:600px) {
  table.data .download .button {
    max-width: 320px;
    margin: 0 auto 10px !important
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  table.data .download .button {
    max-width: 320px;
    margin: 0 auto 10px !important
  }
}
@media only screen and (min-width:1350px) {
  table.data tr:hover td {
    background: #d8d8d8 !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr:hover td {
    background: #d8d8d8 !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data tr:hover td {
    background: #d8d8d8 !important
  }
}
table.data tr:last-child {
  border-bottom: 0
}
table.data th {
  font-family: Trade Gothic LT W01 Bold No-_2;
  display: none;
  border-bottom: 1px solid #ccc
}
@media only screen and (min-width:1350px) {
  table.data th {
    display: table-cell;
    background: #f2f2f2;
    color: #000;
    padding: 20px;
    text-align: left;
    min-width: 200px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data th {
    display: table-cell;
    background: #f2f2f2;
    padding: 20px;
    text-align: left;
    min-width: 200px
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data th {
    display: table-cell;
    background: #f2f2f2;
    padding: 20px;
    text-align: left;
    min-width: 200px
  }
}
table.data tr th:last-child {
  border-right: 0 !important
}
table.data tr {
  border-bottom: 1px solid #ccc
}
@media only screen and (min-width:1350px) {
  table.data tr {
    background: #f2f2f2
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr {
    background: #f2f2f2
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data tr {
    background: #f2f2f2
  }
}
@media only screen and (min-width:1350px) {
  table.data tr:nth-child(2n) {
    background: #f8f8f8 !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr:nth-child(2n) {
    background: #f8f8f8 !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data tr:nth-child(2n) {
    background: #f8f8f8 !important
  }
}
table.data tr td {
  display: block;
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle
}
table.data tr td p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center
}
@media only screen and (min-width:1350px) {
  table.data tr td p {
    margin: 0;
    text-align: left
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr td p {
    margin: 0;
    text-align: left
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data tr td p {
    margin: 0;
    text-align: left
  }
}
table.data tr td .button {
  margin-bottom: 10px;
  width: 100%
}
@media only screen and (min-width:1350px) {
  table.data tr td .button {
    margin-bottom: 0
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr td .button {
    margin-bottom: 0
  }
}
@media only screen and (min-width:1350px) {
  table.data tr td {
    display: table-cell;
    padding-top: 10px !important;
    padding-bottom: 10px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr td {
    display: table-cell;
    padding-top: 10px !important;
    padding-bottom: 10px
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data tr td {
    display: table-cell;
    padding-top: 10px !important;
    padding-bottom: 10px
  }
}
table.data tr td:first-child {
  padding: 20px;
  font-family: Trade Gothic LT W01 Bold No-_2;
  text-transform: uppercase;
  background: #f2f2f2
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data tr td:first-child {
    text-align: right
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data tr td:first-child {
    text-align: right
  }
}
@media only screen and (min-width:1350px) {
  table.data tr td:first-child {
    text-align: right
  }
}
table.data td.download {
  padding: 0;
  vertical-align: middle
}
@media only screen and (min-width:1350px) {
  table.data td.download {
    padding: 10px 20px !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.data td.download {
    padding: 10px 20px !important
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.data td.download {
    padding: 10px 20px !important
  }
}
@media only screen and (min-width:1350px) {
  table.list.archive-download tr td {
    padding: 10px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list.archive-download tr td {
    padding: 10px
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list.archive-download tr td {
    padding: 10px
  }
}
table.list.archive-download tr td:first-child {
  font-size: 1em;
  letter-spacing: .03em;
  color: #333;
  padding: 20px;
  margin-bottom: 20px
}
@media only screen and (min-width:1350px) {
  table.list.archive-download tr td:first-child {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list.archive-download tr td:first-child {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list.archive-download tr td:first-child {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
  }
}
table.list {
  width: 100%
}
table.list h5, table.list p {
  margin-bottom: 0 !important
}
table.list tbody tr {
  display: block
}
@media only screen and (min-width:1350px) {
  table.list tbody tr {
    display: table-row
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr {
    display: table-row
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr {
    display: table-row
  }
}
table.list tbody tr td {
  vertical-align: middle;
  background: #fff;
  line-height: 1.4
}
table.list tbody tr td ul li {
  text-align: center
}
@media only screen and (min-width:1350px) {
  table.list tbody tr td {
    display: table-cell;
    min-width: 190px !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr td {
    display: table-cell;
    min-width: 155px
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr td {
    display: table-cell;
    min-width: 155px
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  table.list tbody tr td {
    display: block
  }
}
@media only screen and (max-width:600px) {
  table.list tbody tr td {
    display: block
  }
}
table.list tbody tr td ul li {
  line-height: 1.5
}
table.list tbody tr td:first-child {
  font-size: 1em;
  letter-spacing: .03em;
  color: #333;
  padding-left: 15px;
  padding-right: 15px
}
@media only screen and (min-width:1350px) {
  table.list tbody tr td:first-child {
    text-align: right
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr td:first-child {
    text-align: right
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr td:first-child {
    text-align: right
  }
}
table.list tbody tr td:first-child p {
  padding: 0 !important
}
table.list tbody tr td h5 {
  text-align: center
}
@media only screen and (min-width:1350px) {
  table.list tbody tr td h5 {
    text-align: right
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr td h5 {
    text-align: right
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr td h5 {
    text-align: right
  }
}
table.list tbody tr td p {
  text-align: center;
  padding: 20px
}
@media only screen and (min-width:1350px) {
  table.list tbody tr td p {
    text-align: left
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr td p {
    text-align: left
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr td p {
    text-align: left
  }
}
table.list tbody tr.sub-head td {
  background: #111;
  color: #e8e8e8;
  padding: 20px;
  border: 0;
  text-align: center
}
@media only screen and (min-width:1350px) {
  table.list tbody tr.sub-head td {
    text-align: right
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr.sub-head td {
    text-align: right
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr.sub-head td {
    text-align: right
  }
}
table.list tbody tr.sub-head td:nth-child(2) {
  display: none
}
@media only screen and (min-width:1350px) {
  table.list tbody tr.sub-head td:nth-child(2) {
    display: block
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.list tbody tr.sub-head td:nth-child(2) {
    display: block
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  table.list tbody tr.sub-head td:nth-child(2) {
    display: block
  }
}
table.list tr td:first-child {
  background: #e8e8e8;
  vertical-align: middle;
  font-family: Trade Gothic LT W01 Bold No-_2
}
.specification-table-wrapper {
  background: #f2f2f2;
  -webkit-box-shadow: 1px 3px 10px -6px rgba(0, 0, 0, .5);
  box-shadow: 1px 3px 10px -6px rgba(0, 0, 0, .5)
}
table.specification-table {
  width: 100%
}
table.specification-table h5, table.specification-table p {
  margin-bottom: 0 !important
}
table.specification-table tbody tr {
  display: block
}
@media only screen and (min-width:1350px) {
  table.specification-table tbody tr {
    display: table-row
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.specification-table tbody tr {
    display: table-row
  }
}
table.specification-table tbody tr td {
  display: block;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  line-height: 1.4;
  padding: 10px 20px
}
table.specification-table tbody tr td.noPad {
  padding: 0 !important
}
table.specification-table tbody tr td .button.solid {
  margin-bottom: 0 !important
}
table.specification-table tbody tr td ul li {
  text-align: center
}
@media only screen and (min-width:1350px) {
  table.specification-table tbody tr td {
    text-align: left !important;
    display: table-cell
  }
  table.specification-table tbody tr td ul li {
    text-align: left
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.specification-table tbody tr td {
    text-align: left !important;
    display: table-cell
  }
  table.specification-table tbody tr td ul li {
    text-align: left
  }
}
table.specification-table tbody tr td ul {
  padding-top: 10px;
  padding-bottom: 10px
}
table.specification-table tbody tr td ul li {
  line-height: 1.5
}
table.specification-table tbody tr td:first-child {
  font-size: 1em !important;
  color: #333;
  text-transform: uppercase;
  padding: 15px !important
}
table.specification-table tbody tr td p {
  text-align: center;
  padding: 10px
}
table.specification-table tbody tr.sub-head td {
  background: #111;
  color: #e8e8e8;
  padding: 15px;
  border: 0;
  width: 100%
}
@media only screen and (min-width:1350px) {
  table.specification-table tbody tr.sub-head td {
    min-width: 280px;
    width: 30%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.specification-table tbody tr.sub-head td {
    min-width: 280px;
    width: 30%
  }
}
table.specification-table tr td:first-child {
  background: #e8e8e8;
  vertical-align: middle;
  font-family: Trade Gothic LT W01 Bold No-_2
}
@media only screen and (min-width:1350px) {
  table.specification-table tr td:first-child {
    max-width: 180px
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.specification-table tr td:first-child {
    max-width: 180px
  }
}
@media only screen and (min-width:1350px) {
  table.specification-table tr:hover {
    background: #e8eaec
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  table.specification-table tr:hover {
    background: #e8eaec
  }
}
img {
  max-width: 100%
}
figure img {
  display: block
}
figure figcaption {
  font-size: 80%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
  color: #666;
  line-height: 1
}
figure:after {
  content: "";
  display: block;
  clear: both
}
.fadeIn {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -ms-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease
}
.fadeIn.lazyloaded {
  opacity: 1
}
hr {
  border: 0;
  margin: 20px auto;
  border-top: 1px solid #ecf0f1;
  width: 100%
}
footer.pagefoot {
  display: block;
  width: 100%;
  padding-top: 60px;
  background: #000 url(../png/subtle_carbon.png) repeat !important
}
footer.pagefoot > * {
  opacity: 1
}
footer.pagefoot h4 {
  color: #f2f2f2;
  font-size: 150%;
  display: block;
  margin-top: 20px
}
footer.pagefoot p {
  font-size: 12px;
  color: #888
}
footer.pagefoot ul li a {
  display: block;
  color: #f2f2f2;
  border: 2px solid transparent;
  width: 100%;
  padding: 8px 0;
  font-size: 13px;
  margin-bottom: 4px
}
footer.pagefoot ul li a:hover {
  cursor: pointer;
  color: #fff
}
footer.pagefoot .footer-social a {
  color: #fff;
  padding-right: 15px
}
input[type=checkbox] {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute
}
input[type=checkbox] + label {
  font-size: 16px;
  line-height: 32px;
  margin: 0
}
input[type=checkbox] + label:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  width: 100%
}
input[type=checkbox]:focus + label {
  color: #00befe !important
}
input[type=checkbox]:hover + label span {
  border: 3px solid #00befe
}
input[type=checkbox] + label span {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background: #000;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 2px 8px 4px 0;
  float: left;
  border-radius: 3px
}
.light input[type=checkbox] + label span {
  background: #fff;
  border-color: #ccc
}
input[type=checkbox] + label span + div {
  line-height: 1;
  font-size: .9
}
input[type=checkbox] + label span + div.single-line {
  padding-top: 10px
}
input[type=checkbox] + label span + div.multi-line {
  padding-top: 3px
}
input[type=checkbox]:focus + label span {
  border: 3px solid #00befe
}
input[type=checkbox]:checked + label span {
  background: #00befe;
  border: 3px solid #00befe
}
input[type=checkbox]:checked + label span:after {
  opacity: 1
}
input[type=checkbox] + label span:after, input[type=checkbox]:checked + label span:after {
  content: "\F00C";
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  position: absolute;
  font-size: 21px;
  padding: 2px
}
input[type=checkbox] + label span:after {
  opacity: 0
}
@media only screen and (max-width:600px) {
  .article h1 {
    font-size: 2.2em !important
  }
}
.article blockquote {
  position: relative
}
.article blockquote.inline-quote {
  padding: 2em;
  background: #fff;
  margin-bottom: 20px;
  width: 100%
}
@media only screen and (min-width:1350px) {
  .article blockquote.inline-quote {
    margin-right: 40px;
    margin-bottom: 20px;
    width: 60%;
    float: left
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .article blockquote.inline-quote {
    margin-right: 40px;
    margin-bottom: 20px;
    width: 60%;
    float: left
  }
}
.article blockquote.inline-quote span {
  font-family: sans-serif;
  font-family: Trade Gothic LT W01 Bold No-_2;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.3
}
.article blockquote.inline-quote span:before {
  display: inline;
  font-family: FontAwesome;
  font-size: 1.5em;
  content: "\F10D";
  padding-right: 10px;
  line-height: .5
}
.article blockquote.inline-quote footer {
  font-family: sans-serif;
  font-family: Trade Gothic LT W01 Roman;
  margin-top: 10px;
  font-size: 21px
}
.news-side ul.feat {
  padding-left: 10px;
  margin-bottom: 20px
}
.news-side ul.feat li {
  list-style: decimal !important;
  margin-left: 10px;
  color: #00befe;
  border-top: 3px solid #e8e8e8
}
.news-side div {
  padding-top: 10px
}
.news-side div h6 {
  text-transform: uppercase;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 6px;
  padding-left: 5px;
  margin-bottom: 0
}
.news-side div h6 a {
  color: #000
}
.news-side div p {
  color: #444;
  font-weight: 500;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
  padding-left: 5px
}
.news-side-button {
  margin-bottom: 5px
}
.news-side-button p {
  opacity: 0;
  font-size: 11px;
  margin: 0;
  text-align: center;
  padding: 5px 0 0
}
.news-side-button:hover {
  cursor: pointer;
  color: #000 !important
}
.news-side-button:hover p {
  opacity: 1
}
.article-slider img {
  max-height: 550px;
  margin: 0 auto;
  display: block
}
.article-slider div {
  background: #fff
}
.article-slider div:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 170px
}
.article-slider .slick-prev {
  left: 20px !important
}
.article-slider .slick-next {
  right: 20px !important
}
#notification {
  position: fixed;
  left: 0;
  right: 0;
  background: #000;
  z-index: 9990;
  bottom: 0;
  color: #ccc;
  padding: 10px 80px 10px 40px;
  overflow: hidden;
  display: none
}
#notification.show {
  display: block
}
#notification #notification-close {
  position: absolute;
  right: 30px;
  text-align: center;
  height: 30px;
  border: 1px solid #444;
  line-height: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: .8em;
  padding-left: 10px;
  padding-right: 10px;
  background: #2cc36b;
  color: #ccc;
  text-transform: uppercase
}
#notification a {
  color: #00befe
}
#notification #notification-close:hover {
  border-color: #fff;
  color: #fff;
  cursor: pointer
}
#notification p {
  margin-right: 30px;
  font-size: .8em;
  margin-bottom: 0
}
p {
  font-style: normal;
  font-size: 1em
}
.button, .heading1, .heading2, .heading3, .heading4, .heading5, .heading6, button, h1, h2, h3, h4, h5, h6, header#page .main-heading, header#page .sub-heading, header#page h1, header#page h2 {
  font-style: normal;
  font-weight: 500
}
p.bold, p.lead, p strong {
  font-weight: 500
}
p {
  text-align: left;
  line-height: 1.6;
  margin-bottom: 20px
}
p.lead {
  font-size: 110%;
  line-height: 1.5;
  letter-spacing: .01em
}
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6, h1, h2, h3, h4, h5, h6, header#page .main-heading, header#page .sub-heading, header#page h1, header#page h2 {
  margin-bottom: 20px
}
header#page .main-heading, header#page h1 {
  font-size: 4.2em
}
.heading1, h1 {
  font-size: 3.2em;
  line-height: 1.1
}
.heading2, h2 {
  font-size: 2.6em;
  line-height: 1.1
}
#series-promo h1, .deck .card h2, .heading3, h3 {
  font-size: 2em;
  line-height: 1.1
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  #series-promo h1, .deck .card h2, .heading3, h3 {
    font-size: 1.6em
  }
}
.heading4, h4, header#page .sub-heading, header#page h2 {
  font-size: 1.8em;
  line-height: 1.1
}
.heading5, h5 {
  font-size: 1.2em;
  line-height: 1.2
}
.deck.events .card h4, .heading6, h6 {
  font-size: 1.1em;
  line-height: 1.2
}
.cat-title {
  padding-top: 5px;
  margin-bottom: 0;
  color: #f2f2f2
}
@media only screen and (max-width:600px) {
  .cat-title {
    text-align: center
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .cat-title {
    text-align: center
  }
}
header#page {
  padding-top: 80px
}
header#page .module {
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px
}
@media only screen and (max-width:600px) {
  header#page .button.tiny {
    font-size: 10px !important;
    padding: 8px 3px;
    margin-bottom: 10px;
    margin-top: 0
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  header#page .button.tiny {
    font-size: 10px !important;
    padding: 8px 3px;
    margin-bottom: 10px;
    margin-top: 0
  }
}
header#page .button.tiny:first-child {
  margin-left: 0
}
header#page .main-heading, header#page h1 {
  color: #fff;
  text-shadow: 2px 2px 4px #222;
  margin-bottom: 0
}
@media only screen and (min-width:600px) and (max-width:735px) {
  header#page .main-heading, header#page h1 {
    font-size: 2.9em !important
  }
}
@media only screen and (max-width:600px) {
  header#page .main-heading, header#page h1 {
    font-size: 2.9em !important
  }
}
header#page .sub-heading, header#page h2 {
  color: #e8e8e8;
  font-size: 1.5em;
  padding-top: 10px;
  text-shadow: 2px 2px 4px #222;
  margin-bottom: 0;
  max-width: 880px
}
@media only screen and (min-width:600px) and (max-width:735px) {
  header#page .sub-heading, header#page h2 {
    font-size: 1.2em !important
  }
}
@media only screen and (max-width:600px) {
  header#page .sub-heading, header#page h2 {
    font-size: 1.2em !important
  }
}
#series-promo {
  text-align: center
}
#series-promo h1 {
  text-transform: uppercase
}
#series-promo figure img {
  margin: 0 auto;
  display: block
}
#series-promo figure img.no-margin {
  margin-top: -20px
}
.grid, .grid .grid-item {
  width: 100%;
  overflow: hidden
}
.grid .grid-item {
  position: relative;
  float: left;
  border: 5px solid transparent
}
.grid .grid-item:hover {
  cursor: pointer
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .grid .grid-item {
    width: 50%
  }
}
@media only screen and (min-width:735px) and (max-width:1020px) {
  .grid .grid-item {
    width: 50%
  }
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .grid .grid-item {
    width: 25%
  }
}
@media only screen and (min-width:1350px) {
  .grid .grid-item {
    width: 25%
  }
}
.grid .grid-item.heading {
  min-height: 200px
}
.grid .grid-item:hover {
  border-color: #00befe
}
.grid .grid-item.item-2x {
  width: 50%;
  background: #000;
  position: relative
}
.grid .grid-item div {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, .75));
  color: #ccc;
  padding: 20px 0 0 20px
}
.grid .grid-item div h3 {
  color: #fff;
  text-shadow: 1px 1px 12px rgba(0, 0, 0, .6);
  text-transform: uppercase;
  padding-right: 20px
}
.grid .grid-item div .button, .grid .grid-item div button {
  width: 100%;
  margin: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  background: #000;
  border-color: #000;
  color: #f2f2f2
}
.grid .grid-item div .button:hover, .grid .grid-item div button:hover {
  background: #fff;
  color: #000;
  border-color: #fff
}
.grid .case-study-head {
  background: transparent !important
}
.grid .case-study-head h4 {
  margin-bottom: 0
}
.grid .case-study-head h4, .grid .case-study-head h5 {
  text-align: left
}
.read-more-container {
  height: auto;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative
}
.read-more-container .module {
  opacity: 0
}
.read-more-container.show {
  max-height: 15000px;
  overflow: visible
}
.read-more-container.show .module {
  opacity: 1;
  padding-top: 40px;
  padding-bottom: 20px
}
.read-more-container.show:after {
  background: inherit;
  width: 34px;
  height: 34px;
  border: 0;
  bottom: -12px;
  display: block;
  transform: rotate(45deg);
  margin: 0 auto;
  border-radius: 3px;
  content: "";
  position: absolute;
  bottom: -16px;
  z-index: 9999;
  left: 0;
  right: 0;
  background-image: none
}
#read-more-dynamic-wrap {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all .3s ease;
  background-repeat: no-repeat;
  background-size: contain
}
#read-more-dynamic-wrap.active {
  opacity: 1
}
@media only screen and (max-width:767px) {
  blockquote footer cite, blockquote p, header#page .main-heading, header#page .sub-heading, header#page h1, header#page h2 {
    text-align: center !important
  }
}
@media mobile {
  blockquote footer cite, blockquote p, header#page .main-heading, header#page .sub-heading, header#page h1, header#page h2 {
    text-align: center !important
  }
}
@media only screen and (min-width:1320px) {
  .mobiletablethide {
    display: block
  }
}
@media only screen and (min-width:1020px) and (max-width:1319px) {
  .mobiletablethide {
    display: block
  }
}
@media only screen and (min-width:768px) and (max-width:1019px) {
  .mobiletablethide {
    display: none !important
  }
}
@media only screen and (max-width:767px) {
  .mobiletablethide {
    display: none !important
  }
}
@media mobile {
  .mobiletablethide {
    display: none !important
  }
}
@media only screen and (min-width:1320px) {
  .mobiletabletshow {
    display: none !important
  }
}
@media only screen and (min-width:1020px) and (max-width:1319px) {
  .mobiletabletshow {
    display: none !important
  }
}
@media only screen and (min-width:768px) and (max-width:1019px) {
  .mobiletabletshow {
    display: block
  }
}
@media only screen and (max-width:767px) {
  .mobiletabletshow {
    display: block
  }
}
@media mobile {
  .mobiletabletshow {
    display: block
  }
}
ol, ul {
  text-align: left
}
#series-promo h1, .padTop {
  padding-top: 20px
}
.padBottom {
  padding-bottom: 20px
}
.padTop-2x {
  padding-top: 40px
}
.padBottom-2x, blockquote {
  padding-bottom: 40px
}
.accordion .item, .button-item {
  display: block
}
.accordion .item .tab, .button-item .button-tab {
  display: block;
  padding: .6em 0
}
.accordion .item .tab i, .button-item .button-tab i {
  float: left;
  padding: 1px 10px 0 0;
  display: inline-block
}
@media only screen and (max-width:600px) {
  .accordion .item .tab, .button-item .button-tab {
    font-size: .9em !important;
    text-transform: uppercase
  }
}
@media only screen and (min-width:600px) and (max-width:735px) {
  .accordion .item .tab, .button-item .button-tab {
    font-size: .9em !important;
    text-transform: uppercase
  }
}
.accordion .item .content, .button-item .content {
  display: block;
  max-width: 100%
}
.accordion .item .padded.content, .button-item .padded.content {
  padding: 20px 0
}
.accordion .item .content .module, .button-item .content .module {
  padding: 0 !important;
  margin: 0 !important
}
.button-item .content .deck.products {
  margin-left: -10px
}
.button-item .button-tab {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}
.button-item .button-tab:hover {
  cursor: pointer
}
.accordion.fill.dark .tab {
  background: #111 !important;
  color: #ccc !important
}
.accordion.fill .item .tab {
  background: #f8f8f8 linear-gradient(-30deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .1));
  border-radius: 4px;
  color: #111
}
.accordion.full-width .item .tab {
  padding-left: 10px;
  padding-right: 10px
}
.accordion.light .item .tab:hover i {
  color: #00befe
}
.accordion.dark .item .tab:hover i {
  color: #fff
}
.accordion .item .button:hover {
  box-shadow: 0 0 0 0 #fff
}
.accordion .item .content .art-specs {
  background: #fff;
  -webkit-box-shadow: 1px 2px 10px -6px rgba(0, 0, 0, .3);
  box-shadow: 1px 3px 10px -6px rgba(0, 0, 0, .5);
  padding: 40px 40px 20px
}
.accordion .item .content .module {
  padding-top: 20px
}
.accordion .item .content.hidden {
  display: none
}
.accordion .item .tab {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  margin-bottom: 5px;
  padding: 15px
}
.accordion .item .tab:hover {
  cursor: pointer;
  border-color: #ccc
}
.tab {
  transition: all .5s linear
}
.tab.active {
  border-radius: 10px 10px 0 0 !important;
  margin-bottom: 0 !important
}
.tab + .content {
  margin-bottom: 20px
}
.button.black, button.black {
  border-color: #000;
  color: #000;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.black.solid, button.black.solid {
  background: #000;
  color: #dde1e2
}
.button.black.solid.active, .button.black.solid:hover, button.black.solid.active, button.black.solid:hover {
  border-color: #dde1e2;
  background: #dde1e2;
  color: #000
}
.button.black.dark.active, .button.black.dark:hover, button.black.dark.active, button.black.dark:hover {
  border-color: #000;
  background: #000;
  color: #dde1e2
}
.button.black.light.active, .button.black.light:hover, button.black.light.active, button.black.light:hover {
  border-color: #333;
  background: #333;
  color: #dde1e2
}
.button.black.active, .button.black:active, .button.black:focus, .button.black:hover, button.black.active, button.black:active, button.black:focus, button.black:hover {
  background: #000;
  color: #dde1e2
}
.button.black:active, button.black:active {
  border-color: #000
}
.button.black:focus, button.black:focus {
  border-color: #169dcb
}
.button.white, button.white {
  border-color: #fff;
  color: #fff;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.white.solid, button.white.solid {
  background: #fff;
  color: #000
}
.button.white.solid.active, .button.white.solid:hover, button.white.solid.active, button.white.solid:hover {
  border-color: #000;
  background: #000;
  color: #fff
}
.button.white.dark.active, .button.white.dark:hover, button.white.dark.active, button.white.dark:hover {
  border-color: #ccc;
  background: #ccc;
  color: #000
}
.button.white.light.active, .button.white.light:hover, button.white.light.active, button.white.light:hover {
  border-color: #fff;
  background: #fff;
  color: #000
}
.button.white.active, .button.white:active, .button.white:focus, .button.white:hover, button.white.active, button.white:active, button.white:focus, button.white:hover {
  background: #fff;
  color: #000
}
.button.white:active, button.white:active {
  border-color: #fff
}
.button.white:focus, button.white:focus {
  border-color: #169dcb
}
.button.silver, button.silver {
  border-color: #bdc3c7;
  color: #000000;
  background-color: #FFFFFF;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.silver.solid, button.silver.solid {
  background: #bdc3c7;
  color: #000
}
.button.silver.solid.active, .button.silver.solid:hover, button.silver.solid.active, button.silver.solid:hover {
  border-color: #000;
  background: #000;
  color: #bdc3c7
}
.button.silver.dark.active, .button.silver.dark:hover, button.silver.dark.active, button.silver.dark:hover {
  border-color: #869198;
  background: #869198;
  color: #000
}
.button.silver.light.active, .button.silver.light:hover, button.silver.light.active, button.silver.light:hover {
  border-color: #f4f5f6;
  background: #f4f5f6;
  color: #000
}
.button.silver.active, .button.silver:active, .button.silver:focus, .button.silver:hover, button.silver.active, button.silver:active, button.silver:focus, button.silver:hover {
  background: #bdc3c7;
  color: #000
}
.button.silver:active, button.silver:active {
  border-color: #bdc3c7
}
.button.silver:focus, button.silver:focus {
  border-color: #169dcb
}
.button.grey, button.grey {
  border-color: #f4f4f4;
  color: #f4f4f4;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.grey.solid, button.grey.solid {
  background: #f4f4f4;
  color: #000
}
.button.grey.solid.active, .button.grey.solid:hover, button.grey.solid.active, button.grey.solid:hover {
  border-color: #000;
  background: #000;
  color: #f4f4f4
}
.button.grey.dark.active, .button.grey.dark:hover, button.grey.dark.active, button.grey.dark:hover {
  border-color: #c1c1c1;
  background: #c1c1c1;
  color: #000
}
.button.grey.light.active, .button.grey.light:hover, button.grey.light.active, button.grey.light:hover {
  border-color: #fff;
  background: #fff;
  color: #000
}
.button.grey.active, .button.grey:active, .button.grey:focus, .button.grey:hover, button.grey.active, button.grey:active, button.grey:focus, button.grey:hover {
  background: #f4f4f4;
  color: #000
}
.button.grey:active, button.grey:active {
  border-color: #f4f4f4
}
.button.grey:focus, button.grey:focus {
  border-color: #169dcb
}
.button.blue, button.blue {
  border-color: #00befe;
  color: #00befe;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.blue.solid, button.blue.solid {
  background: #00befe;
  color: #222
}
.button.blue.solid.active, .button.blue.solid:hover, button.blue.solid.active, button.blue.solid:hover {
  border-color: #222;
  background: #222;
  color: #00befe
}
.button.blue.dark.active, .button.blue.dark:hover, button.blue.dark.active, button.blue.dark:hover {
  border-color: #007298;
  background: #007298;
  color: #222
}
.button.blue.light.active, .button.blue.light:hover, button.blue.light.active, button.blue.light:hover {
  border-color: #65d8ff;
  background: #65d8ff;
  color: #222
}
.button.blue.active, .button.blue:active, .button.blue:focus, .button.blue:hover, button.blue.active, button.blue:active, button.blue:focus, button.blue:hover {
  background: #00befe;
  color: #222
}
.button.blue:active, button.blue:active {
  border-color: #00befe
}
.button.blue:focus, button.blue:focus {
  border-color: #169dcb
}
.button.green, button.green {
  border-color: #2cc36b;
  color: #2cc36b;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.green.solid, button.green.solid {
  background: #2cc36b;
  color: #000
}
.button.green.solid.active, .button.green.solid:hover, button.green.solid.active, button.green.solid:hover {
  border-color: #000;
  background: #000;
  color: #2cc36b
}
.button.green.dark.active, .button.green.dark:hover, button.green.dark.active, button.green.dark:hover {
  border-color: #19703d;
  background: #19703d;
  color: #000
}
.button.green.light.active, .button.green.light:hover, button.green.light.active, button.green.light:hover {
  border-color: #75e0a2;
  background: #75e0a2;
  color: #000
}
.button.green.active, .button.green:active, .button.green:focus, .button.green:hover, button.green.active, button.green:active, button.green:focus, button.green:hover {
  background: #2cc36b;
  color: #000
}
.button.green:active, button.green:active {
  border-color: #2cc36b
}
.button.green:focus, button.green:focus {
  border-color: #169dcb
}
.button.yellow, button.yellow {
  border-color: #f1c40f;
  color: #f1c40f;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.yellow.solid, button.yellow.solid {
  background: #f1c40f;
  color: #000
}
.button.yellow.solid.active, .button.yellow.solid:hover, button.yellow.solid.active, button.yellow.solid:hover {
  border-color: #000;
  background: #000;
  color: #f1c40f
}
.button.yellow.dark.active, .button.yellow.dark:hover, button.yellow.dark.active, button.yellow.dark:hover {
  border-color: #927608;
  background: #927608;
  color: #000
}
.button.yellow.light.active, .button.yellow.light:hover, button.yellow.light.active, button.yellow.light:hover {
  border-color: #f7dc6f;
  background: #f7dc6f;
  color: #000
}
.button.yellow.active, .button.yellow:active, .button.yellow:focus, .button.yellow:hover, button.yellow.active, button.yellow:active, button.yellow:focus, button.yellow:hover {
  background: #f1c40f;
  color: #000
}
.button.yellow:active, button.yellow:active {
  border-color: #f1c40f
}
.button.yellow:focus, button.yellow:focus {
  border-color: #169dcb
}
.button.red, button.red {
  border-color: #e30613;
  color: #e30613;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.red.solid, button.red.solid {
  background: #e30613;
  color: #fff
}
.button.red.solid.active, .button.red.solid:hover, button.red.solid.active, button.red.solid:hover {
  border-color: #fff;
  background: #fff;
  color: #e30613
}
.button.red.dark.active, .button.red.dark:hover, button.red.dark.active, button.red.dark:hover {
  border-color: #80030b;
  background: #80030b;
  color: #fff
}
.button.red.light.active, .button.red.light:hover, button.red.light.active, button.red.light:hover {
  border-color: #fa555e;
  background: #fa555e;
  color: #fff
}
.button.red.active, .button.red:active, .button.red:focus, .button.red:hover, button.red.active, button.red:active, button.red:focus, button.red:hover {
  background: #e30613;
  color: #fff
}
.button.red:active, button.red:active {
  border-color: #e30613
}
.button.red:focus, button.red:focus {
  border-color: #169dcb
}
.button.orange, button.orange {
  border-color: #fc6b18;
  color: #fc6b18;
  -webkit-transition: all .18s ease-in;
  -moz-transition: all .18s ease-in;
  -ms-transition: all .18s ease-in;
  -o-transition: all .18s ease-in;
  transition: all .18s ease-in;
  transition-property: color, background, border
}
.button.orange.solid, button.orange.solid {
  background: #fc6b18;
  color: #ecf0f1
}
.button.orange.solid.active, .button.orange.solid:hover, button.orange.solid.active, button.orange.solid:hover {
  border-color: #ecf0f1;
  background: #ecf0f1;
  color: #fc6b18
}
.button.orange.dark.active, .button.orange.dark:hover, button.orange.dark.active, button.orange.dark:hover {
  border-color: #ac4002;
  background: #ac4002;
  color: #ecf0f1
}
.button.orange.light.active, .button.orange.light:hover, button.orange.light.active, button.orange.light:hover {
  border-color: #fdac7d;
  background: #fdac7d;
  color: #ecf0f1
}
.button.orange.active, .button.orange:active, .button.orange:focus, .button.orange:hover, button.orange.active, button.orange:active, button.orange:focus, button.orange:hover {
  background: #fc6b18;
  color: #ecf0f1
}
.button.orange:active, button.orange:active {
  border-color: #fc6b18
}
.button.orange:focus, button.orange:focus {
  border-color: #169dcb
}
.black-bg p, .blackbg p {
  color: #ccc
}
.silver-fade-bg {
  background: #f2f2f2
}
.fade-bg {
  position: relative;
  overflow: hidden;
  background: transparent
}
.fade-bg:before {
  content: "";
  background: url(../jpg/fade.jpg);
  background-size: cover;
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px)
}
.col-black {
  color: #000 !important
}
.light-black {
  color: #1a1a1a !important
}
.dark-black {
  color: #000 !important
}
.black-bg {
  background: #000 !important;
  color: #dde1e2 !important
}
.light-black-bg {
  background: #1a1a1a !important
}
.dark-black-bg {
  background: #000 !important;
  color: #dde1e2 !important
}
.col-white, .light-white {
  color: #fff !important
}
.dark-white {
  color: #e6e6e6 !important
}
.white-bg {
  color: #000 !important
}
.light-white-bg, .white-bg {
  background: #fff !important
}
.dark-white-bg {
  background: #e6e6e6 !important;
  color: #000 !important
}
.col-silver {
  color: #bdc3c7 !important
}
.light-silver {
  color: #d9dcde !important
}
.dark-silver {
  color: #a1aab0 !important
}
.silver-bg {
  background: #bdc3c7 !important;
  color: #000 !important
}
.light-silver-bg {
  background: #d9dcde !important
}
.dark-silver-bg {
  background: #a1aab0 !important;
  color: #000 !important
}
.col-grey {
  color: #f4f4f4 !important
}
.light-grey {
  color: #fff !important
}
.dark-grey {
  color: #dbdbdb !important
}
.grey-bg {
  background: #f4f4f4 !important;
  color: #000 !important
}
.light-grey-bg {
  background: #fff !important
}
.dark-grey-bg {
  background: #dbdbdb !important;
  color: #000 !important
}
.col-blue {
  color: #00befe !important
}
.light-blue {
  color: #3498db !important
}
.dark-blue {
  color: #2c3e50 !important
}
.blue-bg {
  background: #00befe !important;
  color: #222 !important
}
.light-blue-bg {
  background: #3498db !important
}
.dark-blue-bg {
  background: #2c3e50 !important;
  color: #222 !important
}
.col-green {
  color: #2cc36b !important
}
.light-green {
  color: #2ecc71 !important
}
.dark-green {
  color: #239954 !important
}
.green-bg {
  background: #2cc36b !important;
  color: #000 !important
}
.light-green-bg {
  background: #2ecc71 !important
}
.dark-green-bg {
  background: #239954 !important;
  color: #000 !important
}
.col-yellow {
  color: #f1c40f !important
}
.light-yellow {
  color: #f4d03f !important
}
.dark-yellow {
  color: #c29d0b !important
}
.yellow-bg {
  background: #f1c40f !important;
  color: #000 !important
}
.light-yellow-bg {
  background: #f4d03f !important
}
.dark-yellow-bg {
  background: #c29d0b !important;
  color: #000 !important
}
.col-red {
  color: #e30613 !important
}
.light-red {
  color: #e74c3c !important
}
.dark-red {
  color: #b1050f !important
}
.red-bg {
  background: #e30613 !important;
  color: #fff !important
}
.light-red-bg {
  background: #e74c3c !important
}
.dark-red-bg {
  background: #b1050f !important;
  color: #fff !important
}
.col-orange {
  color: #fc6b18 !important
}
.light-orange {
  color: #e67e22 !important
}
.dark-orange {
  color: #de5303 !important
}
.orange-bg {
  background: #fc6b18 !important;
  color: #ecf0f1 !important
}
.light-orange-bg {
  background: #e67e22 !important
}
.dark-orange-bg {
  background: #de5303 !important;
  color: #ecf0f1 !important
}
section.quote-block.cssSwap {
  opacity: 0;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}
section.quote-block.cssSwap.loaded {
  opacity: 1
}
.quote-block {
  position: relative;
  text-align: center;
  background-size: cover;
  padding-top: 15%;
  padding-bottom: 15%
}
.quote-block .banner {
  padding-top: 5% !important;
  padding-bottom: 5% !important
}
@media only screen and (min-width:1020px) and (max-width:1350px) {
  .quote-block {
    padding-top: 10%;
    padding-bottom: 10%
  }
}
@media only screen and (min-width:1350px) {
  .quote-block {
    padding-top: 10%;
    padding-bottom: 10%
  }
}
.quote-block blockquote {
  padding: 0 !important;
  max-width: 650px;
  margin: 0 auto
}
.quote-block blockquote h2 {
  color: #fff;
  display: block;
  font-size: 2.5em;
  line-height: 1.1;
  text-align: center;
  text-shadow: -2px 3px 5px rgba(0, 0, 0, .5);
  letter-spacing: -1px
}
.quote-block blockquote h2:after, .quote-block blockquote h2:before {
  font-family: FontAwesome;
  font-size: .5em;
  vertical-align: super
}
.quote-block blockquote h2:before {
  content: "\F10D";
  padding-right: 10px
}
.quote-block blockquote h2:after {
  content: "\F10E";
  padding-left: 10px
}
@media only screen and (min-width:1020px) and (max-width:1319px) {
  .quote-block blockquote h2 {
    font-size: 2.2em
  }
}
@media only screen and (min-width:768px) and (max-width:1019px) {
  .quote-block blockquote h2 {
    font-size: 2.1em
  }
}
@media only screen and (max-width:767px) {
  .quote-block blockquote h2 {
    font-size: 2em
  }
}
@media mobile {
  .quote-block blockquote h2 {
    font-size: 2em
  }
}
.quote-block blockquote cite {
  display: inline-block;
  background: transparent;
  color: #fff;
  line-height: 1.5em;
  font-weight: 500;
  margin-top: 10px
}
.quote-block:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, .25)
}
.quote-block.dark:before {
  background: rgba(0, 0, 0, .5)
}
.quote-block.light h2 {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .1)
}
.quote-block.light:before {
  background: rgba(0, 0, 0, .1)
}
.quote-block.light cite {
  color: #222
}
.quote-block.light h2:after, .quote-block.light h2:before {
  color: #e8e8e8
}
blockquote p {
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: uppercase
}
blockquote p:after, blockquote p:before {
  font-family: FontAwesome;
  font-size: .6em;
  vertical-align: bottom
}
blockquote p:before {
  content: "\F10D";
  padding-right: 5px
}
blockquote p:after {
  content: "\F10E";
  padding-left: 5px
}
blockquote footer cite {
  font-size: .8em;
  display: block
}
.deck.events .card.caption:after {
  content: attr(data-caption);
  background: #00befe;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  color: #fff;
  border: 1px solid #00befe;
  font-family: Trade Gothic LT W01 Bold No-_2;
  display: block;
  padding: 12px 20px 12px 10px;
  border-radius: 0 0 10px 0;
  font-size: 14px
}
.card.caption.calendar:after, .card.caption.globe:after {
  padding-left: 30px !important
}
.card.caption.calendar:before, .card.caption.globe:before {
  position: absolute;
  display: block;
  padding: 13px 9px;
  left: 0;
  top: 0;
  border-radius: 0 0 10px 0;
  font-family: FontAwesome;
  z-index: 99;
  border: 0;
  background: transparent;
  font-size: 14px;
  color: rgba(0, 0, 0, .7)
}
.card.caption.globe:before {
  content: "\F0AC"
}
.card.caption.calendar:before {
  content: "\F274"
}
.card.series-card.caption:after {
  position: absolute;
  display: block;
  padding: 12px 20px 12px 10px;
  left: 0;
  top: 0;
  border-radius: 0 0 10px 0;
  content: attr(data-caption);
  background: #00befe;
  font-size: 14px;
  color: #fff;
  border: 1px solid #00befe;
  font-family: Trade Gothic LT W01 Bold No-_2
}
.card.series-card.caption.calendar:after, .card.series-card.caption.globe:after {
  padding-left: 30px
}
.card.series-card.caption.calendar:before, .card.series-card.caption.globe:before {
  position: absolute;
  display: block;
  padding: 13px 9px;
  left: 0;
  top: 0;
  border-radius: 0 0 10px 0;
  font-family: FontAwesome;
  z-index: 99;
  border: 0;
  background: transparent;
  font-size: 14px;
  color: rgba(0, 0, 0, .7)
}
.card.series-card.caption.globe:before {
  content: "\F0AC"
}
.card.series-card.caption.calendar:before {
  content: "\F274"
}
.product-block.caption:before {
  font-family: FontAwesome;
  content: "\F0AC";
  position: absolute;
  left: 4px;
  padding-left: 2px;
  top: 8px;
  z-index: 9;
  font-size: 14px;
  color: rgba(0, 0, 0, .8)
}
.product-block.caption:after {
  content: attr(data-caption);
  position: absolute;
  background: #00befe;
  top: 0;
  left: 0;
  padding: 9px 13px 9px 22px;
  font-size: 13px;
  border-radius: 0 0 10px 0;
  color: #fff
}
.available-caption {
  position: relative
}
.available-caption:before {
  content: "Only Available";
  display: inline-block;
  background: #00befe;
  width: 80px;
  height: 60px;
  border-radius: 100%;
  font-size: 12px;
  color: #000
}
.available-caption:after, .available-caption:before {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 27px 10px 10px;
  z-index: 9
}
.available-caption:after {
  content: "in Asia";
  text-align: center;
  width: 100px;
  font-size: 23px;
  margin-left: -10px;
  color: #fff;
  transform: translateY(25%)
}
.available-caption.china:after {
  content: "in China" !important
}
.overlay-wrapper:hover .secondaryImage {
  opacity: 1
}
.secondaryImage-wrapper {
  position: relative;
  margin-bottom: -1px;
  overflow: hidden
}
.secondaryImage-wrapper .secondaryImage {
  padding: 0;
  position: absolute;
  top: 0;
  opacity: 0
}
.card.caption:after {
  position: absolute;
  display: block;
  padding: 12px 20px 12px 10px;
  left: 0;
  top: 0;
  border-radius: 0 0 10px 0;
  content: attr(data-caption);
  background: #00befe;
  font-size: 14px;
  color: #fff;
  border: 1px solid #00befe;
  font-family: Trade Gothic LT W01 Bold No-_2
}
.deck.accessories .card.caption:after {
  padding: 6px 9px !important;
  background: #111 !important;
  font-size: 13px !important;
  border: 1px solid #000 !important
}