/* Util mixin */
.topBar .bigmenu {
  /* Common rules */
  position: relative;
  /* Normal menu - Large devices */
  /* Collapsed menu  - small devices*/ }
  .topBar .bigmenu label {
    margin: 0;
    padding: 0; }
  @media screen and (min-width: 768px) {
    .topBar .bigmenu {
      /* Mobile stuff */
      /* Main level */ }
      .topBar .bigmenu .bigmenu-toggle-mobile,
      .topBar .bigmenu .toggle-submenu-mobile {
        display: none; }
        .topBar .bigmenu .bigmenu-toggle-mobile + label,
        .topBar .bigmenu .toggle-submenu-mobile + label {
          display: none; }
      .topBar .bigmenu > ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        justify-content: flex-end;
        /* 2nd,3rds... levels*/ }
        .topBar .bigmenu > ul > li {
          align-items: center;
          display: block;
          text-align: center;
          /* todo: Make space-around,... an option */
          flex: 0 0 auto; }
          .topBar .bigmenu > ul > li:first-child a {
            margin-left: 0; }
          .topBar .bigmenu > ul > li:last-child a {
            margin-right: 0; }
          .topBar .bigmenu > ul > li a {
            font-weight: 500;
            text-transform: uppercase;
            padding: 10px 10px;
            display: block;
            border-right: none;
            background-color: transparent;
            color: white; }
            .topBar .bigmenu > ul > li a:hover {
              background-color: #dd031c;
              color: white;
              text-decoration: none; }
          .topBar .bigmenu > ul > li li {
            text-align: left;
            min-width: 14em; }
            .topBar .bigmenu > ul > li li a {
              padding-left: 20px;
              background-color: #2b2936; }
            .topBar .bigmenu > ul > li li a {
              margin: 0; }
          .topBar .bigmenu > ul > li > ul {
            left: 0;
            top: 100%; }
          .topBar .bigmenu > ul > li:last-child > ul, .topBar .bigmenu > ul > li:nth-last-child(2) > ul {
            right: 0 !important;
            left: auto; }
          .topBar .bigmenu > ul > li:last-child ul, .topBar .bigmenu > ul > li:nth-last-child(2) ul {
            left: auto;
            right: 100%; }
        .topBar .bigmenu > ul ul {
          transition: all .3s ease;
          transition-delay: .15s;
          pointer-events: none;
          transform: translateY(10px);
          opacity: 0;
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
          list-style: none;
          padding: 0;
          z-index: 9999;
          position: absolute;
          width: 100%;
          left: 100%;
          top: 0; }
        .topBar .bigmenu > ul li {
          position: relative; }
          .topBar .bigmenu > ul li:not(.bigmenu-ajax):hover > ul {
            opacity: 1;
            pointer-events: all;
            transform: translateY(0px); }
      .topBar .bigmenu .bigmenu-page-panel {
        position: absolute;
        width: 100%;
        z-index: 9999;
        background-color: #2b2936;
        border-bottom: 3px solid #dd031c;
        padding: 20px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
        transition: all .3s ease;
        transition-delay: .15s;
        pointer-events: none;
        transform: translateY(10px);
        opacity: 0; }
        .topBar .bigmenu .bigmenu-page-panel:hover {
          opacity: 1;
          pointer-events: all;
          transform: translateY(0px); }
        .topBar .bigmenu .bigmenu-page-panel.opened {
          opacity: 1;
          pointer-events: all;
          transform: translateY(0px); } }
  @media screen and (max-width: 767px) {
    .topBar .bigmenu {
      /* hide all checkboxes */
      text-align: right;
      font-size: 16px; }
      .topBar .bigmenu input[type="checkbox"] {
        display: none; }
        .topBar .bigmenu input[type="checkbox"].bigmenu-toggle-mobile:checked ~ ul.main-bigmenu {
          opacity: 1;
          pointer-events: all;
          transform: translateY(0px);
          max-height: 1800px; }
        .topBar .bigmenu input[type="checkbox"].toggle-submenu-mobile:checked ~ ul {
          opacity: 1;
          pointer-events: all;
          transform: translateY(0px);
          max-height: 1800px; }
      .topBar .bigmenu .hamburger .hamburger-box {
        margin-top: 3px; }
      .topBar .bigmenu .caret {
        display: none; }
      .topBar .bigmenu ul {
        text-align: left;
        transition: all .3s ease;
        pointer-events: none;
        transform: translateY(10px);
        opacity: 0;
        max-height: 0;
        padding: 0;
        background-color: #2b2936;
        list-style: none;
        padding: 0; }
        .topBar .bigmenu ul ul {
          background-color: #3e3b4d; }
        .topBar .bigmenu ul li {
          position: relative;
          padding-left: 1em;
          border-bottom: 1px solid #141319; }
          .topBar .bigmenu ul li a {
            padding: 15px;
            display: block;
            color: white; }
          .topBar .bigmenu ul li label {
            position: absolute;
            z-index: 9999;
            right: 0;
            top: 0;
            display: block;
            height: 46px;
            width: 76px; }
            .topBar .bigmenu ul li label span {
              display: block;
              position: absolute;
              z-index: 9999;
              top: 50%;
              right: 15px;
              height: 4px;
              border-radius: 4px;
              background-color: #fff;
              width: 10px;
              transition: all .3s ease; }
              .topBar .bigmenu ul li label span:first-child {
                transform: rotateZ(150deg) translateX(-2px) translateY(-4px); }
              .topBar .bigmenu ul li label span:last-child {
                transform: rotateZ(-150deg) translateX(2px) translateY(-4px); }
          .topBar .bigmenu ul li input[type="checkbox"]:checked + label span {
            width: 20px; }
            .topBar .bigmenu ul li input[type="checkbox"]:checked + label span:first-child {
              transform: rotateZ(135deg) translateX(0px); }
            .topBar .bigmenu ul li input[type="checkbox"]:checked + label span:last-child {
              transform: rotateZ(-135deg) translateX(0px); }
      .topBar .bigmenu .bigmenu-page-panel {
        display: none; } }

@keyframes esempresa {
  from {
    background-color: orange; }
  to {
    background-color: transparent; } }

@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0; }
  to {
    max-height: 200px;
    opacity: 1; } }

