body {
  overflow-x: hidden;
 padding-top:7.2rem;

 /*background-color:rgba(235, 235, 235,0.3);*/
}
.top{  position: fixed;
  z-index: 1030;
  overflow: hidden;
  top:0;
  width:100%;
  background-color:#fff;
}
@font-face {font-family:'ArialR';src: url(../avenir/Vnarial.ttf);}
@font-face {font-family:'ArialRegular';src: url(Arial-Regular.ttf);}
@font-face {
font-family: 'Seravek';
font-style: normal;
font-weight: normal;
src: local('Seravek'), url('../font/seravek/Seravek.woff') format('woff');
}
/*
Azul oscuro: 00436C
Azul mediano: 006C9C
Azul claro:00B0C6
gris: #6D6D6D;
*/
/*========carousel===========0*/
 .carousel-inner img {
   /*   -webkit-filter: grayscale(90%);*/
     /* filter: grayscale(90%);  make all photos black and white */ 
      width: 100%; /* Set width to 100% */
      margin: auto;
       height: 100%;
  }
/*========FORMULARIO del silider=======*/
.card_cat{background-color:#00436C;color:#fff;border-radius:30px;}
.form_cat{top:2rem;right:10px;}
.form_cat .card_cartalogo{padding:15px;}
.form_cat .card_cartalogo h4{font-family: 'Avenir Next LT Pro Bold';}
.form_cat .card_cartalogo label{ font-family:ArialRegular;}
.nombre1::placeholder,.email1::placeholder {color: transparent;}

.btn-floating-2{
  font-family: 'Avenir Next LT Pro Bold';
  margin-top: 0.25rem;
  margin-bottom:0rem;
  background-color:transparent;
  border:none;
  padding-bottom:0.15rem;
  padding-top:0.15rem;
  color: #fff;
  font-size:1.4rem;
}

/*===================================*/
/*============ Navbar animation ============*/
.navbar {  background-color: #006C9C; }
.nav-link{ border-left: 1px solid #fff; font-family: 'Avenir Next LT Pro Bold';}
.navbar-collapse ul.navbar-nav li .menu_titulo{font-weight:700;}
.derecha {border-right: 1px solid #fff;}
 .texto_eslogan{font-family:'Seravek';font-weight:normal;color: rgb(3, 177, 199);text-transform: uppercase;}

/*========NUestras marcas==========*/

.hover-image .bbraun {
  background-image:url('../img/marcas/bbraun-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:50px;
    transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .bbraun {
  background-image:url('../img/marcas/bbraun.png');
  background-position: center center;
  background-repeat: no-repeat;
    transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}

.hover-image .owgels {
  background-image:url('../img/marcas/owgels-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:50px;
    transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .owgels {
  background-image:url('../img/marcas/owgels.png');
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}


.hover-image .sodaline {
  background-image:url('../img/marcas/sodaline-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:50px;
      transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .sodaline {
  background-image:url('../img/marcas/sodaline.png');
  background-position: center center;
  background-repeat: no-repeat;
    transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}
.hover-image .westmed {
  background-image:url('../img/marcas/westmed-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:50px;
    transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .westmed {
  background-image:url('../img/marcas/westmed.png');
  background-position: center center;
  background-repeat: no-repeat;
    transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}


.hover-image .obs {
  background-image:url('../img/marcas/obs-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:60px;
    transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .obs {
  background-image:url('../img/marcas/obs.png');
  background-position: center center;
  background-repeat: no-repeat;
    transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}
.hover-image .respifix {
  background-image:url('../img/marcas/respifix-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:60px;
      transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .respifix {
  background-image:url('../img/marcas/respifix.png');
  background-position: center center;
  background-repeat: no-repeat;
    transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}
.hover-image .pahsco {
  background-image:url('../img/marcas/pahsco-gris.png');
  background-position: center center;
  background-repeat: no-repeat;
  width:100%;
  height:60px;
      transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
.hover-image:hover .pahsco {
  background-image:url('../img/marcas/pahsco.png');
  background-position: center center;
  background-repeat: no-repeat;
    transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
}

.hover-image .text {
  text-align: center;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
opacity: 0;
  transition: transfom opacity 1.5s;

}

.hover-image:hover .text {
  transform: translate(0px, -8px);
  opacity: 1;
    background-color: rgba(0, 108, 156,0.5);
 color:rgba(255, 255, 255,0.9);
 border-radius:5px;

}
/*===============================*/

/*=================TITULOS DE LAS SECCIONES===================*/


.nuestras_marcas,.material_interes{
  position: relative;
  z-index: 1;
  font-family: 'Avenir Next LT Pro Bold';
}
h2.nuestras_marcas::after {
  border-top: 2px solid #006C9C;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width:87%;
  z-index: -1;

}
h2.nuestras_marcas span {
color:#00436C;
  background: #fff;
  padding: 0 15px;
}
h2.material_interes span {
color:#00B0C6;
  background: #fff;
  padding: 0 15px;
}

h2.material_interes::after {
  border-top: 2px solid #00B0C6;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width:87%;
  z-index: -1;

}
/*==============================0*/
/*=====Seccion material de interes==========*/
 .circulos1{
  border-radius:100%;
  background-color:#00B0C6;
  height:8rem;
  width:8rem;
 /* margin-right:-2.5rem;
  margin-left:2.5rem;*/
}
 .circulos2{
  border-radius:100%;
  background-color:#00B0C6;
  height:8rem;
  width:8rem;

}
 .circulos3{
  border-radius:100%;
  background-color:#00B0C6;
  height:8rem;
  width:8rem;

  /*  margin-right:2.5rem;
  margin-left:-2.5rem;*/
}
p.texto_material{
  color:#6D6D6D;
  font-family: 'Avenir Next LT Pro Bold';
}
button.boton_circulo{
  font-family: 'Avenir Next LT Pro Bold';
  background-color: transparent;
  border:none;
  color:#6D6D6D;
cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
}
button.boton_circulo:hover{
  background-color:rgba(0,0,0,.1);
  color:#6D6D6D;
  cursor: pointer;
}
button.abajo{background-color:#00B0C6;}
.popover{background-color:#00436C;}
.bs-popover-bottom .arrow::after,.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #00436C;
}
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #00436C;
}
/*================VENTAS GOBIERNO================*/
.si-eres-distribuidor
{
  text-align: center;
  padding:3.5rem 5rem 2.5rem 3.5rem;
  font-size: 1.5rem;
  color:#00436C;
  font-family: 'Avenir Next LT Pro Bold';
}
/*=============================*/





/*================NOSOTROS================*/

h3.title_m,.title_v,.title_valores{position:relative;
  color:#00B0C6;
  font-family: 'Avenir Next LT Pro Bold';
}
h3.title_m::after
{ content: url('../img/iconitos-03.png');
  position:absolute;
  top:-0.38rem;
  margin-left:0.35rem;
}


h3.title_v::after{
 content: url('../img/iconitos-04.png');
 position:absolute;
 top:-0.38rem;
 margin-left:0.35rem;
}
.contenedor_mv .texto_mv ,ul.valores{
  color: #00436C;
font-family:ArialRegular;
font-weight: 400;
}


h3.title_valores{padding-left:8rem;}
h3.title_valores::after{
 content: url('../img/iconitos-05.png');
 position:absolute;
 top:-0.38rem;
 margin-left:0.35rem;
}


 ul.valores li::first-letter{
  font-size:1.1rem;
font-weight:900;
  color: #00436C!important;
padding-left:8rem;
font-family: 'Avenir Next LT Pro Bold';

}
.img_nosotros{
background-image:url('../img/nosotros.png');
width:100%;
background-repeat: no-repeat;
background-position:center right;
background-size:contain;
}

/*=============================*/


/*=====Contacto=====*/
.color-azul{color: #00436C;}
.color-azul-light{color: #00B0C6;}
.contenedor_azul{padding-left: 40px;padding-right:40px; background-color:#00436C;color:#fff;border-radius:30px;}
.contenedor_azul form h2{ font-family: 'Avenir Next LT Pro Bold';}
.contenedor_azul form label{ }
.btn-floating{
  background-color:transparent;
  border:none;
  padding-bottom:0.15rem;
  padding-top:0.15rem;
  color: #fff;
}
/*======================*/



.page-footer {
  background-color: #00B0C6; }