@charset "UTF-8";
/*
 * SMACSS SCSS
 * Inspired by SMACSS http://smacss.com
 * Author: 530medialab
 *
 *
 */
/* Base -Bourbon, Neat, Bitters */
html {
  box-sizing: border-box;
}

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

button, input[type="button"], input[type="reset"], input[type="submit"],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #ed1c24;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
button:hover,
button:focus {
  background-color: #af0e14;
  color: #fff;
}
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
}

label {
  font-weight: 600;
  margin-bottom: 0.375em;
}
label.required::after {
  content: " *";
}
label abbr {
  display: none;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple=multiple],
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%;
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
select[multiple=multiple]:hover,
textarea:hover {
  border-color: #c4c4c4;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
select[multiple=multiple]:focus,
textarea:focus {
  border-color: #ed1c24;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  background-color: transparent;
  border: .15em solid #676766;
  box-shadow: inset 0 0 0 0 #fff;
  border-radius: 50%;
  cursor: pointer;
  font: inherit;
  height: 1em;
  width: 1em;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline;
  margin-right: 0.375em;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: #000;
  box-shadow: inset 0 0 0 .1975em #fff;
}

input[type="checkbox"].bv-checkbox {
  -webkit-appearance: checkbox;
}

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

.search-form {
  position: relative;
  background: #fff;
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  transition: all .2s ease-in-out;
}
.search-form.search-form-is--active {
  max-height: 50px;
}
.search-form input[type=search] {
  text-transform: uppercase;
  width: 80%;
  padding: 0 20% 0 0;
  border: 0;
  background: #fff;
  color: #000;
  font-size: 15px;
  padding-top: 17px;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.search-form .search-form__submit {
  position: absolute;
  top: 0;
  height: 100%;
  right: 40px;
  width: 45px;
}
.search-form .search-form__submit input {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  background: 0 0;
  z-index: 5;
  padding: 10.5px 0;
}
.search-form .search-form__exit {
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  width: 30px;
  right: 15px;
}

.form__select--wrap {
  position: relative;
  display: inline-block;
  background-color: #676766;
  overflow: hidden;
  margin: 3px 0;
  margin: .3rem 0;
}
.form__select--wrap:after {
  content: "";
  position: absolute;
  background: url(../images/diablo_ico_arrow.svg) center center no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  top: 12px;
  right: 10px;
}
@media screen and (min-width: 48.0625em) {
  .form__select--wrap:after {
    top: 10px;
  }
}
.form__select--wrap select {
  z-index: 99;
}
@media screen and (min-width: 48.0625em) {
  .form__select--wrap select {
    min-width: 320px;
  }
}
.form__select--wrap .required {
  background-color: #fff;
  margin-bottom: 0;
}

.request-support--form .required, .warranty-return-information .required, .become-dealer--form .required, .cmr-support--form .required, .pcm-mail-in .required, .pcm-cross-ship .required {
  color: #ed1c24;
}
.request-support--form .vehicle, .warranty-return-information .vehicle, .become-dealer--form .vehicle, .cmr-support--form .vehicle, .pcm-mail-in .vehicle, .pcm-cross-ship .vehicle {
  float: left;
  width: 100%;
}
.request-support--form .vehicle .wpcf7-not-valid-tip, .request-support--form .vehicle .required, .warranty-return-information .vehicle .wpcf7-not-valid-tip, .warranty-return-information .vehicle .required, .become-dealer--form .vehicle .wpcf7-not-valid-tip, .become-dealer--form .vehicle .required, .cmr-support--form .vehicle .wpcf7-not-valid-tip, .cmr-support--form .vehicle .required, .pcm-mail-in .vehicle .wpcf7-not-valid-tip, .pcm-mail-in .vehicle .required, .pcm-cross-ship .vehicle .wpcf7-not-valid-tip, .pcm-cross-ship .vehicle .required {
  width: 100%;
  float: none;
  margin: none;
}
.request-support--form .vehicle span, .warranty-return-information .vehicle span, .become-dealer--form .vehicle span, .cmr-support--form .vehicle span, .pcm-mail-in .vehicle span, .pcm-cross-ship .vehicle span {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .request-support--form .vehicle span, .warranty-return-information .vehicle span, .become-dealer--form .vehicle span, .cmr-support--form .vehicle span, .pcm-mail-in .vehicle span, .pcm-cross-ship .vehicle span {
    width: 30%;
    float: left;
    margin-right: 2%;
  }
}
.request-support--form .vehicle span.wpcf7-not-valid-tip, .request-support--form .vehicle span .required, .warranty-return-information .vehicle span.wpcf7-not-valid-tip, .warranty-return-information .vehicle span .required, .become-dealer--form .vehicle span.wpcf7-not-valid-tip, .become-dealer--form .vehicle span .required, .cmr-support--form .vehicle span.wpcf7-not-valid-tip, .cmr-support--form .vehicle span .required, .pcm-mail-in .vehicle span.wpcf7-not-valid-tip, .pcm-mail-in .vehicle span .required, .pcm-cross-ship .vehicle span.wpcf7-not-valid-tip, .pcm-cross-ship .vehicle span .required {
  width: 100;
}

.request-support--form .part-number {
  clear: both;
}
.request-support--form .ajax-loader {
  width: auto;
}

div.wpcf7-validation-errors {
  border-color: #ed1c24;
}

.mepr-form #rememberme {
  float: left;
  margin-top: 3px;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
dl {
  margin-bottom: 0.75em;
}
dl dt {
  font-weight: bold;
  margin-top: 0.75em;
}
dl dd {
  margin: 0;
}

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  -moz-font-feature-settings: "kern", "liga", "pnum";
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  top: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em;
  font-weight: 400;
  color: #000;
}

p {
  margin: 0 0 0.75em;
}

a {
  color: #ed1c24;
  text-decoration: none;
}
a:active, a:focus, a:hover {
  color: #af0e14;
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
}

:focus {
  outline: none;
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto;
}

.text--center {
  text-align: center;
}

.col1-layout .l-container, .col2-left-layout .l-container {
  padding: 35px;
}

/* ==========================================================================
   Mixins
   ========================================================================== */
.l-float--none {
  float: none;
}

.l-float--left {
  float: left;
}

.l-float--right {
  float: right;
}

.text--left {
  text-align: left;
}

.text--center {
  text-align: center;
}

.text--right {
  text-align: right;
}

.modal {
  display: inline-block;
}
.modal label {
  cursor: pointer;
  margin-bottom: 0;
}
.modal label img {
  border-radius: 150px;
  display: block;
  max-width: 300px;
}
.modal .modal-state {
  display: none;
}
.modal .modal-trigger {
  padding: 0.8em 1em;
}
.modal .modal-fade-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  padding-top: 0.6em;
  text-align: left;
  transition: opacity 0.25s ease;
  visibility: hidden;
  z-index: 99999999999;
}
@media screen and (min-width: 53.75em) {
  .modal .modal-fade-screen {
    padding-top: 10em;
  }
}
.modal .modal-fade-screen .modal-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.modal .modal-close {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  height: 1.5em;
  width: 1.5em;
  background: #fff;
  cursor: pointer;
}
.modal .modal-close::after, .modal .modal-close::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 0;
  left: 50%;
  height: 0.15em;
  width: 1.5em;
  background: #ddd;
  content: "";
  display: block;
  margin: -3px 0 0 -1px;
  transform: rotate(45deg);
}
.modal .modal-close:hover::after, .modal .modal-close:hover::before {
  background: #c4c4c4;
}
.modal .modal-close::before {
  transform: rotate(-45deg);
}
.modal .modal-inner {
  background: #fff;
  border-radius: 3px;
  margin: auto;
  margin-top: 0;
  max-height: 95%;
  overflow: auto;
  padding: 1.5em;
  position: relative;
  transition: opacity 0.25s ease;
  width: 95%;
}
@media screen and (min-width: 40em) {
  .modal .modal-inner {
    max-height: 70%;
    padding: 3em;
    width: 60%;
  }
}
@media screen and (min-width: 53.75em) {
  .modal .modal-inner {
    width: 50%;
  }
}
.modal .modal-fade-screen.active {
  opacity: 1;
  visibility: visible;
}
.modal .modal-fade-screen.active .modal-inner {
  top: 0.5em;
}

.img-responsive {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.full-width {
  width: 100% !important;
  float: none !important;
}

.no-pad {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.clear-both {
  clear: both;
}

.l-text--right {
  text-align: right;
}

.l-text--left {
  text-align: left;
}

.text-center {
  text-align: center;
}

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

.is-hidden {
  display: none !important;
}

.is-hidden--mobile {
  display: none !important;
}

@media only screen and (min-width: 870px) {
  .is-hidden--mobile {
    display: block !important;
  }
}
.is-hidden--desktop {
  display: block !important;
}

@media only screen and (min-width: 870px) {
  .is-hidden--desktop {
    display: none !important;
  }
}
.is-full--mobile {
  width: 100% !important;
}

@media only screen and (min-width: 870px) {
  .is-full--mobile {
    width: auto !important;
  }
}
.color-transition, a, .header .header--social .fa, .header .header--nav .header--nav__account .fa, footer .footer__block--bottom .fa, .search-form .search-form__submit .fa, .search-form .search-form__exit .fa, .configurator .configurator__inner #js-configurator-submit, .configurator .configurator__inner #js-configurator-edit {
  transition: all .3s ease-in-out;
}

.background-gradient, .col1-layout, .col2-left-layout, body.page .page__content, body.page .wrapper-main, body.search .page--search {
  min-height: 500px;
  /*	background-color: #fff;
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(transparent));
  	background-image: -webkit-linear-gradient(top, #f1f1f1, transparent);
  	background-image: -moz-linear-gradient(top, #f1f1f1, transparent);
  	background-image: -o-linear-gradient(top, #f1f1f1, transparent);
  	background-image: linear-gradient(to bottom, #f1f1f1, transparent);
  	background-repeat:no-repeat;
  	background-size:100% 300px;*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+100&1+0,0+100 */
  background: -moz-linear-gradient(top, #f1f1f1 0%, rgba(255, 255, 255, 0) 300px);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, rgba(255, 255, 255, 0) 300px);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1f1f1 0%, rgba(255, 255, 255, 0) 300px);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
}

.video-aspect {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}
.video-aspect iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.site-padding {
  padding: 0 35px;
}

.page--content, .cmr-support--page .entry-content, .i2--page .entry-content, .licenses--page .entry-content, .product-registration--page .entry-content, .wifi-registration--page .entry-content, .highlight--page .entry-content, .pagetabs .tab--content {
  color: #000;
}
.page--content h1, .cmr-support--page .entry-content h1, .i2--page .entry-content h1, .licenses--page .entry-content h1, .product-registration--page .entry-content h1, .wifi-registration--page .entry-content h1, .highlight--page .entry-content h1, .pagetabs .tab--content h1 {
  font-size: 2em;
}
.page--content h2, .cmr-support--page .entry-content h2, .i2--page .entry-content h2, .licenses--page .entry-content h2, .product-registration--page .entry-content h2, .wifi-registration--page .entry-content h2, .highlight--page .entry-content h2, .pagetabs .tab--content h2 {
  font-size: 1.5em;
}
.page--content h3, .cmr-support--page .entry-content h3, .i2--page .entry-content h3, .licenses--page .entry-content h3, .product-registration--page .entry-content h3, .wifi-registration--page .entry-content h3, .highlight--page .entry-content h3, .pagetabs .tab--content h3 {
  font-size: 1.17em;
}
.page--content img, .cmr-support--page .entry-content img, .i2--page .entry-content img, .licenses--page .entry-content img, .product-registration--page .entry-content img, .wifi-registration--page .entry-content img, .highlight--page .entry-content img, .pagetabs .tab--content img {
  width: auto;
  margin: 15px 0;
}
.page--content .alignright, .cmr-support--page .entry-content .alignright, .i2--page .entry-content .alignright, .licenses--page .entry-content .alignright, .product-registration--page .entry-content .alignright, .wifi-registration--page .entry-content .alignright, .highlight--page .entry-content .alignright, .pagetabs .tab--content .alignright {
  float: right;
  margin-left: 15px;
}
.page--content .alignleft, .cmr-support--page .entry-content .alignleft, .i2--page .entry-content .alignleft, .licenses--page .entry-content .alignleft, .product-registration--page .entry-content .alignleft, .wifi-registration--page .entry-content .alignleft, .highlight--page .entry-content .alignleft, .pagetabs .tab--content .alignleft {
  float: left;
  margin-right: 15px;
}
.page--content ul, .cmr-support--page .entry-content ul, .i2--page .entry-content ul, .licenses--page .entry-content ul, .product-registration--page .entry-content ul, .wifi-registration--page .entry-content ul, .highlight--page .entry-content ul, .pagetabs .tab--content ul {
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}
.page--content ol, .cmr-support--page .entry-content ol, .i2--page .entry-content ol, .licenses--page .entry-content ol, .product-registration--page .entry-content ol, .wifi-registration--page .entry-content ol, .highlight--page .entry-content ol, .pagetabs .tab--content ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

.remove--br br {
  display: none;
}

/* Layout */
/* ==========================================================================
   Grid
   ========================================================================== */
.l-col-1--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 6.1721523119%;
  position: relative;
  min-height: 1px;
}
.l-col-1--xs:last-child {
  margin-right: 0;
}

.l-col-2--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 14.7019566472%;
  position: relative;
  min-height: 1px;
}
.l-col-2--xs:last-child {
  margin-right: 0;
}

.l-col-3--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 23.2317609825%;
  position: relative;
  min-height: 1px;
}
.l-col-3--xs:last-child {
  margin-right: 0;
}

.l-col-4--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 31.7615653177%;
  position: relative;
  min-height: 1px;
}
.l-col-4--xs:last-child {
  margin-right: 0;
}

.l-col-5--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 40.291369653%;
  position: relative;
  min-height: 1px;
}
.l-col-5--xs:last-child {
  margin-right: 0;
}

.l-col-6--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 48.8211739883%;
  position: relative;
  min-height: 1px;
}
.l-col-6--xs:last-child {
  margin-right: 0;
}

.l-col-7--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 57.3509783236%;
  position: relative;
  min-height: 1px;
}
.l-col-7--xs:last-child {
  margin-right: 0;
}

.l-col-8--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  position: relative;
  min-height: 1px;
}
.l-col-8--xs:last-child {
  margin-right: 0;
}

.l-col-9--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 74.4105869942%;
  position: relative;
  min-height: 1px;
}
.l-col-9--xs:last-child {
  margin-right: 0;
}

.l-col-10--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 82.9403913294%;
  position: relative;
  min-height: 1px;
}
.l-col-10--xs:last-child {
  margin-right: 0;
}

.l-col-11--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 91.4701956647%;
  position: relative;
  min-height: 1px;
}
.l-col-11--xs:last-child {
  margin-right: 0;
}

.l-col-12--xs {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 100%;
  position: relative;
  min-height: 1px;
}
.l-col-12--xs:last-child {
  margin-right: 0;
}

