/**
* La Noche de los Museos 2024 
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  	font-family: "Open Sans", sans-serif;
  	color: #444444;
}

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

a:hover, a:focus {
  	color: #222222;
  	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  	font-family: "Raleway", sans-serif;
}

.bg-danger {
    background-color: #f2dede !important;
}

.msg_cookies {
    margin-bottom: 0px !important;
}

.color_blanco{
	color: #ffffff;
}
/*
.bg-danger a:active{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
*/
/*--------------------------------------------------------------
	Barra Cookies
--------------------------------------------------------------*/

#barra_aceptacion_cookies {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    left: 0;
    /*min-height: 70px;*/
    padding: 15px;
    position: fixed;
    /*right: 0;*/
    text-align: center;
    /*width: 100%;*/
    z-index: 99999;

}

#barra_aceptacion_cookies p{
	color:#fff;
	line-height: normal;
	padding: 5px 20px;
}

code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e;
    float: left;
    font-size: 90%;
    padding: 2px 4px;
    white-space: normal;
    width: 100%;
}

.listado_cookies {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
}

.listado_cookies li {
    display: inline-block;
    padding: 5px 20px 5px 25px;
}

#barra_aceptacion_cookies a {
    color: #fff;
	font-weight: bold;
	font-size: 13px !important;
	 padding: 5px 10px !important;
}



/*--------------------------------------------------------------
	Fin Barra Cookies
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Volver arriba
--------------------------------------------------------------*/
.back-to-top {
  	position: fixed;
  	visibility: hidden;
  	opacity: 0;
  	right: 15px;
  	bottom: 15px;
  	z-index: 996;
  	background: #ca6019;
  	width: 40px;
  	height: 40px;
  	transition: all 0.4s;
}

.back-to-top i {
  	font-size: 28px;
  	color: #fff;
  	line-height: 0;
}

.back-to-top:hover {
  	background: #666;
  	color: #fff;
}

.back-to-top.active {
  	visibility: visible;
  	opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	z-index: 9999;
  	overflow: hidden;
  	background: #fff;
}

#preloader:before {
  	content: "";
  	position: fixed;
  	top: calc(50% - 30px);
  	left: calc(50% - 30px);
  	border: 6px solid #5e5328;
  	border-top-color: #efefef;
  	border-radius: 50%;
  	width: 60px;
  	height: 60px;
  	-webkit-animation: animate-preloader 1s linear infinite;
  	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
	0% {
    	transform: rotate(0deg);
  	}
  	100% {
    	transform: rotate(360deg);
  	}
}

@keyframes animate-preloader {
	0% {
    	transform: rotate(0deg);
  	}
  	100% {
    	transform: rotate(360deg);
  	}
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  	background: #191919;
  	font-size: 15px;
  	/*height: 40px;*/
	height: 50px;
  	padding: 0;
  	color: rgba(255, 255, 255, 0.6);
}

#topbar .contact-info a {
  	line-height: 0;
  	color: rgba(255, 255, 255, 0.6);
  	transition: 0.3s;
}

#topbar .contact-info a:hover {
  	color: #fff;
}

#topbar .contact-info i {
  	color: #ca6019;
  	line-height: 0;
  	margin-right: 5px;
}

#topbar .contact-info .phone-icon {
  	margin-left: 15px;
}

#topbar .social-links a {
  	color: rgba(255, 255, 255, 0.6);
  	padding: 4px 12px;
  	display: inline-block;
  	line-height: 1px;
  	transition: 0.3s;
}

#topbar .social-links a:hover {
  	color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  	background: rgba(25, 25, 25, 0.95);
  	transition: all 0.5s;
  	z-index: 997;
  	height: 70px;
}

#header.fixed-top {
  	background: #191919;
}

#header .logo {
  	font-size: 30px;
  	margin: 0;
  	padding: 0;
  	line-height: 1;
  	font-weight: 700;
  	letter-spacing: 2px;
  	text-transform: uppercase;
	padding-right: 25px;
}

@media (max-width: 575px) {
	#header .logoP {
		width: 20%;
		padding-right: 0px;
		padding-top: 0px;
	}
}

#header .logo a {
  	color: #fff;
}

#header .logo img {
  	/*max-height: 40px;*/
	max-height: auto;
}

#header .logo2 {
  	font-size: 30px;
  	margin: 0;
  	padding: 0;
  	line-height: 1;
  	font-weight: 700;
  	letter-spacing: 2px;
  	text-transform: uppercase;
	padding-right: 25px;
}

#header .logo2 a {
  	color: #fff;
}

#header .logo2 img {
  	/*max-height: 40px;*/
	max-height: auto;
}

.scrolled-offset {
  	margin-top: 70px;
}

