@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=Hind');

/*--header--*/
h1,h2,h3,h4,h5,h6 			{	font-family: 'Josefin Sans', sans-serif;}
body 						{	font-family: 'Hind', serif;}
ul ,ol  					{ 	padding:0;}
h1,h2,h3,h4,h5,h6 			{	margin:0;}
a 							{ 	transition:all 0.3s ease;}
a img 						{	transition:all 0.3s ease;}
a:hover, a:focus  			{   text-decoration: none !important;}
/*--- slider-css --*/
.slider{
	position:relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs {
    position: absolute;
    bottom: 9%;
    z-index: 99;
    right: 41%;
}
.rslides_tabs li {
    display: inline-block;
	margin-right: 15px;
}
.rslides_tabs a {
    border: 2px solid #fff;
    border-radius: 50%;
}
.rslides_tabs li:first-child {
  margin-left: 0;
  }
.rslides_tabs .rslides_here a {
  color: #fff;
  font-weight: bold;
  }
#slider3-pager a {
  display: inline-block;
}
#slider3-pager img {
  float: left;
  display:block;
}
#slider3-pager .rslides_here a {
    background: transparent;
    border: 2px solid #e25111;
}
#slider3-pager a {
    padding: 4px;
}
/*-- responsive-mediaqueries --*/
@media (max-width:768px){
	.rslides_tabs {
		bottom: 10px;
	}
}
@media (max-width:640px){
	.rslides_tabs {
		bottom: 15px;
	}
	#slider3-pager a {
		width: 90%;
	}
	ul#slider3-pager li a img {
		width: 100%;
	}
	.rslides_tabs li {
		margin-right: 3px;
	}
}
@media (max-width:480px){
	#slider3-pager a {
		width: 13%;
	}
	.rslides_tabs {
		bottom: 20px;
	}
}
@media (max-width:320px){
	#slider3-pager a {
		width: 15%;
	}
	.rslides_tabs {
		bottom: 25px;
	}
}
/*-- //slider-css --*/

