main{

  min-height: unset;

}

/*BANNER*/

.MaskFondo {

background-image: linear-gradient(to bottom, #000000, #cf1f2d);

background-position: center;

background-size: cover;

}

.Mask {

min-height: 126px;

}

.Header-text {

height: 44px;

font-size: 23px;

font-weight: 500;

font-style: italic;

font-stretch: normal;

line-height: 1.26;

letter-spacing: 0.6px;

text-align: center;

color: #ffffff;

}

/*FILTRO*/

.cd-main-content html, .cd-main-content body, .cd-main-content div, .cd-main-content span, .cd-main-content applet, .cd-main-content object, .cd-main-content iframe,

.cd-main-content h1, .cd-main-content h2, .cd-main-content h3, .cd-main-content h4, .cd-main-content h5, .cd-main-content h6, .cd-main-content p, .cd-main-content blockquote, .cd-main-content pre,

.cd-main-content a, .cd-main-content abbr, .cd-main-content acronym, .cd-main-content address, .cd-main-content big, .cd-main-content cite, .cd-main-content code,

.cd-main-content del, .cd-main-content dfn, .cd-main-content em, .cd-main-content img, .cd-main-content ins, .cd-main-content kbd, .cd-main-content q, .cd-main-content s, .cd-main-content samp,

.cd-main-content small, .cd-main-content strike, .cd-main-content strong, .cd-main-content sub, .cd-main-content sup, .cd-main-content tt, .cd-main-content var,

.cd-main-content b, .cd-main-content u, .cd-main-content i, .cd-main-content center,

.cd-main-content dl, .cd-main-content dt, .cd-main-content dd, .cd-main-content ol, .cd-main-content ul, .cd-main-content li,

.cd-main-content fieldset, .cd-main-content form, .cd-main-content label, .cd-main-content legend,

.cd-main-content table, .cd-main-content caption, .cd-main-content tbody, .cd-main-content tfoot, .cd-main-content thead, .cd-main-content tr, .cd-main-content th, .cd-main-content td,

.cd-main-content article, .cd-main-content aside, .cd-main-content canvas, .cd-main-content details, .cd-main-content embed, 

.cd-main-content figure, .cd-main-content figcaption, .cd-main-content footer, .cd-main-content header, .cd-main-content hgroup, 

.cd-main-content menu, .cd-main-content nav, .cd-main-content output, .cd-main-content ruby, .cd-main-content section, .cd-main-content summary,

.cd-main-content time, .cd-main-content mark, .cd-main-content audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

.cd-main-content article, .cd-main-content aside, .cd-main-content details, .cd-main-content figcaption, .cd-main-content figure, 

.cd-main-content footer, .cd-main-content header, .cd-main-content hgroup, .cd-main-content menu, .cd-main-content nav, .cd-main-content section,.cd-main-content  main {

  display: block;

}

body {

  line-height: 1;

}

.cd-main-content ol, ul {

  list-style: none;

  min-height: unset !important;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}

.cd-main-content  table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* -------------------------------- 



Primary style



-------------------------------- */

a {

  color: #005189;

  text-decoration: none;

}



/* -------------------------------- 



Main Components 



-------------------------------- */



.cd-main-content {

  position: relative;

  min-height: 100vh;

  font-size: 62.5%;

}

.cd-main-content:after {

  content: "";

  display: table;

  clear: both;

}

.cd-main-content.is-fixed .cd-tab-filter-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

}

.cd-main-content.is-fixed .cd-gallery {

  padding-top: 76px;

}

.cd-main-content.is-fixed .cd-filter {

 /* position: fixed;*/

  height: 100%;

  overflow: hidden;

}

.cd-main-content.is-fixed .cd-filter form {

  height: 100%;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

}

.cd-main-content.is-fixed .cd-filter-trigger {

  position: fixed;

}

@media only screen and (min-width: 768px) {

  .cd-main-content.is-fixed .cd-gallery {

    padding-top: 90px;

  }

}

@media only screen and (min-width: 1170px) {

  .cd-main-content.is-fixed .cd-gallery {

    padding-top: 100px;

  }

}



/* -------------------------------- 



xtab-filter 



-------------------------------- */

