/*
Theme Name: Villa de leyva
Theme URL: http://www.villadeleyva.in
Author: Julian Bohorquez
Description: Template del portal turístico oficial de Villa de Leyva, Colombia
*/

/* 
Azul: #009CFF; 
Gris Oscuro: #E5E5E5;
Rojo: #D33535;
*/

/*
=============================================================== Formato Básico
*/
html, body {
  height: 100%;
  margin: 0px; 
}
body{
	font-family: 'Carme', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Marcellus', serif;
	font-weight: normal;
}

/*
=============================================================== Header
*/

.header nav ul li:first-child a{
	font-family: 'Montserrat', sans-serif !important;
	transition:background 1s ease-in-out, color 0.5s linear;
}
.header nav ul li:first-child a:hover{
	background: #CCC;
	color: #000;
}
.header nav ul li ul{
	font-family: 'Carme', sans-serif;
}
.header nav ul li ul li a{
	background: transparent !important;
	font-size: 0.8rem !important;
	color: #666666 !important;
	width: auto !important;
	transition:background 1s ease-in-out, color 0.5s linear;
}
.header nav ul li ul li a:hover{
	background: #009CFF !important;
	color: #FFF !important;
}
.header nav ul li ul .current_page_item a{
	background: rgba(0,156,255,0.5) !important;
	color: #FFF !important;
}
.header .boton-buscar{
	float: right;
	margin-right: 1em;
	height: 64px;
}
.header .boton-buscar button{
	-webkit-appearance: none;
	background: transparent;
	border: none;
	margin-top: 8px;
	padding: 1em;
}
.header .boton-buscar button:hover{
	color: #D33535;
}

/*
=============================================================== Inicio
*/

.banner-home{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background: url(img/banner-home-villa-de-leyva.jpg) no-repeat center center #999999;
	background-size: 114% auto;
	background-attachment: fixed;
	box-sizing:border-box;
	overflow: hidden;
	padding: 0 0 1em;
	position: relative;
}
.banner-home .redes-sociales{
	position: absolute;
	bottom: 2em;
	left: 2em;
}
.copy h2{
	font-family: 'Carme', sans-serif;
}
.redes-sociales{
	overflow: hidden;
}
.redes-sociales a{
	background: rgba(255,255,255,0.5);
	display: table;
	float: left;
	margin-left: 10px;
	text-align: center;
	transition:background 1s ease-in-out;
}
.redes-sociales a:hover{
	background: #D33535;
}
.redes-sociales .icon-google{
	margin-left: 0;
}
.redes-sociales a{
	color: #FFF;
}
.redes-sociales a span{
	display: none;
}
.redes-sociales a:before{
	display: table-cell;
	height: 30px;
	margin-right: 0.5em;
	vertical-align: middle;
	width: 30px;
}
.banner-home #Clima p span{
	font-family: 'Carme', sans-serif;
}
.indexMainContent{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow: hidden;
	padding: 8em 0 4em;
	position: relative;
}
.indexMainContent article{
	margin: 0 auto;
	overflow: hidden;
	width: 85.11%;
}
.indexMainContent article a{
	display: block;
	float: left;
	height: 290px;
	overflow: hidden;
	width: 48.60%;
}
.indexMainContent article .wp-post-image{
	height: 100%;
	float: left;
	width: auto;
}
.indexMainContent article div{
	float: right;
	width: 48.60%;
}
.indexMainContent article div h2{
	font-size: 1.87rem !important;
	margin: 0;
	text-align: left;
}
.indexMainContent article div .more-link{
	float: none;
	height: auto;
	width: auto;
}
.index-alquilar-casas{
	padding: 3rem 0 3rem
}
.index-alquilar-casas h2{
	margin-top: 0;
	text-align: center;
}
.index-alquilar-casas .alquiler-casas{
	overflow: hidden;
	padding: 0;
}
.index-alquilar-casas .alquiler-casas article figure, .index-alquilar-casas .alquiler-casas article figure a{
	height: 280px;
}
.inicio__eventos-container h2{
	text-align: center;
	margin: 0 0 1rem;
}
.inicio__eventos-container h3{
	font-size: 2rem !important;
	margin-top: 0;
}
.alquiler-casas-tags{
	padding: 2rem 0 0;
	text-align: center;
} 
.alquiler-casas-tags a:hover{
	color: #009CFF;
	text-decoration: underline;
}
.alquiler-casas-tags span{
	color: #777;
	padding: 0 0.5rem 0;
}
#ComentariosViajeros{
	background: #F2F2F2;
	overflow: hidden;
	padding: 3em 0;
}
#ComentariosViajeros h2{
	text-align: center;
	margin: 0;
}
#ComentariosViajeros p{
	margin: 0 auto 3em;
	text-align: center;
	width: 85.11%;
}
#ComentariosViajeros article p{
	text-align: left;
	margin: 0px 0px 1em;
}
#ComentariosViajeros article p a{
	margin: 0px;
}
#ComentariosViajeros article p a:hover{
	color: #009CFF;
	text-decoration: underline;
}
#ComentariosViajeros div a{
	display: block;
	margin-bottom: 2em;
}
#ComentariosViajeros div a:before{
	margin-right: 0.5em;
}
#ComentariosViajeros div a span{
	font-family: 'Carme', sans-serif;
}
#ComentariosViajeros div a:hover span{
	color: #009CFF;
	text-decoration: underline;
}
#TwitterContainer{
	padding: 0 4em 0 6em;
}
#TwitterContainer article{
	border-bottom: dotted 1px #D33535;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
#TwitterContainer article:last-child{
	border-bottom: none;
	margin-bottom: 0;
}

.instagramContainer{
	border-left: solid 2px #D33535;
	padding: 0 6em 1em 4em;
}
.instagramContainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.instagramContainer ul li{
	position: relative;
	line-height: 0;
}
.instagramContainer ul li img{
	height: auto;
	width: 100%;
}
.instagramContainer ul li .profilePicture{
	border-radius: 50%;
	height: 48px;
	width: 48px;
}
.instagramContainer ul li figure{
	margin-bottom: 1em;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	position: absolute;
	width: 100%;
}
.instagramContainer ul li figure img{
	border:solid 2px #FFF;
	float: left;
}
.instagramContainer ul li figcaption{
	color: #FFF;
	display: table-cell;
	height: 48px;
	padding-left: 0.5em;
	text-shadow: 0 0 3px #000;
	vertical-align: middle;
}
.instagramContainer ul li .icon-corazon{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	bottom: 0;
	box-sizing:border-box;
	color: #FFF;
	left: 0;
	margin-top: 1em;
	padding: 1em;
	position: absolute;
	text-align: right;
	width: 100%;
}
.instagramContainer ul li .icon-corazon:before{
	margin-right: 0.5em;
}
.instagramContainer ul li .icon-corazon em{
	font-family: 'Carme', sans-serif;
	font-style: normal;
}

/*
=============================================================== Blog
*/

.alquiler-casas, .villa-de-leyva-1114, .villa-de-leyva-105 {
	padding: 64px 0 0 0;
}
.banner-blog{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%), url(img/banner-blog-villa-de-leyva.jpg) no-repeat center top;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url(img/banner-blog-villa-de-leyva.jpg) no-repeat center top;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url(img/banner-blog-villa-de-leyva.jpg) no-repeat center top;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
}
.blog-main-content{
	margin: 0 auto;
	overflow: hidden;
	padding: 2rem 0 0;
	width: 85.11%;
}
.blogArticle .wp-block-image .aligncenter{
    margin: auto !important;
}
.villa-de-leyva-105 section h1, .villa-de-leyva-1114 section h1{
	margin: 0.5em 0 1em 0;
	text-align: center;
}
.villa-de-leyva-105 section .wrapper{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-moz-column-fill: balance;

    -webkit-column-count: 2;
    -webkit-column-gap: 2em;

    column-count: 2;
    column-gap: 2em;
    column-fill: auto;
}
.villa-de-leyva-105 section article{
	-moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    display: inline-block;

	background: #FFF;
	border: solid 1px #D33535; 
	margin-bottom: 2em;
}
.villa-de-leyva-105 article header{
	height: auto;
	overflow: hidden;
	padding: 0;
	position: static;
	width: auto;
}
.villa-de-leyva-105 article header a{
	display: block;
	line-height: 0;
}
.villa-de-leyva-105 section article header img{
	height: auto;
	width: 100%;
}
.villa-de-leyva-105 section article header h2{
	font-size: 1.5rem;
	text-align: left;
	margin: 2rem 2rem 0.5em;
}
.villa-de-leyva-105 article header p{
	margin: 0 2rem 1rem;
}
.villa-de-leyva-105 section article .blog-container{
	padding: 0 2em 2em;
}
.villa-de-leyva-105 section article .blog-container p{
	margin: 0;
}
.villa-de-leyva-105 section article footer{
	background: #DDD;
	padding: 0.5em 2em;
	font-size: 0.9rem;
	color: #666;
}
.villa-de-leyva-105 section article footer .icon-comentario:before{
	margin-right: 0.5em;
}
.villa-de-leyva-105 section article footer em{
	font-family: 'Carme', sans-serif;
}

