.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: var(--grey-color);
}





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

Productos

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

#productos h4 {
  margin-top: 20px;
}

.card-body {
  margin-top: 0px;
  padding: 0px 20px;
}

.list-group-item  {
  border: 0px;
  letter-spacing: 0px;
  font-size: 16px;
  background-color: transparent;
  padding: 0px 20px;
}








/* RESPONSIVE*/

@media (max-width: 767px){
    .example-image{
      width:50%;
    }
    img.full {
      width: 100% !important;
    }
}





@media (max-width: 780px) {
  .opiniones-mobile img {
    display: block !important;
}
  .design {
    padding: 20px;
  }
  #diseno .container-fluid {
    max-width: 737px;
  }
}





@media (min-width: 576px) {
  
}

@function pow($number, $exp) {
    $value: 1;
    @if $exp > 0 {
        @for $i from 1 through $exp {
            $value: $value * $number;
        }
    }
    @else if $exp < 0 {
        @for $i from 1 through -$exp {
            $value: $value / $number;
        }
    }
    @return $value;
}

@function fact($number) {
    $value: 1;
    @if $number > 0 {
        @for $i from 1 through $number {
            $value: $value * $i;
        }
    }
    @return $value;
}

@function pi() {
    @return 3.14159265359;
}

@function rad($angle) {
    $unit: unit($angle);
    $unitless: $angle / ($angle * 0 + 1);
    // If the angle has 'deg' as unit, convert to radians.
    @if $unit == deg {
        $unitless: $unitless / 180 * pi();
    }
    @return $unitless;
}

@function sin($angle) {
    $sin: 0;
    $angle: rad($angle);
    // Iterate a bunch of times.
    @for $i from 0 through 10 {
        $sin: $sin + pow(-1, $i) * pow($angle, (2 * $i + 1)) / fact(2 * $i + 1);
    }
    @return $sin;
}

@function cos($angle) {
    $cos: 0;
    $angle: rad($angle);
    // Iterate a bunch of times.
    @for $i from 0 through 10 {
        $cos: $cos + pow(-1, $i) * pow($angle, 2 * $i) / fact(2 * $i);
    }
    @return $cos;
}


// how many menu items do you wish to display? //
// minimum: 2 
// maximum: 10 

$items: 4; 
$diameter: 600; 
$radius: $diameter*0.5;
$centerSectionDiameter : $diameter*0.6;
$labelWidth: $centerSectionDiameter*0.5;
$arrowWidth: $diameter/20;

$colour-list: var(--primary-color), var(--primary-color), var(--primary-color), var(--primary-color);




@media (min-width: 481px) and (max-width: 699px) {
nav.navbar.navbar-expand.fixed-top{top:45px;}
.navbar-brand img{position: relative;top:-41px;right: 15%;}
}

@media (min-width: 600px) and (max-width: 699px) {
.navbar-brand img{right: 8%;}
}





/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 480px) {

  header.masthead h2, header.masthead h3 {
  /* margin-bottom: 30px; */
  margin-bottom: 0px !important;
  padding-bottom: 30px !important;
}

/* oculta la primera de las cinco imágenes de la sección galería*/
#galeria > div > a:nth-child(1) > img{display:none;}


div.bannercat > .row .col-lg-6 {
min-height: 55px;
margin-top: 100px;  
}


}




/* Todas las resoluciones (evita el scroll horizontal provocado por la sección diseño) */
#diseno > div.container-fluid{width:85%;}

/* SAFARI */

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { 
  @media {
    section#productos {
      padding-top: 30px;
    }

    .navsec a.nav-link:hover {
      color: var(--primary-color);
    }
    #diseno .design {
      flex: 1;
    }
  }
}
  

/* 01 AUG */

@media (min-width: 991px) and (max-width: 1200px) {
  .plantillatipo .col-xs-5, .plantillatipo .col-xs-7 {
    max-width: 100%;
    flex: auto !important;
  }
}

@media (max-width: 991px) {
  .plantillatipo {
    max-width: 50% !important;
  }
  #productos .container {
    max-width: 100% !important;
  }
  .catlist {
    flex: 0 0 50% !important;
  }
}

@media (max-width: 640px) {
  .catlist h4 {
    font-size:  !important;
  }
  #productos .card-footer {
    display: none !important;
  }
  .cardhover .card-footer {
  display:table;
  }
  .cardhover .col-lg-8{width:50% !important;}
}

#maquetacion .col-md-4 img {
  object-fit: contain;
  box-shadow: 0 0 20px 1px rgba(138, 138, 138, 0.26);
  border-radius: 100%;
  object-position: left;
  padding: 0px 5px;
}

@media (max-width: 640px) {
  .catlistlargo .col-lg-8.col-sm-12 {
      width: 100% !important;
  }
  .catlistlargo .col-lg-5 {
    padding: 5px 20px !important;
  }
}

.catlistlargo .card-body {
  padding: 20px !important;
}

#seo .card-body {
    padding: 0px;
    padding-right: 25px;
}

.subtituloseccion {
  padding-bottom: 0px !important;
}

@media screen and (max-width: 991px) {
  .ventajastop > div > img {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  #contactform .btcontact, #contactform .iformlarge {
    width: 100% !important;
  }
}




/* 28/05/2019 */

@media screen and (max-width: 480px) {
  header.masthead h2 {
    font-size: 20px !important;
  }
  #galeria {
    margin-top: 30px !important;
  }
  img[src="https://www.cevagraf.coop/blog/wp-content/uploads/2019/02/bann-ofertas-cevagraf.jpg"] {
    width: 100% !important;
  }
}

#productos .card .fondocat {
  position:relative;
  height: auto !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#productos .catlistlargo .card .fondocat {
  height: 100% !important;
}

.navgama {
  top: 0px !important;
}


#modal_carrito .detalles {
  background-color: transparent !important;
  color: var(--dark-color) !important;
  max-width: 100% !important;
  text-align: left !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}

#modo-simple .form-row {
  padding: 0px !important;
  padding-top: 10px !important;
}




  .f_a_carrito #preciocarrosindtobase {
    display: none;
    width:100%;
    color:#1dab28!important;
  }