@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);.mobiletest-html{-webkit-user-select:text !important;}
body, html{font-family:'Lato', sans-serif;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;color:#5a5a5a;}
h1{text-transform:uppercase;}
h1 strong{font-weight:900;}
h2{text-transform:uppercase;margin:0;}
h3{font-size:18px;font-weight:900;}
h4{text-transform:uppercase;}
h5{text-transform:uppercase;font-weight:700;}
p{font-family:'Open Sans', sans-serif;}
p.intro{font-size:17px;margin:12px 0 0;line-height:24px;font-family:'Open Sans', sans-serif;}
a{color:#ff8000;}
a:hover,
a:focus{text-decoration:none;color:#ff8000;}
.section-title hr{border-color:#ff8000;border-width:4px;width:60px;float:left;clear:both;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
ul, ol{padding-left:3%;webkit-padding:0;moz-padding:0;}
.modalbody{ overflow: auto !important;}
#modalcontvid{background-color:rgba(43, 207, 190, 0.9);color:#fff;}
#tf-menu{padding:20px;transition:all 0.8s;}
#tf-menu.navbar-default{background-color:rgba(248, 248, 248, 0);border-color:rgba(231, 231, 231, 0);}
#tf-menu a.navbar-brand{text-transform:uppercase;font-size:22px;color:#fff;font-weight:900;}
#tf-menu.navbar-default {
  background-color: rgba(255, 255, 255, 0.95); /* Fondo blanco translúcido para contraste */
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

#tf-menu.navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  color: #222 !important; /* Letra negra */
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 18px 15px;
  transition: all 0.3s ease-in-out;
}

#tf-menu.navbar-default .navbar-nav > li > a:hover,
#tf-menu.navbar-default .navbar-nav > li.active > a {
  color: #ff8000 !important; /* Color al pasar el cursor */
  background-color: transparent;
  text-decoration: underline;
}

/* Botón del menú en móviles */
.navbar-toggle {
  border-color: #2e6187;
}
.navbar-toggle .icon-bar {
  background-color: #2e6187;
}

#tf-menu.navbar-default .navbar-nav > li > a:hover{text-transform:uppercase;color:#ff8000 !important;font-size:12px;letter-spacing:1px;transition:all 0.5s;}
.on{background-color:#222222 !important;padding:0 !important;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{color:#ff8000 !important;background-color:transparent;font-weight:700;transition:all 0.5s;}
.navbar-toggle{border-radius:0;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color:#ff8000;border-color:#ff8000;}
.navbar-default .navbar-toggle:hover>.icon-bar{background-color:#FFF;}
#tf-home {
  background: url(../img/01_b.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: scroll; /* Mejor para móviles */
  color: #0a0a0a;
  padding: 120px 20px 60px; /* Espacio arriba para evitar solaparse con el menú, y abajo para respiración */
  text-align: center;
  position: relative;
}

/* Overlay opcional para mejorar contraste si tienes texto encima */
#tf-home::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.0); /* Puedes ajustar la opacidad o el color */
  z-index: 1;
}
#tf-home .container {
  position: relative;
  z-index: 2; /* Para que el texto esté por encima del overlay */
}

/* Responsive ajustes */
@media (max-width: 768px) {
  #tf-home {
    padding-top: 140px;
    background-attachment: scroll;
  }
}

@media (max-width: 480px) {
  #tf-home {
    background-size: contain; /* Se adapta mejor en celulares pequeños */
    padding-top: 160px;
  }
}

/* #tf-home{background:url(../img/01_b.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#0a0a0a;}


#tf-home .overlay{background:-moz-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(44, 62, 80,0.9) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#66000000',GradientType=0);height:90vh;background-attachment:fixed;}
#tf-home p.lead{color:#0a0a0a;}
.content{position:relative;padding:20% 0 0;}
.color{color:#ff8000;}
a.fa.fa-angle-down{padding:10px 15px;color:#fff;border:2px solid #b4b4b4;border-radius:50%;font-size:24px;/*margin-top:200px;*/transition:all 0.5s;}
a.fa.fa-angle-down:hover{background:#ff8000;color:#ffffff;border:2px solid #ff8000;}
.sep{border-bottom:1px solid #ECF0F1;padding-bottom:2%;}
.justified{text-align:justify;}
.panel-title > a, .panel-title > a:link, .panel-title > a:visited{color:#FFF;transition:all 0.3s ease-in-out}
.panel-title > a:hover{color:#666;transition:all 0.3s ease-in-out}
.fa-angle-down{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.rotated{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
#tf-nosotros{padding:80px 0;}
#comunicados { margin-bottom: 30px;}
ul.about-list{margin:30px 0 0;}
ul.about-list li{display:block;font-size:16px;line-height:30px;font-family:'Open Sans', sans-serif;}
ul.about-list li span{margin-right:10px;}
#tf-programas{background:url(../img/03.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#ffffff;}
#tf-programas .overlay{background:-moz-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(44, 62, 80,0.9) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 17%,rgba(47,58,69,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#66000000',GradientType=0);background-attachment:fixed;}
.section-title.center{padding:30px 0;}
.section-title h2,
.section-title.center h2{font-weight:300;}
.section-title.center .line{border-top:4px solid #ff8000;height:10px;width:60px;text-align:center;margin:0 auto;margin-top:20px;}
.section-title.center hr{border-top:4px solid rgba(252, 172, 69, 0.34);width:40px;text-align:center;margin-top:10px;position:relative;left:17%;}
#team{margin:0 auto}
#team .item{padding:0;margin:15px;color:#FFF;text-align:center;}
img.img-circle.team-img{width:120px;height:120px;border:4px solid transparent;transition:all 0.5s;}
#tf-programas .item .thumbnail:hover>img.img-circle.team-img, #tf-descargas .item .thumbnail:hover>img.img-circle.team-img{border:4px solid #ff8000;}
#tf-programas .thumbnail, #tf-descargas .thumbnail{background:transparent;border:1px solid rgba(50, 50, 50, 0.1);cursor:pointer;}
#tf-programas .thumbnail .caption{padding:9px;color:#F2F2F2;}
.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px 7px;filter:Alpha(Opacity=1);opacity:1;-webkit-border-radius:0;-moz-border-radius:20px;border-radius:10px;background:#CCCCCC;transition:all 0.5s;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;background:#ff8000;}
.owl-theme .owl-controls .owl-page.active span{background:#ff8000;}
.p1{background-color:#0B0;}
#tf-pagos{background:url(../img/pagos_backg.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#5a5a5a;padding:50px 0;}
.space{margin-top:40px;}
#tf-pagos img.fa{border:4px solid #ff8000;width:100px;height:100px;margin-bottom:10px;border-radius:50%;transition:all 0.5s;}
#tf-pagos i.fa.fa-mobile{font-size:50px;padding:20px 25px;}
#tf-pagos .service:hover>img.fa{background:#ff8000;color:#ffffff;}
.imagepse2{display:none;}
@media only screen and (max-width:767px){.imagepse1{display:none;}
.imagepse2{display:block;}
}
#tf-soyineciano{background:url(../img/soy_backg.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#5a5a5a;padding:50px 0;}
.space{margin-top:40px;}
#tf-soyineciano img.fa, #tf-soyinecianomodal img.fa{border:4px solid #ff8000;width:100px;height:100px;margin-bottom:10px;border-radius:50%;transition:all 0.5s;}
#tf-soyineciano i.fa.fa-mobile{font-size:50px;padding:20px 25px;}
#tf-soyineciano .service:hover>img.fa, #tf-soyinecianomodal .service:hover>img.fa{background:#ff8000;color:#ffffff;}
#tf-soyineciano a:hover>img.fa, #tf-soyinecianomodal a:hover>img.fa{background:#ff8000;color:#ffffff;}
#virtual, #portalest, #portalestnew{cursor:pointer;}
#prot-covid .thumbnail { width: 300px !important; background-color: transparent !important; margin:0 auto !important;}
#tf-pr{background:url(../img/pyr_backg.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#ffffff;padding:50px 0;}
#tf-pr .overlay{background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#66000000',GradientType=0);padding:80px 0;background-attachment:fixed;}
#pr .item{padding:0;margin:35px;color:#FFF;text-align:center;}
#tf-pr .sep{border-bottom:1px solid #53585a;}
#accordion_pr1, #accordion_pr2, #accordion_pr3, #accordion_prcerti{color:#5a5a5a;}
#tf-descargas{background:url(../img/04.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#5a5a5a;padding:80px 0;}
#tf-descargas .overlay{background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#66000000',GradientType=0);padding:80px 0;background-attachment:fixed;}
#descargas .item{padding:0;margin:35px;color:#FFF;text-align:center;}
#tf-works{padding-bottom:50px;background:#ff8000;color:#ffffff;}
.categories{padding:10px 0;}
ul.cat li{display:inline-block;}
#tf-works li.pull-right{margin-top:10px;}
ol.type li{display:inline-block;margin-left:20px;}
ol.type li:after{content:' | ';margin-left:20px;}
ol.type li:last-child:after{content:'';}
ol.type li a{color:#222222}
ol.type li a.active{font-weight:700;}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{z-index:1}
.isotope,
.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s;}
.isotope-item{margin-right:-1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.isotope{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}
.portfolio-item{margin-bottom:30px;}
.portfolio-item .hover-aas{max-height:305px;overflow:hidden;position:relative;}
.hover-aas .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(234, 172, 0, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-aas .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-aas:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-aas .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-aas:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-aas:hover .hover-text{opacity:1;}
.portfolio-item .hover-amd{max-height:305px;overflow:hidden;position:relative;}
.hover-amd .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(189, 67, 39, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-amd .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-amd:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-amd .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-amd:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-amd:hover .hover-text{opacity:1;}
.portfolio-item .hover-tol{max-height:305px;overflow:hidden;position:relative;}
.hover-tol .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(88, 46, 124, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-tol .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-tol:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-tol .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-tol:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-tol:hover .hover-text{opacity:1;}
.portfolio-item .hover-asf{max-height:305px;overflow:hidden;position:relative;}
.hover-asf .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(217, 126, 40, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-asf .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-asf:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-asf .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-asf:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-asf:hover .hover-text{opacity:1;}
.portfolio-item .hover-ae{max-height:305px;overflow:hidden;position:relative;}
.hover-ae .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(35, 156, 175, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-ae .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-ae:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-ae .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-ae:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-ae:hover .hover-text{opacity:1;}
.portfolio-item .hover-aso{max-height:305px;overflow:hidden;position:relative;}
.hover-aso .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(153, 190, 6, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-aso .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-aso:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-aso .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-aso:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-aso:hover .hover-text{opacity:1;}
.portfolio-item .hover-tso{max-height:305px;overflow:hidden;position:relative;}
.hover-tso .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(58, 115, 124, 0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-tso .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-tso:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-tso .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-tso:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-tso:hover .hover-text{opacity:1;}
#avatar:hover{border:4px solid #fff;transition:all 0.4s;}
.portfolio-item .hover-tap{max-height:305px;overflow:hidden;position:relative;}
.hover-tap .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(21, 158, 172, 0.75);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-tap .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-tap:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-tap .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-tap:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-tap:hover .hover-text{opacity:1;}
.portfolio-item .hover-cont{max-height:305px;overflow:hidden;position:relative;}
.hover-cont .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(49,82,91,0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-cont .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-cont:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-cont .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-cont:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-cont:hover .hover-text{opacity:1;}
.portfolio-item .hover-merc{max-height:305px;overflow:hidden;position:relative;}
.hover-merc .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(217,51,53,0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-merc .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-merc:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-merc .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-merc:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-merc:hover .hover-text{opacity:1;}
.portfolio-item .hover-rh{max-height:305px;overflow:hidden;position:relative;}
.hover-rh .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(35,60,53,0.66);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-rh .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-rh:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-rh .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-rh:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-rh:hover .hover-text{opacity:1;}
.portfolio-item .hover-rcp{max-height:305px;overflow:hidden;position:relative;}
.hover-rcp .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-rcp .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-rcp:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-rcp .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-rcp:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-rcp:hover .hover-text{opacity:1;}
.portfolio-item .hover-labclinico{max-height:305px;overflow:hidden;position:relative;}
.hover-labclinico .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-labclinico .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-labclinico:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-labclinico .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-labclinico:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-labclinico:hover .hover-text{opacity:1;}
.portfolio-item .hover-vacuna{max-height:305px;overflow:hidden;position:relative;}
.hover-vacuna .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-vacuna .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-vacuna:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-vacuna .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-vacuna:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-vacuna:hover .hover-text{opacity:1;}
.portfolio-item .hover-cami{max-height:305px;overflow:hidden;position:relative;}
.hover-cami .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-cami .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-cami:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-cami .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-cami:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-cami:hover .hover-text{opacity:1;}
.portfolio-item .hover-protesis{max-height:305px;overflow:hidden;position:relative;}
.hover-protesis .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-protesis .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-protesis:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-protesis .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-protesis:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-protesis:hover .hover-text{opacity:1;}
.portfolio-item .hover-iny{max-height:305px;overflow:hidden;position:relative;}
.hover-iny .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-iny .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-iny:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-iny .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-iny:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-iny:hover .hover-text{opacity:1;}
.portfolio-item .hover-heridas{max-height:305px;overflow:hidden;position:relative;}
.hover-heridas .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-heridas .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-heridas:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-heridas .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-heridas:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-heridas:hover .hover-text{opacity:1;}
.portfolio-item .hover-victimas{max-height:305px;overflow:hidden;position:relative;}
.hover-victimas .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-victimas .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-victimas:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-victimas .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-victimas:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-victimas:hover .hover-text{opacity:1;}
.portfolio-item .hover-dipuci{max-height:305px;overflow:hidden;position:relative;}
.hover-dipuci .hover-text{position:absolute;text-align:center;margin:0 auto;color:#ffffff;text-shadow:1px 1px 1px #333;background:rgba(191, 41, 66, 0.8);padding:30% 0;height:100%;width:100%;opacity:0;transition:all 0.5s;}
.hover-dipuci .hover-text>h4{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;}
.hover-dipuci:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-dipuci .hover-text>i{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s;}
.hover-dipuci:hover .hover-text>i{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-dipuci:hover .hover-text{opacity:1;}
#tf-testimonials{background:url(../img/05.html);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#ffffff;}
#tf-testimonials .overlay{background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#66000000',GradientType=0);padding:80px 0;background-attachment:fixed;}
#testimonial{padding:30px 0;}
#testimonial .item{display:block;width:100%;height:auto;}
#testimonial .item p{font-weight:400;margin:30px 0;color:#d1d1d1;}
#tf-contact{padding:80px 0;}
label{float:left;font-size:1em;font-weight:400;font-family:'Open Sans', sans-serif;}
#tf-works .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;}
#tf-works .form-control2{display:block;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;margin-top:3%;margin-bottom:3%;}
#tf-works .form-control:focus{border-color:inherit;outline:0;-webkit-box-shadow:transparent;box-shadow:transparent;}
button.btn.tf-btn.btn-default{float:right;background:#34495E;border:0;border-radius:0;padding:10px 40px;color:#ffffff;text-transform:uppercase;}
.btn:active, .btn.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus{outline:thin dotted;outline:none;outline-offset:none;}
.warning{color:silver;font-size:1.2em;padding:10px;text-transform:uppercase;}
.success{color:#F2F1EF;font-size:1.2em;padding:10px;text-transform:uppercase;}
#contactForm label{display:block;}
ul.tf-works-social li{display:inline-block;margin:2rem 3rem 1rem 0rem;}
#tf-works i.fa{color:#336E7B;height:30px;width:30px;border:2px solid #336E7B;font-size:20px;padding:4px 5px;border-radius:50%;transition:all 0.5s;}
#tf-works i.fa:hover{background:#ff8000;border-color:#ff8000;color:#ffffff;}
nav#footer{background:#222222;color:#ffffff;padding:20px 0 15px 0;}
nav#footer .fnav{vertical-align:middle;padding:5% 0% 1% 0%;}
ul.footer-social li{display:inline-block;margin-right:2rem;}
nav#footer p{font-size:12px;margin-top:10px;}
#footer i.fa{height:30px;width:30px;border:2px solid #8c8c8c;font-size:20px;border-radius:50%;color:#8c8c8c;transition:all 0.5s;}
.iconface{ padding: 4px 8px !important;}
.iconyou{ padding: 4px 2px !important;}
.icontwi{ padding: 4px 4px !important;}
#footer i.fa:hover{background:#ff8000;border-color:#ff8000;color:#ffffff;}
#footer span{text-transform:uppercase;font-size:1em;font-weight:bold;}
#footer a, #footer a:active, #footer a:focus, #footer a:link{color:#FEFEFE;text-decoration:none !important;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;line-height:3rem;}
#footer a:hover{color:#2BCFBF;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
#footer img{margin-bottom:20px;}
.chat-window{bottom:0;margin-bottom:-8px;right:2%;width:360px;position:fixed;float:right;padding-left:10px;z-index:9999;}


@media only screen and (min-width: 768px) {
  .modal {
    text-align: center;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    /* //-webkit-transform: translate3d(0, -300px, 0);
    //transform: translate3d(0, -300px, 0); */
    opacity: 1;
  }
}
.whats {
  display:block;
   width:190px;
   height:90px;
   color:#fff;
   position: fixed;
   left:5px;
   bottom:50px;
   border-radius:40%;
   line-height:80px;
   text-align:center;
   z-index:999;
}