@media screen and (min-width: 48.0625em) {
  .l-col-1--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 6.1721523119%;
    position: relative;
    min-height: 1px;
  }
  .l-col-1--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-1--sm {
    left: 8.5298043353%;
  }

  .l-col-pull-1--sm {
    right: 8.5298043353%;
  }

  .l-col-2--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 14.7019566472%;
    position: relative;
    min-height: 1px;
  }
  .l-col-2--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-2--sm {
    left: 17.0596086706%;
  }

  .l-col-pull-2--sm {
    right: 17.0596086706%;
  }

  .l-col-3--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 23.2317609825%;
    position: relative;
    min-height: 1px;
  }
  .l-col-3--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-3--sm {
    left: 25.5894130058%;
  }

  .l-col-pull-3--sm {
    right: 25.5894130058%;
  }

  .l-col-4--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 31.7615653177%;
    position: relative;
    min-height: 1px;
  }
  .l-col-4--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-4--sm {
    left: 34.1192173411%;
  }

  .l-col-pull-4--sm {
    right: 34.1192173411%;
  }

  .l-col-5--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 40.291369653%;
    position: relative;
    min-height: 1px;
  }
  .l-col-5--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-5--sm {
    left: 42.6490216764%;
  }

  .l-col-pull-5--sm {
    right: 42.6490216764%;
  }

  .l-col-6--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    position: relative;
    min-height: 1px;
  }
  .l-col-6--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-6--sm {
    left: 51.1788260117%;
  }

  .l-col-pull-6--sm {
    right: 51.1788260117%;
  }

  .l-col-7--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 57.3509783236%;
    position: relative;
    min-height: 1px;
  }
  .l-col-7--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-7--sm {
    left: 59.708630347%;
  }

  .l-col-pull-7--sm {
    right: 59.708630347%;
  }

  .l-col-8--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 65.8807826589%;
    position: relative;
    min-height: 1px;
  }
  .l-col-8--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-8--sm {
    left: 68.2384346823%;
  }

  .l-col-pull-8--sm {
    right: 68.2384346823%;
  }

  .l-col-9--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 74.4105869942%;
    position: relative;
    min-height: 1px;
  }
  .l-col-9--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-9--sm {
    left: 76.7682390175%;
  }

  .l-col-pull-9--sm {
    right: 76.7682390175%;
  }

  .l-col-10--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 82.9403913294%;
    position: relative;
    min-height: 1px;
  }
  .l-col-10--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-10--sm {
    left: 85.2980433528%;
  }

  .l-col-pull-10--sm {
    right: 85.2980433528%;
  }

  .l-col-11--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 91.4701956647%;
    position: relative;
    min-height: 1px;
  }
  .l-col-11--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-11--sm {
    left: 93.8278476881%;
  }

  .l-col-pull-11--sm {
    right: 93.8278476881%;
  }

  .l-col-12--sm {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    position: relative;
    min-height: 1px;
  }
  .l-col-12--sm:last-child {
    margin-right: 0;
  }

  .l-col-push-12--sm {
    left: 102.3576520234%;
  }

  .l-col-pull-12--sm {
    right: 102.3576520234%;
  }

  .l-float--left--sm {
    float: left;
  }

  .l-float--right--sm {
    float: right;
  }

  .text--left--sm {
    text-align: left;
  }

  .text--center--sm {
    text-align: center;
  }

  .text--right--sm {
    text-align: right;
  }
}
@media screen and (min-width: 62em) {
  .l-col-1--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 6.1721523119%;
    position: relative;
    min-height: 1px;
  }
  .l-col-1--md:last-child {
    margin-right: 0;
  }

  .l-col-push-1--md {
    left: 8.5298043353%;
  }

  .l-col-pull-1--md {
    right: 8.5298043353%;
  }

  .l-col-2--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 14.7019566472%;
    position: relative;
    min-height: 1px;
  }
  .l-col-2--md:last-child {
    margin-right: 0;
  }

  .l-col-push-2--md {
    left: 17.0596086706%;
  }

  .l-col-pull-2--md {
    right: 17.0596086706%;
  }

  .l-col-3--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 23.2317609825%;
    position: relative;
    min-height: 1px;
  }
  .l-col-3--md:last-child {
    margin-right: 0;
  }

  .l-col-push-3--md {
    left: 25.5894130058%;
  }

  .l-col-pull-3--md {
    right: 25.5894130058%;
  }

  .l-col-4--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 31.7615653177%;
    position: relative;
    min-height: 1px;
  }
  .l-col-4--md:last-child {
    margin-right: 0;
  }

  .l-col-push-4--md {
    left: 34.1192173411%;
  }

  .l-col-pull-4--md {
    right: 34.1192173411%;
  }

  .l-col-5--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 40.291369653%;
    position: relative;
    min-height: 1px;
  }
  .l-col-5--md:last-child {
    margin-right: 0;
  }

  .l-col-push-5--md {
    left: 42.6490216764%;
  }

  .l-col-pull-5--md {
    right: 42.6490216764%;
  }

  .l-col-6--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    position: relative;
    min-height: 1px;
  }
  .l-col-6--md:last-child {
    margin-right: 0;
  }

  .l-col-push-6--md {
    left: 51.1788260117%;
  }

  .l-col-pull-6--md {
    right: 51.1788260117%;
  }

  .l-col-7--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 57.3509783236%;
    position: relative;
    min-height: 1px;
  }
  .l-col-7--md:last-child {
    margin-right: 0;
  }

  .l-col-push-7--md {
    left: 59.708630347%;
  }

  .l-col-pull-7--md {
    right: 59.708630347%;
  }

  .l-col-8--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 65.8807826589%;
    position: relative;
    min-height: 1px;
  }
  .l-col-8--md:last-child {
    margin-right: 0;
  }

  .l-col-push-8--md {
    left: 68.2384346823%;
  }

  .l-col-pull-8--md {
    right: 68.2384346823%;
  }

  .l-col-9--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 74.4105869942%;
    position: relative;
    min-height: 1px;
  }
  .l-col-9--md:last-child {
    margin-right: 0;
  }

  .l-col-push-9--md {
    left: 76.7682390175%;
  }

  .l-col-pull-9--md {
    right: 76.7682390175%;
  }

  .l-col-10--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 82.9403913294%;
    position: relative;
    min-height: 1px;
  }
  .l-col-10--md:last-child {
    margin-right: 0;
  }

  .l-col-push-10--md {
    left: 85.2980433528%;
  }

  .l-col-pull-10--md {
    right: 85.2980433528%;
  }

  .l-col-11--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 91.4701956647%;
    position: relative;
    min-height: 1px;
  }
  .l-col-11--md:last-child {
    margin-right: 0;
  }

  .l-col-push-11--md {
    left: 93.8278476881%;
  }

  .l-col-pull-11--md {
    right: 93.8278476881%;
  }

  .l-col-12--md {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    position: relative;
    min-height: 1px;
  }
  .l-col-12--md:last-child {
    margin-right: 0;
  }

  .l-col-push-12--md {
    left: 102.3576520234%;
  }

  .l-col-pull-12--md {
    right: 102.3576520234%;
  }

  .l-float--left--md {
    float: left;
  }

  .l-float--right--md {
    float: right;
  }

  .text--left--md {
    text-align: left;
  }

  .text--center--md {
    text-align: center;
  }

  .text--right--md {
    text-align: right;
  }
}
@media screen and (min-width: 75em) {
  .l-col-1--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 6.1721523119%;
    position: relative;
    min-height: 1px;
  }
  .l-col-1--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-1--lg {
    left: 8.5298043353%;
  }

  .l-col-pull-1--lg {
    right: 8.5298043353%;
  }

  .l-col-2--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 14.7019566472%;
    position: relative;
    min-height: 1px;
  }
  .l-col-2--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-2--lg {
    left: 17.0596086706%;
  }

  .l-col-pull-2--lg {
    right: 17.0596086706%;
  }

  .l-col-3--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 23.2317609825%;
    position: relative;
    min-height: 1px;
  }
  .l-col-3--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-3--lg {
    left: 25.5894130058%;
  }

  .l-col-pull-3--lg {
    right: 25.5894130058%;
  }

  .l-col-4--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 31.7615653177%;
    position: relative;
    min-height: 1px;
  }
  .l-col-4--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-4--lg {
    left: 34.1192173411%;
  }

  .l-col-pull-4--lg {
    right: 34.1192173411%;
  }

  .l-col-5--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 40.291369653%;
    position: relative;
    min-height: 1px;
  }
  .l-col-5--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-5--lg {
    left: 42.6490216764%;
  }

  .l-col-pull-5--lg {
    right: 42.6490216764%;
  }

  .l-col-6--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    position: relative;
    min-height: 1px;
  }
  .l-col-6--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-6--lg {
    left: 51.1788260117%;
  }

  .l-col-pull-6--lg {
    right: 51.1788260117%;
  }

  .l-col-7--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 57.3509783236%;
    position: relative;
    min-height: 1px;
  }
  .l-col-7--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-7--lg {
    left: 59.708630347%;
  }

  .l-col-pull-7--lg {
    right: 59.708630347%;
  }

  .l-col-8--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 65.8807826589%;
    position: relative;
    min-height: 1px;
  }
  .l-col-8--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-8--lg {
    left: 68.2384346823%;
  }

  .l-col-pull-8--lg {
    right: 68.2384346823%;
  }

  .l-col-9--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 74.4105869942%;
    position: relative;
    min-height: 1px;
  }
  .l-col-9--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-9--lg {
    left: 76.7682390175%;
  }

  .l-col-pull-9--lg {
    right: 76.7682390175%;
  }

  .l-col-10--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 82.9403913294%;
    position: relative;
    min-height: 1px;
  }
  .l-col-10--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-10--lg {
    left: 85.2980433528%;
  }

  .l-col-pull-10--lg {
    right: 85.2980433528%;
  }

  .l-col-11--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 91.4701956647%;
    position: relative;
    min-height: 1px;
  }
  .l-col-11--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-11--lg {
    left: 93.8278476881%;
  }

  .l-col-pull-11--lg {
    right: 93.8278476881%;
  }

  .l-col-12--lg {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    position: relative;
    min-height: 1px;
  }
  .l-col-12--lg:last-child {
    margin-right: 0;
  }

  .l-col-push-12--lg {
    left: 102.3576520234%;
  }

  .l-col-pull-12--lg {
    right: 102.3576520234%;
  }

  .l-float--left--lg {
    float: left;
  }

  .l-float--right--lg {
    float: right;
  }

  .text--left--lg {
    text-align: left;
  }

  .text--center--lg {
    text-align: center;
  }

  .text--right--lg {
    text-align: right;
  }
}
.l-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.l-container::after {
  clear: both;
  content: "";
  display: block;
}

.l-container--large {
  padding-right: 45px;
  padding-left: 45px;
  margin-right: auto;
  margin-left: auto;
}

.l-row {
  display: block;
  margin-bottom: 1.618em;
}
.l-row::after {
  clear: both;
  content: "";
  display: block;
}

.l-fill-parent {
  width: 100%;
}

.l-omega {
  margin-right: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */
.header .header--banner {
  background-color: #000;
  min-height: 40px;
  padding: 9px;
  color: #ed1c24;
  text-align: center;
  display: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
}
.header .header--banner.active {
  display: block;
}
.header .header--banner a {
  color: #ed1c24;
  text-decoration: none;
}
@media screen and (min-width: 48.0625em) {
  .header .header--banner {
    font-size: 16px;
    padding: 8px 10px;
  }
}
.header .header--container {
  background-color: #f1f1f1;
  top: 0;
  height: 120px;
  z-index: 9998;
  width: 100%;
}
@media screen and (min-width: 48.0625em) {
  .header .header--logo {
    float: left;
  }
}
.header .header--newsletter {
  margin: 20px 35px 0 0;
  text-transform: uppercase;
}
.header .header--newsletter .newsletter--title {
  font-size: 20px;
  margin-bottom: 5px;
  text-align: left;
}
.header .header--newsletter p {
  margin: 0;
  display: inline;
}
.header .header--newsletter input[type=email] {
  width: 200px;
  float: left;
  margin-right: 10px;
  height: 39px;
  border: none;
  text-transform: uppercase;
}
.header .header--social {
  margin: 15px 10px 0;
  text-align: right;
}
@media only screen and (max-width: 1005px) {
  .header .header--social {
    display: none;
  }
}
.header .header--social .modal span {
  display: inline-block;
  top: 6px;
  color: #000;
}
@media only screen and (max-width: 1130px) {
  .header .header--social .modal span {
    display: none;
  }
}
.header .header--number {
  margin: 5px 15px 0 0;
  text-transform: uppercase;
  text-align: right;
  font-weight: 600;
}
@media only screen and (max-width: 1005px) {
  .header .header--number {
    display: none;
  }
}
.header .header--number span {
  color: #ed1c24;
}
.header .header--pdf {
  margin: 0px 15px 0 0;
  text-align: right;
  font-weight: 900;
  font-size: 24px;
}
@media only screen and (max-width: 1005px) {
  .header .header--pdf {
    display: none;
  }
}
@media screen and (min-width: 62em) {
  .header .header--nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  .header .header--nav.fixed .header--fixed__logo {
    display: inline-block;
    line-height: 0;
    margin-right: 20px;
    margin-top: 8px;
  }
  .header .header--nav.fixed .header--fixed__logo img {
    height: 20px;
    transition: all 0.5s ease-in-out;
  }
}
@media only screen and (min-width: 62em) and (min-width: 1060px) {
  .header .header--nav.fixed .header--fixed__logo {
    margin-top: 14px;
  }
}
@media screen and (min-width: 62em) {
  .header .header--nav.fixed .header--nav__main .nav--main__item {
    padding-right: 10px;
    margin: 0 5px;
  }
  .header .header--nav.fixed .header--nav__account {
    margin: 10px 0;
  }
  .header .header--nav.fixed .header--nav__account .fa {
    font-size: 15px;
  }
}
@media screen and (min-width: 62em) {
  .header .header--nav.fixed .header--nav__main .nav--main__item .nav--sub {
    top: 50px;
    margin-top: 0px;
  }
}
.header .header--nav {
  background-color: #343434;
  min-height: 50px;
}
.header .header--nav .l-container {
  padding: 0 10px;
}
@media screen and (min-width: 48.0625em) {
  .header .header--nav .l-container {
    padding: 0 35px;
  }
}
.header .header--nav .header--fixed__logo img {
  height: 0;
}
.header .header--nav .nav-toggle[role="button"] {
  display: inline-block;
  position: absolute;
  left: 0;
  padding: 0;
  margin-left: 3%;
  background: none;
  margin-top: 12px;
}
.header .header--nav .nav-toggle[role="button"]:hover {
  background: none;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .nav-toggle[role="button"] {
    display: none;
  }
}
.header .header--nav .nav-toggle[role="button"] .line {
  position: absolute;
  left: 0;
  display: block;
  background: #fff;
  border-radius: 2.5px;
  transition: all 0.4s;
  width: 40px;
  height: 5px;
}
.header .header--nav .nav-toggle[role="button"] .line.line-1 {
  top: 0;
}
.header .header--nav .nav-toggle[role="button"] .line.line-2 {
  top: 50%;
}
.header .header--nav .nav-toggle[role="button"] .line.line-3 {
  top: 100%;
}
.header .header--nav .nav-toggle[role="button"].active .line-1 {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
  -ms-transform: translateY(10px) translateX(0) rotate(45deg);
  transform: translateY(10px) translateX(0) rotate(45deg);
}
.header .header--nav .nav-toggle[role="button"].active .line-2 {
  opacity: 0;
}
.header .header--nav .nav-toggle[role="button"].active .line-3 {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
  transform: translateY(-10px) translateX(0) rotate(-45deg);
}
.header .header--nav .nav-toggle[role="button"] .nav-toggle__inner {
  position: relative;
  height: 20px;
  width: 40px;
}
.header .header--nav .header--nav__main {
  width: 100%;
  font-size: 14px;
  padding-top: 50px;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main {
    width: inherit;
    font-size: 1em;
    margin: 18px 0;
    padding-top: 0;
  }
}
.header .header--nav .header--nav__main .nav--main__inner {
  display: none;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__inner {
    display: block;
    height: auto;
  }
}
.header .header--nav .header--nav__main .nav--main__item {
  padding: 15px 10px;
  border-top: 1px solid #ddd;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item {
    float: left;
    border-top: none;
    border-right: 0.15em solid #ed1c24;
    margin: 0 3px;
    padding: 0 7px 0 0;
  }
  .header .header--nav .header--nav__main .nav--main__item:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item {
    margin: 0 10px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1165px) {
  .header .header--nav .header--nav__main .nav--main__item {
    border: 0;
    margin: 0;
  }
}
.header .header--nav .header--nav__main .nav--main__item a {
  line-height: 0.85;
  display: block;
  text-transform: uppercase;
  color: #fff;
}
.header .header--nav .header--nav__main .nav--main__item a:hover {
  color: #ed1c24;
}
.header .header--nav .header--nav__main .nav--main__item .alert {
  color: #ed1c24;
}
.header .header--nav .header--nav__main .nav--main__item .nav--sub {
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  z-index: 99;
  opacity: 0;
  transition: all .5s ease-in-out;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item .nav--sub {
    margin-top: 19px;
    position: absolute;
    background: #fff;
  }
}
.header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner {
  position: relative;
  width: auto;
  max-width: 1220px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner {
    height: 359px;
    padding: 20px;
  }
}
.header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner ul {
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  -webkit-columns: 2 9em;
  -moz-columns: 2 9em;
  columns: 2 9em;
  -webkit-column-gap: 5em;
  -moz-column-gap: 5em;
  column-gap: 5em;
  -webkit-column-rule: .09em solid #939598;
  -moz-column-rule: .09em solid #939598;
  column-rule: .09em solid #939598;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner ul {
    width: 52%;
    height: 100%;
  }
}
.header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner ul li {
  padding: 5px 0;
}
.header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner ul li a {
  color: #fff;
  line-height: 1;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item .nav--sub .nav--sub__inner ul li a {
    color: #000;
    line-height: 1.3;
  }
}
.header .header--nav .header--nav__main .nav--main__item .nav-sub-is--active {
  opacity: 1;
  min-height: 100px;
  max-height: 100%;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__main .nav--main__item .nav-sub-is--active {
    box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.8);
    max-height: 355px;
  }
}
.header .header--nav .header--nav__account {
  margin: 12px 0;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 1010px) {
  .header .header--nav .header--nav__account {
    margin: 12px 0;
    position: relative;
    right: inherit;
  }
}
.header .header--nav .header--nav__account li {
  float: right;
}
.header .header--nav .header--nav__account .mobile-translator {
  margin-right: 5px;
}
@media only screen and (min-width: 1006px) {
  .header .header--nav .header--nav__account .mobile-translator .modal-state, .header .header--nav .header--nav__account .mobile-translator .modal-trigger {
    display: none;
  }
}
.header .header--nav .nav--account__count {
  position: absolute;
  right: 36px;
  background-color: #939598;
  color: #fff;
  padding-left: 7.5px;
  line-height: 1.3;
  border-radius: 20px;
  top: -20px;
  height: 20px;
  width: 20px;
}

.translation-modal {
  display: inline-block;
}
.translation-modal span {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
  font-size: 16px;
  vertical-align: super;
  top: -6px;
  position: relative;
}
@media only screen and (min-width: 1006px) {
  .translation-modal span {
    display: none;
  }
}
.translation-modal .modal-open {
  overflow: hidden;
}
.translation-modal .modal-trigger {
  background-size: 27px 19px;
  background-position: center;
  background-repeat: no-repeat;
  height: 19px;
  width: 27px;
  position: relative;
  display: inline-block;
  vertical-align: super;
}
@media only screen and (min-width: 1006px) {
  .translation-modal .modal-trigger {
    top: 12px;
  }
}
.translation-modal .modal-trigger.english {
  background-image: url(../images/flags/english.svg);
}
.translation-modal .modal-trigger.spanish {
  background-image: url(../images/flags/spanish.svg);
}

div.skiptranslate {
  display: none;
}

#google-translate-modal {
  width: 95%;
  overflow: visible;
  padding: 4em 3em;
}
#google-translate-modal::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 48.0625em) {
  #google-translate-modal {
    height: 224px;
    width: 530px;
  }
}
#google-translate-modal .language-title {
  text-align: center;
  font-size: 1.5em;
}
#google-translate-modal .language-wrapper {
  width: 100%;
  height: 40px;
  float: left;
  position: relative;
  min-height: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 48.0625em) {
  #google-translate-modal .language-wrapper {
    width: 318px;
    margin-bottom: 0;
  }
}
#google-translate-modal .select-language {
  width: 100%;
  height: 100%;
  border: 1px solid #c7c7c7;
  background: #f5f5f5;
  text-transform: uppercase;
  color: #8d8d8d;
  padding: 8px 17px;
  cursor: pointer;
  float: left;
}
#google-translate-modal form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9;
}
#google-translate-modal form .input-wrapper {
  padding: 0 0 0 17px;
  margin-bottom: 1px;
  border: 1px solid #c7c7c7;
}
#google-translate-modal form .input-wrapper > svg {
  height: 12px;
  width: 12px;
  float: left;
  margin-top: 16px;
}
#google-translate-modal form .input-wrapper input {
  box-sizing: border-box;
  width: 50%;
  height: 40px;
  padding: 0 12px 0;
  border: 0;
  margin: 0;
}
@media screen and (min-width: 48.0625em) {
  #google-translate-modal form .input-wrapper input {
    width: 255px;
  }
}
#google-translate-modal form .search-list {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  padding: 13px 17px;
}
#google-translate-modal form .search-list div {
  overflow-y: scroll;
}
#google-translate-modal form .search-list a {
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}
#google-translate-modal form .search-list a:hover {
  color: #ed1c24;
}
#google-translate-modal .ddb {
  width: 40px;
  height: 100%;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
