@import url("http://fonts.googleapis.com/css?family=Lora");

:root {
	--maxwidth: 1200px;
	--padding-general: 0;
}

@media (max-width: 1280px) {
	:root {
		--padding-general: 0 4rem;
		--maxwidth: 100%;
	}
}

@media (max-width: 780px) {
	:root {
		--padding-general: 0 2rem;
	}
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?m3igs1');
  src:  url('fonts/icomoon.eot?m3igs1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?m3igs1') format('truetype'),
    url('fonts/icomoon.woff?m3igs1') format('woff'),
    url('fonts/icomoon.svg?m3igs1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"],
main .field-name-title:before,
.necesitas.block h2::before,
main .block.perros .views-field-body:after,
main .block.perros .views-field-body:before,
.block.presentacion .block-title-and-content:after,
.block.servicios .block-title-and-content:after,
#backtotop:before,
.views-slideshow-controls-text-previous a:before,
.views-slideshow-controls-text-next a:before,
.block.galeria h2:after,
.block.servicios h2:after,
.logo-silvia:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
	content: "\e902";
	color: white;
}

.icon-location:before {
	content: "\e1f7";
}

.icon-phone:before {
	content: "\e03f";
}

.icon-mail:before {
	content: "\e07c";
}

.icon-facebook-con-circulo:before {
	content: "\e60e";
}

.icon-twitter-con-circulo:before {
	content: "\e60f";
}

.icon-navigate-next:before {
	content: "\e609";
}

.icon-facebook:before {
	content: "\ea90";
}

.icon-twitter:before {
	content: "\ea96";
}

.icon-instagram:before {
	content: "\ea92";
}

.icon-youtube:before {
	content: "\ea9d";
}

.block.galeria h2:after {
	content: "\e907";
}

.block.servicios h2:after {
	content: "\e904";
}

.icon-bol:before {
	content: "\e905";
}



html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	background: white;
}

/** Maintenance mode **/

body.maintenance-page {
	background: #053160;
}

body.maintenance-page #logo-title {
	margin-top: 20px;
	text-align: center
}

body.maintenance-page #logo-title img {
	height: 80px;
}


body.maintenance-page #footer {
	display: none;
}

body.maintenance-page #container {
	text-align: center;
	color: white;
}

/** End maintenance mode **/

#wrapper {
	min-height: 100%;
	position: relative;
	font-family: 'Source sans 3', sans-serif;
}


@media screen and (max-width:768px) {
	#wrapper h1 {
		text-align: center;
	}
}

#wrapper #header {
	position: relative;
}


.header-sup {
	width: 100% !important;
	position: relative;
	width: 100%;
	-moz-transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}

.menu-cabecera.stickydiv {
	position: fixed;
	top: 0;
	z-index: 500;
	border-top: 3px solid #8fc541;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
	height: 60px;
	width: 100%;
	transition: all 1s;
}


@media screen and (max-width:768px) {
	.menu-cabecera.stickydiv {
		position: static;
		top: 0;
		z-index: 500;
		border-top: 0;
		box-shadow: none;
		height: auto;
		width: auto;
	}

}


.is-sticky .header-sup {
	height: 82px;
}

.header-sup-second {
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 5;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
}


/*  Menú cabecera  */

/* posicion anclas */

a#presentacion,
a#servicios,
a#testimonios,
a#nosoloperros,
a#galeria {
	display: block;
	position: relative;
	visibility: hidden;
}

a#presentacion,
a#testimonios,
a#nosoloperros,
a#galeria,
a#contacto {
	top: -250px;
}

@media screen and (max-width:768px) {
	a#presentacion {
		top: -1050px;
	}
}

a#servicios {
	top: -150px;
}

/* end posicion anclas */

.menu-cabecera.block {
	text-transform: uppercase;
	background: white;
}

@media screen and (max-width:768px) {

	.rwd-active.menu-cabecera.block {
		display: block;
		width: 180px;
		background: #393939;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 100;
	}

}

.menu-cabecera.block .block-content ul {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	display: flex;
	align-items: center;
	min-height: 60px;
	justify-content: center;
	transition: all 1s;
}

@media screen and (max-width:768px) {

	.menu-cabecera.block .block-content ul {
		width: 100%;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		justify-content: flex-start;
		padding-top: 40px;
		display: none;
	}

	.rwd-active.menu-cabecera.block .block-content ul {
		display: block;
	}

}

.menu-cabecera.block .block-content ul img {
	width: 175px;
	height: auto;
}

.menu-cabecera.block.stickydiv .content ul li.logo img {
	width: 100px;
	transition: all 1s;
}

@media screen and (max-width:768px) {
	.menu-cabecera.block .block-content ul li.logo {
		display: none;
	}
}