/*--------------------------------------------------------------
# Menu de Navegación
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/

.navbar {
  	padding: 0;
}

.navbar ul {
  	margin: 0;
  	padding: 0;
  	display: flex;
  	list-style: none;
  	align-items: center;
}

.navbar li {
  	position: relative;
}

.navbar > ul > li {
  	margin-left: 5px;
}

.navbar a {
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 25px 15px 24px 15px;
  	font-size: 14px;
  	color: #fff;
  	white-space: nowrap;
  	transition: 0.3s;
}

.navbar a i {
  	font-size: 12px;
  	line-height: 0;
  	margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  	background: #ca6019;
}

.navbar .dropdown ul {
  	display: block;
  	position: absolute;
  	left: 0;
  	top: calc(100% + 30px);
  	margin: 0;
  	padding: 10px 0;
  	z-index: 99;
  	opacity: 0;
  	visibility: hidden;
  	background: #fff;
  	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  	transition: 0.3s;
}

.navbar .dropdown ul li {
  	min-width: 200px;
}

.navbar .dropdown ul a {
  	padding: 10px 20px;
  	color: #191919;
}

.navbar .dropdown ul a:focus, a:active, a:visited{
 /* padding: 10px 20px;*/
  	/*color: #ffffff;*/
}

.navbar .dropdown ul a i {
  	font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  	color: #fff;
}

.navbar .dropdown:hover > ul {
  	opacity: 1;
  	top: 100%;
  	visibility: visible;
}

.navbar .dropdown .dropdown ul {
  	top: 0;
  	left: calc(100% - 30px);
  	visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  	opacity: 1;
  	top: 0;
  	left: 100%;
  	visibility: visible;
}

@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
    	left: -90%;
  	}
  	.navbar .dropdown .dropdown:hover > ul {
    	left: -100%;
  	}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  	color: #fff;
  	font-size: 28px;
  	cursor: pointer;
  	display: none;
  	line-height: 0;
  	transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  	color: #5e5328;
}

@media (max-width: 991px) {
	.mobile-nav-toggle {
    	display: block;
  	}
  	.navbar ul {
    	display: none;
 	 }
}

.navbar-mobile {
  	position: fixed;
  	overflow: hidden;
  	top: 0;
  	right: 0;
  	left: 0;
  	bottom: 0;
  	background: rgba(0, 0, 0, 0.9);
  	transition: 0.3s;
  	z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  	position: absolute;
  	top: 15px;
  	right: 15px;
}

.navbar-mobile ul {
  	display: block;
  	position: absolute;
  	top: 55px;
  	right: 15px;
  	bottom: 15px;
  	left: 15px;
  	padding: 10px 0;
  	background-color: #fff;
  	overflow-y: auto;
  	transition: 0.3s;
}

.navbar-mobile a {
  	padding: 10px 20px;
  	font-size: 15px;
  	color: #191919;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  	color: #5e5328;
  	background: none;
}

.navbar-mobile .getstarted {
  	margin: 15px;
}

.navbar-mobile .dropdown ul {
  	position: static;
  	display: none;
  	margin: 10px 20px;
  	padding: 10px 0;
  	z-index: 99;
  	opacity: 1;
  	visibility: visible;
  	background: #fff;
  	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  	min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  	padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  	font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  	color: #5e5328;
}

.navbar-mobile .dropdown > .dropdown-active {
  	display: block;
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  	width: 100%;
  	height: calc(100vh - 110px);
  	background: url("../img/slider/carousel2026_01.jpg") top center;
  	background-size: cover;
  	position: relative;
}

#hero:before {
  	content: "";
  	/*background: rgba(0, 0, 0, 0.5);*/
  	position: absolute;
  	bottom: 0;
  	top: 0;
  	left: 0;
  	right: 0;
}

#hero h1 {
  	margin: 0 0 10px 0;
  	font-size: 48px;
  	font-weight: 700;
  	line-height: 56px;
  	text-transform: uppercase;
  	color: #fff;
}

#hero h2 {
  	color: #eee;
  	margin-bottom: 30px;
  	font-size: 24px;
}

#hero .btn-get-started {
  	font-family: "Raleway", sans-serif;
  	text-transform: uppercase;
  	font-weight: 500;
  	font-size: 14px;
  	letter-spacing: 0.5px;
  	display: inline-block;
  	padding: 10px 28px;
  	transition: 0.5s;
  	
	background: #ca6019;
  	color: #fff;
}

#hero .btn-get-started:hover {
  	background: #ca6019;
  	/*border-color: #ca6019;*/
	border: 2px solid #fff;
}

@media (min-width: 1024px) {
  #hero {
    	background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero {
    	text-align: center;
  }
  #hero .container {
    	padding-top: 40px;
  }
  #hero h1 {
    	font-size: 28px;
    	line-height: 36px;
  }
  #hero h2 {
    	font-size: 18px;
    	line-height: 24px;
    	margin-bottom: 30px;
  	}
}


/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/

#carusel {
	border:1px solid red ;
}

/*
.carousel {
    position: inherit;
}*/

.carousel-item {
	/*display: block;
    width: 100%;
    height: 800px;
    background-position: center;
    background-repeat: non-repeat;
    background-size:contain;*/
	 /*background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&txt=350×150&w=350&h=150');*/
		
    }