#google-translate-modal .ddb:after {
  font-family: Fontawesome;
  content: "\f078";
  position: relative;
  top: 10px;
  left: 14px;
}
#google-translate-modal .change.button, #google-translate-modal .header .header--newsletter input.change[type="submit"], .header .header--newsletter #google-translate-modal input.change[type="submit"], #google-translate-modal .cart #shopping-cart-table tfoot button.change, .cart #shopping-cart-table tfoot #google-translate-modal button.change, #google-translate-modal .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button.change, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot #google-translate-modal button.change, #google-translate-modal .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button.change, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot #google-translate-modal button.change, #google-translate-modal .cart #shopping-cart-table tbody .product-cart-actions .change.button--small, .cart #shopping-cart-table tbody .product-cart-actions #google-translate-modal .change.button--small, #google-translate-modal .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .change.button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions #google-translate-modal .change.button--small, #google-translate-modal .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .change.button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions #google-translate-modal .change.button--small {
  width: 100%;
  position: relative;
  float: right;
  height: 40px;
  right: 0;
  top: 0;
  font-weight: 600;
  opacity: 1;
  padding: 0;
  z-index: 0;
}
@media screen and (min-width: 48.0625em) {
  #google-translate-modal .change.button, #google-translate-modal .header .header--newsletter input.change[type="submit"], .header .header--newsletter #google-translate-modal input.change[type="submit"], #google-translate-modal .cart #shopping-cart-table tfoot button.change, .cart #shopping-cart-table tfoot #google-translate-modal button.change, #google-translate-modal .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button.change, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot #google-translate-modal button.change, #google-translate-modal .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button.change, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot #google-translate-modal button.change, #google-translate-modal .cart #shopping-cart-table tbody .product-cart-actions .change.button--small, .cart #shopping-cart-table tbody .product-cart-actions #google-translate-modal .change.button--small, #google-translate-modal .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .change.button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions #google-translate-modal .change.button--small, #google-translate-modal .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .change.button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions #google-translate-modal .change.button--small {
    width: 115px;
  }
}
#google-translate-modal .google-branding {
  font-family: arial;
  font-size: 11px;
  color: #666;
  white-space: nowrap;
  float: left;
  margin-top: 10px;
}
#google-translate-modal .google-branding a {
  font-size: 12px;
  font-weight: 700;
  color: #444;
  text-decoration: none;
  float: right;
}
#google-translate-modal .google-branding img {
  vertical-align: middle;
  display: inline-block;
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
  padding: 20px 10px;
  font-size: 1.0em;
  font-weight: 400;
  text-transform: uppercase;
}
footer.footer {
  background-color: #000;
  clear: both;
  border: none;
}
@media screen and (min-width: 30em) {
  footer {
    padding: 20px 35px;
  }
}
footer .footer__block--top {
  margin-bottom: 15px;
}
@media screen and (min-width: 30em) {
  footer .footer__block--top {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
footer .footer__block--bottom {
  margin-bottom: 15px;
}
@media screen and (min-width: 48.0625em) {
  footer .footer__block--bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
footer .footer__block--bottom .footer__block {
  margin-bottom: 25px;
}
@media screen and (min-width: 48.0625em) {
  footer .footer__block--bottom .footer__block {
    margin-bottom: 0px;
  }
}
footer .footer__block--top {
  padding-bottom: 15px;
}
footer .footer__block--top .footer__info {
  color: #ed1c24;
}
footer .footer__block--top .footer__info:first-child {
  float: left;
  margin-bottom: 25px;
}
@media screen and (min-width: 30em) {
  footer .footer__block--top .footer__info:first-child {
    margin-bottom: 0px;
  }
}
footer .footer__block--top .footer__info span:first-child {
  display: inline-block;
  border-right: .15em solid #DDDDDD;
  margin-right: 10px;
  padding-right: 15px;
  line-height: .9;
}
footer .footer__block--top .footer__info li {
  display: inline-block;
  line-height: .9;
  border-left: .15em solid #DDDDDD;
  margin-left: 10px;
  padding-left: 15px;
}
footer .footer__block--top .footer__info li:first-child {
  border: none;
}
footer .footer__block--top .footer__info a[href$=".pdf"]:after {
  content: '(pdf)';
  display: inline-block;
  vertical-align: top;
  color: #ed1c24;
  font-size: 12px;
  padding: 5px 0 0 10px;
}
footer .footer__block--bottom .footer__header {
  color: #fff;
}
footer .footer__block--bottom .ctct-embed-signup p {
  margin: 0;
  display: inline;
}
footer .footer__block--bottom input[type=email] {
  width: 200px;
  float: left;
  margin-right: 10px;
  height: 39px;
  text-transform: uppercase;
}
footer .footer__block--bottom input[type=text] {
  width: 200px;
  float: left;
  margin-right: 10px;
  height: 39px;
  text-transform: uppercase;
}
footer .footer__block--bottom .btn--zip {
  padding: 9px 10px 8px !important;
}
footer .footer__block--bottom .ui-list li {
  line-height: 1.2em;
}
footer .footer__block--bottom .ui-list a {
  color: #fff;
}
footer .footer__block--bottom .ui-list a:hover {
  color: #ed1c24;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */
/* Modules */
/* ==========================================================================
   Animations
   ========================================================================== */
/* ==========================================================================
   Buttons
   ========================================================================== */
.button, .header .header--newsletter input[type="submit"], footer .footer__block--bottom .button, .downloads--block .downloads__body .downloads__content .downloads__download .button, .cart #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button, .cart #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small, #co-shipping-method-form .buttons-set .button {
  background: #ed1c24;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border: 0;
  vertical-align: top;
  padding: 9px 25px 8px;
  min-height: 39px;
  font-size: 18px;
  line-height: 1;
  transition: all .3s ease-in-out;
  border-radius: 0px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
}
.button:hover, .header .header--newsletter input[type="submit"]:hover, footer .footer__block--bottom .button:hover, .downloads--block .downloads__body .downloads__content .downloads__download .button:hover, .cart #shopping-cart-table tfoot button:hover, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button:hover, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button:hover, .cart #shopping-cart-table tbody .product-cart-actions .button--small:hover, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small:hover, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small:hover, #co-shipping-method-form .buttons-set .button:hover, .button:focus, .header .header--newsletter input[type="submit"]:focus, footer .footer__block--bottom .button:focus, .downloads--block .downloads__body .downloads__content .downloads__download .button:focus, .cart #shopping-cart-table tfoot button:focus, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button:focus, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button:focus, .cart #shopping-cart-table tbody .product-cart-actions .button--small:focus, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small:focus, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small:focus, #co-shipping-method-form .buttons-set .button:focus {
  color: #000;
  background-color: #ed1c24;
}

.sort-by .btn--sort {
  padding-left: 25px;
}

/* ==========================================================================
   Icons
   ========================================================================== */
.header .icon--logo {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 14px;
}
@media screen and (min-width: 30em) {
  .header .icon--logo {
    width: 361px;
  }
}
@media screen and (min-width: 48.0625em) {
  .header .icon--logo {
    margin: 14px 0 0 25px;
    padding: 0;
  }
}
.header .header--social .fa {
  color: #7a7a7a;
  padding: 5px;
}
.header .header--social .fa:hover {
  color: #ed1c24;
}
.header .header--nav .header--nav__account .fa {
  color: #fff;
  padding: 0 10px;
  cursor: pointer;
}
.header .header--nav .header--nav__account .fa:last-child {
  padding-left: 0;
}
.header .header--nav .header--nav__account .fa:hover {
  color: #ed1c24;
}

footer .footer__block--bottom .fa {
  color: #7a7a7a;
  padding: 0 4px;
}
footer .footer__block--bottom .fa:hover {
  color: #ed1c24;
}

.search-form .search-form__submit .fa {
  color: #000;
  position: absolute;
  height: 22px;
  top: 16px;
}
.search-form .search-form__submit:hover .fa {
  color: #ed1c24;
}
.search-form .search-form__exit .fa {
  font-size: 1.7em;
  color: #000;
  position: absolute;
  height: 22px;
  top: 15px;
}
.search-form .search-form__exit:hover .fa {
  color: #999;
}

/* ==========================================================================
   Slick
   ========================================================================== */
#js-main-hero img {
  width: 100%;
}
#js-main-hero .slick-dots {
  position: absolute;
  bottom: -20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
#js-main-hero .slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#js-main-hero .slick-dots li.slick-active button:before {
  opacity: .9;
  color: #fff;
}
#js-main-hero .slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
#js-main-hero .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #ed1c24;
  opacity: .75;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
}

.wrapper--carousel .slick-next, .wrapper--carousel .slick-prev {
  position: absolute;
  display: block;
  height: 25px;
  width: 16px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: 0;
  opacity: 1;
  transition: all .5s ease-in-out;
}
.wrapper--carousel .slick-next:before, .wrapper--carousel .slick-prev:before {
  content: '';
  display: block;
  background: url(../images/diablo_ico_arrow.svg) no-repeat center center;
  line-height: 1;
  height: 25px;
  width: 16px;
  transition: all .5s ease-in-out;
}
.wrapper--carousel .slick-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -20px;
}
.wrapper--carousel .slick-next {
  right: -20px;
}
.wrapper--carousel .carousel--small__item div {
  position: relative;
  margin: 0 3%;
}
.wrapper--carousel .carousel--small__item div .tout__heading {
  top: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  background: #333;
  color: #fff;
  z-index: 999;
  padding: 10px 0;
  text-transform: uppercase;
  border-bottom: 2px solid #ed1c24;
}
.wrapper--carousel .slick-dots {
  position: absolute;
  bottom: -20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.wrapper--carousel .slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.wrapper--carousel .slick-dots li.slick-active button:before {
  opacity: .9;
  color: #fff;
}
.wrapper--carousel .slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.wrapper--carousel .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #ed1c24;
  opacity: .75;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
}

#js-product-img-slider .slick-next, #js-product-img-slider .slick-prev {
  position: absolute;
  display: block;
  height: 25px;
  width: 16px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: 0;
  opacity: 1;
  transition: all .5s ease-in-out;
}
#js-product-img-slider .slick-next:before, #js-product-img-slider .slick-prev:before {
  content: '';
  display: block;
  background: url(../images/diablo_ico_arrow-dark.svg) no-repeat center center;
  line-height: 1;
  height: 25px;
  width: 16px;
  transition: all .5s ease-in-out;
}
#js-product-img-slider .slick-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -20px;
}
#js-product-img-slider .slick-next {
  right: -20px;
}

#js-tabs .slick-next, #js-tabs .slick-prev {
  position: absolute;
  display: block;
  height: 25px;
  width: 16px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: 0;
  opacity: 1;
  transition: all .5s ease-in-out;
  z-index: 9999;
}
#js-tabs .slick-next:before, #js-tabs .slick-prev:before {
  font-family: Fontawesome;
  font-size: 23px;
  color: #000;
  display: block;
  line-height: 1;
  height: 16px;
  width: 15px;
  transition: all .2s ease-in-out;
}
#js-tabs .slick-prev {
  left: 0;
}
#js-tabs .slick-prev:before {
  content: '\f053';
}
#js-tabs .slick-next {
  right: 0;
}
#js-tabs .slick-next:before {
  content: '\f054';
}

/**
 * CSS Modal
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
/**
 * CSS Modal Configuration
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
html {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.has-overlay {
  overflow: hidden;
  height: auto;
}
.has-overlay > body {
  height: 100%;
  overflow: hidden;
}

.modal--fade, .modal--show {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  display: none\9;
}
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  width: auto;
  height: auto;
  opacity: 1;
}
.is-active.modal--fade, .is-active.modal--show {
  display: block\9;
  height: 100% \	;
  width: 100% \	;
}
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
  display: block\9;
}
.modal--fade .modal-inner, .modal--show .modal-inner {
  position: absolute;
  top: 60px;
  left: 50%;
  z-index: 20;
  margin-left: -325px;
  width: 650px;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.modal--fade .modal-inner > img, .modal--show .modal-inner > img,
.modal--fade .modal-inner > video,
.modal--show .modal-inner > video,
.modal--fade .modal-inner > iframe,
.modal--show .modal-inner > iframe {
  width: 100%;
  height: auto;
  min-height: 300px;
}
.modal--fade .modal-inner > img, .modal--show .modal-inner > img {
  width: auto;
  max-width: 100%;
}
.modal--fade .modal-inner iframe, .modal--show .modal-inner iframe {
  display: block;
  width: 100%;
  border: 0;
}
.modal--fade .modal-content, .modal--show .modal-content {
  position: relative;
  max-height: 400px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 0px;
  -webkit-overflow-scrolling: touch;
}
.modal--fade .modal-content > *, .modal--show .modal-content > * {
  max-width: 100%;
}
.modal--fade footer, .modal--show footer {
  border-top: 1px solid white;
  padding: 1.2em 18px;
  background: #f0f0f0;
  text-align: right;
}
.modal--fade .modal-close, .modal--show .modal-close {
  display: block;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
}
.modal--fade .modal-close:focus:after, .modal--show .modal-close:focus:after {
  outline: 1px dotted;
  outline: -webkit-focus-ring-color auto 5px;
}
.modal--fade .modal-close:before, .modal--show .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.modal--fade .modal-close:after, .modal--show .modal-close:after {
  content: '\00d7';
  position: absolute;
  top: 35px;
  right: 50%;
  z-index: 20;
  margin-right: -325px;
}
@media screen and (max-width: 690px) {
  .modal--fade .modal-inner, .modal--show .modal-inner {
    width: auto;
    left: 20px;
    right: 20px;
    margin-left: 0;
  }
  .modal--fade .modal-close:after, .modal--show .modal-close:after {
    margin-right: 0 !important;
    right: 20px;
  }
}
@media screen and (max-width: 30em) {
  .modal--fade, .modal--show {
    -webkit-transform: translate(0, 400px);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: opacity 1ms .25s;
    -moz-transition: opacity 1ms .25s;
    -o-transition: opacity 1ms .25s;
    -ms-transition: opacity 1ms .25s;
    transition: opacity 1ms .25s;
    display: block;
    right: auto;
    bottom: auto;
  }
  .modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
    width: 100%;
    height: 100%;
  }
  .modal--fade:target .modal-close, .modal--show:target .modal-close, .is-active.modal--fade .modal-close, .is-active.modal--show .modal-close {
    display: block;
  }
  .modal--fade .modal-inner, .modal--show .modal-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: auto;
  }
  .modal--fade .modal-content, .modal--show .modal-content {
    max-height: none;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .modal--fade .modal-close, .modal--show .modal-close {
    display: none;
    right: auto;
  }
  .modal--fade .modal-close:before, .modal--show .modal-close:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
  }
  .modal--fade .modal-close:after, .modal--show .modal-close:after {
    top: 5px !important;
    right: 5px;
    left: auto;
    margin-left: 0;
  }
}
@media screen and (max-height: 46em) and (min-width: 30em) {
  .modal--fade .modal-content, .modal--show .modal-content {
    max-height: 340px;
    max-height: 50vh;
  }
}
@media screen and (max-height: 36em) and (min-width: 30em) {
  .modal--fade .modal-content, .modal--show .modal-content {
    max-height: 265px;
    max-height: 40vh;
  }
}
.is-stacked.modal--fade, .is-stacked.modal--show {
  -webkit-transform: translate(0, 0) scale(1, 1);
  -moz-transform: translate(0, 0) scale(1, 1);
  -o-transform: translate(0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  opacity: 1;
}
.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner {
  -webkit-animation: scaleDown .7s ease both;
  -moz-animation: scaleDown .7s ease both;
  animation: scaleDown .7s ease both;
}
.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close {
  opacity: 0;
}
@media screen and (max-width: 30em) {
  .is-stacked.modal--fade, .is-stacked.modal--show {
    -webkit-animation: scaleDown .7s ease both;
    -moz-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both;
  }
  .is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
  .is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close {
    opacity: 1;
  }
}

/**
 * All animations for CSS Modal
 *
 * Available:
 * - %modal--transition-fade (fade)
 * - %modal--transition-zoomIn (zooms in)
 * - %modal--transition-plainScreen (hides background)
 *
 * Usage:
 *
 * .selector {
 * 		@extend %modal--transition-fade;
 * }
 *
 */
@media screen and (min-width: 30em) {
  .modal--fade {
    transition: opacity 0.4s;
  }
}

/**
 * CSS Modal Themes
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
/*
 * Global Theme Styles
 */
.modal--fade, .modal--show {
  color: #222;
  line-height: 1.3;
}
.modal--fade .modal-inner, .modal--show .modal-inner {
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  max-width: 100%;
  -webkit-transition: max-width 0.25s linear, margin-left 0.125s linear;
  transition: max-width 0.25s linear, margin-left 0.125s linear;
}
.modal--fade header, .modal--show header {
  border-bottom: 1px solid #ddd;
  padding: 0 1.2em;
}
.modal--fade header > h2, .modal--show header > h2 {
  margin: 0.5em 0;
}
.modal--fade .modal-content, .modal--show .modal-content {
  border-bottom: 1px solid #ddd;
  padding: 15px 1.2em;
}
.modal--fade footer, .modal--show footer {
  border-top: 1px solid white;
  padding: 1.2em 18px;
  background: #f0f0f0;
  border-radius: 0px;
}
.modal--fade .modal-close, .modal--show .modal-close {
  text-indent: -100px;
}
.modal--fade .modal-close:before, .modal--show .modal-close:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII=");
}
.modal--fade .modal-close:after, .modal--show .modal-close:after {
  content: '\00d7';
  background: #fff;
  border-radius: 0px;
  padding: 2px 8px;
  font-size: 1.2em;
  text-decoration: none;
  text-indent: 0;
}
@media screen and (max-width: 30em) {
  .modal--fade .modal-close:before, .modal--show .modal-close:before {
    background: #27aae2;
    height: 3em;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  }
  .modal--fade .modal-inner, .modal--show .modal-inner {
    padding-top: 3em;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .modal--fade .modal-close, .modal--show .modal-close {
    text-decoration: none;
  }
  .modal--fade .modal-close:after, .modal--show .modal-close:after {
    content: attr(data-close);
    font-size: 1em;
    padding: 0.5em 1em;
  }
}

/*
 * Plain Screen Theme Styles
 */
/**
 * Apply the desired modal behavior to your container selector
 */
/* Utilities */
/* ==========================================================================
   Functions
   ========================================================================== */
/* Theme */
.configurator {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  max-height: 50px;
}
@media screen and (min-width: 48.0625em) {
  .configurator {
    overflow: visible;
  }
}
.configurator.is-config-open {
  max-height: 500px;
  overflow: visible;
}
@media screen and (min-width: 48.0625em) {
  .configurator.is-config-open {
    max-height: 50px;
  }
}
.configurator.is-config-open:after {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.configurator select.hidden {
  display: none;
}
.configurator .configurator__inner {
  text-transform: uppercase;
  padding: 0 10px;
  display: block;
  text-align: center;
}
@media screen and (min-width: 48.0625em) {
  .configurator .configurator__inner {
    padding: 0 35px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
.configurator .configurator__inner .configurator__item {
  color: #000;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}
.configurator .configurator__inner .configurator__item:after {
  content: '';
  position: absolute;
  right: 2.5%;
  display: inline-block;
  background: url(../images/diablo_ico_arrow.svg) center center no-repeat;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  top: 16px;
  height: 21px;
  width: 25px;
}
@media screen and (min-width: 48.0625em) {
  .configurator .configurator__inner .configurator__item:after {
    display: none;
  }
}
.configurator .configurator__inner .configurator__step {
  width: 100%;
  margin: 20px auto;
}
@media screen and (min-width: 48.0625em) {
  .configurator .configurator__inner .configurator__step {
    width: 16%;
    margin: 0;
  }
}
.configurator .configurator__inner .form__select {
  position: relative;
  width: 100%;
  color: #fff;
  vertical-align: bottom;
  cursor: pointer;
  background-color: #ed1c24;
}
@media screen and (min-width: 48.0625em) {
  .configurator .configurator__inner .form__select {
    height: 44px;
    margin: 3px 0;
  }
}
.configurator .configurator__inner .placeholder {
  cursor: default;
  background-color: #acacac;
}
.configurator .configurator__inner .placeholder .form__select--styled:hover, .configurator .configurator__inner .placeholder .form__select--styled.active {
  background-color: #acacac;
}
.configurator .configurator__inner #js-configurator-submit {
  border: none;
  border-radius: 100%;
  background: #ed1c24;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 13px 0;
  height: 45px;
  width: 45px;
  display: block;
  margin: 0 auto 5px;
}
@media screen and (min-width: 48.0625em) {
  .configurator .configurator__inner #js-configurator-submit {
    margin: 2px 0;
    padding: 14px 0;
  }
}
.configurator .configurator__inner #js-configurator-submit:hover {
  color: #000;
}
.configurator .configurator__inner #js-configurator-submit.is-complete {
  background-color: #43b749;
}
.configurator .configurator__inner #js-configurator-edit {
  border: none;
  text-transform: uppercase;
  text-align: center;
  color: #999;
  margin: 15px auto 5px;
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 48.0625em) {
  .configurator .configurator__inner #js-configurator-edit {
    margin: 12px 0;
  }
}
.configurator .configurator__inner #js-configurator-edit:hover {
  color: #000;
}

