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

/*--header--*/

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

body p {
    font-family: 'Open Sans', 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;
}


/*-- navigation --*/


/*
.mnu_lista ul 				{	margin:0px; padding: 0px; text-align:right; width: 100%;}
.mnu_lista ul li 			{	list-style: none; display: inline-block; margin: 0px 5px;}
.mnu_lista ul li a 			{ 	color:rgb(64, 71, 53); font-weight: 400 !important;}
.mnu_lista ul li ul 		{	margin:0px; padding: 0pxli ; text-align: center;}*/


/* ******************************************************
	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;
    height: auto !important;
    line-height: 18px !important;
    border-bottom: 3px solid #fff;
}

.linkHoverEffect_2 li ul li a:hover {
    background: #989998;
    color: #fff;
}

.linkHoverEffect_2 li:hover ul {
    visibility: visible;
}

.linkHoverEffect_2 li:hover a {
    color: #e25111;
}

.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;
    display: block;
    font-size: 28px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    padding: 0px;
    font-weight: bold;
    text-align: center;
    border-radius: 48%;
    border-bottom: none !important;
}
.linkHoverEffect_2 li.what a span {
    display: block;
    text-align: center;
    padding-top: 10px;
}
.linkHoverEffect_2 li.what a:hover {
    background-color: #128c7e;
}

.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;
}

.what_movil {
    text-align: center;
    color: #ffffff;
    background-color: #25d366;
    font-size: 28px;
    font-weight: bold;
    display: none;
    width: 42px;
    height: 45px;
    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;
}

header .logo {
    text-align: left;
    padding-left: 0px !important;
}

header .menu {
    padding-right: 0px;
    z-index: 2000;
}

.header,
.header2 {
    z-index: 1500;
    width: 100%;
}

.header {
    position: relative;
    background: rgba(255, 255, 255, 1);
}

.header2 {
    position: fixed;
    background: rgba(41, 57, 26, 1);
}

.header .centro,
.header2 .centro {
    margin: auto;
    width: 80%;
}

.header .menu {
    padding-top: 15px;
    z-index: 2000;
}

.header2 .menu {
    padding-top: 5px;
    z-index: 2000;
}

.header2 .linkEffects li a {
    color: #ffffff;
}

.header2 .linkEffects li ul a {
    color: #e25111;
}

.trip {
    position: absolute;
    z-index: 100;
}

.trip a {
    display: block;
}

.trip img {
    width: 250px;
    height: 305px;
}

.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: 1em; display: block; background: rgba(41, 57, 26, 0.9); border: 1px solid #4a5b3a; 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:#0fab0d; 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;
}

.publicidad-home {
    display: none;
}
.publicidad-home .foto {
    cursor: pointer !important;
}

.about {
    padding-top: 40px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.about .texto {
    margin: 0px 1em 2em 1em;
    line-height: 1.6em;
    font-size: 1.05em;
    text-align: justify;
}

.about .texto h1,
.about .texto h3 {
    text-align: center;
    font-size: 2.5em;
    margin: 0 0 0.5em 0;
    font-family: 'Hind', sans-serif;
    color: #a42a35;
    padding: 0px;
}

.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%;
}

.home_experiencias {
    padding-left: 5%;
    padding-right: 5%;
}

.home_experiencias h2 {
    text-align: center;
    margin: 0px;
    padding: 1em;
    font-size: 2.3em;
    font-family: 'Hind', sans-serif;
    color: #a42a35;
}

.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%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 20px;
}

.home_proms h2 {
    text-align: center;
    margin: 0px;
    padding: 1em;
    font-size: 2.3em;
    font-family: 'Hind', sans-serif;
    color: #a42a35;
}

.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: 'Hind', sans-serif;
    padding: 10px 0px;
    text-align: center;
    color: #000;
}

.home_proms .box .botones {
    width: 100%;
    text-align: center;
}

.home_proms .box .botones a {
    background: #e25111;
    border: 3px solid #e25111;
    padding: 0.3em 0.9em;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1em;
}

.home_proms .box .botones a:hover {
    color: #0fab0d;
    background: #fff;
    border: 3px solid #e25111;
}

.home_programas {
    padding-left: 5%;
    padding-right: 5%;
}

.home_programas h2 {
    text-align: center;
    margin: 0px;
    padding: 1em;
    font-size: 2.3em;
    font-family: 'Hind', sans-serif;
    color: #a42a35;
}

.home_programas .box {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    height: 420px;
    text-align: center;
    font-size: 0.8em;
    background: #F7F7F7;
}

.home_programas .box:hover {
    background: #D8D8D8;
}

.home_programas .box img {
    width: 100%;
}

.home_programas .box h3 {
    display: block;
    font-size: 20px;
    padding: 10px 0px;
    text-align: center;
    color: #285C16;
}

.home_programas .box a {
    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;
}

.home_programas .box a:hover {
    color: #0fab0d;
    background: #fff;
    border: 3px solid #e25111;
}

.home_programas .box .botones {
    width: 100%;
    position: absolute;
    bottom: 11px;
    left: 0px;
    right: 0px;
}

.home_rooms {
    background: #f6f8f2;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
}

.home_rooms h2 {
    text-align: center;
    margin: 0px;
    padding: 0.5em 1em;
    font-size: 2.3em;
    font-family: 'Hind', sans-serif;
    color: #a42a35;
}

.home_rooms .informacion {
    padding: 0 20px 30px 20px;
    text-align: center;
}

.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);
    margin-bottom: 15px !important;
}

.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: 'Hind', sans-serif;
    text-align: center;
    margin: 0px;
    padding: 0 0 10px 0;
}

.home_rooms .box div p {
    font-size: 12px;
    height: 50px;
}

.home_rooms .box a {
    background: #e25111;
    border: 3px solid #e25111;
    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 #e25111;
}

.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;
    margin-top: 30px;
}

.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 img {
    max-width: 50px !important;
    width: 1005;
}

.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;
}

footer {
    background: rgba(50, 60, 22, 0.8);
    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 #758F6F;
    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: 12px;
}

footer .redes {
    padding: 10px 0 30px 0;
    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;
}

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 #758F6F;
    border-left: 1px solid #758F6F;
}

.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 h2 {
    text-align: center;
    margin: 0px;
    padding: 0.5em 1em;
    font-size: 2.3em;
    font-family: 'Hind', sans-serif;
    color: #a42a35;
}

.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 --*/

