@font-face {
   font-family: "Futura";
   src: url(fonts/futura/Futura Book font.ttf);
}

body{
  font-family: 'Futura;';
}

img.fondo
{
    width: 100%;
    height: 500px;
    box-shadow: 0px 10px 6px -6px #999;
    margin-bottom: 90px;    
}

.logo{
  position: absolute;
  width: 190px;
  height: 110px;
  z-index: 50;
  padding-left: 10px;
 }
 #inicio{
  padding-top: 150px;
 }
 #inicio2{
  padding-top: 100px;
 }
 
 *, *:before, *:after{ 
   box-sizing: border-box; 
 } 
 .css-shapes-preview{ 
   position: absolute !important; 
   height: 110px ; 
   width: 220px ; 
   background-color:#fff!important; 
   transform: skew(-20deg) !important; 
   -webkit-transform: skew(-20deg) !important; 
   z-index: 50 !important;
   margin-left:-4px !important; 
 }

.flexbox-container{ 

  display: flex; 
  justify-content: space-between;
} 
.flexbox-child-item-1{ 
  order: 0; 
  -webkit-order: 0; 
  flex-grow: 0; 
  -webkit-flex-grow: 0; 
  flex-shrink: 0; 
  margin-right: 600px; 
  -webkit-flex-shrink: 0; 
  align-self: center; 
  -webkit-align-self: center; 
  background: rgba(241, 237, 237, 0.808);
  height: 350px;
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(39, 141, 189);

} 

.flexbox-child-item-2{ 
  order: 0; 
  -webkit-order: 0; 
  flex-grow: 0; 
  -webkit-flex-grow: 0; 
  flex-shrink: 0; 
  -webkit-flex-shrink: 0; 
  align-self: center; 
  -webkit-align-self: center; 
  background: rgba(241, 237, 237, 0.808);
  height: 350px;
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(112, 199, 42);
} 

img.foto1 {
    width: 50%;
    height: 600px;

}
.menuV{
  width: 100%;
  height: 65px;
  background-color:rgb(163,194,119) !important;   
}
.menuA{
  width: 100%;
  height: 75px;
  background-color:rgb(73, 161, 214) !important;
  
}
.navbar{
  background-color:rgb(73, 161, 214) !important;   
}
.nav-1{
  background-color:rgb(163,194,119) !important;  
  height: 50px;
}
.tipotxt{
  font-weight:bold !important;
}
h1{
  font-size: 46px;
  font-weight: bold;
}
h2{
  color: rgb(63,150,210) !important;
  font-size: 1.5rem;
}
h4{
  color: rgb(63,150,210) !important;
}
h3{
  color: rgb(63,150,210) !important;
}
.fondo1{
  width: 100% !important;
  height: 100% !important;
  background-image: url(../img/fondo.png) !important;
  background-repeat: no-repeat !important;
}
.cont01{
  width: 100% !important;
  height: 100% !important;
  background-image: url(../img/fondo.png) !important;
  background-repeat: no-repeat !important;

}
.contFlex{
  width: 100%;
  height: 600px;  
  background-image: url(../img/fondo.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;  
}
.contFlexa{
  width: 100%;
  height: 500px;  
 /* background-image: url(../img/contenido1.jpg) !important;*/
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;  
  font-size: 170%; 
  text-align: center; 
  /*background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;*/
  box-shadow: 0px 10px 6px -6px #777777;  
}
.caja{
  width: 1100px;
  height: 130px;
  margin-top: 20px !important;
  background: rgba(54,170,199,1)  !important;
  background: -moz-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,170,199,1)), color-stop(0%, rgba(54,170,199,1)), color-stop(25%, rgba(171,209,219,1)), color-stop(85%, rgba(93,174,197,1)), color-stop(100%, rgba(73,165,191,1))) !important;
  background: -webkit-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -o-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -ms-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%);
  background: linear-gradient(to right, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aac7', endColorstr='#49a5bf', GradientType=1 );

}
.caja1{
  /*width: 450px ;
  height: 320px ;*/
  margin-top: 20px !important;
  background: rgba(54,170,199,1)  !important;
  background: -moz-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,170,199,1)), color-stop(0%, rgba(54,170,199,1)), color-stop(25%, rgba(171,209,219,1)), color-stop(85%, rgba(93,174,197,1)), color-stop(100%, rgba(73,165,191,1))) !important;
  background: -webkit-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -o-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -ms-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%);
  background: linear-gradient(to right, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aac7', endColorstr='#49a5bf', GradientType=1 );
  margin: 20px !important;  
}



