/***************************************
Template Name: Green Fair
Author: Md Foysal Ahamed
Created: July 05 2016
Version: 1.2
****************************************/

/*CSS Style Structure
1. General Or Universal code,
2. Import Google's Fonts,
3. Header,
4. Slider,
5. Welcome,
6. Volunteer,
7. Portfolio,
8. Achivment,
9. Event,
10. Testimonial,
11. Latest Blog,
12. Purches,
13. Contact,
14. Footer.
15. cookies
*/

/*
font-family: 'Roboto Slab', serif;
*/
@import url(
    https://fonts.googleapis.com/css?family=Roboto + Slab:400,
    700,
    300,
    100&font-display=swap
);
/*
font-family: 'Open Sans', sans-serif;
*/
@import url(
    https://fonts.googleapis.com/css?family=Open + Sans:400,
    300,
    300italic,
    400italic,
    600,
    600italic,
    700italic,
    700,
    800,
    800italic&font-display=swap
);

/*UNIVERSAL CODE*/
* {
    margin: 0;
    padding: 0;
    font-display: swap;
}

.html {
    font-family: sans-serif;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.text_center {
    text-align: center;
}

.container {
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    width: 95%;
    max-width: 1920px;
}

.sub-container {
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    width: 80%;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a,
a:hover,
a:focus,
a:visited,
a:hover {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

p {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

html {
    height: 100%;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
}

/*Remove chrome Input Field’s Unwanted Yellow Background Color*/
input: -webkit-autofill, input: -webkit-autofill:hover, input: -webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}

/*Input focus color removed*/
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

/*Bootstrap Form Control Focus*/
.form-control:focus {
    border-color: #fff;
    border: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/***************************/
.zero_mp {
    padding: 0;
    margin: 0;
}

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

.sections {
    padding: 30px 0;
    overflow: hidden;
    position: relative;
}

.min-spacing {
    padding: 50px 0;
    overflow: hidden;
    position: relative;
}
/***********************************************/

/*header*/

/*Header Top header*/

/*MENU*/
.navbar-right .dropdown-menu {
}

#title {
    display: none;
}

#header .top_header {
    background: #fbfbfb;
    border-bottom: 2px solid #f2f2f2;
    padding: 0px 0px;
}

#header .container {
    width: 100%;
}

#header .top_header .address p,
#header .top_header .phone p {
    color: #646464;
    font-family: "Open Sans", sans-serif;
    padding-top: 5px;
    display: inline-block;
}

#header .top_header .address i,
#header .top_header .phone i {
    padding: 3px 5px;
    font-size: 16px;
}

#header .top_header .social_icon {
    padding: 0 5px;
}

#header .top_header .social_icon i {
    padding: 0px 10px;
    font-size: 32px;
}

#header .top_header .social_icon i:hover {
    color: #43a906;
}

#header .top_header .icon-rounded {
    padding-top: 15px;
    max-height: 45px;
    border-radius: 25px;
    margin-left: 12px;
}

#header .top_header .grid_phone {
    width: 20%;
    float: left;
    text-align: left;
}

#header .top_header .grid_mail {
    width: 30%;
    float: left;
    text-align: left;
}

#header .top_header .grid_icons {
    width: 50%;
    float: right;
    display: inline-block;
}

/*End of top header*/
.logo_title {
    margin-top: -5px;
    height: 59px;
}

#header .header_menu {
    min-height: 80px;
    border-bottom: 1px solid #3d3e3d;
    z-index: 9999;
}

#header .header_menu .navbar {
    border: 0px solid transparent;
}

#header .header_menu .custom_navbar-brand {
    padding-left: 0;
}

#header .header_menu .navbar-default {
    background-color: rgba(255, 255, 255, 5);
    border-color: rgba(255, 255, 255, 0);
}

#header .header_menu .navbar-default .navbar-nav > .active > a,
#header .header_menu .navbar-default .navbar-nav > .active > a:focus,
#header .header_menu .navbar-default .navbar-nav > .active > a:hover {
    background-color: rgba(255, 255, 255, 0);
}

#header .header_menu .main_menu {
    padding-top: 20px;
    padding-right: 10px;
}

#header_languages_flags li {
    list-style: none;
    float: right;
}

