ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }

}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1183px;
    }
}

.row{
    margin-left: -15px;
    margin-right: -15px;
}

.collapse {
    display: none;
}
.collapse.in {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    display: block;
    margin: 10px 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #428bca;
}

.navbar {
    position: relative;
    min-height: 50px;
}

@media (min-width: 992px) {
    .navbar {
        border-radius: 4px;
    }
}
@media (min-width: 992px) {
    .navbar-header {
        float: left;
    }
}
.navbar-collapse {
    padding: 0;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
/*    border-top: 1px solid transparent;*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width: 992px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 817px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}
.navbar-fixed-top {
    top: 0;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 11px 10px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
}
.navbar-nav {
/*    margin: 7.5px -15px;*/
}
.navbar-nav > li > a {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 2px solid  transparent;
}

@media (min-width: 992px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
}
.navbar-default .navbar-nav > li > a {
    color: #373737;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.active {
    border-bottom: 2px solid #000;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
/*    background-color: #ddd;*/
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
/*    border-color: #e7e7e7;*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    border-bottom: 2px solid #000;

}

/* ===================================
 Navigation
====================================== */
.navbar > .nav-header-container > .row { display: flex; align-items: center; }

.sticky-nav { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }

/* logo setings */
.navbar .hcode-header-logo > .logo-light { display: inline-block; vertical-align: middle; }
.navbar .hcode-header-logo > .logo-light > .logo { max-width: 109px }
.navbar .hcode-header-logo > .logo-light { display: none; }
.navbar .hcode-header-logo > .logo-light{ display: inline-block; }
.navbar.shrink-nav .hcode-header-logo > .logo-light { display: none; }
.navbar .hcode-header-logo, .navbar .accordion-menu{ padding-left: 15px; padding-right: 15px;}

/* menu link setting */
.navbar > .nav-header-container { position: relative; }
.navbar > .nav-header-container .accordion-menu { flex-grow: 1; }
.navbar .navbar-nav > li > a, .navbar > .nav-header-container .search-cart-header a, .navbar > .nav-header-container .dropdown-header { text-transform: uppercase; }
.navbar > .nav-header-container .hcode-header-logo, .navbar > .nav-header-container .search-cart-header { width: auto; padding-top: 6px; padding-bottom: 6px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content;}
.navbar > .nav-header-container .navbar-nav > li {margin: 0 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navbar > .nav-header-container .navbar-nav > li:last-child { margin-right: 0; }
.navbar > .nav-header-container .navbar-nav > li:first-child { margin-left: 0; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown { position: relative; }
.navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown { position: inherit; }

/* menu alignment */
.navbar > .nav-header-container .accordion-menu .navbar-collapse { display: flex; align-items: center; justify-content: flex-end; }

/* default color */
.navbar .navbar-nav > li > a, .navbar > .nav-header-container .search-cart-header .top-cart > a, .navbar > .nav-header-container .search-cart-header #top-search > a { color: #fff; }

.sticky-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0); }

/* black link */
.navbar.nav-black .navbar-nav > li > a, .navbar.nav-black > .nav-header-container .search-cart-header .top-cart > a, .navbar.nav-black > .nav-header-container .search-cart-header #top-search > a{ color: #000; }

.navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar > .nav-header-container .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a { border-bottom-color: inherit; }

/* mega menu settings */
.navbar > .nav-header-container .navbar-nav > li.megamenu-column-1 { position: relative; }

/* demo */
.navbar .container { width: 1183px; }
@media (max-width: 1199px) {

    .navbar .container { width: 100%; }
}


/******* Only for iPad Css *******/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* for general iPad layouts */
    .navbar-nav > li > a { border-color: transparent; }
}
@media (max-width: 991px) {
    /*  navigation panel  */
    .navbar .mobile-accordion-menu {background: transparent !important;}
    .navbar .navbar-toggle { background-color: #000; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar > .nav-header-container .accordion-menu { padding-right: 0;}
    .navbar-nav > li > a { padding: 8px 15px; border: none; color: #fff; }
    .navbar > .nav-header-container .navbar-nav > li, .navbar.shrink-nav > .nav-header-container .navbar-nav > li, .navbar.shrink-nav.static-sticky > .nav-header-container .navbar-nav > li { padding: 0; margin: 0; position: relative !important; }
    .navbar.shrink-nav .navbar-nav > li > a, .navbar.nav-black .navbar-nav > li > a { color: #fff; }
    .sticky-nav .navbar-nav > li > a { font-weight: 700; }
    .navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover { color: rgba(255,255,255,0.6) }
    .navbar > .nav-header-container .accordion-menu .navbar-collapse { display: none; position: absolute; width: 100%; left: 0; top: 100%; background: #000; max-height: 340px; overflow-y: auto; }
    .navbar > .nav-header-container .accordion-menu .navbar-collapse.in { display: block; }
    .navbar > .nav-header-container .accordion-menu .navbar-collapse .navbar-nav > li { border-top: 1px solid rgba(255, 255, 255, 0.06); float: left; width: 100%; }
    .navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover { border-bottom: none; }

    .navbar > .nav-header-container .hcode-header-logo, .navbar > .nav-header-container .search-cart-header { min-width: 0; }
    .hcode-menu-custom-color .dropdown-header, .hcode-menu-custom-color .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a, .hcode-menu-custom-color .navbar > .nav-header-container .accordion-menu .navbar-collapse .navbar-nav > li { border-bottom-color: rgba(255, 255, 255, 0.06); border-top-color: rgba(255, 255, 255, 0.06); }
}

@media (max-width: 768px) {
    .nav > li {width: auto;}

}

@media (max-width: 480px) {
    /*  navigation  */
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 394px; }


}


/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 275px !important; }
}

.navbar-nav li.fas a,.navbar-nav li.far a,.navbar-nav li.fab a, .navbar-nav li.fas span, .navbar-nav li.far span, .navbar-nav li.fab span, .navbar-nav li.fas .dropdown-header, .navbar-nav li.far .dropdown-header, .navbar-nav li.fab .dropdown-header, footer ul li.menu-item.fas a, footer ul li.menu-item.far a, footer ul li.menu-item.fab a, .sidebar ul li.menu-item.fas a, .sidebar ul li.menu-item.far a, .sidebar ul li.menu-item.fab a{font-family:Comfortaa;}.alt-font, .cd-headline span{font-family:Comfortaa;}.navbar .navbar-nav > li > a{font-size:10px;}
.dropdown-header, .dropdown-menu, .simple-dropdown > ul.dropdown-menu > li a{font-size:11px;}
.white-header{background:#ffffff;}.white-header.shrink-nav{background:#ffffff;}


.logo{
    max-width: 210px !important;
}

.navbar.nav-black .navbar-nav > li > a {
    color: #4986a4;
}

/* FENETRE REDUITE 1 */

@media (max-width: 991px) {
    
.navbar .navbar-toggle {
    background-color: #4986a4 !important;
}

.navbar > .nav-header-container .accordion-menu.mobile-accordion-menu .navbar-collapse {
    background: #4986a4 !important;
}

.navbar .navbar-nav > li > a {
    font-size: 11px;
    text-align: center;
}

.navbar.nav-black .navbar-nav > li > a {
    color: #fff !important;
}

}

/* FENETRE REDUITE 2 */

@media (max-width: 767px) {

.navbar.nav-black .navbar-nav > li > a {
    color: #fff !important;
}

}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}