.contpq
{
  /*font-family: Georgia;*/
  position: absolute;
    font-size: 234px;
    font-weight: bold;
    opacity:0.5;
    color: #95c777;
    text-align: left;
    margin-top: -170px;
}

.ico{
  height:50px; width:50px; margin:15px; margin-top: 15px;
}
.h44{
  color:#fff !important;

}

.h44b{
  color:#fff !important;
  font-weight: bold;
  font-size: 20px;
}
.h45{
  /*color:rgb(131, 130, 130) !important;*/
 	color: #bbbbbb !important;
 	font-size: 20px;
}
.azul{
 color: rgba(94, 173, 226, 0.979)!important;
}
.ancho{
  width: 100%;
  margin: auto; 
}
.contFlex1{
  width: 100%;
  height: 100%;  
  background-image: url(../img/fondo.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;  
}
.mapa{
  width: 100% !important;
}
.span-1{
  width: 30% !important; 
}
.fverde{
  height: 30px !important;
  width: 100% !important;
  background: rgb(163,194,119) !important;
}
.fazul{
  /*height: 42px !important;*/
  width: 100% !important;
  background: rgba(94, 173, 226, 0.979) !important;  
}
.copy{
  /*margin-left: 70px !important;*/
  color: #fff;
}
.textSiZse{
  font-size: 36px !important;
}
.idioma{
  margin-top: 10px;
}
.textSiZse1{
  font-size: 30px !important;
  margin-top: 20px;
}
.is-valid{
  border-color:rgba(94, 173, 226, 0.979)!important;
}


.FondoContacto{
  width: 100%;
  /*height: 900px;*/
 height: auto;
  background-image: url(../img/contacto.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;  
}
.verde{
  color:rgb(163, 194, 119) !important;
}
.formulario{
  /*background: rgba(94, 173, 226, 0.979) !important;*/
 	background: linear-gradient(to right, #5eade2fa , #116396);  
 	opacity: 0.725; 
 	border-radius: 0.60rem;
 	color: white;
 	font-size: 16px;
}
::placeholder { 
   color: #fff !important;
  }
.fonAzul{
  height: 80px !important; 
  background-color:rgb(73, 161, 214) !important;
  color:#fff !important;
}
.imgProducto{
  width:100% !important;
}
.btnProducto{
  margin: auto !important;
}
.nosotrosfondo{
  width:100% !important;
  height: auto;
  background-image: url(../img/NOSOTROS--MEDICIONES-Y-SERVICIOS-SAS-1.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;  
   /*margin: 50px; */
}
.contNosotros1{
  /*width: 500px !important;*/
  height: auto !important;
  background-color: rgb(98, 207, 88) !important;
  padding: 30px !important;
  text-align: center !important;
  -webkit-box-shadow: -1px -2px 111px -4px rgba(0,0,0,0.48);
  -moz-box-shadow: -1px -2px 111px -4px rgba(0,0,0,0.48);
  box-shadow: -1px -2px 111px -4px rgba(0,0,0,0.48);
}
.contNosotros2{
 /* width: 500px !important;*/
  height: auto !important;
  background-color: rgb(235, 136, 23) !important;
  padding: 30px !important;
  text-align: center !important;
  -webkit-box-shadow: -1px -2px 111px -4px rgba(0,0,0,0.48);
-moz-box-shadow: -1px -2px 111px -4px rgba(0,0,0,0.48);
box-shadow: -1px -2px 111px -4px rgba(0,0,0,0.48);
margin-bottom: 100px;
}
.caja-Calibracion-Color{
  width: 100%;
  height:auto;
  /*min-height: 100px;*/
  background: rgba(54,170,199,1)  !important;
  background: -moz-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,170,199,1)), color-stop(0%, rgba(54,170,199,1)), color-stop(25%, rgba(171,209,219,1)), color-stop(85%, rgba(93,174,197,1)), color-stop(100%, rgba(73,165,191,1))) !important;
  background: -webkit-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -o-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  background: -ms-linear-gradient(left, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%);
  background: linear-gradient(to right, rgba(54,170,199,1) 0%, rgba(54,170,199,1) 0%, rgba(171,209,219,1) 25%, rgba(93,174,197,1) 85%, rgba(73,165,191,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aac7', endColorstr='#49a5bf', GradientType=1 );

  display : flex;
  justify-content : space-between;
  align-items: center;
  padding: 10px;  
}
.fondo-calibrador{
  width: 100%;
  height: 400px;  
  background-image: url(../img/calibradores.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;  
}
.margen-calibracion {
  
margin: 20px; 
}
@media screen and (max-width: 990px){
  .cali{    
    /*display: none!important;*/
    }   
    
  }
@media screen and (max-width:990px){
  .cali-1{
    display: block !important;
  }
}
.cali-1{
  display: none;
}
.sonbras{
  box-shadow: 0px 10px 6px -6px #999 !important;
}
.fondo-calibrador1{
  width: 100%;
  height: 400px;  
  background-image: url(../img/fondo002.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;   
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;    
}
.flx{
  margin-top:20px !important;
}
.boton-calibracion {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  /*font-family: Georgia;*/
  color: #42a7ff;
  font-size: 20px;
  background: #ffffff;
  padding: 9px 20px 10px 20px;
  text-decoration: none;
  font-weight: bold !important;
}
imga{
  margin: 115px;
  padding: 15px;
}
.boton-calibracion:hover {
  background: #3c7cfc;
  text-decoration: none;
}
.titulo1{
  font-size: 40px;
}
.fondo-producto-1{
  width: 100%;
  height: 700px;  
  background-image: url(../img/producto01.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;     
}
.h46N{
  color: black !important;
}

.boton-pruduccion-1{
    background: #c7e9ff;
    background-image: -webkit-linear-gradient(top, #c7e9ff, #005285);
    background-image: -moz-linear-gradient(top, #c7e9ff, #005285);
    background-image: -ms-linear-gradient(top, #c7e9ff, #005285);
    background-image: -o-linear-gradient(top, #c7e9ff, #005285);
    background-image: linear-gradient(to bottom, #c7e9ff, #005285);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    /*font-family: Georgia;*/
    color: #ffffff;
    font-size: 18px;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
  }  
  .boton-pruduccion-1:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.boton-pruduccion-2{
  background: #c0f0cf;
  background-image: -webkit-linear-gradient(top, #c0f0cf, #06b006);
  background-image: -moz-linear-gradient(top, #c0f0cf, #06b006);
  background-image: -ms-linear-gradient(top, #c0f0cf, #06b006);
  background-image: -o-linear-gradient(top, #c0f0cf, #06b006);
  background-image: linear-gradient(to bottom, #c0f0cf, #06b006);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  /*font-family: Georgia;*/
  color: #ffffff;
  font-size: 20px;
  padding: 13px 20px 10px 20px;
  text-decoration: none;
}  
.boton-pruduccion-2:hover {
  background: #c0f0cf;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.boton-pruduccion-3{
  background: #ffaa00;
  background-image: -webkit-linear-gradient(top, #ffaa00, #ccaf66);
  background-image: -moz-linear-gradient(top, #ffaa00, #ccaf66);
  background-image: -ms-linear-gradient(top, #ffaa00, #ccaf66);
  background-image: -o-linear-gradient(top, #ffaa00, #ccaf66);
  background-image: linear-gradient(to bottom, #ffaa00, #ccaf66);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  /*font-family: Georgia;*/
  color: #ffffff;
  font-size: 20px;
  padding: 13px 20px 10px 20px;
  text-decoration: none;
}  
.boton-pruduccion-3:hover {
  background: #c0f0cf;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.boton-pruduccion-4{
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #e6b1b1);
  background-image: -moz-linear-gradient(top, #ff0000, #e6b1b1);
  background-image: -ms-linear-gradient(top, #ff0000, #e6b1b1);
  background-image: -o-linear-gradient(top, #ff0000, #e6b1b1);
  background-image: linear-gradient(to bottom, #ff0000, #e6b1b1);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  /*font-family: Georgia;*/
  color: #ffffff;
  font-size: 20px;
  padding: 13px 20px 10px 20px;
  text-decoration: none;
}  
.boton-pruduccion-4:hover {
  background: #c0f0cf;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.pzise{
  font-size: 15px !important;
}
.opac{
  opacity: 0.5 !important;
}

.boton-nosotros {
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  /*font-family: Georgia;*/
  color: #dbb315;
  font-size: 18px;
  background: #e7ecf0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.boton-nosotros:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.margen-caja-1{
  margin-bottom:5px !important;
}
.parrafoN{
 /*color: black !important;
 font-size: 20px !important;*/
	color: #7d7d7d;
    font-size: 22px !important;
}

.col-form-label{
	color: #7d7d7d;
	font-size: 18px !important;
}

.parrafoNN{
  color: #615d5d00 !important;
  font-size: 20px !important;
 }
.parrafoAzul{
  color: hsl(207, 100%, 60%) !important;
 font-size: 20px !important;
 }
 .parrafoverde{
  color: #37ec5e !important;
 font-size: 20px !important;
 }
 .parrafoNaranja{
  color: hsl(54, 75%, 50%) !important;
 font-size: 20px !important;
 }
 .parrafoRojo{
  color: rgb(224, 72, 72) !important;
 font-size: 20px !important;
 }

 .textoMenu{
  font-size: 15px !important;
 }
 .icon-Menu{
  font-size: 30px !important;
 }
 @media screen and (max-width: 990px){
  .icon-Menu{
    font-size: 15px !important;
  }
 }
 .cel{
   margin-top: 20px !important;
 }

.dropdown:hover .dropdown-menu 
{
  display: block;
}

.video-header 
{
    position: relative;
    background-color: black;
    height: 600px;
    /*min-width: 25rem;*/
    width: 100%;
    overflow: hidden;
}

.video-header .overlay 
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 1;
}

.video-header video 
{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
}

.visible-xs{
		display:none;
	}
	
/*Media Queries */
@media screen and (max-width: 980px){
.logo{
  height: 52px;
  width: 125px;
  margin-left: 5p ;
  }
  .css-shapes-preview{
    /*display: none;*/
    height: 52px;
    width:140px;
  } 
  
  .video-header {
  	height: 400px;
  }
  
  .ceuluIcono {
  	padding-bottom: 11px;
  }
  
  .textoCali {
  	display:none;
  }
}

.tipoDer {
	float: right;
}

@media screen and (max-width: 620px){
	.tipoIzq {
		padding-left: 0px;
    	text-align: center;
    	font-size:18px;
	}
	
	.tipoDer {
		padding-right: 0px;
    	text-align: center;
    	font-size:18px;
	}
	
	.video-header {
  	height: 300px;
  }
	
.logo{
  height: 52px;
  width:125px;
  margin-left: 5p ;
  }
  .css-shapes-preview{
    /*display: none;*/
   	height: 52px;
  	width:140px;
  } 
  
  .ceuluIcono {
  	 padding-bottom: 11px;
  }
  
  .textoCali {
  	display:none;
  }
  
  .titulo1, h1{
	  font-size: 20px;
	}
	.procion1{
		padding: 50px;
	}
	.fondo-calibrador1{
		height:auto;
	}
	
	.hidden-xs{
		display:none;
	}
	
	.boton-calibracion {
		font-size: 12px;
	}
	
	.visible-xs{
		display:block;
	}
	
	.nostrosGotas {
		font-size: 19px;
	}
	
	.imgLogoF{
		width: 178px;
	}
}