.terraverde {
    background: rgba(41, 57, 26, 1);
    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(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: grayscale(90%);
}

.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 #707070;
    -moz-box-shadow: 0px 1px 5px 0px #707070;
    box-shadow: 0px 1px 5px 0px #707070;
}

.experiencia_detalle img.izq {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    padding: 5px;
}

.experiencia_detalle img.der {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
    padding: 5px;
}

.experiencia_detalle img.cen {
    display: block;
    margin: 0 auto 15px auto;
    padding: 5px;
}

.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: #1a3610;
    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;
}

.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: #3d401f;
}

.contacto h2 {
    color: #3d401f;
    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: #3d401f;
}

.habitacion h2 {
    color: #3d401f;
    padding-bottom: 20px;
}

.habitacion_detalle,
.habitacion_reserva {
    background: #ffffff;
    padding: 15px;
    color: #7e7e7e;
    margin-bottom: 15px;
}

.habitacion_detalle .resumen {
    padding-bottom: 20px;
}

.habitacion_detalle .resumen ul {
    margin-left: 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;
}

.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: #3d401f;
}

.interna h1 {
    font-size: 30px;
}

.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(72, 103, 48, 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;
}

.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: #3d401f;
}

.listas h2 {
    color: #3d401f;
    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: #233D16;
}

.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: #3d401f;
}

.programa h2 {
    color: #3d401f;
    padding-bottom: 20px;
}

.programa_detalle,
.contactar,
.programa_reserva {
    background: #ffffff;
    padding: 15px;
    color: #7e7e7e;
    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;
}

.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 a.whatsapp {
    color: #00ba00 !important;
    display: block;
}

.regular_otros {
    position: relative;
    margin: 0px 15px;
}

.regular_otros a {
    text-align: center;
    color: #233D16;
}

.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;
}

.contactar .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.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;
}

.files {
    margin-bottom: 15px;
}

.files a {
    display: block;
    color: #000;
    font-size: 0.8em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #bed52f;
    background: #eff4d1;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #486730 !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;
}

.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: #d8e0d0;
    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(41, 57, 26, 0.9);
    border: 1px solid #4a5b3a;
    clear: both !important;
    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;
    clear: both !important;
}

.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);
}