.menu-cabecera.block .block-content li {
	display: inline-block;
	margin: 0;
	padding: 0 14px;
}

@media screen and (max-width:768px) {
	.menu-cabecera.block .block-content li {
		padding: 0 5px;
		line-height: 99px;
	}

	.rwd-active.menu-cabecera.block .block-content li {
		line-height: normal;
		padding: 10px 15px;
	}
}

.menu-cabecera.block .block-content a {
	color: #8dc541;
	text-decoration: none;
	font-weight: bold;
	font-size: 17px;
	cursor: pointer;
}

.menu-cabecera.block .block-content li.active a.active {
	background: #8dc541;
	padding: 12px 18px;
	color: white;
	border-radius: 3px;
}

.menu-cabecera.block li.hidden {
	display: none;
}

.floating-block-active .menu-cabecera.block .block-content a {
	color: #244261;
}

.floating-block-active .menu-cabecera.block.rwd-active .content a {
	color: white;
}

.rwd-menu-controls {
	display: none;
}


@media screen and (max-width:768px) {

	.rwd-menu-controls {
		display: block;
		right: 12px;
		top: 10px;
		cursor: pointer;
		width: 22px;
		height: 22px;
		position: absolute;
	}

	.header-sup .rwd-menu-controls {
		z-index: 1;
	}

	.header-sup .region-header-ribbon-top .rwd-menu-controls {
		z-index: 7;
	}

	.rwd-active.rwd-menu-controls {
		top: 8px;
	}

	.rwd-menu-controls span {
		display: block;
		height: 2px;
		position: absolute;
		width: 100%;
		background: white;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.rwd-menu-controls span {
		font-size: 0;
	}

	.rwd-menu-controls span:nth-child(1) {
		top: 0px;
	}

	.rwd-menu-controls span:nth-child(2) {
		top: 7px;
	}

	.rwd-menu-controls span:nth-child(3) {
		top: 15px;
	}

	.rwd-menu-controls.rwd-active span:nth-child(1) {
		top: 12px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.rwd-menu-controls.rwd-active span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}

	.rwd-menu-controls.rwd-active span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

}

/*  end menú cabecera  */


main {
	color: rgb(75, 75, 75);
	min-height: 100%;
}

.not-front main {
	padding: 56px 0;
}

.not-front .field main {
	padding-bottom: 0px;
}

.region-content-front .block {
	padding: 40px 0 80px;
	position: relative;
}

/* generic blocks home */

.block.bg {
	background: #8dc541;
}

.block.bg .block-content {
	position: relative;
}

#wrapper .block.hd .block-inn {
	width: var(--maxwidth);
	padding: var(--padding-general);
	box-sizing: border-box;
	margin: 0 auto;
}

/* end generic blocks home */


/* necesitas algo */


.block.bg.necesitas {
	padding: 40px 0 80px;
	background-color: #FFFFFF !important;
	background-image: url(http://silviacangurodeperros.com/sites/default/files/bg_images/bg-necesitas.jpg) !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: center center !important;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	position: relative;
}

@media screen and (max-width:480px) {
	main .block.bg.necesitas {
		background-position: -125px center !important;
	}
}

.necesitas.block::before {
	content: '';
	background: rgba(0, 0, 0, 0.1803921568627451);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0
}

.necesitas.block h2 {
	margin-top: 120px;
	margin-bottom: 20px;
	font-family: "Lora", cursive;
	line-height: 1;
	font-size: 60px;
	font-weight: 400;
	letter-spacing: 0;
	color: white;
	text-align: center;
	position: relative;
	z-index: 5;
}

.necesitas.block h2::before {
	content: "\e900";
	height: 100%;
	width: 100%;
	position: absolute;
	top: -95px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 80px;
}

.necesitas.block.bg .block-inn p {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.075em;
	color: white;
	text-align: center;
	font-size: 21px;
	line-height: 28px;
	margin: 0;
}

/* end necesitas algo */

main .field-name-title {
	position: relative;
}



main h3 {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	margin-top: 40px;
	color: rgb(75, 75, 75);
}

main h4 {
	font-family: 'Source sans 3', sans-serif;
	letter-spacing: -0.5px;
	font-size: 14px;
	margin-top: 30px;
	color: #fd4e33;
	font-weight: 400;
	text-transform: uppercase;
}

main p {
	line-height: 22px;
	font-size: 17px;
}

main .field-name-body a {
	color: #4a3386;
	text-decoration: none;
}

main #contenido a:hover {
	border-bottom: 1px dotted #474747;
}

main #content {
	margin-top: 0px;
	width: 100%;
}

.not-front main #content {
	width: 1010px;
	margin: 0 auto;
	position: relative
}

@media screen and (max-width:1200px) {
	.not-front main #content {
		width: 90%;
	}
}

main li {
	padding: 0 20px;
	box-sizing: border-box;
}

