/*
  StyleSheet For Responsive Bootstrap Carousel 4
*/
/*------------------------------------------------------*/
/* Carousel Página Principal
/*------------------------------------------------------*/
.gp_products_carousel_wrapper{
  overflow: hidden;
  padding: 15px 50px 50px 50px; */
  /* padding: 10px 25px 25px 25px; */
}
.gp_products_carousel_wrapper .carousel-item > .row{
  margin: 0;
}
/*---------- HEADER ----------*/
.gp_products_carousel_header{
  font-size: 1.4em;
  font-weight: 100;
  padding-left: 20px;
  margin-bottom: 10px;
  padding-right: 20px;
  font-family: 'Roboto', sans-serif;
}
.gp_products_carousel_header > a,
.gp_products_carousel_header > a:visited{
  font-size: 14px;
  margin-top: 3px;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
  padding: 7px 15px 7px 15px;
  font-family: 'Roboto', sans-serif;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
}
/*---------- LEFT/RIGHT CONTROL ----------*/
.gp_products_carousel_control_left,
.gp_products_carousel_control_right{
  top: 43%;
  z-index: 2;
  opacity: 0.5; /* byGSL 0; para mostrar los botones de una */
  width: 30px;
  height: 65px;
  border: none;
  text-shadow: none;
  text-align: center;
  transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
}
.gp_products_carousel_wrapper:hover .gp_products_carousel_control_left,
.gp_products_carousel_wrapper:hover .gp_products_carousel_control_right{
  opacity: 0.5;
}
.gp_products_carousel_control_icons{
  font-size: 20px;
  line-height: 65px;
}
.gp_products_carousel_control_left{
  left: 1% !important;
}
.gp_products_carousel_control_right{
  right: 1% !important;
}
/*---------- CAPTION ----------*/
.gp_products_item{
  padding-top: 5px; /* byGSL 5px; */
  padding-bottom: 5px; /* byGSL 5px; */
}
.gp_products_inner{
  height: 370px; 
  border-radius: 2px;
  -webkit-border-radius: 4px;
}
.gp_products_item_image{
  padding: 25px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  transition: all .25s ease;
  -webkit-transition: all .25s ease;
}
.gp_products_item_image > a > img{
  /* off byGSL 
    width: 100%; 
    max-width: 250px; 
  */
  object-fit: scale-down;
  height: 20vh;
  width: 100%;  
  max-width: 250px;
  max-height: 250px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.img-gsl-thumbnail-grid {
    display: inline-block;
    max-width: 100%;
    height: auto;
    /* padding: 12px; */
    object-fit: scale-down;
    height: 20vh;
    width: 100%;
    line-height: 1.42857143;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*---------- TEXTOS ----------*/
.gp_products_item_caption{
  padding: 5px 5px 0px 5px; /* byGSL 15px 15px 10px 15px; */
}
.gp_products_item_caption a,
.gp_products_item_caption a:visited{
  text-decoration: none;
  transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
}
.gp_products_item_caption > ul{
  padding: 0px;
  list-style-type: none;
  height: 40px;
}
.gp_products_caption_name > li:nth-child(1) > a{
  font-size: 10px;
  color: red;
  /* font-weight: 300; */
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;  
  /* font-family: 'Roboto', sans-serif; /*/
}
.gp_products_caption_name > li:nth-child(2) > a{
  font-size: 10px;
  /* font-weight: 300; */
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;  
}

.gp_products_caption_precio > li:nth-child(1) > a{
  position: relative;
  margin-left: 80px;
  font-size: 18px; 
  color: red;  
  font-weight: 300;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;  
}
.gp_products_caption_precio > li:nth-child(2) > a{
  font-size: 48px;
  font-weight: 300;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;  
  text-align: center;
}

/*
.gp_products_caption_cantidad .input-group .input-group-prepend .input-group-text {
    height: 35px;
    margin-bottom: 0px;
}

*/
.gp_products_caption_cantidad{
    height: 35px;
    margin-left: 15px;
    margin-right: 15px;
}
.gp_products_caption_cantidad .input-group {
    height: 35px;
    margin-bottom: 0px;
}
.gp_products_caption_cantidad .input-group .input-group-prepend{
    height: 35px;
    margin-bottom: 0px;
}
.gp_products_caption_cantidad .input-group .input-group-prepend .input-group-text {
    font-size: 12px;
}




/* /////////////////////////////////////////////////////////////////////////// */
.gp_products_caption_cantidad .input-group .input-group-append {
  height: 35px;
  margin-bottom: 0px;
}
.gp_products_caption_cantidad .input-group .input-group-append .gp_input-group-btn-vertical {
  white-space: nowrap;
}
.gp_products_caption_cantidad .input-group .input-group-append .gp_input-group-btn-vertical  > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 0px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.gp_products_caption_cantidad .input-group .input-group-append .gp_input-group-btn-vertical  > .btn:first-child {
  border-top-right-radius: 4px;
  margin-bottom: 0px; /* muy importante */
}
.gp_products_caption_cantidad .input-group .input-group-append .gp_input-group-btn-vertical  > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;  
}

.pcm2_input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}
.pcm2_input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.pcm2_input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
  margin-bottom: 0px; /* muy importante */
}
.pcm2_input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.pcm2_input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}


.gp_products_caption_rating >li{
  font-size: 12px;
  display: inline-block;
}
.gp_products_caption_rating > li > a{
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}

/*------------------------------------------------------*/
/* COLORS (MIX)
/*------------------------------------------------------*/