@keyframes growUp {
  0% {
    opacity: 1;
    transform: scale(0); }
  40% {
    transform: scale(1.1); }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes slideIn {
  0% {
    opacity: 1;
    left: 70%; }
  10% {
    left: -5%; }
  100% {
    left: 0;
    opacity: 1; } }

@keyframes shrinkAndGo {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.7);
    opacity: .4; } }

.modal-content {
  background-color: #201e27;
  border-radius: 0;
  border-bottom: 2px solid #dd031c; }

.modal-backdrop.in {
  opacity: .8; }

.modal-header {
  border-bottom: 1px solid #373444; }

.modal-header .close {
  color: white;
  opacity: 1;
  box-shadow: none; }

.guide {
  margin-top: 20px; }

.guide-list {
  list-style: none;
  margin: 0;
  padding: 0px; }

.guide-item, .guide-group {
  font-size: 12px;
  border-left: 4px solid #dd031c;
  position: relative;
  color: white;
  display: block;
  padding: 8px;
  margin-bottom: 10px; }
  .guide-item.active, .guide-item:hover, .guide-group.active, .guide-group:hover {
    background-color: #dd031c;
    color: white;
    text-decoration: none; }
  .guide-item:hover, .guide-group:hover {
    background-color: #920212; }

.payment-options li label, .shipping-options li label, .topBar .top-cart i, .radioOptionsGroup > div input, .checkboxOptionGroup > div input, .plazosgroup ul li label, .image-wrapper label, .color-wrapper label {
  transition: all 0.3s ease; }

/* Tweaks and others */
.responsive-fluid {
  width: 100%;
  height: auto; }

/* Main styles */
body {
  background: #0b0a0d url("../imgs/bg.png");
  font-family: Raleway, sans-serif;
  color: #d1d0db;
  font-size: 12px; }
  body .oculto, body .fa.oculto {
    display: none; }

a:hover, a:active {
  text-decoration: none; }

.wrap {
  min-height: 100vh;
  background-color: #141319;
  border-left: 1px solid #0a0a0a; }

hr {
  border-top-color: #2b2936; }

.hamburger-box span, .hamburger-box span:before, .hamburger-box span:after {
  background-color: white !important; }

h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .cms-content h5, .cms-content .h5, .cms-content h4, .cms-content .h4, .cms-content h3, .cms-content .h3, .cms-content h2, .cms-content .h2, .cms-content h1, .cms-content .h1 {
  color: white;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: 1px;
  font-family: Harabara, sans-serif; }
  footer h5, footer .h5, footer h4, footer .h4, footer h3, footer .h3, footer h2, footer .h2, footer h1, footer .h1, footer .cms-content h5, .cms-content footer h5, footer .cms-content .h5, .cms-content footer .h5, footer .cms-content h4, .cms-content footer h4, footer .cms-content .h4, .cms-content footer .h4, footer .cms-content h3, .cms-content footer h3, footer .cms-content .h3, .cms-content footer .h3, footer .cms-content h2, .cms-content footer h2, footer .cms-content .h2, .cms-content footer .h2, footer .cms-content h1, .cms-content footer h1, footer .cms-content .h1, .cms-content footer .h1 {
    text-align: left; }
  h5 strong, .h5 strong, h4 strong, .h4 strong, h3 strong, .h3 strong, h2 strong, .h2 strong, h1 strong, .h1 strong, .cms-content h5 strong, .cms-content .h5 strong, .cms-content h4 strong, .cms-content .h4 strong, .cms-content h3 strong, .cms-content .h3 strong, .cms-content h2 strong, .cms-content .h2 strong, .cms-content h1 strong, .cms-content .h1 strong {
    font-weight: 700; }

h5 + h6, h5 + .h6, .h5 + h6, .h5 + .h6, h4 + h5, h4 + .h5, .h4 + h5, .h4 + .h5, h3 + h4, h3 + .h4, .h3 + h4, .h3 + .h4, h2 + h3, h2 + .h3, .h2 + h3, .h2 + .h3, h1 + h2, h1 + .h2, .h1 + h2, .h1 + .h2, .cms-content h5 + h6, .cms-content h5 + .h6, .cms-content .h5 + h6, .cms-content .h5 + .h6, .cms-content h4 + h5, .cms-content h4 + .h5, .cms-content .h4 + h5, .cms-content .h4 + .h5, .cms-content h3 + h4, .cms-content h3 + .h4, .cms-content .h3 + h4, .cms-content .h3 + .h4, .cms-content h2 + h3, .cms-content h2 + .h3, .cms-content .h2 + h3, .cms-content .h2 + .h3, .cms-content h1 + h2, .cms-content h1 + .h2, .cms-content .h1 + h2, .cms-content .h1 + .h2 {
  margin-top: 0;
  color: #dd031c; }

h5, .h5 {
  font-size: 14px; }

h4, .h4 {
  font-size: 16px; }

h3, .h3 {
  font-size: 18px; }

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

h1, .h1 {
  font-size: 22px; }

table a {
  color: white; }

select.form-control {
  background-color: #141319; }

.form-control, input, select {
  border-radius: 0 !important;
  padding: 10px;
  background-color: #141319;
  color: white;
  border: none;
  border-bottom: 1px solid #4e4a61; }

/* MicroGallery Xenon*/
.microGallery {
  padding: 0;
  text-align: center; }
  .microGallery .preview {
    display: inline-block;
    padding: 5px;
    border: 1px solid #2b2936;
    margin: 3px; }
    .microGallery .preview a {
      display: block;
      height: 60px;
      width: 60px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }

.option-pic {
  padding: 8px;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative; }
  .option-pic:hover .bigpic {
    z-index: 999;
    display: block; }
  .option-pic .bigpic {
    display: none;
    position: absolute;
    left: 150%;
    top: 50%;
    transform: translateY(-50%);
    height: 300px;
    width: 300px;
    padding: 10px;
    border: 1px solid #5e5e5e;
    background-position: center;
    background-size: contain;
    background-color: white;
    background-origin: content-box;
    background-repeat: no-repeat;
    box-shadow: -1px 2px 11px 0px rgba(0, 0, 0, 0.29); }

/* Added gif */
.addedgif {
  height: 100px;
  width: 100px;
  margin: auto;
  display: block;
  position: relative; }
  .addedgif span, .addedgif i {
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    height: 80px;
    width: 80px;
    display: block; }
  .addedgif i {
    top: 0;
    color: white;
    font-size: 40px;
    line-height: 80px;
    animation: slideIn;
    animation-iteration-count: 1;
    animation-duration: .4s;
    animation-timing-function: ease;
    animation-delay: .4s;
    animation-fill-mode: forwards; }
  .addedgif span {
    background-color: #dd031c;
    overflow: hidden;
    transform-origin: center center;
    animation: growUp;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-delay: .1s; }
    .addedgif span:first-child {
      animation-duration: .4s;
      animation-delay: .2s;
      top: 0;
      left: 0;
      height: 90px;
      width: 90px;
      background: white;
      border: 1px solid #dd031c; }

/* All btns */
.btn, .producto-index .productDescription a, .busqueda-results .productDescription a {
  border-radius: 0; }
  .btn.block, .producto-index .productDescription a.block, .busqueda-results .productDescription a.block {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 4px; }

/* Xenon button */
.btn-xenon, .btn-xenon-alt, .producto-index .productDescription a, .busqueda-results .productDescription a {
  background-color: #dd031c;
  color: white;
  border-radius: 0; }
  .btn-xenon.btn-xs, .btn-xs.btn-xenon-alt, .producto-index .productDescription a.btn-xs, .busqueda-results .productDescription a.btn-xs {
    border-bottom-width: 1px; }
  .btn-xenon i, .btn-xenon-alt i, .producto-index .productDescription a i, .busqueda-results .productDescription a i {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #fc1731; }
  .btn-xenon:hover, .btn-xenon-alt:hover, .producto-index .productDescription a:hover, .busqueda-results .productDescription a:hover {
    color: #feaeb7;
    transform-origin: bottom;
    background-color: #f6031f; }
  .btn-xenon.disabled, .disabled.btn-xenon-alt, .producto-index .productDescription a.disabled, .busqueda-results .productDescription a.disabled {
    background-color: #b7c0ca;
    border-bottom-color: #333; }
    .btn-xenon.disabled i, .disabled.btn-xenon-alt i, .producto-index .productDescription a.disabled i, .busqueda-results .productDescription a.disabled i {
      border-right-color: #999; }

.btn-xenon-alt {
  border-bottom-color: #dedede;
  background-color: #f7f7f7;
  color: #ababab; }
  .btn-xenon-alt:hover {
    background-color: white;
    color: #c4c4c4; }
  .btn-xenon-alt i {
    border-right-color: #c4c4c4;
    color: #dd031c; }

.logo {
  padding-left: 20px; }

.panel-default {
  background-color: #2b2936;
  border: none; }
  .panel-default .panel-heading {
    background-color: #272530;
    color: #f7f7f7;
    border: none; }
  .panel-default .nav-pills > li > a {
    color: #f7f7f7;
    border-radius: 0; }
    .panel-default .nav-pills > li > a:hover {
      background-color: #423f53; }
  .panel-default .nav-pills > li.active > a {
    color: white;
    background: transparent;
    border: 1px solid; }

/* Xenon panel*/
.panel-xenon {
  background: transparent;
  color: #eee; }
  .panel-xenon .panel-heading {
    border-bottom: 1px solid #2b2936; }
  .panel-xenon .panel-body .description {
    color: #eee; }
  #configurator .panel-xenon .panel-footer {
    min-height: 40px; }
  .panel-xenon .panel-footer .precios {
    min-height: 42px;
    font-weight: bold;
    color: #f7f7f7; }
  .panel-xenon .info-icon {
    color: #dd031c;
    font-size: 12px; }
    .panel-xenon .info-icon:hover {
      cursor: pointer; }
    .panel-xenon .info-icon.opened {
      color: #ddd; }
  .panel-xenon .descripcion-valor {
    padding: 10px;
    color: #b8b6b6; }
    .panel-xenon .descripcion-valor .preview a {
      width: 40px;
      height: 40px; }
    .panel-xenon .descripcion-valor .title {
      font-size: 12px;
      font-weight: bold;
      border-bottom: 1px solid #ddd; }
    .panel-xenon .descripcion-valor.opened {
      display: block;
      animation: slideDown;
      animation-duration: .7s;
      animation-timing-function: ease;
      overflow: hidden; }
  .panel-xenon.collapsed .caracteristica-imagen {
    width: 50px;
    display: block;
    margin: auto;
    height: auto;
    border-radius: 100%; }
  .panel-xenon.collapsed .caracteristica-info {
    padding: 15px; }
    .panel-xenon.collapsed .caracteristica-info.opened {
      display: block;
      animation: slideDown;
      animation-duration: .7s;
      animation-timing-function: ease;
      overflow: hidden; }
  @media screen and (min-width: 768px) {
    .panel-xenon.collapsed .panel-body {
      padding: 20px 30px; } }
  .panel-xenon.collapsed .panel-body > .row + .row {
    margin-top: 10px; }
  .panel-xenon.collapsed label.caracteristica {
    color: #eee;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 3px solid #dd031c;
    display: block;
    margin-bottom: 25px; }
  .panel-xenon.collapsed .form-control {
    box-shadow: none; }

.breadcrumb-wrapper {
  min-height: 33px;
  margin-bottom: 20px; }
  .breadcrumb-wrapper:empty {
    display: none; }
  .breadcrumb-wrapper .breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px; }
    .breadcrumb-wrapper .breadcrumb a {
      color: white; }
    .breadcrumb-wrapper .breadcrumb > li + li:before {
      content: "::";
      letter-spacing: 2px;
      font-weight: bold; }

.text-info {
  color: #3c8fe6; }

.well {
  background-color: #2b2936;
  border-radius: 0;
  border: none; }

.payment-options, .shipping-options {
  list-style: none;
  padding: 0; }
  .payment-options li, .shipping-options li {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    text-align: center; }
    .payment-options li:last-child label, .shipping-options li:last-child label {
      border-right: 1px solid #423f53; }
    .payment-options li label, .shipping-options li label {
      height: 55px;
      width: 100%;
      padding: 10px;
      border: 1px solid #423f53;
      border-right: none; }
      .payment-options li label:hover, .shipping-options li label:hover {
        cursor: pointer; }
    .payment-options li i, .shipping-options li i {
      display: block;
      font-size: 20px;
      margin: auto; }
  .payment-options input, .shipping-options input {
    display: none; }
    .payment-options input:checked + label, .shipping-options input:checked + label {
      background: #dd031c;
      color: white; }
  .payment-options.full-shipping-options li, .shipping-options.full-shipping-options li {
    width: 25% !important; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #141319; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-color: #5a5570; }

header {
  padding: 40px 0; }

.topBar {
  position: relative; }
  .topBar .top-cart {
    position: absolute;
    top: -39px;
    background-color: #dd031c;
    color: white;
    text-align: center;
    padding: 40px 10px 10px; }
    .topBar .top-cart i {
      display: block; }
    .topBar .top-cart:hover i {
      transform: translateY(-5px) rotateZ(-30deg) scale(1.6); }

footer {
  padding: 35px 0;
  margin-top: 60px;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #2b2936; }
  footer ul, footer ol {
    padding-left: 10px;
    list-style: none; }
    footer ul li, footer ol li {
      padding: 7px 5px; }
  footer a {
    color: inherit; }
  footer i, footer i.fa {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
    color: #dd031c; }
  footer address {
    color: white;
    min-height: 200px;
    background: url("../imgs/map.png");
    background-size: contain;
    background-repeat: no-repeat; }

.site-index .main-selector a, .site-index .main-selector .subtitle, .site-index .main-selector .h2, .site-index .main-selector .btn-xenon, .site-index .main-selector .btn-xenon-alt, .site-index .main-selector .producto-index .productDescription a, .producto-index .productDescription .site-index .main-selector a, .site-index .main-selector .busqueda-results .productDescription a, .busqueda-results .productDescription .site-index .main-selector a {
  position: relative;
  z-index: 60; }

.site-index .territorio {
  padding: 20px 10px;
  background: #dd031c url("../imgs/bg-title.jpg");
  text-align: center; }
  .site-index .territorio h1 {
    display: inline-block;
    margin: 0; }
  .site-index .territorio .h2 {
    margin-left: 10px;
    display: inline-block; }
  .site-index .territorio h1 + .h2 {
    color: #141319; }

.site-index .ban-vector {
  background: url("../imgs/vector.jpg");
  background-size: cover;
  background-position: center;
  display: block;
  height: 140px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px; }

.site-index .ban-guia {
  background: url("../imgs/guia-aro.jpg");
  background-size: cover;
  background-position: center;
  display: block;
  height: 140px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px; }

.site-index .main-selector .subtitle {
  font-weight: bold;
  color: white;
  font-size: 16px; }

.site-index .main-selector .h2 {
  font-size: 70px; }

.site-index .main-selector .btn-xenon, .site-index .main-selector .btn-xenon-alt, .site-index .main-selector .producto-index .productDescription a, .producto-index .productDescription .site-index .main-selector a, .site-index .main-selector .busqueda-results .productDescription a, .busqueda-results .productDescription .site-index .main-selector a {
  background-color: rgba(20, 19, 25, 0.8);
  padding: 15px 40px;
  font-weight: bold; }

.site-index .main-selector .bigbox {
  text-align: center;
  background-size: cover;
  background-position: center top;
  padding: 60px 0;
  height: 400px; }
  .site-index .main-selector .bigbox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1; }

.site-index .main-selector .montana {
  background-image: url("../imgs/montana.jpg"); }

.site-index .main-selector .carretera {
  background-image: url("../imgs/carretera.jpg"); }

.site-index .bx-pager {
  bottom: 15px; }

.site-index .sizes {
  list-style: none;
  padding: 0; }
  .site-index .sizes li {
    display: inline-block;
    margin: 10px 20px 10px 10px; }
    .site-index .sizes li:last-child {
      margin-right: 0; }

.site-index .size {
  display: block;
  height: 90px;
  width: 90px;
  margin: auto;
  font-size: 70px;
  line-height: 80px;
  background-color: #2b2936;
  position: relative;
  font-weight: 700;
  color: white;
  letter-spacing: -2px; }
  .site-index .size:hover {
    background-color: #dd031c; }
  .site-index .size .decimal {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: initial; }

.site-category-index ul {
  padding: 0; }

.site-category-index li {
  display: inline-block;
  width: 50%;
  padding: 15px 0; }
  @media screen and (min-width: 768px) {
    .site-category-index li:nth-child(2n+1) {
      padding-right: 30px; } }
  @media screen and (max-width: 768px) {
    .site-category-index li {
      display: block;
      width: 100%;
      padding: 10px; }
      .site-category-index li .precio {
        font-size: 18px !important; } }

.categoryList {
  position: relative;
  background: #2b2936; }
  .categoryList h3 {
    margin-top: 0;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 26px; }
  .categoryList .categoryImage {
    display: inline-block;
    vertical-align: top;
    width: 50%; }
    .categoryList .categoryImage a {
      display: block;
      height: 200px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  .categoryList .desde {
    color: #f7f7f7;
    text-align: right; }
    .categoryList .desde .precio {
      line-height: 1;
      display: block;
      font-size: 40px; }
  .categoryList .categoryDescription {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 10px;
    color: white;
    font-size: 12px; }
    .categoryList .categoryDescription a {
      position: absolute;
      bottom: 10px;
      right: 10px;
      display: block;
      font-size: 14px;
      border: 1px solid #f7f7f7;
      background-color: #2b2936;
      padding: 5px 15px;
      color: white;
      text-transform: uppercase;
      box-shadow: 0px 0px 0px 3px #2b2936; }

/* Producto Index*/
.producto-index, .busqueda-results {
  text-align: left; }
  .producto-index h3, .busqueda-results h3 {
    text-align: left; }
  .producto-index ul, .busqueda-results ul {
    padding: 0;
    list-style: none; }
  .producto-index .product-grid li, .busqueda-results .product-grid li {
    vertical-align: top;
    display: inline-block;
    width: 33.33333%;
    padding: 15px 0;
    padding-right: 30px; }
    @media screen and (max-width: 768px) {
      .producto-index .product-grid li, .busqueda-results .product-grid li {
        display: block;
        width: 100%;
        padding: 10px; }
        .producto-index .product-grid li .precio, .busqueda-results .product-grid li .precio {
          font-size: 18px !important; } }
    @media screen and (max-width: 768px) {
      .producto-index .product-grid li, .busqueda-results .product-grid li {
        display: block;
        width: 100%;
        padding: 10px; }
        .producto-index .product-grid li .precio, .busqueda-results .product-grid li .precio {
          font-size: 18px !important; } }
  .producto-index .productList, .busqueda-results .productList {
    background-color: #1b1a22; }
    .producto-index .productList:hover .productDescription .btn, .producto-index .productList:hover .productDescription a, .producto-index .productList:hover .busqueda-results .productDescription a, .busqueda-results .producto-index .productList:hover .productDescription a, .busqueda-results .productList:hover .productDescription .btn, .busqueda-results .productList:hover .producto-index .productDescription a, .producto-index .busqueda-results .productList:hover .productDescription a, .busqueda-results .productList:hover .productDescription a {
      display: block; }
  .producto-index h3, .busqueda-results h3 {
    font-size: 16px;
    margin-top: 0;
    font-weight: bold;
    color: #f7f7f7; }
  .producto-index .productImage a, .busqueda-results .productImage a {
    display: block;
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .producto-index .desde, .busqueda-results .desde {
    color: #dd031c;
    font-size: 10px;
    display: inline-block; }
    .producto-index .desde .precio, .busqueda-results .desde .precio {
      font-size: 20px;
      color: white;
      line-height: 1;
      display: block; }
  .producto-index .productDescription, .busqueda-results .productDescription {
    vertical-align: top;
    padding: 10px 10px;
    text-align: right;
    position: relative; }
    .producto-index .productDescription p, .busqueda-results .productDescription p {
      display: none; }
    .producto-index .productDescription a, .busqueda-results .productDescription a {
      margin-left: 10px; }
    .producto-index .productDescription .btn, .producto-index .productDescription a, .producto-index .busqueda-results .productDescription a, .busqueda-results .producto-index .productDescription a, .busqueda-results .productDescription .btn, .busqueda-results .producto-index .productDescription a, .producto-index .busqueda-results .productDescription a, .busqueda-results .productDescription a {
      display: none;
      position: absolute;
      left: -10px;
      right: 0px;
      top: 100%;
      z-index: 15; }

.producto-producto h1 {
  font-size: 30px;
  font-weight: bold;
  text-align: left; }

.producto-producto .description {
  font-size: 13px; }

.producto-producto .bigtitle {
  padding: 50px 0;
  background: #dd031c url("../imgs/bg-title.jpg");
  background-size: cover;
  margin: 0 -15px 25px; }
  @media screen and (max-width: 768px) {
    .producto-producto .bigtitle {
      padding: 20px 0; } }
  .producto-producto .bigtitle h1 {
    text-align: center;
    margin: 0; }
    @media screen and (max-width: 768px) {
      .producto-producto .bigtitle h1 {
        font-size: 16px !important; } }

.producto-producto .ibox {
  border: 1px solid #dd031c;
  padding: 20px; }

/* Configurator */
.radioOptionsGroup [type="radio"]:checked,
.radioOptionsGroup [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

.radioOptionsGroup [type="radio"]:checked + label,
.radioOptionsGroup [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block; }

.radioOptionsGroup [type="radio"]:checked + label:before,
.radioOptionsGroup [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: black; }

.radioOptionsGroup [type="radio"]:checked + label:after,
.radioOptionsGroup [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #dd031c;
  position: absolute;
  top: calc(50% - 6px);
  transform: translateY(-50%);
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.radioOptionsGroup [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.radioOptionsGroup [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.radioOptionsGroup > div label, .checkboxOptionGroup > div label {
  display: inline-block;
  padding: 10px 0px 10px 10px; }

.radioOptionsGroup > div input:disabled, .checkboxOptionGroup > div input:disabled {
  opacity: 0; }
  .radioOptionsGroup > div input:disabled + label, .checkboxOptionGroup > div input:disabled + label {
    transform: scale(0.8);
    opacity: .4; }
    .radioOptionsGroup > div input:disabled + label:hover, .checkboxOptionGroup > div input:disabled + label:hover {
      cursor: no-drop; }

.radioOptionsGroup div:last-child label:last-child, .checkboxOptionGroup div:last-child label:last-child {
  border-bottom: none; }

#selectordireccion .selector {
  display: none; }

#selectordireccion .cambiardireccion {
  display: block; }

#selectordireccion.open .cambiardireccion {
  display: none; }

#selectordireccion.open .selector {
  display: block; }

.plazosgroup ul {
  text-align: center;
  list-style: none;
  padding: 0; }
  .plazosgroup ul li {
    display: inline-block; }
    .plazosgroup ul li label {
      text-align: center;
      display: block;
      overflow: hidden;
      height: 100px;
      width: 100px;
      padding: 10px;
      margin: 10px;
      border: 1px solid #423f53;
      color: #9a96af;
      position: relative; }
      .plazosgroup ul li label:hover {
        cursor: pointer;
        background-color: #141319; }
    .plazosgroup ul li input {
      display: none; }
      .plazosgroup ul li input:checked + label {
        color: #f7f7f7; }
        .plazosgroup ul li input:checked + label:after {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f00c";
          position: absolute;
          color: white;
          top: 0;
          right: 0;
          background-color: #dd031c;
          padding: 4px; }
      .plazosgroup ul li input:disabled + label {
        transform: scale(0.8);
        opacity: .4; }
        .plazosgroup ul li input:disabled + label:hover {
          cursor: no-drop; }

.plazosgroup .hint {
  text-align: right;
  font-size: 10px;
  color: #979797; }

.plazosgroup .dia-semana {
  font-size: 10px;
  display: block;
  text-transform: capitalize; }

.plazosgroup .dia {
  font-size: 40px;
  line-height: 40px;
  display: block; }

.plazosgroup .mes {
  display: block; }

/* Inquiry Panel */
.inquiry {
  background-color: transparent; }
  .inquiry.loading div {
    opacity: 0.8; }
  .inquiry.loading .loader {
    display: block !important; }
  .inquiry .h3 {
    margin: 0;
    margin-bottom: 10px; }
  .inquiry .resume {
    position: relative; }
    .inquiry .resume .loader {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-size: 50px; }
  .inquiry .productName {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #292929;
    padding-bottom: 10px; }
  .inquiry .listCaract .valueResume {
    display: block;
    font-size: 12px;
    padding: 2px 3px;
    color: #eee; }
  .inquiry .listCaract span {
    font-weight: bold; }
  .inquiry .totalResume {
    border-left: 1px solid #dd031c;
    text-align: right; }
    .inquiry .totalResume #cTaxQty {
      width: initial;
      margin-left: 0; }
    .inquiry .totalResume div {
      padding: 3px; }
    .inquiry .totalResume span {
      margin-left: 10px;
      min-width: 100px;
      display: inline-block;
      font-weight: bold; }
    .inquiry .totalResume .vat {
      display: none; }
    .inquiry .totalResume .vat_excl {
      display: none; }
    .inquiry .totalResume .vat_incl span {
      font-size: 30px;
      color: #dd031c;
      font-weight: initial; }
  .inquiry .buttonsContainer {
    text-align: right; }
    .inquiry .buttonsContainer .btn, .inquiry .buttonsContainer .producto-index .productDescription a, .producto-index .productDescription .inquiry .buttonsContainer a, .inquiry .buttonsContainer .busqueda-results .productDescription a, .busqueda-results .productDescription .inquiry .buttonsContainer a {
      display: block; }

/* FAQ Xenon*/
.site-faq .index {
  border: 1px solid #2b2936;
  padding: 10px;
  background-color: #2b2936; }
  .site-faq .index a {
    color: white; }
  .site-faq .index h4 {
    text-align: center;
    padding-bottom: 15px; }
  .site-faq .index ul {
    padding-left: 18px;
    list-style-type: square; }
  .site-faq .index li {
    margin-bottom: 10px; }

.site-faq .faqs {
  background-color: white;
  padding: 30px;
  padding-top: 1px; }
  .site-faq .faqs h1 {
    text-align: center;
    margin-bottom: 20px; }

.site-faq dt {
  color: #2b2936; }
  .site-faq dt:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f128";
    font-size: 40px;
    vertical-align: middle;
    color: #eee;
    background-color: #ddd;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 10px; }

.site-faq dd {
  color: #555;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }

/* Main-title */
.jumbo-title {
  height: 160px;
  background-image: url("../imgs/main-title-1.jpg");
  background-size: contain;
  background-position: center left;
  text-align: left; }
  @media screen and (max-width: 768px) {
    .jumbo-title {
      height: 70px; } }
  .jumbo-title .main-title h1 {
    font-weight: 700;
    text-align: left;
    font-size: 30px;
    line-height: 160px;
    margin: 0;
    margin-left: 35px; }
    @media screen and (max-width: 768px) {
      .jumbo-title .main-title h1 {
        font-size: 16px;
        line-height: 70px; } }

.xenon-row {
  display: flex; }
  @media screen and (max-width: 991px) {
    .xenon-row {
      flex-flow: column; }
      .xenon-row [class*="xenon-"] {
        width: 100%; } }

.xenon-col, .xenon-1, .xenon-2, .xenon-3, .xenon-4, .xenon-5, .xenon-6, .xenon-7, .xenon-8, .xenon-9, .xenon-10, .xenon-11, .xenon-12 {
  align-self: center; }

.xenon-1 {
  width: 8.33333%; }

.xenon-2 {
  width: 16.66667%; }

.xenon-3 {
  width: 25%; }

.xenon-4 {
  width: 33.33333%; }

.xenon-5 {
  width: 41.66667%; }

.xenon-6 {
  width: 50%; }

.xenon-7 {
  width: 58.33333%; }

.xenon-8 {
  width: 66.66667%; }

.xenon-9 {
  width: 75%; }

.xenon-10 {
  width: 83.33333%; }

.xenon-11 {
  width: 91.66667%; }

.xenon-12 {
  width: 100%; }

.bx-wrapper, .bx-viewport {
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none !important;
  background-color: transparent; }

.bx-controls-direction .bx-prev {
  text-align: left;
  right: auto; }
  .bx-controls-direction .bx-prev:after {
    content: "\f104";
    left: -25px; }

.image-wrapper, .color-wrapper {
  padding: 0;
  margin: 0;
  list-style: none; }
  .image-wrapper .bx-viewport, .color-wrapper .bx-viewport {
    margin: auto; }
  .image-wrapper .bx-controls-direction .bx-next, .image-wrapper .bx-controls-direction .bx-prev, .color-wrapper .bx-controls-direction .bx-next, .color-wrapper .bx-controls-direction .bx-prev {
    height: 100px;
    width: 20px;
    text-indent: 0 !important;
    background: transparent;
    transform: translateY(-50%);
    right: 10px;
    font-size: 34px;
    text-align: right; }
    .image-wrapper .bx-controls-direction .bx-next:after, .image-wrapper .bx-controls-direction .bx-prev:after, .color-wrapper .bx-controls-direction .bx-next:after, .color-wrapper .bx-controls-direction .bx-prev:after {
      position: absolute;
      padding: 10px;
      z-index: 999;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #eee;
      top: 50%;
      transform: translateY(-50%);
      content: "\f105"; }
  .image-wrapper .bx-controls-direction .bx-prev, .color-wrapper .bx-controls-direction .bx-prev {
    text-align: left;
    right: auto; }
    .image-wrapper .bx-controls-direction .bx-prev:after, .color-wrapper .bx-controls-direction .bx-prev:after {
      content: "\f104";
      left: -25px; }
  .image-wrapper > div, .color-wrapper > div {
    text-align: center; }
  .image-wrapper .image, .color-wrapper .image {
    width: 100%;
    height: 90px;
    min-width: 90px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .image-wrapper label, .color-wrapper label {
    padding: 0;
    margin: 0;
    border: 1px solid transparent; }
    .image-wrapper label:hover, .color-wrapper label:hover {
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17); }
  .image-wrapper input, .color-wrapper input {
    display: none; }
    .image-wrapper input:disabled + label, .color-wrapper input:disabled + label {
      transform: scale(0.8);
      opacity: .4; }
      .image-wrapper input:disabled + label:hover, .color-wrapper input:disabled + label:hover {
        cursor: no-drop; }
    .image-wrapper input:checked + label, .color-wrapper input:checked + label {
      background-color: #141319;
      color: white;
      position: relative; }
      .image-wrapper input:checked + label:after, .color-wrapper input:checked + label:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f00c";
        position: absolute;
        color: white;
        top: 5px;
        right: 5px;
        background-color: #dd031c;
        padding: 4px;
        border-radius: 100%; }

.images-wrapper .image-wrapper {
  display: inline-block !important;
  width: 95px;
  vertical-align: top; }
  .images-wrapper .image-wrapper span.image {
    display: block;
    /*height: 50px;*/
    width: 100%;
    border: 4px solid white;
    background-color: white; }
  .images-wrapper .image-wrapper input:checked + label span.image {
    border: 1px solid #dd031c; }

.color-wrapper {
  display: inline-block !important;
  width: 77px;
  vertical-align: top; }
  .color-wrapper label {
    width: 100%; }
  .color-wrapper input:checked + label {
    background: white;
    color: #dd031c;
    border: 1px solid #dd031c; }
  .color-wrapper .color-selector label {
    background-color: #eee;
    padding: 5px;
    color: #141319; }
  .color-wrapper .color-sample {
    display: block;
    height: 50px;
    width: 100%;
    border: 4px solid white;
    background-color: white; }
    .color-wrapper .color-sample.image-sample {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }

.sac {
  list-style: none;
  padding: 0px; }
  .sac li {
    padding: 0 20px; }
  .sac .title {
    font-size: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .sac .content {
    height: 60px; }

.legal {
  max-height: 160px;
  overflow-y: auto;
  color: #d0d0d0; }
  .legal h1 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    margin-top: 1.3em; }
    .legal h1 i {
      color: #f7f7f7; }
  .legal h2 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    margin-top: 1.3em; }
    .legal h2 i {
      color: #f7f7f7; }
  .legal h3 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    margin-top: 1.3em; }
    .legal h3 i {
      color: #f7f7f7; }
  .legal h4 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    margin-top: 1.3em; }
    .legal h4 i {
      color: #f7f7f7; }
  .legal h5 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    margin-top: 1.3em; }
    .legal h5 i {
      color: #f7f7f7; }
  .legal h6 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    margin-top: 1.3em; }
    .legal h6 i {
      color: #f7f7f7; }

.finalResume {
  text-align: right; }
  .finalResume div {
    padding: 3px; }
  .finalResume span {
    margin-left: 10px;
    width: 90px;
    display: inline-block; }
  .finalResume .vat_incl span {
    border-top: 1px solid #eee;
    font-weight: bold; }

#isCompany:checked ~ .field-address-company {
  display: block; }

.field-address-company {
  -webkit-animation: esempresa;
  animation-duration: 1s;
  animation-iteration-count: 1;
  display: none; }

.main-cart .h3 {
  font-size: 16px;
  color: #ddd;
  margin-bottom: 10px;
  margin-top: 0; }

.main-cart .productName {
  text-transform: uppercase;
  color: #f7f7f7;
  padding: 10px;
  font-weight: bold; }

.main-cart .productDescription {
  margin-top: 10px;
  padding-top: 10px; }

.main-cart .attributes {
  list-style: none;
  padding-left: 20px; }
  .main-cart .attributes li {
    white-space: normal; }

.main-cart .finalResume {
  text-align: right; }
  .main-cart .finalResume div {
    padding: 3px; }
  .main-cart .finalResume span {
    margin-left: 10px;
    width: 90px;
    display: inline-block; }
  .main-cart .finalResume .vat_incl span {
    border-top: 1px solid #eee;
    font-weight: bold; }

.main-cart .expander:hover {
  cursor: pointer; }

.main-cart .expander.open i:before {
  content: "\f00d"; }

.pedido-mispedidos .alert {
  color: white;
  padding: 8px; }

.pedido-view .progress {
  display: none; }

.pedido-view .productName {
  text-transform: uppercase;
  color: #f7f7f7;
  padding: 10px;
  font-weight: bold; }

.pedido-view .fileinput-button {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }
  .pedido-view .fileinput-button .replace {
    display: none; }

.pedido-view .filesUploaded {
  margin-bottom: 5px; }
  .pedido-view .filesUploaded .file {
    font-weight: bold; }
    .pedido-view .filesUploaded .file i {
      margin-right: 10px; }

.pedido-view .newFile .fileinput-button {
  border-radius: 0;
  background-color: #dd031c;
  border-color: #ab0216; }

.pedido-view #status_alert {
  color: #141319;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; }

.pedido-view .filesOk .glyphicon:before {
  content: "\e031"; }

.pedido-view .filesOk .replace {
  display: inline-block; }

.pedido-view .filesOk .select {
  display: none; }

.pedido-view .filesKo .fileinput-button {
  background: #ff6516;
  border-color: #c94400; }
  .pedido-view .filesKo .fileinput-button .glyphicon:before {
    content: "\e031"; }

.pedido-view .filesKo .replace {
  display: inline-block; }

.pedido-view .filesKo .select {
  display: none; }

.pedido-view .estadoPedido {
  margin-bottom: 0; }

.direccion-view ul {
  list-style: none;
  padding: 0; }

/* Select 2*/
.select2-container--krajee .select2-selection {
  border-radius: 0;
  background-color: #141319;
  border: 1px solid #423f53; }

.select2-container--krajee .select2-selection--single__arrow {
  border-left-color: #423f53; }

.instagram {
  border-top: 1px solid #0f0f13;
  text-align: center;
  padding-bottom: 0; }
  .instagram p {
    margin-bottom: 20px;
    color: #141319; }
  .instagram ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .instagram li {
    display: inline-block;
    width: 16.6666666%; }
    @media screen and (max-width: 767px) {
      .instagram li {
        width: 50%; } }
  .instagram .instaXenon {
    background-size: cover;
    background-position: center;
    display: block;
    height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-top: -5px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .instagram .instaXenon {
        height: 140px; } }
    .instagram .instaXenon:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      opacity: 0;
      transform: translateY(100%);
      transition: all 0.3s ease; }
    .instagram .instaXenon:after {
      content: "VER INSTAGRAM";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%) scale(2.4);
      text-align: center;
      color: white;
      transition: all 0.3s ease;
      opacity: 0; }
    .instagram .instaXenon:hover:before {
      opacity: 1;
      transform: translateY(0); }
    .instagram .instaXenon:hover:after {
      transform: translateY(-50%) scale(1);
      opacity: 1; }

.nota {
  color: #423f53; }

.insurances {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #19171f;
  text-align: center; }
  .insurances .insurance {
    padding: 30px; }
  .insurances .h4 {
    border-bottom: 1px solid #dd031c;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .insurances i {
    display: block;
    color: white;
    margin: auto;
    font-size: 60px; }

.cms-content {
  max-width: 800px;
  margin: auto;
  font-size: 15px; }
  .cms-content li {
    list-style: none;
    vertical-align: middle; }
    .cms-content li:before {
      content: "";
      display: inline-block;
      height: 10px;
      margin-right: 10px;
      width: 10px;
      background: #dd031c; }
  .cms-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; }
    .cms-content img:not([style*="left"]) {
      display: block;
      margin: 20px auto; }
  .cms-content h5, .cms-content .h5 {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #423f53; }
  .cms-content h4, .cms-content .h4 {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #423f53; }
  .cms-content h3, .cms-content .h3 {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #423f53; }
  .cms-content h2, .cms-content .h2 {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #423f53; }
  .cms-content h1, .cms-content .h1 {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #423f53; }

.optionsContainer {
  max-width: 1280px;
  margin: auto; }
  .optionsContainer .fa-lock {
    color: #dd031c; }
  .optionsContainer .h2 strong {
    color: #dd031c; }
  .optionsContainer .panel-body {
    border: 1px dashed #313131; }
    .optionsContainer .panel-body + .panel-body {
      border-top: none; }

.cookies_advise {
  background: #353535 !important;
  color: #eee;
  z-index: 400;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 5px 10px; }
  .cookies_advise .btn-default {
    background: transparent;
    color: #eee; }
    .cookies_advise .btn-default:before {
      margin-right: 10px;
      content: "X"; }

.sign {
  padding: 10px; }

.subcategories {
  display: block;
  text-align: center;
  padding: 0; }
  .subcategories li {
    display: inline-block;
    padding: 15px; }
    .subcategories li > a {
      font-size: 15px;
      font-family: Harabara, sans-serif;
      padding: 2px 15px;
      box-shadow: 0px 0px 0px 4px #dd031c;
      border: 1px dashed #141319;
      color: white;
      letter-spacing: 1px;
      background-color: #dd031c;
      width: 345px;
      /* width: 217px;*/
      display: inline-block; }
      .subcategories li > a:hover {
        background-color: #fc1731; }

.vista8.panel-body {
  padding: 1px 30px !important; }
  @media screen and (max-width: 768px) {
    .vista8.panel-body {
      padding: 1px 10px !important; } }

.vista8 label.caracteristica {
  margin-bottom: 0px !important;
  font-size: 12px !important;
  text-transform: none !important;
  border-bottom: none !important; }

.vista8 .ficha_tecnica i {
  display: none; }

#resultados {
  min-height: 400px; }

.nota-clara {
  color: #6c6884; }
  .nota-clara i {
    vertical-align: bottom; }

.ql-align-justify {
  text-align: justify; }

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

.form-group-search {
  padding: 20px;
  border: 2px solid rgba(221, 3, 28, 0.7); }

.bx-disabled span:first-child {
  display: none; }

.bx-disabled .collapse {
  display: block; }

.pagination > li > a, .pagination > li > span {
  background: black;
  border-color: #333;
  color: #eee; }
  .pagination > li > a:hover, .pagination > li > span:hover {
    background: #ab0216;
    border-color: #dd031c;
    color: white; }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  background: black;
  color: #333;
  border-color: #333; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background: #dd031c;
  color: white;
  border-color: #fd495e; }

.logo-col {
  z-index: 15; }

.infoHint {
  font-family: Harabara, sans-serif;
  margin-left: 2px;
  font-size: 11px;
  cursor: pointer;
  color: #dd031c; }

.bx-wrapper .bx-controls-direction a {
  z-index: 999 !important; }