/*
=============================================================== Artículo del Blog
*/

.postWithImage .breadcrumbs li{
	color: #FFF;
}
.blogArticle article .blog-container{
	margin: 0 auto;
	padding: 2em 0 0;
	width: 72.61%;
}
.blogArticle article .blog-container h2{
	font-size: 1.8rem;
}
.blogArticle article .blog-container h3{
	font-size: 1.6rem;
}
.blogArticle article .blog-container h4{
	font-size: 1.4rem;
}
.blogArticle article .blog-container p{
	margin-top: 0;
}
.blogArticle article .blog-container ul{
	list-style: none;
	padding-left: 2em;
}
.blogArticle article .blog-container ul li:before{
	color: #D33535;
	content: '⧐';
	margin-right: 0.5em;
}
.blogArticle article .wp-caption{
	margin: 0 auto 1em;
	overflow: hidden;
	position: relative;
	width: 65.57% !important;
}
.blogArticle article .wp-caption img{
	border: solid 10px #FFF;
	box-sizing:border-box;
	height: auto;
	width: 100%;
}
.blogArticle article .wp-caption .wp-caption-text{
	bottom: 0;
	color: #333;
	font-size: 0.9rem;
	font-style: italic;
	right: 0;
	text-align: left;
	width: 100%;
}
.blogArticle article footer{
	background: transparent;
	padding: 1em 0 0;
	width: auto;
	margin: 0 auto 2em;
	width: 72.61%;
}
.blogArticle article footer h4{
	text-align: center;
	margin: 1rem 0;
}

.blog-container iframe{
	display: block;
	height: 500px;
	margin: 0 auto;
	width: 100%;
}

/*
=============================================================== Redes Sociales
*/

.social-share{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.social-share li{
	background: rgba(211,53,53,0.6);	
	margin: 0 1rem;
	transition:background 0.5s ease-in-out, color 0.5s linear;
}
.social-share li:before{
	display: none;
}
.social-share li:hover{
	background: rgba(211,53,53,1);
}
.social-share li a{
	color: #FFF;
	display: flex;
	align-items: center;
	font-size: 1rem !important;
	height: 30px;
	text-align: center;
	width: 30px;
}
.social-share li a:hover{
	color: #FFF !important;
	text-decoration: none !important;
}
.social-share li a span:before{
	display: table-cell;
	height: 30px;
	vertical-align: middle;
	width: 30px;
}

/*
=============================================================== Index Eventos
*/

.banner-eventos{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%), url(img/banner-eventos-villa-de-leyva.jpg) no-repeat center top;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url(img/banner-eventos-villa-de-leyva.jpg) no-repeat center top;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url(img/banner-eventos-villa-de-leyva.jpg) no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
}
.eventos-main-content{
	padding: 1rem 0;
}
.eventos-main-content .evento{
	box-sizing: border-box;
	padding: 1rem;
	position: relative;
}
.eventos-main-content .evento a{
	display: block;
}
.evento figure a{
	line-height: 0;
}
.evento figure img{
	height: auto;
	width: 100%;
}
.evento .evento-texto{
	background: #D33535;
}
.evento .evento-texto h2{
	font-size: 1.25rem !important;
	margin: 0;
}
.evento .evento-texto h2 a{
	color: #FFF;
	padding: 1rem 1rem 0.5rem;
}
.evento .evento-texto .fecha-inicio{
	color: #DDDDDD;
	padding: 0 1rem 1rem;
}
.evento .evento-texto .evento-over{
	background: rgba(0,0,0,0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	transition: all 0.5s ease-in-out;
}
.evento .evento-texto .evento-over:before{
	box-sizing:border-box;
	display: block;
	content: "≫";
	font-size: 3.12rem;
}
.evento:hover .evento-over{
	opacity: 1;
}

/*
=============================================================== Pagina Single Eventos
*/

.eventArticle article header .bonton-borde{
	background: #D33535 !important;
	color: #FFF;
	margin-top: 2rem;
}
.eventArticle article header .bonton-borde:hover{
	background: #009CFF !important;
	border:solid 1px #009CFF;
}
.publicado-fecha{
	font-family: 'Carme', sans-serif;
}
.publicado-fecha:before{
	font-style: normal;
	margin-right: 0.5em;
}
.publicado-fecha span{
	font-family: 'Carme', sans-serif;
}

/*
=============================================================== Comentarios
*/
.comment-respond{
	margin: 0px auto;
	overflow: hidden;
	padding: 0 0 2em;
	width: 72.61%;
}
.comment-respond ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.comment-respond ul li{
	margin-bottom: 1em;
}
.comment-respond ul li cite{
	background:#FFF;
	border-radius: 20px;
	border:solid 1px #FE9500;
	display: block;
	font-style: italic;
	padding: 2rem;
	text-align: center;
}
.comment-respond ul li cite:before{
	content: '"';
}
.comment-respond ul li cite:after{
	content: '"';
}
.comment-respond ul li .author{
	display: inline-block;
	font-weight: bold;
	margin: 0 0 0 40px;
	padding: 10px 0 0 15px;
}
.comment-respond ul li .author:before{
	background:#FFF;
	border:solid 1px #FE9500;
	border-left: none;
	border-top: none;
	content: " ";
	height: 20px;
	margin: -21px 0 0 -15px;
	position: absolute;
	transform:rotate(45deg);
	width: 20px;
}
.comment-respond ul li time{
	display: inline-block;
	font-style: italic;
	margin-left: 0.5em;
}
.comment-respond ul li time:before, .comment-respond ul li .boton-responder:before{
	color: #FE9500;
	content: "|";
	font-style: normal;
	margin-right: 0.5em;
}
.comment-respond ul li .boton-responder{
	display: inline-block;
	margin: 0 0 0 0.5em;
	padding: 10px 0 0;
}
.comment-respond ul li .boton-responder a{
	
}
.comment-respond ul li .boton-responder a:after{
	content: "⇝";
}
.comment-respond ul ul{
	padding-left: 15%;
}
#respond{
	padding: 2em 0 0;
	border-top: dotted 1px #FE9500;
}
.comment-respond h3{
	border-bottom: none !important;
	text-align: center;
	margin-top: 0;
}
.comment-respond form{
	margin: 0 auto;
	width: 80%;
}
.comment-respond form .logged-in-as{
	text-align: center;
}
.comment-respond form label{
	display: inline-block;
	margin-right: 2%;
	text-align: right;
	width: 40%;
}
.comment-respond form input, .comment-respond form textarea{
	border:none;
	width: 48%;
	padding: 5px;
}
.comment-respond form .comment-form-comment{
	position: relative;
	overflow: hidden;
}
.comment-respond form .comment-form-comment label{
	position: absolute;
	top: 0;
}
.comment-respond form .comment-form-comment textarea{
	margin-left: 42.6%;
}
.form-allowed-tags{
	font-size: 0.7rem;
	line-height: 1em;
	text-align: center;
}
.comment-respond form #submit{
	background:transparent;
	border:solid 1px #FE9500;
	display: table;
	margin: 0 auto;
	padding: 0.5em 1em;
	text-transform: uppercase;
}

/*
=============================================================== Home alquiler de casas en Villa de Leyva
*/