.form__select--styled {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  padding: 10px 15px;
  transition: all .2s ease-in;
}
@media screen and (min-width: 48.0625em) {
  .form__select--styled {
    position: absolute;
  }
}
.form__select--styled:hover, .form__select--styled.active {
  background-color: #ed1c24;
}
.form__select--styled:after {
  content: "";
  position: absolute;
  background: url(../images/diablo_ico_arrow.svg) center center no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  top: 12px;
  right: 10px;
}
@media screen and (min-width: 48.0625em) {
  .form__select--styled:after {
    top: 12px;
  }
}
.form__select--styled.loading:after {
  background-image: url(../images/opc-ajax-loader.gif);
  background-repeat: no-repeat;
  background-size: 20px;
}

.form__select--options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: .1em solid #e6e6e6;
  border-top: 0;
  overflow-y: scroll;
  max-height: 236px;
}
.form__select--options.is-open {
  display: block;
}
.form__select--options li {
  margin: 0;
  background: #fff;
  color: #000;
  font-weight: 600;
  text-align: left;
  border: .1em solid #e6e6e6;
  border-top: 0;
  padding: 12px 0;
  text-indent: 15px;
  transition: all .15s ease-in;
}
.form__select--options li:first-child {
  display: none;
}
.form__select--options li:hover {
  color: #ed1c24;
}

.sortby {
  border-top: .1em solid #000;
}
@media screen and (min-width: 48.0625em) {
  .sortby {
    padding: 5px 0;
  }
}

.sortby--inner {
  font-weight: 600;
  text-transform: uppercase;
  max-height: 40px;
  transition: max-height .5s ease-in-out;
  overflow: hidden;
  padding: 0 0 15px;
}
.sortby--inner.active {
  max-height: 2000px;
}
.sortby--inner.active .filter--title:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner {
    padding: 0 35px 10px;
    max-height: 211px;
  }
}
.sortby--inner .filter--title {
  color: #ed1c24;
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 10px;
  margin: 0;
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--title {
    padding: 8px 15px 8px 0;
  }
}
.sortby--inner .filter--title:after {
  content: '';
  position: absolute;
  right: 2.5%;
  display: inline-block;
  background: url(../images/diablo_ico_arrow.svg) center center no-repeat;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  height: 21px;
  width: 25px;
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--title:after {
    display: none;
  }
}
.sortby--inner .filter--type__title,
.sortby--inner .filter--oem__title,
.sortby--inner .filter--category__title {
  font-size: 12px;
  padding: 15px 0 0 5px;
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--type__title,
  .sortby--inner .filter--oem__title,
  .sortby--inner .filter--category__title {
    padding: 0 0 10px;
  }
}
.sortby--inner .sortby__item {
  display: block;
  float: left;
  width: 100%;
  padding: 10px 25px;
  border-top: .1em solid #676767;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.sortby--inner .sortby__item:before {
  position: absolute;
  top: 12px;
  left: 5px;
  font-family: 'Fontawesome';
  content: '\f096';
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .sortby__item {
    float: none;
    width: auto;
    padding: 0;
    border: none;
    line-height: normal;
    margin-left: 25px;
    padding-bottom: 2px;
  }
  .sortby--inner .sortby__item:before {
    top: 3px;
    left: -18px;
  }
}
.sortby--inner .sortby__item.active:before {
  content: '\f046';
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--type__list {
    display: inline-block;
    vertical-align: top;
  }
}
.sortby--inner .filter--type__list li {
  display: block;
}
.sortby--inner .sortby__line {
  display: none;
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .sortby__line {
    display: inline-block;
    background-color: #939598;
    height: 121px;
    width: 2px;
    margin: 0 15px;
  }
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--type {
    display: inline-block;
    vertical-align: top;
  }
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--oem {
    display: inline-block;
    vertical-align: top;
  }
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--category {
    display: inline-block;
    vertical-align: top;
  }
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--category__list .filter--type__list {
    padding-right: 15px;
  }
}
.sortby--inner .filter--category__list li {
  padding: 0 10px;
}
@media screen and (min-width: 48.0625em) {
  .sortby--inner .filter--category__list li {
    padding: 0;
  }
}
.sortby--inner .filter--category__list li a {
  color: #000;
  text-decoration: underline;
}

body.page .site-main {
  padding: 0;
}
@media screen and (min-width: 30em) {
  body.page .site-main {
    padding: 0 35px;
  }
}
body.page .page__content {
  padding: 25px 35px;
  color: #000;
}
body.page .page__content ul {
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}
body.page .page__content ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
}
body.page .page__content h1 {
  font-weight: 900;
  font-size: 2em;
  text-transform: uppercase;
}
body.page .page__content h3 {
  font-size: 1.5em;
  font-weight: 600;
}
body.page .page__content h5 {
  font-size: 1.2em;
  font-weight: 600;
}
body.page .page__content img {
  width: auto;
  margin: 15px 0;
}
body.page .page__content .alignright {
  float: right;
  margin-left: 15px;
}
body.page .page__content .alignleft {
  float: left;
  margin-right: 15px;
}

.checkout-onepage-index .main,
.customer-account-changeforgotten .main,
.checkout-onepage-success .main,
.checkout-cart-index .main,
.customer-account-forgotpassword .main,
.sales-order-history .main,
.sales-order-view .main,
.customer-account-login .main,
.customer-account-create .main,
.customer-account-index .main,
.customer-address-form .main,
.wishlist-index-index .main,
.newsletter-manage-index .main,
.customer-account-edit .main,
.catalog-category-view .main,
.catalog-product-view .main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 35px 10px;
}
@media screen and (min-width: 48.0625em) {
  .checkout-onepage-index .main,
  .customer-account-changeforgotten .main,
  .checkout-onepage-success .main,
  .checkout-cart-index .main,
  .customer-account-forgotpassword .main,
  .sales-order-history .main,
  .sales-order-view .main,
  .customer-account-login .main,
  .customer-account-create .main,
  .customer-account-index .main,
  .customer-address-form .main,
  .wishlist-index-index .main,
  .newsletter-manage-index .main,
  .customer-account-edit .main,
  .catalog-category-view .main,
  .catalog-product-view .main {
    padding: 35px;
  }
}

body.home.page .wrapper-main {
  background-color: #797979;
}

.carousel-section img {
  width: 100%;
}

.wrapper--content .wrapper--carousel {
  padding: 20px 5px;
  margin-top: 5px;
  width: auto;
  max-width: 1200px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 30em) {
  .wrapper--content .wrapper--carousel {
    padding: 20px 35px;
  }
}
.wrapper--content .wrapper--carousel img {
  width: 100%;
}
.wrapper--content .l-row {
  margin-bottom: 0px;
}
.wrapper--content .wrapper {
  padding: 20px 10px;
  font-size: 1.0em;
  font-weight: 400;
  text-transform: uppercase;
}
.wrapper--content .wrapper::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 30em) {
  .wrapper--content .wrapper {
    padding: 20px 35px;
  }
}
.wrapper--content .wrapper .tout__item--large {
  position: relative;
  float: left;
  display: inline;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-bottom: 15px;
}
.wrapper--content .wrapper .tout__item--large:nth-child(2n) {
  margin-right: 0%;
}
@media screen and (min-width: 48.0625em) {
  .wrapper--content .wrapper .tout__item--large {
    width: 49.25%;
    margin-left: 0%;
    margin-right: 1.5%;
  }
}
.wrapper--content .wrapper .tout__item--large img {
  width: 100%;
}
.wrapper--content .wrapper .tout__item--large .tout__shape {
  position: relative;
}
.wrapper--content .wrapper .tout__item--large .tout__heading--large {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  background: #333;
  color: #fff;
  z-index: 999;
  padding: 10px 0;
  border-bottom: 2px solid #ed1c24;
}

.magento--home .hero {
  margin-bottom: 40px;
}
.magento--home .hero img {
  width: 100%;
}
.magento--home .category-list .l-row {
  margin-bottom: 30px;
}
@media screen and (min-width: 48.0625em) {
  .magento--home .category-list .l-row {
    margin-bottom: 60px;
  }
}
.magento--home .category-list .l-row .category--single:last-child {
  margin-bottom: 0;
}
.magento--home .category-list .category--single {
  padding: 0 15px;
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (min-width: 30em) {
  .magento--home .category-list .category--single {
    width: 48%;
    float: left;
    margin-right: 4%;
    min-height: 515px;
  }
  .magento--home .category-list .category--single:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 48.0625em) {
  .magento--home .category-list .category--single {
    width: 32%;
    margin-right: 2%;
    min-height: 515px;
  }
  .magento--home .category-list .category--single:nth-child(2n) {
    margin-right: 2%;
  }
  .magento--home .category-list .category--single:nth-child(3n) {
    margin-right: 0;
  }
}
.magento--home .category-list .category--single a {
  text-decoration: none;
}
.magento--home .category-list .category--single a:hover span {
  color: #ed1c24;
}
.magento--home .category-list .category--single .subcategory a {
  color: #8c8c8c;
}
.magento--home .category-list .category--single .subcategory a:hover {
  color: #ed1c24;
}
.magento--home .category-list .category--single img {
  padding-bottom: 15px;
  width: 100%;
}
.magento--home .category-list .category--single span {
  color: #000;
  text-transform: uppercase;
}

.cmr-support--page {
  padding: 35px;
}
.cmr-support--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  clear: both;
}
.cmr-support--page .cmr--block {
  padding: 0 15px;
  margin-bottom: 25px;
  min-height: 200px;
}
.cmr-support--page .cmr--block:nth-child(3n) {
  margin-right: 0;
}
.cmr-support--page .cmr--block .cmr--block__title {
  margin: 15px 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.cmr-support--page .cmr--block hr {
  margin: 10px 0;
}
.cmr-support--page .cmr--block .tuning--block__button {
  display: inline-block;
  margin: 0 auto;
}

.cmr-downloads .login--title {
  font-size: 1.5em;
  font-weight: 600;
}
.cmr-downloads .become-dealer {
  padding-top: 25px;
}
.cmr-downloads .button, .cmr-downloads .header .header--newsletter input[type="submit"], .header .header--newsletter .cmr-downloads input[type="submit"], .cmr-downloads footer .footer__block--bottom .button, footer .footer__block--bottom .cmr-downloads .button, .cmr-downloads .downloads--block .downloads__body .downloads__content .downloads__download .button, .downloads--block .downloads__body .downloads__content .downloads__download .cmr-downloads .button, .cmr-downloads .cart #shopping-cart-table tfoot button, .cart #shopping-cart-table tfoot .cmr-downloads button, .cmr-downloads .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .cmr-downloads button, .cmr-downloads .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .cmr-downloads button, .cmr-downloads .cart #shopping-cart-table tbody .product-cart-actions .button--small, .cart #shopping-cart-table tbody .product-cart-actions .cmr-downloads .button--small, .cmr-downloads .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .cmr-downloads .button--small, .cmr-downloads .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .cmr-downloads .button--small, .cmr-downloads #co-shipping-method-form .buttons-set .button, #co-shipping-method-form .buttons-set .cmr-downloads .button {
  margin-top: 10px;
}

.diablo-dealers-container {
  padding: 35px;
}
.diablo-dealers-container hgroup {
  text-transform: uppercase;
}
.diablo-dealers-container hgroup h2 {
  font-size: 24px;
  font-weight: 600;
}
.diablo-dealers-container hgroup h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ed1c24;
}
.diablo-dealers-container .form .dealer__field {
  width: 200px;
  float: left;
  margin: 0 10px 0 0;
  height: 39px;
  border: 1px solid #000;
  text-transform: uppercase;
}
.diablo-dealers-container .cmr--filter {
  color: #000;
  padding: 20px 0;
  font-weight: 900;
  text-transform: uppercase;
}
.diablo-dealers-container .cmr--filter input {
  float: left;
  margin-top: 3px;
}
.diablo-dealers-container .dealer::after {
  clear: both;
  content: "";
  display: block;
}
.diablo-dealers-container .dealer .dealer__sidebar {
  min-height: 20px;
}
@media screen and (min-width: 48.0625em) {
  .diablo-dealers-container .dealer .dealer__sidebar {
    float: left;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 23%;
    margin-left: 0;
    margin-right: 2%;
  }
}
.diablo-dealers-container .dealer .dealer__sidebar .dealer__header {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
@media screen and (min-width: 48.0625em) {
  .diablo-dealers-container .dealer .dealer__content {
    float: left;
    padding-left: 0;
    padding-right: 0;
    width: 75%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.diablo-dealers-container .dealer .dealer__content .dealer__image {
  max-width: 500px;
}
.diablo-dealers-container .dealer .dealer__content h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.diablo-dealers-container .dealer .dealer__content a {
  text-transform: uppercase;
  font-weight: 600;
}

#map-canvas {
  height: 625px;
  margin: 0;
  padding: 0;
}

.map-marker p {
  margin-bottom: 5px;
}

.gm-style img {
  max-width: none;
}

body.blog #main, body.single #main, body.archive #main {
  margin: 35px;
}
body.blog .sort-by, body.single .sort-by, body.archive .sort-by {
  color: #000;
  border-bottom: .15em solid #000;
  font-size: 18px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
body.blog .sort-by .is-active, body.single .sort-by .is-active, body.archive .sort-by .is-active {
  color: #000;
}
body.blog .sort-by .is-active:hover, body.single .sort-by .is-active:hover, body.archive .sort-by .is-active:hover {
  color: #ed1c24;
}
body.blog .post--column, body.single .post--column, body.archive .post--column {
  float: left;
  display: inline;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 79.67%;
  margin-left: 0;
  margin-right: 1.65%;
}
body.blog .post--column .post, body.single .post--column .post, body.archive .post--column .post {
  margin-bottom: 40px;
}
body.blog .post--column .post h1, body.single .post--column .post h1, body.archive .post--column .post h1 {
  font-size: 2em;
}
body.blog .post--column .post h2, body.single .post--column .post h2, body.archive .post--column .post h2 {
  font-size: 1.5em;
}
body.blog .post--column .post h3, body.single .post--column .post h3, body.archive .post--column .post h3 {
  font-size: 1.17em;
}
body.blog .post--column .post .entry-title, body.single .post--column .post .entry-title, body.archive .post--column .post .entry-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #000;
}
body.blog .post--column .post .entry-meta .entry-date, body.single .post--column .post .entry-meta .entry-date, body.archive .post--column .post .entry-meta .entry-date {
  font-weight: 600;
}
body.blog .post--column .post .post__image, body.single .post--column .post .post__image, body.archive .post--column .post .post__image {
  margin-top: 15px;
}
body.blog .post--column .post .entry-content, body.single .post--column .post .entry-content, body.archive .post--column .post .entry-content {
  color: #000;
}
body.blog .post--column .post .entry-content img, body.single .post--column .post .entry-content img, body.archive .post--column .post .entry-content img {
  width: auto;
  margin: 15px 0;
}
body.blog .post--column .post .entry-content ul, body.single .post--column .post .entry-content ul, body.archive .post--column .post .entry-content ul {
  padding-left: 40px;
  list-style-type: disc;
}
body.blog .post--column .post .entry-content ol, body.single .post--column .post .entry-content ol, body.archive .post--column .post .entry-content ol {
  list-style-type: decimal;
  padding-left: 40px;
}
body.blog .post--column .post .entry-content .alignright, body.single .post--column .post .entry-content .alignright, body.archive .post--column .post .entry-content .alignright {
  float: right;
  margin-left: 15px;
}
body.blog .post--column .post .entry-content .aligncenter, body.single .post--column .post .entry-content .aligncenter, body.archive .post--column .post .entry-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.blog .post--column .post .entry-content .alignleft, body.single .post--column .post .entry-content .alignleft, body.archive .post--column .post .entry-content .alignleft {
  float: left;
  margin-right: 15px;
}
body.blog .post--column .post .read--more, body.single .post--column .post .read--more, body.archive .post--column .post .read--more {
  font-weight: 600;
  text-transform: uppercase;
}
body.blog .post--sidebar, body.single .post--sidebar, body.archive .post--sidebar {
  float: left;
  width: 18.68%;
}
body.blog .post--sidebar__item, body.single .post--sidebar__item, body.archive .post--sidebar__item {
  margin-bottom: 15px;
  line-height: 0;
}

.downloads--page {
  padding: 35px;
}
.downloads--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
}
.downloads--page table td {
  word-wrap: break-word;
  padding: 0.75em;
}

