@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap);
@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap);

body {
font-family: 'IBM Plex Sans Condensed', sans-serif
}

.informacion-mantencion-calderas {
background: #fff;
background: -webkit-linear-gradient(bottom, #fff 31%, #fbf5f5 67%);
background: -o-linear-gradient(bottom, #fff 31%, #fbf5f5 67%);
background: linear-gradient(to top, #fff 31%, #fbf5f5 67%);
padding-left: 1.2rem !important;
padding-top: .9rem !important;
padding-right: 8.1rem !important
}

.informacion-mantencion-calderas {
padding-top: 2.6rem !important
}

.icono-whatsapp {
width: 1.3rem;
margin-right: .1rem
}

.btn-whatsapp {
background-color: #30a00a !important;
border-color: #30a00a !important;
height: 2.8rem;
padding: .6rem
}

p.block-destacados-mantencion {
height: 96px
}

h1.title-noticia-mantencion {
font-size: 23px;
margin-top: 16px;
height: 24px
}

.texto-oferta {
font-style: italic
}

.precio-mantencion-info {
font-style: italic
}

.precio-mantencion {
font-size: 33px !important;
font-weight: 300 !important;
color: #e24517 !important;
margin-bottom: 5px !important
}

h1.title-instalacion-calderas {
text-transform: uppercase;
color: #5b5b5b;
font-weight: 200;
margin-bottom: 17px;
font-size: 31px
}

p.texto-reparacion-calderas {
margin-top: 1.2rem;
font-style: oblique
}

.icono-transbank {
width: 16.8rem !important
}

.icono-instalador {
width: 9rem !important
}

.icono-metrogas {
width: 5.3rem !important
}

.caldera-grande {
width: 11.1rem !important;
left: -6.8rem !important
}

.calefon {
width: 8.3rem !important
}

.ablandador {
width: 11.2rem !important
}

.texto-regalo {
margin-bottom: -.2rem !important;
margin-top: -.7rem !important
}

.texto-instalacion {
font-size: .9rem !important;
margin-top: 0 !important
}

.texto-anwo {
font-size: .9rem !important;
line-height: .9rem !important;
margin-top: .6rem !important
}

.texto-azul {
color: #0070bd !important
}

.texto-celeste {
color: #009fe2 !important
}

.texto-alta {
text-transform: uppercase
}

.regalo {
color: ##274978;
font-size: 2rem;
font-weight: 500;
line-height: 3rem
}

.producto {
position: absolute;
width: 7.6rem;
top: 2.3rem;
left: -5.1rem
}

.instalador-autorizado {
position: absolute;
bottom: .3rem;
left: -6rem;
width: 8.4rem
}

.transbank {
width: 15.6rem
}

.metrogas {
width: 6.4rem;
margin-left: -.1rem
}

.color-yellow {
color: #E67126
}

.informacion-agua-caliente {
background: #fff;
background: -webkit-linear-gradient(bottom, #fff 31%, #fbf5f5 67%);
background: -o-linear-gradient(bottom, #fff 31%, #fbf5f5 67%);
background: linear-gradient(to top, #fff 31%, #fbf5f5 67%);
padding-left: 1.2rem !important;
padding-top: .9rem !important;
padding-right: 8.1rem !important
}

.informacion-agua-caliente p {
font-size: 1.3rem;
margin-top: 1.1rem;
line-height: 1.5rem
}

.informacion-agua-caliente h2 {
color: #f8420a;
text-transform: uppercase;
font-size: 2rem;
line-height: 2rem
}

.informacion-agua-caliente h1 {
margin-top: 1.2rem;
color: #656565;
text-transform: uppercase;
font-size: 1.8rem;
line-height: 1.8rem
}

.informacion-calefaccion {
background: #fff;
background: -webkit-linear-gradient(bottom, #fff 31%, #fbf5f5 67%);
background: -o-linear-gradient(bottom, #fff 31%, #fbf5f5 67%);
background: linear-gradient(to top, #fff 31%, #fbf5f5 67%);
padding-left: 1.2rem !important;
padding-top: .9rem !important;
padding-right: 8.1rem !important
}

.informacion-calefaccion p {
font-size: 1.3rem;
margin-top: 1.1rem;
line-height: 1.5rem
}

.informacion-calefaccion h2 {
color: #9e1e59;
text-transform: uppercase;
font-size: 2rem;
line-height: 2rem
}

.informacion-calefaccion h1 {
margin-top: 1.2rem;
color: #656565;
text-transform: uppercase;
font-size: 1.8rem;
line-height: 1.8rem
}

.informacion-mantencion-calderas p {
font-size: 1.3rem;
margin-top: 1.1rem;
line-height: 1.5rem
}

.informacion-mantencion-calderas h2 {
color: #f8420a;
text-transform: uppercase;
font-size: 2rem;
line-height: 2rem
}

.informacion-mantencion-calderas h1 {
margin-top: 1.2rem;
color: #656565;
text-transform: uppercase;
font-size: 1.8rem;
line-height: 1.8rem
}

.slide-agua-caliente-anwo {
background-image: url(../images/ablandador-de-agua-anwo.webp);
background-size: cover;
background-position: center;
height: 23.9rem
}

.slide-agua-caliente {
background-image: url(../images/agua-caliente.webp);
background-size: cover;
height: 23.9rem
}

.slide-home {
background-image: url(../images/calefacciona-tu-hogar-y-disfruta-de-tu-familia.webp);
background-size: cover;
height: 23.9rem
}

.slide-mantencion-de-calderas {
background-image: url(../images/slide-mantencion-de-calderas.webp);
background-size: cover;
height: 23.9rem
}

.slide-home-grande {
background-image: url(../images/calefacciona-tu-hogar-y-disfruta-de-tu-familia.webp);
background-size: cover;
height: 29.4rem
}

.logo {
margin-top: 32px;
margin-bottom: 32px;
display: block
}

.info-block {
color: #3a7dab;
font-weight: 200;
font-size: 20px;
line-height: 24px;
padding-top: 14px;
padding-bottom: 14px
}

.info-block strong {
font-weight: 500
}

.bg-dark {
background-color: #e67126!important
}

ul.navbar-nav {
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
color: #fff
}

ul.navbar-nav li a {
color: #fff !important
}

.slide-img {
margin-top: 11px
}

h2.title-servicios {
text-transform: uppercase;
color: #5b5b5b;
font-weight: 300;
margin-bottom: 17px
}

h1.title-noticia {
font-size: 23px
}

p.block-noticia {
height: 118px
}

p.block-destacados {
height: 124px
}

.borde-gris {
border: 1px solid #ebebeb
}

.logos-transbank {
margin-top: 19px
}

.btn-expertos {
width: 205px
}

.bg-footer {
background-color: #191b1e
}

.footer {
padding-top: 46px;
padding-bottom: 45px;
}

li.nav-item.active {
background-color: #9e1e59;
padding: 0;
margin: 0
}

.servicios-destacados {
margin-top: 72px
}

h1.title-noticia {
font-size: 23px;
margin-top: 8px;
height: 53px
}

.ofertas-destacadas {
margin-top: 86px
}

.especialidad {
margin-top: 62px
}

.img-cliente {
border: 1px solid #e7e7e7;
margin: 0 3px
}

.footer {
padding-top: 55px
}

.fondo-expertos {
background-color: #757575;
color: #fff;
padding: 61px 0;
margin-top: 84px;
padding: 24px 0
}

.btn-primary {
background-color: #2579b7;
border-color: #2579b7
}

.social-top a {
margin-left: 4px;
margin-top: 6px
}

.btn-info {
background-color: #f15121;
border-color: #f15121
}

.btn-info:hover {
background-color: #f15121;
border-color: #f15121
}

.bloque-expertos {
margin-top: 58px
}

.block-final {
height: 113px
}

.confian {
margin-top: 75px
}

.distribuidores {
margin-top: 46px;
margin-bottom: 85px
}

a.item-footer {
color: #fff
}

button.btn {
border-radius: 2px
}

.btn-naranjo {
background-color: #E67126;
border: #5889C8
}

h1.title-instalacion {
font-size: 24px;
color: #f6420d
}

.links-contacto {
font-size: 19px;
font-style: italic;
color: #2d2d2d;
text-decoration: underline
}

.tel-contacto {
margin-top: 24px;
display: block;
color: #e67126;
margin-bottom: 79px;
font-size: 35px;
font-weight: 600;
line-height: 32px;
text-decoration: none
}

.row-instalacion {
padding-top: 35px
}

.box-contacto {
margin-top: 49px
}

.box-aire {
margin-top: -7px
}

h2.title-final {
text-transform: uppercase;
color: #274978;
font-weight: 300;
margin-bottom: 17px;
font-size: 23px
}

h1.title-tipos {
text-transform: uppercase;
color: #e67126;
font-weight: 300;
margin-bottom: 17px;
font-size: 31px
}

.link-tel {
color: #e67126;
}

.link-tel-footer {
color: #fff
}

a.item-footer {
color: #fff;
font-style: italic
}

.texto-info {
text-align: right
}

.block-instalacion {
height: 51px
}

.llamenos {
font-size: 21px
}

.contactate {
color: #f74914;
font-weight: 800
}

.lista-servicios {
font-style: italic;
margin-top: 14px;
font-weight: 500
}

.title-cc {
font-size: 26px;
margin-top: 65px
}

.color-cc {
color: #e47231 !important
}

.color-pf {
color: #e67126 !important
}

.img-cc {
margin-top: 30px
}

.title-space {
margin-bottom: 42px
}

.row-aire {
margin-top: 45px
}

.img-border {
border-radius: 15px
}

.title-ejemplo {
font-size: 22px
}

.color-lista {
color: #888
}

.title-ablandadores {
font-size: 15px
}

.row-ablandador-agua {
margin-top: 32px
}

.boton-mas-informacion {
background-color: #93acbf;
border-color: #93acbf;
color: #32434f
}

.boton-ex-contactanos {
background-color: #4b5f6e;
border-color: #4b5f6e
}

.img-borde {
border: 6px solid #fff;
margin-bottom: 8px
}

.precio {
font-size: 28px;
font-weight: 300;
color: #e67126;
margin-bottom: 5px
}

h1.title-fugas {
font-size: 23px;
margin-top: 8px;
height: 30px !important
}

p.box-fugas {
margin-top: 20px !important
}

.block-fugas {
height: 84px !important
}

.form-control {
margin-top: 16px !important
}

button#boton {
margin-top: 16px !important
}

.form-contacto {
margin-top: 46px
}

.title-contacto {
font-size: 20px
}

.logo-footer {
margin-bottom: 5px
}

.caption-thumb-1 {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%)
}

.caption-thumb-1 h1 {
width: 288px;
text-align: center;
color: #fff;
font-size: 20px
}

.caption-thumb-1 p {
width: 288px;
text-align: center;
font-size: 15px;
color: #e8e8e8;
font-style: italic
}

.btn-mas-thumb {
color: #3a3a3a;
font-style: oblique;
font-weight: 700;
text-decoration: underline
}

.color-1 {
background-color: #d9b357
}

.color-2 {
background-color: #ef8533
}

.color-3 {
background-color: #b55e16
}

.color-4 {
background-color: #3c7aae
}

.color-5 {
background-color: #3492a9
}

.color-6 {
background-color: #4a8cc3
}

.cap-text {
display: block;
height: 132px;
position: relative
}

.cap-final {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%)
}

.slide-instalacion-caldera {
background-image: url(../images/instalacion-de-calderas-en-chile.webp);
background-size: cover;
background-position: center;
height: 23.9rem
}

@media only screen and (max-width :991px) and (min-width:768px) {
.btn-md {
    font-size: 8px
}

.title-noticia {
    height: 73px !important
}

p.block-noticia {
    height: 151px
}
}

@media only screen and (max-width :1200px) and (min-width:992px) {
.btn-md {
    font-size: 12px
}

.title-noticia {
    height: 73px !important
}
}

@media only screen and (max-width :480px) {
.transbank {
    width: 15.6rem;
    margin-top: 1rem
}

.metrogas {
    width: 4.9rem;
    margin-left: -.1rem;
    margin-top: -.5rem
}

.producto {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 1.1rem
}

.caldera-grande {
    width: 11.1rem !important;
    left: 50% !important
}

.instalador-autorizado {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: .8rem
}

.informacion-calefaccion {
    padding: 2.6rem 1.5rem !important
}

.informacion-agua-caliente {
    padding: 2.6rem 1.5rem !important
}

.link-tel-footer {
    color: #fff;
    line-height: 35px
}

.row-ablandador-agua>div {
    margin-bottom: 9px
}

.row-agua-2 {
    margin-top: 0 !important
}

.title-contacto {
    margin-top: 21px
}

.logo {
    width: 242px;
    margin-left: auto;
    margin-right: auto
}

.texto-info {
    text-align: center;
    line-height: 36px
}

.block-reset {
    height: auto
}

.img-ablandador {
    margin-bottom: 29px
}

.row-ablandador-agua {
    margin-top: 18px
}

.img-circle {
    margin-bottom: 33px
}

.tel-margin {
    margin-bottom: 36px
}

.servicios-destacados {
    margin-top: 26px
}

.pic-mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 22px
}

.btn {
    font-size: 13px
}

.m-mobile {
    margin-top: 26px
}

h1.title-noticia {
    font-size: 23px;
    margin-top: 8px;
    height: initial
}

.m-productos {
    margin-top: 30px
}

.m-footer {
    margin-top: 12px
}

.m-fugas {
    margin-top: 38px;
    margin-bottom: 51px
}

.block-final {
    height: 150px
}

.form-control {
    margin-top: 16px !important
}

li.nav-item.active {
    background-color: transparent;
    padding: 0;
    margin: 0
}

ul.navbar-nav.mr-auto.ml-auto {
    margin-top: 16px
}

p.block-noticia {
    height: initial
}

.img-cliente {
    margin: 5px 3px
}
}

.btn-contacto {
background-color: #189D0E;
border-color: #189D0E
}

.comunidades {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}

.banner1 {
background-image: url('../images/convenio-comunidades/banner.webp');
background-size: cover;
background-position: center;
padding: 61px 0;
padding: 24px 0;
color: white;
}


.grupo {
margin: auto;
display: flex;
justify-content: space-around;
}

.info-comunidades h2{
    color: #f8420a;
    font-size: 2rem;
    line-height: 1.6
}

.info-comunidades p{
    color: #606060;
    font-size: 1.4rem;
}

.cards-comunidades{
    background-color: #E7E8E9;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    margin: 30px;
}

.cards-comunidades h5{
    color: #f8420a;
}

.cards-comunidades p{
    color: #606060;
    font-size: 1.2rem;
}

.cards-comunidades img{
    transform: translateY(-3rem);
}

.cntr{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.png-cards{
    margin: 30px;
}

.png-cards h5{
    color: #f8420a;
    margin: 30px;
}

.fondo-azul{
    background-color: #0A1E39;
    color: #fff;
    display: flex;
    justify-content: space-around;
    font-size: 2.5vh;
    /* padding: 130px; */
}


.fondo-blanco{
    display: flex;
    justify-content: space-around;
    font-size: 2.5vh;
}

.mt-custom{
    margin-top: 10vh;
    margin-bottom: 7.5vh;
}

.bordecillo{
    border-color: black;
    border-width: 1px;
    border-style: solid;
}