/*  bagrounds */





.txt-blue{

	color: #1680e3;

}

.txt-yellow{

	color: #f1f124;

}

.txt-gre{

	color: #329132;

}

/*--- fondo de colores ---*/

.bg-cafe{

	background: #a74521;

}

.bg-c1{

	background: #fdf4e6;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to right, #fbd3bc, #fdf4e6);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #fbd3bc, #fdf4e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}

.bg-c2{

	background-image: url('../img/fondo-c1.png');

	background-size: cover;

	background-attachment: fixed;

}

.txtwhite{

	color: #ffffff;

}

.txtclaro{

	color: #f37e1d;

}

.list-box-2 .list-icon-2 i {

    display: block;

    font-size: 24px;

    margin-right: 15px;

    color: #ffffff;

    width: 65px;

    height: 65px;

    text-align: center;

    line-height: 60px;

    border: 2px #ffffff double;

    border-radius: 999px;

}

/*-- galeria ---*/

.galeria {

    padding: 5px 0px 0px 5px;

    border-radius: 5px;

    object-fit: cover;/* ocupa todo el lugar pero no se distorciona*/

}

.galeria img{

	height: 98%;

	border-radius: 5px;

	opacity: 1;	

	transition: opacity 0.5s ;

}



.galeria img:hover{

	opacity: 0.6;

	

	

}

.img-festival img{

	height: 200px;

    background-size: cover;

    background-position: center;

    border-radius: 10px;

    background-color: #ddd;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    opacity: 1;

    transition: opacity 0.2s;

}

.img-festival img:hover{

	opacity: 0.8;

}



/* modal inincio */

.modal-inicio{

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	opacity: 0;

	visibility: hidden;

}

.modal-contenedor{

	position: fixed;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.5);

	transition: all 500ms ease;

}

.modal-contenido{

	width: 400px;

	height: 300px;

	background: #fff;

	box-shadow: 1px 7px 25px rgba(0,0,0,0.6);

	transition: all 500ms ease;

}

.modal-inicio label{

	position: absolute;

	top: 10px;

	right: 10px;

	color: #fff;

	font-size: 15px;

	cursor: pointer;

}



.btn-cerrar{

	position: absolute;

    top: 70px;

    right: 5px;

    z-index: 100;

}

.modal-body {

    padding: 0rem !important;

}



/*  boton whatsapp */

 /*-----ICONOS FLOTANTES whastapp -----*/

.social-iconos{

    position: fixed;

    top: 90%;

    left: 1%;

    z-index: 100;

    margin-top: 0px;

    text-decoration: none;

}

.texto-whastapp{

	color: #fff;

	margin-left: 42px;

}

.icon-whatsapp{

	color:#09ca62;

	transition: all 0.5s;

}

.icon-whatsapp .fa-inverse{

	color: #fff;

}

.icon-whatsapp:hover{

	color: #fff;

	text-decoration: none;

}

.icon-whatsapp:hover .fa-inverse{

 	color:#09ca62;

}