.gp_products_carousel_wrapper{
  background: #fff;
  /* background: #fff; /* byGSL background: #eeeeee; */
  /* background: #eaeded; */ /* f7f5f5; */
}
/*---------- HEADER ----------*/
.gp_products_carousel_header > a,
.gp_products_carousel_header > a:visited{
  color: #ffffff;
  background: rgba(0,0,0,0.25);  /* byGSL background: #689f38; */
}
.gp_products_carousel_header > a:hover,
.gp_products_carousel_header > a:active{
  background: #cc181e;
}
/*---------- LEFT/RIGHT CONTROL ---------- */
.gp_products_carousel_control_left,
.gp_products_carousel_control_left:hover,
.gp_products_carousel_control_left:active,
.gp_products_carousel_control_left:focus,
.gp_products_carousel_control_right,
.gp_products_carousel_control_right:hover,
.gp_products_carousel_control_right:active,
.gp_products_carousel_control_right:focus{
  color: #ffffff;
  background: #282828;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/*---------- CAPTION ----------*/
.gp_products_item_caption > ul > li{
  color: black; /* byGSL color: #767676; */
  font-size: 12px;
}
.gp_products_inner{
  background: #ffffff;
  /*
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
*/
-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25)
/*
-webkit-box-shadow: 10px 10px 13px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 10px 10px 13px 0px rgba(0,0,0,0.47);
box-shadow: 10px 10px 13px 0px rgba(0,0,0,0.47);
*/
}
.gp_products_inner:hover .gp_products_item_image{
  background: rgba(0,0,0,0.25); /* byGSL rgba(0,0,0,0.4);  rgba(243,13,13,0.4);*/
}
.gp_products_caption_name > li:nth-child(1) > a{
  color: #696e6e;
}
.gp_products_caption_name > li:nth-child(2) > a{
  color: #696e6e;
}
.gp_products_caption_precio > li:nth-child(1) > a{
  color: red;
}
.gp_products_caption_precio > li:nth-child(2) > a{
  color: red;
}
.gp_products_caption_rating > li > i{
  color: #feb600;
}
.gp_products_caption_rating > li > a{
  color: #689f38;
}
.gp_products_item_caption a:hover,
.gp_products_item_caption a:active,
.gp_products_caption_name li a:hover,
.gp_products_caption_name li a:active{
  color: #cc181e;
}

.gp_products_buttons1 {
  padding: 3px 5px 3px 5px;
  margin: 3px 5px 3px 5px;
}
.gp_products_buttons1 .btn{
    margin-bottom: 0px; 
    margin-right: 0px;
}

.gp_products_buttons {
  width: 70%;
  left: 10px;
  height: 40px;
}

.gp_products_buttons .gp_products_caption_buttons{
  color: #000000;
  padding: 3px 5px 3px 5px;
  margin: 3px 5px 3px 5px;
}

  /* background-color: #6c757d; */
  /* border-color: #6c757d;  */

.gp_products_buttons .gp_products_caption_buttons button{
}
.gp_products_buttons .gp_products_caption_buttons button i{
  margin-bottom: 0px;
  margin-right: 0px;
}
/*------------------------------------------------------*/
/* SLIDING TIMING FUNCTIONS
/*------------------------------------------------------*/
/*---------- ps_ease ----------*/
.ps_ease .carousel-item{
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/*---------- ps_easeInOut ----------*/
.ps_easeInOut .carousel-item{
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/*---------- ps_speedy ----------*/
.ps_speedy .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(0,1,0,1);
  transition-timing-function: cubic-bezier(0,1,0,1);
}
/*---------- ps_slowSpeedy ----------*/
.ps_slowSpeedy .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
  transition-timing-function: cubic-bezier(0.3,1,0,1);
}
/*---------- ps_easeOutInCubic ----------*/
.ps_easeOutInCubic .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
/*---------- ps_swing ----------*/
.ps_swing .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  transition-timing-function: cubic-bezier(.02,.01,.47,1);
}
/*---------- ps_easeOutCubic ----------*/
.ps_easeOutCubic .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
/*---------- ps_easeInOutCubic ----------*/
.ps_easeInOutCubic .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
  transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
/*---------- ps_easeOutCirc ----------*/
.ps_easeOutCirc .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  transition-timing-function: cubic-bezier(.075,.82,.165,1);
}
/*---------- ps_easeOutExpo ----------*/
.ps_easeOutExpo .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
}
/*---------- ps_easeInQuad ----------*/
.ps_easeInQuad .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
  transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}
/*---------- ps_easeOutQuad ----------*/
.ps_easeOutQuad .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
/*---------- ps_easeInOutQuad ----------*/
.ps_easeInOutQuad .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}
/*---------- ps_easeOutQuart ----------*/
.ps_easeOutQuart .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
}
/*---------- ps_easeInOutQuart ----------*/
.ps_easeInOutQuart .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
}
/*---------- ps_easeOutQuint ----------*/
.ps_easeOutQuint .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
  transition-timing-function: cubic-bezier(.23,1,.32,1);
}
/*---------- ps_easeInSine ----------*/
.ps_easeInSine .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
  transition-timing-function: cubic-bezier(.47,0,.745,.715);
}
/*---------- ps_easeOutSine ----------*/
.ps_easeOutSine .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
/*---------- ps_easeInOutSine ----------*/
.ps_easeInOutSine .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
  transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}
/*---------- END ----------*/