.alquiler-casas .main-content-list-casas{
	box-sizing:border-box;
	padding: 1rem 0;
	width: 75%;
}
.alquiler-casas .main-content-list-casas .sinRespuesta h3{
	font-size: 1.2rem;
	margin-top: 0;
	text-align: center;
}
.cabezote-alquiler-casas{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%), url(img/alquiler-casas-fincas-cabanas-villa-de-leyva.jpg) no-repeat center top;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url(img/alquiler-casas-fincas-cabanas-villa-de-leyva.jpg) no-repeat center top;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url(img/alquiler-casas-fincas-cabanas-villa-de-leyva.jpg) no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
}
.casas-destacadas{
	margin-bottom: 2em;
	overflow: hidden;
}
.casas-destacadas article{
	border-bottom: none !important;
}
.alquiler-casas section h1 strong{
	font-weight: normal;
	display: block;
	font-size: 2rem;
}
.alquiler-casas .main-content-list-casas h2{
	border-bottom:solid 1px #D33535;
	font-size: 1.5rem !important;
	margin: 0 1rem 1.5rem;
	text-align: left;
	text-transform: uppercase;
}
.alquiler-casas article{
	box-sizing:border-box;
	background: transparent;
	border-bottom:solid 1px #D33535;
	float: left;
	margin: 0 1.58% 1rem;
	padding-bottom: 1rem; 
	width: 30.15%;
	transition:background 1s ease-in-out;
}
.alquiler-casas article:hover{
	background: #FFF;
}
.alquiler-casas article:hover img{
	height: 100%;
	width: 100%;
	margin: 0;
}
.alquiler-casas article:hover h3 a{
	color: #000;
	padding: 0.5rem 0 0 1em;
}
.alquiler-casas article:hover header p a{
	padding: 0 0 0.5em 1em;
}
.alquiler-casas article:hover .blog-container p a{
	color: #202020;
}
.alquiler-casas article:hover .blog-container .capacidad a{
	color: #009CFF;
	font-style: italic;
}
.alquiler-casas article .blog-container .descripcion .icon-lugar{
	margin-left: 0;
}
.alquiler-casas article a{
	display: block;
}
.alquiler-casas article p{
	margin: 0;
}
.alquiler-casas article header{
	background: transparent;
	height: auto;
	position: static;
	width: auto;
}
.alquiler-casas article header figure{
	height: 213px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
.alquiler-casas article header figure a{
	height: 213px;
	line-height: 0;
	position: relative;
}
.alquiler-casas article header figure a .promo{
	position: absolute;
	z-index: 30;
	padding: 5px 0;
	display: block;
	width: 200px;
	background: #D33535;
	color: #000;
	font-size: 0.9rem;
	text-align: center;
	line-height: normal;
	transform:rotate(-45deg);
	top: 28px;
	left: -55px;
}
.alquiler-casas article header figure a img{
	height: 120%;
	width: 120%;
	margin: -5% 0 0 -10%;
	transition:all 1s ease-in-out;
}
.alquiler-casas article header h3{
	font-size: 1.5rem !important;
	margin: 0;
}
.alquiler-casas article header h3 a{
	color: #333;
	padding: 0.5rem 0.5rem 0;
	transition:padding 1s ease-in-out;
}
.alquiler-casas article header p a{
	padding:0 0.5rem 0.5em;
	transition:padding 1s ease-in-out;
	-moz-transition:padding 1s ease-in-out;
}
.alquiler-casas article .blog-container p a{
	color: #444;
	font-size: 1.1rem;
	padding: 0 0.5rem;
	transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
}
.alquiler-casas article .blog-container .capacidad a{
	color: #555;
	font-style: italic;
	font-size: 1rem;
	padding-bottom: 0.3rem;
	transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
}
.alquiler-casas .main-content-aside{
	box-sizing:border-box;
	padding:1rem;
	width: 25%;
}
.alquiler-casas #FormBuscarCasa{
	box-sizing:border-box;
	border:none;
	margin-bottom: 10px;
	padding: 10px;
	text-transform: uppercase;
	width: 100%;
}
.cajaBusqueda .cta-bot{
	display: table;
	font-size: 1rem;
	padding: 1rem 2rem;
}
.alquiler-casas #BuscarCasaBoton{
	margin-bottom: 2rem;
}
.alquiler-casas aside form div{
	margin-bottom: 2em;
}
.alquiler-casas aside form h4{
	border-bottom: solid 1px #D33535;
	margin: 0 0 15px 0;
	font-family: 'Carme', sans-serif;
	font-size: 1em !important;
	text-transform: uppercase;
}
.alquiler-casas aside form label{
	display: block;
	color: #D33535;
	cursor: pointer;
	margin-bottom: 10px;
}
.alquiler-casas aside form label:hover{
	color: #009CFF;
	text-decoration: underline;
}
.alquiler-casas aside form label:after{
	content: "⇝";
	padding-left: 0.5em;
}
.alquiler-casas aside form input[type="radio"]{
	margin-right: 5px;
}

