:root {
  --ebiocolor: #00b1eb ;
  --ebiocolor70: #00b1ebbd;
  --ebiocolarnav: #2581c5;
  --ebiocolorespecial: #ff6700;
  --ebiocolorespecial2: #ff9045;
  --ebiocolorespecial3: #ffc8a3;
  --ebiocolorespecial4: #ffdec8;
  --ebiocolorclaro: #ffffff;
  --ebioceleste: #c0e4f7;
}

html,
body {
  height: 100%;
}

body {
  background-color: white;
  font-family: Muli, Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

html:not(.no-js) body.desktop [data-aos^=fade][data-aos^=fade] { opacity: initial !important; }
html:not(.no-js) body.desktop [data-aos=fade-up] { opacity: initial !important; transform: initial !important; }
body.desktop [data-aos] { pointer-events: initial !important;  }



.bg-ebio{ background-color: var(--ebiocolor) !important; color: white !important; }
.bg-ebio2 { background: var(--ebiocolarnav) !important; color: white !important; }
nav.bg-ebio ul li a, nav.bg-ebio2 ul li a {  color: white !important; }
nav.nav-principal ul li a {  color: #616161 !important;  }
nav.nav-principal .nav-link-right span { text-transform: none !important; }
/*nav.nav-principal ul li a span {  vertical-align: sub; }*/
nav.nav-second .nav-link span { text-transform: none !important;   font-size: .7rem; }
nav.nav-second i {  font-size: 1.1rem; vertical-align: sub;  }
nav.nav-second a.text-info:focus, nav.nav-second  a.text-info:hover { color: white !important; }
nav .btn-pe { animation: zoomInOut 2s infinite linear; }

nav.nav-second.navbar-expand-lg .navbar-nav .nav-link { padding-top: .25rem; padding-bottom: .25rem;  }
nav.nav-principal { padding-top: .25rem;  padding-bottom: .1rem; }

@-webkit-keyframes zoomInOut { 0% {-webkit-transform: scale(1); }  10% {-webkit-transform: scale(1.025); } 30% {-webkit-transform: scale(1.05); }
45% {-webkit-transform: scale(1.1); } 60% {-webkit-transform: scale(1.05); } 75% {-webkit-transform: scale(1.025); } 90% {-webkit-transform: scale(1); } }
@-moz-keyframes zoomInOut {
 0% {-moz-transform: scale(1); }  10% {-moz-transform: scale(1.025); } 30% {-moz-transform: scale(1.05); } 45% {-moz-transform: scale(1.1); }
 60% {-moz-transform: scale(1.05); } 75% {-moz-transform: scale(1.025); } 90% {-moz-transform: scale(1); } }
@-o-keyframes zoomInOut {
0% {-o-transform: scale(1); }  10% {-o-transform: scale(1.025); } 30% {-o-transform: scale(1.05); } 45% {-o-transform: scale(1.1); }
 60% {-o-transform: scale(1.05); } 75% {-o-transform: scale(1.025); } 90% {-o-transform: scale(1); }  }
@keyframes zoomInOut {
 0% { transform: scale(1); }  10% { transform: scale(1.025); } 30% { transform: scale(1.05); } 45% { transform: scale(1.1); }
 60% { transform: scale(1.05); } 75% { transform: scale(1.025); } 90% { transform: scale(1); } }

.btn-ebio { background-color: var(--ebiocolor) !important; color: var(--ebiocolorclaro) !important; border: 2px solid var(--ebiocolorclaro); }
.btn-ebio:hover { background-color:  var(--ebiocolorclaro) !important; color: var(--ebiocolor) !important; border: 2px solid var(--ebiocolor); }
nav.nav-principal .btn-ebio-especial, .btn-ebio-especial{ background-color: var(--ebiocolorespecial) !important; color: var(--ebiocolorclaro) !important; border: 2px solid var(--ebiocolorclaro) !important;  }
nav.nav-principal .btn-ebio-especial:hover, .btn-ebio-especial:hover { background-color: var(--ebiocolorclaro) !important; color: var(--ebiocolorespecial) !important; border: 2px solid var(--ebiocolorespecial) !important; }
.btn-ebio-especial-border { background-color:  var(--ebiocolorclaro) !important; color: var(--ebiocolorespecial) !important; border: 2px solid var(--ebiocolorespecial);  }
.btn-ebio-especial-border:hover { background-color: var(--ebiocolorespecial) !important; color: var(--ebiocolorclaro) !important; border: 2px solid var(--ebiocolorclaro); }
.btn-ebio-border { background-color: white !important; color: #62caf1 !important; border: 2px solid #62caf1; }
.btn-ebio-border:hover { background-color: #62caf1 !important; border: 2px solid white; color: white !important;}
.btn-ebiolight-border { background-color: #62caf1 !important; border: 2px solid white; color: white !important; }
.btn-ebiolight-border:hover { background-color: white !important; color: #62caf1 !important; border: 2px solid #62caf1; }
.fw600 { font-weight: 600; }
nav.nav-principal .nav-link-right.btn-pe span { text-transform: uppercase !important; }

.btn-ebiotransp-border { background-color: transparent; !important; border: 1px solid #05a8f7; color: #05a8f7 !important; }
.btn-ebiotransp-border:hover { background-color: #05a8f7 !important; color: white !important; border: 1px solid white; }
.bg-ebio-especial { background-color: var(--ebiocolorespecial) !important; color: var(--ebiocolorclaro) !important;  }

.bg-transparent { background-color: transparent !important; }

.br-1{ border-radius: 1rem } .br-2 { border-radius: 2rem }
.py-0p5 { padding-bottom: .15rem!important;  padding-top: .15rem!important; }

.no-shadow{ box-shadow: none !important; }
.fz1p2 { font-size: 1.2rem; }
.fz0p8 { font-size: .8rem; }
.fwb { font-weight: bold !important; }
.cursor { cursor: pointer }
.arrow-up {   width: 0;   height: 0;  border-left: 12px solid transparent;   border-right: 12px solid transparent;    border-bottom: 12px solid #03a9f4;}
.arrow-down {  width: 0;   height: 0;   border-left: 20px solid transparent;  border-right: 20px solid transparent; border-top: 20px solid #f00;}
.arrow-right {  width: 0;   height: 0;   border-top: 60px solid transparent;  border-bottom: 60px solid transparent; border-left: 60px solid green; }
.arrow-left {  width: 0;   height: 0;   border-top: 10px solid transparent;  border-bottom: 10px solid transparent; border-right:10px solid blue; }

.card-cover img {  width: 7rem; }
.box-shadow{ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }

/* animacion angular */
/* hide */
.hideSlideUp.ng-hide-add { animation-duration: 1s;  animation-fill-mode: both;  animation-name: slideOutUp; }
.hideSlideUpFast.ng-hide-add { animation-duration: 0.5s; animation-fill-mode: both; animation-name: slideOutUp; }
.hideZoomOut.ng-hide-add { animation-duration: 1s; animation-fill-mode: both; animation-name: zoomOutDown; }
.hideSlideLeft.ng-hide-add { animation-duration: 1s; animation-fill-mode: both; animation-name: slideOutLeft; }
.hideSlideDown.ng-hide-add { animation-duration: 1s; animation-fill-mode: both; animation-name: slideOutDown; }
.hideFadeLeft.ng-hide-add { animation-duration:0.5s; animation-fill-mode: both; animation-name: fadeOutLeft; }
.hideFade.ng-hide-add { animation-duration:1s;  animation-fill-mode: both; animation-name: fadeOut; }
.hideFast.ng-hide-add { animation-duration:0.1s; animation-name: fadeOut; }
.ng-hide-add-active { /*display: block !important;  opacity: 0; */ }
/* show */
.showSlideRight.ng-show-add{ animation-duration: 1s; animation-fill-mode: both; animation-name: slideInRight; }
.showSlideLeft.ng-show-add{ animation-duration: 1s; animation-fill-mode: both; animation-name: slideInLeft; }
.showSlideUp.ng-show-add { animation-duration: 1s; animation-fill-mode: both; animation-name: slideInUp; }
.showFadeUp.ng-show-add { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; }
.showFadeRight.ng-show-add { animation-duration: 1s;  animation-fill-mode: both;  animation-name: fadeInRight; }
.rc1r { border-radius: 1rem; }
.changeColorWhite {  background-color: white !important;   -webkit-transition: background-color 1500ms linear;
    -ms-transition: background-color 1500ms linear;   transition: background-color 1500ms linear; }
.changeColorBlue {    color: white !important;     background-color: #0083ae !important;     -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;    transition: background-color 1000ms linear; }
.mtm8r { margin-top: -8rem !important; }

.htmlSliderPE{ font-size: 1rem; line-height: 1.1rem; }

@media (min-width: 576px) {
  .htmlSliderHome.display-5p5 { font-size: 1.4rem !important;  }
  .htmlSliderHome.display-5p7 { font-size: 1rem !important;  }
  .bg-whiteAlpha { background-color: #f5f5f5cf !important; }
  .titleSliderHome { background-color: transparent !important; }
  /*nav.nav-second { margin-top: 59px; }*/
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  nav.nav-principal { font-family: 'Open Sans', sans-serif !important; }
  nav.navbar.nav-principal .nav-link span { font-size: .9rem; font-weight: 600; letter-spacing: 0px; }
  .htmlSliderHome.display-5p5 { font-size: 1.75rem !important;  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1199px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1368px) { .col-xxl-4 {   flex: 0 0 33.33333%;   max-width: 33.33333%;  }  }

.force-ebio { background-color: #0083ae !important;   color: #0083ae !important; }
.force-white { background-color: #ffffff !important;   color: white !important; }

.display-5p5 { font-size: 1.75rem !important; }
.display-5 { font-size: 1.5rem !important; }
.display-6 { font-size: 0.75rem !important; }

.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.h-50vh { height: 50vh !important; }
.h-60 { height: 60% !important }
.h-40 { height: 40% !important }
.h-100vh { height: 100vh !important; }

.carousel-item { height: 100vh;  min-height: 300px;  background: no-repeat center center scroll; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size: cover; }
.carousel-indicators { bottom: 2rem; }

.plnav2 { padding-left: 11.5rem !important; }
.htmlSliderHome, .htmlSliderPE { position: fixed;   top: 0;  left: 0; background-color: white;  }
.htmlSliderPE { position: relative; }
.htmlSliderHome a.btn.btn-ebio { text-transform: none;  border: 2px solid transparent; }
.htmlSliderHome a.btn.btn-ebio:hover { font-weight:bold; background-color: #ffffff6b !important; color: #62caf1 !important; border: 2px solid #62caf1;  }

.htmlSliderHome .titleSliderHome h1, .htmlSliderHome .titleSliderHome h1 .letter{ font-size: 1.5rem; font-weight: 700; }
.bg-whiteAlpha { background-color: transparent; opacity: 0; }
.text-ebio { color: #00b1eb !important; }
.titleSliderHome { /*background-color: white;*/ }
.titleSliderHome h1 { font-weight: 900 !important; }
.navbar { translateY(-50px); opacity:0;  }
#carouselHome { translateY(50px); opacity: 0; }
.hvr-underline-from-center:before { background: #00b1eb !important; }
/*.box-shadow: inset 0px -14px 0px -10px #00b1eb;*/
.fixed-top-nav { transition: top 0.3s; position: fixed; top:0; width: 100%; }

.ajusteSeccion { height: 80vh !important; /* margin-top: 20vh;*/ }

.capa_personajes { position: absolute;   bottom: 5%; }
.capa_personajes .izquierdo, .capa_personajes .derecho {  opacity: 0; }
.capa_personajes .personajes img { vertical-align:bottom;  }
.textoPerProd { bottom: 250px; left: 2rem; }
.textoPerProd h1{ font-size: 1.8rem;  max-width: 50%;}
.izquierdo { transform: translateX(-100px); } .derecho { transform: translateX(100px); }
.topa1 img, .topa2 img, .topa3 img { height: 200px; }
.chusky1 img, .chusky2 img, .chusky3 img{ height: 120px; }
.ventilador1 img{ height: 120px; }
/*
.personajes.topa1{ will-change: transform; opacity: var(--anim1o) !important; transform: translateX(var(--anim1x)); } */

.pisoPersProductos { background-color: #bababa; width: 220px; height: 12px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
/*no scroll*/
.noscroll{height: 100%;  overflow: hidden;}
.fixedTest { position: fixed; top: 80px; background-color: white; }

#puntoventa .fondo { background-color: #62caf1; margin-top: 80px;  height: calc(100vh - 80px) !important; }
/*#puntoventa img {  height: 75vh;  transform: translateY(20px);  margin-top: 15vh;}*/
#puntoventa .col-12.sectorButton { padding-left: 0; }

#productos .fondo, #colegios .fondo { margin-top: 15vh; opacity: 0; }

#preciosobnate btn { text-transform: none !important; }
#preciosobnate .fondo { margin-top: 15vh; }
.sectorButtonPrices, .sectorButtonSes { position: absolute;  right: 9rem;  top: 4rem; }
.sectorButtonPrices { top: 9rem; }
.sectorButtonPrices a.btn-ebio-especial, .sectorButtonPricesMobile a.btn-ebio-especial, .sectorButtonSes a.btn-ebio-especial.princ, #seriesFull .priceMobile .textoPrice{  border: 2px solid var(--ebiocolorclaro); width: 52px;  height: 52px;  position: absolute;  line-height: 50px;  text-align: center;
transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1); }
.sectorButtonPrices a.efecto, .sectorButtonPricesMobile a.efecto { box-shadow: 0 0 1px 15px  var(--ebiocolorespecial2), 0 0 1px 30px var(--ebiocolorespecial3), 0 0 1px 45px var(--ebiocolorespecial4); }
.sectorButtonPrices a.btn-ebio-especial img, .sectorButtonPricesMobile a.btn-ebio-especial img { height: 26px;  }

.sectorButtonPrices a.btn-ebio-especial-border, .sectorButtonPricesMobile a.btn-ebio-especial-border, .sectorButtonSes a.btn.btn-ebio-especial-border{ position: absolute; right:-48px;  top:5px; width: 48px; -webkit-transition: width 1s;  transition: width 1s;  }
.sectorButtonPrices a.btn-ebio-especial-border div, .sectorButtonPricesMobile a.btn-ebio-especial-border div, .sectorButtonSes a.btn.btn-ebio-especial-border div{ font-weight:bold;  padding-right: 34px; opacity: 0; -webkit-animation: hideOpacity .5s; -moz-animation:hideOpacity .5s;  -o-animation: hideOpacity .5s;  animation: hideOpacity .5s;  }
.sectorButtonPrices a.btn-ebio-especial-border.efectoW, .sectorButtonPricesMobile a.btn-ebio-especial-border.efectoW, .sectorButtonSes a.btn.btn-ebio-especial-border.efectoW { width: 300px; }
.sectorButtonSes a.btn.btn-ebio-especial-border.efectoW { width: 380px; }
.sectorButtonPrices a.btn-ebio-especial-border.efectoW div, .sectorButtonPricesMobile a.btn-ebio-especial-border.efectoW div, .sectorButtonSes a.btn.btn-ebio-especial-border.efectoW div{ opacity: 1; -webkit-animation: showOpacity 2s; -moz-animation:showOpacity 2s;  -o-animation: showOpacity 2s;  animation: showOpacity 2s;  }

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

@-webkit-keyframes showOpacity { 0%   { opacity: 0; }  100% { opacity: 1; } }
@-moz-keyframes showOpacity { 0%   { opacity: 0; }  100% { opacity: 1; } }
@-o-keyframes showOpacity { 0%   { opacity: 0; }  100% { opacity: 1; }}
@keyframes showOpacity {  0%   { opacity: 0; }  100% { opacity: 1; }}
@-webkit-keyframes hideOpacity { 0%   { opacity: 1; }  100% { opacity: 0; } }
@-moz-keyframes hideOpacity { 0%   { opacity: 1; }  100% { opacity: 0; } }
@-o-keyframes hideOpacity { 0%  { opacity: 1; }  100% { opacity: 0; } }
@keyframes hideOpacity {  0%  { opacity: 1; }  100% { opacity: 0; } }


.sectorButtonPrices a:focus:not(:active)::after, .sectorButtonPricesMobile a:focus:not(:active)::after, a:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}

.modal-dialog.precios { margin-top: 0 !important; }
#modalPrecios .modal-body { padding: 0 !important; }
#modalPrecios .modal-content { box-shadow: none !important; }


#carouselPEmini .htmlPE{ position: absolute; top: 0; }
#carouselPEmini .bg-whiteAlpha{ opacity: 1; }
#carouselPEmini .contenedorInfoPE, #carouselPEmini #info2PE{ opacity: 0; }
#carouselPEmini .contenedorInfoPE i.fa-check{ color: #04aaf4 !important; }

@media (max-width: 1024px) {
  nav.navbar.nav-principal .nav-link span { font-size: .9rem !important; }
  .htmlSliderHome a.btn.btn-ebio { font-size: .7rem }
  /*#puntoventa .imgLeft { margin-left: -250px; }*/
  #puntoventa .textRight { margin-left: 80px; }
  #carouselPEmini .bg-whiteAlpha { font-size: .8rem; }
}


@media (min-height: 750px) and (max-height: 900px) {
  @media (min-width: 1300px) {
    /*#puntoventa img { transform: translateX(-120px);  }*/
  }
}


#capacitacion .fondo, #nosotros .fondo, #metodologia .fondo { height: 100vh; margin-top: 0; padding-top: 10vh; opacity: 0;  }
#nosotros .fondo, #metodologia .fondo{ padding-top: 12vh; }
#nosotros .cuerpo .col-8, #metodologia .cuerpo .col-8 { /*height: 30vh;*/ margin-bottom: 5px; /*overflow-y: auto;*/  font-size: 1rem; line-height: 1.1rem; }
#nosotros .video .col-8, #metodologia .video .col-8 { /*height: 39vh;*/ overflow: hidden; }


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  /*padding-top: 25px;*/
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pNoPadding p{  margin-bottom: .3rem; line-height: initial; }

#preciosobnate  h1.display-6,  #preciosobnate  h1.display-5p5 {  color: initial;  }
#preciosobnate .htmlPE h1.display-6,  #preciosobnate .htmlPE h1.display-5p5 {  color: white !important;  }
#puntoventa  h1.display-6,  #puntoventa  h1.display-5p5, #productosFull h1{  color:white !important; text-align: left !important;  }
#productosFull h1 { text-align: center !important; }
#puntoventa .fondo, #productos .fondo, #preciosobnate .fondo { opacity: 0; }
#colegios .card .card-body { padding: 0; }
#colegios .card .card-body .card-title { font-size: .7rem; }
#colegios .card .card-footer { font-size: .6rem; }
#colegios .card img { padding: .5rem; }
#colegios .op0, #seriesFull .op0{ opacity: 0 !important; }
#colegios .op1, #seriesFull .op1 { opacity: 1 !important; }
#colegios .split3colegios {  -webkit-transition: .5s linear;  -ms-transition: .5s linear;    transition: .5s linear; }
#colegios .split3colegios button.btn { display: none; }
#colegios .split3colegios button.btn.show { display: initial; }
#colegios .colegioMore { display: none; }

#contacto {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  background-image:  url(../../../lib/media/web-content/contact_background.jpg); }
#contacto .fondo { opacity: 0; height: 100vh;
  min-height: 300px;
}
#contacto .sectorFormContacto, #contacto .sectorSendContacto{ background: white;  }
#contacto input, #contacto .form-control { padding:10px; background-image: linear-gradient(0deg,#00b1eb 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0); }
#contacto [class*=" bmd-label"], [class^=bmd-label] { color:black; }
#contacto .fondo { padding-top: 15vh; }
#contacto #footer { height: 50%; position: absolute; height: 300px; bottom: -300px; background: var(--ebiocolor70); color: white; }
#contacto #footer .row .col-3 { background: var(--ebiocolor); color: white; height: 210px; }
#contacto .img-fluid  { max-width: 40%; -webkit-transition: .5s linear;  -ms-transition: .5s linear;    transition: .5s linear;  }
#contacto #footer .row .col-3 .sectorInfoC { opacity: 0; height: 100%; width: 100%; position: absolute; top: 200px; -webkit-transition: .5s linear;  -ms-transition: .5s linear;    transition: .5s linear; }
#contacto #footer .row .col-3:hover .img-fluid, #contacto #footer .row .col-3.click .img-fluid { transform: translateY(-200px); opacity: 0; }
#contacto #footer .row .col-3:hover .sectorInfoC, #contacto #footer .row .col-3.click .sectorInfoC { top: 0; opacity: 1; }
#contacto #footer .row .col-3 .col-12 { width: 100%;   height: 100%; }
#contacto #sendContactButton {  -webkit-transition: background-color 1500ms linear;  -ms-transition: background-color 1500ms linear;   transition: background-color 1500ms linear; }
#contacto #sendContactButton.onclic {  width: 56px; height: 56px;  border-color: var(--ebiocolor);  border-width: 2px;  font-size: 0;  border-left-color: var(--ebiocolor); -webkit-animation: rotating 2s 0.25s linear infinite;
          animation: rotating 2s 0.25s linear infinite; }

@-webkit-keyframes rotating {
  from {   -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
  to {   -webkit-transform: rotate(360deg);  transform: rotate(360deg);  }
}

@keyframes rotating {
  from {    -webkit-transform: rotate(0deg); transform: rotate(0deg);  }
  to {   -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}


.sectorContInfo {
  position: relative;
  border: 10px solid #f00;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin: 10px;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .5s;
  overflow: hidden;
  height: 0;
  background: white;
  text-align: center;
  font-size: 50px;
}
.sectorContInfo:hover .overlay,
.overlay:hover {
  height: 100%;
  background: white;
}
.sectorContInfo > img {
  display: block;
}

h1.display-9 { font-size: 1rem !important; color: black !important; font-weight: 800;  margin-bottom: 0; }
#preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
#footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail { font-size: .9rem; line-height: 1rem;  }


@media (min-width: 1200px) {
  .sectorButtonPrices {  right: 7.5rem !important; }
  #productosFull .bg-whiteAlpha { padding: 1.5rem !important; }
  #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
  #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail { font-size: 1rem; line-height: 1.1rem;  }

  @media (min-height: 650px) {
    #nosotros .cuerpo .col-8, #metodologia .cuerpo .col-8 { font-size: 1.1rem;   line-height: 1.2rem; }
    h1.display-6, h1.display-9 { font-size:.9rem !important; color: black !important; font-weight: 800;  margin-bottom: 0; }
    h1.display-9 { font-size:1rem !important; }
    h1.display-5p5 { font-size:2rem !important; color: #737377 !important;  }
    /*#puntoventa img{ margin-left: -60px; }*/
    #carouselPEmini .bg-whiteAlpha {  margin-right: 25px; }
    #carouselPEmini .bg-whiteAlpha button { margin-top: 20px; }
    .btn-ebio, .btn-ebiolight-border, .btn-ebiotransp-border, .btn-ebio-especial-border, .btn-ebio-especial { font-size: 1rem !important; }
    #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
    #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail { font-size: 1rem; line-height: 1.1rem;  }
  }

  @media (min-height: 800px) {
    /*#puntoventa img {   margin-left: -144px;   height: 60vh; }*/
    .btn-ebio, .btn-ebiolight-border, .btn-ebiotransp-border, .btn-ebio-especial-border, .btn-ebio-especial { font-size: 1.1rem !important; }
    #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
    #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail { font-size: 1.1rem; line-height: 1.2rem;  }
    #carouselPEmini .bg-whiteAlpha button { margin-top: 20px; }
  }
}

/* 1360 * 768 */
@media (min-height: 650px) and (min-width: 1200px){

  h1.display-6, h1.display-9 { font-size:.8rem !important; color: black !important; margin-bottom: 0; }
  h1.display-9 { font-size:.9rem !important; }
  h1.display-5p5 { font-size:1.8rem !important; color: #737377 !important;  }
  .btn-ebio, .btn-ebiolight-border, .btn-ebiotransp-border, .btn-ebio-especial-border, .btn-ebio-especial { font-size: 1rem !important; }
  #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
  #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail { font-size: 1.1rem;  line-height: 1.2rem; }
}

@media (min-width: 1300px) {
  #productosFull .bg-whiteAlpha { padding: 2rem !important; }
  .bg-whiteAlpha { width: 38vw; }
  @media (min-height: 700px) {
    /*#puntoventa img {   margin-left: initial; } */
    #carouselPEmini .bg-whiteAlpha {  margin-right: 30px;  }
    #carouselPEmini .bg-whiteAlpha button { margin-top: 20px; }
    .sectorButtonPrices {  right: 7rem !important; }
    .btn-ebio, .btn-ebiolight-border, .btn-ebiotransp-border, .btn-ebio-especial-border, .btn-ebio-especial { font-size: 1.1rem !important; }
    #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
     #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail { font-size: 1.2rem;  line-height: 1.3rem; }
     .sectorButtonPrices a.btn-ebio-especial, .sectorButtonSes a.btn-ebio-especial.princ { width: 56px; height: 56px; }
    #puntoventafull .buttonMore button i, #capacitacion #sectorStaff .buttonMore button i {   margin-left: -5px;   margin-top: -2px; }
  }
}

@media (min-width: 1500px) {
  @media (min-height: 700px) {
    /*#puntoventa img {   margin-left: 30px; }*/
    .titlePE_home { margin-top: 4px; }
    #carouselPEmini .bg-whiteAlpha { margin-right: 40px;  }
    #carouselPEmini .bg-whiteAlpha button { margin-top: 20px; }
    .sectorButtonPrices {  right: 8rem !important; }
    .btn-ebio, .btn-ebiolight-border, .btn-ebiotransp-border, .btn-ebio-especial-border, .btn-ebio-especial { font-size: 1.1rem !important; }
    #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
    #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, #capacitacion #sectorStaff .textoDetail, .textoDetail{ font-size: 1.2rem;  line-height: 1.3rem; }
  }
}

@media (min-width: 1800px) {
  @media (min-height: 900px) {

    #productosFull .bg-whiteAlpha { padding: 3rem 2rem  !important; }
    h1.display-6, h1.display-9 { font-size:1.3rem !important; margin-bottom: 0; }
    h1.display-9 { font-size:.1.4rem !important; }
    h1.display-5p5, #preciosobnate h1.display-4 { font-size:2.4rem !important; }
    #nosotros .cuerpo .col-8, #metodologia .cuerpo .col-8 { font-size: 1.4rem;  line-height: 1.5rem;}
    /*#puntoventa img {   margin-left: initial; height: 75vh; } */
    #carouselPEmini .bg-whiteAlpha {   font-size: 1.4rem;    line-height: 1.5rem;    padding: 45px !important; margin-right: 60px; }

    .htmlSliderHome .titleSliderHome h1, .htmlSliderHome .titleSliderHome h1 .letter { font-size: 2rem; }
    .btn-ebio, .btn-ebiolight-border, .btn-ebiotransp-border, .btn-ebio-especial-border, .btn-ebio-especial { font-size: 1.4rem !important; }
    .htmlSliderHome a.btn.btn-ebio { max-width: 350px; }
    .htmlSliderHome  .p-4 { padding: 3rem !important; }

    nav.nav-principal {   padding-top: .5rem;  }
    nav.navbar.nav-principal .nav-link span {  font-size: 1.2rem;  }
    nav.nav-second .nav-link span { font-size: 1rem;  line-height: 1rem; }
    nav.nav-second {  padding-top: .5rem !important;     padding-bottom: .5rem !important; }
    #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
    , #capacitacion #sectorStaff .textoDetail #footer .textoDetail, #pe_description .textDetail, #capacitacion .textoDetail, .textoDetail { font-size: 1.4rem;  line-height: 1.5rem; }

    .bmd-form-group .bmd-label-static { font-size: 1.4rem; }
    .bmd-form-group { padding-top: 2.75rem;  }
    .ebiologo { height: 40px; }
    .sectorButtonPrices {   right: 9rem !important; }
    .sectorButtonPrices a.btn-ebio-especial, .sectorButtonSes a.btn-ebio-especial.princ { width: 60px; height: 60px; }

    #capacitacion .fondo .laptop { margin-top:10px; }
    #puntoventafull .buttonMore button i, #capacitacion #sectorStaff .buttonMore button i {   margin-left: -8px;   margin-top: -5px; }
  }
}
.modal-video { background-color: rgba(0, 0, 0, 0.80); }
#home .h1.display-5p5 { color: var(--ebiocolor) !important; }