@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm45xW4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapYCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.otf') format('otf'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'), url('../fonts/Gotham-Book.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Black';
  src: url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.otf') format('otf'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg'), url('../fonts/Gotham-Black.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-bold';
  src: url('../fonts/Gotham-bold.woff') format('woff'), url('../fonts/GothamBold.otf') format('otf'), url('../fonts/Gotham-bold.ttf') format('truetype'), url('../fonts/Gotham-bold.svg#Gotham-Black') format('svg'), url('../fonts/Gotham-bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-XLightItalic';
  src: url('../fonts/GothamExtraLight-Italic.woff') format('woff'), url('../fonts/GothamExtraLight-Italic.otf') format('otf'), url('../fonts/GothamExtraLight-Italic.ttf') format('truetype'), url('../fonts/GothamExtraLight-Italic.svg#GothamExtraLight-Italic') format('svg'), url('../fonts/Gotham-XLightItalic.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.otf') format('otf'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'), url('../fonts/Gotham-Medium.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterstateCondMono';
  src: url('../fonts/InterstateCondMono.woff') format('woff'), url('../fonts/InterstateCondMono.otf') format('otf'), url('../fonts/InterstateCondMono.ttf') format('truetype'), url('../fonts/InterstateCondMono.svg#InterstateCondMono') format('svg'), url('../fonts/InterstateCondMono.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.interstate {
  font-family: 'InterstateCondMono', sans-serif;
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Cn';
  src: url('../fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Cn.otf') format('otf'), url('../fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg'), url('../fonts/HelveticaNeueLTStd-Cn.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.helvetica {
  font-family: 'HelveticaNeueLTStd-Cn', sans-serif;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.otf') format('otf'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'), url('../fonts/MyriadPro-Regular.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamCondensed-Book';
  src: url('../fonts/GothamCondensed-Book.eot') format('embedded-opentype'), url('../fonts/GothamCondensed-Book.otf') format('opentype'), url('../fonts/GothamCondensed-Book.woff') format('woff'), url('../fonts/GothamCondensed-Book.ttf') format('truetype'), url('../fonts/GothamCondensed-Book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    height: auto;
    width: auto;
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
    height: 0;
    width: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    height: auto;
    width: auto;
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
    height: 0;
    width: 0;
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    height: 0;
    width: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    height: auto;
    width: auto;
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    height: 0;
    width: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    height: auto;
    width: auto;
  }
}
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.animate.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animate.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animate.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animate.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media (prefers-reduced-motion) {
  .animate {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.animate.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animate.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.animate.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
.animate.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.animate.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
.animate.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.animate.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
.fancybox-content {
  padding: 0;
}
.mce-panel {
  z-index: 999999!important;
}
.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom {
  z-index: 999999!important;
}
.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in {
  z-index: 99999999!important;
}
.v-align {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .v-align-lg {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .v-align-md {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .v-align-sm {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .v-align-xs {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
.display-flex {
  display: flex;
}
@media (min-width: 1200px) {
  .display-flex-lg {
    display: flex;
  }
}
@media (min-width: 992px) {
  .display-flex-md {
    display: flex;
  }
}
@media (min-width: 768px) {
  .display-flex-sm {
    display: flex;
  }
}
@media (max-width: 768px) {
  .display-flex-xs {
    display: flex;
  }
}
.bs-example-modal-lg {
  z-index: 9999;
}
#galeria .carousel-control {
  width: 10% !important;
}

.login .g-recaptcha {
  transform:scale(0.77);
  transform-origin:0 0;
}

#ui-id-1{
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

#filters_select_tag{
  margin-bottom: 10px;
}

.select_tag_remove{
  padding: 5px 10px;
  background: #cccccc;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin: 5px;
  text-decoration: none;
  display: inline-block;
}

.select_tag_remove:hover{
  content: 'x';
  margin-left: 5px;
  background: #999;
  text-decoration: none;
  color: #fff;
}

#shopping-cart #interest {
  background: linear-gradient(0deg, #ececec 40%, #fff 40%);
  padding-top: 20px;
  padding-bottom: 30px
}

#shopping-cart #interest h2 {
  font-size: 30px;
  margin: 0;
  text-align: left
}

#shopping-cart #interest hr {
  margin-top: 0
}

#shopping-cart #interest .carousel-products {
  padding: 20px
}

#shopping-cart #interest .title {
  margin-bottom: 10px
}

#shopping-cart #interest .navigation {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 100px
}

#shopping-cart #interest .navigation a {
  color: #888;
  font-family: 'Montserrat', sans-serif;
  font-size: 80px;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease
}

@media (max-width: 875px) {
  #shopping-cart #interest .navigation a {
    display: none
  }
}

#shopping-cart #interest .navigation a:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  transform: scale(1.1)
}

#shopping-cart #interest .navigation a.left {
  position: absolute;
  left: -80px
}

#shopping-cart #interest .navigation a.rigth {
  position: absolute;
  right: -80px
}

#shopping-cart #interest .box {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.24);
  box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.24);
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  padding-top: 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 9
}

#shopping-cart #interest .box:hover {
  transform: scale(1.1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 99
}

#shopping-cart #interest .box.sale::before {
  display: none;
  content: 'SALE';
  position: absolute;
  top: -2px;
  left: -4px;
  background-color: #ff4331;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 5px 16px;
  font-size: 20px;
  z-index: 2
}

#shopping-cart #interest .box .img {
  height: 200px;
  padding: 10px;
  width: 100%;
  overflow: hidden
}

@media (max-width: 875px) {
  #shopping-cart #interest .box .img {
    height: 36vw
  }
}

#shopping-cart #interest .box .img img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0)
}

@media (max-width: 875px) {
  #shopping-cart #interest .box .img img {
    width: 100%
  }
}

#shopping-cart #interest .box .cont {
  padding: 15px
}

@media (max-width: 875px) {
  #shopping-cart #interest .box .cont {
    padding: 5px
  }
}

#shopping-cart #interest .box .cont p {
  font-size: 14px;
  text-align: center;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400
}

#shopping-cart #interest .box .cont p strong {
  font-weight: 800
}

@media (max-width: 875px) {
  #shopping-cart #interest .box .cont p {
    font-size: 2vw
  }
}

#shopping-cart #interest .box .cont .despacho p img {
  margin-left: 10px
}

@media (max-width: 875px) {
  #shopping-cart #interest .box .cont .despacho p img {
    margin-left: 5px;
    width: 10px
  }
}

#shopping-cart #interest .box .cont .buttons {
  margin-top: 5px;
  text-align: center
}

#shopping-cart #interest .box .cont .buttons a {
  text-decoration: none;
  font-size: 11px;
  padding: 5px 10px;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  width: fit-content
}

@media (max-width: 875px) {
  #shopping-cart #interest .box .cont .buttons a {
    font-size: 2vw;
    padding: 4px 6px
  }
}

#shopping-cart #interest .box .cont .buttons a.btn.more {
  border-color: #ff7600;
  color: #ff7600;
  background-color: #fff
}

#shopping-cart #interest .box .cont .buttons a.btn.add {
  border-color: #fff;
  color: #fff;
  background-color: #ff7600
}