#selected-lang {
    display: none;
}

#caret-down {
    display: none;
}

#navbar-close {
    color: red;
    width: 22px;
    height: 14px;
}

#logoBar {
    padding-top: -10px;
    margin-left: 0px;
    margin-top: -25px;
    height: 62px;
}

#logo_cabecera {
    display: none;
}

#header .header_menu ul.main_menu li a {
    color: #393939;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Roboto Slab", serif;
}

#header .header_menu ul.main_menu li a:hover {
    color: #4da91c;
}

#header .header_menu ul.main_menu li.active a {
    color: #4da91c;
}

#header .header_menu ul.main_menu li,
#header .header_menu ul.main_menu li.active a {
    position: relative;
}

#header .header_menu ul.main_menu li:after {
    content: "";
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width 0.5s ease, background-color 0.5s ease;
    margin-top: 6px;
}

#header .header_menu ul.main_menu li:hover:after,
#header .header_menu ul.main_menu li.active:after {
    width: 90%;
    background: #4da91c;
}

#header .header_menu ul.main_menu li .dropdown-item {
    display: list-item;
    padding: 10px 0px;
    text-align: center;
}

/*Slider*/
#slider {
    min-height: 490px;
}

/*Welcome Section*/
#welcome {
    min-height: 350px;
    background: #fff;
    padding: 20px 0;
}

.wel_header {
    text-align: center;
    color: #222222;
    padding-top: 0;
}

.fw-heading.fw-heading-center {
    padding-bottom: 40px;
}

.wel_header h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 25px;
    font-family: "Roboto Slab", serif !important;
    color: #222222;
}

.wel_header p {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

#welcome .single_item {
    padding-top: 30px;
    text-align: center;
}

#welcome .welcome_icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #c4c4c4;
    transition: 0.7s;
}

#welcome .welcome_icon i {
    margin-top: 25%;
    font-size: 50px;
    transition: 0.7s;
}

#welcome .item_list h4 {
    padding: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #393939;
    transition: 0.7s;
    font-family: "Roboto Slab", serif;
}

#welcome .item_list p {
    font-size: 16px;
    color: #646464;
    font-family: "Open Sans", sans-serif;
}

#welcome .item_list:hover .welcome_icon {
    background: #43a906;
    cursor: pointer;
}

#welcome .item_list:hover .welcome_icon i {
    color: #fff;
}

#welcome .item_list:hover h4 {
    color: #43a906;
    cursor: pointer;
}

/*Portfolio*/
#portfolio {
    min-height: 700px;
    padding: 20px 0;
}

#portfolio .portfolio_title h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-family: "Roboto Slab", serif;
    color: #222222;
}

#portfolio .portfolio_title p {
    font-size: 16px;
    color: #393939;
    padding-bottom: 25px;
    padding-top: 0;
    font-family: "Open Sans", sans-serif;
}

/*Customise Portfolio*/
#portfolio ul.menu li button {
    padding: 6px 15px;
}

#portfolio ul.portfolio_custom_menu li button {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    color: #726e6e;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    min-width: 125px;
    font-size: 12px;
    padding-top: 8px;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
}

#portfolio ul.portfolio_custom_menu li {
    padding: 10px 0px;
}

#portfolio ul.portfolio_custom_menu li button:hover {
    background: #43a906;
    color: #fff;
}

#portfolio ul.portfolio_custom_menu li button.btn_active {
    background: #43a906;
    box-shadow: inset 0 1px 10px hsla(0, 0%, 100%, 0);
    color: #fff;
}

#portfolio .notes .note .img_overlay {
    background: rgba(21, 21, 18, 0.92);
    z-index: 1;
    position: absolute;
    width: 94%;
    height: 94%;
    top: 3%;
    left: 3%;
    color: #fff;
    opacity: 0;
    transition: 0.7s;
}

#portfolio .notes .note .img_overlay p {
    position: relative;
    top: 45%;
    opacity: 0;
    transition: 0.7s;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
}

#container_gallery > div > img {
    max-width: 50px;
}

#portfolio .notes .note:hover .img_overlay,
#portfolio .notes .note:hover .img_overlay p {
    opacity: 10;
}

