﻿h4 {
    font-size:13px;
    line-height:13px;
    text-transform:uppercase;
    letter-spacing:1px
}

#bar-menu-mobile2 {
    position:fixed;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    background:url(../image/bg-op-w.svg) repeat;
    z-index:1000;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

#bar-menu-mobile2.nomenu {
    left:-100%;
}

#bar-menu-mobile2 #content-bar-menu-mobile2 {
    background:#C0CF7D;
    opacity:0.9;
    padding:0 20px 40px 20px;
    height:100%;
    width:250px;
    overflow-y:auto;
    padding-top:40px
}

#bar-menu-mobile2 #content-bar-menu-mobile2 a, #bar-menu-mobile2 #content-bar-menu-mobile2 span {
    display:block;
    color:#fff;
    font-size:14px;
    line-height:14px;
    padding:12px 0;
    border-bottom:1px dotted #fff;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    font-weight:400
}

#bar-menu-mobile2 #content-bar-menu-mobile2 a.btt-menu-sct {
    border:0
}

#bar-menu-mobile2 #content-bar-menu-mobile2 a.btt-menu-sct img {
    display:inline-block;
    height:35px
}

#bar-menu-mobile2 #content-bar-menu-mobile2 a:last-child {
    border-bottom:0
}

#bar-menu-mobile2 #content-bar-menu-mobile2 img#close-bar {
    display:block;
    margin-bottom:15px;
    width:40px
}

#bar-menu-mobile2 #content-bar-menu-mobile2 .bar-submm {
    margin-top:5px;
    display:block;
}

#bar-menu-mobile2 #content-bar-menu-mobile2 .bar-submm.no-view {
    display:none;
}

#bar-menu-mobile2 #content-bar-menu-mobile2 .bar-submm a {
    display:block;
    font-size:10px;
    line-height:10px;
    padding:8px;
    margin:2px 0;
    background:#fff;
    color:#E86051;
    border:0;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

#bar-menu-mobile2 #content-bar-menu-mobile2 .bar-submm a:hover {
    background:#EAEAEA
}

#top-bg-head {
    background:#264701;
    position:absolute;
    top:0;
    right:0;
    height:215px;
    width:100%;
    z-index:-1
}

#header {
    padding-top:50px
}

#header .sx {
    width:270px;
    padding:0 20px 0 0;
    background-color:transparent;
}

#header .sx img.logo2 {
    width:150px;
    display:inline-block;
    margin-top:8px
}

@media (max-width:650px) {
    #header {
        margin-top:40px
    }
}

@media (max-width:560px) {
    #header .sx img.logo2 {
        width:90px;
    }
}

#menu a:hover, #menu span:hover, #menu a.sel, #menu span.sel {
    background:#C0CF7D;
}

#categorie {
    margin:30px 0;
}

#categorie span {
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-weight:300;
    padding:20px;
    display:inline-block;
    margin-bottom:3px
}

#categorie a {
    display:inline-block;
    font-size:16px;
    line-height:16px;
    font-weight:700;
    background:#E5E5E5;
    color:#1D1D1B;
    padding:20px;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
    margin-bottom:3px
}

#categorie a:hover {
    background:#c9c9c9;
}

#categorie .modulo {
    display:inline
}

#categorie .modulo select {
    display:none
}

@media (max-width:640px) {
    #categorie {
        display:table;
        width:100%
    }
    
    #categorie a {
        display:none
    }
    
    #categorie .modulo {
        display:table-cell;
        vertical-align:middle;
        padding-right:20px;
    }
    
    #categorie .modulo select {
        display:block
    }
    
    #categorie span {
        padding:0 20px;
        display:table-cell;
        vertical-align:middle;
        width:116px
    }
}

@media (max-width: 1050px) {
    #menu .menu-mobile a.btt-menu-mobile {
        background-color:#C0CF7D;
        line-height:16px;
        font-size:16px;
        background-size:auto 16px;
        background-position:18px center;
        padding:32px 24px 0 55px
    }
}


