/*
=============================================================== Página de casa individual
*/
.icon-lugar{
	margin-left: 1.2em;
}
.icon-ubicacion::before, .icon-lugar::before, .icon-capacidad::before {
    font-style: normal;
    margin-right: 0.5em;
}
.wrapper-alquiler-casas{

}
.casa-villa-leyva article{
	overflow: hidden;
}
.casa-villa-leyva article .blog-container{
	box-sizing:border-box;
	float: left;
	margin-bottom: 2em;
	padding: 0 3.27%;
	width: 70%;
}
.casa-villa-leyva article .blog-container h3{
	font-size: 1.5rem !important;
	margin: 1.2rem 0 0;
	text-transform: uppercase;
	border-bottom: solid 1px #D33535;
}
.casa-villa-leyva article .blog-container a:hover{
	color: #444;
	text-decoration: underline;
}
.casa-villa-leyva article .blog-container ul {
    list-style: outside none none;
    padding-left: 1.5em;
}
.casa-villa-leyva article .blog-container ul li {
    list-style: none;
}
.casa-villa-leyva article .blog-container ul li::before {
    color: #D33535;
    content: "⧐";
    margin-right: 0.5em;
}
.casa-villa-leyva article aside{
	align-self: flex-start;
	background: #FFF;
	box-shadow: 0 1px 4px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
	box-sizing:border-box;
	float: right;
	margin-top: -84px;
	width: 30%;
	position: relative;
	z-index: 888;
}
.casa-villa-leyva aside h4 {
    margin: 0 0px 15px;
    font-family: "Carme",sans-serif;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
}
.casa-villa-leyva aside p{
	font-size: 1rem;
}
.casa-villa-leyva aside .caja{
	padding: 1rem 2rem;
}
.casa-villa-leyva aside .caja p{
	color: #FFF !important;
	margin: 0;
}
.casa-villa-leyva aside .caja .text-descript{
	display: block;
	font-size: 0.8rem;
}
.casa-villa-leyva aside .caja .precio{
	font-size: 1.3rem;
}
.casa-villa-leyva aside .tarifa-plena{
	background: #D33535;
	box-sizing: border-box;
	height: 84px;
	padding: 0 2rem !important;
	width: 100%;
}
.casa-villa-leyva aside .tarifa-plena .tpa-container{
	display: table-cell;
	height: 84px;
	vertical-align: middle;
	width: 100%;
}
.casa-villa-leyva aside .persona-adicional{
	background: #FF4D4D;
}
.casa-villa-leyva aside .caja.persona-adicional{
	padding: 0.5rem 2rem;
}
.casa-villa-leyva aside .promociones{
	padding: 2rem;
}
.casa-villa-leyva aside .reservas{
	background: #DDD;
	padding: 2rem;
}
.casa-villa-leyva aside .reservas-telefono{
	display: block;
    color: #FFF;
    margin: auto;
    text-align: center;
    padding: 1rem 2rem;
    width: fit-content;
    background-color: #25d366;
    border-radius: 8px;
}
.casa-villa-leyva aside .reservas-destacado{
	color: #D33535;
	font-size: 1.3rem;
	text-align: center;
}
.casa-villa-leyva aside .promociones p{
	border-bottom: solid 1px #D33535;
	line-height: normal;
	margin: 0 0 1rem;
	padding: 1rem 5px;
}
.casa-villa-leyva aside .nota{
	background: #EBEBEB;
	padding: 2rem 2rem;
}
.casa-villa-leyva aside .nota p{
	font-size: 1rem;
	font-style: italic;
	line-height: normal;
	margin: 0;
	text-align: center;
}
.casa-villa-leyva aside .reservas p:last-child{
	border-bottom: none;
}
.casa-villa-leyva aside .reservas iframe{
	padding: 0 0 0 1em;
}
.casa-villa-leyva article footer {
    background: transparent none repeat scroll 0% 0%;
    clear: both;
    margin-bottom: 2em;
    padding: 0px;
}
.casa-villa-leyva article footer h4{
	font-size: 1.3rem;
	margin: 0 0 15px !important;
	text-align: center;
}
.casa-villa-leyva article .comment-respond{
	width: 90% !important;
}
.bodas-eventos{
	margin-top: 1rem; 
}
.info-destacada p{
	color: #222;
	margin: 0.6rem 0;
}
.info-destacada p span:before{
	color: #D33535;
	margin-right: 0.5rem;
}
.galeria-casas{
	padding: 2em 0 0 !important;
	overflow: hidden;
}
.galeria-casas .wp-caption{
	box-sizing:border-box;
	line-height: 0;
	overflow: hidden;
	position: relative;
}
.galeria-casas .wp-caption .img-protector{
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.una-col .wp-caption{
	margin: 1rem auto;
	width: 80% !important;
}
.dos-cols .wp-caption{
	margin: 1rem 0;
	width: 48.12% !important;
}
.galeria-casas .wp-caption img{
	box-sizing:border-box;
	border: solid 8px #FFF;
	height: auto;
	width: 100%;
}
.galeria-casas .wp-caption .wp-caption-text{
	line-height: normal;
	margin: 0;
	text-align: center;
	font-size: 1rem;
	font-style: italic;
	padding: 0.5rem 0;
}
.dos-cols .wp-caption:nth-child(even){
	float: left;
}
.dos-cols .wp-caption:nth-child(odd){
	float: right;
}

/*
=============================================================== Alquiler de casas en Villa de Leyva
*/

.cabanas article figure, .cabanas article figure a{
	height: 213px !important;
}

/*
=============================================================== Páginas redes sociales
*/
.socialPage{
	padding: 80px 0 0 0;
}
.socialPage .cabecera{
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 85.11%;
}
.socialPage .cabecera h1{
	margin-bottom: 0;
}
.socialPage .cabecera p{
	margin-bottom: 3em;
}
.socialPage .twitterPagina{
	margin: 0 auto;
	overflow: hidden;
	padding-top: 2em;
	width: 85.11%;
}
.twitterPagina article{
	margin-bottom: 1em;
	overflow: hidden;
}
.twitterPagina article .cabezote-tweet{
	box-sizing:border-box;
	float: left;
	padding-top: 2em;
	width: 44%;
}
.twitterPagina article .cabezote-tweet figure{
	margin-bottom: 0;
	overflow: visible !important;
	position: relative;
	width: 220px;
}
.twitterPagina article .cabezote-tweet figcaption{
	height: auto;
	float: left;
	padding-left: 0.5em;
}
.twitterPagina article .cabezote-tweet figcaption span{
	color: #666666;
	display: block;
	font-size: 0.8rem;
	font-style: italic;
	margin-top: 5px;
}
.twitterPagina article:nth-child(odd) .cabezote-tweet{
	float: right;
}
.twitterPagina article .texto-tweet{
	background:#FFF;
	border-radius: 20px;
	border:solid 1px #D33535;
	box-sizing:border-box;
	float: left;
	overflow: hidden;
	padding: 2em;
	width: 56%;
}
.twitterPagina article:nth-child(even) .cabezote-tweet figure{
	float: right;
}
.twitterPagina article:nth-child(even) .texto-tweet{
	float: right;
}
.twitterPagina article .texto-tweet p{
	text-align: center;
}
.twitterPagina article .texto-tweet p:last-child{
	margin-bottom: 0;
}
.twitterPagina article:nth-child(odd) .cabezote-tweet figure{
	padding-left: 20px;
}
.twitterPagina article:nth-child(odd) .cabezote-tweet figure:before{
	background:#FFF;
	border:solid 1px #D33535;
	border-bottom: none;
	border-left: none;
	content: " ";
	height: 20px;
	left: -11px;
	margin: 15px 0 0;
	position: absolute;
	transform: rotate(45deg);
	width: 20px;
}
.twitterPagina article:nth-child(even) .cabezote-tweet figure{
	padding-right: 10px
}
.twitterPagina article:nth-child(even) .cabezote-tweet figure:after{
	background:#FFF;
	border:solid 1px #D33535;
	border-right: none;
	border-top: none;
	content: " ";
	height: 20px;
	right: -11px;
	margin: 15px 0 0;
	position: absolute;
	transform: rotate(45deg);
	width: 20px;
}
.socialPage #instafeed{
	overflow: hidden;
	padding-left: 1px;
}
.socialPage #instafeed article{
	border-right: solid 1px #F2F2F2;
	box-sizing:border-box;
	float: left;
	line-height: 0;
	margin-bottom: 1px;
	position: relative;
	width: 25%;
}
.socialPage #instafeed article header{
	background:transparent;
	box-sizing:border-box;
	height: auto;
	padding: 1em;
	position: absolute;
	width: 100%;
	z-index: 20;
}
.socialPage #instafeed article header img{
	border-radius: 50%;
	border:solid 2px #FFF;
	float: left;
	height: 48px;
	padding: 0;
	width: 48px;
}
.socialPage #instafeed article header span{
	color: #FFF;
	display: table-cell;
	height: 48px;
	padding-left: 0.5em;
	vertical-align: middle;
}
.socialPage #instafeed article footer{
	background:transparent;
	bottom: 0;
	box-sizing:border-box;
	color: #FFF;
	padding: 1em;
	position: absolute;
	text-align: right;
	width: 100%;
}
.socialPage #instafeed article img{
	box-sizing:border-box;
	height: auto;
	width: 100%;
}
.socialPage #instafeed article footer span{
	font-family: 'Carme', sans-serif;
}
.socialPage #instafeed article footer:before{
	margin-right: 0.5em;
}

/*
=============================================================== Landing Page
*/

.maloka-descuento{
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%), url(img/banner-promo-maloka-villa-de-leyva.jpg) no-repeat center top;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url(img/banner-promo-maloka-villa-de-leyva.jpg) no-repeat center top;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url(img/banner-promo-maloka-villa-de-leyva.jpg) no-repeat center top;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
}

/*
=============================================================== Página 404
*/

.alojamiento{
	overflow: hidden;
	padding: 40px 0 !important;
}
.page-404 h2{
	margin-top:0;
	text-align: center;
}
.page-404 .blog{
	overflow: hidden;
}
.page-404 .blog article{
	float: left;
}
.page-404 .blog article header{
	background: transparent;
}
.page-404 .blog article header a img{
	height: auto;
	width: 120%;
}
.page-404 .blog article h2{
	font-size: 1.5rem;
	margin-top: 1rem;
}
.page-404 .blog .publicado-fecha{
	margin: 0;
}
.page-404 .blog article footer{
	padding: 1rem 0 1rem 0.5rem;
}

/*
=============================================================== Clases
*/