#carouselExampleIndicators .carousel-item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: non-repeat;
    background-size:cover;
	 /*background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&txt=350×150&w=350&h=150');*/
    }

@media (max-width: 575px) {
	#carouselExampleIndicators .carousel-item {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: non-repeat;
    background-size:cover;
	 /*background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&txt=350×150&w=350&h=150');*/
    }
}



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
	padding: 60px 0;
	/*padding: 80px 0;*/
  	overflow: hidden;
}

.section-title {
  	text-align: center;
  	padding: 30px 0 30px 0;
  	position: relative;
}

.section-title h2 {
  	font-size: 36px;
  	font-weight: 700;
  	text-transform: uppercase;
  	margin-bottom: 20px;
  	padding-bottom: 20px;
  	color: #191919;
  	position: relative;
  	z-index: 2;
}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #5e5328;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title span {
  	position: absolute;
  	top: 30px;
  	color: #f4f4f4;
  	left: 0;
  	right: 0;
  	z-index: 1;
  	font-weight: 700;
  	font-size: 52px;
  	text-transform: uppercase;
  	line-height: 0;
}

.section-title p {
  	margin-bottom: 0;
  	position: relative;
  	z-index: 2;
}

@media (max-width: 575px) {
	.section-title h2 {
    	font-size: 28px;
    	margin-bottom: 15px;
  	}
  	.section-title span {
    	font-size: 38px;
  	}
}

.fecha_programa{
	font-weight: bold;
	padding-bottom: 1rem;
}

/*----------------------------------------------------------------
# CONTAINER CARD
--------------------------------------------------------------*/

.container .card {
    margin: 50px 0;
    height: auto;
    width: 100%;
    background-color: #f7f7f9;
    position: relative;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.container .card .form {
    width: 100%;
    height: 100%;
    display: flex
}

.container .card .left-side {
    width: 25%;
    background-color: #f7f7f9;
    height: 100%;
    padding: 20px 20px
}

.carousel-item img {
   /* border-radius: 10px !important*/
}

.left_top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.left_top p {
    margin-top: 12px
}

.oriton_img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px
}

.oriton_img img {
    width: 40px
}

.oriton_img h5 {
    margin-top: 10px;
    color: #000
}

.oriton_img p {
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #888888
}

.oriton_img span {
    margin-top: 30px
}

.left_text {
    width: 100%;
    margin-top: 30px
}

.left_text label {
    width: 100%
}

.left_box {
    height: 60px;
    width: 100%;
    background-color: #f1f0f5;
    padding: 10px;
    border: 2px solid #f1f0f5;
    border-radius: 10px
}

.left_box_collection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.radio_button {
    display: flex;
    position: relative
}

.left_box_collection span {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    border: 1px solid #9f9ea4;
    display: flex;
    margin-right: 10px;
    margin-top: 4px;
    cursor: pointer
}

.left_box_collection span::before {
    position: absolute;
    content: '';
    height: 9px;
    width: 9px;
    background-color: #f1f0f5;
    border-radius: 50%;
    top: 8px;
    left: 4px
}

input[type="radio"] {
    display: none
}

input[type="radio"]+label {
    cursor: pointer;
    margin-bottom: 10px;
    border: 2px solid #f1f0f5;
    border-radius: 4px
}

input[type="radio"]:checked+label {
    animation: check 300ms;
    border: 2px solid blue
}

input[type="radio"]+label .radio_button span {
    position: relative
}

input[type="radio"]+label .radio_button span:before {
    content: "";
    height: 10px;
    width: 10px;
    left: 1px;
    position: absolute;
    top: 1px;
    background-color: transparent;
    border-radius: 50%;
    text-align: center
}

input[type="radio"]:checked+label .radio_button span:before {
    background-color: blue
}

input[type="radio"]:checked+label .radio_button span {
    border: 2px solid blue
}

.left_box.active {
    border: 2px solid blue !important
}

.left_box_collection h4 {
    margin: 0px !important;
}

.left_box_collection p {
    margin: 0px !important;
    font-size: 13px;
    color: #000 !important
}

.left_box p {
    margin-top: -2px !important;
    font-size: 13px;
    color: #9f9ea4;
    padding-left: 27px
}

input[type="radio"] {
    appearance: none
}

.lt_bx p {
    font-size: 12px
}

.container .card .right-side {
    width: 75%;
    background-color: #fff;
    height: 100%;
    padding: 20px;
	text-align: left;
}

.right-side h5 {
    font-size: 13px
}

.input_text {
    margin-top: 30px;
    position: relative;
    width: 100%
}

input[type="text"] {
    width: 100%;
    height: 40px;
    border: 1px solid #eaeaec;
    outline: 0;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    transition: all 0.5s
}