.downloads--block {
  float: left;
  width: 100%;
}
.downloads--block .downloads__header {
  background-color: #343434;
  padding: 10px;
  margin-top: 15px;
}
.downloads--block .downloads__title {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}
.downloads--block .downloads__body {
  width: 100%;
}
.downloads--block .downloads__body .downloads__content {
  width: 100%;
  float: left;
  padding: 35px 20px;
  border-top: 1px solid #eaeaea;
}
.downloads--block .downloads__body .downloads__content .downloads__download {
  padding: 15px 0;
}
.downloads--block .downloads__body .downloads__content .downloads__download .header .header--newsletter input[type="submit"], .header .header--newsletter .downloads--block .downloads__body .downloads__content .downloads__download input[type="submit"], .downloads--block .downloads__body .downloads__content .downloads__download .button, .downloads--block .downloads__body .downloads__content .downloads__download .cart #shopping-cart-table tfoot button, .cart #shopping-cart-table tfoot .downloads--block .downloads__body .downloads__content .downloads__download button, .downloads--block .downloads__body .downloads__content .downloads__download .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .downloads--block .downloads__body .downloads__content .downloads__download button, .downloads--block .downloads__body .downloads__content .downloads__download .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .downloads--block .downloads__body .downloads__content .downloads__download button, .downloads--block .downloads__body .downloads__content .downloads__download .cart #shopping-cart-table tbody .product-cart-actions .button--small, .cart #shopping-cart-table tbody .product-cart-actions .downloads--block .downloads__body .downloads__content .downloads__download .button--small, .downloads--block .downloads__body .downloads__content .downloads__download .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .downloads--block .downloads__body .downloads__content .downloads__download .button--small, .downloads--block .downloads__body .downloads__content .downloads__download .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .downloads--block .downloads__body .downloads__content .downloads__download .button--small, .downloads--block .downloads__body .downloads__content .downloads__download #co-shipping-method-form .buttons-set .button, #co-shipping-method-form .buttons-set .downloads--block .downloads__body .downloads__content .downloads__download .button {
  font-weight: 600;
}

.i2--page {
  padding: 35px;
}
.i2--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  clear: both;
}
.i2--page .tuning--block {
  padding: 0 15px;
  margin-bottom: 25px;
  text-align: center;
}
.i2--page .tuning--block:nth-child(4n) {
  margin-right: 0;
}
.i2--page .tuning--block:nth-child(4n+1) {
  clear: left;
}
.i2--page .tuning--block .tuning--block__title {
  margin: 15px 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 65px;
  font-size: 20px;
  text-align: center;
}
.i2--page .tuning--block hr {
  margin: 10px 0;
}
.i2--page .tuning--block .tuning--block__button {
  display: inline-block;
  margin: 0 auto;
}

.parallax-slider {
  margin-top: 54px;
}

#landing--page .header.container {
  position: fixed;
  top: 0;
  width: 100%;
  clear: left;
  background: #f1f1f1;
  float: left;
  z-index: 9999999;
  border-bottom: 4px solid #666666;
}
#landing--page .header.container .logo {
  float: none;
  max-width: 300px;
  margin: 0 auto;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .header.container .logo {
    float: left;
  }
}
#landing--page .nav--mobile {
  display: block;
  position: absolute;
  top: 25%;
  left: 0;
  cursor: pointer;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .nav--mobile {
    display: none;
  }
}
#landing--page .nav--mobile .menu--hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 54px;
  height: 44px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
}
#landing--page .nav--mobile .menu--hamburger span {
  display: block;
  position: absolute;
  top: 20px;
  left: 18px;
  right: 18px;
  height: 3px;
  background: #7a7a7a;
  border-radius: 8px;
}
#landing--page .nav--mobile .menu--hamburger span:before, #landing--page .nav--mobile .menu--hamburger span:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #7a7a7a;
  content: "";
  border-radius: 8px;
}
#landing--page .nav--mobile .menu--hamburger span:before {
  top: -6px;
}
#landing--page .nav--mobile .menu--hamburger span:after {
  bottom: -6px;
}
#landing--page .header.internal {
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
#landing--page .header.internal::after {
  clear: both;
  content: "";
  display: block;
}
#landing--page .header--social {
  display: none;
  float: right;
  padding-top: 10px;
}
#landing--page .header--social li {
  float: left;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .header--social {
    display: block;
  }
}
#landing--page .ds-number {
  display: none;
  float: right;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 19px;
}
#landing--page .ds-number span {
  clear: left;
  display: block;
  width: 100%;
  color: #ed1c24;
  font-size: 1.2em;
  margin-right: 100px;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .ds-number {
    display: block;
  }
}
#landing--page .nav--lp-wrapper {
  box-shadow: 0 3px 20px -3px #000000;
  background: #3c3c3c;
  position: fixed;
  z-index: 999999;
  text-align: center;
  top: 20em;
  left: 0%;
  padding: 2.4em 0.8em 0 0.8em;
  font-size: 0.9em;
  font-weight: bold;
  display: none;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .nav--lp-wrapper {
    display: block;
  }
}
#landing--page .nav--lp-wrapper .logo--ds {
  display: none;
  position: absolute;
  top: -14%;
  margin-left: -37px;
  left: 50%;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .nav--lp-wrapper .logo--ds {
    display: block;
  }
}
#landing--page .nav--lp-wrapper .logo--ds img {
  width: 75px;
}
@media screen and (max-width: 768px) {
  #landing--page .nav--lp-wrapper.is-active {
    display: block;
    position: absolute;
    padding-top: 0;
    top: 105px;
    width: 100%;
    font-size: 1.2em;
  }
}
#landing--page .nav--lp li {
  border-top: 1px solid #5a5a5a;
}
#landing--page .nav--lp li a {
  cursor: pointer;
  color: #fff;
  display: block;
  padding: 0.8em 1em;
  text-transform: uppercase;
  font-size: 1.2em;
}
#landing--page .splash-internal {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
#landing--page .section.section--footer {
  padding-top: 0 !important;
}
#landing--page .footer.container {
  background: #f1f1f1;
  padding: 1em 0;
  clear: both;
  width: 100%;
  text-align: left;
}
#landing--page .footer.internal {
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 14px;
  text-transform: uppercase;
}
#landing--page .footer.internal a {
  color: #333;
}
#landing--page .footer.internal a:hover {
  color: #ed1c24;
}
#landing--page .footer.internal .footer-logo {
  width: 250px;
  float: left;
  margin: 0 auto 2.5em auto;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .footer.internal .footer-logo {
    margin-right: 3em;
  }
}
#landing--page .footer.internal .footer-logo span {
  font-size: 0.6em;
  color: #57585b;
  margin-top: 0.6em;
}
#landing--page .footer.internal .footer-col1 {
  float: left;
  position: relative;
  padding-left: 1.5em;
  min-height: 132px;
}
@media screen and (min-width: 30em) {
  #landing--page .footer.internal .footer-col1 {
    border-left: 1px solid #57585b;
  }
}
#landing--page .footer.internal .icons--social {
  position: absolute;
  bottom: 0;
}
#landing--page .footer.internal .icons--social li {
  float: left;
  padding: 0 4px;
  color: #7a7a7a;
}
#landing--page .footer.internal .icons--social a {
  color: #7a7a7a;
}
#landing--page .footer.internal .icons--social a:hover {
  color: #ed1c24;
}
#landing--page .button--lp {
  display: inline-block;
  background: #d0112b;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5em 2.8em;
  line-height: 1.8em;
  font-weight: 900;
}
#landing--page .button--lp:hover {
  color: #000;
}
#landing--page .title--lp {
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.4em;
}
#landing--page .title--lp.white {
  color: #fff;
}
#landing--page .title--lp.red {
  color: #ed1c24;
}
#landing--page .title--lp.black {
  color: #fff;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .title--lp.black {
    color: #000;
  }
}
#landing--page .section--intro .splash-image {
  display: none;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--intro .splash-image {
    display: block;
  }
}
#landing--page .section--intro .cta {
  line-height: 1.8em;
  padding: 0 15px;
  font-size: 1.1em;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  position: relative;
  bottom: 5%;
  width: 100%;
  left: 0px;
  padding-top: 5em;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--intro .cta {
    position: absolute;
    bottom: 20%;
    left: 15%;
    width: 60%;
    top: 5%;
    padding-top: 0px;
  }
}
@media screen and (min-width: 62em) {
  #landing--page .section--intro .cta {
    left: 10%;
  }
}
@media screen and (min-width: 75em) {
  #landing--page .section--intro .cta {
    left: 0%;
  }
}
#landing--page .section--intro .cta img {
  width: 80%;
}
#landing--page .section--intro .cta p {
  margin-bottom: 1em;
}
#landing--page .section--video {
  background: -webkit-linear-gradient(#ffffff, #a5a5a5);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #a5a5a5);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #a5a5a5);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #a5a5a5);
  /* Standard syntax */
}
#landing--page .splash-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 51%;
  border: 10px solid #fff;
}
#landing--page .splash-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#landing--page .section--features .fp-controlArrow, #landing--page .section--features .fp-controlArrow, #landing--page .section--gallery .fp-controlArrow, #landing--page .section--gallery .fp-controlArrow {
  border: 0;
  width: 16px;
  height: 25px;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--features .fp-controlArrow, #landing--page .section--features .fp-controlArrow, #landing--page .section--gallery .fp-controlArrow, #landing--page .section--gallery .fp-controlArrow {
    width: 21px;
    height: 33px;
  }
}
#landing--page .section--features .fp-controlArrow.fp-prev, #landing--page .section--gallery .fp-controlArrow.fp-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#landing--page .section--features {
  background-color: #000;
}
#landing--page .section--features .splash-content {
  bottom: 0;
}
#landing--page .section--features .splash-content.whiite {
  color: #fff;
}
#landing--page .section--features .splash-content.red {
  color: #ed1c24;
}
#landing--page .section--features .splash-content.black {
  color: #fff;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--features .splash-content.black {
    color: #000;
  }
}
#landing--page .section--features .splash-content ul {
  list-style-type: disc;
  padding-left: 18px;
}
#landing--page .section--features .splash-content ul li {
  line-height: 2em;
  display: block;
}
#landing--page .section--features .splash-content ul li:before {
  content: '\2022';
  width: 10px;
  height: 10px;
  padding-right: 5px;
}
#landing--page .section--features .fp-slidesNav {
  display: none;
}
#landing--page .section--features .p--additional {
  margin-top: 2em;
}
#landing--page .section--features .fp-controlArrow.fp-prev, #landing--page .section--features .fp-controlArrow.fp-next {
  background: url("/content/themes/diablosport/dist/images/diablo_ico_arrow.svg") no-repeat center center;
}
#landing--page .section--features .splash-image {
  width: 100%;
  height: 100%;
}
#landing--page .section--features .splash-image img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 30em) {
  #landing--page .section--features .splash-image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
#landing--page .section--gallery {
  text-align: center;
}
#landing--page .section--gallery img {
  width: 75%;
}
#landing--page .section--gallery .caption {
  color: #000;
  position: relative;
  text-align: center;
  width: 90%;
  margin: 6% 5% 0% 5%;
}
#landing--page .section--gallery .fp-slidesNav.bottom {
  bottom: 0;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--gallery .fp-slidesNav.bottom {
    bottom: 5%;
  }
}
#landing--page .section--gallery .fp-slidesNav.bottom li {
  margin: 2px;
}
#landing--page .section--gallery .fp-slidesNav.bottom li a span {
  background: #c3c3c3;
  border: 1px solid #c3c3c3;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  top: 0;
  left: 0;
}
#landing--page .section--gallery .fp-slidesNav.bottom li a.active span {
  background: #ffffff;
}
#landing--page .section--gallery .fp-controlArrow.fp-prev, #landing--page .section--gallery .fp-controlArrow.fp-next {
  background: url("/content/themes/diablosport/dist/images/diablo_ico_arrow-dark.svg") no-repeat center center;
}
#landing--page .section--buy {
  background: #373737;
}
#landing--page .section--buy .splash-container {
  height: 100%;
}
#landing--page .section--buy .splash-internal img {
  height: auto;
  width: 70%;
  margin: 0 auto 10px auto;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--buy .splash-internal img {
    width: 90%;
    margin: 0;
    padding-top: 25px;
  }
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--buy .section--buy__wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: space-between;
    -moz-align-items: space-between;
    height: 100%;
  }
}
#landing--page .section--buy p {
  color: #fff;
  line-height: 1.8em;
  margin-bottom: 1.8em;
}
#landing--page .section--buy .section--buy__products::after {
  clear: both;
  content: "";
  display: block;
}
#landing--page .section--buy .section--buy__product {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--buy .section--buy__product {
    width: 33%;
    margin-bottom: 0;
  }
}
#landing--page .section--buy .section--buy__product img {
  width: 55%;
}
@media screen and (min-width: 62em) {
  #landing--page .section--buy .section--buy__product img {
    width: 65%;
  }
}
#landing--page .section--buy .product__button {
  color: #fff;
  text-align: center;
  padding: 0 5px;
}
#landing--page .section--buy .product__button .button--title {
  padding-bottom: 10px;
}
#landing--page .fp-tableCell {
  position: relative;
}
#landing--page .splash-content {
  color: #fff;
}
#landing--page .section .fp-tableCell {
  display: block !important;
}
@media screen and (max-width: 768px) {
  #landing--page .footer-col1, #landing--page .footer-col2 {
    float: none;
    margin: 0;
  }
  #landing--page .footer.container {
    position: relative !important;
  }
  #landing--page .section {
    padding-top: 0 !important;
    height: auto !important;
    display: block !important;
    text-align: center;
  }
  #landing--page .section--intro {
    padding-top: 69px !important;
  }
  #landing--page .section--intro .splash-container {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 13em !important;
  }
  #landing--page .section--intro .splash-container .parallax-window {
    box-shadow: none;
    background-size: cover !important;
    background-position: 75% 0 !important;
  }
  #landing--page .splash-container {
    padding: 15px 15px 25px 15px;
  }
  #landing--page .section .fp-tableCell {
    height: auto !important;
    display: block;
  }
  #landing--page .splash-container {
    float: none !important;
  }
}
@media screen and (min-width: 48.0625em) {
  #landing--page .section--buy .splash-internal {
    height: 100%;
  }
  #landing--page .v-align--center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
    overflow: hidden;
  }
  #landing--page .splash-content {
    width: 50%;
    position: absolute;
    left: 5%;
  }
  #landing--page .section--buy .splash-content {
    top: 3%;
  }
}

.landing--page2 .video-aspect {
  padding-bottom: 44.25%;
  width: 75%;
  margin: auto;
}
@media screen and (min-width: 48.0625em) {
  .landing--page2 .fp-slidesNav {
    left: 50%;
  }
  .landing--page2 .fp-slidesNav.bottom li a span {
    background: rgba(255, 255, 255, 0) !important;
    border: 1px solid rgba(255, 255, 255, 0) !important;
    width: 116px !important;
    height: auto !important;
    margin: 0;
    top: 0;
    left: 0;
  }
  .landing--page2 .fp-slidesNav.bottom li a.active span {
    background: none;
  }
  .landing--page2 #fp-nav ul li, .landing--page2 .fp-slidesNav ul li {
    width: 120px;
  }
}
@media screen and (min-width: 48.0625em) and (min-width: 48.0625em) {
  .landing--page2 .section--gallery .fp-slidesNav.bottom {
    bottom: 8% !important;
  }
}
@media screen and (min-width: 48.0625em) {
  .landing--page2 .section--gallery .caption {
    margin: 1% 5% 0% 5% !important;
  }
  .landing--page2 .ytp-cued-thumbnail-overlay-image {
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
}

@media screen and (min-width: 48.0625em) {
  .landing--page3 .pagetabs {
    width: 75%;
    margin: 0 auto;
  }
}
.landing--page3 .pagetabs .js-tabs {
  text-align: center;
}
.landing--page3 .pagetabs .js-tabs .js-tab, .landing--page3 .pagetabs .js-tabs .js-tab.active {
  background-color: transparent;
  border: none;
}
.landing--page3 .pagetabs .js-tabs .js-tab {
  max-width: 100px;
  padding: 0;
  margin-left: 10px;
  line-height: 0;
}
@media screen and (min-width: 30em) {
  .landing--page3 .pagetabs .js-tabs .js-tab {
    max-width: 200px;
  }
}
@media screen and (min-width: 48.0625em) {
  .landing--page3 .pagetabs .js-tabs .js-tab {
    max-width: 240px;
  }
}
.landing--page3 .pagetabs .js-tabs .js-tab:first-child {
  margin-left: 0;
}
.landing--page3 .pagetabs .js-tabs .js-tab.active {
  border-bottom: solid 2px #ed1c24;
}
.landing--page3 .pagetabs .js-tabs .js-tab.active:after {
  content: '▼';
  text-align: center;
  color: #ed1c24;
  width: 100%;
  font-size: 13px;
  display: table;
  margin-top: 0px;
  margin-bottom: -10px;
  -webkit-transform: scale(1.5, 1);
  -moz-transform: scale(1.5, 1);
  -ms-transform: scale(1.5, 1);
  -o-transform: scale(1.5, 1);
}
.landing--page3 .pagetabs .js-tab-sections {
  color: #fff;
}
.landing--page3 .pagetabs .tab--content {
  border: none;
  color: #fff;
}
.landing--page3 .pagetabs .tab--content::after {
  clear: both;
  content: "";
  display: block;
}
.landing--page3 .pagetabs .content--image {
  width: 65%;
  margin: 0 auto;
}
@media screen and (min-width: 48.0625em) {
  .landing--page3 .pagetabs .content--image {
    float: left;
    width: 45%;
  }
}
.landing--page3 .pagetabs .content--content {
  padding: 15px;
}
@media screen and (min-width: 48.0625em) {
  .landing--page3 .pagetabs .content--content {
    float: left;
    width: 55%;
  }
}
@media screen and (min-width: 48.0625em) {
  .landing--page3 .section--buy .section--buy__products {
    width: 100%;
  }
}
@media screen and (min-width: 48.0625em) {
  .landing--page3 .section--buy .section--buy__product {
    width: 50% !important;
  }
}
.landing--page3 .section--buy .section--buy__product img {
  width: 55%;
}
@media screen and (min-width: 62em) {
  .landing--page3 .section--buy .section--buy__product img {
    width: 70% !important;
  }
}

.licenses--page {
  padding: 35px;
}
.licenses--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  clear: both;
}
.licenses--page .tuning--block {
  padding: 0 15px;
  margin-bottom: 25px;
}
.licenses--page .tuning--block .tuning--block__title {
  margin: 15px 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 65px;
  font-size: 20px;
}
.licenses--page .tuning--block hr {
  margin: 10px 0;
}
.licenses--page .tuning--block .tuning--block__button {
  display: inline-block;
  margin: 0 auto;
}

.hero-image {
  width: 100%;
}

