/*
0.HOME :: Slider Principal
1.HOME :: Products Inicial
2.HOME :: Info Hover
3.HOME :: Products Medición
4.HOME :: Qué necesito
*/

/*------------------------------------
0.HOME :: Slider Principal
------------------------------------*/
#carousel-md .carousel-item {
  min-height: 320px;
}

#carousel-md .carousel-inner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

#carousel-md .carousel-inner .carousel-caption {
  max-width: 50%;
  text-align: left;
  /* bottom: 30px; */
}

#carousel-md .carousel-inner .campaign .carousel-caption {
  max-width: 30%;
  text-align: left;
}

#carousel-md .carousel-inner .carousel-caption.uk {
  max-width: 100%;
  text-align: left;
  bottom: 30px;
}

#carousel-md .carousel-inner .carousel-caption h5 {
  font-size: 48px;
  font-weight: 300;
  line-height: 1em;
  margin-bottom: 20px;
}

#carousel-md .carousel-inner .carousel-caption h5.campaign-app {
  font-size: 38px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 58%;
  color: #fff;
}

#carousel-md .carousel-inner .carousel-caption h5.campaign {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 54%;
}

#carousel-md .carousel-inner .carousel-caption h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3em;
  margin-bottom: 20px;
}

html[lang="fr"] #carousel-md .carousel-inner .carousel-item:nth-child(1) .carousel-caption h2 {max-width: 90%;}
html[lang="fr"] #carousel-md .carousel-inner .carousel-item:nth-child(2) .carousel-caption h2 {max-width: 70%;}
html[lang="fr"] #carousel-md .carousel-inner .carousel-item:nth-child(3) .carousel-caption h2 {max-width: 95%;}

#carousel-md .carousel-inner .carousel-caption h2.campaign {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.3em;
  margin-bottom: 20px;
}

#carousel-md .carousel-inner .carousel-caption h2.uk {
width: 60%;
}

#carousel-md .carousel-inner .carousel-caption h1 {
  font-size: 30px;
  font-weight: 900;
}

#carousel-md .carousel-inner .carousel-caption a {
  max-width: 200px;
  padding: 8px 0;
}

/*------------------------------------
1.HOME :: Products Inicial
------------------------------------*/
#productos-inicial.md {
  margin-top: 15px;
}

#productos-inicial .three-products .product-item {
  width: 32.5%;
  padding: 15px 10px;
  border: 1px solid #eceff2;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 7px 9px 20px 0px rgba(36,55,73,0.12);
  -moz-box-shadow: 7px 9px 20px 0px rgba(36,55,73,0.12);
  box-shadow: -3px -2px 12px 0px rgba(36,55,73,0.12);
}

#productos-inicial .three-products .product-item h4.prodInfo,
#productos-inicial .three-products .product-item h5.prodTtl {
  text-align: center;
  line-height: 1.3em;
  z-index: 50;
  position: relative;
}

html[lang="en"] #productos-inicial .three-products .product-item h4.prodInfo,
html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl {
  line-height: 1em;
}

html[lang="en"] #productos-inicial .three-products .product-item h4.prodInfo {
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 13px;
}

#productos-inicial .three-products .product-item h5.prodTtl.yllw {
  /* margin-top: 5px; */
  margin-bottom: 31px;
}

html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl.yllw {
  margin-top: 5px;
  margin-bottom: 26px;
}

 #productos-inicial .three-products .product-item h5.prodTtl.green{
  margin-bottom: 31px;
}

html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl.yllw {
  margin-top: 5px;
  margin-bottom: 26px;
  font-weight: bold;
}

html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl.green{
  margin-bottom: 32px;
  font-weight: bold;
}

html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl.blue {
  margin-bottom: 8px;
  font-weight: bold;
}

html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl.blue.uk {
  margin-bottom: 32px;
  font-weight: bold;
}

#productos-inicial .three-products .product-item h5.prodTtl.blue {
  margin-bottom: 31px;
}

#productos-inicial .three-products .product-item img {
  width: 100%;
  max-width: 215px;
  margin: 0 auto;
  display: block;
}

