
#section-header {
    position: absolute;
    width: 100%;
    z-index: 1000;
}

/************************
* Header: Bar
*/
#header-bar {
    height: 32px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* Logo */
#header-bar .header-logo .logo {
    display: block;
    width: 100%;
    height: 120px;
    background: #F8f8f8 url('../img/las-tours-logo.png') 50% 50px no-repeat;
    background-size: 80%;
    max-width: 140px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}
#header-bar .header-logo .logo span {
    display: block;
    border-bottom: 1px solid #EFEFEF;
    height: 32px;
}

/* Social */
#header-bar .header-social {
    padding: 0;
}
#header-bar .header-social .social-item {
    float: left;
    width: 39px;
    height: 31px;
    color: #F8F8F8;
    font-size: 18px;
    padding: 2px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#header-bar .header-social .social-item.social-fb:hover { color: #f8f8f8; background: #3b5998; }
#header-bar .header-social .social-item.social-i:hover  { color: #000; background: rgba(255, 255, 255, 0.9); }
#header-bar .header-social .social-item.social-tw:hover { color: #f8f8f8; background: #00abf0; }
#header-bar .header-social .social-item.social-ta:hover { color: #f8f8f8; background: #589442; }

#header-bar .header-info .info-item {
    float: right;
    height: 31px;
    color: #f8f8f8;
}

/* Schedule */
#header-bar .header-info .info-item.info-opening-hours {
    padding: 0 15px;
    text-align: right;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#header-bar .header-info .info-item.info-opening-hours span.text {
    display: block;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
}
#header-bar .header-info .info-item.info-opening-hours span.time {
    display: block;
    line-height: 14px;
    font-size: 11px;
}

/* Contact */
#header-bar .header-info .info-item.info-contact {
    font-size: 14px;
}
#header-bar .header-info .info-item.info-contact .fa {
    font-size: 18px;
    float: left;
    margin: 2px 10px 0 0;
}
#header-bar .header-info .info-item.info-contact a {
    color: #f8f8f8;
    padding: 6px 15px 4px 15px;
    display: inline-block;
}
#header-bar .header-info .info-item.info-contact:hover {
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

/* Book */
#header-bar .header-info .info-item.info-book .btn-book {
    display: block;
    height: 31px;
    padding: 5px 15px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #f8f8f8;
    cursor: pointer;
    background: rgba(242, 197, 20, 0.70);
}
#header-bar .header-info .info-item.info-book .btn-book:hover {
    background: rgba(242, 197, 20, 0.8);
}

/* Language */
#header-bar .header-lang {
    padding: 0;
}

#header-mobile .lang-box,
#header-menu .lang-box,
#header-bar .header-lang .lang-box {
    width: 40px;
    position: relative;
}

#header-bar .lang-box .btn-current-language {
    width: 40px;
    display: block;
    padding: 4px 0 3px;
    cursor: pointer;
}

#header-bar .lang-box .btn-current-language i.fa {
    font-size: 14px;
    color: #f8f8f8;
}
#header-bar .lang-box .select-languages {
    width: 175px;
    background: rgb(248, 248, 248);
    right: 0;
    position: absolute;
    color: #333;
    z-index: 1600;
}
#header-bar .lang-box .select-languages ul {
    list-style: none;
    margin: 0;
}
#header-bar .lang-box .select-languages ul li > a {
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding: 5px 10px;
}
#header-bar .lang-box .select-languages ul li > a img {
    margin-right: 7px;
    margin-top: -2px;
}


/************************
* Header: Menu
*/
#header-menu {
    width: 100%;
}

/* Sticky */
#header-menu.main-menu-sticky {
    position: fixed;
    top: 0;
    height: 51px;
    transition: background-color 0.3s ease;
    background: #fff;
    border-bottom: 2px solid #ddd;
}
#header-menu.main-menu-sticky .small-logo {
    max-height: 37px;
    display: block !important;
    margin: 7px auto;
}

/* Menu */
#header-menu.main-menu-sticky #site-navigation {
    margin-top: 0;
}
#header-menu.main-menu-sticky #site-navigation #primary-menu li.menu-item {
    padding-left: 0;
    padding-right: 0;
}
#header-menu.main-menu-sticky #site-navigation #primary-menu li.menu-item a {
    border: 0;
    padding: 19px 1em;
    color: #6b6b6b;
    font-size: 13px;
}
#header-menu.main-menu-sticky #site-navigation #primary-menu li.menu-item a:focus,
#header-menu.main-menu-sticky #site-navigation #primary-menu li.menu-item a:hover {
    background: #ddd;
}

#header-menu.main-menu-sticky .menu-info {
    display: block !important;
}

/* Book */
#header-menu.main-menu-sticky .btn-book {
    display: block;
    height: 51px;
    padding: 15px 8px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #f8f8f8;
    cursor: pointer;
    background: rgb(242, 197, 20);
}
#header-menu.main-menu-sticky .btn-book:focus,
#header-menu.main-menu-sticky .btn-book:hover {
    background: rgba(242, 197, 20, 0.70);
}

/* Language */
#header-menu.main-menu-sticky .btn-current-language {
    display: block;
    cursor: pointer;
    margin: 14px 0 11px;
}
#header-menu.main-menu-sticky .select-languages {
    width: 175px;
    background: #fff;
    right: 0;
    position: absolute;
    color: #333;
    z-index: 1600;
}
#header-menu.main-menu-sticky .select-languages ul {
    list-style: none;
    margin: 0;
}
#header-menu.main-menu-sticky .select-languages ul li > a {
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding: 5px 10px;
}
#header-menu.main-menu-sticky .select-languages ul li > a img {
    margin-right: 7px;
    margin-top: -2px;
}


/************************
* Header: Mobile
*/
#header-mobile {
    height: 44px;
    background: #fff;
}

/* Menu */
#header-mobile #btn-mobile-menu {
    padding: 10px 5px;
    line-height: 10px;
}
#header-mobile #btn-mobile-menu .fa {
    font-size: 24px;
    color: #333;
}

#header-mobile #site-navigation-mobile {
    background: #fff;
}
#header-mobile #site-navigation-mobile .menu > li {
    display: block;
}
#header-mobile #site-navigation-mobile .menu > li > a {
    color: #333;
}

/* Small Logo */
#header-mobile .small-logo {
    max-height: 30px;
    display: block !important;
    margin: 7px auto;
}

/* Book */
#header-mobile .btn-mobile-book {
    display: block;
    height: 44px;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #f8f8f8;
    cursor: pointer;
    background: rgb(242, 197, 20);
}



/* Language */
#header-mobile .lang-box {
    float: right;
}

#header-mobile .lang-box .btn-current-language {
    display: block;
    cursor: pointer;
    margin: 11px 0 9px;
}
#header-mobile .lang-box .select-languages {
    width: 175px;
    background: rgb(248, 248, 248);
    right: 0;
    position: absolute;
    color: #333;
    z-index: 1600;
}
#header-mobile .lang-box .select-languages ul {
    list-style: none;
    margin: 0;
}
#header-mobile .lang-box .select-languages ul li > a {
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding: 7px 10px;
}
#header-mobile .lang-box .select-languages ul li > a img {
    margin-right: 7px;
    margin-top: -2px;
}