input[type="number"] {
    width: 100%;
    height: 40px;
    border: 1px solid #eaeaec;
    outline: 0;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    transition: all 0.5s
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.fa-credit-card {
    color: #e7e6eb;
    cursor: pointer
}

.input_text span {
    position: absolute;
    font-size: 13px;
    top: -20px;
    left: 0;
    transition: all 0.5s
}

input[type="text"]:focus {
    border: 1px solid #7047eb !important
}

input[type="text"]:focus~span {
    color: #7047eb !important
}

.input_div {
    display: flex;
    justify-content: center;
    align-items: center
}

.input_div .input_text input[type="text"] {
    border-radius: 0 !important
}

.cvv_month {
    display: flex;
    justify-content: center;
    align-items: center
}

._input input[type="text"] {
    border-right-style: none !important
}

._input input[type="text"]:focus {
    border: 1px solid #7047eb !important
}

._input input[type="text"]:focus~span {
    color: #7047eb !important
}

._input i {
    position: absolute;
    left: 5px;
    top: 14px;
    font-size: 14px
}

._input input[type="text"] {
    padding-left: 25px
}

.months {
    width: 60px;
    border-left-style: none !important;
    border-right-style: none !important;
    border-radius: none;
    border-top: 1px solid #eaeaec;
    align-items: center;
    padding: none
}

.cvcs {
    width: 60px;
    border-left: 1px solid #fff;
    border-left-style: none !important;
    padding: none
}

.cvv_month .input_text input[type="text"]:nth-child(1):focus {
    border: 1px solid #7047eb !important
}

.cvv_month ::placeholder {
    font-size: 10px
}

.input_text select {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #eaeaec;
    font-size: 13px;
    outline: 0;
    cursor: pointer
}

.input_text select option:nth-child(1) {
    display: none
}

.zip_state {
    display: flex;
    margin-top: -2px
}

.zip_state input[type="number"]:nth-child(1):focus {
    border: 1px solid #7047eb !important
}

.bill_content {
    margin-top: 30px
}

.bill_content_text {
    display: flex;
    justify-content: space-between
}

.bill_content_text h4 {
    font-size: 13px
}

.bill_content_text p {
    font-size: 12px
}

.total h4 {
    font-size: 15px
}

.total p {
    font-size: 14px;
    font-weight: bold
}

.pay {
    margin-top: 30px;
    display: flex;
    justify-content: left;
    align-items: left;
    flex-direction: column
}

.pay button {
    height: 40px;
    width: 100%;
    border: none;
    color: #fff;
    /*font-size: 12px;*/
    background-color: #5e5328;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s
}

.pay button:hover {
    background-color: #222222 !important
}

.payemnts {
    margin-top: 30px;
    display: flex;
    gap: 7px
}

.payemnts i {
    margin-top: 2px;
    color: #89899c;
    font-size: 15px
}

.payemnts p {
    font-size: 12px;
    color: #89899c
}

.powered {
    margin-top: 37px;
    display: flex;
    gap: 7px;
    align-items: center
}

.powered img {
    width: 40px
}

.powered p {
    font-size: 13px;
    color: #626262;
    margin-top: 16px
}

.powered p a {
    text-decoration: none
}

@media (max-width:750px) {
    .container .card {
        /*max-width: 350px;*/
		max-width: auto;
        height: auto
    }

    .container .card .right-side {
        width: 100%
    }

    .container .card .left-side {
        /*display: none*/
    }
	
	.container .card .left-side {
		width: 100%;
		background-color: #f7f7f9;
		/*height: 100%;*/
		height: auto;
		padding: 20px 30px;
	}
	
	.container .card .right-side {
		width: 100%;
		background-color: #f7f7f9;
		/*height: 100%;*/
		height: auto;
		padding: 20px 30px
	}
	
	.container .card .form {
		width: 100%;
		height: 100%;
		display:inline;
	}
	
	.container .card {
		margin: 25px 0;
	}
}



/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  	font-weight: 600;
  	font-size: 26px;
}

.about .content ul {
  	list-style: none;
  	padding: 0;
}

.about .content ul li {
  	padding-bottom: 10px;
}

.about .content ul i {
  	font-size: 20px;
  	padding-right: 4px;
  	color: #5e5328;
}

.about .content p:last-child {
  	margin-bottom: 0;
}


/*--------------------------------------------------------------
# Carrusel
--------------------------------------------------------------*/
#carrusel {
	/*padding: 60px 0;*/
	padding: 0;
	margin: 0;
  	overflow: hidden;
}



/*--------------------------------------------------------------
# ACTIVIDADES
--------------------------------------------------------------*/
.actividades .right-side h3 {
  	font-weight: 600;
  	font-size: 26px;
}

.actividades .right-side h4 {
  	font-size: 1.2rem;
    font-weight: bold;
}

.actividades .right-side ul {
  	list-style: none;
  	padding: 0;
}

.actividades .right-side ul li {
  	padding-bottom: 10px;
}

.actividades .right-side ul i {
  	font-size: 20px;
  	padding-right: 4px;
  	color: #5e5328;
}

.actividades .right-side p:last-child {
  	margin-bottom: 0;
}


.nombreAct{
	text-align: left;
	font-size: 22px;
	font-weight: bold;
  	color: #191919;
}



