html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, br,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	}
html {  scroll-behavior: smooth;}
a {text-decoration: none!important;}
body {font-family: 'Lato', sans-serif;}
* {transition: all .3s ease .2s;}
.anclalink {    padding-top: 60px;    margin-top: -60px;}
.text-justify  { text-align: justify !important; }
.bg-head {    background-color: #2870c0!important;}
.bg-footer{    background-color: #2870c0!important; }
.c-icono { color: #ec305a!important;}

#header { z-index: 1000;    left: 0;    top: 0;    width: 100%; }
#header #menu1 {    background-color: #2870c0;}
#header #menu1 a.nav-link {    color: #fff;    font-size: 16px;    line-height: 16px;}
#header #menu1 a.nav-link:hover {    color: #000;}
#header #menu2 {box-shadow: 2px 2px 9px #444;}
#header a.nav-link {    color: #727475;    font-size: 16px;    line-height: 16px;}
#header a.nav-link:hover {    color: #000;}
#header .logo {    background: url(../img/logo.png) no-repeat;    width: 216px;    height: 57px;    display: inline-block;    background-size: contain;}
#header .icono-menu {    width: 100%;    display: inline-block;    text-align: center;    margin-bottom: 10px;    font-size: 25px;    color: #45a0d2;    padding-top: 25px;}

#inicio { padding: 100px 0 0 0;}

@media (max-width: 575.98px) {
	#header .logo {    background: url(../img/logo.png) no-repeat;    width: 250px;    height: 70px;    display: inline-block;    background-size: contain; margin-top: 10px;}
	#inicio { padding: 0;}
}

.titulopromo {font-size: 2.5rem; font-weight: bold;}
.bg-promo {background-color: #1389a2!important;}
.bg-precio {background-color: #254070!important;}

.titulos { font-size: 2.5rem;   color: #2870c0; font-weight: bold;}
.texto {    font-size: 1.2rem;}
.f_titulos {font-family: 'Asap', sans-serif;}
.header_content {    position: absolute;    left: 0;    right: 0;    top: 100%;    padding: 0;    font-size: 0;    z-index: 999; box-shadow: 0px 0px 8px #444444;}


#deptos .titulo {  color:  #42424B;  font-size: 1.5rem;    margin-bottom: 5px;    border-bottom: 1px solid #dbdbdb;    padding-bottom: 5px;    font-weight: bold;}
#deptos .sub-titulo {    flex: 1 1 auto;    font-weight: bold; z-index: 999;}
#deptos .card-title {    background: #ec305a;    color: #ffffff;    margin: 0 0 2px 0;    padding: 5px 12px;}
#deptos .bg-servicios { background-color: #0b88a3!important;}

#map-canvas {    height: 400px;}
.icono {    color: #083fa2; }

#Corte {    background-image: url(../img/bg-corte.png);    background-position: left center;    background-size: cover;  background-repeat: no-repeat; padding: 6rem 0;}
.mascotas {    color: #000; font-size: 5rem;}

@media (max-width: 575.98px) {
	.mascotas {    color: #000; text-shadow: 1px 0 20px #fff;}
	.mascotastxt{text-shadow: 1px 0 20px #fff;}
}

#ubicacion .icono {    font-size: 1.4rem;  text-align: center; color: #ec305a;margin-right: 15px;}
#ubicacion .textoicon {    text-align: center;    display: block;	font-size: 0.8em; color: #444;}
.mapa-alto { height: 400px;}


#sociallinks {    position: fixed;    bottom: 20px;    right: 20px;    z-index: 1040;}
#sociallinks .actionsDesktop {    display: flex;    background: #0dc152;    position: fixed;    z-index: 999;    box-shadow: 0 0 30px rgb(0 0 0 / 30%);    cursor: pointer;    user-select: none;    line-height: 1;    overflow: hidden;    right: 20px;    bottom: 30px;    border-radius: 100px;    transition: all 0.5s ease-out;}
#sociallinks .whatsapp-text {    position: relative;    z-index: 2;    color: #fff;    font-size: 14px;    padding: 15px 15px 15px 20px; font-weight: bold; vertical-align: sub;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;    float: left;}
#sociallinks .whatsapp-icon {    position: relative;    z-index: 2;    padding: 10px 12px;    border-radius: 0 15px 0 0;    background: rgba(0,0,0,.05);    color: #fff;    float: right;    width: auto;    font-size: 1.4rem;    display: flex;    align-items: center;}
#servicios .icono {    color: #321201;    display: inline-block;    font-size: 3rem;    margin-bottom: 15px;}

#footer .icono {    color: #272626;    width: 20px;    text-align: center;    margin-right: 5px;}
#footer .nav-link {    color: #fff;}
#footer .nav-link:hover {    color: #272626;}
#terravirtual { color: #212529; }
#terravirtual a {    color: #212529;}

@media (max-width:  575.98px) {
	body {    margin-top: 70px;}
	#header {top: 0px;}
	.titulos {    font-size: 2rem;}
}