.center-cropped {
    object-fit: cover;
    object-position: center; /* Center the image within the element */
}

#container_gallery {
    width: 90%;
    max-width: 1920px;
    margin: 0px auto;
}

.gallery a img {
    height: auto;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform 0.15s ease;
    -moz-transition: -moz-transform 0.15s ease;
    -o-transition: -o-transform 0.15s ease;
    -ms-transition: -ms-transform 0.15s ease;
    transition: transform 0.15s ease;
}

.container .gallery a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 5;
}

.clear {
    clear: both;
    float: none;
    width: 100%;
}

/*Latest Blog*/
#blog {
    min-height: 500px;
    padding: 20px 0;
}

#blog p {
    display: inline-block;
}

#blog .latest_blog h2 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Slab", serif;
    color: #222222;
}

#blog .latest_blog p {
    padding-bottom: 45px;
    font-size: 16px;
    color: #646464;
    font-family: "Open Sans", sans-serif;
}

#blog .single_blog_item {
    border: 1px solid #d1d3d1;
}

#blog .blog_content {
    padding: 15px;
    min-height: 270px;
}

#blog .blog_content h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
    font-family: "Roboto Slab", serif;
}

#blog .expert {
    padding-bottom: 20px;
    color: #aeadad;
}

#blog .expert span.time {
    padding-right: 10px;
    border-right: 1px solid;
}

#blog .expert span.admin {
    padding-left: 5px;
    color: #aeadad;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

#blog .blog_news .blog_img img {
    max-height: 300px;
    width: 100%;
    max-width: 600px;
    display: block;
    margin: auto;
}

#blog .blog_news span.right_msg span {
    font-size: 14px;
    color: #aeadad;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
}

#blog .expert a {
    color: #aeadad;
}

#blog .expert p.right_side {
    padding-left: 110px;
}

#blog p.blog_news_content {
    color: #646464;
    font-size: 14px;
    padding-bottom: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#blog a.blog_link {
    font-weight: 500;
    transition: 0.7s;
    font-size: 14px;
    background-color: #43a906;
    color: #ffffff;
    margin-top: 20px;
}

#blog a.blog_link:hover {
    color: #ffffff;
    background-color: #72e92d;
}

#informacion h2 {
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
    text-align: center;
}
#informacion .infoHeader {
    font-weight: 700;
}

/*Contact*/
#contact {
    min-height: 650px;
    padding: 20px 0;
}

.msg {
    padding-top: 50px;
}

input#nombre,
input#email {
    margin-bottom: 10px !important;
}

.text_area textarea {
    resize: none;
}

.text_area textarea,
.form-inline .form-control,
input#nombre,
input#mail,
input#telefono,
input#apellidos,
input#asunto {
    border-radius: 0px;
    margin-bottom: 20px;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #e3e3e3;
    font-style: italic;
    color: #696969;
    font-family: "Open Sans", sans-serif;
}

li.fw-flash-message {
    color: red;
    font-size: 4rem;
}

.msg_title h5 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 20px;
    font-family: "Roboto Slab", serif;
    color: #222222;
}

.custom-btn {
    padding: 13px 82px;
    background: #43a906;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: 0px;
    border-radius: 2px;
    letter-spacing: 5px;
    font-size: 14px;
    font-family: "Roboto Slab", serif;
    outline: 0 !important;
}

.office {
    padding-top: 50px;
}

.office .title h5 {
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: "Roboto Slab", serif;
    color: #222222;
}

.office_location i span {
    padding-left: 15px;
    color: #696969;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.office_location i {
    padding-bottom: 15px;
}

.office_location {
    color: #696969;
}

.contact_area h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    font-family: "Roboto Slab", serif;
}

.contact_area p {
    font-size: 16px;
    color: #646464;
    font-family: "Open Sans", sans-serif;
}

#map {
    width: 100%;
    margin: 0;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
    min-height: 300px;
}

#map iframe {
    max-width: 100%;
    max-height: 300px;
}

#alojamiento {
    min-height: 650px;
    padding: 20px 0;
}

#alojamiento h2 {
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
}

#alojamiento h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #4da91c;
    font-family: "Roboto Slab", serif;
}