#wrapper .field-name-body {
	font-family: 'Source sans 3', sans-serif;
	line-height: 21px;
	color: #292929;
}

.path-frontpage #wrapper .block .field-name-body {
	text-align: center;
}

#wrapper .ds-2col-stacked>.group-right {
	float: right;
	width: 45%;
}

/* bloque mapa */

.region-content-front #block-views-mapa-block {
	padding: 0;
}

/* end bloque mapa */





/* banda contacto */

.inner-ribbon:has(.region-banda-sup-footer) {
	background-image: url(../img/bg-silvia-perrita.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 -170px;
	background-size: cover;
	padding: 100px 0;
	background-color: #8dc542;
	color: #fff;
	font-family: 'Source sans 3', sans-serif;
	font-size: 16px;
}

.region-banda-sup-footer {
	width: var(--maxwidth);
	padding: var(--padding-general);
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	gap: 3rem;
}




@media screen and (max-width:1200px) {
	.region-banda-sup-footer {
		background-position: center center !important;
	}
}

@media screen and (max-width:768px) {
	.region-banda-sup-footer {
		background-position: -265px center !important;
		flex-wrap: wrap;
	}
}

@media screen and (max-width:480px) {
	.region-banda-sup-footer {
		background-position: -480px center !important;
	}
}

.region-banda-sup-footer h2 {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	color: white;
	font-weight: bold;
	position: relative;
	margin-bottom: 40px;
	margin-top: 0;
}

@media screen and (max-width:768px) {
	.region-banda-sup-footer h2 {
		text-align: center;
	}
}

.region-banda-sup-footer h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 0px;
	width: 360px;
	border: 1px solid;
	bottom: -12px;
}

@media screen and (max-width:768px) {
	.region-banda-sup-footer h2:before {
		right: 0;
		margin: auto;
		width: 100%;
	}
}

.region-banda-sup-footer .container {
	margin: 0 auto;
	width: var(--maxwidth);
	padding: var(--padding-general);
	box-sizing: border-box;
}




.region-region-banda-sup-footer {
	display: flex;
	align-items: center;
}

@media screen and (max-width:768px) {
	.region-region-banda-sup-footer {
		flex-wrap: wrap;
	}
}

.region-banda-sup-footer .block {
	width: calc(100%/2 - 25px);
	box-sizing: border-box;
}

@media screen and (max-width:768px) {
	.region-banda-sup-footer .block {
		width: 100%;
	}
}

.region-banda-sup-footer .block.reservas {
	flex: 2;
	margin-right: 50px
}

.region-banda-sup-footer .block.contacto {
	flex: 1;
}

@media screen and (max-width:768px) {

	.region-banda-sup-footer .block.reservas,
	.region-banda-sup-footer .block.contacto {
		flex: auto;
		margin: 0;
	}
}

.block.reservas a.contrato {
	background: #c05100;
	padding: 10px 15px;
	margin-top: 10px;
	display: inline-block;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}


.region-banda-sup-footer .contactar .direccion,
.region-banda-sup-footer .contactar .telefono,
.region-banda-sup-footer .contactar .correo {
	margin-bottom: 6px;
}

.region-banda-sup-footer .contactar .direccion span,
.region-banda-sup-footer .contactar .telefono span,
.region-banda-sup-footer .contactar .correo span {
	margin-left: 12px;
}

.region-banda-sup-footer .form-item:first-child {
	margin-top: 0;
}

.region-banda-sup-footer input[type='text'],
.region-banda-sup-footer input[type='email'] {
	padding: 8px 7px;
	margin-top: 0px;
	text-align: left;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 19.2px;
	line-height: 1.2rem;
	background-color: #7bb132;
	color: white;
	border: 1px solid #badf89;
	width: 100%;
	border-radius: 5p
}


.region-banda-sup-footer textarea {
	padding: 8px 7px;
	border: 0;
	background-color: #7bb132;
	border: 1px solid #badf89;
}

.region-banda-sup-footer textarea:focus,
.region-banda-sup-footer input[type='email']:focus {
	outline: -webkit-focus-ring-color auto 5px;
}

.region-banda-sup-footer #webform-component-acepto #edit-submitted-acepto {
	display: inline-block;
}

.region-banda-sup-footer #webform-component-acepto .description {
	display: inline-block;
	color: white;
}

.region-banda-sup-footer .resizable-textarea .grippie {
	background: none;
	border: 0px;
	height: 0;
}

.region-banda-sup-footer input[type='submit'] {
	color: white;
	border: 0;
	background: #c05100;
	padding: 9px 17px;
	text-align: center;
	font-family: Source sans pro, sans-serif;
	border-radius: 50px;
	font-size: 15px;
	margin-top: 10px;
}

