/*
Template: thefox
Theme Name: TheFox Child Theme
Theme URI: http://www.thefoxwp.com
Description: <strong>A superflexible and responsive Business Theme by Tranmautritam team</strong> - <br/>Update notifications available on twitter and facebook:<br/> <a href='https://twitter.com/tranmautritam'>Follow me on twitter</a><br/> - <a href='https://www.facebook.com/tranmautritam.designer'>Join the Facebook Group</a> A theme by <a href="http://themeforest.net/user/tranmautritam?ref=tranmautritam">Tranmautritam Team</a>.
Version: 1.50
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -



*/








/************************************************************************************





Put your custom CSS below this block :)





*************************************************************************************/
.nav_type_1 ul li a, .nav_type_2 ul li a, .nav_type_3 ul li a, .nav_type_4 ul li a, .nav_type_5 ul li a, .nav_type_6 ul li a, .nav_type_7 ul li a, .nav_type_8 ul li a, .nav_type_9 ul li a, .nav_type_9_c ul li a, .nav_type_10 ul li a, .nav_type_11 ul li a, .nav_type_12 ul li a, .nav_type_13 ul li a, .nav_type_14 ul li a, .nav_type_15 ul li a, .nav_type_16 ul li a, .nav_type_17 ul li a, .nav_type_18 ul li a, .nav_type_19 ul li a, .nav_type_19_f ul li a {
	font-weight: 300 !important;
}

#header_container nav ul ul .current-menu-item li a, #header_container nav ul ul li a {
	font-weight: 100 !important;
} 	

.post-title h2 {
	font-size: 25px !important;
	letter-spacing: 0em !important;
	font-weight: 600 !important;
}


.blog h2 a.tiptip{
	font-size: 25px !important;
	letter-spacing: 0em !important;
	font-weight: 600 !important;
}

.boton-vilaboa.left{
	margin-left: 0px !important;
}

.boton-vilaboa svg{
	overflow: visible
}

.boton-vilaboa {
  position: relative;
  /*top: 50%;
  transform: translateY(-50%);*/
	  margin: 0 auto;
  width: 320px;  
	margin: auto;
	display: block;
	
	height: 64px !important;
}

.boton-vilaboa .shape {
	stroke-width: 1px;
	stroke-dashoffset: 0;
	stroke-dasharray: 760;
  fill: transparent;
  stroke: #7f7f7f;
  border-bottom: 1px solid black;
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}

.boton-vilaboa .text span{
	color: #333333 !important;
}

.boton-vilaboa svg{
	background: #fff;
}

.boton-vilaboa .text {
	
font-size: 24px;
line-height: 31px;
letter-spacing: 8px;
color: #fff;
top: -45px;
position: relative;
color: #7f7f7f;
width: 320px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
	
	
}


.boton-vilaboa .text img{
	width: 20px;
	margin-left: 10px;
	
	transition: 0.5s;
}



.boton-vilaboa:hover .text img{
	margin-left: 40px;
	transition: 0.5s;
}



.boton-vilaboa .text span{
font-size: 18px;
letter-spacing: initial;
	
}


.boton-vilaboa:hover .shape {
  
	 stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 1px;
}



.bloque-contacto{
	display: block; 
	text-align: center;
	background-color: #b8b8b8;
	padding-top: 20px;
	padding-bottom: 20px;
	
	height: 94px;
}



footer img{
	
	max-width: 25px;
	
}