/*--------------------------------------------------------------
# Qué es
--------------------------------------------------------------*/
.que_es {
  background: #ffffff;
  text-align: left;

}

.que_es .content h3 {
  	font-weight: 600;
  	font-size: 26px;
}

.que_es .content ul {
  	list-style: none;
  	padding: 0;
}

.que_es .content ul li {
  	padding-bottom: 10px;
}

.que_es .content ul i {
  	font-size: 20px;
  	padding-right: 4px;
  	color: #5e5328;
}

.que_es .content p:last-child {
  	margin-bottom: 0;
}




/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
  	padding-top: 10px;
}

.why-us .box {
  	padding: 50px 30px;
  	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  	transition: all ease-in-out 0.3s;
}

.why-us .box span {
  	display: block;
  	font-size: 28px;
  	font-weight: 700;
  	color: #ed5b5b;
}

.why-us .box h4 {
  	font-size: 24px;
  	font-weight: 600;
  	padding: 0;
  	margin: 20px 0;
  	color: #191919;
}

.why-us .box p {
  	color: #aaaaaa;
  	font-size: 15px;
  	margin: 0;
  	padding: 0;
}

.why-us .box:hover {
  	background: #5e5328;
  	padding: 30px 30px 70px 30px;
  	box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}

.why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {
  	color: #fff;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
	background: #f2f2f2;
  	padding: 15px 0;
  	text-align: center;
}

.clients img {
  	width: 50%;
  	filter: grayscale(100);
  	transition: all 0.4s ease-in-out;
  	display: inline-block;
  	padding: 15px 0;
}

.clients img:hover {
  	filter: none;
  	transform: scale(1.2);
}

@media (max-width: 768px) {
	.clients img {
    	width: 40%;
  	}
}

/*--------------------------------------------------------------
# Organiza y Colabora
--------------------------------------------------------------*/
.orga {
	/*background: #f2f2f2;*/
	background: #000;
  	/*padding: 15px 0;*/
  	text-align: center;
}

.orga h2{
	color:#fff;
}

.orga .section-title span {
    position: absolute;
    top: 30px;
    color: #1B1B1B;
    left: 0;
    right: 0;
    z-index: 1;
    font-weight: 700;
    font-size: 52px;
    text-transform: uppercase;
    line-height: 0;
}

.orga img {
  	width: 50%;
  	filter: grayscale(100);
  	transition: all 0.4s ease-in-out;
  	display: inline-block;
  	padding: 15px 0;
}

.orga img:hover {
  	filter: none;
  	transform: scale(1.2);
}

@media (max-width: 768px) {
	.orga img {
    	width: 40%;
  	}
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 80px 20px;
  transition: all ease-in-out 0.3s;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #5e5328;
  transition: all .3s ease-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transform-style: preserve-3d;
}

.services .icon-box .icon i {
  color: #fff;
  font-size: 28px;
}

.services .icon-box .icon::before {
  position: absolute;
  content: '';
  left: -8px;
  top: -8px;
  height: 100%;
  width: 100%;
  background: #fce5e5;
  transition: all .3s ease-out 0s;
  transform: translateZ(-1px);
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #191919;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  background: #5e5328;
  border-color: #5e5328;
  padding: 70px 20px 90px 20px;
}

.services .icon-box:hover .icon {
  background: #fff;
}

.services .icon-box:hover .icon i {
  color: #5e5328;
}

.services .icon-box:hover .icon::before {
  background: #222222;
}

.services .icon-box:hover h4 a, .services .icon-box:hover p {
  color: #fff;
}


/*--------------------------------------------------------------
# Multimedia
--------------------------------------------------------------*/
.multimedia .icon-box {
  text-align: center;
  padding: 20px 20px;
  transition: all ease-in-out 0.3s;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.multimedia .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #ca6019;
  transition: all .3s ease-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transform-style: preserve-3d;
}

.multimedia .icon-box .icon i {
  color: #fff;
  font-size: 28px;
}

.multimedia .icon-box .icon::before {
  position: absolute;
  content: '';
  left: -8px;
  top: -8px;
  height: 100%;
  width: 100%;
  background: #fce5e5;
  transition: all .3s ease-out 0s;
  transform: translateZ(-1px);
}

.multimedia .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.multimedia .icon-box h4 a {
  color: #191919;
}

.multimedia .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.multimedia .icon-box:hover {
  background: #ca6019;
  border-color: #ca6019;
  padding: 70px 20px 90px 20px;
}

.multimedia .icon-box:hover .icon {
  background: #fff;
}

.multimedia .icon-box:hover .icon i {
  color: #5e5328;
}

.multimedia .icon-box:hover .icon::before {
  background: #222222;
}

.multimedia .icon-box:hover h4 a, .multimedia .icon-box:hover p {
  color: #fff;
}

.multimedia a {
  	color: #222222;
  	text-decoration: none;
}