.articulo-creditos{
	color: #888;
	font-size: 0.8rem;
}
.bonton-borde{
	border: solid 1px #D33535;
	color: #545454;
	display: table;
	margin: 0 auto;
	padding: 1rem 1.5rem;
	text-transform: uppercase;
	transition:all .5s ease-in-out;
}
.bonton-borde:hover{
	background: #D33535;
	color: #000;
}
.casas-destacadas.cols-4 article figure, .casas-destacadas.cols-4 article figure a{
	height: 163px !important;
}
.contenedor-boton{
	padding: 3rem 0 0;
}
.center{
	margin: 0 auto;
}
.dos-cols{
	overflow: hidden;
	margin-bottom: 2em;
}
.dos-cols .col{
	float: left;
	width:48.12%
}
.dos-cols .col:last-child{
	float: right;
}
.encabezado{
	padding: 80px 0 40px;
}
.encabezado h1{
 	text-align: center;
}
.encabezado p{
	margin: 0 auto;
	text-align: center;
	width: 70%;
}
.filtroFijo{
	position: fixed;
	left: 0;
	top: 80px;
}
.filtroFijoMaximo{
	position: absolute;
	left: 0;
	bottom: 0;
}
.more-link{
	display: block;
	margin-top: 0.5em;
}
.more-link:hover{
	color: #009CFF;
	text-decoration: underline;
}
.post-tweet figure{
	margin: 0 0 1em;
}
.post-tweet figure img{
	border-radius: 50%;
	float: left;
}
.post-tweet figure figcaption{
	display: table-cell;
	color: #444;
	font-size: 1.2rem;
	height: 48px;
	padding-left: 1em;
	vertical-align: middle;
}
.post-tweet figure figcaption span{
	display: block;
}
.post-tweet figure figcaption .date-post{
	color: #666;
	font-size: 0.8rem;
	font-style: italic;
	margin-top: 5px;
}
.post-tweet p{
	margin: 0 0 1em 0;
	text-align: left;
	width: auto;
}
.post-tweet p a{
	display: inline;
	margin-bottom: 0;
}
.post-tweet p a:hover{
	color: #009CFF;
	text-decoration: underline;
}
.post-tweet .icon-fav{
	margin-left: 2em;
}
.post-tweet p span:before{
	color: #D33535;
	margin-right: 0.5em;
}
.post-tweet p span em{
	font-family: 'Carme', sans-serif;
	font-style: normal;
}
.promo-container{
	border-bottom: dotted 1px #D33535;
	border-top: dotted 1px #D33535;
	margin: 1rem 0;
	padding: 2rem 0;
}
.promo-container h2{
	margin-top: 0;
	text-align: center;
}
.promo-imagen img{
	height: auto;
	width: 100%;
}
.promo-precio{
	color: #FFF;
	margin-bottom: 0;
	text-align: center;
}
.promo-single{
	box-sizing: border-box;
	background: #D33535;
	margin: 0 1rem !important;
	padding: 0.5rem 0;
	position: relative;
}
.promo-single p{
	margin:0;
}
.promo-single a{
	background: rgba(0,0,0,0.7);
	color: #FFF;
	font-size: 1.2rem;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.promo-single a:hover{
	opacity: 1;
}
.promo-single a span{
	display: block;
	padding-top: 50%;
}
.promo-single h4{
	color: #FFF;
	font-size: 1.4rem !important;
	margin: 0 0 0.5rem;
	text-align: center;
}
.seccion-casa{
	border-top:solid 1px #D33535;
	padding: 2rem;
}
.seccion-casa h3, .seccion-casa h4{
	border-bottom: none !important;
	font-size: 1.5rem;
	margin: 0 0 1.5rem !important;
	text-align: center;
	text-transform: uppercase;
}
.strblk strong{
	font-weight: bold;
}

/*
=============================================================== Maquetado
*/

.ancho-60{
	width: 60%;
}
.ancho-80{
	margin: 0 auto !important;
	width: 85.1190%;
}
.cabezote .breadcrumbs li{
	color: #FFF;
}
.colorGreyBG{
	background: #F2F2F2;
}
.colorDarkGreyBG{
	background: #E5E5E5;
}
.cols{
	display: flex;
  	flex-direction:row;
  	flex-wrap: wrap;
  	justify-content:space-between;
  	
  	display: -moz-flex;
  	-moz-flex-direction:row;
  	-moz-flex-wrap: wrap;
  	-moz-justify-content:space-between;

	display: -webkit-flex;
  	-webkit-flex-direction:row;
  	-webkit-flex-wrap: wrap;
  	-webkit-justify-content:space-between;

  	display: -ms-flex;
  	-ms-flex-direction:row;
  	-ms-flex-wrap: wrap;
  	-ms-justify-content:space-between;
}
.cols-2 article{
	margin: 0 1.5% 1rem !important;
	width: 47% !important;
}
.cols-2 article figure, .cols-2 article figure a{
	height: 340px !important;
}
.colum-4{
	display: flex;
  	flex-direction:row;
  	flex-wrap: wrap;
  	justify-content:space-between;
  	
  	display: -moz-flex;
  	-moz-flex-direction:row;
  	-moz-flex-wrap: wrap;
  	-moz-justify-content:space-between;

	display: -webkit-flex;
  	-webkit-flex-direction:row;
  	-webkit-flex-wrap: wrap;
  	-webkit-justify-content:space-between;

  	display: -ms-flex;
  	-ms-flex-direction:row;
  	-ms-flex-wrap: wrap;
  	-ms-justify-content:space-between;
}
.cols-4 .col{
	width: 25%;
}
.row{
	display: flex;
  	flex-flow: row nowrap;
  	justify-content: space-between;
}
.grid{
	display: flex;
  	flex-flow: row wrap;
  	justify-content: center;
  	align-items: center;
}

/*
=============================================================== Footer
*/

footer{
	background: #D33535;
	clear: both;
	overflow: hidden;
	padding: 2em 0 0 0;
}
footer .columnas{  	
  	display: flex;
  	flex-direction:row;
  	flex-wrap: nowrap;
  	justify-content:space-between;
  	
  	display: -moz-flex;
  	-moz-flex-direction:row;
  	-moz-flex-wrap: nowrap;
  	-moz-justify-content:space-between;

	display: -webkit-flex;
  	-webkit-flex-direction:row;
  	-webkit-flex-wrap: nowrap;
  	-webkit-justify-content:space-between;

  	display: -ms-flex;
  	-ms-flex-direction:row;
  	-ms-flex-wrap: nowrap;
  	-ms-justify-content:space-between;
}
footer .columna{
	margin: 0 1rem;
	padding: 0 0 1rem;
	width: 30.95%;
}
footer h3{
	color: #FFF;
	font-size: 2rem !important;
	margin: 0 0 1rem;
}
footer p, footer ul, footer ol{
	color: #FFF;
	font-size: 0.8rem;
}
footer p{
	line-height: 1rem;
}
footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
footer a{
	color: #FFF;
}
footer a:hover{
	text-decoration: underline;
}
footer .colUno ul li a:after {
	content: "⇝";
	font-size: 1.2em;
	margin-left: 0.5em;
}
footer .colDos{
	text-align: center;
}
footer .redes-sociales{
	display: table;
	float: none;
	margin: 0 auto;
}
footer .redes-sociales a{
	background: transparent;
	border: solid 1px #FFF;
	color: #FFF;
	transition:background 1s ease-in-out, color 0.5s linear;
	-moz-transition:background 1s ease-in-out, color 0.5s linear;
	-webkit-transition:background 1s ease-in-out, color 0.5s linear;
}
footer .colDos .newsletter{
	padding: 1rem 0 0;
}
footer .colDos .newsletter label{
	display: none !important;
}
footer .colDos .newsletter input{
	background: rgba(255,255,255,0.8) !important;
	border: none !important;
}
footer .colDos .newsletter .button{
	background: rgb(0,0,0) !important;
	border-radius: 0 !important;
}
footer .redes-sociales a:hover{
	background: #333333;
	color: #D33535;
	text-decoration: none;
}
footer .colTres p{
	text-align: right;
	margin-top: 0;
}
footer .colCuatro{
	background: #333333;
	clear: both;
	float: none;
	padding: 2em;
	width: auto;
}
footer .colCuatro p{
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	width: 60%;
}

/*
=============================================================== Formulario de Búsqueda
*/
footer .colUno form{
	display: none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background: rgba(0, 0, 0, 0.8);
	box-sizing:border-box;
	float: right;
	height: 100%;
	left: 0;
	padding: 25px 1em 0 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}
footer .colUno form .search-input{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float: none;
	margin:0 auto;
	width: 60%;
	padding-top: 4em;
	height: 30%;
}
footer .colUno #CerrarBuscar{
	background: transparent;
	border: none;
	color: #FFF;
	font-size: 3em;
	position: absolute;
	right: 2rem;
	top: 2rem;
	-moz-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
footer .colUno #CerrarBuscar:hover{
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
footer .colUno form .search-input h3{
	color: #FFF;
	text-align: center;
}
footer .colUno form input{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	color: #999999;
	padding: 0.5em;
	text-transform: uppercase;
	width: 100%;
}
footer .colUno #result-busqueda{
	float: none;
	width: 60%;
	margin: 0 auto;
	overflow: scroll;
	height: 70%;
	position: relative;
}
footer .colUno #result-busqueda .pensando{
	background: rgba(255,255,255,0.3);
	color: #FFF !important;
	position: absolute;
	width: 100%;
	height:100%;
}
footer .colUno #result-busqueda .pensando span{
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
	font-size: 3rem;
	margin-top: 32%;
	animation:pensando 0.5s infinite;
	-moz-animation:pensando 0.5s infinite;
	-webkit-animation:pensando 0.5s infinite;
}
footer .colUno #result-busqueda article{
	border-top:solid 1px #D33535;
	border-bottom: none;
	padding: 1rem 0;
	width: auto;
}
footer .colUno #result-busqueda article:hover{
	background: transparent;
}
footer .colUno #result-busqueda article p{
	color: #FFF;
	font-size: 1.2rem;
	line-height: normal;
}
footer .colUno #result-busqueda article a{
	color: #D33535 !important;
}
footer .colUno #result-busqueda article p a{
	display: block;
	margin-top: 0.5rem;
}
footer .colUno #result-busqueda article h2{
	font-size: 1.5rem;
	margin: 0 0 0.5rem
}