#alojamiento h4 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
    color: #487aa7;
    font-family: "Roboto Slab", serif;
}

#alojamiento .title {
    padding-bottom: 30px;
    text-align: center;
}

#alojamiento .subtitulo {
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 25px;
    color: #008000;
    font-family: "Roboto Slab", serif;
}

#alojamiento p {
    font-size: medium;
}

#alojamiento .modelo {
    padding-top: 30px;
}

.botones-normativa ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #333333;
}

.botones-normativa li {
    float: right;
}

.botones-normativa li a {
    display: block;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

#alojamiento .slider-acampada {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.mini-gallery figure {
    height: 300px;
}

.mini-gallery img {
    height: 300px;
}

.btn_mas_info {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    padding: 2px 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    border: 1px solid #00263e;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.texto_masBoton li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
    list-style: none;
    text-transform: capitalize;
    transition: all 0.75s;
    max-width: 320px;
}

.texto_masBoton .buttons {
    width: 100px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
}

.separator.fat {
    height: 4px;
    width: 100%;
    max-width: 1170px;
    background-color: #4da91c;
}

.separator.center,
.separator.fat {
    margin-left: auto;
    margin-right: auto;
}

.separator {
    height: 2px;
    width: 120px;
    margin: 10px 0;
    border: none;
    background-color: #4da91c;
}

/*Footer*/
#myFooter {
    background: rgba(164, 179, 87, 1);
    background: -moz-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: -webkit-gradient(
        left bottom,
        right top,
        color-stop(0%, rgba(164, 179, 87, 1)),
        color-stop(100%, rgba(76, 170, 76, 1))
    );
    background: -webkit-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: -o-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: -ms-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357',
		endColorstr='#4caa4c', GradientType=1);
    width: 100%;
    color: white;
    padding-top: 20px;
}

#myFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

#myFooter .row {
    margin-bottom: 60px;
}

#myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#myFooter .footer-copyright p {
    margin: 10px;
    color: #ccc;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
    text-align: left;
}

#myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#myFooter h2 a {
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#myFooter a {
    color: #ffffff;
    text-decoration: none;
}

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

#myFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

#myFooter .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover {
    text-decoration: none;
}

#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
    color: #00aced;
}

#myFooter .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    max-width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

#myFooter .logo {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    text-align: center;
    display: block;
    margin: auto;
}

/*Back to Top*/
#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: rgba(84, 225, 0, 0.18);
    color: #ffffff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.5s ease;
    opacity: 0;
    display: none;
    background: #43a906;
}

#back-to-top:hover {
    color: #fff;
    border-radius: 50%;
}

#back-to-top.show {
    opacity: 1;
}

.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    padding-top: 0px;
}

/**/
.section-wraper {
    position: relative;
}

/***TARIFAS**/
#tarifas div {
    padding-bottom: 10px;
}

#tarifas h3 {
    padding: 10px 0;
}

#tarifas .table {
    background: #fff;
    position: relative;
    transition: 0.3s all linear;
    box-shadow: 5px 5px 3px #808080;
    top: 0px;
    border-radius: 25px;
}

#tarifas thead * {
    text-align: center;
    border-radius: 25px 25px 0px 0px;
}

#tarifas thead tr:first-child {
    background: rgba(164, 179, 87, 1);
    background: -moz-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: -webkit-gradient(
        left bottom,
        right top,
        color-stop(0%, rgba(164, 179, 87, 1)),
        color-stop(100%, rgba(76, 170, 76, 1))
    );
    background: -webkit-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: -o-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: -ms-linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    background: linear-gradient(
        45deg,
        rgba(164, 179, 87, 1) 0%,
        rgba(76, 170, 76, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357',
		endColorstr='#4caa4c', GradientType=1);
    color: #fff;
}

#tarifas .main thead tr:first-child {
    background: #202020;
}

/* centered columns styles */
#tarifas .row-centered {
    text-align: center;
}

#tarifas .col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
    text-align: center;
}

#tarifas .resumen-normas {
    padding-left: 20px;
    text-align: left;
}

#tarifas .resumen-normas ul {
    list-style: square;
}

/*.contact_us_padding {
    padding: 80px 0px;
}*/
#contact-us .wel_header {
    padding-top: 0px;
    padding-bottom: 0;
}