.cd-tab-filter-wrapper {

  background-color: #ffffff;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);

  z-index: 1;

}

.cd-tab-filter-wrapper:after {

  content: "";

  display: table;

  clear: both;

}



.cd-tab-filter {

  /* tabbed navigation style on mobile - dropdown */

  position: relative;

  height: 50px;

  width: 140px;

  margin: 0 auto;

  z-index: 1;

}

.cd-tab-filter::after {

  /* small arrow icon */

  content: '';

  position: absolute;

  right: 14px;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  display: inline-block;

  width: 16px;

  height: 16px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  pointer-events: none;

}

.cd-tab-filter ul {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #ffffff;

  box-shadow: inset 0 -2px 0 #005189;

}

.cd-tab-filter li {

  display: none;

}

.cd-tab-filter li:first-child {

  /* this way the placehodler is alway visible */

  display: block;

}

.cd-tab-filter a {

  display: block;

  /* set same size of the .cd-tab-filter */

  height: 50px;

  width: 140px;

  line-height: 50px;

  padding-left: 14px;

}

.cd-tab-filter a.selected {

  background: #005189;

  color: #ffffff;

}

.cd-tab-filter.is-open::after {

  /* small arrow rotation */

  -webkit-transform: translateY(-50%) rotate(-180deg);

  -moz-transform: translateY(-50%) rotate(-180deg);

  -ms-transform: translateY(-50%) rotate(-180deg);

  -o-transform: translateY(-50%) rotate(-180deg);

  transform: translateY(-50%) rotate(-180deg);

}

.cd-tab-filter.is-open ul {

  box-shadow: inset 0 -2px 0 #005189, 0 2px 10px rgba(0, 0, 0, 0.2);

}

.cd-tab-filter.is-open ul li {

  display: block;

}

.cd-tab-filter.is-open .placeholder a {

  /* reduces the opacity of the placeholder on mobile when the menu is open */

  opacity: .4;

}

@media only screen and (min-width: 768px) {

  .cd-tab-filter {

    /* tabbed navigation style on medium devices */

    width: auto;

    cursor: auto;

  }

  .cd-tab-filter::after {

    /* hide the arrow */

    display: none;

  }

  .cd-tab-filter ul {

    background: transparent;

    position: static;

    box-shadow: none;

    text-align: center;

  }

  .cd-tab-filter li {

    display: inline-block;

  }

  .cd-tab-filter li.placeholder {

    display: none !important;

  }

  .cd-tab-filter a {

    display: inline-block;

    padding: 0 1em;

    width: auto;

    color: #9a9a9a;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 1.3rem;

  }

  .no-touch .cd-tab-filter a:hover {

    color: #005189;

  }

  .cd-tab-filter a.selected {

    background: transparent;

    color: #005189;

    /* create border bottom using box-shadow property */

    box-shadow: inset 0 -2px 0 #005189;

  }

  .cd-tab-filter.is-open ul li {

    display: inline-block;

  }

}

@media only screen and (min-width: 1170px) {

  .cd-tab-filter {

    /* tabbed navigation on big devices */

    width: 100%;

    float: right;

    margin: 0;

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    transition: width 0.3s;

  }

  .cd-tab-filter.filter-is-visible {

    /* reduce width when filter is visible */

    width: 80%;

  }

}



/* -------------------------------- 



xgallery 



-------------------------------- */

.cd-gallery {

  padding: 26px 5%;

  width: 100%;

}

.cd-gallery li {

  margin-bottom: 1.6em;

 /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/

  display: none;

  /*max-width: 232px;*/



}

.cd-gallery li.gap {

  /* used in combination with text-align: justify to align gallery elements */

  opacity: 0;

  height: 0;

  display: inline-block;

}

.cd-gallery img {

  display: block;

  width: 100%;

}

.cd-gallery .cd-fail-message {

  display: none;

  text-align: center;

}

@media only screen and (min-width: 768px) {

  .cd-gallery {

    padding: 40px 3%;

  }

  .cd-gallery ul {

    text-align: justify;

  }

  .cd-gallery ul:after {

    content: "";

    display: table;

    clear: both;

  }

  .cd-gallery li {

    width: 48%;

    margin-bottom: 2em;

  }

}