/*-- navigation --*/
/*-- Victoria Regia --*/
header .logo				{	text-align: left; padding-left:0px !important; padding-top: 8px; padding-bottom: 8px;}
header .menu				{	padding-right:0px;}
.header, .header2 			{	z-index: 1500; width:100%;}
.header 					{	position: relative; background: rgba(255,255,255,1);}
.header2 					{	position: fixed; background: rgba(0,148,215,1);}
.header .centro, .header2 .centro 	{	margin: auto; width:80%;}
.header .menu 				{	padding-top:15px;}
.header2 .menu				{	padding-top:5px;}
.header2 .logo				{	padding-top:5px; padding-bottom: 5px;}
.header .linkEffects ul 			{	text-align:right;}
.header2 .linkEffects ul 			{	text-align:right;}
.header2 .linkEffects li a 			{	color: #fff;}
.header2 .linkEffects li a:hover 	{	color: #f15b2f;}
.header2 .linkEffects li a::before	{	color: #f15b2f;}
.header2 .linkHoverEffect_2 li.what				{	padding-top:0px;}
.header2 .linkHoverEffect_2 li.what a {
    font-size: 26px;
    width: 34px;
    height: 36px;
}
.header2 nav.linkEffects.linkHoverEffect_2 ul li a.active {
    color: #f15b2f !important;
}

.terraverde							{	background: rgba(0,148,215,0.9); padding-top: 5px; padding-bottom: 5px;}
.terraverde .campo 					{   width: 80%; margin: auto;}
.terraverde .campo .zona_by 		{	text-align:left;}
.terraverde .campo .zona_hotel 		{	text-align:right;}
.terraverde .campo .zona_hotel a em {   font-style:normal;}
.terraverde .campo a 				{	display: inline-block; margin: 0 3px; color: #fff; font-size: 10px;}
.terraverde .campo img 				{	height:20px;}
.terraverde .campo span 			{	display:inline-block; padding-left: 5px; padding-right: 5px; color: #fff;}
.terraverde .campo a.gris 			{ 	color: #e0e0e0;}
.terraverde .campo a.gris img 		{	-webkit-filter: grayscale(100%);
										-moz-filter: grayscale(100%);
										-ms-filter: grayscale(100%);
										-o-filter: grayscale(100%);
										filter: grayscale(100%);}
.terraverde .campo a.gris:hover 	{	color:#fff;}
.terraverde .campo a.gris:hover img {	-webkit-filter: grayscale(0%);
										-moz-filter: grayscale(0%);
										-ms-filter: grayscale(0%);
										-o-filter: grayscale(0%);
										filter: grayscale(0%);}



.experiencia_header 				{	text-align: center; padding-top: 50px; padding-bottom: 20px;}
.experiencia_header h1 				{	font-family: 'Cabin', sans-serif; font-size: 32px;}
.experiencia_header .sub_menu 		{	padding-top: 20px;}
.experiencia_header .sub_menu ul 	{	list-style:none;}
.experiencia_header .sub_menu ul li {	display:inline-block; margin: 0px 5px;}
.experiencia_header .sub_menu ul a 		{	display:inline-block; padding: 8px 10px; color: #e1182e; border-bottom: #ef8a95 3px solid;}
.experiencia_header .sub_menu ul a:hover{	background: #ef8a95; color: #fff;}
.experiencia_header .sub_menu ul a:active{	background: #ef8a95; color: #fff;}

.experiencia_resumen 				{	height: 300px; position: relative; overflow: hidden;
										background-attachment: fixed;
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover;}
.experiencia_resumen .fondo			{	background-color: rgba(190,213,47,0.8); height: 300px;}
.experiencia_resumen p				{	font-family: 'Hind', sans-serif !important; color: #000; font-size: 30px; font-weight: bold; text-align: center;
										padding-top: 50px; padding-bottom: 30px; margin: 0px;}

.experiencia_detalle 				{	padding-top: 40px; padding-bottom: 20px; line-height: 25px; font-size: 1.1em; text-align: justify;}
.experiencia_detalle h2 			{	padding-bottom: 20px;}
.experiencia_detalle img.imagen 	{	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
										-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
										box-shadow: 0px 1px 5px 0px #4a4a4a;}
.experiencia_detalle img.izq 		{	float:left; margin-right: 15px; margin-bottom: 10px;}
.experiencia_detalle img.der 		{	float:right; margin-left: 15px; margin-bottom: 10px;}
.experiencia_detalle img.cen 		{	display: block; margin: 0 auto 15px auto;}

.experiencia_fotos					{	padding-top: 30px; padding-bottom: 30px;}
.experiencia_fotos h2 				{	padding-bottom: 20px;}
.experiencia_fotos .box 			{	border-bottom: 20px #fff solid; overflow-x: hidden !important; overflow-y: hidden !important;}
.experiencia_fotos .box img 		{	width:100%;
										-webkit-transform: rotate(0) scale(1.2);
										transform: rotate(0) scale(1.2);
										-webkit-transition: .3s ease-in-out;
										transition: .3s ease-in-out;}
.experiencia_fotos .box img:hover 	{	-webkit-transform: rotate(0) scale(1);
										transform: rotate(0) scale(1);}


.experiencia_videos					{	padding-top: 30px; padding-bottom: 30px;}
.experiencia_videos h2 				{	padding-bottom: 20px;}
.experiencia_videos .box 			{	border-bottom: 20px #fff solid; overflow-x: hidden !important; overflow-y: hidden !important;}
.experiencia_videos .box img 		{	width:100%;
										-webkit-transform: rotate(0) scale(1.2);
										transform: rotate(0) scale(1.2);
										-webkit-transition: .3s ease-in-out;
										transition: .3s ease-in-out;}
.experiencia_videos .box img:hover 	{	-webkit-transform: rotate(0) scale(1);
										transform: rotate(0) scale(1);}

.experiencia_archivos 				{	padding-top: 30px; padding-bottom: 30px;}
.experiencia_archivos a 			{	color:#0095da; text-align: center; padding: 10px 15px; display: block !important;}
.experiencia_archivos a:hover 		{	color:#762d0c;}
.experiencia_archivos a .fa 		{	display: block !important; margin-bottom: 15px !important; font-size: 45px !important; color: #4e4b4e !important;}

/*-- //Victoria Regia --*/

/* ******************************************************
	Basic Styling
*********************************************************/
.linkEffects ul 		{	margin:0; padding:0; text-align:right; width: 100%; font-family: 'Cabin', sans-serif;}
.linkEffects li 		{	list-style:none; display:inline-block; margin: 0px 2px;}
.linkEffects li a 		{	font-size: 0.9em;	position: relative;	display: inline-block; outline: none; color: #404735; text-decoration: none;
							text-transform: uppercase; letter-spacing: 1px;	padding: 0px 15px; line-height: 42px;}

/* ******************************************************
	Effect 2: Changer .linkHoverEffect_2
*********************************************************/

.linkHoverEffect_2 li 			{	position: relative; display: inline-block;}
.linkHoverEffect_2 li a 		{  	color:rgb(64, 71, 53); font-weight: 400 !important;
									-webkit-transition: -webkit-transform 0.5s ease;  transition: -webkit-transform 0.5s ease;
  									transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease;}
.linkHoverEffect_2 li ul 		{	position: absolute; top: 100%; left:0; z-index: 2000; width: 100%; visibility:hidden;
									transition: max-height .25s ease-in-out; text-align: center;}
.linkHoverEffect_2 li ul li 	{	display:inline-block; max-width: 1000px !important; min-width: 250px; background: #fff; padding: 5px; border-radius:0 0 3px 3px;}
.linkHoverEffect_2 li ul li a 		{	color:#e25111; display:block; font-size: 11px; padding: 4px 10px; border-bottom: 3px solid #fff; text-align: center;}
.linkHoverEffect_2 li ul li a:hover {	background: #989998; color: #fff;}
.linkHoverEffect_2 li:hover ul 	{	visibility:visible;}
.linkHoverEffect_2 li:hover a 	{	color: #0094d7;}
.linkHoverEffect_2 li:hover ul,
.linkHoverEffect_2 li:focus ul 	{	visibility: visible;}

.linkHoverEffect_2 li.what {
    margin: 0px !important;
}
.linkHoverEffect_2 li.what a {
    background-color: #25d366;
    color: #ffffff;
    font-size: 28px;
    width: 40px;
    height: 40px;
    padding: 0px;
    font-weight: bold;
    text-align: center;
    border-radius: 48%;
    border-bottom: none !important;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.linkHoverEffect_2 li.what a i {
    display: block !important;
    text-align: center;
    padding-top: 0px !important;
}
.linkHoverEffect_2 li.what a:hover {
    background-color: #128c7e;
    color: #ffffff !important;
}

.what_movil {
    text-align: center;
    color: #ffffff;
    background-color: #25d366;
    font-size: 28px;
    font-weight: bold;
    display: none;
    width: 42px;
    height: 42px;
    line-height: 45px;
    border-radius: 48%;
    float: right;
    margin-left: 5px;
}
.what_movil span {
    display: block;
}
.what_movil:hover {
    background-color: #128c7e !important;
    color: #ffffff;
}

.navbar-default {
    background: none;
    border: none;
    margin: 0;
    min-height: inherit;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #99abd5;
   background:none!important;
}
.navbar-nav > li {
   margin: 0 0.5em;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
	font-size: 1.2em;
	padding: 1.8em 1em;
    position: relative;
	font-weight: 300;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav li a.active {
    color: #f44639 !important;
	background:none!important;
}
.navbar-right {
    float: left!important;
    margin-right:0px!important;
}
.navbar-collapse {
    padding: 0!important;
}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

.top-nav {
    margin-top: 0px;
}
.top-icons {
    float: right;
}
nav.linkEffects.linkHoverEffect_2 ul li a.active {
    color: #0094d7 !important;
}
/*-- //top-nav --*/
/*--// navigation --*/


/*-- header --*/
.banner-agile-top .number h3 {
    float: left;
	color:#fff;
	font-size: 1.2em;
}
.top-icons ul li {
    font-size: 1.3em;
    color: #fff;
    margin: 10px;
	list-style: none;
	display: inline;
}
.top-icons ul li a{
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none !important;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.top-icons ul li a:hover {
    color: #e25111;
	 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.top-icons ul li a i {
    padding-right: 1em;
}
nav.navbar.navbar-default {
}
/*-- Slider --*/
#slider {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0,0,0,.25);
	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background: rgba(255,255,255,.1);
	color: #fff;
	font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks_container {
    position: relative;
    float: none;
    width: 100%;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	left: 0;
	top: 0;
}
.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    bottom: 326px;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width: 50px;
    height: 50px;
    background: transparent url(../images/arrows123.png) no-repeat left top;
}
.callbacks_nav.next {
  left: auto;
    background-position: right top;
  left: 95.5%;
 }
 .callbacks_nav.prev {
    right: auto;
    background-position: left top;
    left:22px;
}
.callbacks_nav:active {
	opacity: 1.0;
}

.callbacks2_nav:active {
	opacity: 1.0;
}

#slider-pager a {
	display: inline-block;
}

#slider-pager span {
	float: left;
}
#slider-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}
#slider-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}
#slider-pager a {
	padding: 0;
}
#slider-pager li {
	display: inline-block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	left: 0%;
	top: 0;
	width: 100%;
}
.rslides li {
	position: relative;
	display: block;
	float: none;
}
.rslides img {
	height: auto;
    width: 100%;
	border: 0;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 80%;
	z-index: 999;
	left: 11%;
	padding: 0em 0.6em 1em 0.3em;
	margin: 0;
}
.callbacks_tabs li {
	display: inline-block;
	margin: 0.5em;
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width:12px;
	height: 12px;
	display: inline-block;
	background: #fff;
	border: none;
	border-radius: 50%;
}
.callbacks_here a:after {
	background: #ff4f81;
}
.slider-info {
    position: absolute;
    top: 22em;
    z-index: 999;
    left: 13em;
    width: 50%;
    height: 100%;
}
.slider-info {
     position: static; 
    width: 100%;
    min-height:800px;
    padding: 320px 0;
    background-size: cover;
}
.slider-info1 {
     position: static; 
    width: 100%;
    min-height:800px;
    padding: 320px 0;
    background: url(../images/ban4.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.slider-info2 {
    position: static; 
    width: 100%;
    min-height:800px;
    padding: 320px 0;
    background: url(../images/ban3.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.slider-info img,.slider-info1 img,.slider-info2 img {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 2.5em;
}
.slider-info h3, .slider-info1 h3, .slider-info2 h3 {
    font-size: 35px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    /* margin: 20px 0px; */
    width: 50%;
    margin-left: 4em;
    margin-bottom: .5em;
	text-shadow: 2px 2px 1px rgba(3,12,17,0.31);
}

.slider-info p, .slider-info1 p, .slider-info2 p {
    font-size: 18px;
    font-weight: 100;
    color: #d3d8d8;
    margin-left: 8em;
    line-height: 28px;
    width: 50%;
	text-shadow: 2px 2px 1px rgba(3,12,17,0.63);
}
.slider-info h4 {
    font-size: 45px;
    color: #b56d10;
	letter-spacing: 3px;
	text-transform:uppercase; 
	margin-top: 7px;
}
h6 {
	margin:0 auto;
	z-index:999;
}
h6 a{
	cursor:pointer;
	font-size:15px;
	text-transform:uppercase;
}
.slider-top span{
font-weight:600;
}
.callbacks_tabs li{
    display: inline-block;
    margin: 0 3px;
}
 .readmore-w3 a {
    border: 1px solid #e25111;
    background: #e25111;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    padding: 1em;
    margin: 3.5em 0 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.readmore-w3 {
    margin-left: 13em;
}
/*-- //Slider --*/
.modal-header h4 {
    color: black;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin: 0.5em 0em 1em;
}
.modal-header h5 {
    color: #f44639;
    font-size: 1.3em;
    letter-spacing: 1px;
   text-align:center;
}
.modal-header p{
	margin:1em 0;
	font-size: 1.2em;
}
.modal-header span {
    font-size: 1.1em;
    color: #777;
    letter-spacing: 2px;
    line-height: 33px;
    padding-bottom: 16px;
	display:inline-block;
	margin-top:1em;
	font-family: 'Rubik', sans-serif;
}
.modal-header img{
    float:none;
    width: 100%;
}

/*BOOKING HOME*/
/*TEMPORAL BOOK DESHABILITADO*/
.booking_home 				{	position: absolute; bottom:-15px; right: 0px; left: 0px; z-index: 999; }
.booking_home h3 			{	color: #f5f5f5; text-align: center; padding-top: 12px;}
.booking_home h5 			{   color: #fff; font-size: 14px; font-style: normal; padding-bottom: 0.5em;}
.booking_home label 		{	color:#fff;}
.booking_home .marco 		{	padding: 0.7em; display: block; background:rgba(0,148,215,0.9); border: 1px solid #59a2c3; z-index: 0;}
.booking_home .marco input[type="text"], select {
    outline: none;
    width: 92%;
    background: #fff;
    color:#4B4B4B;
    padding: 4px 10px;
    font-size: 12px !important;
    border: 1px solid #E7E7E7; z-index: 0;
}
.booking_home input[type="submit"] 		{	outline:none; padding:0.5em 2em; margin-top: 8px; font-size:14px; cursor:pointer; color:#fff; background:#e25111; border:3px solid #e25111; transition:all 0.3s ease;}
.booking_home input[type="submit"]:hover{	color:#094bad; background:#fff; border:3px solid #e25111;}
.booking_home .select {
    padding: 4px 10px !important;
    margin-bottom: 0px !important;
    height: 28px !important;
}
.booking_home .date {
    height: 28px !important;
}

.about 						{ 	padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px;}
.about .texto				{	margin:2em 3.5em; line-height: 1.7em;}
.about .texto h3 			{	text-align:center; font-size: 3em; margin:1.5em 0 1em 0; font-family: 'Josefin Sans', sans-serif; color: #a42a35;}
.about .texto a 			{	background: #e25111; padding: 1em; color: #fff; display: inline-block; margin-top: 15px;}
.about .video 				{	position:relative; padding-bottom:56.25%; padding-top:30px;	height:0; overflow:hidden;}
.about .video iframe, .about .video object, .about .video embed {
								position:absolute; top:0; left:0; width:100%; height:100%;}

.listas 							{	padding-top: 40px; padding-bottom: 20px; line-height: 25px; font-size: 1.1em; text-align: justify; background:#f9f5f7;}
.listas h1,
.listas h3 							{	text-align: center; font-size: 25px; padding-bottom: 20px; color: #0094d7;}
.listas h2 							{	color: #0094d7; padding-bottom: 20px;}
.listas h3 							{	text-align: left;}
.listas h5 							{	font-size:15px; color: #000; padding: 10px 0 3px;} 
.listas_detalle 					{	background:#ffffff; padding: 15px 20px; color:#7e7e7e;}
.lista_info 						{	padding-bottom:15px;}
/*.lista_servicios ul 				{	margin:0px; padding: 0px; list-style: none;}
.lista_servicios ul li 				{	margin-bottom:20px;}
.lista_servicios ul li a 					{}
.lista_servicios ul li a .titulo 			{	text-align:center;}
.lista_servicios ul li a .imagen 			{	position: relative; height: auto !important;}
.lista_servicios ul li a .imagen img 		{	position: relative; z-index: 1; border: 3px solid #3E512B;}
.lista_servicios ul li a .imagen span 		{	position: absolute; visibility: hidden; bottom: 0px; left: 0px; right: 0px; text-align: center; font-size: 0.8em; color: #fff; z-index: 1000; padding: 15px 15px; line-height: 1.2em; background: rgba(0,0,0,0.5); height:50%; overflow:hidden;}
.lista_servicios ul li a:hover .imagen span {	visibility: visible;}*/
.lista_servicios ul 					{	margin:0px; padding: 0px; list-style: none;}
.lista_servicios ul li 					{	margin-bottom:20px;}
.lista_servicios ul li a 				{	display: block;}
.lista_servicios ul li a h4 			{	margin:0px; font-family: 'Cabin', sans-serif; padding: 5px 10px; text-align: center; color:#0094d7;}
.lista_servicios ul li a .img			{	display:block; position:relative; background:#233D16; overflow:hidden; text-align:center;}
.lista_servicios ul li a .img img 		{	width:100%; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.lista_servicios ul li a .img .texto	{	position:absolute; bottom:-100%; left:0%; right: 0%; display:inline-block; padding:5px 20px; color:#fff; font-style:normal; opacity:1;
											-webkit-transition: .3s ease-in-out;
											transition: .3s ease-in-out; font-size: 0.8em;}
.lista_servicios ul li a:hover 				{	color:#e25111;}
.lista_servicios ul li a:hover h4			{	color:#e25111;}
.lista_servicios ul li a .img:hover .texto	{	display:inline-block; bottom:0%; top: 0%; padding-top: 15%; background:rgba(54,45,46,0.7);}
.lista_servicios ul li a .img:hover img 	{	/*filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;*/}

.programa 							{	padding-top: 40px; padding-bottom: 20px; line-height: 25px; font-size: 1.1em; text-align: justify; background:#f9f5f7;}
.programa h1,h3 					{	text-align: center; font-size: 25px; padding-bottom: 20px; color: #0094d7;}
.programa h2 						{	color: #0094d7; padding-bottom: 20px;}
.programa_detalle,
.programa_reserva,
.contactar,
.habitacion_reserva					{	background:#ffffff; padding: 15px; color:#7e7e7e; margin-bottom: 15px;}

.programa_reserva,
.habitacion_reserva					{	margin-bottom:15px;}

.programa_detalle .sub_menu 		{	padding-bottom: 20px; text-align: center;}
.programa_detalle .sub_menu ul 		{	list-style:none;}
.programa_detalle .sub_menu ul li	{	display:inline-block; margin: 0px 5px;}
.programa_detalle .sub_menu ul a 		{	display:inline-block; padding: 8px 10px; color: #e1182e; border-bottom: #ef8a95 3px solid;}
.programa_detalle .sub_menu ul a:hover 	{	background: #ef8a95; color: #fff;}
.programa_detalle .sub_menu ul a:active {	background: #ef8a95; color: #fff;}
.programa_detalle .sub_menu ul a.active	{	display:inline-block; padding: 8px 10px; background: #ef8a95; color: #fff; border-bottom: #ef8a95 3px solid;}
.programa_detalle .resumen 			{	padding-bottom:20px;}
.programa_detalle .resumen .img 	{	width:80%; margin:auto; margin-bottom: 15px; clear: both;}
.programa_detalle .itinerario 				{	padding-bottom:20px; padding-top: 20px;}
.programa_detalle .itinerario .iti 			{	margin:0px; padding: 0px; list-style: none;}
.programa_detalle .itinerario .iti li 		{	margin-bottom: 15px; background: #f4f8f3;}
.programa_detalle .itinerario .iti li h4 	{	color:#000; background: #f1f6ef; padding: 10px 15px;}
.programa_detalle .itinerario .iti li .info {	padding:10px 15px;}
.programa_detalle .prog_info 				{	display:none;}

.habitacion_reserva input,textarea 	{	margin-bottom:15px; width: 97%; padding: 8px 15px; font-size: 0.8em;}
.habitacion_reserva .boton 			{}
.habitacion_reserva .boton 	 		{ 	background: #e25111; border: 3px solid #e25111; padding: 0.3em 0.9em; color: #fff; display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.habitacion_reserva .boton:hover	{   color: #0fab0d; background: #fff; border: 3px solid #e25111;}
.habitacion_reserva .whatsapp 		{	color: #0fab0d; display: block;}

.programa_reserva input,textarea 	{	margin-bottom:15px; width: 97%; padding: 8px 15px; font-size: 0.8em;}
.programa_reserva .boton 			{}
.programa_reserva .boton 	 		{ 	background: #e25111; border: 3px solid #e25111; padding: 0.3em 0.9em; color: #fff; display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.programa_reserva .boton:hover 		{   color: #0fab0d; background: #fff; border: 3px solid #e25111;}
.programa_reserva .whatsapp 		{	color: #0fab0d; display: block;}

.regular_otros 						{	position: relative; margin: 0px 15px;}
.regular_otros a 					{	text-align: center; color: #337ab7 !important;}
.regular_otros img 					{	width: 100%;}

.contactar input,textarea,select    {	margin-bottom:15px; width: 97%; padding: 8px 15px; font-size: 0.8em;}
.contactar select {
    border-color: rgba(118, 118, 118) !important;
}
.contactar .boton 					{}
.contactar .boton 	 				{ 	background: #e25111; border: 3px solid #e25111; padding: 0.3em 0.9em; color: #fff; display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.contactar .boton:hover 			{   color: #0fab0d; background: #fff; border: 3px solid #e25111;}
.contactar h5 						{	display:inline; font-weight: bold; font-size: 18px; color: #3d401f; padding-right: 15px;}
.contactar a.whatsapp 				{	color: #00ba00 !important; display: block;}
.contactar a.whatsapp:hover 		{	text-decoration:underline !important;}
.contactar a.facebook 				{	display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background: #38539b; border: 2px solid #38539b; border-radius: 14px; margin-right: 10px;}
.contactar a.facebook:hover 		{	color:#38539b; background: #fff;}
.contactar a.twitter 				{	display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background: #54d1f7; border: 2px solid #54d1f7; border-radius: 14px;}
.contactar a.twitter:hover 			{	color:#54d1f7; background: #fff;}

.compartir							{	padding-bottom: 20px; background: #fff;}
.compartir h5 						{	display:inline; font-weight: bold; font-size: 18px; color: #3d401f; padding-right: 15px;}
.compartir a.whatsapp 				{	color: #00ba00 !important; display: block;}
.compartir a.whatsapp:hover 		{	text-decoration:underline !important;}
.compartir a.facebook 				{	display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background: #38539b; border: 2px solid #38539b; border-radius: 14px; margin-right: 10px;}
.compartir a.facebook:hover 		{	color:#38539b; background: #fff;}
.compartir a.twitter 				{	display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background: #54d1f7; border: 2px solid #54d1f7; border-radius: 14px;}
.compartir a.twitter:hover 			{	color:#54d1f7; background: #fff;}


.experiencias 				{	padding-left: 5%; padding-right: 5%;}
.experiencias h2 			{	text-align:center; margin: 0px; padding: 1em; font-size: 3em; font-family: 'Josefin Sans', sans-serif; color: #a42a35;}
.experiencias .box 			{	margin-bottom:15px; position: relative; overflow: hidden; width:100%; height:100%; background:#000;}
.experiencias .box *,
.experiencias .box *:before,
.experiencias .box *:after 	{  -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.55s ease; transition: all 0.55s ease;}
.experiencias .box img  	{  max-width: 100%; backface-visibility: hidden; vertical-align: top; opacity: 0.9;}
.experiencias .box .tit		{  position: absolute; top: 58%; left: 25px; padding: 5px 10px 10px;}
.experiencias .box .tit:before,
.experiencias .box .tit:after { height: 2px; width: 400px; position: absolute; content: ''; background-color: #ffffff;}
.experiencias .box .tit:before{ top: 0; left: 10px; -webkit-transform: translateX(100%); transform: translateX(100%);}
.experiencias .box .tit:after { bottom: 0; right: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.experiencias .box .tit div:before,
.experiencias .box .tit div:after {  width: 2px; height: 300px; position: absolute; content: ''; background-color: #f6f8f2;}
.experiencias .box .tit div:before{  top: 10px; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
.experiencias .box .tit div:after {  bottom: 10px; left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.experiencias .box  h3 		{  display: block; font-weight: 700; padding: 5px 10px; color: #fff;}
.experiencias .box .det		{  position: absolute; bottom: 42%; left: 25px; text-align: left; opacity: 0; padding: 5px 60px 5px 10px; font-size: 0.8em; font-weight: normal; color:#fff;}
.experiencias .box .det p 	{  margin: 0;}
.experiencias .box a 		{  position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.experiencias .box:hover img,
.experiencias .box.hover img{ 	zoom: 1; filter: alpha(opacity=35); -webkit-opacity: 0.35; opacity: 0.35;}
.experiencias .box:hover .tit:before,
.experiencias .box.hover .tit:before,
.experiencias .box:hover .tit:after,
.experiencias .box.hover .tit:after,
.experiencias .box:hover .tit div:before,
.experiencias .box.hover .tit div:before,
.experiencias .box:hover .tit div:after,
.experiencias .box.hover .tit div:after {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.experiencias .box:hover .tit:before,
.experiencias .box.hover .tit:before,
.experiencias .box:hover .tit:after,
.experiencias .box.hover .tit:after 	{  -webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.experiencias .box:hover .det,
.experiencias .box.hover .det			{  opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}


.experiencia_fotos					{	padding-top: 30px; padding-bottom: 30px;}
.experiencia_fotos h2 				{	padding-bottom: 20px; color: #0094d7;}
.experiencia_fotos .box 			{	border-bottom: 20px #fff solid; overflow-x: hidden !important; overflow-y: hidden !important;}
.experiencia_fotos .box img 		{	width:100%;
										-webkit-transform: rotate(0) scale(1.2);
										transform: rotate(0) scale(1.2);
										-webkit-transition: .3s ease-in-out;
										transition: .3s ease-in-out;}
.experiencia_fotos .box img:hover 	{	-webkit-transform: rotate(0) scale(1);
										transform: rotate(0) scale(1);}


.experiencia_videos					{	padding-top: 30px; padding-bottom: 30px;}
.experiencia_videos h2 				{	padding-bottom: 20px; color: #0094d7;}
.experiencia_videos .box 			{	border-bottom: 20px #fff solid; overflow-x: hidden !important; overflow-y: hidden !important;}
.experiencia_videos .box img 		{	width:100%;
										-webkit-transform: rotate(0) scale(1.2);
										transform: rotate(0) scale(1.2);
										-webkit-transition: .3s ease-in-out;
										transition: .3s ease-in-out;}
.experiencia_videos .box img:hover 	{	-webkit-transform: rotate(0) scale(1);
										transform: rotate(0) scale(1);}

.experiencia_archivos 				{	padding-top: 30px; padding-bottom: 30px;}
.experiencia_archivos .box 			{	margin-bottom:5px;}
.experiencia_archivos .box a 		{	color:#e25111;}
.experiencia_archivos .box a:hover 	{	color:#762d0c;}
.experiencia_archivos .box a img 	{	padding-right:5px;}

.interna 							{	padding-top: 40px; padding-bottom: 20px; line-height: 25px; font-size: 1.1em; text-align: justify; background:#f9f5f7;}
.interna h1,h3 						{	text-align: center; font-size: 25px; padding-bottom: 10px; padding-top: 10px; color: #0094d7;}
.interna h1 						{	font-size:30px;}
.interna h2 						{	color: #0094d7;}
.interna_detalle					{	background:#ffffff; padding: 15px; color:#7e7e7e;}
.interna_high 						{	position: relative; max-height: 350px; overflow: hidden;  text-align: center; color: #fff;
										background-attachment: fixed;
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover; background-image: url(../images/parallax_2.jpg);}
.interna_high .fondo				{	background-color: rgba(5,88,125,0.8); padding:15px 0; height: 350px;}
.interna_high iframe 				{	width:100%;}
.interna_high img 					{	width:100%; max-height: 320px;}
.interna_informacion				{	padding:10px 15px; font-size: 1.2em; text-align: justify;}
.interna_informacion ol,
.interna_informacion ul 			{	padding-left:15px;}
.interna_informacion img.imagen 	{	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; width: 300px;
										-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
										box-shadow: 0px 1px 5px 0px #4a4a4a;
										float:left; margin-right: 20px; margin-bottom: 10px;}

.contacto	 						{	padding-top: 40px; padding-bottom: 20px; line-height: 25px; font-size: 1.1em; text-align: justify; background:#f9f5f7;}
.contacto h1,
.contacto h3 						{	text-align: center; font-size: 25px; padding-bottom: 20px; color: #0094d7;}
.contacto h2 						{	color: #0094d7; padding-bottom: 20px;}
.contacto h3 						{	text-align: left;}
.contacto h5 						{	font-size:15px; color: #000; padding: 10px 0 3px;} 
.contacto_detalle					{	background:#ffffff; padding: 15px 20px; color:#7e7e7e;}
.contacto_detalle .contacto_info	{	padding-bottom:10px;}
.contacto_detalle iframe 			{   border: none; height: 400px; width: 100%;}
.contacto_detalle iframe 			{   border: none; height: 400px; width: 100%;}
.contacto_detalle input,
.contacto_detalle textarea 			{	margin-bottom:15px; padding: 8px 15px; font-size: 0.8em;}
.contacto_detalle input:hover,
.contacto_detalle textarea:hover 	{	background:#f9f5f7; border:1px solid #3D3D3D;}
.contacto_detalle .text				{	width: 97%;}
.contacto_detalle .textarea			{	width: 97%;}
.contacto_detalle .boton 			{}
.contacto_detalle .boton 	 		{ 	background: #e25111; border: 3px solid #e25111; padding: 0.3em 0.9em; color: #fff; display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.contacto_detalle .boton:hover 		{   color: #0fab0d; background: #fff; border: 3px solid #e25111;}
.contacto_detalle a.whatsapp 		{	color: #00ba00 !important; display: block; margin-top: 10px; margin-bottom: 10px;}
.contacto_detalle a.whatsapp:hover 	{	text-decoration:underline !important;}

.habitacion 						{	padding-top: 40px; padding-bottom: 20px; line-height: 25px; font-size: 1.1em; text-align: justify; background:#f9f5f7;}
.habitacion h1,h3 					{	text-align: center; font-size: 25px; padding-bottom: 20px; color: #0094d7;}
.habitacion h2 						{	color: #0094d7; padding-bottom: 20px;}
.habitacion_detalle,
.habitacion_reserva					{	background:#ffffff; padding: 15px; color:#7e7e7e;}

.habitacion_detalle .resumen 		{	padding-bottom:20px;}
.habitacion_detalle .resumen .img 	{	width:80%; margin:auto; margin-bottom: 15px; clear: both;}
.habitacion_reserva input,textarea 	{	margin-bottom:15px; width: 97%; padding: 8px 15px; font-size: 0.8em;}

.habitacion_reserva .boton 			{}
.habitacion_reserva .boton 	 		{ 	background: #e25111; border: 3px solid #e25111; padding: 0.3em 0.9em; color: #fff; display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.habitacion_reserva .boton:hover	{   color: #0fab0d; background: #fff; border: 3px solid #e25111;}


footer 					{	background: #000;; color: #fff; text-align: center; padding-top: 20px; padding-bottom: 20px;}
footer h4 				{	font-family: 'Cabin', sans-serif; font-size: 1.3em; font-weight: bold; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #4f4e4e; margin-bottom: 15px;}
footer ul				{	margin:0px; padding: 0px; list-style: none;}
footer ul li 			{}
footer .logos			{	padding: 10px 0; text-align: center;}
footer .logos img   	{	margin-bottom: 15px !important;}
footer .redes	 		{	padding: 0px 0px 30px 0px; text-align: center;}
footer .redes a 		{	display:inline-block; margin: 0 10px;}
footer .reserved 		{	text-align: center; font-size: 0.9em;}
footer .direcciones 	{	text-align: left; font-size: 0.9em;}
footer .direcciones h5 	{	font-size: 1em; font-weight: bold; padding:10px 0 5px 0;}
footer .direcciones a 	{	color:#fff; text-decoration: underline;}
footer .direcciones iframe 		{	width:100%; border: 1px solid #606454; max-height: 150px !important; }
footer .direcciones .whatsapp 	{	display: block; margin-top: 15px; margin-bottom: 10px; text-decoration: none; cursor: pointer !important; font-size: 15px;}
footer .enlaces a 		{	color:#fff; display: block; padding: 5px 0;}
footer .enlaces a:hover {	text-decoration: underline; color:#BFBABA;}
footer .sep				{	border-right: 1px solid #4f4e4e; border-left: 1px solid #4f4e4e;}

.banner-agile-top {
    margin: 1em 0 0 0;
}
/*--/about --*/
.w3-about-bg-text-grid{
	    background: url(../images/ab4.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.w3-about-text-grid {
    margin: 3em 0;
}
.w3-about-text-grid h5 a {
    background: #e25111;
    padding: 1em;
    color: #fff;
}
.w3-about-bg-head {
    text-align: center;
    margin-top: 10em;
    color: #fff;
}
.w3-about-bg-head a {
    background: #e25111;
    padding: 1em;
    color: #fff;
	text-transform: uppercase;
}
.w3-about-bg-head h5 {
    margin: 2em 0;
}
.w3-about-text1-grid h3 {
    color: #fff;
}
.w3-about-text1-grid {
    text-align: center;
       min-height: 400px;
    background: #e25111;
}
.w3-about-text1-grid h4 {
    text-align: center;
    color: #fff;
    margin: 1em 0 0 0;
}
.w3-about-text1-grid li {
    display: inline;
    margin: 0 2em 0 0;
    text-align: center;
}
.w3-about-text-heads {
    margin: 5em 0;
}
.about-list {
    margin:0 auto;
    text-align: center;
	margin: 3em 0;
}
.w3-about-text1-grid p {
    font-size: 1em;
    color:#212121;
    letter-spacing: 1px;
    line-height: 1.8em;
}
.w3-about-img-grid{
    background: url(../images/ab5.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.about-list li a {
    background: #080808;
    padding: 1em;
    color: #fff;
	text-transform: uppercase;
	font-family: 'Playfair Display', serif;
}

/*--/about --*/

/*--/services --*/
.services,.portfolio ,.studio,.team,.contact-main-agileits,.footer,.agileits-w3layouts-specials,.gallery ,.contact-form{
    padding: 4em 0em;
}
.w3-agile-grids,.w3-agile-team-grids,.posts-grids,.team-grids,.services-row,.w3-agile-contact-grids,.w3-agile-test-monials{
    padding:4em 0 0 0;
}
.services h3 ,.contact-agileits-title h3,.client-review-head h3,.agileits-gal-title h3{
    color: #337ab7;
    text-align: center;
    text-transform: capitalize;
    font-size: 4em;
    letter-spacing: 3px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
.w3-services-text h3 {
    font-size: 5em;
}
.w3-services-text p {
    font-size: 1em;
    color: #212121;
    margin: 2em 0;
}
.services-icon1 {
    font-size: 3em;
    color: #e25111;
}
.services-icon1 {
    margin: 1em 0;
}
.w3-agile-services-right img {
    width: 100%;
}
.services-head li {
    display: inline-block;
    list-style: none;
}
.services-head li h3 {
    color: #e25111;
}
.services-head li h5 {
    color: #e25111;
}
.services-icon1 h3 {
    color: #333;
}
/*--//services --*/
/*--portfolio--*/
.portfolio-grids {
    margin: 1.5em 0;
}
.offer-gal-img1 img {
    width: 100%;
}
.offer-gallery-img1 {
    background: url(../images/g-bed2.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.offer-gallery-img2 {
    background: url(../images/g-bed3.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.offer-gallery-img3 {
    background: url(../images/m1.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.offer-gallery-img4 {
    background: url(../images/des1.jpg)no-repeat -117px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.offer-gallery-img5 {
    background: url(../images/gi5.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
div#gallery {
        text-align: center;
}
/*--SAP--*/
.sap_tabs {
    clear: both;
    padding: 0;
	margin-top: 3em;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 3em;
    text-align: center;
    display: inline-block;
}
.resp-tab-item {
    color: #333;
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    margin-left: 1em;
    text-align: center;
    list-style: none;
	font-family: 'Playfair Display', serif;
    outline: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    padding: 0.6em 1.6em;
    border: 1px solid #555;
    float: left;
}
.resp-tab-active, .resp-tab-item:hover {
    text-shadow: none;
    color: #FFFFFF;
    background: #e25111;
}
.resp-tabs-container {
	padding: 0px;
	clear: left;
	text-align: left;	
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.gallery-grid {
    transition: .5s all;
    overflow: hidden;
	cursor: pointer;
	color: #fff;
}
.gallery-text-agile {
    margin: 2em 0;
}
.gallery-text-agile.agile-offer1 li {
    font-family: 'Playfair Display', serif;
	margin: 1em 0;
}
.gallery-text-agile h3 {
    font-size: 2em;
    letter-spacing: 2px;
	color:#e25111;
	text-transform: uppercase;
}
.gallery-text-agile p {
    line-height: 1.8em;
	color: #212121;
	margin: 1em 0;
}
.gallery-text-agile span {
    float: right;
    color: #e25111;
	text-transform: capitalize;
}
.ice-cream-agile img {
    width: 100%;
}
.ice-cream-agile-img1{
    background: url(../images/ga11.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 200px;
}
.ice-cream-agile-img2{
    background: url(../images/gi3.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 200px;
}
.ice-cream-agile-img3{
    background: url(../images/gi4.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 200px;
}
.ice-cream-agile-img4{
    background: url(../images/gi2.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 200px;
}
/*--//portfolio--*/
/*-- //Gallery --*/
/*-- Testimonials --*/
#review {
    background: url("../images/review1.jpg") no-repeat 0px 0px;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    min-height: 540px;
}
.test-review h5 {
	color:#fff;
	letter-spacing:2px;
	line-height:1.8em;
}
.client-review-head h3 {
    color: #fff;
}
h3.title {
	  color:#333;
	  font-size:3em;
	  text-align:center;
}
h3.tittle-two{
	  color:#fff;
}
.test-monials h5{
    font-size: 2em;
    color: #ee4f4f;
    text-transform: none;
    margin-top: 0.7em;
	
}
.test-review p {
    font-size: 1em;
    font-weight: 400;
    line-height: 2em;
    margin: 2em 1em;
	color:#fff;
}
.test-review img{
	 border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	    box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -o-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -ms-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
}
.test-review p img {
    margin: 0 10px!important;
	box-shadow:none;
}
.test-review img {
    margin: 0 auto;
}
.test-monials {
    text-align: center;
}
.test-left-img{
	background: url(../images/banner.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height:700px;
}
/*-- //Testimonials --*/
/*--contact form--*/
.contact-form {
	padding:4em 0 0 0;
}
.get-touch {
    padding: 4em 0em 0 0;
}
.get-touch-top {
    text-align: center;
    padding-bottom: 3em;
}
.get-touch-top h3 {
    font-size: 3em;
    color: #CF0C68;
    margin-bottom: 0.2em;
    font-family: 'Share-Regular';
}
.get-touch-top p {
    font-size: 1.05em;
    color: #716E6E;
    margin: 0 auto;
    width: 50%;
    line-height: 1.8em;
}
.get-touch-bottom input[type="text"],.get-touch-bottom input[type="email"]{
    display: inline-block;
    background: none;
    border: 1px solid #A3A1A1;
    width: 49.2%;
    outline: none;
    font-size: 0.95em;
    color: #747577;
    font-weight: 400;
    border-radius: 2px;
    padding: 14px 15px;
    margin: 0% 1% 2% 0%;
}
.get-touch-bottom input.no-mar {
    margin: 0% 0% !important;
}
.get-touch-bottom textarea {
    background: none;
    border: 1px solid #A3A1A1;
    width: 100%;
    display: block;
    height:15em;
    outline: none;
    font-size: 0.95em;
    color: #747577;
    font-weight: 400;
    resize: none;
    border-radius: 3px;
    padding: 10px 15px 10px 15px;
}
.get-touch-bottom input[type="submit"] {
    font-size: 1em;
    color: #fff;
    padding: 1em;
    display: block;
    border: none;
    margin: 1em auto 0em;
    outline: none;
    background: #e25111;
    border-radius: 3px;
    text-align: center;
    width: 14%;
	
}
.get-touch-bottom input[type="submit"]:hover {
   background:#312f30;
   transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
/*--contact form--*/
.map 			{	position:relative; padding:2em 0 0em 0;}
.map iframe 	{   border: none; height: 450px; width: 100%;}

/*-- //contact --*/
/*-- footer --*/

.footer-w3 {
  text-align:center;
  background: black;
  padding: 2em 0;
}
.footer-w3 p {
   font-size: 1em;
    color: #f5f5f5;
    letter-spacing: 2px;
    text-align: center;
}
.footer-w3  p a {
    color: #e25111;
}
.footer-w3 p a:hover {
    color: #fff;
}
.footer-w3  p a:hover {
   text-decoration:underline;
}
/*--// footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 46px;
    height: 54px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow-up.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/


.home_experiencias 				{	padding-left: 5%; padding-right: 5%;}
.home_experiencias h2 			{	text-align:center; margin: 0px; padding: 1em; font-size: 3em; font-family: 'Josefin Sans', sans-serif; color: #0094d7;}
.home_experiencias .box 			{	margin-bottom:15px; position: relative; overflow: hidden; width:100%; height:100%; background:#000;}
.home_experiencias .box *,
.home_experiencias .box *:before,
.home_experiencias .box *:after 	{  -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.55s ease; transition: all 0.55s ease;}
.home_experiencias .box img  	{  max-width: 100%; backface-visibility: hidden; vertical-align: top; opacity: 0.9;}
.home_experiencias .box .tit		{  position: absolute; top: 58%; left: 25px; padding: 5px 10px 10px;}
.home_experiencias .box .tit:before,
.home_experiencias .box .tit:after { height: 2px; width: 400px; position: absolute; content: ''; background-color: #ffffff;}
.home_experiencias .box .tit:before{ top: 0; left: 10px; -webkit-transform: translateX(100%); transform: translateX(100%);}
.home_experiencias .box .tit:after { bottom: 0; right: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.home_experiencias .box .tit div:before,
.home_experiencias .box .tit div:after {  width: 2px; height: 300px; position: absolute; content: ''; background-color: #f6f8f2;}
.home_experiencias .box .tit div:before{  top: 10px; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
.home_experiencias .box .tit div:after {  bottom: 10px; left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.home_experiencias .box  h3 		{  display: block; font-weight: 700; padding: 5px 10px; color: #fff;}
.home_experiencias .box .det		{  position: absolute; bottom: 42%; left: 25px; text-align: left; opacity: 0; padding: 5px 60px 5px 10px; font-size: 0.8em; font-weight: normal; color:#fff;}
.home_experiencias .box .det p 	{  margin: 0;}
.home_experiencias .box a 		{  position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.home_experiencias .box:hover img,
.home_experiencias .box.hover img{ 	zoom: 1; filter: alpha(opacity=35); -webkit-opacity: 0.35; opacity: 0.35;}
.home_experiencias .box:hover .tit:before,
.home_experiencias .box.hover .tit:before,
.home_experiencias .box:hover .tit:after,
.home_experiencias .box.hover .tit:after,
.home_experiencias .box:hover .tit div:before,
.home_experiencias .box.hover .tit div:before,
.home_experiencias .box:hover .tit div:after,
.home_experiencias .box.hover .tit div:after {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.home_experiencias .box:hover .tit:before,
.home_experiencias .box.hover .tit:before,
.home_experiencias .box:hover .tit:after,
.home_experiencias .box.hover .tit:after 	{  -webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.home_experiencias .box:hover .det,
.home_experiencias .box.hover .det			{  opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

.home_proms 					{	width: 100%;}
.home_proms h2 					{	text-align:center; margin: 0px; padding: 1em; font-size: 2em; font-family: 'Josefin Sans', sans-serif; color: #0094d7;}
.home_proms .box 				{	margin-bottom:15px; position: relative; overflow: hidden; width:100%; padding: 10px; 
									text-align: center; font-size: 0.8em; background: #f1f1f1 !important;}
.home_proms .box:hover 			{	background:#D8D8D8 !important;}
.home_proms .box img 			{	width:100%; border-bottom: #D8D8D8 5px solid;}
.home_proms .box h3 			{	display: block; font-size: 20px; font-family: 'Josefin Sans', sans-serif; padding: 10px 0px; text-align: center; color: #000;}
.home_proms .box .botones 			{	width:100%; text-align: center;}
.home_proms .box .botones a 		{	display:inline-block !important; background: #0094d7; color: #fff; padding: 0.3em 0.9em; border: 3px solid #0094d7; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.home_proms .box .botones a:hover 	{	background:#fff; color: #000;}

.home_programas					{	width: 100%;}
.home_programas h2 				{	text-align:center; margin: 0px; padding: 1em; font-size: 2em; font-family: 'Josefin Sans', sans-serif; color: #0094d7;}
.home_programas .box 			{	margin-bottom:15px; position: relative; overflow: hidden; width:100%; padding: 10px; height: 420px; 
									text-align: center; font-size: 0.8em; background: #e6edf0 !important;}
.home_programas .box:hover 		{	background:#D8D8D8 !important;}
.home_programas .box img 		{	width:100%;}
.home_programas .box h3 		{	display: block; font-size: 20px; font-family: 'Josefin Sans', sans-serif; padding: 10px 0px; text-align: center; color: #000;}
.home_programas .box .botones 	{	width:100%; position: absolute; bottom: 11px; left: 0px; right: 0px;}
.home_programas .box .botones a 		{	display:inline-block !important; background: #0094d7; color: #fff; padding: 0.3em 0.9em; border: 3px solid #0094d7; margin-left: 5px; margin-right: 5px; font-size: 0.9em;}
.home_programas .box .botones a:hover 	{	background:#fff; color: #000;}

.home_rooms 				{	padding-top: 20px; padding-bottom: 40px;}
.home_rooms h1 				{	margin: 0 0 15px; padding: 15px 15px; font-size:35px; text-align:center; font-family: 'Josefin Sans', sans-serif; color: #0094d7;}
.home_rooms h2				{	margin: 0 0 15px; padding: 15px 15px; font-size:2em; text-align:center; font-family: 'Josefin Sans', sans-serif; color: #0094d7;}
.home_rooms .map 			{	position:relative; padding:2em 0 0em 0;}
.home_rooms .map iframe 	{   border: none; height: 450px; width: 100%;}
.home_rooms .box			{	width:100%; position:relative;
							-webkit-box-shadow: 0px 3px 5px 0px rgba(130,128,130,1);
							-moz-box-shadow: 0px 3px 5px 0px rgba(130,128,130,1);
							box-shadow: 0px 3px 5px 0px rgba(130,128,130,1);}
.home_rooms .box img 		{	width:100%;}
.home_rooms .box div		{	padding:10px 10px 10px 10px; text-align:center;}
.home_rooms .box div h4		{	display: block; font-size: 20px; font-family: 'Josefin Sans', sans-serif; text-align: center; margin:0px; padding:0 0 10px 0; color: #000;}
.home_rooms .box div p 		{	font-size:12px; height:50px;}
.home_rooms .box a			{	background: #0094d7; border: 3px solid #0094d7; padding: 0.3em 0.9em; color: #fff; position: absolute; font-size: 0.8em;
								left: 50%;
								-webkit-transform: translateX(-50%);
								-moz-transform: translateX(-50%);
								-ms-transform: translateX(-50%);
								-o-transform: translateX(-50%);
								transform: translateX(-50%);
								bottom: -15px;}
.home_rooms .box a:hover 	{	color: #0fab0d; background: #fff; border: 3px solid #0094d7;}

.home_rooms .descripcion 		{	padding-bottom:20px; text-align: justify;}
.home_rooms .video 				{	position:relative; padding-bottom:56.25%; padding-top:30px;	height:0; overflow:hidden;}
.home_rooms .video iframe, 
.home_rooms .video object, 
.home_rooms .video embed {
								position:absolute; top:0; left:0; width:100%; height:100%;}


.home_cont				{	padding-top:50px; padding-bottom:30px;}
.home_cont h2 			{	text-align:center; margin:0px; padding:0 0 40px 0; color: #0094d7;}
.home_cont iframe 		{   border: none; height: 450px; width: 100%;}


.home_hab  				{	padding-top:50px; padding-bottom:50px;}
.home_hab h2			{	text-align:center; margin:0px; padding:0 0 40px 0;}
.home_hab .box			{	width:100%; position:relative;
							-webkit-box-shadow: 0px 3px 5px 0px rgba(130,128,130,1);
							-moz-box-shadow: 0px 3px 5px 0px rgba(130,128,130,1);
							box-shadow: 0px 3px 5px 0px rgba(130,128,130,1);}
.home_hab .box img 		{	width:100%;}
.home_hab .box div		{	padding:20px 10px 10px 10px; text-align:center;}
.home_hab .box div h4	{	color:#8f272a; font-size:15px; font-weight:bold; margin:0px; padding:0 0 10px 0;}
.home_hab .box div p	{	font-size:12px; height:50px;}
.home_hab .box a		{	padding:7px 20px; color:#fff; background:#8f272a;
							position: absolute;
							left: 50%;
							-webkit-transform: translateX(-50%);
							-moz-transform: translateX(-50%);
							-ms-transform: translateX(-50%);
							-o-transform: translateX(-50%);
							transform: translateX(-50%);
							bottom: -15px;}

.home_even 				{	background:#f9f9f1; padding-top:50px; padding-bottom:50px;}
.home_even h2 			{	text-align:center; margin:0px; padding:0 0 40px 0;}
.home_even .box 		{	width:100%; position:relative;}
.home_even .box a		{	display:block;}
.home_even .box p		{	position:absolute; bottom:10%; left:0px; z-index:10; display:inline-block; margin:0 2% 0; border:1px solid #f15922; background:rgba(0,0,0,0.7); color:#fff; padding:10px 10px; width:96%; text-align:center; font-size:14px;}
.home_even .box img		{	width:100%;
							-webkit-filter: sepia(0);
							filter: sepia(0);
							-webkit-transition: .3s ease-in-out;
							transition: .3s ease-in-out;}
.home_even .box a:hover img	{	-webkit-filter: sepia(50%);
								filter: sepia(50%);}

.home_faci				{	background-image:url(../images/parallax.jpg);
							height: 380px;
							border-top:#250213 7px solid;
							border-bottom:#250213 7px solid; text-align:center;
							/* Create the parallax scrolling effect */
							background-attachment: fixed;
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;}
.home_faci .text				{	color:#fff; padding-top:50px; padding-bottom:30px; font-weight:normal; line-height: 1.1; font-size:12px;}
.home_faci .text h2				{	color:#fff;font-size:36px; padding-bottom:30px;}
.home_faci .text .box			{	text-align:justify; padding-bottom:20px;}
.home_faci .text .box h5		{	font-size:21px; padding-bottom:5px;}
.home_faci .text .box .icono	{	text-align:center;}
.home_faci .text .box .icono i	{	font-size:20px; width:50px; background:rgba(245,130,32,0.4); line-height:50px; color:#f8f7e6; border-radius:24px;}

.home_cont				{	padding-top:50px; padding-bottom:30px;}
.home_cont h2 			{	text-align:center; margin:0px; padding:0 0 40px 0;}
.home_cont iframe 		{   border: none; height: 450px; width: 100%;}

.next,
.prev 				{	display: none;}

.ui-widget.ui-widget-content 		{    border: 1px solid #ebf5f9; background: #ebf5f9; }
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #0094d7 !important;
    color: #fff !important; border-radius: 7px !important;
    font-weight: bold;
}.ui-datepicker .ui-datepicker-title select {
   	font-size: 0.8em !important;
    margin: 1px 0;
}	
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #fff !important;
    font-weight: normal;
    color: #454545;
}

.form_respuesta						{	}
.form_respuesta	h4 					{	margin:0px; text-align: left; font-size: 20px; padding: 15px 0; color: #3d401f;}
.alerta_err 						{	background:#FFEDB8; border-radius: 4px; padding: 8px 10px; color: #880C0E; margin-bottom: 10px; font-size: 12px; line-height: 14px; -webkit-transition: all 0.55s ease; transition: all 0.55s ease;}
.alerta_ok 							{	background:#FFEDB8; border-radius: 4px; padding: 8px 10px; color: #213E09; margin-bottom: 10px; font-size: 12px; line-height: 14px; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; text-align: center; font-weight: bold;}

.card 								{	margin-bottom: 15px;}
.card .card-header					{	background: #c3dae4; border-radius: 5px;}
.card .card-header a 				{	border:none !important; display: block; color: #3e4c30; font-weight: bold; text-align: left;}
.card .card-body 					{	padding:10px 15px; margin-top: 2px; background: #f9f5f7; border-radius: 5px;}



table td.fondo_plomo 		{	background: #dde0db; padding: 5px;}
table td.fondo_verde 		{	background: #4a5b3a; color: #fff; padding: 5px;}
table td.fondo_rojo 		{	background: #a42a35; color: #fff; padding: 5px;}
table td.fondo_celeste 		{	background: #0094d7; color: #fff; padding: 5px;}

table td.fondo_verde a 		{	color: #ffffff;}
table td.fondo_rojo a 		{	color: #ffffff;}
table td.fondo_celeste a 	{	color: #ffffff;}

.modal {
	border:none;
    position: fixed; text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal p {
	margin: 0px; padding: 10px;
}
.modal a.close{
	color: #fff !important; font-size: 20px; font-weight: bold; opacity: 1; 
}
.modal a.close i {
	display: inline-block; border: #fff 4px solid !important; border-radius: 15px; width: 30px; height: 30px; text-align: center; line-height: 20px; font-size: 15px !important; margin: 20px 15px 0 0 ; padding: 0px; background: rgba(41,57,26,1); color: #fff !important; 
}



.next				{	font-weight:bold; color:rgba(255,255,255,0.5); font-size:40px; padding-right:40px;}
.prev				{	font-weight:bold; color:rgba(255,255,255,0.5); font-size:40px; margin-left:50px;}

.next:hover,
.prev:hover			{	color:rgba(255,255,255,1);}


.barra_sociales						{	z-index: 1900; position: fixed; left:0px; height: 200px; top:45%; margin-top: -100px;}
.barra_sociales	a 					{	    background:rgba(0,148,215,0.9); border: 1px solid #59a2c3; width: 40px; height: 40px; line-height: 40px; text-align: center; float: left;
										transition: all 0.4s ease-in-out;
										-webkit-transition: all 0.4s ease-in-out; /** Chrome & Safari **/
										-moz-transition: all 0.4s ease-in-out; /** Firefox **/
										-o-transition: all 0.4s ease-in-out; /** Opera **/}
.barra_sociales	a:hover 			{	padding-left:30px; width: 70px;}
.barra_sociales	a i 				{	color:#fff; font-size: 17px;}
.barra_sociales	a.face:hover		{	background: #39569c; border:#483d8b 1px solid;}
.barra_sociales	a.inst:hover		{	background: #ac348b; border:#87536a 1px solid;}
.barra_sociales	a.link:hover		{	background: #0073b0; border:#483d8b 1px solid;}
.barra_sociales	a.youtube:hover		{	background: #ff0000; border:#8e0617 1px solid;}
.barra_sociales	a.what:hover		{	background: #25D366; border:#128C7E 1px solid;}
.barra_sociales	a.twit:hover		{	background: #00acee; border:#18a1d6 1px solid;}
.barra_sociales	a.trip:hover		{	background: #00af87;}
.barra_sociales a.hotel_lnk 		{	 overflow: hidden;}
.barra_sociales a.hotel_lnk img 	{	width: 22px;}
.barra_sociales a.hotel_lnk span 	{	display:none; color: #fff; padding-right: 10px;}
.barra_sociales a.hotel_lnk:hover 	{	}
.barra_sociales a.hotel_lnk:hover span {	display: inline-block;}
.barra_sociales a.hot_2:hover		{	width: 270px; background: rgba(41,57,26,0.9);}
.barra_sociales a.hot_3:hover		{	width: 270px; background: rgba(143,39,42,0.8);}
.barra_sociales a.hot_4:hover		{	width: 170px; background: rgba(0,148,215,0.8);}


.modal-header h4 {
    color: black;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin: 0.5em 0em 1em;
}
.modal-header h5 {
    color: #f44639;
    font-size: 1.3em;
    letter-spacing: 1px;
   text-align:center;
}
.modal-header p{
	margin:1em 0;
	font-size: 1.2em;
}
.modal-header span {
    font-size: 1.1em;
    color: #777;
    letter-spacing: 2px;
    line-height: 33px;
    padding-bottom: 16px;
	display:inline-block;
	margin-top:1em;
	font-family: 'Rubik', sans-serif;
}
.modal-header img{
    float:none;
    width: 100%;
}