.multimedia a:hover, a:focus {
  	color: #ffffff;
  	text-decoration: none;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
    background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/cta-bg.jpg") fixed center center;
	background-size: cover;
	padding: 120px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #5e5328;
  border: 2px solid #5e5328;
}

/*--------------------------------------------------------------
# Bases
--------------------------------------------------------------*/
.bases {
    /*background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/hero-bg_1.jpg") fixed center center;*/
	background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/cta-bg.jpg") fixed center center;
  	background-size: cover;
	padding: 120px 0;
}

.bases h3 {
  	color: #fff;
  	font-size: 28px;
  	font-weight: 700;
}

.bases p {
  	color: #fff;
}

.bases .cta-btn {
  	font-family: "Raleway", sans-serif;
  	text-transform: uppercase;
  	font-weight: 500;
  	font-size: 14px;
  	letter-spacing: 1px;
  	display: inline-block;
  	padding: 10px 28px;
  	transition: 0.5s;
  	margin-top: 10px;
  	border: 2px solid #fff;
  	color: #fff;
}

.bases .cta-btn:hover {
  	background: #5e5328;
  	border: 2px solid #5e5328;
	color: #ffffff;
}

.bases a {
  	color: #ffffff;
}

.bases a:hover {
  	color: #5e5328;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  font-family: "Poppins", sans-serif;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #222222;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #191919;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #4c4c4c;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #333333;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #5e5328;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
  color: #222222;
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5e5328;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5e5328;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(25, 25, 25, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Carteles
--------------------------------------------------------------*/
.carteles #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}

.carteles #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  font-family: "Poppins", sans-serif;
}

.carteles #portfolio-flters li:hover, .carteles #portfolio-flters li.filter-active {
  color: #222222;
}

.carteles #portfolio-flters li:last-child {
  margin-right: 0;
}

.carteles .portfolio-item {
  margin-bottom: 30px;
}

.carteles .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}

.carteles .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #191919;
}

.carteles .portfolio-item .portfolio-info p {
  color: #4c4c4c;
  font-size: 14px;
  margin-bottom: 0;
}

.carteles .portfolio-item .portfolio-info .preview-link, .carteles .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #333333;
}

.carteles .portfolio-item .portfolio-info .preview-link:hover, .carteles .portfolio-item .portfolio-info .details-link:hover {
  color: #5e5328;
}

.carteles .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.carteles .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.carteles .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.carteles .portfolio-item .portfolio-links a:hover {
  color: #222222;
}

.carteles .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5e5328;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5e5328;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(25, 25, 25, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}