.bloque-personalizado{
	height: 100vh;
	background-image: url('/wp-content/uploads/2018/02/clinica-dental-madrid.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.bloque-personalizado .bloque-contenido{
	height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-items: center;
justify-content: center;
flex-direction: column;
	padding-left: 15%;
	padding-right: 15%;
}

.texto-legal, .texto-legal a{
	color: #888888 !important;
}


@media (min-width: 957px){
.bloque-personalizado h1{
	text-transform: uppercase !important;
font-size: 25px !important;
font-weight: 100 !important;
color: #333333 !important;
	letter-spacing: 1px !important;
	
	margin-top: 60px !important;
margin-bottom: 80px !important;
	
	
}
	
}

.bloque-personalizado .bloque-botones{
	display: flex;
	justify-content: space-between;
	width: 100%;
}


.bloque-personalizado .bloque-botones .boton-vilaboa svg{
	background-color: #fff;
}

.bloque-personalizado{
	position: relative;
}

.flecha-scroll{
	position: absolute;
width: 20px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.bloque-botones{
	max-width: 1279px;
}



h2, h1{
color: #333333 !important;
font-weight: 300 !important;
font-size: 58px !important;
line-height: 73px !important;
padding-bottom: 9px !important;
letter-spacing: 1px !important;
}


a, p, span, div, li, ul, blockquote{
	color: #333333 !important;
}

.bloque-personalizado .boton-vilaboa .text{
	top: -47px;
	text-transform: uppercase;
	
}

.bloque-contacto .boton-vilaboa .text{
	width: 100%;
}


.bloque-contacto svg{
	background: none !important
}

.bloque-contacto svg rect{
	stroke: #fff !important;
}

.bloque-contacto .boton-vilaboa .text span{
	text-transform: uppercase;
	color: #fff !important;
	font-weight: 900;
	letter-spacing: 1px;
}


.bloque-contacto .boton-vilaboa{
	width: 450px !important;
}


.bloque-contacto .boton-vilaboa .shape {
	stroke-dasharray: 1086;
	stroke-width: 2px;
	
}


.bloque-contacto .boton-vilaboa:hover .shape {
  
	 stroke-dasharray: 380 540;
  stroke-dashoffset: -530;
  stroke-width: 2px;
}


.footer-personalizado .contenedor-info{
	display: flex !important;
	flex-wrap: wrap;
	padding-top: 60px;
align-items: center;
	
}

.footer-personalizado .contenedor-logos, .footer-personalizado .contenedor-contacto{
	flex: 0 0 45%;
}

.footer-personalizado .separador{
	flex: 0 0 10%;
}

.footer-personalizado .contenedor-logos{
	display: flex;
	flex-direction: column;
}

.footer-personalizado .linea-separador{
	height: 214px;
width: 1px;
margin: auto;
display: block;
background-color: #e1e1e1;
}

.contenedor-logos img{
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
}

.footer-personalizado .bloque{
	padding-bottom: 10px;
	
}

.footer-personalizado .bloque .titulo{
 display: block;
	font-weight: 900;
	font-weight: 500;
font-size: 19px;
color: #777777 !important;
padding-bottom: 6px;
padding-top: 10px;
	
}


.contenedor-contacto .info a{
	color: #888888 !important;
}

.texto-legal{
	text-align: center;
padding-top: 40px;
padding-bottom: 70px;
}

.bloque-contacto{
	    margin-top: 4px;
    margin-bottom: 4px;
}

.bloque-contacto-2{
	background-color: rgba(244,244,244,1);
}


.footer-personalizado .boton-vilaboa{
	height: 53px !important;
}

.footer-personalizado .bloque span{
	color: #888888 !important;
}


.banner-llamar-movil{
	display: none;
	width: 100%;
	background-color: #b8b8b8;
	z-index: 999;
}

.banner-llamar-movil > div{
	flex: 0 0 50%;
}

.banner-llamar-movil a {
	color: #ffff !important;
border: 1px solid;
padding: 5px 2px;
display: block;
text-align: center;
width: 80%;
margin: auto;
    margin-top: auto;
    margin-bottom: auto;
margin-top: 15px;
margin-bottom: 15px;
	text-transform: uppercase;

}

.llamar-movil{
	    border-left: 1px solid #fff;
}


@media (max-width: 1400px){
	
	h1,h2{
	color: #333333 !important;
	font-weight: 200 !important;	
	font-size: 48px !important;
	line-height: 61px !important;
	padding-bottom: 9px !important;
	letter-spacing: 1px !important;
	}
	
	
	.boton-vilaboa{
		width: 280px;
	}
	
	.boton-vilaboa svg, .boton-vilaboa rect, .boton-vilaboa .text{
		width: 280px;
	}
	
	.boton-vilaboa .text span {
    	font-size: 14px;
	}
	
	.boton-vilaboa:hover .shape {
  
	 stroke-dasharray: 140 540;
  	stroke-dashoffset: -404;
  	stroke-width: 1px;
}
	
	
}


@media (max-width: 957px){
	.bloque-contacto{
		display: none;
	}
}


@media (max-width: 767px){

	.banner-llamar-movil{
		display: flex !important;
		position: fixed;
		bottom: 0;
		right: 0;
		bottom: 0;
	}
	
	
	h1, h2 {
		font-size: 40px !important;
		line-height: 50px !important;
	}


	}


#logo_img img {
    max-width: 330px !important;
}

#menu-principal a{
	text-transform: uppercase !important;
	font-weight: 300 !important;
}