html[lang="fr"] #productos-inicial .three-products .product-item:nth-child(1) img {margin-top: 18%;}
html[lang="fr"] #productos-inicial .three-products .product-item:nth-child(2) img {margin-top: 11%;}

#productos-inicial .three-products .product-item img.uk {margin-top: 15px!important;}
#productos-inicial .three-products .product-item img.img-phup {margin-top: 11%;}/*ami*/
#productos-inicial .three-products .product-item img.img-phup.uk {margin-top: 18%!important;}/*ami*/
#productos-inicial .three-products .product-item img.img-phup-cy {margin-top: 10%!important;}/*ami*/
#productos-inicial .three-products .product-item img.img-phdown {margin-top: 11%;}/*ami*/
#productos-inicial .three-products .product-item img.img-phdown.uk{margin-top: 18%!important;}/*ami*/
#productos-inicial .three-products .product-item img.img-phup.usa {margin-top: 10%;}/*ami*/
html[lang="fi"] #productos-inicial .three-products .product-item img.img-phbalance {margin-top: 11%;}
html[lang="fi"] #productos-inicial .three-products .product-item img.img-phup {margin-top: 11%;}
html[lang="es-PA"] #productos-inicial .three-products .product-item img.img-phup {margin-top: 0%;}/*ami*/
html[lang="pt"] #productos-inicial .three-products .product-item img.img-phup {margin-top: 0%;}/*ami*/


#productos-inicial .three-products .product-item a.btn {
  padding: 8px 0;
  max-width: 215px;
  display: block;
  margin: 10px auto 0;
  z-index: 50;
  position: relative;
}

#productos-inicial .three-products .product-item:hover {
  border-color: #2e4052;
}

#productos-inicial .three-products div.product-item.dto,  #medir-ph div.product-item.dto {
    background: url(../images/home/block-dto.png) no-repeat;
    background-size: content;
    background-origin: border-box;
    background-color: white;
}

#productos-inicial .three-products div.product-item.dto h6.ukav{
  font-size: 18px;
  padding-bottom: 10px;
  padding-top: 3px;
  font-weight: 900;
  /* text-transform: uppercase; */
}

/*------------------------------------
2.HOME :: Info Hover
------------------------------------*/
@keyframes additional-animation {
    from {opacity: 0;}
    to {opacity: 1;}
}

div.additional-info {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255,255,255,.92);
  z-index: 10;
  opacity: 1;
  border-radius: 10px;
}

.product-item:hover div.additional-info {
  display: block;
  animation-name: additional-animation;
  animation-duration: .25s;
}

.product-item:hover div.additional-info p.txt.additional {
  display: block;
  text-align: center;
  vertical-align: middle;
  margin-top: 50%;
  padding: 20px;
  font-size: 20px;
  opacity: 1;
}


/*------------------------------------
3.HOME :: Products Medición
------------------------------------*/
#medir-ph article .col-md-8,
#medir-ph article .col-md-4 {
  padding: 0;
  margin: 0;
}

#medir-ph article .col-md-8 {
  max-width: 62%;
  flex: 0 0 62%;
  -ms-flex: 0 0 62%;
}

#medir-ph article .col-md-4 {
  max-width: 36.5%;
  flex: 0 0 36.5%;
  -ms-flex: 0 0 36.5%;
}

#medir-ph article .product-item {
  padding: 15px;
  position: relative;
  border: 1px solid #eceff2;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
}

#medir-ph article .product-item h4 {
  text-align: center;
  margin-bottom: 15px;
  position: relative;
  z-index: 50;
}

#medir-ph article .product-item .mg,
#medir-ph article .product-item .mt {
  vertical-align: top;
  max-width: 40%;
  display: inline-block;
}

#medir-ph article .product-item .mg {
  max-height: 165px;
  overflow: hidden;
}

#medir-ph article .product-item .mg img {
  margin-top: calc(-48% + 82px);
}

#medir-ph article .product-item .mt {
  width: 54%;
  max-width: 100%;
  margin-left: 5%;
  padding-top: 18px;
}