/*--------------------------------------------------------------
# Para toda la Programación
--------------------------------------------------------------*/
.programacion {
  /*padding: 20px;*/
  background: #f9f9f9;
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.programacion .section-title p{
  	text-align: center;
}

.programacion p{
  	text-align: left;
}

.programacion .fecha_programa{
	display: block;
	text-align: left;
	font-weight: bold;
	padding-bottom: 1rem;
}

.programacion h3 {
  	padding: auto;
	text-align: left;
  	font-size: 24px;
  	text-transform: uppercase;
  	font-weight: bold;
  	color: #5e5328;
}

.programacion h4 {
  	font-size: 24px;
  	color: #5e5328;
  	font-weight: bold;
  	font-family: "Open Sans", sans-serif;
  	margin-bottom: 20px;
	text-align: left
}

.programacion h4 sup {
  	font-size: 20px;
  	top: -15px;
  	left: -3px;
}

.programacion h4 span {
  	color: #bababa;
  	font-size: 16px;
  	font-weight: 300;
}

.programacion ul {
  	padding: 0;
  	list-style: none;
  	color: #191919;
  	text-align: left;
  	line-height: 20px;
	margin: 20px 0 0 0;
}

.programacion ul li {
  	padding-bottom: 10px;
	display: inline-block;
	/*width: 100%;*/
}

.programacion ul i {
  	color: #5e5328;
  	padding-right: 4px;
}

.programacion ul li a {
  	color: #5e5328;
  	/*font-weight: 600;*/
}

.programacion ul li a:hover, a:focus {
  	color: #6b6344;
  	/*font-weight: 600;
	text-decoration: underline;*/
}

.programacion ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.programacion .btn-wrap {
  padding: 15px;
  text-align: center;
}

.programacion .btn-buy {
  background: #5e5328;
  display: inline-block;
  padding: 10px 40px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.programacion .btn-buy:hover {
  background: #222222;
}

.programacion .featured {
  background: #5e5328;
  box-shadow: none;
  color: #fff;
}

.programacion .featured h3, .programacion .featured h4, .programacion .featured ul, .programacion .featured ul li, .programacion .featured ul .na {
  color: #fff;
}

.programacion .featured h4 span {
  color: rgba(255, 255, 255, 0.58);
}

.programacion .featured .btn-wrap {
  padding: 15px;
  text-align: center;
}

.programacion .featured .btn-buy {
  background: rgba(255, 255, 255, 0.2);
}

.programacion .featured .btn-buy:hover {
  background: #fff;
  color: #5e5328;
}


.programacion .img_centro {
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    padding: 10px;
    background: #fff;
}

.programacion .card p a{
	color:#5e5328;
	font-weight: bold;
}

.programacion .card p a:hover, a:focus{
	color:#5e5328;
	font-weight: 700;
	text-decoration: underline;
}

.programacion .actividades_noche li{
	width: 100%;
}

/*--------------------------------------------------------------
# Otras Actividades
--------------------------------------------------------------*/
.otrasAct {
 	background: #f9f9f9;
  	/*text-align: center;*/
  	border-radius: 8px;
  	position: relative;
  	overflow: hidden;
}

.otrasAct .section-title p{
  	text-align: center;
}


/*--------------------------------------------------------------
# Información Práctica
--------------------------------------------------------------*/
.infoP {
	background: #f9f9f9;
  	/*text-align: center;*/
  	border-radius: 8px;
  	position: relative;
  	overflow: hidden;
}

.infoP .section-title p{
  	text-align: center;
}

.infoP .content h3 {
  	font-weight: 600;
  	font-size: 26px;
}

.infoP .content u {
  	text-decoration: underline;
}

.infoP .content u strong{
  	font-weight: 600;
    font-size: 22px;
	margin-bottom: 25px;
}

.infoP .content em {
  	font-weight: 600;
}

.infoP .content a {
  	color: #5e5328;
    text-decoration: none;
    font-weight: bold;
}

.infoP .content a:hover, a:focus {
  	color: #444444;
    text-decoration: underline;
    font-weight:700;
}

/* icon-added icon styles */
.infoP .content a::before{
	padding-right: 10px;
    font-family: "FontAwesome";
    content: "\f08e";
	font-weight: 300;
}

.infoP .content ul {
  	list-style: none;
  	padding: 0;
	margin-top: 25px;
}

.infoP .content ul li {
  	padding-bottom: 10px;
	/*padding-left: 1.3em;*/
	margin-left: 3em;
}

.infoP .content ul i {
  	font-size: 20px;
  	padding-right: 4px;
  	color: #cc1616;
}

.infoP .content ul li:before {
	content: "\f058"; /* FontAwesome Unicode */
  	font-family: FontAwesome;
  	display: inline-block;
  	margin-left: -1.3em; /* same as padding-left set on li */
  	width: 1.3em; /* same as padding-left set on li */
	font-size: 20px;
  	padding-right: 4px;
  	color: #5e5328;
}

.infoP .content p:last-child {
  	margin-bottom: 0;
}

.infoP a{
    color: #5e5328;
    text-decoration: none;
	font-weight: bold;
}

.infoP .content p{
	font-style: italic!important;
}


.infoP .img_centro {
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    padding: 10px;
    background: #fff;
}

.infoP .margenTB-40{
	margin-bottom: 40px;
	margin-top: 40px
}


/*--------------------------------------------------------------
# Contacto
--------------------------------------------------------------*/
.contacto .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
}

.contacto .info-box i {
  font-size: 32px;
  color: #ca6019;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #f5a0a0;
}

.contacto .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contacto .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contacto .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

.contacto .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contacto .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contacto .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contacto .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contacto .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contacto .php-email-form input, .contacto .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contacto .php-email-form input::focus, .contacto .php-email-form textarea::focus {
  background-color: #5e5328;
}

.contacto .php-email-form input {
  padding: 10px 15px;
}

.contacto .php-email-form textarea {
  padding: 12px 15px;
}

.contacto .php-email-form button[type="submit"] {
  background: #5e5328;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contacto .php-email-form button[type="submit"]:hover {
  background: #222222;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# voluntarios
--------------------------------------------------------------*/
.voluntarios .content h3 {
  	font-weight: 600;
  	font-size: 26px;
}

.voluntarios .content ul {
  	list-style: none;
  	padding: 0;
}

.voluntarios .content ul li {
  	padding-bottom: 10px;
}

.voluntarios .content ul i {
  	font-size: 20px;
  	padding-right: 4px;
  	color: #5e5328;
}

.voluntarios .content p:last-child {
  	margin-bottom: 0;
}

#voluntarios #boton_formulario {
    /*float: left;*/
    padding: 15px 0;
	margin: 0 0px 25px;
    text-align: center;
    width: 100%;
}

#voluntarios .btn.btn-voluntarios {
  background: none;
  border: 2px solid #bfb283;
  text-transform: uppercase;
  color: #635c42;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#voluntarios .btn.btn-voluntarios:hover {
  	background: white;
	color: #bfb283;
}

#voluntarios .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

#voluntarios .form-horizontal .form-group {
    display: flex;
	margin-bottom: 15px;
}

#voluntarios .form-horizontal .form-group label {
    margin-left: 15px;
	text-align: right;
    padding-right: 21px;
}

#voluntarios .info_proteccion{
	text-align: left;
    margin-top: 15px;
}

