@charset "utf-8";

/* *****************************************************************
Theme Name: Finartrit
Version: 20190408
Theme URI: http://www.finartrit.cl/
Description: Theme para el sitio web de Finartrit
Author: LinkReloaded
Author URI: http://www.linkreloaded.net
****************************************************************** */
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; }
section#contenido { flex: 1; }
.container { max-width: 960px; }
img.imagen-fluida { display: block; width: 100%; height: auto; }
#barra-idioma { background-color: #201240; width: 100%; height: 50px; }
#barra-idioma .columna { margin: 0 auto; width: 100%; max-width: 1100px; }
#barra-idioma .columna #paises { float: right; width: 170px; padding: 14px 0 0 0; }
#barra-idioma .columna #paises .ir { float: left; margin: 0 10px 0 0; color: #fff; font-family: fira_sansregular; font-size: 15px; font-weight: 700; letter-spacing: 0px; font-style: normal; }
#barra-idioma .columna #paises ul { float: right; margin: 0; padding: 0; }
#barra-idioma .columna #paises ul li { float: left; list-style-type: none; }
#barra-idioma .columna #paises ul li a { overflow: hidden; width: 22px; border-radius: 10px; display: block; margin: 0 10px 0 0; height: 22px; border: 2px solid #201240; }
#barra-idioma .columna #paises ul li a img { vertical-align: top; width: 100%; }
#barra-idioma .columna #paises ul li a:hover { border-color: #fff; }
nav.navbar #menuppal ul li a { font-family: fira_sansmedium; text-transform: uppercase; color: #392462; padding: 25px 0px; margin-right: 15px; border-bottom: 5px solid transparent; font-size: 14px; }
div#menuppal #menu-menu-principal { margin-right: 0px; margin-left: auto; }
header nav.navbar { background-color: rgba(255, 255, 255, 0.8); position: absolute; width: 100%; padding: 0px; z-index: 4; }
nav.navbar #menuppal ul li a:hover { border-bottom-color: #201240; }
.banner-principal .owl-nav { display: none; }
.banner-principal .owl-dots .owl-dot { width: 15px; height: 15px; border-radius: 100%; background-color: #fff; box-shadow: 2px 1px 5px #545252; margin-right: 9px; outline: none; }
.banner-principal .owl-dots .owl-dot:last-child { margin-right: 0px; }
.banner-principal .owl-dots { text-align: center; position: relative; z-index: 2; top: -50px; }
.banner-principal .owl-dots .owl-dot.active { width: 10px; height: 10px; top: -2px; position: relative; }
.banner-principal .owl-dots .owl-dot:hover { opacity: 0.8; }
div#video-finartrit { background-image: url(./img/separador-piso-1.png), url(./img/bg-piso-1.png); margin-top: -24px; display: table; width: 100%; background-repeat: no-repeat; background-size: contain, cover; background-position: bottom, center; }
#video-finartrit .wrapper-center { display: table; width: 100%; }
#video-finartrit .wrapper-center .video { display: table-cell; vertical-align: middle; width: 50%; border-radius: 30px; overflow: hidden; }
#video-finartrit .wrapper-center .info { display: table-cell; vertical-align: middle; padding-left: 50px; width: 50%; }
#video-finartrit .wrapper-center .info img { margin-bottom: 35px; }
#video-finartrit .wrapper-center .info .txt p { font-family: dinregular; color: #fff; font-size: 20px; line-height: 23px; }
#video-finartrit .wrapper-center .info .txt a.boton { font-family: dinlight; text-transform: uppercase; color: #fff; font-size: 16px; border-radius: 20px; border: 2px solid #fff; padding: 9px 30px; margin-top: 30px; display: inline-block; }
#video-finartrit .wrapper-center .info .txt a.boton:hover { background-color: #fff; color: #392462; }
#video-finartrit .wrapper-center .video .background-video { background-color: #000; z-index: 2; position: relative; }
#video-finartrit .wrapper-center .video #background-video { background-color: #000; border-radius: 25px; overflow: hidden; background-image: url(./img/play.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; position: relative; }
#video-finartrit .wrapper-center .video #background-video #video-finartrit-yt { height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
div#video-finartrit .wrapper-vertical-center { display: table-cell; vertical-align: middle; padding: 200px 0px; }
.productos-finartrit ul { padding: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 70px; text-align: center; }
.productos-finartrit ul li { list-style: none; }
.productos-finartrit ul li .imagen-comprimidos img { max-width: 100%; }
.productos-finartrit ul li h3 { font-family: dinbold; color: #45306e; height: auto; font-size: 26px; margin-bottom: 25px; margin-top: 35px; }
.productos-finartrit ul li a.boton { font-family: dinbold; color: #45306e; font-size: 13px; border: 2px solid; padding: 5px 18px; border-radius: 15px; }
.productos-finartrit ul li a.boton:hover { color: #fff; background-color: #45306e; border-color: #45306e; }
.productos-finartrit { padding: 100px 0px; background-image: url(./img/borde-comprimidos.png); background-repeat: no-repeat; background-position-y: bottom; background-size: contain; background-position-x: center; }
div#articulos-recientes { background-color: #402a6a; padding: 140px 0px; background-repeat: no-repeat; background-size: 66%; background-position: 84% center; position: relative; }
.txt-artrecientes h3 { font-family: dinbold; color: #fff; text-transform: uppercase; font-size: 37px; line-height: 50px; margin-top: 130px; }
.articulos-post .item { padding: 10px; }
.articulos-post .item a { display: block; border-radius: 25px; overflow: hidden; position: relative; box-shadow: 5px 5px 8px #2c1d4a; z-index: 2; }
.articulos-post .item .pestana { position: absolute; background-color: #fff; transition: .3s ease; bottom: -100%; min-height: 205px; padding: 20px 15px 35px 35px; }
.articulos-post .item a h2 { font-family: dinbold; color: #fff; text-transform: uppercase; font-size: 22px; position: absolute; bottom: 0px; margin: 20px; }
.articulos-post .item a .degradado { position: absolute; top: 0px; bottom: -1px; left: 0px; right: 0px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(64, 42, 106, 0.96) 96%, rgba(64, 42, 106, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(64, 42, 106, 0.96) 96%, rgba(64, 42, 106, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(64, 42, 106, 0.96) 96%, rgba(64, 42, 106, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#402a6a', GradientType=0); }
.articulos-post .item a:hover .pestana { bottom: 0; }
.articulos-post .item .pestana h3 { font-family: dinbold; color: #45306e; text-transform: uppercase; font-size: 23px; line-height: 24px; margin-bottom: 10px; }
.articulos-post .item .pestana p { font-family: dinmedium; color: #767676; font-size: 13px; }
.articulos-post .item .pestana span { color: #767676; font-family: dinbold; font-size: 13px; border: 2px solid; border-radius: 20px; padding: 3px 15px; position: absolute; right: 15px; bottom: 14px; transition: .3s ease; }
.articulos-post .item .pestana span:hover { background-color: #767676; color: #fff; border-color: #767676; }
div#articulos-recientes .owl-dots { display: none; }
div#articulos-recientes .owl-nav .owl-next { float: right; outline: none; }
div#articulos-recientes .owl-nav .owl-prev { color: #fff; outline: none; margin-left: -40px; }
div#articulos-recientes .owl-nav .owl-next { color: #fff; margin-right: -40px; }
div#articulos-recientes .owl-nav { font-size: 55px; position: absolute; width: 100%; top: 50%; margin-top: -40px; z-index: 0; display: block; }
div#articulos-recientes .owl-nav .owl-prev i { text-shadow: 6px 6px 7px #2f1f4f; }
div#articulos-recientes .owl-nav .owl-next i { text-shadow: 6px 6px 7px #2f1f4f; }
#articulos-recientes .owl-stage-outer { position: relative; z-index: 2; }
.articulos-post { padding-right: 50px; }
#articulos-recientes .pestana-bot img { width: 100%; height: auto; }
#articulos-recientes .pestana-bot { position: absolute; top: 100%; z-index: 2; width: 100%; }
div#human { background-color: #392462; position: relative; background-image: url(./img/bg-human.png); background-position: center; background-size: contain; background-repeat: no-repeat; }
#human .solapa-bot img { width: 100%; }
#human .solapa-bot { position: absolute; top: 100%; }
.txt-human h3 { font-family: dinbold; color: #fff; text-transform: uppercase; font-size: 37px; line-height: 50px; }
#human .txt-human { height: 100%; }
#human .txt-human .wrapper-center { margin-top: 100%; }
div#human .row { position: relative; }
.wrapper-human { margin-left: -26%; margin-top: -59px; position: relative; z-index: 2; }
.wrapper-human ul { padding: 0px; list-style: none; }
.wrapper-human ul .punto { display: block; width: 11%; height: 9%; border-radius: 100%; position: absolute; }
.wrapper-human ul .mano { top: 34%; left: 20%; }
.wrapper-human ul .codo { top: 17%; left: 25%; }
.wrapper-human ul .hombro { top: 16%; left: 46%; }
.wrapper-human ul .cuello { top: 13%; left: 49%; }
.wrapper-human ul .columna { top: 38%; left: 46%; }
.wrapper-human ul .cuello { top: 12%; left: 52%; }
.wrapper-human ul .sacro { left: 46%; top: 47%; }
.wrapper-human ul .rodilla { left: 73%; top: 52%; }
.wrapper-human ul .pie { left: 55%; top: 73%; }
.wrapper-human ul .punto a { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; transition: .3s ease; background-image: url(./img/radar-hover.png); background-size: cover; }
.txt-human p { font-family: dinlight; color: #fff; font-size: 23px; padding-right: 30px; }
.txt-human p { font-family: dinlight; color: #fff; font-size: 23px; padding-right: 30px; }
.wrapper-human ul .punto a:hover { background-image: url(./img/radar.png); background-size: cover; }
.wrapper-human img { width: 100%; }
div#slider-huge { background-image: url(./img/medidor.png); background-color: transparent !important; border: 0px; box-shadow: none; background-repeat: no-repeat; padding-right: 10px; background-size: 100%; margin-bottom: -83px; padding-top: 9%; padding-left: 15.5%; padding-right: 18%; }
#slider-huge .noUi-origin { float: left; }
#slider-huge .noUi-handle.noUi-handle-lower { background-color: transparent; box-shadow: none; border: none; background-image: url(./img/punto-medidor.png); height: 64px; background-repeat: no-repeat; width: 64px; right: -39px; margin-top: -25px; outline: none; cursor: pointer; }
.caja-medidor .box { background-color: #311456; border-radius: 47px; box-shadow: 11px 10px 26px #2f1f4e; padding: 35px 60px; margin-right: 30px; margin-left: 30px; padding-top: 110px; }
.textos-medidor h3 { color: #fff; font-family: dinbold; font-weight: bold; font-size: 44px; margin: 0px; margin-bottom: 8px; }
.textos-medidor .descripcion { display: table; min-height: 135px; }
.textos-medidor .descripcion .carita { display: table-cell; vertical-align: middle; width: 90px; }
.textos-medidor .descripcion .txt { display: table-cell; vertical-align: middle; }
.textos-medidor .descripcion .txt p { margin: 0px; font-size: 20px; line-height: 24px; color: #fff; font-family: dinlight; }
.textos-medidor a.btn-medidor { color: #fff; font-weight: bold; font-size: 14px; border: 2px solid #fff; padding: 3px 22px; border-radius: 16px; display: inline-block; font-family: dinbold; }
.legal-medidor { margin: 0px 16%; text-align: center; color: #fff; font-size: 18px; line-height: 20px; margin-top: 25px; font-family: dinlight; }
.noUi-handle:before, .noUi-handle:after { display: none; }
div#finartest { background-image: url(./img/bg-medidor.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 750px; padding-top: 181px; }
div#finartest h3 { font-family: dinbold; color: #fff; text-transform: uppercase; font-size: 37px; line-height: 50px; }
.txt-finartest p { font-family: dinlight; color: #fff; font-size: 23px; padding-right: 30px; }
#finartest .test { padding-left: 100px; }
.textos-medidor a.btn-medidor:hover { background-color: #fff; color: #311456; }
#donde-comprar .wrapper-logos { display: table; }
#donde-comprar .wrapper-logos ul li { vertical-align: middle; display: table-cell; }
#donde-comprar .wrapper-logos ul { padding: 0px; }
#donde-comprar .wrapper-logos ul li img { width: 100%; height: auto; }
#donde-comprar ul.piso2 { margin-bottom: 0px; }
div#donde-comprar { padding: 75px 0px; }
#donde-comprar.wrapper-logos ul:first-child { margin-bottom: 40px; }
nav.navbar-fixed { position: fixed !important; top: 0px; }
div#encuentranos { background-color: #27174e; padding: 60px 0px; }
div#encuentranos h3 { color: #fff; text-transform: uppercase; font-family: dinbold; font-size: 35px; margin-bottom: 35px; }
#encuentranos .logos-encuentranos { padding-left: 0px; list-style: none; display: table; }
#encuentranos .logos-encuentranos li { display: table-cell; vertical-align: middle; padding-right: 30px; }
#encuentranos .sociales { padding-left: 0px; margin-bottom: 0px; position: absolute; right: 0px; bottom: 15px; }
#encuentranos .sociales li { display: inline-block; font-size: 24px; margin-right: 10px; }
#encuentranos .sociales li a { color: #fff; }
#encuentranos .sociales li a:hover { color: #a2a2a2; }
div#encuentranos .col-md-12 { position: relative; }
#encuentranos .logos-encuentranos li a:hover img { opacity: 0.5; }
#encuentranos .logos-encuentranos li a img { opacity: 1; transition: .3s ease; }
div#pie .txt-pie { font-family: dinregular; font-size: 12px; color: #767676; float: left; padding-top: 14px; margin-bottom: 0px; }
div#pie .logo-GH { float: right; margin-bottom: 0px; }
footer div#pie { padding: 22px 0px; border-bottom: 4px solid #27174e; }
.dropdown-menu { margin: 0px; border-radius: 0px; border: 0px; border-top: 5px solid #201240; background-color: rgba(255, 255, 255, 0.8); padding: 0px; }
.dropdown-menu a { padding: 12px 15px 5px !important; border-top: 1px solid #c7c7c7; font-size: 13px; }
.dropdown-menu a:hover { background-color: transparent; }
.banner-top-quees img { width: 100%; }
.banner-top-quees { position: relative; }
.banner-top-quees .wrapper { position: absolute; top: 0px; bottom: -2px; left: 0px; right: 0px; background: -moz-linear-gradient(top, rgba(57, 36, 98, 0) 0%, rgba(57, 36, 98, 1) 95%); background: -webkit-linear-gradient(top, rgba(57, 36, 98, 0) 0%, rgba(57, 36, 98, 1) 95%); background: linear-gradient(to bottom, rgba(57, 36, 98, 0) 0%, rgba(57, 36, 98, 1) 95%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00392462', endColorstr='#392462', GradientType=0); }
.productos-finartrit.page-quees { background-image: none; background-color: #392462; padding-bottom: 310px; }
.productos-finartrit.page-quees ul li h3 { color: #fff; }
.productos-finartrit.page-quees ul li a { color: #fff; }
.productos-finartrit.page-quees ul li a:hover { background-color: #fff; border-color: #fff; color: #392462; }
.banner-top-quees .wrapper h1 { font-family: dinlight; color: #fff; text-transform: uppercase; font-size: 100px; line-height: 99px; padding-left: 50px; }
.banner-top-quees .wrapper .container { padding-top: 16%; }
.banner-top-quees .wrapper p { font-family: dinlight; color: #fff; font-size: 18px; width: 42%; margin-left: 130px; margin-top: 21px; }
.descripcion-quees div#background-video-2 { background-image: url(./img/play.png), url(./img/video-quees.jpg); background-size: auto, cover; background-position: center center; position: relative; overflow: hidden; border-radius: 25px; background-repeat: no-repeat; }
.descripcion-quees div#background-video-2 #video-quees { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; cursor: pointer; }
.descripcion-quees .video { padding: 0px 95px; margin-top: -225px; margin-bottom: 85px; }
.descripcion-quees { background-color: #392462; background-image: url(./img/bg-quees-bot.png); background-repeat: no-repeat; background-size: cover; background-position-x: center; }
.descripcion-quees h2 { color: #fff; font-family: dinbold; text-transform: uppercase; font-size: 33px; margin-bottom: 25px; }
.descripcion-quees p { color: #fff; font-family: dinlight; font-size: 16px; }
.descripcion-quees .datos-left { background-color: #2f1b55; padding: 40px; border-radius: 30px; box-shadow: 10px 10px 18px #211831; margin-bottom: 50px; }
.img-quees { float: right; overflow: hidden; border-radius: 25px; box-shadow: 10px 10px 18px #211831; }
.descripcion-quees .datos-right { padding-left: 30px; margin-top: 180px; }
.descripcion-quees p.legal { font-size: 12px; text-align: center; padding: 0px 100px; margin-top: 120px; margin-bottom: 45px; }
.dropdown-item.active, .dropdown-item:active { background-color: transparent; }
#bl-datos-prod h1#titulo { color: #402a6a; font-family: dinlight; font-size: 60px; font-weight: 400; letter-spacing: 0px; font-style: normal; line-height: 60px; margin: 0 0 0px 0; text-transform: uppercase; }
#bl-datos-prod h2#bajada { color: #402a6a; font-family: dinbold; font-size: 15px; font-weight: 400; font-style: normal; line-height: 20px; margin: 0px 0 15px 0; letter-spacing: 10px; border-bottom: 1px solid #c3c3c3; padding: 0 0 5px 0; text-transform: uppercase; }
#bl-datos-prod p.texto { color: #402a6a; font-size: 18px; line-height: 20px; padding: 20px 0px; font-family: dinregular; }
#bl-datos-prod ul#datos-prod { margin: 0; padding: 0; }
#bl-datos-prod ul#datos-prod li { list-style-type: none; display: table; width: 100%; margin-bottom: 15px; }
#bl-datos-prod ul#datos-prod li figure { width: 60px; height: 50px; margin: 0 20px 0 0; padding: 0; }
#bl-datos-prod ul#datos-prod li .datos { margin: 0 0 25px 0; display: table-cell; }
#bl-datos-prod ul#datos-prod li .datos h3 { color: #402a6a; margin: 0 0 5px 0; padding: 0; font-family: dinbold; font-weight: 800; font-size: 17px; line-height: 18px; }
#bl-datos-prod ul#datos-prod li .datos p { color: #402a6a; margin: 0; padding: 0; font-family: dinregular; font-size: 18px; line-height: 20px; margin-bottom: 10px; }
#bl-datos-prod ul#datos-prod li figure { width: 60px; height: 50px; margin: 0 5px 0 0; padding: 0; display: table-cell; vertical-align: top; }
.imagen-ficha img { max-width: 100%; height: auto; }
.ficha-producto { margin-top: 135px; }
.ficha-producto .row { border-bottom: 1px solid #c3c3c3; padding-bottom: 50px; }
.instrucciones-ficha { background-color: #402a6a; padding: 60px 0px; }
.instrucciones-ficha h3 { font-family: dinbold; color: #fff; text-align: center; text-transform: uppercase; font-size: 21px; margin-top: 15px; margin-bottom: 18px; }
.instrucciones-ficha p { line-height: 24px; color: #fff; font-family: dinregular; text-align: center; font-size: 18px; padding: 0px 35px; }
.instrucciones-ficha .item { text-align: center; }
.instrucciones-ficha .item img { margin-bottom: 5px; }
.template-page-dondeteduele div#human { padding-top: 160px; padding-bottom: 70px; }
.template-page-dondeteduele #human .solapa-bot { display: none; }
.template-page-dondeteduele div#human { background-image: url(./img/bg-human.png), url(./img/franja-donde.png); background-position: center center; background-size: contain, cover; }
.list-tips .item { padding: 15px; }
.list-tips .item a { display: block; overflow: hidden; border-radius: 30px; position: relative; box-shadow: 10px 10px 10px #261546; position: relative; z-index: 2; background-image: url(img/play-icono.png); background-size: 50px; background-repeat: no-repeat; background-position-x: calc(100% - 15px); background-position-y: 15px; }
.tips { background-color: #392462; padding-bottom: 125px; }
.list-tips .item a .wrapper { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; background-image: url(./img/degradado-btn.png); background-size: contain; background-repeat-y: no-repeat; background-position-y: 2px; }
.list-tips .item a .wrapper .wrapper-txt { display: table; vertical-align: middle; width: 100%; height: 100%; }
.list-tips .item a .wrapper .wrapper-txt h2 { height: 100%; vertical-align: middle; display: table-cell; padding: 0px 15px; color: #fff; font-family: dinbold; text-transform: uppercase; line-height: 33px; font-size: 30px; }
.list-tips .item a:hover img { opacity: 1; }
.list-tips .item a img { opacity: .3; transition: .3s ease; width: 100%; height: auto; }
.tips .owl-nav { display: block !important; font-size: 50px; color: #fff; position: absolute; top: 50%; margin-top: -30px; width: 100%; }
.tips .owl-nav .owl-prev, .owl-next { color: #fff; position: relative; z-index: 1; }
.list-tips { position: relative; }
.tips .owl-nav button.owl-prev { margin-left: -30px; outline: none; }
.tips .owl-nav button.owl-next { float: right; margin-right: -30px; outline: none; }
.list-tips .owl-stage-outer { position: relative; z-index: 3; }
.banner-top-quees.contacto .wrapper { background: none !important; }
.banner-top-quees.contacto .wrapper .datos-contacto { padding-left: 50px; margin-top: 20px; }
.banner-top-quees.contacto .wrapper .datos-contacto a { color: #fff; font-family: dinbold; }
.banner-top-quees.contacto .wrapper .datos-contacto a h3 { font-size: 48px; transition: .3s ease; }
.banner-top-quees.contacto .wrapper .datos-contacto a:hover h3 { opacity: 0.4; }
.banner-top-quees.contacto .wrapper p { width: auto; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
.contacto ul.sociales li { display: inline-block; font-size: 24px; margin-right: 10px; }
.contacto ul.sociales { margin-left: 10px; margin-top: 25px; }
.contacto ul.sociales li a { color: rgba(255, 255, 255, 1); transition: .3s ease; }
.contacto ul.sociales li a:hover { opacity: 0.4; color: rgba(255, 255, 255, 0.5); }
.visible-xs { display: none; }
.category .articulos-post { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.category .articulos-post img { width: 100%; height: auto; }
.category { background-color: #392462; padding-bottom: 95px; }
.articulos-post .item .pestana h4.fecha { font-size: 10px; text-transform: uppercase; color: #45306e; }
.category .articulos-post .item .pestana h3 { margin-bottom: 2px; }
.articulo .banner-top-quees .wrapper p { width: auto; }
.articulo .banner-top-quees .wrapper h1 { font-size: 70px; line-height: 75px; }
.articulo .contenido-articulo { background-color: #392462; padding-bottom: 100px; }
.articulo .contenido-articulo .txt h1 { font-family: dinlight; color: #fff; font-size: 45px; margin-bottom: 15px; }
.articulo .contenido-articulo .txt h2 { font-family: dinlight; color: #fff; font-size: 34px; margin-bottom: 15px; }
.articulo .contenido-articulo .txt h3 { font-size: 20px; color: #fff; font-family: dinlight; margin-bottom: 15px; }
.articulo .contenido-articulo .txt p { color: #fff; font-family: dinregular; font-size: 16px; text-align: left; padding-bottom: 15px; }
.articulo .contenido-articulo .txt p a { color: #fff; text-decoration: underline; }
.contenido-articulo .imagen-post img { height: auto; width: 100%; }
.contenido-articulo .txt { padding: 0px; margin: 0 auto; display: block; }
.articulo .wrapper h3.fecha { color: #fff; font-family: dinbold; padding-left: 50px; text-transform: uppercase; font-size: 15px; }
.dolor-popup .modal-content { background-color: #2f1b55; border-radius: 20px; padding: 0px; }
.dolor-popup .imagen-dolor img { width: 190%; margin-left: -45%;    /* margin-top: -29%; */ }
.dolor-popup .imagen-dolor { background-image: url(./img/bg-popup.jpg); background-size: cover; background-position: center center; text-align: center; padding-left: 30px; border-radius: 20px 0px 0px 20px; }
.dolor-popup .texto-dolor { padding-left: 40px; padding-top: 20px; padding-right: 59px; }
.dolor-popup button.close { position: absolute; right: 30px; top: 7px; color: #ffff; }
.dolor-popup .texto-dolor h2 { color: #fff; font-family: dinbold; text-transform: uppercase; font-size: 54px; line-height: 52px; margin-top: 30px; margin-bottom: 30px; }
.dolor-popup .texto-dolor p { color: #fff; font-size: 14px; font-family: dinregular; }
.dolor-popup .imagen-dolor.mobile { display: none !important; }
.articulo .banner-top-quees img { height: auto; }
.articulo .contenido-articulo { padding-bottom: 20px; }
.articulos-post .posts .item a img { height: auto; }
.dolor-popup .imagen-dolor.video-finartips { background-image: none; padding-left: 15px; padding-right: 15px; overflow: hidden; }
.dolor-popup .texto-dolor.texto-finartips { padding-left: 30px; padding-right: 30px; padding-bottom: 15px; }
.dolor-popup .imagen-dolor.video-finartips button { z-index: 3; }
.modal-finartips .modal-content { border-radius: 20px; overflow: hidden; }
.modal-finartips .texto-dolor h2 { color: #fff; font-family: dinbold; font-size: 35px; line-height: 35px; margin-top: 5px; margin-bottom: 5px; }
.dolor-popup .texto-dolor.texto-finartips h3 { color: #fff; font-family: dinregular; font-size: 21px; margin-top: 30px; }
.dolor-popup .texto-dolor.texto-finartips p { margin: 0px; }
.video1 { width: 449px; height: 286px; }
.video2 { width: 449px; height: 286px; }
.video3 { width: 449px; height: 286px; }
.video4 { width: 449px; height: 286px; }
.contenido-articulo .imagen-post img { height: 450px; width: 600px; display: block; }
.col-md-5.col-xs-12.imagen-post.d-sm-none.d-none.d-md-block { display: block; position: initial; padding: 60px; }
.contenido-articulo .txt { position: initial; margin: 0 auto; padding: 0px; display: contents; }
@media (max-width:767px) {
	span.navbar-toggler-icon i { font-size: 30px; color: #201240; }
	button.navbar-toggler { outline: none; }
	header nav.navbar { padding: 15px; }
	nav.navbar #menuppal ul li a { padding: 10px 0px; text-align: center; margin-right: 0px; }
	header nav.navbar { position: relative; }
	nav.navbar-fixed { position: relative !important; }
	.dropdown-menu { margin: 0px; border-radius: 0px; border: 0px; border-top: 5px solid #201240; background-color: rgba(255, 255, 255, 0.8); padding: 0px; }
	.dropdown-menu a { padding: 12px 15px 5px !important; border-top: 1px solid #c7c7c7; font-size: 13px; }
	.dropdown-menu a:hover { background-color: transparent; }
	#video-finartrit .wrapper-center .info .txt p { font-size: 16px; margin-bottom: 4px; }
	#video-finartrit .wrapper-center .info .txt a.boton { font-size: 12px; margin-top: 15px; }
	.productos-finartrit ul li h3 { font-size: 22px; margin: 15px 0px; }
	.txt-artrecientes h3 { font-size: 28px; line-height: 33px; margin-top: 0px; margin-bottom: 20px; }
	.articulos-post .item a h2 { font-size: 15px; }
	.articulos-post .item .pestana { padding: 15px; width: 100%; }
	.articulos-post .item .pestana h3 { font-size: 14px; line-height: 16px; }
	.articulos-post .item .pestana p { font-size: 12px; line-height: 14px; }
	.articulos-post .item .pestana { min-height: 146px; }
	.articulos-post .item .pestana span { font-size: 9px; border: 2px solid; padding: 2px 10px; bottom: 7px; }
	.txt-human h3 { font-size: 28px; line-height: 33px; }
	.txt-human p { font-size: 17px; text-align: center; padding: 0px; margin-bottom: 19px; }
	div#finartest h3 { font-size: 28px; line-height: 33px; margin-bottom: 5px; }
	.txt-finartest p { font-size: 17px; margin-bottom: 60px; }
	#finartest .test { padding-left: 0px; }
	.textos-medidor .descripcion .txt p { font-size: 16px; line-height: 20px; }
	.legal-medidor { font-size: 14px; }
	div#encuentranos h3 { font-size: 24px; }
	div#video-finartrit .wrapper-vertical-center { padding: 40px 0px 64px; }
	.banner-principal .owl-dots { top: -30px; }
	#video-finartrit .wrapper-center .video { width: 100%; display: block; }
	#video-finartrit .wrapper-center .info { width: 100%; display: block; margin-top: 28px; padding-left: 15px; }
	#video-finartrit .wrapper-center .info img { margin-bottom: 17px; }
	.productos-finartrit ul { display: block; }
	.productos-finartrit ul li { margin-bottom: 69px; }
	.productos-finartrit { padding: 50px 0px; }
	.txt-artrecientes h3 { text-align: center; }
	.articulos-post { padding: 0px 50px; }
	div#articulos-recientes { padding: 60px 0px; }
	#articulos-recientes .pestana-bot { bottom: 0px; margin-bottom: -18px; top: auto; }
	.visible-xs { display: block; }
	.hidden-xs { display: none; }
	.txt-human h3 { text-align: center; font-size: 28px; line-height: 33px; margin-top: 0px; margin-bottom: 20px; }
	.wrapper-human { margin-left: 0px; margin-top: 0px; margin-bottom: 45px; }
	#human .txt-human .wrapper-center { margin-top: 80px; }
	div#finartest { padding: 80px 0px 50px; min-height: auto; }
	#finartest .caja-medidor { padding: 0px 35px; }
	div#slider-huge { margin-bottom: -68px; }
	.caja-medidor .box { padding: 103px 22px 38px; border-radius: 25px; margin: 0px; }
	#encuentranos .logos-encuentranos li a img { max-width: 100%; }
	#encuentranos .sociales { position: relative; margin-top: 15px; bottom: auto; }
	div#encuentranos { padding: 36px 0px; }
	div#pie .txt-pie { width: 100%; text-align: center; padding-bottom: 20px; }
	div#pie .logo-GH { float: none; text-align: center; margin-top: 45px; }
	div#logos { padding: 25px 0px; }
	#logos .wrapper-logos ul:first-child { margin-bottom: 10px; }
	#encuentranos .logos-encuentranos { width: 100%; display: block; }
	.banner-top-quees .wrapper h1 { font-size: 20px; padding-left: 0px; margin-bottom: -25px; }
	.banner-top-quees .wrapper p { width: 100%; margin-left: 0px; margin-top: 0px; font-size: 14px; margin-bottom: 0px; line-height: 15px; }
	.banner-top-quees .wrapper .container { padding-top: 0px; position: relative; }
	.productos-finartrit.page-quees { padding-bottom: 2px; }
	.descripcion-quees .video { margin-top: 0px; padding: 0px 15px; margin-bottom: 40px; }
	.descripcion-quees h2 { font-size: 22px; }
	.descripcion-quees p { font-size: 14px; }
	.descripcion-quees .datos-left { }
	.img-quees { float: none; }
	.img-quees img { width: 100%; }
	.descripcion-quees .datos-right { margin-top: 40px; padding-left: 0px; }
	.descripcion-quees p.legal { padding: 0px; margin-top: 40px; }
	.ficha-producto { margin-top: 0px; }
	.ficha-producto .imagen-ficha { text-align: center; margin-bottom: 30px; }
	.template-page-dondeteduele div#human { padding-top: 0px; }
	.list-tips .item a .wrapper .wrapper-txt h2 { font-size: 13px; line-height: 16px; }
	.list-tips .item a { border-radius: 15px; box-shadow: 3px 3px 5px #261546; }
	.list-tips .item { padding: 7px; }
	.tips { padding-bottom: 55px; }
	.tips .container { padding: 0px 35px; }
	.tips .owl-nav { font-size: 30px; margin-top: -19px; }
	.tips .owl-nav button.owl-prev { margin-left: -25px; }
	.tips .owl-nav button.owl-next { margin-right: -25px; }
	.banner-principal .hidden-xs { display: none !important; }
	.banner-principal .visible-xs { display: block !important; }
	.banner-top-quees.contacto .wrapper .datos-contacto { margin-top: -20px; padding-left: 0px; }
	.banner-top-quees.contacto .wrapper .datos-contacto a h3 { font-size: 16px; }
	.banner-top-quees.contacto .wrapper p { padding-left: 0px; font-size: 14px; }
	.category .articulos-post { display: block; padding-top: 30px; padding-left: 0px; padding-right: 0px; }
	.category .articulos-post .item .pestana { bottom: 0px; }
	.articulo .banner-top-quees .wrapper h1 { font-size: 30px; line-height: 28px; padding-top: 20px; margin-bottom: 0px; }
	.banner-top-quees .wrapper .container { position: absolute; bottom: 0px; }
	.contenido-articulo .txt { padding-right: 15px; padding-top: 40px; }
	.articulo .contenido-articulo .txt p { font-size: 14px; }
	.contenido-articulo .imagen-post img { margin-top: 30px; }
	.articulo .wrapper h3.fecha { padding-left: 0px; font-size: 11px; }
	.textos-medidor .descripcion .carita { display: block; margin: 0 auto 15px; text-align: center; }
	.textos-medidor .descripcion { display: block; }
	.contacto ul.sociales { padding-left: 0px; margin-top: 0px; margin-left: 0px; }
	.dolor-popup .imagen-dolor img { width: 100%; margin-left: 0px; }
	.dolor-popup .imagen-dolor { margin: 0px 15px; padding: 15px; display: none !important; }
	.dolor-popup .imagen-dolor.mobile { display: block !important; border-radius: 0px 0px 20px 20px; }
	#human .solapa-bot { top: auto; bottom: 0px; margin-bottom: -17px; }
	.dolor-popup .texto-dolor h2 { font-size: 25px; margin-bottom: 15px; line-height: 26px; }
	.list-tips { padding-top: 20px; }
	.dolor-popup .video-finartips { display: block !important; }
	.video1 { width: 259px; height: 157px; }
	.video2 { width: 259px; height: 157px; }
	.video3 { width: 259px; height: 157px; }
	.video4 { width: 259px; height: 157px; }
	.contenido-articulo .imagen-post img { height: 254px; width: 285px; display: block; padding-bottom: 20px; }
	.articulo .contenido-articulo .txt p { color: #fff; font-family: dinregular; font-size: 16px; text-align: left; padding-bottom: 15px; padding-left: 17px; padding-right: 15px; }
	#donde-comprar .wrapper-logos { display: block; }
	#donde-comprar .wrapper-logos ul li { display: block; }
	#donde-comprar .wrapper-logos ul li img { max-width: 100%; height: auto; width: auto; }
	#donde-comprar .wrapper-logos ul { display: inline-block; width: 49%; margin: 0px; }
	div#donde-comprar { padding: 30px 0px; }
	#encuentranos .logos-encuentranos li { width: 49%; padding: 0px; display: inline-block; text-align: center; margin-bottom: 16px; }
	#encuentranos .logos-encuentranos li img { max-width: 100%; height: auto; width: auto; }
}
@media (min-width:768px) and (max-width:992px) {
	span.navbar-toggler-icon i { font-size: 30px; color: #201240; }
	button.navbar-toggler { outline: none; }
	header nav.navbar { padding: 15px; }
	nav.navbar #menuppal ul li a { padding: 10px 0px; text-align: center; margin-right: 0px; }
	header nav.navbar { position: relative; }
	nav.navbar-fixed { position: relative !important; }
	#video-finartrit .wrapper-center .info .txt p { font-size: 16px; }
	#video-finartrit .wrapper-center .info .txt a.boton { font-size: 12px; margin-top: 15px; }
	.productos-finartrit ul li h3 { font-size: 22px; }
	.txt-artrecientes h3 { font-size: 28px; line-height: 33px; margin-top: 95px; }
	.articulos-post .item a h2 { font-size: 15px; }
	.articulos-post .item .pestana { padding: 15px; }
	.articulos-post .item .pestana h3 { font-size: 14px; line-height: 16px; }
	.articulos-post .item .pestana p { font-size: 12px; line-height: 14px; }
	.articulos-post .item .pestana { min-height: 146px; }
	.articulos-post .item .pestana span { font-size: 9px; border: 2px solid; padding: 2px 10px; bottom: 7px; }
	.txt-human h3 { font-size: 28px; line-height: 33px; }
	.txt-human p { font-size: 17px; }
	div#finartest h3 { font-size: 28px; line-height: 33px; }
	.txt-finartest p { font-size: 17px; }
	#finartest .test { padding-left: 0px; }
	.textos-medidor .descripcion .txt p { font-size: 16px; line-height: 20px; }
	.legal-medidor { font-size: 14px; }
	div#encuentranos h3 { font-size: 24px; }
	div#video-finartrit .wrapper-vertical-center { padding: 100px 0px; }
	.banner-top-quees .wrapper .container { padding-top: 18%; }
	.banner-top-quees .wrapper h1 { font-size: 55px; line-height: 61px; }
	.banner-top-quees .wrapper p { width: 100%; margin-left: 0px; padding-left: 56px; }
	.descripcion-quees h2 { font-size: 23px; }
	.ficha-producto { margin-top: 15px; }
	.template-page-dondeteduele div#human { padding-top: 65px; }
	.tips .container { padding: 0px 40px; }
	.list-tips .item a .wrapper .wrapper-txt h2 { font-size: 18px; line-height: 20px; }
	.banner-top-quees.contacto .wrapper .datos-contacto { margin-top: 0px; }
	.banner-top-quees.contacto .wrapper .datos-contacto a h3 { font-size: 25px; }
	.banner-top-quees.contacto .wrapper p { padding-left: 0px; font-size: 14px; }
	.visible-xs { display: none; }
	.articulo .banner-top-quees { display: table; }
	.articulo .banner-top-quees .wrapper .container { padding-top: 25px; position: absolute; bottom: 0px; }
	.articulo .contenido-articulo { padding-top: 50px; }
	.dolor-popup .texto-dolor h2 { font-size: 25px; line-height: 27px; margin: 15px 0px; }
}