.customer-account-login .page-title h1, .customer-account-create .page-title h1, .customer-account-forgotpassword .page-title h1, .customer-account-changeforgotten .page-title h1, .customer-account-edit .page-title h1, .wishlist-index-index .page-title h1, .newsletter-manage-index .page-title h1, .customer-address-form .page-title h1, .customer-address-index .page-title h1, .sales-order-view .page-title h1 {
  background: #343434;
  color: #ffffff;
  padding: 5px 10px;
}
.customer-account-login h2, .customer-account-create h2, .customer-account-forgotpassword h2, .customer-account-changeforgotten h2, .customer-account-edit h2, .wishlist-index-index h2, .newsletter-manage-index h2, .customer-address-form h2, .customer-address-index h2, .sales-order-view h2 {
  background: #343434;
  color: #ffffff;
  padding: 5px 10px;
  font-weight: 600;
}
.customer-account-login h4, .customer-account-create h4, .customer-account-forgotpassword h4, .customer-account-changeforgotten h4, .customer-account-edit h4, .wishlist-index-index h4, .newsletter-manage-index h4, .customer-address-form h4, .customer-address-index h4, .sales-order-view h4 {
  font-weight: 600;
}
.customer-account-login .col2-set ul, .customer-account-create .col2-set ul, .customer-account-forgotpassword .col2-set ul, .customer-account-changeforgotten .col2-set ul, .customer-account-edit .col2-set ul, .wishlist-index-index .col2-set ul, .newsletter-manage-index .col2-set ul, .customer-address-form .col2-set ul, .customer-address-index .col2-set ul, .sales-order-view .col2-set ul {
  text-transform: uppercase;
  font-weight: 600;
}
.customer-account-login .col2-set .col-2, .customer-account-create .col2-set .col-2, .customer-account-forgotpassword .col2-set .col-2, .customer-account-changeforgotten .col2-set .col-2, .customer-account-edit .col2-set .col-2, .wishlist-index-index .col2-set .col-2, .newsletter-manage-index .col2-set .col-2, .customer-address-form .col2-set .col-2, .customer-address-index .col2-set .col-2, .sales-order-view .col2-set .col-2 {
  border-left: none;
}
.customer-account-login p.required, .customer-account-create p.required, .customer-account-forgotpassword p.required, .customer-account-changeforgotten p.required, .customer-account-edit p.required, .wishlist-index-index p.required, .newsletter-manage-index p.required, .customer-address-form p.required, .customer-address-index p.required, .sales-order-view p.required {
  float: right;
  font-weight: 600;
}
.customer-account-login .form-list label, .customer-account-create .form-list label, .customer-account-forgotpassword .form-list label, .customer-account-changeforgotten .form-list label, .customer-account-edit .form-list label, .wishlist-index-index .form-list label, .newsletter-manage-index .form-list label, .customer-address-form .form-list label, .customer-address-index .form-list label, .sales-order-view .form-list label {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
}
.customer-account-login .form-list input[type="text"], .customer-account-login .form-list input[type="password"], .customer-account-create .form-list input[type="text"], .customer-account-create .form-list input[type="password"], .customer-account-forgotpassword .form-list input[type="text"], .customer-account-forgotpassword .form-list input[type="password"], .customer-account-changeforgotten .form-list input[type="text"], .customer-account-changeforgotten .form-list input[type="password"], .customer-account-edit .form-list input[type="text"], .customer-account-edit .form-list input[type="password"], .wishlist-index-index .form-list input[type="text"], .wishlist-index-index .form-list input[type="password"], .newsletter-manage-index .form-list input[type="text"], .newsletter-manage-index .form-list input[type="password"], .customer-address-form .form-list input[type="text"], .customer-address-form .form-list input[type="password"], .customer-address-index .form-list input[type="text"], .customer-address-index .form-list input[type="password"], .sales-order-view .form-list input[type="text"], .sales-order-view .form-list input[type="password"] {
  width: 320px;
  border-radius: 0px;
  height: 40px;
  border: 1px solid #000;
}

.messages .success-msg li, .messages .error-msg li {
  background-color: transparent;
  font-weight: 600;
}

.account-create .buttons-set {
  max-width: 320px;
}

.customer-account-create .fieldset, .customer-account-create .buttons-set, .customer-account-edit .fieldset, .customer-account-edit .buttons-set, .newsletter-manage-index .fieldset, .newsletter-manage-index .buttons-set {
  margin-left: 0px;
}
.customer-account-create .control label, .customer-account-edit .control label, .newsletter-manage-index .control label {
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
.customer-account-create .control label:hover, .customer-account-edit .control label:hover, .newsletter-manage-index .control label:hover {
  background-color: transparent;
}
.customer-account-create p.required, .customer-account-edit p.required, .newsletter-manage-index p.required {
  float: left;
}
.customer-account-create .buttons-set, .customer-account-edit .buttons-set, .newsletter-manage-index .buttons-set {
  border: none;
}
.customer-account-create .back-link, .customer-account-edit .back-link, .newsletter-manage-index .back-link {
  font-weight: 600;
}

.customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set {
  margin-left: 0px;
}
.customer-account-forgotpassword .form-list label {
  float: left;
}
.customer-account-forgotpassword .buttons-set {
  border: none;
}
.customer-account-forgotpassword .back-link {
  font-weight: 600;
}

.customer-account-changeforgotten form {
  max-width: 400px;
}
.customer-account-changeforgotten .buttons-set {
  border: none;
}
.customer-account-changeforgotten .buttons-set button.button, .customer-account-changeforgotten .buttons-set .downloads--block .downloads__body .downloads__content .downloads__download button.button, .downloads--block .downloads__body .downloads__content .downloads__download .customer-account-changeforgotten .buttons-set button.button, .customer-account-changeforgotten .buttons-set .cart #shopping-cart-table tfoot button, .cart #shopping-cart-table tfoot .customer-account-changeforgotten .buttons-set button, .customer-account-changeforgotten .buttons-set .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .customer-account-changeforgotten .buttons-set button, .customer-account-changeforgotten .buttons-set .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .customer-account-changeforgotten .buttons-set button, .customer-account-changeforgotten .buttons-set .cart #shopping-cart-table tbody .product-cart-actions button.button--small, .cart #shopping-cart-table tbody .product-cart-actions .customer-account-changeforgotten .buttons-set button.button--small, .customer-account-changeforgotten .buttons-set .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions button.button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .customer-account-changeforgotten .buttons-set button.button--small, .customer-account-changeforgotten .buttons-set .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions button.button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .customer-account-changeforgotten .buttons-set button.button--small, .customer-account-changeforgotten #co-shipping-method-form .buttons-set button.button, #co-shipping-method-form .customer-account-changeforgotten .buttons-set button.button {
  float: left;
  margin-left: 5px;
  min-width: 140px;
}

.customer-account-index .col-left.sidebar .block-title, .customer-account-edit .col-left.sidebar .block-title, .wishlist-index-index .col-left.sidebar .block-title, .newsletter-manage-index .col-left.sidebar .block-title, .customer-address-form .col-left.sidebar .block-title, .customer-address-index .col-left.sidebar .block-title, .sales-order-view .col-left.sidebar .block-title, .sales-order-history .col-left.sidebar .block-title {
  position: relative;
  background: #343434;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 5px;
}
.customer-account-index .col-left.sidebar ul, .customer-account-edit .col-left.sidebar ul, .wishlist-index-index .col-left.sidebar ul, .newsletter-manage-index .col-left.sidebar ul, .customer-address-form .col-left.sidebar ul, .customer-address-index .col-left.sidebar ul, .sales-order-view .col-left.sidebar ul, .sales-order-history .col-left.sidebar ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 10px 0 20px 0;
}
.customer-account-index .col-left.sidebar li, .customer-account-edit .col-left.sidebar li, .wishlist-index-index .col-left.sidebar li, .newsletter-manage-index .col-left.sidebar li, .customer-address-form .col-left.sidebar li, .customer-address-index .col-left.sidebar li, .sales-order-view .col-left.sidebar li, .sales-order-history .col-left.sidebar li {
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
  font-weight: 600;
}
.customer-account-index .col-left.sidebar li a, .customer-account-edit .col-left.sidebar li a, .wishlist-index-index .col-left.sidebar li a, .newsletter-manage-index .col-left.sidebar li a, .customer-address-form .col-left.sidebar li a, .customer-address-index .col-left.sidebar li a, .sales-order-view .col-left.sidebar li a, .sales-order-history .col-left.sidebar li a {
  color: #000;
}
.customer-account-index .col-left.sidebar li a:hover, .customer-account-edit .col-left.sidebar li a:hover, .wishlist-index-index .col-left.sidebar li a:hover, .newsletter-manage-index .col-left.sidebar li a:hover, .customer-address-form .col-left.sidebar li a:hover, .customer-address-index .col-left.sidebar li a:hover, .sales-order-view .col-left.sidebar li a:hover, .sales-order-history .col-left.sidebar li a:hover {
  color: #ed1c24;
}
.customer-account-index .col-left.sidebar li.current a, .customer-account-edit .col-left.sidebar li.current a, .wishlist-index-index .col-left.sidebar li.current a, .newsletter-manage-index .col-left.sidebar li.current a, .customer-address-form .col-left.sidebar li.current a, .customer-address-index .col-left.sidebar li.current a, .sales-order-view .col-left.sidebar li.current a, .sales-order-history .col-left.sidebar li.current a {
  color: #ed1c24;
}
.customer-account-index .col-main .page-title h1, .customer-account-edit .col-main .page-title h1, .wishlist-index-index .col-main .page-title h1, .newsletter-manage-index .col-main .page-title h1, .customer-address-form .col-main .page-title h1, .customer-address-index .col-main .page-title h1, .sales-order-view .col-main .page-title h1, .sales-order-history .col-main .page-title h1 {
  background: #343434;
  color: #ffffff;
  padding: 5px 10px;
}
.customer-account-index .col-main .box-head, .customer-account-edit .col-main .box-head, .wishlist-index-index .col-main .box-head, .newsletter-manage-index .col-main .box-head, .customer-address-form .col-main .box-head, .customer-address-index .col-main .box-head, .sales-order-view .col-main .box-head, .sales-order-history .col-main .box-head {
  border: none;
}
.customer-account-index .col-main .box-head h2, .customer-account-edit .col-main .box-head h2, .wishlist-index-index .col-main .box-head h2, .newsletter-manage-index .col-main .box-head h2, .customer-address-form .col-main .box-head h2, .customer-address-index .col-main .box-head h2, .sales-order-view .col-main .box-head h2, .sales-order-history .col-main .box-head h2 {
  background: #343434;
  color: #ffffff;
  padding: 5px 10px;
  width: 100%;
}
.customer-account-index .col-main .box p, .customer-account-index .col-main .box address, .customer-account-edit .col-main .box p, .customer-account-edit .col-main .box address, .wishlist-index-index .col-main .box p, .wishlist-index-index .col-main .box address, .newsletter-manage-index .col-main .box p, .newsletter-manage-index .col-main .box address, .customer-address-form .col-main .box p, .customer-address-form .col-main .box address, .customer-address-index .col-main .box p, .customer-address-index .col-main .box address, .sales-order-view .col-main .box p, .sales-order-view .col-main .box address, .sales-order-history .col-main .box p, .sales-order-history .col-main .box address {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
}
.customer-account-index .col-main h4, .customer-account-edit .col-main h4, .wishlist-index-index .col-main h4, .newsletter-manage-index .col-main h4, .customer-address-form .col-main h4, .customer-address-index .col-main h4, .sales-order-view .col-main h4, .sales-order-history .col-main h4 {
  font-weight: 600;
}

.customer-account-edit p.required {
  float: right;
}

.customer-address-index .addresses-additional {
  clear: both;
}
@media screen and (min-width: 48.0625em) {
  .customer-address-index .addresses-additional {
    clear: none;
  }
}

.fields .input-box select {
  position: relative;
  color: #fff;
  background-color: transparent;
  background-image: none;
  border: 0;
  cursor: pointer;
  padding: 0 10px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.fields .input-box select option {
  color: #000;
}

.form-list .control label {
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
.form-list .control label:hover {
  background-color: transparent;
}

body.checkout-cart-index .affirm-promo iframe {
  width: 100%;
}
@media screen and (min-width: 30em) {
  body.checkout-cart-index .affirm-promo iframe {
    width: 468px;
  }
}

.cart tr, .checkout-onepage-index .opc #opc-review tr, .cart td, .checkout-onepage-index .opc #opc-review td {
  border: none;
}
.cart .page-title, .checkout-onepage-index .opc #opc-review .page-title {
  border: none;
}
.cart .page-title h1, .checkout-onepage-index .opc #opc-review .page-title h1 {
  color: #000;
}
.cart #shopping-cart-table, .checkout-onepage-index .opc #opc-review #shopping-cart-table, .checkout-onepage-index .opc #opc-review #checkout-review-table {
  width: 100%;
  table-layout: auto;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 599px) {
  .cart #shopping-cart-table td[data-rwd-label]:before, .checkout-onepage-index .opc #opc-review #shopping-cart-table td[data-rwd-label]:before, .checkout-onepage-index .opc #opc-review #checkout-review-table td[data-rwd-label]:before {
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
  }
}
.cart #shopping-cart-table thead, .checkout-onepage-index .opc #opc-review #shopping-cart-table thead, .checkout-onepage-index .opc #opc-review #checkout-review-table thead {
  color: #fff;
  font-size: 18px;
}
.cart #shopping-cart-table thead th, .checkout-onepage-index .opc #opc-review #shopping-cart-table thead th, .checkout-onepage-index .opc #opc-review #checkout-review-table thead th {
  background-color: #000;
  padding: 10px 15px;
  border: none;
}
.cart #shopping-cart-table tfoot tr, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot tr, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot tr {
  border: none;
  background: none;
}
.cart #shopping-cart-table tfoot .btn-continue, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .btn-continue, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .btn-continue {
  float: left;
}
.cart #shopping-cart-table tfoot .btn-update, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .btn-update, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .btn-update {
  display: none;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tfoot .btn-update, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .btn-update, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .btn-update {
    display: inline-block;
  }
}
.cart #shopping-cart-table tbody tr, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody tr, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody tr {
  border: none;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody td, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody td, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody td {
    padding: 15px;
  }
}
.cart #shopping-cart-table tbody .product-cart-image, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-image, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-image {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product-cart-image, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-image, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-image {
    width: 25%;
  }
}
.cart #shopping-cart-table tbody .product__name, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__name, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__name {
  padding-bottom: 15px;
  font-size: 18px;
}
.cart #shopping-cart-table tbody .product__delete-img, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__delete-img, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__delete-img {
  display: inline-block;
  float: left;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product__delete-img, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__delete-img, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__delete-img {
    display: inline-block;
  }
}
.cart #shopping-cart-table tbody .product__delete-img .btn__remove, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__delete-img .btn__remove, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__delete-img .btn__remove {
  color: #82cdf2;
  display: inline-block;
}
.cart #shopping-cart-table tbody .product__delete-text, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__delete-text, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__delete-text {
  display: inline-block;
  padding-left: 5px;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product__delete-text, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__delete-text, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__delete-text {
    display: inline-block;
  }
}
.cart #shopping-cart-table tbody .item-options dd, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .item-options dd, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .item-options dd {
  margin-top: 0.75em;
}
.cart #shopping-cart-table tbody .product-cart-info, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-info, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-info {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product-cart-info, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-info, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-info {
    width: 40%;
  }
}
.cart #shopping-cart-table tbody .product-cart-price, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-price, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-price {
  width: 100%;
}
.cart #shopping-cart-table tbody .product-cart-price .price, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-price .price, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-price .price {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product-cart-price, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-price, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-price {
    width: inherit;
  }
  .cart #shopping-cart-table tbody .product-cart-price .price, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-price .price, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-price .price {
    font-size: inherit;
  }
}
.cart #shopping-cart-table tbody .product-cart-actions, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product-cart-actions, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions {
    width: inherit;
  }
}
.cart #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small {
  display: inline-block;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small {
    display: none;
  }
}
.cart #shopping-cart-table tbody .product__qty, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__qty, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__qty {
  border: 2px solid #000;
  color: #000;
  padding: 5px;
  border-radius: 2px;
  height: 3em;
  display: inline-block;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product__qty, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product__qty, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product__qty {
    margin: 0 auto;
    display: block;
  }
}
.cart #shopping-cart-table tbody .product-cart-total, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-total, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-total {
  text-align: center;
  display: none;
}
@media screen and (min-width: 30em) {
  .cart #shopping-cart-table tbody .product-cart-total, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-total, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-total {
    display: block;
  }
}
.cart .cart-forms, .checkout-onepage-index .opc #opc-review .cart-forms {
  width: 100%;
  float: left;
}
@media screen and (min-width: 30em) {
  .cart .cart-forms, .checkout-onepage-index .opc #opc-review .cart-forms {
    width: 49%;
  }
}
.cart .cart-forms .discount, .checkout-onepage-index .opc #opc-review .cart-forms .discount {
  background-color: transparent;
  border: none;
}
.cart .cart-forms #discount-coupon-form label, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form label {
  font-weight: 600;
}
.cart .cart-forms #discount-coupon-form .input-box, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form .input-box {
  display: inline-block;
}
.cart .cart-forms #discount-coupon-form .input-text, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form .input-text {
  display: inline-block;
  border: 0.09em solid #000 !important;
  padding: 10px 8px;
  height: 40px;
}
.cart .cart-forms #discount-coupon-form .button, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form .button, .cart .cart-forms #discount-coupon-form .header .header--newsletter input[type="submit"], .header .header--newsletter .cart .cart-forms #discount-coupon-form input[type="submit"], .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form .header .header--newsletter input[type="submit"], .header .header--newsletter .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form input[type="submit"], .cart .cart-forms #discount-coupon-form #shopping-cart-table tfoot button, .cart #shopping-cart-table tfoot .cart-forms #discount-coupon-form button, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .cart-forms #discount-coupon-form button, .cart .cart-forms #discount-coupon-form .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form #checkout-review-table tfoot button, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .cart-forms #discount-coupon-form button, .cart .cart-forms #discount-coupon-form #shopping-cart-table tbody .product-cart-actions .button--small, .cart #shopping-cart-table tbody .product-cart-actions .cart-forms #discount-coupon-form .button--small, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .cart-forms #discount-coupon-form .button--small, .cart .cart-forms #discount-coupon-form .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review .cart-forms #discount-coupon-form #checkout-review-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .cart-forms #discount-coupon-form .button--small {
  display: inline-block;
  vertical-align: bottom;
}
.cart .cart-totals-wrapper, .checkout-onepage-index .opc #opc-review .cart-totals-wrapper {
  width: 100%;
  float: right;
}
@media screen and (min-width: 30em) {
  .cart .cart-totals-wrapper, .checkout-onepage-index .opc #opc-review .cart-totals-wrapper {
    width: 49%;
  }
}
.cart .cart-totals, .checkout-onepage-index .opc #opc-review .cart-totals {
  background-color: transparent;
  border: none;
}
.cart .cart-totals #shopping-cart-totals-table, .checkout-onepage-index .opc #opc-review .cart-totals #shopping-cart-totals-table {
  margin-bottom: 25px;
  width: 100%;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  table-layout: auto;
  font-size: 16px;
}
.cart .cart-totals #shopping-cart-totals-table tfoot, .checkout-onepage-index .opc #opc-review .cart-totals #shopping-cart-totals-table tfoot {
  border: none;
}
.cart .cart-totals #shopping-cart-totals-table tfoot td, .checkout-onepage-index .opc #opc-review .cart-totals #shopping-cart-totals-table tfoot td {
  font-size: 12px;
}
.cart .cart-totals #shopping-cart-totals-table tfoot td:first-child, .checkout-onepage-index .opc #opc-review .cart-totals #shopping-cart-totals-table tfoot td:first-child {
  padding-right: 15px;
}
.cart .cart-totals #shopping-cart-totals-table tbody td, .checkout-onepage-index .opc #opc-review .cart-totals #shopping-cart-totals-table tbody td {
  font-size: 16px;
}
.cart .cart-totals #shopping-cart-totals-table tbody td:first-child, .checkout-onepage-index .opc #opc-review .cart-totals #shopping-cart-totals-table tbody td:first-child {
  padding-right: 15px;
}
.cart .checkout-types img, .checkout-onepage-index .opc #opc-review .checkout-types img {
  width: auto;
}
.cart .checkout-types .paypal-logo a, .checkout-onepage-index .opc #opc-review .checkout-types .paypal-logo a {
  display: block;
}
.cart .crosssell, .checkout-onepage-index .opc #opc-review .crosssell {
  width: 100%;
}
.cart .crosssell h2, .checkout-onepage-index .opc #opc-review .crosssell h2 {
  color: #ed1c24;
  font-size: 20px;
  font-weight: 600;
}
.cart #crosssell-products-list, .checkout-onepage-index .opc #opc-review #crosssell-products-list {
  list-style-type: none;
}
.cart #crosssell-products-list li, .checkout-onepage-index .opc #opc-review #crosssell-products-list li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 30em) {
  .cart #crosssell-products-list li, .checkout-onepage-index .opc #opc-review #crosssell-products-list li {
    width: 33.33%;
  }
}
@media screen and (min-width: 48.0625em) {
  .cart #crosssell-products-list li, .checkout-onepage-index .opc #opc-review #crosssell-products-list li {
    width: 20%;
  }
}
.cart #crosssell-products-list .product-image, .checkout-onepage-index .opc #opc-review #crosssell-products-list .product-image {
  float: none;
  width: 75%;
  margin: 0 auto 15px;
}
.cart #crosssell-products-list .product-name, .checkout-onepage-index .opc #opc-review #crosssell-products-list .product-name {
  min-height: 2.7em;
  text-align: center;
}
.cart #crosssell-products-list .product-name a, .checkout-onepage-index .opc #opc-review #crosssell-products-list .product-name a {
  color: #000;
  font-weight: 600;
}
.cart #crosssell-products-list .regular-price, .checkout-onepage-index .opc #opc-review #crosssell-products-list .regular-price {
  padding-top: 15px;
}
.cart #crosssell-products-list .price-box, .checkout-onepage-index .opc #opc-review #crosssell-products-list .price-box {
  text-align: center;
  color: #a0a0a0;
  font-size: 13px;
  font-weight: 600;
}
.cart #crosssell-products-list .price-box .old-price .price, .checkout-onepage-index .opc #opc-review #crosssell-products-list .price-box .old-price .price {
  color: #a0a0a0;
}
.cart #crosssell-products-list .price-box .price, .checkout-onepage-index .opc #opc-review #crosssell-products-list .price-box .price {
  color: #ed1c24;
}