.wrapper.tf_o_visible{
	display: flex;
}


.header_bottom_nav nav{
	float: none;
	display: block;
	margin: auto;
}


.header_bottom_nav{
	border-top: 2px solid #fff !important;
}

.sub-menu * {
	background-color: #f4f4f4 !important;
}

#header_container nav ul ul, .widget_shopping_cart_content, #search-form{
	border-top: 3px solid #7777 !important;
}

.contenedor-contacto .titulo{
	display: flex !important;
}

.contenedor-contacto .redes{
	display: flex;
	margin-left: 15px;
}


.blog #fw_c{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.blog .post.ajax_post{
	flex: 0 0 30.33%
}

.post.ajax_post {
	background-color: #f6f6f6 !important;
}


.entry p {
	font-weight: 300 !important;
	font-size: 15px !important;
}


.blog h2{
	line-height: 25px !important;
}

.post.ajax_post{
	background-color: #f4f4f4;
}


.post.ajax_post .post_ctn{
	padding-left: 20px;
	padding-right: 20px;
}


.blog .more-link{
	text-transform: none !important;
	font-weight: 500 !important;
	color: #777777 !important;
	border-color: #777777 !important;
}

.blog .more-link:hover{
	background-color: #777777 !important;
		color: #fff !important;
}


@media (max-width: 767px){
	.boton-vilaboa{
		width: 240px;
		}
	
	.boton-vilaboa svg, .boton-vilaboa rect, .boton-vilaboa .text{
		width: 240px !important;
	}
	
	.boton-vilaboa .text span {
    font-size: 13px;
	}
	
	.contenedor-info{
		flex-direction: column;
	}
	
	.contenedor-info .separador{
		display: none !important;
	}
	
	.contenedor-logos img:nth-child(1){
		width: 300px;
	}
	
	
	
	.contenedor-logos img:nth-child(2){
		width: 400px;
		margin-bottom: 62px !important;
	}
	
	.contenedor-contacto{
		border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
padding-top: 20px;
padding-bottom: 20px;
	}
	
	
	.blog .post.ajax_post{
	flex: 0 0 100%
}
	
	.mt_menu .wrapper.tf_o_visible{
	padding-top: 10px;
padding-bottom: 10px;
padding-right: 25px;
padding-left: 10px;
		
		justify-content: space-between;
		
		}
	
	#nav_button_alt::before {
	 content: none !important;	
	}
	
	#mobile-menu{
		background: #f4f4f4 !important;
	}
	
	#mobile-menu .current_page_item {
    background: #ccc !important;
	}
	
	#mobile-menu .current_page_item > a {
    border-left: 2px solid #4d4d4d !important;
}
	
	#nav_button_alt img{
		max-width: 27px !important;
	}
	
	#nav_button_alt{
		z-index: 999 !important;
	}
	
	
	div.blanco-sombra{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	
	
	.texto-legal{
		padding-bottom: 100px !important;
	}
	
	
}



#to_top:hover, .b-read-now:hover {
    background: #d2d2d2 !important;
}


.bloque-contenido > img{
	animation: fadein 3s;
}


.bloque-contenido h1{
	opacity: 0;
	animation: fadein 2s;
    animation-delay: 0.7s;
  	animation-fill-mode:forwards;
}



.bloque-contenido .bloque-botones{
	opacity: 0;
	animation: fadein 2s;
    animation-delay: 1.5s;
	animation-fill-mode:forwards;
}

.page-id-6 .header_bottom_nav.nav_type_18 {
	opacity: 0;
	animation: fadein 2s;
	animation-delay: 2.5s;
	animation-fill-mode:forwards;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (max-width: 767px){
	.quitar-movil{
		display: none !important;
	}
	
	.bloque-contenido > img{
		display: none !important;
	}
	
	.bloque-contenido{
		padding-top: 81px !important;
	}
	
	
	.texto-legal{
	padding-left: 20px;
padding-right: 20px;
font-size: 12px;
		}
	
	footer .texto-redes{
		display: none !important;
	}
	
	
	footer .redes{
		margin-left: 0px !important;
		flex: 0 0 100%;
		justify-content: center;
	}
	
	footer .contenedor-contacto{
		padding-left: 20px;
		padding-right: 20px;
	}
}

footer a:hover{
	text-decoration: underline !important;
	transition: 0.4s;
}


footer a{
	text-decoration: none !important;
	transition: 0.4s;
}


.menu-item a:hover{
	opacity: 0.6;
	transition: 0.4s;
}




.menu-item a{
	opacity: 1;
}

#to_top i{
	color: #fff !important;
}