@media (max-width: 575px) {
	  #voluntarios .form-horizontal .form-group label {
		margin-left: 15px;
		text-align: inherit; 
		width: 100%;
		margin-bottom: 15px;
		margin-top: 15px;
		}

		#voluntarios .form-horizontal .form-group {
		display: inline;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
}






/*--------------------------------------------------------------
# reservas
--------------------------------------------------------------*/
.reservas .content h3 {
  	font-weight: 600;
  	font-size: 26px;
}

.reservas .content ul {
  	list-style: none;
  	padding: 0;
}

.reservas .content ul li {
  	padding-bottom: 10px;
}

.reservas .content ul i {
  	font-size: 20px;
  	padding-right: 4px;
  	color: #5e5328;
}

.reservas .content p:last-child {
  	margin-bottom: 0;
}

#reservas #boton_formulario {
    /*float: left;*/
    padding: 15px 0;
	margin: 0 0px 25px;
    text-align: center;
    width: 100%;
}

#reservas .btn.btn-voluntarios {
  background: none;
  border: 2px solid #bfb283;
  text-transform: uppercase;
  color: #635c42;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#reservas .btn.btn-voluntarios:hover {
  	background: white;
	color: #bfb283;
}

#reservas .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

#reservas .form-horizontal .form-group {
    display: flex;
	margin-bottom: 15px;
}

#reservas .form-horizontal .form-group label {
    margin-left: 15px;
	text-align: right;
    padding-right: 21px;
}

#reservas .info_proteccion{
	text-align: left;
    margin-top: 15px;
}

@media (max-width: 575px) {
  #reservas .form-horizontal .form-group label {
	margin-left: 15px;
	text-align: inherit; 
	width: 100%;
	margin-bottom: 15px;
    margin-top: 15px;
	}
	
	#reservas .form-horizontal .form-group {
    display: inline;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #5e5328;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #f5a0a0;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #5e5328;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #5e5328;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #222222;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
	padding: 15px 0;
  	background: #efefef;
}

.breadcrumbs h2 {
  	font-size: 26px;
  	font-weight: 600;
}

.breadcrumbs ol {
  	display: flex;
  	flex-wrap: wrap;
  	list-style: none;
  	padding: 0 0 10px 0;
  	margin: 0;
  	font-size: 14px;
}

.breadcrumbs ol li + li {
  	padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  	display: inline-block;
  	padding-right: 10px;
  	color: #333333;
  	content: "/";
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  	background: #0c0c0c;
  	padding: 0 0 30px 0;
  	color: #fff;
  	font-size: 14px;
}

#footer .footer-top {
  	padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  	margin-bottom: 15px;
  	/*background: #191919;
	border-top: 4px solid #5e5328;
	*/
  	color: #fff;
  	text-align: center;
  	padding: 30px 20px;
}

#footer .footer-top .footer-info h3 {
  	font-size: 36px;
  	margin: 0 0 20px 0;
  	padding: 2px 0 2px 0;
  	line-height: 1;
  	font-weight: 700;
}

#footer .footer-top .footer-info p {
  	font-size: 14px;
  	line-height: 24px;
  	margin-bottom: 0;
  	font-family: "Raleway", sans-serif;
}

#footer .footer-top .social-links a {
  	font-size: 18px;
  	display: inline-block;
  	background: #262626;
  	color: #fff;
  	line-height: 1;
  	padding: 8px 0;
  	margin-right: 4px;
  	border-radius: 50%;
  	text-align: center;
  	width: 36px;
  	height: 36px;
  	transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  	background: #5e5328;
  	color: #fff;
  	text-decoration: none;
}

#footer .footer-top h4 {
  	font-size: 16px;
  	font-weight: 600;
  	color: #fff;
  	position: relative;
  	padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  	margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  	list-style: none;
  	padding: 0;
  	margin: 0;
}

#footer .footer-top .footer-links ul i {
  	padding-right: 2px;
  	color: #5e5328;
  	font-size: 18px;
  	line-height: 1;
}

#footer .footer-top .footer-links ul li {
  	padding: 10px 0;
  	display: flex;
  	align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  	padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  	color: #fff;
  	transition: 0.3s;
  	display: inline-block;
  	line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  	color: #5e5328;
}

#footer .footer-top .footer-newsletter form {
  	margin-top: 30px;
  	background: #fff;
  	padding: 6px 10px;
  	position: relative;
  	border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  	border: 0;
  	padding: 4px;
  	width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	border: 0;
  	background: none;
  	font-size: 16px;
  	padding: 0 20px;
  	background: #5e5328;
  	color: #fff;
  	transition: 0.3s;
  	border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  	background: #222222;
}

#footer .copyright {
  	border-top: 1px solid #262626;
  	text-align: center;
  	padding-top: 30px;
}

#footer .credits {
  	padding-top: 5px;
  	text-align: center;
  	font-size: 13px;
  	color: #fff;
}

#footer .credits a {
  	color: #222222;
}

@media (max-width: 575px) {
  #footer .footer-top .footer-info {
    margin: -20px 0 30px 0;
  }
}