@keyframes pensando{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
@-moz-keyframes pensando{
	0%{
		-moz-transform:rotate(0deg);
	}
	100%{
		-moz-transform:rotate(360deg);
	}
}
@-webkit-keyframes pensando{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
/*
================================================================================== Celulares
*/
@media only screen and (min-width: 320px) and (max-width: 767px){
	h1 {
    	font-size: 2rem;
	}
	h2 {
	    font-size: 2rem;
	}
	p, ul, ol {
	    font-size: 1rem;
	    line-height: 1.3rem;
	}
	.header {
	  background: #D33535;
	}
	.header  nav ul li {
	  display: block;
	  float: none;
	}
	.header .menu-main-menu-container{
		width: 100%;
	}
	.header .menu-main-menu-container li:first-child{
		width: 100%
	}
	.header .menu li:first-child a {
	  font-size: 1rem;
	  padding: 0 0 0 1rem !important;
	  width: 100%;
	}
	.header nav .sub-menu{
		display: none;
		left: 0;
		position: absolute;
		top: 64px;
		width: 100%;
	}
	.header nav .sub-menu li a{
		background: rgba(0,0,0,0.9) !important;
		color: #FFF !important;
		display: flex !important;
		align-items: center;
	}
	.menu-boton-cell{
		height: 64px;
		width: 64px;
	}
	.menu-boton-cell button{
		background: transparent;
		border: none;
		color: #FFF;
		display: block;
		margin: 8px auto 0;
		padding: 1em 0.5em;
	}
	.header .boton-buscar {
	  color: #FFF;
	  margin-right: 0;
	  width: 64px;
	}
	.banner-home{
		background: url(img/banner-home-villa-de-leyva.jpg) no-repeat center center #999999;
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
		padding: 120px 0 1em;
	}

	/* ======================================================================= Cabezotes */

	.banner-medio {
	    background-size: auto 100% !important;
	}
	.banner-medio h1{
		font-size: 2.2rem !important;
		text-align: center;
	}
	.banner-medio h1 strong{
		font-size: 1.4rem !important;
	}
	.banner-single img {
	    height: 120%;
	    margin-left: -50%;
	    position: absolute;
	    width: auto;
	}
    @media(max-width:600px){
        .banner-single img {
            height: 100%;
        }
    }

	/* ======================================================================= Index */

	.index-alquilar-casas h2 {
	    font-size: 2rem !important;
	}
	.inicio__eventos-container h2 {
	    font-size: 2.5rem !important;
	}
	.inicio__eventos-container h3 {
	    font-size: 1.5rem !important;
	    text-align: center;
	}

	/* ======================================================================= Alquiler Casas */
	
	.main-content-list-casas{
		width: 100% !important;
	}

	/* ======================================================================= Casas */

	.alquiler-casas section .wrapper {
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  float: right;
	  width: 100%;
	}
	.alquiler-casas article {
	  min-height: 0;
	  float: none;
	  margin: 0 0 1rem;
	  padding: 0 1rem;
	  width: 100%;
	}
	.alquiler-casas article header figure,  .alquiler-casas article header figure a{
	  height: 210px;
	}
	.alquiler-casas section aside{
		  display:none;
		  background: rgba(242,242,242,0.95);
		  padding: 1rem !important;
		  position: fixed;
		  top: 0px;
		  width: 100% !important;
		  z-index: 9999;
		  height: 91%;
		  overflow: scroll;
	}
	#botonFiltrarMenu{
		background: rgba(0,0,0,0.9);
		padding: 0.5rem;
		width: 100%;
		position: fixed !important;
		top: 92%;
		z-index: 8888;
		height: 5%;
	}
	#botonFiltrarMenu button{
		display: table;
		margin: 0 auto;
	}
	.filtroFijo{
		bottom: 0 !important;
	}
	.filtroMovilMenu{
		display: none;
		background: rgba(242,242,242,0.9);
		position: absolute;
		width: 100% !important;
	}
	.filtroFijoMenu{
		display: block;
		background: rgba(242,242,242,0.9);
		padding-top: 1rem !important;
		position: absolute;
		top:120px;
		width: 100% !important;
		z-index: 7777;
	}
	#botonCerrarMenu{
		text-align: right;
		padding: 2rem 0;
	}
	.postWithImage article header {
	  height: 70vh;
	}
	.postWithImage article header div {
	    height: 70vh;
	}
	.casa-villa-leyva article .blog-container {
	  border: none;
	  float: none;
	  padding: 0;
	  width: 100%;
	}
	.casa-villa-leyva .breadcrumbs {
	  top: 50px;
	}
	.casa-villa-leyva article header h1 {
	  font-size: 2rem !important;
	}
	.dos-cols .col {
	  float: none;
	  width: 100%;
	}
	.seccion-casa {
	  padding: 2rem 0;
	}
	.info-destacada p {
	  margin: 1rem 0;
	}
	.botonReservar {
	  box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  background: rgba(242,242,242,0.9);
	  padding: 0.5rem;
	  position: fixed;
	  top:64px;
	  width: 100%;
	  z-index: 8888;
	}
	.botonReservar button{
		display: table;
		margin: 0 auto;
	}
	.casa-villa-leyva article .blog-container ul li::before {
	  content: "\00BB";
	  margin-right: 0.2em;
	}
	.casa-villa-leyva article header {
	  padding: 40px 0 0;;
	}
	.casa-villa-leyva .item-contenedor{
		display: block;
	}
	.casa-villa-leyva article header p:last-child {
	  padding: 0 1rem 1rem;
	}
	.casa-villa-leyva article .blog-container ul {
	  padding-left: 0;
	}
	.casa-villa-leyva article aside {
	  background: rgba(242, 242, 242, 0.9);
	  height: 100%;
	  position: absolute;
	  top: 340px;
	  left: -110%;
	  width: 100vw;
	  z-index: 6666;
	}
	.casa-villa-leyva article aside .reservas{
		
	}
	.casa-villa-leyva aside .reservas iframe {
	  padding: 0 0 0 1em;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	}

	/* ======================================================================= Casas Promoción */

	.main-casas-promocion .casa-promocion{
		padding: 1rem;
	}

	/* ======================================================================= Maquetado */

	.ancho-80 {
	    width: 100%;
	}
	.colum-4{
		display: block;
		padding: 1rem;
	}
	.cols-4 .col {
	   width: 100%;
	}
	.copy {
	  width: auto;
	}
	.copy h1 {
	  font-size: 2.5rem;
	}
	.copy h2 {
	  font-size: 1.5rem;
	}
	.eventos .colum-4 article {
	    margin: 0;
	    width: 100%;
	}
	.eventArticle .colum-4 .col{
		position: relative;
		width: 100%;
	}
	.promo-single{
		margin-bottom: 1rem !important;
	}
	.banner-home h3 {
	  font-size: 1.8rem;
	}
	#Banner .redes-sociales{
	  display: none;
	}
	.banner-home #Clima {
		bottom: 2em;
		position: absolute;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.banner-home #Clima h3 {
	  font-size: 1.5rem;
	  margin: 0;
	}
	.banner-home #Clima p {
	  font-size: 1rem;
	}
	.indexMainContent {
	  padding: 2em 0 2em;
	}
	.indexMainContent article {
	    margin: 0 1rem;
	    width: auto;
	}
	.indexMainContent article a {
		float: none;
		height: auto;
		margin: 1rem auto 1rem;
		width: 100%;
	}
	.indexMainContent article .wp-post-image {
	  height: auto;
	  float: none;
	  width: 100%;
	}

	.indexMainContent article div {
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	    padding: 0;
	    width: 100%;
	}
	.indexMainContent article div h2 {
		font-size: 1.5rem;
		margin: 0;
		text-align: left;
	}
	.contenedor-boton {
	  padding: 0;
	}
	.postWithImage article header img {
	    width: auto;
	    height: 100%;
	}
	.index-alquilar-casas article{
	  float: none;
	  padding: 0 1rem 1rem;
	  margin: 0 0 1rem;
	  width: 100% !important;
	}
	.index-alquilar-casas .alquiler-casas article figure, .index-alquilar-casas .alquiler-casas article figure a {
	    height: 180px !important;
	}
	.alquiler-casas-tags {
	  padding: 1rem;
	  text-align: center;
	}
	.alquiler-casas-tags a{
		display: block;
		margin-bottom: 1rem;
	}
	.alquiler-casas-tags span{
		display: none;
	}
	#ComentariosViajeros h2{
		margin-bottom: 1rem;
	}
	#ComentariosViajeros p {
	  padding: 0 1rem;
	}
	#ComentariosViajeros div {
	  float: none;
	  width: 100%;
	  padding: 0 1rem;
	}
	.instagramContainer {
	  border: none;
	  padding: 0 1rem 1em;
	}
	.instagramContainer ul li figure {
		padding: 0.5em;
		box-sizing: border-box;
	}
	.instagramContainer ul li .profilePicture {
	  height: 40px;
	  width: 40px;
	}
	.instagramContainer ul li .icon-corazon {
		padding: 0.5em;
	}
	.socialPage .twitterPagina {
	  padding: 0 1rem;
	  width: auto;
	}
	.twitterPagina article:nth-child(even) .cabezote-tweet figure:after {
	  -webkit-transform: rotate(45deg);
	}
	.twitterPagina article:nth-child(odd) .cabezote-tweet figure:before {
	  -webkit-transform: rotate(45deg);
	}
	.socialPage #instafeed article {
	  width: 50%;
	}
	.info-destacada p span:before {
	  margin-right: 0.2rem;
	}
	.una-col .wp-caption {
	  width: 100% !important;
	}
	.dos-cols .wp-caption:nth-child(even) {
	  float: none;
	}
	.dos-cols .wp-caption {
	  width: 100% !important;
	}
	.casa-villa-leyva article .comment-respond {
	  width: 100% !important;
	}
	.comment-respond form {
	  width: 100%;
	}
	.comment-respond form label {
	  display: block;
	  text-align: left;
	  width: 100%;
	}
	.comment-respond form input, .comment-respond form textarea {
	  width: 90%;
	}
	.comment-respond form .comment-form-comment label {
	  position: static;
	}
	.comment-respond form .comment-form-comment textarea {
	  margin-left: 0;
	}
	.casa-villa-leyva article {
	  position: relative;
	}
	.stikyAside{
		position: fixed;
		right: 0;
		top:64px;
	}
	.fondoAside{
		position: absolute;
		bottom: -260px;
		right: 0;
	}
	.panel{
		padding: 2rem 0;
	}
	.postWithImage article header div {
	  left: 0;
	  margin: 0 auto;
	  padding: 200px 0 0;
	  right: 0;
	  width: 90%;
	}
	.villa-de-leyva-105 section {
	  padding: 0 1rem;
	  width: auto;
	}
	.villa-de-leyva-105 section .wrapper{
		-moz-column-count: auto;

	    -webkit-column-count: auto;

	    column-count: auto;
	}
	.villa-de-leyva-105 article header {
	  background: transparent;
	}
	.villa-de-leyva-105 section article header h2 {
	  font-size: 1.5rem;
	  text-align: center;
	  margin: 2rem 1rem 1rem;
	}
	.villa-de-leyva-105 article header p {
	  margin: 0 1rem 1rem;
	  text-align: center;
	}
	.villa-de-leyva-105 section article .blog-container {
	  padding: 0 1em 1em;
	}
	.blogArticle article .blog-container {
	  padding: 1rem;
	  width: auto;
	}
	.blogArticle article .wp-caption {
	  width: auto !important;
	}
	.blogArticle article .wp-caption img {
	  border: solid 5px #FFF;
	  width: 100%;
	}
	.blogArticle article .wp-caption .wp-caption-text {
	  box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  padding: 0 1rem;
	  position: static;
	  width: 100%;
	}
	.blogArticle article footer {
	  padding: 1em 1rem 0;
	  width: auto;
	}
	.blogArticle article footer div, .blogArticle article footer a, .blogArticle article footer iframe, .casa-villa-leyva article .blog-container footer div, .casa-villa-leyva article .blog-container footer iframe, .casa-villa-leyva article .blog-container footer a{
		display: block !important;
	}
	.blog-container iframe {
	    height: 400px;
	    width: 90%;
	}
	#respond {
		padding: 1em 2rem 0;
  		box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-webkit-box-sizing: border-box;
	}
	.postWithImage article header div {
	  padding: 0 1rem;
	  width: 100%;
	}
	.blogArticle article header h1 {
	  font-size: 2rem !important;
	}
	.comments-container{
		margin: 0 2rem;
	}
	.comment-respond {
	  width: auto;
	}
	.breadcrumbs {
		padding: 0.5em;
		font-size: 0.8rem;
		overflow: hidden;
	  	box-sizing: border-box;
	  	-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		display: flex;
	  	
	  	flex-direction:row;
	  	flex-wrap: nowrap;
	  	justify-content:space-between;
	  	justify-content:flex-start;
	  	align-items: flex-start;
	  	
	  	display: -moz-flex;
	  	-moz-flex-direction:row;
	  	-moz-flex-wrap: nowrap;
	  	-moz-justify-content:space-between;

		display: -webkit-flex;
	  	-webkit-flex-direction:row;
	  	-webkit-flex-wrap: nowrap;
	  	-webkit-justify-content:flex-start;
	  	-webkit-align-items: flex-start;

	  	display: -ms-flex;
	  	-ms-flex-direction:row;
	  	-ms-flex-wrap: nowrap;
	  	-ms-justify-content:flex-start;

	  	width: 100%;
	}
	.breadcrumbs li{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.breadcrumbs li:last-child{
		width: 50%;
	}

	.wp-block-columns {
	    display: flex;
	    flex-flow: column;
	}
	.has-2-columns .wp-block-column {
	    width: 100%;
	}

	footer .columnas{  	
	  	display: block;
	}
	footer .columna{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width: auto;
	}
	footer .colUno{
		width: 100%;
	}
	footer .colTres{
		margin: 0;
		padding: 1rem;
		width: 100%;
	}
	footer .colTres p{
		text-align: left;
	}
	footer .colCuatro {
		padding: 1em;
	}
	footer .colCuatro p {
		width: auto;
	}
	footer .colUno form {
	  padding: 1rem;
	}
	footer .colUno #CerrarBuscar {
	  font-size: 2em;
	  right: 0;
	  top: 1rem;
	}
	footer .colUno form .search-input {
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  float: none;
	  margin: 0 auto;
	  width: auto;
	  padding-top: 4em;
	  height: 45%;
	}
	footer .colUno form .search-input h3 {
	  color: #FFF;
	  font-size: 1.2rem;
	  text-align: center;
	}
	footer .colUno #result-busqueda {
	  float: none;
	  width: auto;
	  margin: 0 auto;
	  overflow: scroll;
	  height: 45%;
	  position: relative;
	}
}
/*
===============================================================Ipad Portrate
*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
	h1 {
    	font-size: 3.2rem;
	}
	h2 {
	    font-size: 2.8rem;
	}
	.banner-home{
		background: url(img/banner-home-villa-de-leyva.jpg) no-repeat center center #999999;
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
	}
	.banner-home h3 {
	  font-size: 1.8rem;
	}
	.eventArticle .colum-4 .col{
		margin: 0 1.19% 2rem;
		position: relative;
		width: 48%;
	}
	.promo-single{
		margin-bottom: 1rem !important;
	}
	.redes-sociales a {
	  margin-left: 15px;
	  font-size: 1.5rem;
	}
	.redes-sociales a:before {
	  height: 48px;
	  width: 48px;
	}
	.banner-home #Clima p {
	  font-size: 2.3rem;
	}
	.copy h1{
		font-size: 4rem;
	}
	.indexMainContent {
	  padding: 4em 0 4em;
	}
	.indexMainContent article {
	    margin: 0 2rem;
	    width: auto;
	}
	.indexMainContent article a {
	  width: 100%;
	  margin: 0 auto 1rem;
	  float: none;
	}
	.indexMainContent article .wp-post-image {
	  height: auto;
	  float: none;
	  width: 100%;
	}
	.indexMainContent article div {
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	    padding: 0 1rem;
	    width: 100%;
	}
	.postWithImage article header img {
	    width: 100%;
	    height: 100%;
	}
	.index-alquilar-casas article{
	  width: 30% !important;
	}
	.index-alquilar-casas .alquiler-casas article figure, .index-alquilar-casas .alquiler-casas article figure a {
	    height: 160px !important;
	}
	#ComentariosViajeros p {
	  padding: 0 2rem;
	}
	#ComentariosViajeros div {
	  float: none;
	  width: 100%;
	  padding: 0 3rem;
	}
	.instagramContainer {
	  border: none;
	  padding: 0 6em 1em 4em;
	}
	.socialPage .twitterPagina {
	  padding: 0 2em;
	  width: auto;
	}
	.twitterPagina article:nth-child(even) .cabezote-tweet figure:after {
	  -webkit-transform: rotate(45deg);
	}
	.twitterPagina article:nth-child(odd) .cabezote-tweet figure:before {
	  -webkit-transform: rotate(45deg);
	}
	.socialPage #instafeed article {
	  width: 50%;
	}
	.villa-de-leyva-105 section {
	  width: auto;
	  padding: 0 2rem;
	}
	.alquiler-casas section .wrapper {
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  float: right;
	  width: 100%;
	}
	.alquiler-casas article {
	  min-height: 370px;
	  width: 46%;
	}
	.alquiler-casas article header figure,  .alquiler-casas article header figure a{
	  height: 210px;
	}
	#botonFiltrarMenu{
		background: rgba(242,242,242,0.9);
		padding: 1rem;
		width: 100%;
		z-index: 8888;
	}
	.filtroFijo{
		top: 64px;
	}
	.filtroMovilMenu{
		display: none;
		background: rgba(242,242,242,0.9);
		position: absolute;
		width: 100% !important;
	}
	.filtroFijoMenu{
		display: none;
		background: rgba(242,242,242,0.9);
		padding-top: 1rem !important;
		position: fixed;
		top:120px;
		width: 100% !important;
	}
	#botonCerrarMenu{
		text-align: right;
		padding: 2rem 0;
	}
	.blogArticle article .blog-container {
	  padding: 2rem;
	  width: auto;
	}
	.postWithImage article header {
	  height: 500px;
	}
	.casa-villa-leyva article .blog-container {
	  width: 60%;
	}
	.dos-cols .col {
	  float: none;
	  width: 100%;
	}
	.seccion-casa {
	  padding: 2rem 0;
	}
	.info-destacada p {
	  margin: 1rem 0;
	}
	.casa-villa-leyva article .blog-container ul li::before {
	  content: "\00BB";
	  margin-right: 0.2em;
	}
	.info-destacada p span:before {
	  margin-right: 0.2rem;
	}
	.una-col .wp-caption {
	  width: 100% !important;
	}
	.dos-cols .wp-caption:nth-child(even) {
	  float: none;
	}
	.dos-cols .wp-caption {
	  width: 100% !important;
	}
	.casa-villa-leyva article .comment-respond {
	  width: 100% !important;
	}
	.comment-respond form {
	  width: 100%;
	}
	.comment-respond form label {
	  display: block;
	  text-align: left;
	  width: 100%;
	}
	.comment-respond form input, .comment-respond form textarea {
	  width: 90%;
	}
	.comment-respond form .comment-form-comment label {
	  position: static;
	}
	.comment-respond form .comment-form-comment textarea {
	  margin-left: 0;
	}
	.casa-villa-leyva article {
	  position: relative;
	}
	.casa-villa-leyva article aside {
	  width: 40%;
	}
	.stikyAside{
		position: fixed;
		right: 0;
		top:64px;
	}
	.fondoAside{
		position: absolute;
		bottom: -260px;
		right: 0;
	}
	.postWithImage article header div {
	  left: 0;
	  margin: 0 auto;
	  padding: 200px 0 0;
	  right: 0;
	  width: 90%;
	}
	.blogArticle article .wp-caption {
	  width: 85% !important;
	}
	.comments-container{
		margin: 0 2rem;
	}
	.comment-respond {
	  width: auto;
	}
	footer .columnas{  	
	  	display: flex;
	  	flex-direction:row;
	  	flex-wrap: nowrap;
	  	justify-content:space-between;
	  	
	  	display: -moz-flex;
	  	-moz-flex-direction:row;
	  	-moz-flex-wrap: nowrap;
	  	-moz-justify-content:space-between;

		display: -webkit-flex;
	  	-webkit-flex-direction:row;
	  	-webkit-flex-wrap: nowrap;
	  	-webkit-justify-content:space-between;

	  	display: -ms-flex;
	  	-ms-flex-direction:row;
	  	-ms-flex-wrap: nowrap;
	  	-ms-justify-content:space-between;
	}
	footer .columna{
		width: auto;
	}
	footer .colUno{
		width: 20%;
	}
	footer .colTres{
		width: 20%;
	}
}

/*
===============================================================Ipad Landscape
*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){
	h1 {
    	font-size: 3.2rem;
	}
	h2 {
	    font-size: 2.8rem;
	}
	.banner-home{
		background-size: auto 100%;
	}
	.copy h1{
		font-size: 4rem;
	}
	.indexMainContent article {
	    margin: 0 1rem;
	    width: auto;
	}
	.indexMainContent article a {
	    width: 40%;
	}
	.indexMainContent article div {
	    width: 57%;
	}
	.postWithImage article header img {
	    width: 100%;
	    height: 120%;
	}
	.index-alquilar-casas .alquiler-casas article figure, .index-alquilar-casas .alquiler-casas article figure a {
	    height: 200px;
	}
}
/*
=============================================================== Tabletas y computadores viejos
*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){
	h1 {
    	font-size: 3.2rem;
	}
	.banner-home{
		background-size: 100% 100%;
	}
	.copy h1{
		font-size: 4rem;
	}
	.eventArticle .colum-4 .col{
		margin: 0 1.19% 2rem;
		position: relative;
		width: 48%;
	}
	.postWithImage article header img {
	    width: 100%;
	    height: 120%;
	}
	.promo-single{
		margin-bottom: 1rem !important;
	}
	.index-alquilar-casas .alquiler-casas article{
	    margin: 0 1.58% 1rem;
	    width: 30.15%;
	}
	#ComentariosViajeros p {
	  margin: 1rem auto 3em;
	  padding: 0 1rem;
	}
	#TwitterContainer {
	  padding: 0 1rem 0 1em;
	}
	.socialPage .twitterPagina {
	  padding: 2em 2rem;
	  width: auto;
	}
	.twitterPagina article {
	  margin-bottom: 2em;
	}
	.instagramContainer {
	  padding: 0 1rem 1rem;
	}
	.alquiler-casas article header figure, .alquiler-casas article header figure a {
	  height: 200px;
	}
	.alquiler-casas article {
	  margin: 0 2.08% 1rem;
	  width: 45.83%;
	}
	.casa-villa-leyva article .blog-container {
	  padding: 0 2% 0 3%;
	}
	.villa-de-leyva-105 section {
	  padding: 0 2rem;
	  width: auto;
	}
	.blogArticle article .blog-container {
	  width: 80%;
	}
	.comment-respond {
	  width: 80%;
	}
	.casa-villa-leyva article .comment-respond {
	  width: 100% !important;
	}
}

/*
=============================================================== Celular
*/
@media only screen and (min-width: 1280px) and (max-width: 1343px){
	h1 {
    	font-size: 3.2rem;
	}
	.banner-home{
		background-size: 100% 100%;
	}
	.copy h1{
		font-size: 4rem;
	}
	.postWithImage article header img {
	    width: 100%;
	    height: 120%;
	}
}
/*
=============================================================== Alta resolución
*/
@media only screen and (min-width: 1344px){
	.banner-home{
		background: url(img/banner-home-villa-de-leyva.jpg) no-repeat center center #999999;
		background-size: 100% 100%;
		background-attachment: fixed;
	}
}

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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;
}