@media only screen and (min-width: 1170px) {

  .cd-gallery {

    padding: 50px 2%;

    float: right;

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    transition: width 0.3s;

  }

  .cd-gallery li {

    width: 22%;

  }

  .cd-gallery.filter-is-visible {

    /* reduce width when filter is visible */

    width: 80%;

  }

}



/* -------------------------------- 



xfilter 



-------------------------------- */

.cd-filter {

  position: absolute;

  font-size: 62.5%;

  top: 0;

  left: 0;

  width: 310px;

  height: 90%;

  background: #ffffff;

  box-shadow: 4px 4px 20px transparent;

  z-index: 2;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateX(-100%);

  -moz-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -o-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;

  -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;

  transition: transform 0.3s, box-shadow 0.3s;

}

.cd-filter::before {

  /* top colored bar */

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  height: 50px;

  width: 100%;

  background-color: #005189;

  z-index: 2;

}

.cd-filter form {

  padding: 70px 20px;

}

.cd-filter .cd-close {

  position: absolute;

  top: 0;

  right: 0;

  height: 50px;

  line-height: 50px;

  font-size: 17px;

  width: 60px;

  color: #ffffff;

  text-align: center;

  background: #005189;

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  transition: opacity 0.3s;

  z-index: 3;

}

.no-touch .cd-filter .cd-close:hover {

  background: #32255f;

}

.cd-filter.filter-is-visible {

      overflow: hidden;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0); box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.16);

}

.cd-filter.filter-is-visible .cd-close {

  opacity: 1;

}

@media only screen and (min-width: 1170px) {

  .cd-filter {

    width: 20%;

  }

  .cd-filter form {

    padding: 60px 20px;

  }

}



.cd-filter-trigger {

    position: absolute;

    top: 0;

    left: 0;

    height: 50px;

    width: 60px;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    background: transparent url(../img/filtrar-imagen.png) no-repeat center center;

    z-index: 3;

    background-size: 23px;

    padding-left: 40px !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    font-style: normal;

    font-stretch: normal;

    line-height: 52px;

    letter-spacing: 0.4px;

    color: #005189;

}

.cd-filter-trigger.filter-is-visible {

  pointer-events: none;

    color: #ffffff;

}

@media only screen and (min-width: 70px) {

  .cd-filter-trigger {

    width: auto;

    left: 2%;

    text-indent: 0;

  /*  text-transform: uppercase;*/

    font-size: 1.3rem;

    font-weight: 700;

    padding-left: 24px;

    background-position: left center;

    -webkit-transition: color 0.3s;

    -moz-transition: color 0.3s;

    transition: color 0.3s;

  }

  .no-touch .cd-filter-trigger:hover {

    color: #005189;

  }

  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {

    color: #ffffff;

  }

}



/* -------------------------------- 



xcustom form elements 



-------------------------------- */

.cd-filter-block {

  margin-bottom: 1.6em;

}

.cd-filter-block h4 {

  /* filter block title */

  position: relative;

  margin-bottom: .2em;

  padding: 10px 0 10px 30px;

 /* text-transform: uppercase;*/

  font-weight: 700;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  cursor: pointer;



  font-size: 14px;

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  line-height: 2.07;

  letter-spacing: 0.4px;

  color: #0a213f;



}

.cd-filter > form > div > ul > li > label > div{

    color: #9b9b9b;

    font-size: 13px;

}

.cd-filter > form > div:nth-child(1) > div > input[type="search"]{

    font-size: 15px;

    line-height: 0.7;

}

.no-touch .cd-filter-block h4:hover {

  color: #005189;

}

.cd-filter-block h4::before {

  /* arrow */

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  width: 16px;

  height: 16px;

  background: url("../img/flecha.png") no-repeat center center;

    background-size: 17px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  transition: transform 0.3s;

}

.cd-filter-block h4.closed::before {

  -webkit-transform: translateY(-50%) rotate(-90deg);

  -moz-transform: translateY(-50%) rotate(-90deg);

  -ms-transform: translateY(-50%) rotate(-90deg);

  -o-transform: translateY(-50%) rotate(-90deg);

  transform: translateY(-50%) rotate(-90deg);

}

