/*==================================== CSS header & nav =====================================*/
#header{
    background:#f99c6e;
    width:100%;
    height:45px;
    color:#fff;
    position: fixed;
    top:0;
    left:0;
    padding:0;
    z-index: 1030;
    width: 100%;
    height: 70px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgb(255 85 116);
    background: linear-gradient(to right,rgb(255 121 97) 10%,rgb(174 89 246) 50%,rgb(255 85 116) 70%);
}
#header .container {
    position: relative;
    width: 100%;
    max-width: 1160px;
    display: block;
    padding: 0;
}
.icon-bar {
    display: block;
    width: 18px;
    height: 3px;
    background-color: #fff;
    border-radius: 1px;
    margin-bottom: 3px;
}
.icon-bar:nth-of-type(2n) {
    width: 15px;
}
.btn-navbarPAC{
text-align: center;
    cursor: pointer;
    background: none;
    display: inline-block;
    vertical-align: top;
    padding: 26px 26px;
    margin: 0;
}
#logo{
    display:inline-block;
    width:90px;
    height:70px;
    line-height: 45px;
    vertical-align: top;
    text-align: center;
    font-family: 'PACfont',Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    -webkit-font-smoothing: antialiased;
    margin-left: -4px;
}
#logo a, #logo a:hover{
    color:#fff;
    text-decoration: none;
}
#logo span{
    font-size: 13px;
    margin: -11px 3px;
    display: inline-block;
    vertical-align: top;
}
#bestline{
    text-transform: uppercase;
    font-size:13px;
    line-height: 70px;
}

#main-nav{
    background:#444;
    position:fixed;
    top:70px;
    width:220px;
    height:100%;
    color:#fff;
    transition:  0.2s ease-out;
    -webkit-transition:  0.2s ease-out;
    -moz-transition:  0.2s ease-out;
    -ms-transition:  0.2s ease-out;
    -o-transition:  0.2s ease-out;
    z-index: 9999;
        display:none;
        left:-220px;
}
#main-nav a, #right-nav a{
    display:block;
    color:#fff;
    font-size:16px;
    text-decoration: none;
    padding:12px 0;
    border-left:5px solid #444;

}
#main-nav a:hover{
    background: #2b2b2b;
    border-left: 5px solid #f4815c;
}
#main-nav a span, #main-nav a svg{
    padding: 0 0 0 2px;
    display: inline-block;
    vertical-align: middle;

}
#main-nav a svg{
    fill: #d6d6d6;
}
#main-nav .parks{
    overflow:hidden;
    display:block;
}

#main-nav .parks:hover .more{
display:none;
}
#main-nav .parks > span.more{
    background: #444;
    display: block;
    width: 100%;
    text-indent: 33px;
    padding: 10px 5px;
    border: none;
    color: #999;
    margin:0;
}
#main-nav .parks > span {
    padding: 20px 10px 15px 15px;
    border-top: 1px solid #333;
    display: block;
    color: #8e8e8e;
    font-size: 18px;
    margin: 20px 0 0;
}

#main-nav .parks a{
    font-size:14px;
    color:#ccc;
    padding: 6px 0 6px 20px ;
}
#main-nav .parks a:hover{
    color:#f4815c;
    background: inherit;
    border-left: 5px solid #444;
}

[class^="nav-"]:before, [class*=" nav-"]:before,
[class^="nav-"]:after, [class*=" nav-"]:after {
    font-family: nav, sans-serif;
    font-size: 27px;
    font-style: normal;
}

.nav-community:before { content: "\f100"; }
.nav-parks:before { content: "\f101"; }
.nav-articles:before { content: "\f102"; }
.nav-review:before { content: "\f103"; }
.nav-tickets:before { content: "\f104"; }

@media (max-width:1279px){
    #main-nav {
        display:none;
        left:-220px;
    }
    body {
        margin-left: 0!important;
    }

}
@media (max-width:1250px){
    #bestline {
        font-size: 11px;
        font-family: "roboto", sans-serif;
    }
}
@media (max-width:768px){
    .footer-main{
        padding-top:15px;
    }
    #btn-search{
        display:inline-block;
    }

    #search-box{
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        word-break: break-all;
        display: none;
    }
    #search-box input{
        width: 100%;
        box-sizing: border-box;
        box-shadow: 0 5px 5px rgba(165, 165, 165, 0.51);
    }
#header{
    background: linear-gradient(to right,rgb(174 89 246) 0%,rgb(255 121 97) 40%,rgb(255 85 116) 90%);
}

    #logo {
        position: absolute;
        left: 50%;
        top: 0;
        height: 45px;
        overflow: hidden;
        line-height: 27px;
        font-size: 40px;
        width:100px;
        margin-left:-52px;
        text-align: center;
    }
    #logo span {
        font-size: 10px;
        margin: -3px -5px;
        display: inline-block;
        vertical-align: top;
    }
    #bestline {
        text-transform: uppercase;
        font-size: 10px;
        text-align: center;
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        line-height: 33px;
    }
    .btn-navbarPAC {
        padding: 14px 14px;
    }

    #bestline {
        overflow: hidden;
        width: 117px;
        height: 27px;
        margin: 0 0 0 -59px;
        left: 50%;
        font-size: 10px;
        white-space: nowrap;
        font-family: "roboto", sans-serif;
    }

    .hide-col{
        display: none;
    }
.sticky-top{ z-index:999999}
.modal-backdrop{ z-index:999999}
.modal-open .modal { z-index:9999991}
}
@media screen and (max-width:500px){
span.numero_tel{display:none;}
#telf:hover span.numero_tel{    display: block!important;
    background: #555;
    line-height: 30px;
    right: 0;
    position: absolute;
    width: 200px;
    right: -29px;
    top: 54px;
    width: 102px;
    padding: 7px;
    text-align: center;}
}