.contacto input::placeholder,
.contacto textarea::placeholder {
	color: white;
	font-size: 1.2em;
	font-style: italic;
}

.region-banda-sup-footer .form-actions {
	margin: 4px 0 0 0;
	margin: 0.25em 0 0 0;
}

.region-banda-sup-footer .captcha .form-item.form-item-captcha-response label {
	display: inline-block;
}

.region-banda-sup-footer .captcha input[type='text'] {
	padding: 2px;
}

.region-banda-sup-footer .captcha .description {
	display: none;
}

.region-banda-sup-footer .captcha .form-item-captcha-response {
	margin: 5px;
}

.region-banda-sup-footer .form-item.webform-component-textarea {
	margin-bottom: 5px;
}


/* end banda contacto */


.field-name-field-direcci-n iframe {
	border: 3px solid #BDBDBD;
}

.field-name-field-direcci-n .simple-gmap-link {
	display: none;
}

.destacado {
	background: #BDBDBD;
	padding: 15px;
	text-align: center;
	color: #45413e;
	border-radius: 7px;
}

#sidebar-first .block {
	margin-top: 35px;
	padding-left: 35px;
}

#sidebar-first .block h2 {
	font-size: 21px;
}

#sidebar-first .block-menu ul {
	padding: 0;
	margin-bottom: 65px
}

#sidebar-first .block-menu li {
	list-style: none;
	margin: 0;
	padding: 10px 5px 10px 20px;
	border-bottom: 1px dotted grey;
	font-size: 13px;
	background: url("../imgs/list1.png") no-repeat left 15px;
	mini-bg-before.png
}

#sidebar-first .block-menu li:last-child {
	border-bottom: none;
}



/*** formulario ***/

.node-type-webform input {
	padding: 10px 10px 10px 10px;
	border: 1px solid #c8cbcc;
	font-size: 12px;
	line-height: 18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.node-type-webform input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	outline: none;
}

.node-type-webform #webform-component-datos-personales legend {
	margin-bottom: 15px;
}

.node-type-webform #webform-component-datos-personales--nombre,
.node-type-webform #webform-component-datos-personales--apellidos {
	display: inline-block;
	margin: 0;
}




/*** Cookies - Módulo EU Compilance***/

#sliding-popup .popup-content {
	width: 1010px;
}

@media screen and (max-width:1200px) {
	#sliding-popup .popup-content {
		width: 100%;
	}
}

#sliding-popup.sliding-popup-bottom {
	background: white;
	padding-top: 15px;
	box-sizing: border-box;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
}

@media screen and (max-width:768px) {
	#sliding-popup {
		min-height: 215px;
	}
}

#sliding-popup .popup-content #popup-text {
	margin: 12px 0;
}

#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text p {
	font-family: Lato, sans-serif;
	font-weight: normal;
}

#sliding-popup .popup-content #popup-text p a {
	text-decoration: none;
	color: white;
}

#sliding-popup .popup-content #popup-buttons button {
	border-radius: 0px;
	font-family: Lato, sans-serif;
	font-size: 14px;
	border: 0;
	background: #8dc541;
	padding: 15px;
	color: white !important;
	text-shadow: none;
	box-shadow: none;
}

#sliding-popup .eu-cookie-compliance-more-button {
	margin-top: 8px;
	font-size: 12px;
	color: green !important;
}

/*** end Cookies ***/

/*** table ***/
table.borde tr {
	border: 1px solid rgb(207, 207, 207);
	margin: 5px;
}

table.borde td {
	padding: 5px;
	border: 1px solid rgb(207, 207, 207);
}


/* botón clonar contenido */

ul.action-links {
	background-color: #7f1f20;
	list-style: none;
	display: inline-block;
	padding: 0 19px;
	border-radius: 5px;
	position: absolute;
	top: 45px;
	right: 0;
}

main ul.action-links li a {
	color: white;
	font-weight: bold;
}

/* end boton clonar */


/** botón ver más **/

.view-novedades .more-link {
	background: #4a3386;
	float: right;
	padding: 2px 10px;
}

main .view-novedades .more-link a {
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
}

/* end botón ver más */



/** tablas contenidos **/

.tabla-contenidos td {
	padding: 5px;
}

.tabla-contenidos td.views-field-last-updated {
	font-size: 12px;
}


/* back to top */

#backtotop {
	background: white;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
	border-radius: 50px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 10;
}

#backtotop:hover {
	height: 90px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#backtotop:before {
	content: "\e903";
	color: #12304f;
	width: 70px;
	height: 38px;
	font-size: 25px;
	top: 20px;
	text-indent: 0;
	position: absolute;
	pointer-events: unset;
	display: flex;
	justify-content: center;
}

/* end back to top*/



/* servicios */

.block.servicios {
	width: var(--maxwidth);
	margin: 0 auto;
	padding: var(--padding-general);
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 65px;
}