.cd-filter-block input, .cd-filter-block select,

.cd-filter-block .radio-label::before,

.cd-filter-block .checkbox-label::before {

  /* shared style for input elements */

  font-family: "Open Sans", sans-serif;

  border-radius: 0;

  background-color: #ffffff;

  border: 2px solid #e6e6e6;

}

.cd-filter-block input[type='search'],

.cd-filter-block input[type='text'],

.cd-filter-block select {

  width: 100%;

  padding: .8em;

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  box-shadow: none;

}

.cd-filter-block input[type='search']:focus,

.cd-filter-block input[type='text']:focus,

.cd-filter-block select:focus {

  outline: none;

  background-color: #ffffff;

  border-color: #005189;

}

.cd-filter-block input[type='search'] {

  /* custom style for the search element */

  border-color: transparent;

  background-color: #f5f5f5;

  /* prevent jump - ios devices */

  /*font-size: 1.6rem !important;*/

}

.cd-filter-block input[type='search']::-webkit-search-cancel-button {

  display: none;

}

.cd-filter-block .list li {

  position: relative;

  margin-bottom: .8em;

}

.cd-filter-block .list li:last-of-type {

  margin-bottom: 0;

}

.cd-filter-block input[type=radio],

.cd-filter-block input[type=checkbox] {

  /* hide original check and radio buttons */

  position: absolute;

  left: 0;

  top: 0;

  margin: 0;

  padding: 0;

  opacity: 0;

  z-index: 2;

}

.cd-filter-block .checkbox-label,

.cd-filter-block .radio-label {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,

.cd-filter-block .radio-label::before,

.cd-filter-block .radio-label::after {

  /* custom radio and check boxes */

  content: '';

  display: block;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.cd-filter-block .checkbox-label::before,

.cd-filter-block .radio-label::before {

  width: 16px;

  height: 16px;

  left: 0;

}

.cd-filter-block .checkbox-label::after,

.cd-filter-block .radio-label::after {

  /* check mark - hidden */

  display: none;

}

.cd-filter-block .checkbox-label::after {

  /* check mark style for check boxes */

  width: 16px;

  height: 16px;

  background: url("../img/cd-icon-check.svg") no-repeat center center;

}

.cd-filter-block .radio-label::before,

.cd-filter-block .radio-label::after {

  border-radius: 50%;

}

.cd-filter-block .radio-label::after {

  /* check mark style for radio buttons */

  width: 6px;

  height: 6px;

  background-color: #ffffff;

  left: 5px;

}

.cd-filter-block input[type=radio]:checked + label::before,

.cd-filter-block input[type=checkbox]:checked + label::before {

  border-color: #005189;

  background-color: #005189;

}

.cd-filter-block input[type=radio]:checked + label::after,

.cd-filter-block input[type=checkbox]:checked + label::after {

  display: block;

}

.cd-filter-block input[type=radio] + label ,

.cd-filter-block input[type=checkbox] + label  {

  cursor: pointer;

} 

.cd-filter-block input[type=radio]:checked + label > div,

.cd-filter-block input[type=checkbox]:checked + label > div  {

  color: #005189;

  font-style: bold;

  cursor: pointer;

} 



@-moz-document url-prefix() {

  /* hide custom arrow on Firefox - select element */

  .cd-filter-block .cd-select::after {

    display: none;

  }

}



#bodyRecorridoID > div.cd-main-content.bg-white > div.cd-tab-filter-wrapper > div{

  box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.16);

}



.gridCaja-individual{

  padding-right: 15px;

  padding-left: 15px;

}

.gridCaja-individual img,  .codigoProducto{

  cursor: pointer;

}

.contenedorImagenCatalogo-grid{

  transition: all .4s cubic-bezier(.5,0,.3,1);

}

.gridCaja-individual:hover .contenedorImagenCatalogo-grid{

  -webkit-filter: saturate(1.5); /* Safari 6.0 - 9.0 */

  filter: saturate(1.5);

}

.gridCaja-individual{

  transition: transform 1.5s cubic-bezier(.5,0,.3,1);

  height: auto;

}