#contact-us h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    font-family: "Roboto Slab", serif;
}

#contact-us .wel_header h5 {
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: "Roboto Slab", serif;
    color: #222222;
    padding-top: 0px;
}

#contact-us .office_location i {
    padding-bottom: 15px;
}

#contact-us .office_location i span {
    padding-left: 15px;
    color: #696969;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

#contact-us .form-group {
    margin-bottom: 0;
}

.wel_header.contact_us_h5 {
    margin-left: -15px !important;
}
/*input#name,label.input,label.textarea,textarea.form-control {
    width: 100%;
}*/

ul.entry-meta {
    text-align: left;
}

.btn-primmary {
    background-color: #43a906;
    padding: 10px 30px;
    font-size: 16px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #ffffff;
}

#commentform #comment {
    padding-left: 10px;
    margin-top: 10px;
}

.widget_search .search-form input[type="submit"],
.widget_search input[type="submit"] {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.widget_search .search-form input[type="search"],
.widget_search input[type="search"] {
    padding: 0 40px;
}

.main-content.blog-w.rap,
.main-content.container.blog-wrap.single-blog {
    margin-top: 80px;
}

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}

.affix-bottom {
    position: absolute;
}

#cajacookies {
    box-shadow: 0px 0px 5px 5px #808080;
    background-color: white;
    color: black;
    padding: 10px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: none;
}

.no-visible {
    display: none;
}

.error {
    color: red;
}

.lazy-load {
    background: url("/img/loading.gif") center center no-repeat;
}

.feedback {
	background-color :#7cc576;
	color: white;
	padding: 30px 10px 10px 10px;
	height: 70px;
	width: 70px;
	border-radius: 50px;
	border-color: #7cc576;
	text-align: center;
	vertical-align: middle;
    z-index: 999;
    animation-duration: 1s;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-direction: alternate;
   
  }

  @keyframes example {
    0%   {background-color: #7cc576;}
    100% {background-color: green;}
  }

#mybutton {
    z-index: 999;
    position: fixed;
    bottom: 10px;
    margin-bottom: 10px;
    left: 10px;
}

/* === CSS para el nuevo logo de Kampaoh en la barra de navegación === */

/* Contenedor del elemento de lista del logo */
.kampaoh-booking-nav-item {
    /* Puedes añadir margen si es necesario para separarlo de otros items */
    /* margin-left: 10px; */
}

/* Enlace que contiene el logo */
.kampaoh-booking-nav-item a {
    /* Ajusta el padding vertical para que la altura total del item sea similar a los otros items del menú.
       Si los otros items tienen un área clickeable de aprox. 50px de alto y el logo es de 40px:
       (50px - 40px) / 2 = 5px de padding arriba y abajo.
    */
    padding-top: 5px;
    padding-bottom: 5px;
    /* Bootstrap añade padding horizontal a los enlaces del navbar,
       así que puede que no necesites añadirlo aquí a menos que quieras un espaciado específico.
       Si es necesario:
       padding-left: 10px;
       padding-right: 10px;
    */
}

/* Estilos para la imagen del logo de Kampaoh */
#kampaohNavLogo {
    height: 40px; /* Altura deseada para el logo. Ajusta según tus necesidades. */
    width: auto;  /* Mantiene la proporción del logo */
    display: block; /* Ayuda a un mejor control del layout dentro del 'a' */
    vertical-align: middle; /* Buena práctica, aunque 'display:block' lo hace menos relevante aquí */
}

/* Eliminar el efecto de subrayado al pasar el ratón (si no se desea para el logo) */
.kampaoh-booking-nav-item:after {
    content: none !important; /* Sobrescribe la regla existente en #header .header_menu ul.main_menu li:after */
}

/* Efecto opcional al pasar el ratón por encima del logo */
.kampaoh-booking-nav-item a:hover img {
    opacity: 0.8; /* Ejemplo de efecto hover, puedes cambiarlo o quitarlo */
}

/* Para asegurar que no herede el color de texto de los enlaces normales si el logo es SVG con currentColor */
.kampaoh-booking-nav-item a:hover {
    color: inherit; /* O el color que corresponda si no es un logo SVG que herede color */
}