main .block.servicios h2 {
	background: white;
	padding: 0px 35px;
	position: relative;
	font-family: 'Lato', sans-serif;
	letter-spacing: -0.5px;
	margin: 30px 0 0;
	font-size: 38px;
	color: #252525;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width:480px) {
	main .block.servicios h2 {
		margin-bottom: 65px;
	}
}


.block.servicios h2:before {
	content: '';
	height: 1px;
	width: 380px;
	background: #d4d4d4;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -40px;
}

@media screen and (max-width:480px) {
	.block.servicios h2:before {
		width: 80%;
	}
}

.block.servicios h2:after {
	height: 30px;
	width: 55px;
	background: white;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -57px;
	color: #8dc542;
	font-size: 24px;
}

.block.servicios .view-empty {
	display: flex;
}

@media screen and (max-width:480px) {
	.block.servicios .view-empty {
		flex-wrap: wrap;
	}
}

.block.servicios .view-empty .view-servicios {
	flex: 1 145px;
	padding: 0 15px;
}

.block.servicios .view-empty .view-servicios.segunda-columna {
	text-align: right;
}

@media screen and (max-width:480px) {

	.block.servicios .view-empty .view-servicios,
	.block.servicios .view-empty .view-servicios.segunda-columna {
		text-align: center;
		flex: auto;
	}
}

.block.servicios .view-empty .view-imagen {
	flex: 2;
	padding: 65px;
	align-self: center;
}

@media screen and (max-width:1200px) {
	.block.servicios .view-empty .view-imagen {
		display: none;
	}
}

.block.servicios .view-empty .view-imagen img {
	width: 100%;
	height: auto;
}

main .servicios h3 {
	margin: 5px 0;
	font-size: 24px;
	color: #252525;
}

.block.servicios .views-field-field-icono-front {
	width: 50px;
	margin-top: 35px;
	display: inline-block;
}

.block.servicios .views-field-field-icono-front img {
	width: 100%;
	height: auto;
}

main .block.servicios .views-field-field-cuerpo p {
	line-height: 22px;
	font-size: 17px;
	color: grey;
	margin: 0;
}

.block.servicios .view-footer {
	text-align: center;
	background: #ececec;
	padding: 30px;
	border-radius: 15px;
	margin-top: 35px;
}

.block.servicios .block-title {
	position: relative;
	z-index: 5;
}

.block.servicios .view-content {
	display: flex;
	flex-wrap: wrap;
	gap: 39%;
	justify-content: space-between;
	background-image: url(../img/zara-y-cleo.jpg) !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: center center !important;
	background-size: 50% !important;
}

.block.servicios .view-content .views-row {
	width: 30%;
}


@media screen and (max-width:920px) {
	.block.servicios .view-content {
		gap: 20%;
		justify-content: space-between;
		background-image: url(../img/zara-y-cleo.jpg) !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
		background-position: center center !important;
		background-size: 50% !important;
	}

	.block.servicios .view-content .views-row {
		width: 40%;
	}
}

@media screen and (max-width:520px) {
	.block.servicios .view-content {
		flex-wrap: wrap;
		gap: 0;
		row-gap: 30px;
		background: none!important;
	}

	.block.servicios .view-content .views-row {
		width: 100%;
	}
}

main .servicios .view-footer h3 {
	margin-bottom: 20px;
}

.views-field.views-field-field-precio {
	background: #ebebeb;
	padding: 15px;
	margin-top: 30px;
	border-radius: 5px;
	position: relative;
	box-shadow: 0px 0px 6px #a1a1a1;
}

.views-field.views-field-field-precio::before {
	content: '';
	position: absolute;
	top: -19px;
	width: 1px;
	height: 1px;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 30px solid #ebebeb;
}

.primera-columna .views-field.views-field-field-precio::before {
	left: 10px;
}

.segunda-columna .views-field.views-field-field-precio::before {
	right: 10px;
}

main .views-field.views-field-field-precio p {
	margin: 0;
	font-size: 15px;
	line-height: 19px;
}

/* end servicios */

/* bloque que traer */

.block.que_traer {
	background: #ececec;
	background: url(../img/bg-patron-necesitas3.png);
	padding: 65px 0 50px 0;
}

.block.que_traer h2 {
	font-size: 26px !important;
	margin: 0 !important;
	color: #252525 !important;
}

.block.que_traer .field--name-body {
	color: #252525;
	text-align: center;
	display: flex;
	align-items: center;
}

@media screen and (max-width:520px) {
	.block.que_traer .field--name-body {
		flex-wrap: wrap;
	}
}

.block.bg.que_traer .block-content .image {
	margin: 0 50px;
	opacity: 0.8;
}

@media screen and (max-width:520px) {
	.block.bg.que_traer .block-content .image {
		width: 100%;
		margin: 40px 50px 15px;
	}
}