#medir-ph article .product-item a.btn-secondary {
  max-width: 120px;
  margin: 8px auto 0;
  position: relative;
  z-index: 50;
}

html[lang="es-MX"] #medir-ph article .product-item a.btn-secondary {
  max-width: 180px;
  margin: 8px auto 0;

}

html[lang="fr"] #medir-ph article .product-item a.btn-secondary {
  max-width: 160px;
  margin-top: 0;
}

html[lang="fr"] #medir-ph article .col-md-4 .product-item a.btn-secondary {
  top: 12px;
  position: relative;
}

#medir-ph .product-item:hover div.additional-info p.txt.additional {
  margin-top: 12%;
  padding: 20px 60px;
}

#medir-ph .product-item:hover a.btn-secondary {
  background: #0065bd !important;
  border-color: #0065bd !important;
  color: #ffffff;
}

#medir-ph article .col-md-4 .product-item:first-child {margin-bottom: 12px;}
html[lang="en"] #medir-ph article .col-md-4 .product-item:first-child {margin-bottom: 0px;}
html[lang="en"] #medir-ph article .col-md-4 .product-item:first-child,
html[lang="es-MX"] #medir-ph article .col-md-4 .product-item:first-child,
html[lang="fi"] #medir-ph article .col-md-4 .product-item:first-child {margin-bottom: 0px;}/*ajustar pH-Sensor*/

#medir-ph article .col-md-4 .product-item .mt {
  margin-top: 0;
  padding: 4px 0;
  width: 42%;
}

html[lang="en"] #medir-ph article .col-md-4 .product-item .mt {width: 244px; padding-top: 0px;}/*ajustar pH-Sensor*/
html[lang="fi"] #medir-ph article .col-md-4 .product-item .mt {width: 237px; padding-top: 0px;}/*ajustar pH-Sensor*/
html[lang="es-MX"] #medir-ph article .col-md-4 .product-item .mt {width: 244px;padding-top: 0px;}/*ajustar pH-Sensor*/
html[lang="fr"] #medir-ph article .col-md-4 .product-item .mt {width: 226px; padding-top: 0px;}/*ajustar pH-Sensor*/
html[lang="pt"] #medir-ph article .col-md-4 .product-item .mt {width: 226px; padding-top: 0px;}/*ajustar pH-Sensor*/

#medir-ph article .col-md-4 .product-item .mg {
  max-height: 105px;
  max-width: 50%;
}

#medir-ph article .col-md-4 .product-item .mg img {
  margin-top: calc(-48% + 55px);
  transform: scale(0.92);
}

#medir-ph article .col-md-4 .product-item .prodInfo {
  /* font-size: 18px; */
  width: 100%;
}

#medir-ph article .col-md-4 .product-item:hover div.additional-info p.txt.additional {
  margin-top: 0;
  padding: 26px 44% 20px 16px;
  text-align: left;
  font-size: 15px;
  margin: 0;
}

html[lang="en"] #medir-ph article .col-md-4 .product-item:hover div.additional-info p.txt.additional,
html[lang="es-MX"] #medir-ph article .col-md-4 .product-item:hover div.additional-info p.txt.additional,
html[lang="fi"] #medir-ph article .col-md-4 .product-item:hover div.additional-info p.txt.additional,
html[lang="fr"] #medir-ph article .col-md-4 .product-item:hover div.additional-info p.txt.additional {
  margin-top: 0;
  padding: 96px 0 20px 0px;
  text-align: center;
  font-size: 20px;
  margin: 0;
  width: 100%;
}/*ajustar pH-Sensor*/

html[lang="pt"] #medir-ph article .col-md-4 .product-item:hover div.additional-info p.txt.additional {
  margin-top: 0;
  padding: 96px 5px 20px 5px;
  text-align: center;
  font-size: 20px;
  margin: 0;
  width: 100%;
}/*ajustar pH-Sensor*/

.bg-g{background-color: #f9fafb!important;}

/*------------------------------------
4.HOME :: Qué necesito
------------------------------------*/
#que-necesitas{ 
  margin: 80px 0;
}
#que-necesitas p{ 
  font-size: 22px;
}