.svg-icon-brand {
  fill: #e74c3c; }

.svg-icon-primary {
  fill: #FBFBFB; }

.svg-icon-secondary {
  fill: #212121; }

.svg-icon-accent {
  fill: #e74c3c; }

.text-brand {
  color: #e74c3c; }

.text-primary {
  color: #FBFBFB; }

.text-secondary {
  color: #212121; }

.text-accent {
  color: #e74c3c; }

.title-line {
  position: relative;
  display: flex;
  flex-direction: row; }
  .title-line:after {
    position: relative;
    bottom: 5px;
    margin-left: 10px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.2);
    flex-grow: 1;
    content: ''; }

.subtitle-underline {
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid rgba(33, 33, 33, 0.2);
  text-transform: uppercase;
  letter-spacing: 1px; }

.background-primary {
  background-color: #e74c3c; }

.product-description {
  margin-bottom: 70px; }

.element-footer, .contact-item, .social-share, .nube-slider-product, .section-featured-home, .section-social-home, .section-slider, .page-header {
  margin-bottom: 20px; }

.box-title {
  margin-bottom: 10px; }

.head-dark,
.head-brand, .head-light, .category-controls {
  transition: all 0.5s ease; }

.form-select, .form-control, button, .btn, body {
  font-size: 14px; }

body {
  color: #212121;
  font-family: "Lato", sans-serif;
  background-color: #FBFBFB; }

.placeholder-container {
  background-color: rgba(33, 33, 33, 0.1); }

.placeholder-color {
  background-color: rgba(33, 33, 33, 0.07); }

.placeholder-icon svg {
  fill: rgba(33, 33, 33, 0.2); }

.placeholder-page {
  background: #212121; }
  .placeholder-page:hover, .placeholder-page.active {
    background: #e74c3c;
    opacity: 0.8; }

.placeholder-shine,
.placeholder-fade {
  background-color: rgba(33, 33, 33, 0.2); }

.placeholder-overlay {
  background-color: rgba(33, 33, 33, 0.3);
  opacity: 0; }
  .placeholder-overlay:hover, .placeholder-overlay:active, .placeholder-overlay:focus {
    opacity: 1; }

.placeholder-info {
  color: #FBFBFB;
  fill: #FBFBFB;
  background-color: #e74c3c;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
  .placeholder-info .placeholder-button {
    color: #e74c3c;
    background-color: #FBFBFB;
    opacity: 1; }
    .placeholder-info .placeholder-button:hover {
      opacity: .8; }

.spinner-square, .spinner-square-invert {
  width: 20px;
  height: 10px;
  position: relative;
  margin: -20px auto 60px auto;
  animation: spinner-square  1s linear alternate infinite; }

.spinner-square-invert {
  animation: spinner-square-invert  1s linear alternate infinite; }

@keyframes spinner-square {
  0% {
    box-shadow: -60px 40px 0 2px rgba(33, 33, 33, 0.2), -30px 40px 0 0 rgba(33, 33, 33, 0.1), 0 40px 0 0 rgba(33, 33, 33, 0.1), 30px 40px 0 0 rgba(33, 33, 33, 0.1), 60px 40px 0 0 rgba(33, 33, 33, 0.1); }
  25% {
    box-shadow: -60px 40px 0 0 rgba(33, 33, 33, 0.1), -30px 40px 0 2px rgba(33, 33, 33, 0.2), 0 40px 0 0 rgba(33, 33, 33, 0.1), 30px 40px 0 0 rgba(33, 33, 33, 0.1), 60px 40px 0 0 rgba(33, 33, 33, 0.1); }
  50% {
    box-shadow: -60px 40px 0 0 rgba(33, 33, 33, 0.1), -30px 40px 0 0 rgba(33, 33, 33, 0.1), 0 40px 0 2px rgba(33, 33, 33, 0.2), 30px 40px 0 0 rgba(33, 33, 33, 0.1), 60px 40px 0 0 rgba(33, 33, 33, 0.1); }
  75% {
    box-shadow: -60px 40px 0 0 rgba(33, 33, 33, 0.1), -30px 40px 0 0 rgba(33, 33, 33, 0.1), 0 40px 0 0 rgba(33, 33, 33, 0.1), 30px 40px 0 2px rgba(33, 33, 33, 0.2), 60px 40px 0 0 rgba(33, 33, 33, 0.1); }
  100% {
    box-shadow: -60px 40px 0 0 rgba(33, 33, 33, 0.1), -30px 40px 0 0 rgba(33, 33, 33, 0.1), 0 40px 0 0 rgba(33, 33, 33, 0.1), 30px 40px 0 0 rgba(33, 33, 33, 0.1), 60px 40px 0 2px rgba(33, 33, 33, 0.2); } }

@keyframes spinner-square-invert {
  0% {
    box-shadow: -60px 40px 0 2px rgba(251, 251, 251, 0.2), -30px 40px 0 0 rgba(251, 251, 251, 0.1), 0 40px 0 0 rgba(251, 251, 251, 0.1), 30px 40px 0 0 rgba(251, 251, 251, 0.1), 60px 40px 0 0 rgba(251, 251, 251, 0.1); }
  25% {
    box-shadow: -60px 40px 0 0 rgba(251, 251, 251, 0.1), -30px 40px 0 2px rgba(251, 251, 251, 0.2), 0 40px 0 0 rgba(251, 251, 251, 0.1), 30px 40px 0 0 rgba(251, 251, 251, 0.1), 60px 40px 0 0 rgba(251, 251, 251, 0.1); }
  50% {
    box-shadow: -60px 40px 0 0 rgba(251, 251, 251, 0.1), -30px 40px 0 0 rgba(251, 251, 251, 0.1), 0 40px 0 2px rgba(251, 251, 251, 0.2), 30px 40px 0 0 rgba(251, 251, 251, 0.1), 60px 40px 0 0 rgba(251, 251, 251, 0.1); }
  75% {
    box-shadow: -60px 40px 0 0 rgba(251, 251, 251, 0.1), -30px 40px 0 0 rgba(251, 251, 251, 0.1), 0 40px 0 0 rgba(251, 251, 251, 0.1), 30px 40px 0 2px rgba(251, 251, 251, 0.2), 60px 40px 0 0 rgba(251, 251, 251, 0.1); }
  100% {
    box-shadow: -60px 40px 0 0 rgba(251, 251, 251, 0.1), -30px 40px 0 0 rgba(251, 251, 251, 0.1), 0 40px 0 0 rgba(251, 251, 251, 0.1), 30px 40px 0 0 rgba(251, 251, 251, 0.1), 60px 40px 0 2px rgba(251, 251, 251, 0.2); } }

.divider {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
  border-bottom: 1px solid rgba(33, 33, 33, 0.1); }
  .divider-double {
    border-bottom: 2px solid rgba(33, 33, 33, 0.1); }

.cart-dark .divider {
  border-bottom: 1px solid rgba(251, 251, 251, 0.1); }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Lato", sans-serif; }

.page-header {
  padding: 45px 0;
  background: rgba(33, 33, 33, 0.03); }
  .page-header h1, .page-header .h1 {
    margin-bottom: 0; }
  .page-header-slim {
    padding: 15px 0;
    background: none; }

.box-title {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

.btn {
  text-decoration: none;
  text-align: center;
  font-family: "Lato", sans-serif;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  background: none;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .btn[disabled], .btn.disabled, .btn[disabled]:hover, .btn.disabled:hover {
    opacity: 0.6;
    cursor: not-allowed;
    outline: 0; }
  .btn-primary {
    padding: 15px 25px;
    background-color: #e74c3c;
    border: 2px solid #e74c3c;
    font-size: 16px;
    font-weight: 700;
    color: #FBFBFB;
    fill: #FBFBFB;
    line-height: 18px;
    letter-spacing: 2px; }
    .btn-primary:hover, .btn-primary:focus {
      outline: 0;
      opacity: 0.8; }
  .btn-secondary {
    padding: 10px 15px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    background-color: #212121;
    color: #FBFBFB;
    fill: #FBFBFB;
    line-height: 18px;
    letter-spacing: 1px; }
    .btn-secondary:hover, .btn-secondary:focus {
      outline: 0;
      opacity: 0.8; }
  .btn-line {
    display: inline-block;
    padding: 10px 15px;
    background-color: transparent;
    color: #e74c3c;
    fill: #e74c3c;
    border: 2px solid #e74c3c; }
    .btn-line:hover, .btn-line:focus {
      background-color: #e74c3c;
      color: #FBFBFB;
      fill: #FBFBFB; }
    .btn-line.bottom {
      border: none;
      border-bottom: 2px solid #e74c3c; }
  .btn-link {
    padding: 10px 15px;
    color: #e74c3c;
    fill: #e74c3c; }
    .btn-link:hover, .btn-link:focus {
      outline: 0;
      opacity: 0.8; }
  .btn-brand {
    background-color: #e74c3c;
    color: #FBFBFB;
    fill: #FBFBFB; }
    .btn-brand:hover, .btn-brand:focus {
      outline: 0;
      opacity: 0.8; }
    .btn-brand.invert {
      background-color: #d5d5d5;
      color: #e74c3c;
      fill: #e74c3c;
      border-color: #d5d5d5; }
  .btn-background {
    background-color: transparent;
    color: #e74c3c;
    fill: #e74c3c;
    border-color: transparent; }
    .btn-background:hover, .btn-background:focus {
      background-color: #eeeeee;
      outline: 0;
      opacity: 0.8;
      border-color: #eeeeee; }
    .btn-background.invert {
      background-color: #fafafa;
      color: #e74c3c;
      fill: #e74c3c;
      border-color: #fafafa; }
  .btn-foreground {
    background-color: #212121;
    color: #FBFBFB;
    fill: #FBFBFB;
    border-color: #212121; }
    .btn-foreground:hover, .btn-foreground:focus {
      outline: 0;
      opacity: 0.8; }
    .btn-foreground.invert {
      background-color: #d5d5d5;
      color: #212121;
      fill: #212121;
      border-color: #d5d5d5; }
  .btn-default {
    background-color: #adadad; }
  .btn-small {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px; }
  .btn-medium {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px; }
  .btn-large {
    padding: 15px 30px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 2px; }
  .btn-light {
    font-weight: 300; }
  .btn-bold {
    font-weight: 700; }
  .btn-facebook {
    background-color: #1977f2; }
    .btn-facebook .svg-fb-icon {
      fill: #fff; }
  .btn-hamburger {
    width: 55px;
    height: 48px;
    padding: 11px; }

button {
  cursor: pointer; }
  button:focus {
    outline: 0;
    opacity: 0.8; }

a {
  color: #212121;
  fill: #212121;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  a:hover, a:focus {
    opacity: 0.75; }

.link-invert {
  color: #FBFBFB;
  fill: #FBFBFB; }
  .link-invert:hover, .link-invert:focus {
    color: rgba(251, 251, 251, 0.8);
    fill: rgba(251, 251, 251, 0.8); }

.link-accent {
  color: #e74c3c;
  fill: #e74c3c; }
  .link-accent:hover, .link-accent:focus {
    color: rgba(231, 76, 60, 0.8);
    fill: rgba(231, 76, 60, 0.8); }

.chip, .filter-remove {
  color: #212121;
  background: rgba(33, 33, 33, 0.2);
  border: 0; }
  .chip-remove-icon {
    fill: #212121; }

.modal {
  color: #212121;
  background-color: #FBFBFB; }

input,
textarea {
  font-family: "Lato", sans-serif; }

.form-control {
  display: block;
  padding: 10px 8px;
  width: 100%;
  font-size: 16px;
  /* Hack to avoid autozoom on IOS */
  border: 0;
  border: 1px solid rgba(33, 33, 33, 0.2);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #212121;
  background-color: #FBFBFB;
  border-radius: 0; }
  .form-control:focus {
    outline: 0; }
  .form-control-inline {
    display: inline; }
  .form-control-invert {
    background-color: rgba(251, 251, 251, 0.1);
    border: 0;
    color: #FBFBFB; }
  .form-control-quantity {
    height: 48px;
    padding-right: 30px;
    font-size: 20px; }

.form-control::-webkit-input-placeholder,
.head-light .form-control-invert::-webkit-input-placeholder {
  color: rgba(33, 33, 33, 0.15); }

.form-control:-moz-placeholder,
.head-light .form-control-invert:-moz-placeholder {
  color: rgba(33, 33, 33, 0.15); }

.form-control::-moz-placeholder,
.head-light .form-control-invert::-moz-placeholder {
  color: rgba(33, 33, 33, 0.15); }

.form-control:-ms-input-placeholder,
.head-light .form-control-invert:-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.15); }

.form-control-invert::-webkit-input-placeholder {
  color: rgba(251, 251, 251, 0.5); }

.form-control-invert:-moz-placeholder {
  color: rgba(251, 251, 251, 0.5); }

.form-control-invert::-moz-placeholder {
  color: rgba(251, 251, 251, 0.5); }

.form-control-invert:-ms-input-placeholder {
  color: rgba(251, 251, 251, 0.5); }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.form-select {
  display: block;
  padding: 10px 8px;
  width: 100%;
  font-size: 16px;
  /* Hack to avoid autozoom on IOS */
  border: 0;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #212121;
  background-color: transparent; }
  .form-select-small {
    font-size: 12px; }

.radio-button-content {
  border: 2px solid rgba(33, 33, 33, 0.5); }

.radio-button input[type="radio"]:checked + .radio-button-content {
  outline: 3px solid #e74c3c;
  outline-offset: -3px;
  box-shadow: inset 7px 0 1px #e74c3c;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .radio-button input[type="radio"]:checked + .radio-button-content .unchecked {
    border: 2px solid #e74c3c; }
  .radio-button input[type="radio"]:checked + .radio-button-content .shipping-price {
    color: #e74c3c; }

.radio-button input[type="radio"]:checked .shipping-price {
  color: #e74c3c; }

.radio-button input[type="radio"] + .radio-button-content .unchecked {
  border: 2px solid rgba(251, 251, 251, 0.5); }

.checkbox-container .checkbox {
  color: #212121; }
  .checkbox-container .checkbox-color {
    border: 1px solid rgba(33, 33, 33, 0.1); }
  .checkbox-container .checkbox-icon {
    background: #FBFBFB;
    border: 2px solid #212121; }
    .checkbox-container .checkbox-icon:after {
      border: solid #212121;
      border-width: 0 3px 3px 0; }
  .checkbox-container .checkbox:hover {
    color: rgba(33, 33, 33, 0.8); }

.category-controls {
  background: #FBFBFB; }

.cart-dark .radio-button-content {
  border: 2px solid rgba(251, 251, 251, 0.5); }

.cart-dark .form-select {
  color: #FBFBFB;
  fill: #FBFBFB;
  border: 1px solid #FBFBFB; }

.list-readonly .list-unstyled {
  margin-bottom: 0; }

.list-item-box {
  background-color: rgba(33, 33, 33, 0.06); }
  .list-item-box.primary {
    border-bottom: 2px solid #e74c3c; }
  .list-item-box.danger, .list-item-box.error {
    border-bottom: 2px solid #cc4845; }
  .list-item-box.disable {
    background-color: rgba(33, 33, 33, 0.15);
    border-bottom: 2px solid rgba(33, 33, 33, 0.5); }

.alert-danger, .alert-error {
  color: black;
  background-color: #faeded;
  border-bottom: 2px solid #cc4845; }

.alert-warning {
  color: black;
  background-color: #f9f5ee; }

.alert-info {
  color: #212121;
  background-color: #fafafa; }

.alert-success {
  color: black;
  background-color: #edf7ef; }

.alert-primary {
  color: #e74c3c;
  background-color: rgba(231, 76, 60, 0.1); }

.cart-dark .alert-danger, .cart-dark .alert-error {
  color: black;
  border-color: rgba(204, 72, 69, 0.8);
  background-color: rgba(204, 72, 69, 0.8); }

.cart-dark .alert-info {
  color: #FBFBFB;
  border-color: rgba(251, 251, 251, 0.6);
  background-color: rgba(251, 251, 251, 0.05); }

.notification-primary {
  background-color: #f3f3f3;
  color: #212121;
  fill: #212121;
  border-right: 0;
  border-left: 0; }
  .notification-primary .notification-header {
    background-color: #eeeeee; }
  .notification-primary .notification-arrow-up:after {
    border-color: transparent transparent transparent #eeeeee; }
  .notification-primary .btn-primary svg {
    color: #FBFBFB;
    fill: #FBFBFB; }

.notification-secondary {
  padding: 5px 0;
  background: #f3f3f3;
  color: rgba(33, 33, 33, 0.8);
  border-bottom: 1px solid rgba(33, 33, 33, 0.1); }

.notification-arrow-up:after {
  position: absolute;
  top: -15px;
  right: 18px;
  display: block;
  width: 0;
  height: 0;
  border-width: 9px;
  border-style: solid;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  content: ''; }

.notification-danger {
  color: #cc4845;
  fill: #cc4845; }

.banner-services {
  padding: 30px 20px;
  background: #212121;
  color: #FBFBFB; }
  .banner-services-link {
    color: #FBFBFB; }

.textbanner-background {
  background: #212121; }

.textbanner-text {
  background: rgba(33, 33, 33, 0.03);
  border-bottom: 3px solid #e74c3c; }
  .textbanner-text.over-image-center {
    color: #FBFBFB; }

.textbanner-image-horizontal {
  background-color: rgba(33, 33, 33, 0.05); }

.table {
  background-color: #FBFBFB;
  color: #212121; }
  .table tbody tr:nth-child(odd) {
    background-color: rgba(33, 33, 33, 0.05); }
  .table th {
    padding: 8px;
    text-align: left; }

.tab-group {
  border-bottom: 1px solid rgba(33, 33, 33, 0.1); }
  .tab-group .tab-link {
    color: #212121; }
  .tab-group .tab.active .tab-link {
    border-bottom: 2px solid rgba(231, 76, 60, 0.5);
    color: #e74c3c; }

.card {
  background-color: #FBFBFB;
  border: 1px solid rgba(33, 33, 33, 0.08); }
  .card-header {
    background-color: rgba(33, 33, 33, 0.1); }

.box, .list-readonly .list-unstyled {
  background-color: rgba(33, 33, 33, 0.08);
  border-bottom: 2px solid #e74c3c; }

.swiper-button-next,
.swiper-button-prev {
  background-color: rgba(33, 33, 33, 0.1);
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .swiper-button-next:hover, .swiper-button-next:focus,
  .swiper-button-prev:hover,
  .swiper-button-prev:focus {
    background-color: rgba(33, 33, 33, 0.2); }

.swiper-dark {
  color: #212121; }

.swiper-light {
  color: #FBFBFB; }

.swiper-title {
  font-family: "Lato", sans-serif; }

.shadow-none {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05), 0 0px 0px rgba(0, 0, 0, 0.05), 0 0px 0px rgba(0, 0, 0, 0.05), 0 0px 0px rgba(0, 0, 0, 0.05), 0 0px 0px rgba(0, 0, 0, 0.05); }

.shadow-shorter {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 6px 8px rgba(0, 0, 0, 0.05), 0 8px 12px rgba(0, 0, 0, 0.05); }

.shadow-longer {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09); }

.shadow-soft {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07); }

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(33, 33, 33, 0.15); }

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(251, 251, 251, 0.9); }

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(251, 251, 251, 0.7); }

/*============================================================================
  #Home Page
==============================================================================*/
.home-sidebar-categories {
  background: #e74c3c;
  color: #FBFBFB; }
  .home-sidebar-categories-title {
    border-bottom: 1px solid rgba(251, 251, 251, 0.2); }
  .home-sidebar-categories .nav-primary .nav-list-link {
    color: #FBFBFB;
    fill: #FBFBFB; }
  .home-sidebar-categories .nav-primary .nav-list .list-subitems {
    background-color: rgba(0, 0, 0, 0.05); }

.instafeed-info {
  color: #FBFBFB;
  fill: #FBFBFB;
  background: rgba(33, 33, 33, 0.6); }

/*============================================================================
  #Product grid
==============================================================================*/
.item-description {
  background: #f6f6f6;
  border-bottom: 3px solid #e74c3c; }
  .item-description-container {
    background: #f6f6f6; }

.item-link {
  color: #212121; }

.item-installments {
  color: rgba(33, 33, 33, 0.5); }

.item-actions {
  border-top: 1px solid rgba(33, 33, 33, 0.05); }
  .item-actions-line {
    border-left: 1px solid rgba(33, 33, 33, 0.05); }

.item-colors-bullet {
  border: 1px solid rgba(33, 33, 33, 0.5); }
  .item-colors-bullet.selected {
    border: 2px solid #212121; }
  .item-colors-bullet-text {
    border: 0; }

.label {
  background: #212121;
  color: #FBFBFB; }
  .label.label-primary {
    background: #e74c3c; }
  .label.label-accent {
    background: #e74c3c; }

.filter-remove:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23212121"><path d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"/></svg>'); }

.filters-overlay {
  background-color: rgba(251, 251, 251, 0.85); }

/*============================================================================
  #Product detail
==============================================================================*/
.nube-slider-product {
  background: rgba(33, 33, 33, 0.04); }

.social-share .social-share-button {
  color: #212121; }

/*============================================================================
  #Cart
==============================================================================*/
.cart-item {
  border-bottom: 1px solid rgba(33, 33, 33, 0.2); }

.cart-light {
  background-color: #f3f3f3;
  color: #212121;
  fill: #212121; }
  .cart-light .btn-primary .svg-icon-secondary {
    color: #FBFBFB;
    fill: #FBFBFB; }
  .cart-light .cart-item {
    border-bottom: 1px solid rgba(33, 33, 33, 0.2); }
    .cart-light .cart-item-subtotal {
      color: #212121; }
  .cart-light .cart-panel-subtotal {
    border-bottom: 1px solid rgba(33, 33, 33, 0.2); }
  .cart-light .cart-panel-shipping-calculator {
    background-color: rgba(33, 33, 33, 0.03); }
    .cart-light .cart-panel-shipping-calculator input {
      color: #212121;
      background-color: #e2e2e2;
      border: 1px solid #d7d7d7; }
  .cart-light.cart-summary-detail .cart-item {
    border-bottom: 1px solid rgba(33, 33, 33, 0.2); }
    .cart-light.cart-summary-detail .cart-item-subtotal {
      color: #212121; }
  .cart-light.cart-summary-detail .cart-row {
    color: #212121; }
  .cart-light.cart-summary-detail .cart-summary-total {
    border-bottom: 1px solid rgba(33, 33, 33, 0.2); }

.cart-dark,
.cart-brand {
  background-color: #191919;
  color: #FBFBFB;
  fill: #FBFBFB; }
  .cart-dark .svg-icon-secondary,
  .cart-brand .svg-icon-secondary {
    color: rgba(251, 251, 251, 0.5);
    fill: rgba(251, 251, 251, 0.5); }
    .cart-dark .svg-icon-secondary:hover,
    .cart-brand .svg-icon-secondary:hover {
      color: rgba(251, 251, 251, 0.8);
      fill: rgba(251, 251, 251, 0.8); }
  .cart-dark .cart-item,
  .cart-brand .cart-item {
    border-bottom: 1px solid rgba(251, 251, 251, 0.2); }
    .cart-dark .cart-item-name,
    .cart-brand .cart-item-name {
      color: #FBFBFB; }
      .cart-dark .cart-item-name a,
      .cart-brand .cart-item-name a {
        color: #FBFBFB; }
    .cart-dark .cart-item-subtotal,
    .cart-brand .cart-item-subtotal {
      color: #FBFBFB; }
    .cart-dark .cart-item-input,
    .cart-brand .cart-item-input {
      color: #FBFBFB;
      background-color: rgba(251, 251, 251, 0.05);
      border: rgba(251, 251, 251, 0.2); }
  .cart-dark .cart-panel-subtotal,
  .cart-brand .cart-panel-subtotal {
    border-bottom: 1px solid rgba(251, 251, 251, 0.2); }
  .cart-dark .cart-panel-shipping-calculator,
  .cart-brand .cart-panel-shipping-calculator {
    background-color: rgba(251, 251, 251, 0.03); }
    .cart-dark .cart-panel-shipping-calculator input,
    .cart-brand .cart-panel-shipping-calculator input {
      color: #FBFBFB;
      background-color: #222222;
      border: 1px solid #3c3c3c; }
  .cart-dark.cart-summary-detail,
  .cart-brand.cart-summary-detail {
    background-color: #191919; }
    .cart-dark.cart-summary-detail .cart-item,
    .cart-brand.cart-summary-detail .cart-item {
      border-bottom: 1px solid rgba(251, 251, 251, 0.2); }
      .cart-dark.cart-summary-detail .cart-item-subtotal,
      .cart-brand.cart-summary-detail .cart-item-subtotal {
        color: #FBFBFB; }
    .cart-dark.cart-summary-detail .cart-row,
    .cart-brand.cart-summary-detail .cart-row {
      color: #FBFBFB; }
    .cart-dark.cart-summary-detail .cart-summary-total,
    .cart-brand.cart-summary-detail .cart-summary-total {
      border-bottom: 1px solid rgba(251, 251, 251, 0.2); }
  .cart-dark .modal,
  .cart-brand .modal {
    color: #212121;
    background-color: #FBFBFB; }
    .cart-dark .modal-cart-big,
    .cart-brand .modal-cart-big {
      color: #FBFBFB;
      background-color: #212121; }
      .cart-dark .modal-cart-big .modal-close,
      .cart-brand .modal-cart-big .modal-close {
        fill: #FBFBFB; }

/*============================================================================
  #Contact page
==============================================================================*/
.contact-link {
  color: #212121; }

/*============================================================================
  #Account page
==============================================================================*/
.order-item {
  padding: 15px 0;
  border-bottom: 1px solid rgba(33, 33, 33, 0.08); }
  .order-item:first-child {
    border-top: 1px solid rgba(33, 33, 33, 0.08); }

/*============================================================================
  #Header and nav
==============================================================================*/
.section-advertising {
  background-color: #e74c3c;
  color: #212121; }

.head-light {
  background-color: #FBFBFB; }
  .head-light .cart-widget-amount,
  .head-light .svg-icon-secondary {
    color: #212121;
    fill: #212121; }
  .head-light .nav-desktop {
    background-color: #f3f3f3; }
    .head-light .nav-desktop .nav-list-link {
      border-bottom: 4px solid transparent; }
      .head-light .nav-desktop .nav-list-link:hover {
        border-bottom: 4px solid #e74c3c; }
  .head-light .nav-desktop-list > .item-with-subitems.active > .nav-item-container > .nav-list-link {
    border-bottom: 4px solid #e74c3c; }
  .head-light .nav-desktop-list .nav-desktop-list-arrow {
    color: #e74c3c;
    fill: #e74c3c;
    background-color: #f3f3f3; }
  .head-light .nav-primary .nav-list .nav-item {
    border-color: rgba(33, 33, 33, 0.1); }
  .head-light .nav-primary .nav-list .list-subitems {
    background-color: rgba(0, 0, 0, 0.05); }
  .head-light .nav-tabs-mobile {
    background: rgba(33, 33, 33, 0.1); }
    .head-light .nav-tabs-mobile-line {
      border-left: 1px solid rgba(33, 33, 33, 0.1);
      border-right: 1px solid rgba(33, 33, 33, 0.1); }
  .head-light .form-control-invert {
    background-color: rgba(33, 33, 33, 0.1);
    border: 0;
    color: #212121; }

.head-dark,
.head-brand {
  background-color: #212121;
  color: #FBFBFB; }
  .head-dark a,
  .head-dark .cart-widget-amount,
  .head-dark .svg-icon-secondary,
  .head-brand a,
  .head-brand .cart-widget-amount,
  .head-brand .svg-icon-secondary {
    color: #FBFBFB;
    fill: #FBFBFB; }
  .head-dark .btn-secondary,
  .head-brand .btn-secondary {
    color: #212121;
    fill: #212121;
    background: transparent; }
  .head-dark .nav-desktop,
  .head-brand .nav-desktop {
    background-color: #2e2e2e; }
    .head-dark .nav-desktop .nav-list-link,
    .head-brand .nav-desktop .nav-list-link {
      border-bottom: 4px solid transparent; }
      .head-dark .nav-desktop .nav-list-link:hover,
      .head-brand .nav-desktop .nav-list-link:hover {
        border-bottom: 4px solid #e74c3c; }
  .head-dark .nav-desktop-list > .item-with-subitems.active > .nav-item-container > .nav-list-link,
  .head-brand .nav-desktop-list > .item-with-subitems.active > .nav-item-container > .nav-list-link {
    border-bottom: 4px solid #e74c3c; }
  .head-dark .nav-desktop-list .nav-desktop-list-arrow,
  .head-brand .nav-desktop-list .nav-desktop-list-arrow {
    color: #FBFBFB;
    fill: #FBFBFB;
    background-color: #2e2e2e; }
  .head-dark .nav-primary .nav-list .nav-item,
  .head-brand .nav-primary .nav-list .nav-item {
    border-color: rgba(251, 251, 251, 0.1); }
  .head-dark .nav-primary .nav-list .list-subitems,
  .head-brand .nav-primary .nav-list .list-subitems {
    background-color: rgba(255, 255, 255, 0.05); }
  .head-dark .nav-tabs-mobile,
  .head-brand .nav-tabs-mobile {
    background: rgba(251, 251, 251, 0.06); }
    .head-dark .nav-tabs-mobile-line,
    .head-brand .nav-tabs-mobile-line {
      border-left: 1px solid #212121;
      border-right: 1px solid #212121; }

.head-brand {
  background-color: #e74c3c; }
  .head-brand .nav-desktop {
    background-color: #ea6153; }
    .head-brand .nav-desktop .nav-list-link:hover {
      border-bottom: 4px solid #212121; }
    .head-brand .nav-desktop .nav-desktop-list-arrow {
      color: #FBFBFB;
      fill: #FBFBFB;
      background-color: #ea6153; }
  .head-brand .nav-primary .nav-list .list-subitems {
    background-color: rgba(0, 0, 0, 0.05); }
  .head-brand .nav-tabs-mobile-line {
    border-left: 1px solid #e74c3c;
    border-right: 1px solid #e74c3c; }
  .head-brand .link-cart.active {
    color: #FBFBFB;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .head-brand .link-cart.active .cart-widget-amount,
    .head-brand .link-cart.active a {
      color: #FBFBFB; }
    .head-brand .link-cart.active svg {
      fill: #FBFBFB; }

.head-transparent {
  background-color: transparent; }

.head-dark .link-cart.active {
  color: #e74c3c;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .head-dark .link-cart.active .cart-widget-amount,
  .head-dark .link-cart.active a {
    color: #e74c3c; }
  .head-dark .link-cart.active svg {
    fill: #e74c3c; }

.nav-desktop .desktop-dropdown .nav-list-link {
  border-bottom: none;
  color: #212121; }
  .nav-desktop .desktop-dropdown .nav-list-link:hover {
    border-bottom: none;
    opacity: 0.8; }

.desktop-list-subitems {
  background-color: #FBFBFB;
  color: #212121;
  fill: #212121; }
  .desktop-list-subitems .nav-item-desktop > .nav-list-link {
    color: #212121;
    fill: #212121; }

.nav-secondary {
  background-color: #e74c3c; }
  .nav-secondary .nav-accounts-message {
    background-color: #2e2e2e; }

.search-suggest {
  background-color: #292929; }
  .search-suggest-item {
    border-bottom: 1px solid rgba(251, 251, 251, 0.1); }

/*============================================================================
  #Footer
==============================================================================*/
footer {
  color: #FBFBFB;
  background: rgba(33, 33, 33, 0.8); }
  footer a,
  footer .contact-link {
    color: #FBFBFB;
    fill: #FBFBFB; }
    footer a:hover, footer a:active,
    footer .contact-link:hover,
    footer .contact-link:active {
      color: rgba(251, 251, 251, 0.8);
      fill: rgba(251, 251, 251, 0.8); }

.footer-legal {
  background: rgba(251, 251, 251, 0.1);
  color: rgba(251, 251, 251, 0.4); }

.powered-by-logo svg {
  fill: rgba(251, 251, 251, 0.4); }

.newsletter-btn {
  color: #212121; }

@media (min-width: 768px) {
  .btn-medium {
    padding: 13px 15px; }
  .form-control,
  .form-select {
    font-size: 14px; }
  .form-control-quantity {
    font-size: 20px; } }