.block.que_traer .block-content h3 {
	margin: 5px 0;
	font-size: 24px;
	color: #252525;
}

/* end bloque que traer */

/* bloque cabecera */

.block.bg.cabecera {
	min-height: 450px;
	display: flex;
	align-items: center;
	background-color: #FFFFFF !important;
	background-image: url(../img/julio.jpg) !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: center -265px !important;
	background-size: cover !important;
	position: relative;
}


@media screen and (max-width:1480px) {
	main .block.bg.cabecera {
		background-position: center -100px !important;
	}
}

@media screen and (max-width:1200px) {
	main .block.bg.cabecera {
		background-position: center -50px !important;
	}
}

@media screen and (max-width:768px) {
	main .block.bg.cabecera {
		background-position: center center !important;
		padding: 60px 0 60px;
	}
}

.block.bg.cabecera:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #0000004d;
	top: 0;
}

main .block.hd.cabecera .logo-silvia {
	display: none;
	font-size: 0;
	text-align: center;
	margin-top: 60px;
}

@media screen and (max-width:768px) {
	main .block.hd.cabecera .logo-silvia {
		display: block;
	}
}

main .block.hd.cabecera .logo-silvia::before {
	content: "\e900";
	height: 100%;
	width: 100%;
	position: absolute;
	top: -95px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 100px;
}

main .block.hd.cabecera .slogan {
	font-family: "Lora", cursive;
	line-height: 1;
	font-size: clamp(50px, 40px + 2vw, 60px);
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 5px;
	color: white;
}

.block.hd.cabecera .field--name-body {
	z-index: 5;
	position: relative;
}

main .block.hd.cabecera .block-content p {
	text-align: center;
}

main .block.bg .block-content {
	color: white;
}

/* end bloque cabecera */


/* bloque presentacion */

.block.presentacion {
	margin-top: 60px;
	padding-bottom: 45px;
}

.block.presentacion .block-inn {
	position: relative;
}

.block.presentacion .block-title-and-content {
	padding: 67px 0;
	background-color: #FFFFFF !important;
	background-image: url("../img/bg_presentacion.jpg") !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: 500px 0px !important;
	background-size: cover !important;

}

@media screen and (max-width:768px) {
	.block.presentacion .block-title-and-content {
		background: none;
	}
}

.block.presentacion .block-title-and-content:before {
	content: '';
	height: 1px;
	width: 150px;
	background: gray;
	position: absolute;
	left: 0;
	top: 66px;
}

.block.presentacion .block-title-and-content:after {
	position: absolute;
	content: "\e904";
	top: 85px;
	left: 310px;
	z-index: 6;
	transform: rotate(-12deg);
}

@media screen and (max-width:480px) {
	.block.presentacion .block-title-and-content:after {
		content: none;
	}
}

main .block.presentacion .block-title-and-content h2 {
	position: absolute;
	left: 45px;
	top: 18px;
	z-index: 5;
	font-size: 38px;
	background: white;
	padding: 0px 35px;
	font-family: 'Lato', sans-serif;
	letter-spacing: -0.5px;
	margin: 30px 0 0;
	font-size: 38px;
	color: #252525;
	font-weight: 700;
}