#to_top:hover i{
	color: #000 !important;
}

footer a.boton-vilaboa{
	text-decoration: none !important;
}

#fw_c .post {
	margin-bottom: 35px !important;
}

.blog h1{
width: 100%;
text-align: center;
display: block;
margin: auto;
float: none !important;
	
	padding-top: 200px !important;
padding-bottom: 200px !important;
	
	
	}


.blog .page_title_ctn{
	background-image: url('/wp-content/uploads/2018/02/blog-vilaboa.jpg');
	background-size: cover;
	background-position: top center;

}


@media (max-width: 767px){

	.blog .page_title_ctn{
		background-image: none;
		background-color: rgba(244,244,244,1) !important; 
		background-size: cover;
		background-position: top center;
	}
	
	.blog h1{
	padding-top: 10px !important;
padding-bottom: 10px !important;
	}
	
	.blog .clearfix.index_page{
		padding-top: 50px !important;
	}
	
	
	.bloque-logos-footer{
		flex-direction: column;
	}
	
	.bloque-logos-footer .uno{
		padding-bottom: 20px;
	}
	
	
	.bloque-logos-footer .dos{
		padding-bottom: 20px;
	}
	
	
	#logo_img{
		padding-left: 15px;
	}

	
}

@media (min-width: 767px){
	.blog #fw_c{
		padding-top: 0px !important;
		margin-top: -50px !important;
		z-index: 9999;
	}
	
	.blog .page_title_ctn{
		z-index: -1;
	}
	
	.blog .def_section{
		background-color: transparent;
	}
	

	#nav_button_alt{
		z-index: 9999 !important;
	}
	
}

.logo-vila{
	width: 0px !important;
	transition: 0.2s;
}

.opaque_header .logo-vila{
	width: 100% !important;
	transition: 0.8s;
}


#header_container nav ul li li a{
	font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400 !important;
}


.sub-menu *{
	    background-color: #f6f6f6 !important;
}


@media (max-width: 767px){
	.popup-equipo{
		width: 100% !important;
		height: auto !important;
	
			margin-top: 80px !important;
	
		bottom: 25px !important;
		overflow-y: scroll;
		height: 400px !important;
	}
	
	.popup-equipo .contenedor-interior{
		flex-direction: column !important;
		padding-bottom: 30px;
	}
	
	.contenido-popup > *{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.popup-equipo .puesto{
		display: block;
	}
	
	.popup-equipo .cerrar{
		padding: 0px !important;
	}
	
	.popup-equipo .imagen img{
		max-width: 288px;
padding: 0px;
    padding-bottom: 0px;
padding-bottom: 20px;
	}
	
	.contenido-popup .nombre{
		font-size: 19px !important;
	}
	
	.contenido-popup .puesto{
		font-size: 17px !important;
	}
	
	.contenido-popup .descripcion {
    font-size: 14px !important;

    line-height: 19px !important;
}
	
}


/*------ style silidario -----*/

.tit-vilaboa-solidaria {
	width: 100%;
	text-align: center;
	display: block;
	margin: auto;
	padding-top: 50px !important;
	padding-bottom: 80px !important;
}

.container-post-solidario {
	width: 1170px !important;
	padding-bottom: 90px !important;
}

.contenido-post-solidario {display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #f6f6f6 !important;
	padding: 50px;
	align-items: center;
}

.fila-solidario-txt {
	flex: 0 0 62% !important;
	text-align: center !important;
}

.fila-solidario-img {
	flex: 0 0 32% !important;
}



@media (max-width: 1170px) {
	.container-post-solidario {
		width: 100% !important;
	}
}


.let-peq {
    font-size: 13px;
    color: #c1c1c1 !important;
    line-height: 20px;
}



@media (max-width: 768px) {
.menu_slide {
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
	box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
}
}

.pnf_img {margin-top: 50px !important;}
.pnf_main_text  {  margin-top: 50px !important;  }
/* rILestudio Edit */
.idarticulo1216{display:none;}
.ctcc-left-side, ul#wp-admin-bar-root-default li span, ul#wp-admin-bar-root-default li a{
	color:#ededed !important;
}
a.ctcc-more-info-link {
    color: #dbd6c1!important;
}