.crosssell #crosssell-products-list .button, .crosssell #crosssell-products-list .header .header--newsletter input[type="submit"], .header .header--newsletter .crosssell #crosssell-products-list input[type="submit"], .crosssell #crosssell-products-list .cart #shopping-cart-table tfoot button, .cart #shopping-cart-table tfoot .crosssell #crosssell-products-list button, .crosssell #crosssell-products-list .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot button, .checkout-onepage-index .opc #opc-review #shopping-cart-table tfoot .crosssell #crosssell-products-list button, .crosssell #crosssell-products-list .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot button, .checkout-onepage-index .opc #opc-review #checkout-review-table tfoot .crosssell #crosssell-products-list button, .crosssell #crosssell-products-list .cart #shopping-cart-table tbody .product-cart-actions .button--small, .cart #shopping-cart-table tbody .product-cart-actions .crosssell #crosssell-products-list .button--small, .crosssell #crosssell-products-list .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #shopping-cart-table tbody .product-cart-actions .crosssell #crosssell-products-list .button--small, .crosssell #crosssell-products-list .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .button--small, .checkout-onepage-index .opc #opc-review #checkout-review-table tbody .product-cart-actions .crosssell #crosssell-products-list .button--small {
  display: block;
  margin: 15px auto 0;
  font-size: 14px;
}

.crosssell #crosssell-products-list .price-box p {
  margin: 0;
}

@media only screen and (max-width: 979px) {
  .display-single-price .crosssell {
    clear: none;
    float: none;
    width: 100%;
  }

  .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li {
    width: 20%;
    margin-right: 4.54545%;
  }

  .crosssell .products-grid > li:nth-child(odd) {
    clear: none;
  }
}
@media only screen and (max-width: 820px) {
  .crosssell .products-grid li {
    width: 50%;
  }

  .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li {
    width: 50%;
  }
}
.products .product {
  float: left;
  display: block;
  width: 100%;
  margin: 1%;
  border: 2px solid #000;
}
@media screen and (min-width: 30em) {
  .products .product {
    width: 48%;
  }
}
@media screen and (min-width: 48.0625em) {
  .products .product {
    width: 31.33%;
  }
}
@media screen and (min-width: 62em) {
  .products .product {
    width: 23%;
  }
}
.products .product .product--img {
  border-bottom: 2px solid #000;
}
.products .product .product--img img {
  width: 100%;
}
.products .product .product__info {
  padding: 5px;
  float: left;
  width: 100%;
}
.products .product .product__info .product--name {
  font-weight: 600;
  min-height: 5em;
  max-height: 5em;
  overflow: hidden;
}
.products .product .product__info .product--name a {
  color: #000;
}
.products .product .product__info .review-stars {
  min-height: 28px;
}
.products .product .product__info .price-box {
  font-family: "Roboto Condensed", sans-serif;
  width: 30%;
  float: left;
}
.products .product .product__info .price-box .price {
  font-family: inherit;
  font-weight: 600;
  color: #ed1c24;
}
.products .product .product__info .product--sku {
  float: right;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  margin-top: 10px;
  width: 70%;
  text-align: right;
}
.products .product .product__info .actions {
  clear: both;
}
.products .product .product__info .actions .btn--learn-more {
  width: 48.5%;
  padding: 0;
}
.products .product .product__info .actions .btn-cart {
  float: right;
  width: 48.5%;
  padding: 0;
}

.toolbar {
  background-color: transparent;
  border: none;
}
.toolbar .pages a, .toolbar .pages .current {
  border: none;
  vertical-align: top;
  background-color: #ed1c24;
  margin: 5px;
  font-size: 16px;
}
.toolbar .pages .next:hover, .toolbar .pages .previous:hover {
  border: none;
}
.toolbar .pages .next img, .toolbar .pages .previous img {
  display: none;
}
.toolbar .pages .previous:hover:before {
  border-right: 4px solid red;
}
.toolbar .pager {
  float: none;
}
.toolbar .pager .amount {
  display: none;
}
.toolbar .pager .limiter {
  display: none;
}
.toolbar .pager .pages {
  float: none;
  margin: 0 auto;
  width: 255px;
}
.toolbar .pager .pages ol li,
.toolbar .pager .pages ol li a {
  color: white;
}
.toolbar .pager .pages .current {
  color: black;
  width: 25px;
}
.toolbar .pager .pages .next:before {
  border-left: 4px solid white;
}
.toolbar .pager .pages .previous:before {
  border-right: 4px solid white;
}
.toolbar .sorter {
  display: none;
}

.category-description.std {
  margin-bottom: 50px;
  text-transform: none;
}

/* ==========================================================================
   Checkout
   ========================================================================== */
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
  opacity: 1;
}
body:not(.customer-account) .block:first-child .block-title {
  padding: 10px;
}

.checkout-onepage-index .col-main {
  float: right;
  padding-right: 0;
  width: 100%;
}
@media screen and (min-width: 48.0625em) {
  .checkout-onepage-index .col-main {
    width: 75%;
  }
}
.checkout-onepage-index .col-main .page-title h1 {
  background: #343434;
  color: #ffffff;
  padding: 5px 10px;
}
.checkout-onepage-index .opc .section {
  margin: 0 0 5px 0;
}
.checkout-onepage-index .opc .section.allow .step-title:hover h2 {
  color: #fff;
}
.checkout-onepage-index .opc .section.active .step-title, .checkout-onepage-index .opc .section .step-title {
  border: none;
  color: #ffffff;
  font-weight: 600;
}
.checkout-onepage-index .opc .section.active .step-title .number, .checkout-onepage-index .opc .section .step-title .number {
  background-color: transparent;
}
.checkout-onepage-index .opc .section.active .step-title h2, .checkout-onepage-index .opc .section .step-title h2 {
  color: #fff;
  font-weight: 600;
}
.checkout-onepage-index .opc .section.active .step-title {
  background: #343434;
}
.checkout-onepage-index .opc .section .step-title {
  background: #acacac;
}
.checkout-onepage-index .opc fieldset {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 100%;
}
.checkout-onepage-index .opc fieldset p.required {
  float: right;
  font-style: normal;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}
.checkout-onepage-index .opc .buttons-set {
  border: none;
}
.checkout-onepage-index .opc .control label, .checkout-onepage-index .opc #checkout-shipping-method-load .sp-methods dd label, .checkout-onepage-index .opc .sp-methods dt label {
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
.checkout-onepage-index .opc .form-list label {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
}
.checkout-onepage-index .opc .form-list input[type="text"], .checkout-onepage-index .opc .form-list input[type="password"] {
  width: 100%;
  border-radius: 0px;
  height: 40px;
  border: 1px solid #000;
}
@media screen and (min-width: 48.0625em) {
  .checkout-onepage-index .opc .form-list input[type="text"], .checkout-onepage-index .opc .form-list input[type="password"] {
    width: 320px;
  }
}
.checkout-onepage-index .opc .form-list select {
  position: relative;
  color: #fff;
  background-color: transparent;
  background-image: none;
  border: 0;
  cursor: pointer;
  padding: 0 40px 0 10px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.checkout-onepage-index .opc .form-list select option {
  color: #000;
}
.checkout-onepage-index .opc #opc-login h3, .checkout-onepage-index .opc #opc-login h4 {
  font-weight: 700;
}
.checkout-onepage-index .opc #opc-login .ul {
  margin-left: 40px;
}
.checkout-onepage-index .opc #opc-login .ul li {
  list-style-type: circle;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
}
.checkout-onepage-index .opc #login-form li {
  margin-bottom: 0;
}
.checkout-onepage-index .opc #login-form li a {
  text-transform: uppercase;
  font-weight: 700;
}
.checkout-onepage-index .opc #opc-payment dt label img {
  max-width: 100px;
  width: auto;
}
.checkout-onepage-index .opc #opc-review #checkout-review-table {
  font-size: 12px;
  padding: 10px;
}
.checkout-onepage-index .sidebar {
  width: 25%;
}
.checkout-onepage-index .sidebar .block-progress {
  border: 0;
  padding: 0;
  font-weight: 700;
}
.checkout-onepage-index .sidebar .block-progress dt {
  background: #acacac;
  color: #ffffff;
  padding: 10px;
  font-weight: 700;
}
.checkout-onepage-index .sidebar .block-title {
  position: relative;
  background: #343434;
  color: #ffffff;
  padding: 9px;
  margin-bottom: 5px;
}
.checkout-onepage-index .sidebar .block-title strong {
  color: #fff;
  font-weight: 700;
}
.checkout-onepage-index .sidebar .block-content {
  margin: 15px 0;
}

body.checkout-onepage-success, body.checkout-onepage-failure {
  color: #000;
}
body.checkout-onepage-success .col1-layout, body.checkout-onepage-failure .col1-layout {
  text-align: center;
}
body.checkout-onepage-success .page-title h1, body.checkout-onepage-failure .page-title h1 {
  color: #000;
}
body.checkout-onepage-success .sub-title, body.checkout-onepage-failure .sub-title {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}

.sales-order-print col, .sales-order-view col, .sales-order-history col {
  width: 100%;
}

.catalog-product-view .breadcrumbs {
  display: none;
}

.product-view .product-notice {
  color: red;
  font-size: 14px;
}
.product-view .product-shop {
  float: right;
  margin-top: 50px;
}
@media screen and (min-width: 48.0625em) {
  .product-view .product-shop {
    margin-top: 0;
  }
}
.product-view .product-shop .product--name h1 {
  font-size: 18px;
  font-weight: 600;
}
.product-view .product-shop .retail--price {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.product-view .product-shop .retail--price .price {
  font-family: "Roboto Condensed", sans-serif;
}
.product-view .product-shop .price-box {
  text-transform: uppercase;
}
.product-view .product-shop .price-box .regular-price, .product-view .product-shop .price-box .regular-price .price {
  font-family: "Roboto Condensed", sans-serif;
  color: #ed1c24;
  font-weight: 600;
  font-size: 24px;
}
.product-view .product-shop .product-options {
  border: none;
  padding: 0;
}
.product-view .product-shop .product-options select {
  margin-bottom: 0;
}
.product-view .product-shop .product-options p.required, .product-view .product-shop .product-options .required:after {
  display: none;
}
.product-view .product-shop .product-options-bottom {
  border: none;
  padding: 0;
  background-color: transparent;
}
.product-view .product-shop .product-options-bottom .add-to-links {
  display: none;
}
.product-view .product-shop .add-to-cart {
  border: none;
  margin-top: 25px;
}
.product-view .product-shop .add-to-links a, .product-view .product-shop .pdp--register a {
  text-decoration: underline;
  color: #000;
}
.product-view .product-shop .ships-in {
  margin-bottom: 10px;
  color: #ed1c24;
  font-weight: 900;
}
.product-view .product-shop .pdp--register {
  margin-bottom: 10px;
}
.product-view .product-shop .description span {
  color: #ed1c24;
}
.product-view .product-img-box img {
  width: 100%;
}
.product-view .product-img-box #js-product-img-slider {
  width: 92%;
  margin: 0 auto;
}
.product-view .product-img-box .more-views {
  float: left;
}
.product-view .product-img-box .product--thumb {
  margin-top: 20px;
  padding: 0 25px;
}
.product-view .product-img-box .product--thumb .product--thumb__item {
  cursor: pointer;
  float: left;
  display: inline;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 23.7625%;
  margin-left: 0;
  margin-right: 1.65%;
}
.product-view .product-img-box .product--thumb .product--thumb__item:nth-child(4n) {
  margin-right: 0;
}
.product-view .accordion--container {
  margin-bottom: 10px;
}
.product-view .accordion--container.active .accordion--title:before {
  content: '\f068';
}
.product-view .accordion--container .accordion--title {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.product-view .accordion--container .accordion--title:before {
  position: absolute;
  left: 0;
  top: 1.5px;
  font-family: Fontawesome;
  content: '\f067';
  display: inline-block;
  font-size: 10px;
  top: 6px;
}
.product-view .accordion--container .accordion--title h2 {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
.product-view .accordion--container .accordion--body {
  display: none;
  text-transform: none;
  margin-top: 5px;
}
.product-view .box-up-sell li {
  margin-bottom: 0;
  position: relative;
  display: block;
  width: 100%;
  min-height: 30px;
  clear: both;
  margin-bottom: 5px;
}
.product-view .box-up-sell li .price-box .price {
  color: #ed1c24;
  font-size: 13px;
}
.product-view .box-up-sell li a {
  float: left;
}
.product-view .box-up-sell input[type=checkbox] {
  display: none;
}
.product-view .box-up-sell input[type=checkbox] + label.related-product-name:before {
  content: '';
  padding: 0 0.1rem;
  max-height: 1rem;
  height: 13px;
  width: 13px;
  font-size: 12px;
  position: absolute;
  left: 0;
  background-color: #ddd;
  border: 1px solid #999;
}
.product-view .box-up-sell input[type=checkbox]:checked + label.related-product-name:before {
  content: 'X';
}
.product-view .box-up-sell label {
  float: left;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.15;
  color: #333;
  cursor: pointer;
  margin: 0;
}
.product-view .box-up-sell label.related-product-name {
  position: relative;
  padding-left: 1rem;
}
.product-view .box-up-sell label.related-product-name:after {
  content: '-';
  margin-left: 4px;
  margin-right: 4px;
}
.product-view .box-up-sell .related-product-name {
  padding: 0;
}
.product-view .box-up-sell .related-product-name a {
  color: #000;
  text-transform: none;
  text-decoration: none;
}
.product-view .box-up-sell .price-box {
  display: inline-block;
  font-size: 12px;
}
.product-view .box-up-sell .price-box .old-price {
  display: none;
}
.product-view .box-up-sell .price-box .special-price {
  padding: 0;
  font-size: 12px;
}
.product-view .box-up-sell .price-box .regular-price, .product-view .box-up-sell .price-box .regular-price .price {
  font-size: 12px;
}
.product-view .box-up-sell .fa {
  font-size: 14px;
  margin-left: 10px;
  color: #ed1c24;
  vertical-align: super;
}

.features--block ul {
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}

.pdp--gallery {
  clear: both;
  padding: 25px 0;
}
@media screen and (min-width: 48.0625em) {
  .pdp--gallery {
    width: 75%;
    margin: 0 auto;
  }
}

.pdp--related h2 {
  font-weight: 900;
}
.pdp--related .product {
  float: left;
  display: block;
  width: 100%;
  margin: 1%;
  border: 2px solid #000;
}
@media screen and (min-width: 30em) {
  .pdp--related .product {
    width: 48%;
  }
}
@media screen and (min-width: 48.0625em) {
  .pdp--related .product {
    width: 31.33%;
  }
}
@media screen and (min-width: 62em) {
  .pdp--related .product {
    width: 23%;
  }
}
.pdp--related .product .product--img {
  border-bottom: 2px solid #000;
}
.pdp--related .product .product--img img {
  width: 100%;
}
.pdp--related .product .product__info {
  padding: 5px;
  float: left;
  width: 100%;
}
.pdp--related .product .product__info .product--name {
  font-weight: 600;
  min-height: 5em;
  max-height: 5em;
  overflow: hidden;
}
.pdp--related .product .product__info .product--name a {
  color: #000;
}
.pdp--related .product .product__info .price-box {
  font-family: "Roboto Condensed", sans-serif;
  width: 30%;
  float: left;
}
.pdp--related .product .product__info .price-box .price {
  font-family: inherit;
  font-weight: 600;
  color: #ed1c24;
}
.pdp--related .product .product__info .product--sku {
  float: right;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  margin-top: 10px;
  width: 70%;
  text-align: right;
}
.pdp--related .product .product__info .actions {
  clear: both;
}
.pdp--related .product .product__info .actions .btn--learn-more {
  width: 48.5%;
  padding: 0;
}
.pdp--related .product .product__info .actions .btn-cart {
  float: right;
  width: 48.5%;
  padding: 0;
}

.pdp--pagetabs {
  margin-bottom: 50px;
}
.pdp--pagetabs .js-tab {
  display: inline-block;
  padding: 15px 15px;
  border-left: solid 1px #cccccc;
  margin-right: -4px;
  color: #6a6a6a;
  font-size: 18px;
}
.pdp--pagetabs .js-tab.active, .pdp--pagetabs .js-tab.slick-active {
  position: relative;
  color: #000;
}
.pdp--pagetabs .js-tab.active:after, .pdp--pagetabs .js-tab.slick-active:after {
  content: '';
  position: absolute;
  background-color: #ed1c24;
  height: 5px;
  left: 0;
  right: 0;
  bottom: 0;
}
.pdp--pagetabs .js-tab:hover {
  cursor: pointer;
}
.pdp--pagetabs .js-tabs.slick-initialized .js-tab {
  border-left: none;
  text-align: center;
}
.pdp--pagetabs .tab--content {
  padding: 40px 0 0;
  border-top: 1px solid #cccccc;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: none;
}
.pdp--pagetabs .tab--content:not(.slick-slide) {
  display: none;
}
.pdp--pagetabs .tab--content.active {
  display: block;
}
.pdp--pagetabs .tab--content ul {
  list-style-type: disc;
  margin: 0;
  padding-left: 60px;
}
.pdp--pagetabs .tab--content ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 60px;
}
.pdp--pagetabs .tab--content li {
  padding-left: 20px;
}
.pdp--pagetabs #support .support--text, .pdp--pagetabs #support .promo--text, .pdp--pagetabs #promo .support--text, .pdp--pagetabs #promo .promo--text {
  margin-bottom: 15px;
}
.pdp--pagetabs #support a, .pdp--pagetabs #promo a {
  text-decoration: underline;
  text-underline-position: under;
}