@media screen and (max-width:768px) {
	main .block.presentacion .block-title-and-content h2 {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.block.presentacion .block-content {
	display: flex;
	align-items: center;
}

.side-one {
	border-left: 1px solid grey;
	position: relative;
}

@media screen and (max-width:480px) {
	.side-one {
		border: 1px solid grey;
	}
}

.side-one:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 60%;
	background: #808080;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.side-one:after {
	content: '';
	position: absolute;
	height: 12px;
	width: 75%;
	background: #8dc541;
	bottom: -6px;
	right: 0;
	left: 43px;
	z-index: 2;
}

@media screen and (max-width:480px) {

	.side-one:after,
	.side-one:before,
	.block.presentacion .block-title-and-content:before {
		content: none;
	}
}

.side-one .side-one-content {
	width: 75%;
	background: rgba(255, 255, 255, 0.8784313725490196);
	padding: 50px 50px 65px;
	margin-bottom: 0;
	margin-left: 1px;
	position: relative;
	display: flex;
	align-items: center;
}

@media screen and (max-width:960px) {
	.side-one .side-one-content {
		width: 100%;
		box-sizing: border-box;
	}
}

@media screen and (max-width:768px) {
	.side-one .side-one-content {
		flex-wrap: wrap;
	}
}

@media screen and (max-width:468px) {
	.side-one .side-one-content {
		padding: 40px 25px 20px;
		margin-left: 0;
	}
}

.side-one .side-one-content .content-inn p:last-child {
	margin-bottom: 0;
}


.side-one .side-one-content .slogan {
	order: 1;
	margin-left: 50px;
}

@media screen and (max-width:768px) {
	.side-one .side-one-content .slogan {
		width: 100%;
		margin: 50px 0 0 0;
	}
}

main .side-one .side-one-content .slogan h3 {
	font-family: Lora, serif;
	font-size: 40px;
	text-align: center;
	font-weight: normal;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

@media screen and (max-width:768px) {
	main .side-one .side-one-content .slogan h3 {
		justify-content: center;
	}
}

.side-one .side-one-content .slogan span:first-child {
	position: relative;
	margin-bottom: 20px
}

.side-one .side-one-content .slogan span:first-child:before {
	content: '';
	position: absolute;
	width: 70px;
	height: 1px;
	background: #8dc541;
	bottom: -13px;
	left: 0;
	right: 0;
	margin: auto;
}

.media {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

main .media li {
	list-style: none;
	background: #8dc541;
	height: 50px;
	color: white;
	padding: 0;
	width: 50px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
}

main .media a {
	color: rgb(75, 75, 75);
	text-decoration: none;
}



/* end bloque presentacion */

/* bloque perros y dueños */

main .block.perros {
	padding: 40px 0 80px;
	position: relative;
}

main .block.perros .block-inn {
	width: var(--maxwidth);
	padding: var(--padding-general);
	box-sizing: border-box;
	margin: 0 auto;
}

main .block.perros .block-title h2 {
	font-family: 'Lato', sans-serif;
	letter-spacing: -0.5px;
	margin: 30px 0 0;
	font-size: 38px;
	color: #252525;
	font-weight: 700;
	text-transform: none;
	position: relative;
	text-align: center;
}

main .block.perros .tarjetas {
	width: 70%;
}

@media screen and (max-width:768px) {
	main .block.perros .tarjetas {
		width: 75%;
	}
}

main .block.perros .testimonios {
	padding: 0;
}




main .block.perros .views-field-body {
	color: gray;
	margin-bottom: 40px;
	margin-top: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

main .block.perros .views-field-body:before,
main .block.perros .views-field-body:after {
	content: "\e901";
	position: absolute;
	font-size: 35px;
}

main .block.perros .views-field-body:before {
	left: -75px;
}

main .block.perros .views-field-body:after {
	right: -75px;
}

@media screen and (max-width:768px) {

	main .block.perros .views-field-body:after,
	main .block.perros .views-field-body:before {
		content: none;
	}
}

.block.perros .views-field-field-imagen .field-content {
	text-align: center;
}

.block.perros .views-field-field-imagen img {
	width: 150px;
	height: 150px;
	border-radius: 150px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}

main .block.perros .views-field-title h3 {
	color: #8dc56a;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 900;
	text-align: center;
}

.block.perros #widget_pager_bottom_testimonios-block_1 {
	margin: 15px auto 0 auto;
	display: flex;
	justify-content: center;
}



.block.perros .view-footer {
	text-align: center;
	margin-top: 38px;
}

main .block.perros .vm-testimonios {
	background: #69922f;
	padding: 15px;
	border-radius: 150px;
	min-width: 127px;
	display: inline-block;
	color: white;
	font-size: 19px;
	text-transform: uppercase;
}



/* control slideshow */

.block.perros h2 {
	position: relative;
}

.block.perros h2:before {
	content: '';
	height: 1px;
	width: 440px;
	background: gray;
	position: absolute;
	left: 0;
	top: 37px;
	right: 0;
	margin: auto;
}

@media screen and (max-width:468px) {
	.block.perros h2:before {
		width: 80%;
	}
}

.block.perros .swiper-button-prev,
.block.perros .swiper-button-next {
	background: hsla(85, 53%, 51%, 0.33);
	width: 75px;
	height: 75px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #303030;
}

.block.perros .swiper-button-next:after,
.block.perros .swiper-button-prev:after {
	font-size: 19px;
	font-weight: 900;
}

.block.perros .swiper-pagination {
	margin-top: 30px;
}

.block.perros .swiper-pagination-bullet {
	background: #8dc541;
	border-radius: 42px;
	width: 15px;
	height: 15px;
	margin-left: 7px;
	padding: 0;
}


/* end control slideshow */

/* end bloque perros y dueños */

/* bloque otra fauna */

.block.otfauna {
	padding: 40px 0;
	background-image: url("../img/bg_otras-04.png");
}

main .otfauna h3 {
	color: #252525;
	font-size: 44px;
	text-align: center;
	margin: 0;
	font-weight: normal;
	line-height: 44px;
}

/* end bloque otra fauna */

/* bloque contacto y redes sociales cabecera */

.redes-header {
	height: 40px;
	background: #8dc541;
}

.redes-header .block-content {
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: flex-end;
}

@media screen and (max-width:768px) {
	.redes-header .block-content {
		justify-content: center;
	}
}

.redes-header .redes-sociales span {
	margin-left: 15px;
}

.redes-header .redes-sociales a {
	color: white;
	text-decoration: none;
}

.redes-header .redes-sociales a i {
	;
	font-size: 17px;
}

/* end bloque contacto y redes sociales cabecera */

/* bloque galeria de imagenes */

@media screen and (max-width:480px) {
	.region-content-front .block.galeria {
		padding-bottom: 0;
	}
}

.block.galeria {
	padding: 40px 0 80px;
	position: relative;
}



.block.galeria .block-content {
	margin-top: 110px;
}

.block.galeria h2 {
	font-family: 'Lato', sans-serif;
	letter-spacing: -0.5px;
	margin: 30px 0 0;
	font-size: 38px;
	color: #252525;
	font-weight: 700;
	text-transform: none;
	position: relative;
	text-align: center;
}

.block.galeria h2:before {
	content: '';
	height: 1px;
	width: 380px;
	background: #d4d4d4;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -40px;
}

@media screen and (max-width:480px) {
	.block.galeria h2:before {
		width: 80%;
	}
}

.block.galeria h2:after {
	height: 30px;
	width: 55px;
	background: white;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -57px;
	color: #8dc542;
	font-size: 24px;
}

main .block.galeria ul.galeriamascotas {
	padding: 0;
	margin: 0;
}

@media screen and (max-width:768px) {
	main .block.galeria ul.galeriamascotas {
		margin-bottom: 70px;
	}
}

main .block.galeria ul.galeriamascotas li {
	margin: 0;
	width: 250px;
}

.block.galeria ul.galeriamascotas li img {
	height: auto;
	width: 100%;
	object-fit: cover;
	display: block;
}

main .block.galeria .owl-nav button {
	width: 50px;
	height: 50px;
	background: #8dc542a6;
}

main .block.galeria .owl-nav button span {
	font-size: 39px;
	color: white;
	top: -4px;
	position: relative;
}

.block.galeria .owl-dots {
	text-align: center;
	display: block;
	position: absolute;
	margin: 15px auto 0 auto;
	left: 0;
	right: 0;
}

@media screen and (max-width:768px) {
	.block.galeria .owl-dots {
		margin-top: 20px;
		margin-bottom: 40px;
	}
}

main .owl-carousel button.owl-dot {
	background: #8dc542;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	margin-right: 5px;
}

main .owl-carousel button.owl-dot.active {
	background: #818181;
}

/* end bloque galeria de imagenes */

/* footer */


#footer a {
	color: #5ca100;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px dotted #B8B8B8;
}

#footer h3 {
	margin: 0;
}

#footer p {
	margin: 6px 0;
}