/*
======================================================================================= Iconos
*/

.icon-whatsapp:before {
    content: "\f232";
}
.icon-ubicacion:before {
    content: "\e902";
}
.icon-capacidad:before {
    content: "\e972";
}
.icon-pensando:before {
    content: "\e982";
}
.icon-atencion:before {
    content: "\ea07";
}
.icon-pinterest:before {
    content: "\ead0";
}
.icon-buen-tiempo:before {
    content: "\e600";
}
.icon-soleado:before {
    content: "\e601";
}
.icon-neblina:before {
    content: "\e602";
}
.icon-viento:before {
    content: "\e603";
}
.icon-parcial-nublado-dia:before {
    content: "\e604";
}
.icon-parcial-nublado-noche:before {
    content: "\e605";
}
.icon-nublado:before {
    content: "\e606";
}
.icon-tormenta-electrica:before {
    content: "\e607";
}
.icon-llovizna:before {
    content: "\e608";
}
.icon-lluvia:before {
    content: "\e609";
}
.icon-chubasco-sprox:before {
    content: "\e60a";
}
.icon-tormenta:before {
    content: "\e60b";
}
.icon-granizo:before {
    content: "\e60c";
}
.icon-muy-nublado:before {
    content: "\e60d";
}
.icon-chubascos:before {
    content: "\e60e";
}
.icon-termometro:before {
    content: "\e60f";
}
.icon-camara:before {
    content: "\e90f";
}
.icon-tags:before {
    content: "\e936";
}
.icon-llamar:before {
    content: "\e942";
}
.icon-email:before {
    content: "\e945";
}
.icon-lugar:before {
    content: "\e947";
}
.icon-calendario:before {
    content: "\e953";
}
.icon-comentario:before {
    content: "\e96b";
}
.icon-usuario:before {
    content: "\e971";
}
.icon-buscar:before {
    content: "\e986";
}
.icon-fav:before {
    content: "\e9d9";
}
.icon-corazon:before {
    content: "\e9da";
}
.icon-retweet:before {
    content: "\ea2d";
}
.icon-flecha:before {
    content: "\ea3c";
}
.icon-menu:before {
    content: "\ea7a";
}
.icon-google:before {
    content: "\ea88";
}
.icon-facebook:before {
    content: "\ea8c";
}
.icon-instagram:before {
    content: "\ea90";
}
.icon-twitter:before {
    content: "\ea91";
}
.icon-youtube:before {
    content: "\ea97";
}

/*
======================================================================================= Normalize
*/

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
  
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}