/*
Theme Name: Divi Child theme of Divi
Theme URI: 
Description: Child theme of Divi theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 3.3.1
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 09 Dec 2019 15:06:51 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/*FUENTES*/
@font-face {
    font-family: 'ludicrous';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/ludicrous.woff2') format('woff2'),
         url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/ludicrous.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ludicrous-stencil';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/ludicrous-stencil.woff2') format('woff2'),
         url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/ludicrous-stencil.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-book';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-bookoblique';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-bookoblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-light';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/ludicrous-stencil.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-lightoblique';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-medium';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-mediumoblique';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-mediumoblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-oblique';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-oblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirltstd-roman';
    src: url('https://clinicaveterinariamesquegossos.com/wp-includes/fonts/avenirltstd-roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*FIN FUENTES*/
/*Whatsapp*/
.chip{
	font-size: 18px !important;	
}
/*Fin Whatsapp*/
/*Leer más*/
.box-descripcion{
    margin-top: 20px;
	margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
	cursor: pointer;
}
.box-descripcion:hover{
	text-decoration: underline;
}
.descripcion{
	margin-top:15px;
}
.seo{
	padding-bottom: 0px !important;
}
/*Fin Leer más*/
h1, h2, h3, h4, h5, h6{
	font-family: ludicrous-stencil !important;
}
.plans-gats a, .plans-goss a{
	color: #666666;
}
/*
#pla-puppy div p img, #pla-basic div p img, #pla-premium div p img, #pla-preferent div p img, #pla-senior div h6 img{
	width: 220px;
}
*/
#felina,
#dermo,
#domicili{
	width: 94%;
	margin: auto;
}
#domicili .popupaoc-image-popup a .popupaoc-img{
	width: 100% !important;
}
.servei-domicili .popupaoc-image-popup{
	padding-top: 0px;
    padding-bottom: 0px;
}
.servei-domicili .popupaoc-image-popup a img{
	width: 69%;
}
.popupaoc-image-popup{
	text-align: center;
	padding: 0px;
}
.popupaoc-link{
	font-family: ludicrous;
    font-size: 23px;
    color: #000000;
}
#imagen-modal{
	background: transparent;
	padding: 0px;
}
#imagen-modal .et_pb_row {
	margin: 0px;
    width: 100%;
}
#equip, #reverse{
	padding: 50px 0px 50px 0px;
}
.home-slider div{
	/*text-shadow: 2px 2px 2px #333 !important;*/
	text-shadow: 2px 2px 2px #fff !important;
}
.foto-calendario{
	display: none;
}
/*
.whatsappme__button{
	display: none !important;
}*/
#top-menu{
    font-family: avenirltstd-medium !important;
}
/*
.page-id-9 #top-menu li{
	padding-right: 0px !important
}
*/
.yrm-btn-wrapper .yrm-toggle-expand .yrm-button-text{
	font-family: avenirltstd-light;
	font-size: 20px !important;
}
#box-animales .et_pb_column{
	width: 33.3% !important;
	margin: auto !important;
}
#page-container{
	padding-top: initial !important;
}
#main-header{
	z-index: 1000 !important;
	position: sticky !important;
}
#encabezado{
    z-index: 2000;
    position: relative;
    background-color: #4d4d4d;
}
.centro{
	display: flex;
    justify-content: space-around;
    height: 40px;
	align-items: center;
}
.et_right_sidebar #main-content .container:before{
	display: none !important;
}
.post-template-default #page-container #et-main-area #main-content .container #content-area #left-area{
	width: 100% !important;
	padding: 0px !important;
}
.quienes-somos-boton button{
	color: #318aac !important;
	font-size: 20px;
	font-weight: 500;
	padding: 0.5em 1.2em;
	background: rgba(0,0,0,0);
	border: 2px solid;
	border-color: #000000;
	transition: all 1s ease;
	position: relative;
}
.quienes-somos-boton button:hover {
	background: #66c89c;
}
.quienes-somos-boton button a{
	color: #000000;
}
.quienes-somos-boton button a:hover {
  	color: #000000 !important;
}
.quienes-somos button{
	color: #318aac !important;
	font-size: 20px;
	font-weight: 500;
	padding: 0.5em 1.2em;
	background: rgba(0,0,0,0);
	border: 2px solid;
	border-color: #7468d6;
	transition: all 1s ease;
	position: relative;
}
.quienes-somos button:hover {
	background: #7468d6;
}
.quienes-somos button a{
	color: #ffffff;
}
.quienes-somos button a:hover {
  	color: #fff !important;
}
.fila-somos{
	display: flex;
	align-items: center;
}
#financiamiento .et_pb_text_inner .popupaoc-image-popup a .popupaoc-img{
width: 63%;
}
#parking .et_pb_text_inner .popupaoc-image-popup a .popupaoc-img{
width: 59%;
}
/*Calendario*/
/*
#field_2-5{
	width: 39% !important;
    margin: auto;
}
*/
.captcha{
	width: 75%;
    margin: auto;
}
#field_1-4 label{
	font-style: italic;
	font-size: 14px;
}
#field_2-4 label{
	font-style: italic;
	font-size: 14px;
}
#field_1-4 .dfield #fieldname8_1{
	display: none;
}
#field_2-4 .dfield #fieldname8_2{
	display: none;
}
.box-calendar{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.box-calendar .selector{
	padding: 10px 20px 10px 20px;
    border: 1px solid #7468d6;
}
.calendari-gat .dfield .fieldCalendarServicefieldname1_1, .calendari-gos .dfield .fieldCalendarServicefieldname1_2{
	display: none;
}
#mas-info{
    position: absolute;
    bottom: 155px;
}
#planes-prevencion{
	position: absolute;
    bottom: 0px;
}
/*Calendario*/
/*
#fbuilder .ui-datepicker-inline{
	max-width: 420px !important;
	margin: auto;
}
*/
#fbuilder .ui-datepicker-inline{
	max-width: 810px !important;
	margin: auto;
}
/*
#fbuilder .slots{
	width: 39% !important;
	margin: auto;
}
*/
#fbuilder .slots{
	width: 75% !important;
	margin: auto;
}
.calendari-gat .ui-datepicker-calendar .ui-state-active, .calendari-gos .ui-datepicker-calendar .ui-state-active{
	    background: #7468d6 !important;
}
.ui-datepicker-header{
	background: #7468d6 !important;
}
/*
#field_1-1 , #field_1-2, #field_1-3, #field_1-4, .ahb_list{
	width: 39% !important;
	margin: auto;
}
*/
.info-aditional .dfield{
	display: none;
}
#field_1-1 , #field_1-2, #field_1-3, #field_1-4, .ahb_list, .check-box, .info-aditional{
	width: 75% !important;
	margin: auto;
}
#field_1-1 .dfield input, #field_1-2 .dfield input, #field_1-3 .dfield input, #field_1-4 .dfield input{
	width: 100% !important;
}
/*
#field_2-1 , #field_2-2, #field_2-3, #field_2-4, .ahb_list{
	width: 39% !important;
	margin: auto;
}
*/
#field_2-1 , #field_2-2, #field_2-3, #field_2-4, .ahb_list, #field_2-5{
	width: 75% !important;
	margin: auto;
}
#field_2-1 .dfield input, #field_2-2 .dfield input, #field_2-3 .dfield input, #field_2-4 .dfield input{
	width: 100% !important;
}
#fbuilder .slots div{
	border: 1px solid #000000 !important;
}
#fbuilder .slots div a{
	color: #000000 !important;
}
/*
.pbSubmit{
	margin: 10px 10px 0px 330px !important;
	background: #7468d6 !important;
    color: #ffffff !important;
}
*/
.pbSubmit{
	margin: 10px 10px 0px 130px !important;
	background: #7468d6 !important;
    color: #ffffff !important;
}
/*Fin Calendario*/
.box-descuento{
	position: relative;
    bottom: 250px;
}
.box-descuento img{
    width: 35%;
}
/*Tratamiento láser*/
#box_carusell_gossos .et_pb_column #carusell_gossos .et_pb_text_inner .n2-section-smartslider #n2-ss-20-align .n2-padding #n2-ss-20 .n2-ss-slider-1{
	width: 55%;
	margin: auto;
}
/*Fin Tratamiento Láser*/
/*Landing*/
.landing-verde{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.formulario_descargar div span span input,
.formulario_descargar .box_mascota .desplegable span select,
.demanar_informacio div span span input{
    background: rgba(109,124,144,.1);
    border: none;
    border: 2px solid rgba(55,118,255,0);
    border-radius: 5px;
    color: #20292f;
    display: block;
    font-family: Lato,sans-serif;
    font-size: .9em;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.8em;
    margin: 16px 0;
    outline: none;
    padding: 8px 12px;
    position: relative;
    text-align: left;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    width: 100%;
}
.landing_formulario .formulario_descargar .enviar input{
	background-color: rgba(125, 143, 227, 0.8);
}
.formulario_descargar div input,
.demanar_informacio div input{
	padding: 10px 15px;
    color: #fff;
    background-color: rgba(102, 200, 156, 0.8);
    font-size: 20px;
    border: none;
	cursor: pointer;
}
/*Fin Landing*/
/*Media Query*/
@media (max-width: 1500px){
	#mas-info {
		bottom: 120px;
	}
	#planes-prevencion {
		bottom: -45px;
	}
	.box-descuento{
    	bottom: 100px;
	}
}
@media (max-width: 1366px){
	#mas-info {
		bottom: 50px;
		width: 15%;
	}
	#planes-prevencion {
		bottom: -45px;
		width: 30%;
	}
	.md-modal{
		top: 59% !important;
	}
	.modal-size_770 {
		width: 60% !important;
	}
	.md-modal .md-content_770 {
		height: 485px;
	}
}
@media (max-width: 1250px){
	#financiamiento .et_pb_text_inner .popupaoc-image-popup a .popupaoc-img{
		width: 67%;
	}
	#parking .et_pb_text_inner .popupaoc-image-popup a .popupaoc-img{
		width: 63%;
	}
	#ancla-form{
		background-size: 100%;
	}
	/*
	#fbuilder .slots {
		width: 42% !important;
	}
	*/
	#fbuilder .slots {
		width: 81% !important;
	}
	/*
	.pbSubmit{
		margin: 10px 10px 0px 305px !important;
	}
	*/
	.pbSubmit{
		margin: 10px !important;
	}
	#field_1-1, #field_1-2, #field_1-3, #field_1-4, .ahb_list, .check-box, .info-aditional{
		width: 81% !important;
	}
	#field_2-1, #field_2-2, #field_2-3, #field_2-4, .ahb_list, .check-box, .info-aditional{
		width: 81% !important;
	}
}
@media (max-width: 1024px){
	.servei-domicili .popupaoc-image-popup a img {
    	width: 90%;
	}
	.plans-gats{
		margin-top: 5px;
	}
	.plans-gats a, .plans-goss a{
		font-size: 16px;
	}
	#li div h6, #cf div h6, #dermatologia div h6, #sc div h6{
		font-size: 18px !important;
	}
	#pla-puppy div h6, #pla-basic div h6, #pla-premium div h6, #pla-preferent div h6, #pla-senior div h6{
		font-size: 18px !important;
	}
	#img-whatspp{
		background-size: 100%;
	}
	#fbuilder .slots {
		width: 100% !important;
	}
	/*
	#fbuilder .slots {
		width: 52% !important;
	}
	#field_1-1, #field_1-2, #field_1-3, #field_1-4, .ahb_list{
		width: 52% !important;
	}
	#field_2-1, #field_2-2, #field_2-3, #field_2-4, .ahb_list{
		width: 52% !important;
	}
	*/
	#field_1-1, #field_1-2, #field_1-3, #field_1-4, .ahb_list, .check-box, .info-aditional{
		width: 100% !important;
	}
	#field_2-1, #field_2-2, #field_2-3, #field_2-4, .ahb_list, .check-box, .info-aditional{
		width: 100% !important;
	}
	.pbSubmit{
		margin: 0px !important;
	}
}
@media (max-width: 980px){
	.box-descuento {
    	bottom: 700px;
	}
	#iconos-servicios .et_pb_column .et_pb_module .et_pb_text_inner p a img{
		width: 76% !important;
	}
	#domicili .popupaoc-image-popup a .popupaoc-img{
		width: 75% !important;
	}
	#mas-info{
		width: 20%;
	}
	#planes-prevencion{
		width: 45%;
	}
	#mas-info,
	#planes-prevencion{
		position: initial;
	}
	.seo{
		padding-bottom: 20px !important;
	}
	.servei-domicili .popupaoc-image-popup a img {
    	width: 45%;
	}
	.titulo-1{
		margin-top: 50px;
	}
	.titulo-2{
		margin-top: 50px;
	}
	#reverse{
		display: flex;
		flex-direction: column-reverse;
	}
	#FyP{
		display: flex;
	}
	#plans-prevencio{
		display: flex;
	}
	.modal-size_770 {
    	width: 55% !important;
	}
	.md-modal .md-content_770 div img {
    	width: 100% !important;
	}
	.whatsappme__button{
		display: initial !important;
	}
	.u-posRelative{
		display: none !important;
	}
	#fbuilder .ui-datepicker-inline{
		max-width: 100% !important;
	}
	.info-home, .btn-info{
		text-align: center !important;
	}
	#box-animales{
		padding-bottom: 20px;
	}
	#box-animales .et_pb_column{
		width: 100% !important;
	}
	#box-perros, #box-cobais, #box-gatos{
	    margin-bottom: 45px !important;	
	}
	#serveis > div{
		margin-bottom: 0px !important;
	}
	#equip > div{
		margin-bottom: 0px !important;
	}
	#equip-testimonials .et_pb_column_14{
		margin-bottom: 0px !important;
	}
	#derma > div{
		margin-bottom: 0px !important;
	}
	#plans-prevencio > div{
		margin-bottom: 0px !important;
	}
	.boton button a{
		font-size: 16px;
	}
	#atencio-client > div{
		margin-bottom: 0px !important;
	}
	#laboratori > div{
		margin-bottom: 0px !important;
	}
	#contacta > div{
		margin-bottom: 0px !important;
	}
	#ancla-form > div{
		margin-bottom: 0px !important;
	}
}
@media (max-width: 768px){
	.box-descuento {
		bottom: 900px;
	}
	.box-descuento img {
    	width: 45%;
	}
	#iconos-servicios .et_pb_column .et_pb_module .et_pb_text_inner p a img,
	#domicili .popupaoc-image-popup a .popupaoc-img{
		width: 100% !important;
	}
	#financiamiento .et_pb_text_inner .popupaoc-image-popup a .popupaoc-img,
	#parking .et_pb_text_inner .popupaoc-image-popup a .popupaoc-img{
		width: 100%;
	}
	#mas-info{
		width: 25%;
	}
	#planes-prevencion{
		width: 50%;
	}
	#slider-home{
		width: 100%;
	}
	.modal-size_770 {
    	width: 70% !important;
	}
	.md-modal {
		top: 55% !important;
	}
	#fbuilder .slots {
		width: 100% !important;
	}
	#field_1-1, #field_1-2, #field_1-3, #field_1-4, .ahb_list, .check-box, .info-aditional{
		width: 100% !important;
	}
	#field_2-1, #field_2-2, #field_2-3, #field_2-4, .ahb_list{
		width: 100% !important;
	}
	.pbSubmit{
		margin: 10px 10px 0px 0px !important;
	}
	#youtube{
		max-width: 80% !important;
	}
	#plans-prevencio{
		padding-top: 20px !important;
    	padding-bottom: 0px !important;
	}
}
@media (max-width: 568px){
	.targeta-ciudad img{
		width: 50%;
	}
	#mas-info{
		width: 30%;
	}
	#planes-prevencion{
		width: 65%;
		margin-bottom: 50px;
	}
	.servei-domicili .popupaoc-image-popup a img {
		width: 73%;
	}
	.titulo-1 span{
		font-size: 28pt !important;
	}
	.titulo-2 span{
		font-size: 28pt !important;
	}
	.md-modal .md-content_770 {
		height: 430px;
	}
	.md-modal .md-content_770 div img{
		width: 100% !important;
	}	
	.et_pb_section_0.et_pb_section{
		padding-bottom: 0px;
	}
	#ancla-form {
		padding: 10px 0px 10px 0px !important;
    	background-size: 124%;
		background-position: 100% 35%;
	}
	#calendari{
		padding-top: 0px !important;
	}
	#img-whatspp {
		background-size: 135%;
	}
	.centro{
		font-size: 12px;
	}
	#fbuilder .ui-datepicker-inline {
		max-width: 100% !important;
	}
	#fbuilder .slots {
		width: 100% !important;
	}
	#field_1-1, #field_1-2, #field_1-3, #field_1-4, .ahb_list, .check-box, .info-aditional{
		width: 100% !important;
	}
	#field_2-1, #field_2-2, #field_2-3, #field_2-4, .ahb_list, .check-box, .info-aditional{
		width: 100% !important;
	}
	.pbSubmit{
		margin: 10px 10px 0px 0px !important;
	}
}
@media (max-width: 479px){
	.box-descuento{
		position: initial;
		margin-bottom: 50px;
	}
	.box-descuento img{
		width: 100%;
	}
	#mas-info{
		width: 45%;
	}
	#planes-prevencion{
		width: 75%;
	}
	.servei-domicili .popupaoc-image-popup a img {
		width: 100%;
	}
	#caja-modal #modal2 #modal .et_pb_text_inner .modal-size_770{
		top: 63% !important;
	}
	#caja-modal #modal2 #modal .et_pb_text_inner .modal-size_770{
		width: 90% !important;
		max-width: 90% !important;
		height: 480px;
	}
	#caja-modal #modal2 #modal .et_pb_text_inner .modal-size_770 .md-content_770 {
		height: 470px;
	}
	#iconos-servicios .et_pb_column_6, #iconos-servicios .et_pb_column_7, #iconos-servicios .et_pb_column_8, #iconos-servicios .et_pb_column_9{
		width: 50% !important;
	}
	/*
	#iconos-servicios:nth-child(1), #iconos-servicios:nth-child(2), #iconos-servicios:nth-child(3), #iconos-servicios:nth-child(4){
		width: 50% !important;
	}
	*/
}
@media (max-width: 385px){
	#caja-modal #modal2 #modal .et_pb_text_inner .modal-size_770 .md-content_770 {
		height: 400px;
	}
	#box-perros, #box-cobais, #box-gatos{
		padding: 130px 0px 130px 0px !important;
	}
	#cf, #dermatologia, #sc{
		margin-bottom: 27px;
	}
	#li{
		margin-bottom: 0px;
	}
	#li div h6, #cf div h6, #dermatologia div h6, #sc div h6{
		font-size: 22px !important;
	}
	.popupaoc-link{
		font-size: 22px;
	}
	#pla-puppy div p img, #pla-basic div p img, #pla-premium div p img, #pla-preferent div p img, #pla-senior div h6 img{
		width: initial;
	}
	#pla-puppy div h6, #pla-basic div h6, #pla-premium div h6, #pla-preferent div h6, #pla-senior div h6 {
    	font-size: 28px !important;
	}
}
/*Fin Media Query*/