/* end footer */

/* block footer inferior */

.block.clausulas .block-content {
	margin-top: 20px;
	font-size: 15px;
	text-align: center;
	margin: 0;
	padding: 15px;
}

/* end block footer inferior */

/* vista página testimonios */

ul.testimonios-page {
	margin: 0;
	list-style: none;
}

main ul.testimonios-page li {
	display: flex;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #e1ead5;
	padding: 0 0 30px 0;
}

@media screen and (max-width:768px) {
	main ul.testimonios-page li {
		flex-wrap: wrap;
	}
}

ul.testimonios-page li .views-field-field-imagen {
	margin-right: 35px;
}

@media screen and (max-width:768px) {
	ul.testimonios-page li .views-field-field-imagen {
		margin-right: 0;
		width: 100%;
	}
}

ul.testimonios-page li .views-field-field-imagen1200px img {
	display: block;
	border: 5px solid #8dc54154;
}

ul.testimonios-page li .views-field-field-imagen img {
	height: auto;
	box-sizing: border-box;
	max-width: 200px;
	text-align: center;
	margin: 0 auto;
}



main ul.testimonios-page li .views-field-body h3 {
	margin-top: 15px;
}

@media screen and (max-width:768px) {
	main ul.testimonios-page li .views-field-body {
		text-align: center;
	}
}

/* end vista página testimonios */

/** Maintenance mode **/

body.maintenance-page {
	background: #053160 url("../img/maintenance.jpg");
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Open sans", sans-serif;
}

body.maintenance-page #wrap {
	margin: 0 auto;
	width: var(--maxwidth);
	padding: var(--padding-general);
	box-sizing: border-box;
	background: #00000052;
	border-radius: 10px;
	box-sizing: border-box;
}



body.maintenance-page #site-logo img {
	height: 80px;
}

@media screen and (max-width:780px) {
	body.maintenance-page #site-logo img {
		max-width: 100%;
		height: auto;
	}
}

body.maintenance-page .container {
	text-align: center;
	color: white;
}

/** End maintenance mode **/