.catalog-product-view .bv-cv2-cleanslate .bv-core-container-24 .bv-details-bar {
  display: none !important;
}
.catalog-product-view .bv-cv2-cleanslate .bv-core-container-24 .bv-summary-bar .bv-action-bar {
  display: none !important;
}
.catalog-product-view .pdp--ratings-summmary {
  margin-bottom: 10px;
}
.catalog-product-view .bv-cv2-cleanslate .bv-core-container-26 .bv-details-bar {
  display: none !important;
}
.catalog-product-view .bv-cv2-cleanslate .bv-core-container-26 .bv-summary-bar .bv-action-bar {
  display: none !important;
}
.catalog-product-view .pdp--ratings-summmary-test {
  margin-bottom: 10px;
}

/* ==========================================================================
   Landing Page New
   ========================================================================== */
.new-landing ul, .new-landing ol {
  margin-left: 20px;
}
.new-landing ul {
  list-style-type: disc;
}
.new-landing ol {
  list-style-type: decimal;
}
.new-landing .hero-container.color-black {
  background-color: #000;
  color: #fff;
}
.new-landing .hero-container.color-white {
  background-color: #fff;
  color: #000;
}
.new-landing .hero-container .l-container {
  position: relative;
}
.new-landing .hero {
  position: relative;
  min-height: 750px;
}
.new-landing .hero--image {
  text-align: center;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .hero--image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    transform: translateY(-50%);
  }
}
.new-landing .hero--image img {
  width: 75%;
}
.new-landing .hero--copy {
  text-align: center;
  padding: 25px 10px;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .hero--copy {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    transform: translateY(-50%);
  }
}
.new-landing .hero--title-img {
  margin-bottom: 20px;
  line-height: 0;
  text-align: center;
}
.new-landing .hero--title-img img {
  width: 65%;
}
.new-landing .hero--title {
  color: #ed1c24;
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .hero--title {
    font-size: 29px;
  }
}
.new-landing .hero--text {
  font-size: 14px;
  margin-bottom: 30px;
}
.new-landing .hero--button button {
  font-size: 24px;
  min-width: 175px;
  height: 60px;
}
.new-landing .features {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  min-height: 375px;
}
.new-landing .features--title {
  text-align: center;
  padding: 30px 0;
  color: #ed1c24;
  text-transform: uppercase;
  font-size: 21px;
}
.new-landing .features--list {
  line-height: 2.12;
  padding-bottom: 25px;
  font-size: 16px;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .features--left {
    width: 55%;
    float: left;
  }
}
@media screen and (min-width: 48.0625em) {
  .new-landing .features--right {
    width: 40%;
    float: right;
  }
}
.new-landing .features--bottom {
  font-size: 12px;
  text-align: center;
  padding-bottom: 25px;
}
.new-landing .products {
  margin-top: 45px;
}
.new-landing .product {
  width: 100%;
  margin: 0 0 40px 0;
  text-align: center;
  border: none;
}
@media screen and (min-width: 30em) {
  .new-landing .product {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 48.0625em) {
  .new-landing .product {
    width: 33.33%;
  }
}
.new-landing .product--image {
  padding-bottom: 35px;
}
.new-landing .product--image img {
  width: 85%;
}
.new-landing .product--name {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 17px;
}
.new-landing .product--button button {
  font-size: 14px;
  width: 100px;
  height: 27px;
  text-transform: uppercase;
  padding: 0;
  border-radius: 0;
}
.new-landing .pagetabs {
  background-color: #000;
  color: #fff;
  border-bottom: solid 1px #fff;
  padding: 50px 0 35px;
}
.new-landing .js-tabs {
  text-align: center;
}
.new-landing .js-tab, .new-landing .js-tab.active, .new-landing .js-tab:hover {
  background-color: transparent;
  border: none;
  color: #ed1c24;
  font-size: 21px;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 1;
  padding: 15px 15px;
}
.new-landing .js-tab:first-child, .new-landing .js-tab.active:first-child, .new-landing .js-tab:hover:first-child {
  margin: 0;
  border: none;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .js-tab, .new-landing .js-tab.active, .new-landing .js-tab:hover {
    font-size: 21px;
    border-left: solid 2px #333;
    text-decoration: none;
    padding: 0 15px;
  }
}
.new-landing .tab--content, .new-landing .tab--content.active {
  border: none;
  color: #fff;
}
.new-landing .tab--content p, .new-landing .tab--content.active p {
  color: #fff;
}
.new-landing .tab--content a, .new-landing .tab--content.active a {
  color: #ed1c24;
}
.new-landing .content--slides {
  margin: 0 10px;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .content--slides {
    margin: 0 75px;
  }
}
.new-landing .slide--content {
  position: relative;
}
.new-landing .slide--content .slide--image {
  width: 50%;
  margin: 0 auto;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .slide--content .slide--image {
    margin: 0;
  }
}
@media screen and (min-width: 48.0625em) {
  .new-landing .slide--content img {
    width: 75%;
    margin: 0 auto;
  }
}
.new-landing .slide--content .slide--text {
  padding-top: 15px;
}
@media screen and (min-width: 48.0625em) {
  .new-landing .slide--content .slide--text {
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0;
  }
}
.new-landing .slide--content .slide--text__additional {
  padding-top: 30px;
}

/* ==========================================================================
   Landing Page New - Detailed
   ========================================================================== */
.deatils--new-landing {
  font-size: 14px;
}
.deatils--new-landing .l-container {
  padding: 0 10px;
}
.deatils--new-landing h1 {
  font-size: 2em;
  font-weight: bold;
}
.deatils--new-landing h2 {
  font-size: 1.5em;
  font-weight: 600;
}
.deatils--new-landing h3 {
  font-size: 1.2em;
  font-weight: 600;
}
.deatils--new-landing ul, .deatils--new-landing ol {
  margin-left: 20px;
}
.deatils--new-landing ul {
  list-style-type: disc;
}
.deatils--new-landing ol {
  list-style-type: decimal;
}
.deatils--new-landing .hero--image img {
  width: 100%;
}
.deatils--new-landing .page--title {
  padding-top: 25px;
}
.deatils--new-landing .page--subtitle {
  color: #999999;
}
.deatils--new-landing .detail {
  padding-bottom: 10px;
}
.deatils--new-landing .detail--title {
  color: #ed1c24;
}
@media screen and (min-width: 48.0625em) {
  .deatils--new-landing .l-container {
    padding: 0;
  }
  .deatils--new-landing .detail.left .detail--image {
    float: left;
    width: 24%;
  }
  .deatils--new-landing .detail.left .detail--text {
    float: right;
    width: 74%;
  }
  .deatils--new-landing .detail.right .detail--image {
    float: right;
    width: 24%;
  }
  .deatils--new-landing .detail.right .detail--text {
    float: left;
    width: 74%;
  }
}
.deatils--new-landing .buttons {
  padding: 15px 0;
  text-align: center;
}
.deatils--new-landing .buttons a {
  text-decoration: none;
}
.deatils--new-landing .buttons button {
  margin-bottom: 10px;
}
@media screen and (min-width: 48.0625em) {
  .deatils--new-landing .buttons button {
    margin-bottom: 0;
    margin-right: 5px;
  }
}
.deatils--new-landing .products {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.deatils--new-landing .product {
  width: 100%;
  margin: 0 0 40px 0;
  text-align: center;
  border: none;
}
@media screen and (min-width: 30em) {
  .deatils--new-landing .product {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 48.0625em) {
  .deatils--new-landing .product {
    width: 33.33%;
  }
}
.deatils--new-landing .product--image {
  padding-bottom: 35px;
}
.deatils--new-landing .product--image img {
  width: 85%;
}
.deatils--new-landing .product--name {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 17px;
}
.deatils--new-landing .product--button button {
  font-size: 14px;
  width: 100px;
  height: 27px;
  text-transform: uppercase;
  padding: 0;
  border-radius: 0;
}

.product-registration--page, .wifi-registration--page {
  padding: 35px;
}
.product-registration--page .page--title, .wifi-registration--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  clear: both;
}
.product-registration--page .entry-content, .wifi-registration--page .entry-content {
  margin-bottom: 15px;
}
.product-registration--page .entry-content.terms-block, .wifi-registration--page .entry-content.terms-block {
  height: 300px;
  overflow: scroll;
  border: 1px solid #000;
  padding: 15px;
  clear: both;
}
.product-registration--page .terms, .wifi-registration--page .terms {
  float: right;
}
.product-registration--page .terms input, .product-registration--page .terms label, .wifi-registration--page .terms input, .wifi-registration--page .terms label {
  display: inline-block;
  color: #ed1c24;
}
.product-registration--page .terms label, .wifi-registration--page .terms label {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}
.product-registration--page form, .wifi-registration--page form {
  color: #000;
  margin-bottom: 15px;
}
.product-registration--page label span, .wifi-registration--page label span {
  color: #ed1c24;
}
.product-registration--page input, .wifi-registration--page input {
  max-width: 100%;
}
@media screen and (min-width: 48.0625em) {
  .product-registration--page input, .wifi-registration--page input {
    max-width: 320px;
  }
}
.product-registration--page textarea, .wifi-registration--page textarea {
  width: 100%;
}
@media screen and (min-width: 48.0625em) {
  .product-registration--page textarea, .wifi-registration--page textarea {
    max-width: 500px;
  }
}
.product-registration--page select, .wifi-registration--page select {
  position: relative;
  color: #fff;
  background-color: transparent;
  background-image: none;
  border: 0;
  cursor: pointer;
  padding: 0 40px 0 10px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.product-registration--page select option, .wifi-registration--page select option {
  color: #000;
}
.product-registration--page .required, .wifi-registration--page .required {
  color: #ed1c24;
}
.product-registration--page .gender--options input, .product-registration--page .gender--options label, .wifi-registration--page .gender--options input, .wifi-registration--page .gender--options label {
  display: inline-block;
}

.tech-support--page {
  padding: 35px;
}
.tech-support--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  clear: both;
}
.tech-support--page .page--links {
  font-size: 24px;
}
.tech-support--page .parameters {
  clear: both;
}
.tech-support--page .parameters .parameters--title {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 10px 15px;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ed1c24;
  cursor: pointer;
}
.tech-support--page .parameters .parameters--content {
  display: none;
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
}
.tech-support--page .parameters .parameters--content.active {
  display: block;
}
.tech-support--page .back-to-top {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
}
.tech-support--page .back-to-top:after {
  content: "Back to top ▲";
}

.diablo-unauthorized-dealers-container {
  padding: 35px;
}
.diablo-unauthorized-dealers-container .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
}
.diablo-unauthorized-dealers-container .unauth-dealer {
  width: 100%;
  float: left;
  margin-right: 2%;
  border-top: 1px solid #999;
  padding: 10px;
  min-height: 150px;
}
@media screen and (min-width: 30em) {
  .diablo-unauthorized-dealers-container .unauth-dealer {
    width: 48%;
  }
}
@media screen and (min-width: 48.0625em) {
  .diablo-unauthorized-dealers-container .unauth-dealer {
    width: 30%;
  }
}
.diablo-unauthorized-dealers-container .dealer__header {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.diablo-unauthorized-dealers-container p {
  margin-top: 5px;
}

.page-template-page-video-blog #content {
  min-height: 75vh;
}

.animate {
  height: 480px !important;
}
.animate iframe {
  height: 450px !important;
}

.b_videoblog .b_video {
  padding-bottom: 56.25%;
  position: relative;
}
.b_videoblog .b_video iframe {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}
.b_videoblog .b_videofeed {
  padding-top: 45px;
  padding-bottom: 85px;
  background-color: #eee;
}
.b_videoblog .b_videofeed .row--padding--bottom {
  padding-bottom: 0px;
}
@media screen and (min-width: 48.0625em) {
  .b_videoblog .b_videofeed .row--padding--bottom {
    padding-bottom: 55px;
  }
}
.b_videoblog .b_videofeed .video_container {
  cursor: pointer;
  margin-bottom: 55px;
}
@media screen and (min-width: 48.0625em) {
  .b_videoblog .b_videofeed .video_container {
    margin-bottom: 0px;
  }
}
.b_videoblog .b_videofeed .video--player--container {
  transition: height 0.25s cubic-bezier(0.13, 0.82, 1, 1);
  height: 0px;
}
.b_videoblog .b_videofeed .video--player--container .l-row {
  position: relative;
}
.b_videoblog .b_videofeed .video--player--container .closeDrawer {
  position: absolute;
  top: 0;
  right: 20%;
  cursor: pointer;
}
.b_videoblog .b_videofeed .video--player--container .video--player {
  margin: 0 auto;
  width: 50%;
  margin-bottom: 25px;
}
.b_videoblog .b_videofeed .video--player--container .video--player iframe {
  border: none;
  height: 0px;
  transition: height 0.5s cubic-bezier(0.13, 0.82, 1, 1);
}
.b_videoblog .b_videoblog--title .b_videotitle {
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 48.0625em) {
  .b_videoblog .b_videoblog--title .b_videotitle {
    margin-top: 85px;
    margin-bottom: 85px;
  }
}
.b_videoblog .b_videoblog--title h2 {
  text-align: center;
  font-size: 1.25em;
}
@media screen and (min-width: 48.0625em) {
  .b_videoblog .b_videoblog--title h2 {
    font-size: 2.25em;
  }
}
.b_videoblog .title--small {
  text-align: center;
  font-size: 1em;
}
.b_videoblog img {
  margin-bottom: 1em;
  margin: 0 auto;
  width: 100%;
}

.highlight--page {
  padding: 35px;
}
.highlight--page .page--title {
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  clear: both;
}
.highlight--page .tuning--block {
  padding: 0 15px;
  margin-bottom: 25px;
  text-align: center;
}
.highlight--page .tuning--block:nth-child(4n) {
  margin-right: 0;
}
.highlight--page .tuning--block:nth-child(4n+1) {
  clear: left;
}
.highlight--page .tuning--block .tuning--block__title {
  margin: 15px 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 65px;
  font-size: 20px;
  text-align: center;
}
.highlight--page .tuning--block hr {
  margin: 10px 0;
}
.highlight--page .tuning--block .tuning--block__button {
  display: inline-block;
  margin: 0 auto;
}

body.single .pagination--back {
  border-bottom: .15em solid #000;
  font-size: 18px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

body.search .page--search {
  color: #000;
  padding: 35px;
}
body.search .page--search .results-title--product {
  padding: 25px 35px 15px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.8em;
}
body.search .page-header {
  padding: 25px 35px 15px;
}
body.search .page-header .page-title {
  text-transform: uppercase;
  font-weight: 900;
}
body.search.search-results .search__articles {
  padding: 25px 35px;
}
body.search.search-results .search__articles article {
  padding-bottom: 25px;
}
body.search.search-results .search__articles .entry-title {
  font-size: 24px;
  font-weight: 600;
}
body.search.search-results .search__articles .entry-summary .read--more {
  text-transform: uppercase;
}
body.search.search-no-results .search__articles {
  padding: 25px 35px;
}
body.search.search-no-results .page-content {
  padding: 15px 35px 25px;
}
body.search .products {
  padding: 0 20px;
}
body.search .product .price-box {
  margin: 7px 0;
}
body.search .results-title--page {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.8em;
  padding: 35px 0px;
}

body.error404 .error-404, body.cms-index-defaultnoroute .error-404 {
  text-align: center;
  margin: 35px;
  font-size: 30px;
  line-height: 2;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
}
body.error404 .error-404 .page-title, body.cms-index-defaultnoroute .error-404 .page-title {
  font-size: 80px;
  margin-bottom: 20px;
}
body.error404 .error-404 .page-content, body.cms-index-defaultnoroute .error-404 .page-content {
  color: #ed1c24;
}
body.error404 .error-404 .page-content img, body.cms-index-defaultnoroute .error-404 .page-content img {
  width: 30%;
  margin: 0 auto;
}

.pagetabs {
  clear: both;
}
.pagetabs .js-tab {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 15px;
  text-align: center;
  color: #000;
  border: 1px solid transparent;
  background-color: #e7e7e7;
}
.pagetabs .js-tab:first-child {
  margin-left: 15px;
}
.pagetabs .js-tab:hover {
  color: #ed1c24;
  cursor: pointer;
}
.pagetabs .js-tab.active {
  color: #000;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
.pagetabs .tab--content {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
@media screen and (min-width: 30em) {
  .pagetabs .tab--content {
    padding: 20px 15px 0;
  }
}
.pagetabs .tab--content.active {
  display: block;
}