.mix{

  display: inline-block;

}

.gridCaja-individual-invisible{

  height: 0px;

}

.EfectoProducto-individual-invisible{

  transform: scale(0);

}

.EfectoProducto-individual{

  border: solid 1px #efefef !important;

  transition: transform 1.5s cubic-bezier(.5,0,.3,1);

}

.EfectoProducto-individual:hover {

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);

}

.MostrarMasProductos-CSS{

  transition: all .4s cubic-bezier(.5,0,.3,1);

  cursor: pointer;

}

.MostrarMasProductos-CSS:hover{

background-color: #F3F1F2 !important;

color: black !important;

}

.nombreProducto{

  font-size: 12px !important;

  height: 28px;

  font-weight: 500;

  text-transform: uppercase;

}

.codigoProducto{

  font-size: 12px;

  height: 11px; 

  overflow: hidden;

}

.codigoProductoCARRITO{

  font-weight: bold !important;

}

.codigoProductoCARRITO:hover{

  color: #005189;

}

.codigoProductoSKU{

  font-weight: unset !important;

}

.codigoProducto:hover .efectoCarrito-gridCaja{

  transform: translate(0px,0px);

}

.efectoCarrito-gridCaja{

  transform: translate(0px,-13px);

  transition: all .2s cubic-bezier(.5,0,.3,1);

}

.label-mostrarMasProductos-CSS{

 width: 310px; margin: auto !important;

 font-size: 20px !important;

 font-weight: bold;

 color: gray;

}





    .loadmore-button {

      background: green;

      display: none;

    }



    .loadmore-less {

      background: orange;

      display: none;

    }

.agregarMas-enGrid{

  cursor: pointer;

}



.pagination a:not(:first-child):not(:last-child), .pagination span:not(:first-child):not(:last-child){ 

    font-size: 16px;

    font-weight: 500;

    font-style: normal;

    font-stretch: normal;

    letter-spacing: 25.3px;

    text-align: right;

    text-decoration: none !important;

    height: 100% !important;

    width: 50px !important;

    padding: 0px 19px;

    color: #9b9b9b;

    font-size: 20px;

    letter-spacing: 0.1em;

    line-height: 49px;

    margin: 0px !important;

}

.pagination a.jp-current{

  color: #ffffff !important;

  background-color: #005189;

}

.mix {

  display: none;

}

.pagination {

  margin: 0 auto;

  height: 50px;

  border-radius: 34px;

  background-color: #fbfbfb;

  width: 85% !important;

}

.pagination a {

  float: left  !important;

  list-style: none  !important;

  margin-left: 15px  !important;

  color: black;

  font-size: 20px;

  text-decoration: none  !important;

  cursor: pointer  !important;

}





.jp-previous  {

  text-align: left;

}

.jp-next  {

  text-align: right;

}



.jp-previous,.jp-next  {

  width: 100% !important;    

  height: 40px;

  align-self: center;

  font-size: 16px;

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.81;

  letter-spacing: normal;

  color: #005189 !important;

}



.jp-disabled{

  font-size: 16px;

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.81;

  letter-spacing: normal;

  color: #9b9b9b !important;

    pointer-events: none;

  cursor: default;

  text-decoration: none;

}

.centrarMargen{    position: relative;

    top: -9px;

}

.mostrar-mas{

  cursor: pointer;

  font-size: 14px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: 2.07;

  letter-spacing: 0.4px;

  color: #9b9b9b;

}

.mostrar-mas:hover{

  color: #005189;

  text-decoration: underline;

}

.flechasTamaño{

  font-size: 40px !important;

}

/*-------------------------MEDIA QUERYS-----------------------*/

/*LG -LARGO */

@media (max-width: 1200px){

}

/*MD - MEDIANO*/

@media (max-width: 992px){

.centrarMargen{  

  display: none !important;

}

.flechasTamaño{

  font-size: 20px !important;

}

.cd-filter-trigger {

    left: 5%;}

}

/*SM - PEQUEÑO*/

@media (max-width: 768px){

}

/*XS - EXTRA PEQUEÑO*/

@media (max-width: 576px){

}