/* #header {
    display: none;
}

.zmdi-home {
    -webkit-transition: all 0.2s; 
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    left: 40px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-account-box-o {
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 111px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-facebook {
    -webkit-transition: all 0.2s; 
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    right: 80px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-share {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    right: 40px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-facebook:hover,
.zmdi-share:hover,
.zmdi-account-box-o:hover,
.zmdi-home:hover {
    color: #0A6B36;
}

#header #logo {
    height:100px;
    margin-top:20px;
    margin-left:20px;
    margin-bottom:25px;
    vertical-align: middle;
}

#header .title {
    font-size: 3em;
    position: relative;
    left:20px;
}

#header .headerright {
    float:right;
    padding:20px;
    margin-right: 50px;
}

#header .blocklangs {  
    float:left;
    background:#EEE;
    position: relative;
}

#header .blocklangs a , #header .blocklangs .a {
    display: block;
    text-transform: uppercase;
    padding:2px 5px;
    font-weight:bold;
    color:#292929; 
    padding-top:10px;
    padding-bottom:9px;
    background:#EEE;
    text-align: center;
    width:40px;
    cursor: pointer;
}

#header .blocklangs a.current , #header .blocklangs a:hover {
    background:#286075;
    color:white;
    text-decoration: none;
}

#header .blocklangs .langs {
    position: absolute;
    top:34px;
    left:0;
    display: none;
}

#header .blocklangs:hover .langs {
    display:block;
}

#header #boxAccount {
    float:left; 
    padding:0 15px;
}

#menu {
    background:#FFF;
    color:white;
    height:100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9998;
}

#menu .c {
    text-align: center;
    height: 100%;
} */

/* Premier niveau du menu */

/*#menu ul {
    width: 100%;
    margin-left: 15%;
}
#menu > .c > ul {
    height: 100%;
}

#menu ul li.m {
    float:left;
    width: 10%;
    height: 100%;
    position: relative;
    opacity: 0;
    display: flex;
    align-items: center;
}



#menu ul li.m a.m {
    font-family: 'Dosis Regular';
    font-size: 16px;
    display: inline-block;
    padding: 0px 8px;
    line-height: 100px;
    line-height: 18px;
    width: 100%;
    
    
}

#menu ul li.m:nth-child(1337n+4) {
    background-image: url(../images/logo.png);
    width: 10%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#menu ul li.m:nth-child(1337n+4) a {
    font-size: 0px !important;
    height: 100%;
}

#menu ul li a.m:hover {
    cursor:pointer;
    text-decoration: none;
    background: #0A6B36;
    color: white;
}

#menu ul li.m:nth-child(1337n+4) a.m:hover {
    cursor: pointer;
    text-decoration: none;
    background: none;
    color: white;
}

#menu ul.m > li:hover,#menu ul.m > li a.m:hover {
    background: #0A6B36;
    color: #FFF;
}
#menu ul.m > li:nth-child(2):hover,#menu ul.m > li:nth-child(2) a.m:hover {
    background: #FF2626;
    color: white;
}

#menu ul.m > li:nth-child(3):hover,#menu ul.m > li:nth-child(3) a.m:hover {
    background: #EEEEEE;
    color: black ;
}

#menu ul li.m:nth-child(1337n+4){
    background-image: url(../images/logo.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
}

#menu ul li.sm:hover {
    color:white;
}*/

/**
* Menu SPA
**/

/* #menu ul li:nth-child(5):hover,#menu ul li:nth-child(5) a.m:hover {
    background: #565656;
    color: white;
} */

/**
* Mobilier de jardin et deco
**/
/* 
#menu ul li:nth-child(6):hover, #menu ul li:nth-child(6) a.m:hover {
    background: #000000;
    color: white;
} */

/**
* Avis - Devis / Contact
**/
/* #menu ul li:nth-child(7):hover, #menu ul li:nth-child(7) a.m:hover {
    background: #0A6B36;
    color: white;
} */

/* Second niveau du menu */
/*
#menu ul.sm {
    font-family: "Dosis ExtraLight";
    font-size: 20px;
    position: absolute;
    display: none;
    background: #286075;
    width: 100%;
    margin: 0;
    left: 0
}

#menu li:nth-child(1) ul {
    color: white;
    background: #0A6B36;
}
#menu li:nth-child(1) ul.sm a.sm:hover {
    background: #188c4c;
    cursor:pointer;
    text-decoration: none;
}
#menu li:nth-child(2) ul {
    color: white;
    background: #FF2626;
}
#menu li:nth-child(2) ul.sm a.sm:hover {
    background: #ff6666;
    cursor:pointer;
    text-decoration: none;
}
#menu li:nth-child(3) ul {
    color: black;
    background: #EEEEEE;
}
#menu li:nth-child(3) ul.sm a.sm:hover {
    background: #f5f5f5;
    cursor:pointer;
    color: black;
    text-decoration: none;
}

#menu li:nth-child(5) ul {
    color: white;
    background: #565656;
}

#menu li:nth-child(6) ul {
    color: white;
    background: #000000;
}

#menu li:nth-child(7) ul {
    color: white;
    background: #0A6B36;
}

#menu ul.sm li.sm {
    float:none;
    width:200px;
}

#menu ul.m li.m:hover li.sm {
	display: inline-block;
    width: 200px;
}

#menu ul.sm li.sm a.sm {
    display:block;
    padding: 15px 30px;
}
    
#menu li:nth-child(5) ul.sm a.sm:hover {
    background:#5F5F5F;
    cursor:pointer;
    text-decoration: none;
}

#menu li:nth-child(5) ul a.ssm:hover {
    background:#5F5F5F;
}

#menu li:nth-child(6) ul.sm a.sm:hover {
    background:#262626;
    cursor:pointer;
    text-decoration: none;
}

#menu li:nth-child(6) ul a.ssm:hover {
    background:#262626;
}

#menu li:nth-child(7) ul.sm a.sm:hover {
    background:#0a5429;;
    cursor:pointer;
    text-decoration: none;
}
#menu li:nth-child(7) ul a.ssm:hover {
    background:#0A6B36;
}


#menu ul.m li.m:hover .sm {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#menu ul.sm {
    width: 4000px;
    text-align: center;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 100%;
}*/

/* Elements cachés */

/* #menu .menutab {
    display: none
}

#menu .mmenu {
    display:none;
    padding:7px 30px;
} */

/* Deuxieme niveau du menu */
/*
#menu ul.ssm {
    font-family: "Dosis ExtraLight";
    font-size: 20px;
    position: absolute;
    display: none;
    background: #286075;
    width: 100%;
    margin: 0;
    left: 0
}

#menu ul li.ssm {
    float:left;
    width: 10%;
    opacity: 0;
    display: none;
}

#menu ul.ssm li.ssm {
    float:none;
    width:200px;
}

#menu ul.m li.sm:hover li.ssm {
    display:inline-block;
    opacity: 1;    
    float: none;
}

#menu ul.ssm li.ssm a {
    display: block;
    padding: 15px 30px;
}

#menu ul li.sm ul {
    position: absolute;
    width: 100%;
    margin: 0;
    left: 0;
    display: block;
}

#menu li ul a.ssm:hover {
    cursor: pointer;
    text-decoration: none;
}

#menu li ul a.ssm {
    padding: 15px 30px;
    display: block;
}*/

/*  ------------------------------------------------
    IDCOOKIE
    ------------------------------------------------ */
/*
#idcookie {
    color:#FFF;
    background:rgba(0,0,0,0.7);
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
    box-shadow: 0px -1px 3px rgba(0,0,0,0.3);
    padding:10px 20px;
    padding-right:30px;
}

#idcookie span , #idcookie a {
    display: inline-block;
}

#idcookie .buttoncookie {
    display:inline-block;
    padding:10px;
    font-size: 1.5em;
    position: absolute;
    right:10px;
    top:0;
}

#idcookie .buttoncookie:hover {
    cursor: pointer;
    background:#000;
    color:#FFF;
    text-decoration: none;
}*/

/*  ------------------------------------------------
    RESPONSIVE
    ------------------------------------------------ */
/*
@media screen and (max-width: 1700px) {
    #menu ul li.m a.m {
    }
    #menu ul {
        margin-left: 10%;
    }
    #menu ul li.m {
        width: 12%;
    }
}

@media screen and (max-width: 1200px) {
    #menu ul li.m a.m {
        font-size: 13px;
    }
}
    
@media screen and (max-width: 980px) {

    #header {
        text-align: center;
    }

    #header .headerright {
        background:#444;
        position: fixed;
        bottom:0;
        left:0;
        width: 100%;
        padding:10px 20px;
        text-align: center;
        z-index: 1;
    }

    #header .headerright .bbottom {
        color:white;
        margin:0 20px;
        font-size:35px;
    }

    #header .headerright .bbottom:hover {
        text-decoration: none;
    }

    #header .blocklangs .langs {
        top:auto;
        bottom:34px;
    }

    #menu {
        position:fixed;
        top:0;
        margin-left:0;
        margin-top:0;
        height:auto;
        width:250px;
        left:-250px;
        height:100%;
        z-index: 10000;
    }

    /* Menu responsive */

 /*   #menu ul li.m a.m{
        line-height: 100px;
    }

    #menu ul li.m , #menu ul li.sm {
        float:none;
        width:auto;
        display: block;
    }

    #menu ul.m {
        position: relative;
        top:100px;
        left:0;     
    }

    #menu ul.sm {
        position: relative;
        top:-25px;
        left:0;
        width: 100%;
        transform: translate(0px, 0px);
        z-index: 1;
    }

    #menu ul.m ul {
        padding-left:0px;
    }

    #menu li.m.open ul.sm {
        display: block;
    }

    #menu.menuactive {
        left:0;
    }

    body.menuactive .bodyinner {
        position: relative;
        left:250px;
    }

    body.menuactive #header .headerright {
        left:250px;
    }

    #menu .menutab {
        background: #ffffff;
        display:block;    
        position:absolute;
        text-align:center;
        width:50px;
        top: 25px;
        right:-50px;
        padding:10px 0px;
        
    }

    #menu .mmenu {
        display:block;
    }

    #menu ul {
        margin-left: 0%;
    }
    
    #menu ul li.m:nth-child(1337n+4) {
        display: none !important;
    }
    
    .zmdi-home {
        opacity: 0;
        display: none;
        position: fixed;
        left: 82px;
        color:black;
        z-index: 100000;
        font-size: 30px;
        top: 0px;
        width: 50px;
    }
    
    .zmdi-facebook {
        display: none;
        position: fixed;
        left: 151px;
        color:black;
        font-size: 30px;
        top: 0px;
        right: 0;
        width: 50px;
        opacity: 0;
    }
    
    .zmdi-share {
        display: none;
        position: fixed;
        right: 40px;
        font-size: 30px;
        line-height: 100px;
        color: #FF2626;
        top: 0px;
        left: 169px;
        width: 50px;
        opacity: 0;
    }

}


@media screen and (max-width: 600px) {

    #header #logo {
        margin-top:40px;
    }

    #menu ul li.m , #menu ul li.sm {
        float:none;
        width:auto;
        height: auto;
    }
    
    #menu ul li.m a.m {
        font-size: 20px;
    }

    #menu ul.sm {
        top: 0;
        
        width: auto;
        transform: inherit;
    }
    
    #menu ul li.m a.m {
        line-height: 50px;
    }
    
    #menu ul.sm li.sm a.sm {
        padding: 12px 5px;
    }
    
    #menu ul.sm li.sm a.sm {
        font-size: 16px;
    }

    #header .title {
        display:none;
    }
    
    #menu ul li:nth-child(3):hover, #menu ul li:nth-child(3) a.m:hover {
        background: none;
        color: black;
    }

    #menu ul li:nth-child(2):hover, #menu ul li:nth-child(2) a.m:hover {
        background: none;
        color: white;
    }

}*/

#header {
    display: none;
}

.zmdi-home {
    -webkit-transition: all 0.2s; /* Safari */
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    left: 40px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-account-box-o {
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 80px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-instagram {
    -webkit-transition: all 0.2s; /* Safari */
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    right: 15px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-pinterest {
    -webkit-transition: all 0.2s; /* Safari */
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    right: 58px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-facebook {
    -webkit-transition: all 0.2s; /* Safari */
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    right: 40px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-share {
    -webkit-transition: all 0.2s; /* Safari */
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    position: absolute;
    right: 40px;
    z-index: 100000;
    font-size: 18px;
    line-height: 100px;
    color: #FF2626;
}

.zmdi-instagram:hover,
.zmdi-pinterest:hover,
.zmdi-facebook:hover,
.zmdi-share:hover,
.zmdi-account-box-o:hover,
.zmdi-home:hover {
    color: #0A6B36;
}

#header #logo {
    height:100px;
    margin-top:20px;
    margin-left:20px;
    margin-bottom:25px;
    vertical-align: middle;
}

#header .title {
    font-size: 3em;
    position: relative;
    left:20px;
}

#header .headerright {
    float:right;
    padding:20px;
    margin-right: 50px;
}

#header .blocklangs {  
    float:left;
    background:#EEE;
    position: relative;
}

#header .blocklangs a , #header .blocklangs .a {
    display: block;
    text-transform: uppercase;
    padding:2px 5px;
    font-weight:bold;
    color:#292929; 
    padding-top:10px;
    padding-bottom:9px;
    background:#EEE;
    text-align: center;
    width:40px;
    cursor: pointer;
}

#header .blocklangs a.current , #header .blocklangs a:hover {
    background:#286075;
    color:white;
    text-decoration: none;
}

#header .blocklangs .langs {
    position: absolute;
    top:34px;
    left:0;
    display: none;
}

#header .blocklangs:hover .langs {
    display:block;
}

#header #boxAccount {
    float:left; 
    padding:0 15px;
}

#menu {
    background:#FFF;
    color:white;
    height:100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9998;
}

#menu .c {
    text-align: center;
    height: 100%;
}

/* Premier niveau du menu */

#menu ul {
    width: 100%;
    margin-left: 15%;
}
#menu > .c > ul {
    height: 100%;
}

#menu ul li.m {
    float:left;
    width: 10%;
    height: 100%;
    position: relative;
    opacity: 0;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 980px)/* and (max-width: 1920px)*/ {
    #menu ul li.m {
        position: unset;
    }
}

#menu ul li.m a.m {
    font-family: 'Dosis Regular';
    font-size: 16px;
    display: inline-block;
    padding: 0px 8px;
    line-height: 100px;
    line-height: 18px;
    width: 100%;
    /*height: 100%;*/
    
    
}

#menu ul li.m:nth-child(1337n+4) {
    background-image: url(../images/logo.png);
    width: 10%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#menu ul li.m:nth-child(1337n+4) a {
    font-size: 0px !important;
    height: 100%;
}

#menu ul li a.m:hover {
    cursor:pointer;
    text-decoration: none;
    background: #0A6B36;
    color: white;
}

#menu ul li.m:nth-child(1337n+4) a.m:hover {
    cursor: pointer;
    text-decoration: none;
    background: none;
    color: white;
}

#menu ul.m > li:hover,#menu ul.m > li a.m:hover {
    background: #0A6B36;
    color: #FFF;
}
#menu ul.m > li:nth-child(2):hover,#menu ul.m > li:nth-child(2) a.m:hover {
    background: #FF2626;
    color: white;
}

#menu ul.m > li:nth-child(3):hover,#menu ul.m > li:nth-child(3) a.m:hover {
    background: #EEEEEE;
    color: black ;
}

#menu ul li.m:nth-child(1337n+4){
    background-image: url(../images/logo.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
}

#menu ul li.sm:hover {
    color:white;
}

/**
* Menu SPA
**/

#menu ul li:nth-child(5):hover,#menu ul li:nth-child(5) a.m:hover {
    background: #565656;
    color: white;
}

/**
* Mobilier de jardin et deco
**/

#menu ul li:nth-child(6):hover, #menu ul li:nth-child(6) a.m:hover {
    background: #000000;
    color: white;
}

/**
* Avis - Devis / Contact
**/
#menu ul li:nth-child(7):hover, #menu ul li:nth-child(7) a.m:hover {
    background: #0A6B36;
    color: white;
}

/* Second niveau du menu */

#menu ul.sm {
    font-family: "Dosis ExtraLight";
    font-size: 20px;
    position: absolute;
    display: none;
    background: #286075;
    width: 100%;
    margin: 0;
    left: 0
}

#menu li:nth-child(1) ul {
    color: white;
    background: #0A6B36;
}
#menu li:nth-child(1) ul.sm a.sm:hover {
    background: #188c4c;
    cursor:pointer;
    text-decoration: none;
}
#menu li:nth-child(2) ul {
    color: white;
    background: #FF2626;
}
#menu li:nth-child(2) ul.sm a.sm:hover {
    background: #ff6666;
    cursor:pointer;
    text-decoration: none;
}
#menu li:nth-child(3) ul {
    color: black;
    background: #EEEEEE;
}
#menu li:nth-child(3) ul.sm a.sm:hover {
    background: #f5f5f5;
    cursor:pointer;
    color: black;
    text-decoration: none;
}

#menu li:nth-child(5) ul {
    color: white;
    background: #565656;
}

#menu li:nth-child(6) ul {
    color: white;
    background: #000000;
}

#menu li:nth-child(7) ul {
    color: white;
    background: #0A6B36;
}
#menu li:nth-child(8) ul {
    color: white;
    background: #FF2626;
}
#menu ul li:nth-child(8):hover, #menu ul li:nth-child(8) a.m:hover{
    background-color: #FF2626;
}
#menu li:nth-child(8) ul.sm a.sm:hover {
    background: #ff6666;
    cursor:pointer;
    text-decoration: none;
}

#menu ul.sm li.sm {
    float:none;
    width:max-content;
}

#menu ul.m li.m:hover li.sm {
	display: inline-block;
    width: max-content;
}

#menu ul.sm li.sm a.sm {
    display:block;
    padding: 15px 30px;
}
    
#menu li:nth-child(5) ul.sm a.sm:hover {
    background:#5F5F5F;
    cursor:pointer;
    text-decoration: none;
}

#menu li:nth-child(5) ul a.ssm:hover {
    background:#5F5F5F;
}

#menu li:nth-child(6) ul.sm a.sm:hover {
    background:#262626;
    cursor:pointer;
    text-decoration: none;
}

#menu li:nth-child(6) ul a.ssm:hover {
    background:#262626;
}

#menu li:nth-child(7) ul.sm a.sm:hover {
    background:#0a5429;;
    cursor:pointer;
    text-decoration: none;
}
#menu li:nth-child(7) ul a.ssm:hover {
    background:#0A6B36;
}


#menu ul.m li.m:hover .sm {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#menu ul.sm {
    width: 4000px;
    text-align: center;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 100%;
}

#menu ul.sm {
    width: 4000px;
    text-align: center;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 100%;
}

/* Elements cachés */

#menu .menutab {
    display: none
}

#menu .mmenu {
    display:none;
    padding:7px 30px;
}

/* Deuxieme niveau du menu */

#menu ul.ssm {
    font-family: "Dosis ExtraLight";
    font-size: 20px;
    position: absolute;
    display: none;
    background: #286075;
    width: 100%;
    margin: 0;
    left: 0
}

#menu ul li.ssm {
    float:left;
    width: 10%;
    opacity: 0;
    display: none;
}

#menu ul.ssm li.ssm {
    float:none;
    width:200px;
}

#menu ul.m li.sm:hover li.ssm {
    display:inline-block;
    opacity: 1;    
    float: none;
}

#menu ul.ssm li.ssm a {
    display: block;
    padding: 15px 30px;
}

#menu ul li.sm ul {
    position: absolute;
    width: 100%;
    margin: 0;
    left: 0;
    display: block;
}

#menu li ul a.ssm:hover {
    cursor: pointer;
    text-decoration: none;
}

#menu li ul a.ssm {
    padding: 15px 30px;
    display: block;
}

/*  ------------------------------------------------
    IDCOOKIE
    ------------------------------------------------ */

#idcookie {
    color:#FFF;
    background:rgba(0,0,0,0.7);
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
    box-shadow: 0px -1px 3px rgba(0,0,0,0.3);
    padding:10px 20px;
    padding-right:30px;
}

#idcookie span , #idcookie a {
    display: inline-block;
}

#idcookie .buttoncookie {
    display:inline-block;
    padding:10px;
    font-size: 1.5em;
    position: absolute;
    right:10px;
    top:0;
}

#idcookie .buttoncookie:hover {
    cursor: pointer;
    background:#000;
    color:#FFF;
    text-decoration: none;
}

/*  ------------------------------------------------
    RESPONSIVE
    ------------------------------------------------ */

@media screen and (max-width: 1700px) {
    #menu ul li.m a.m {
        /*font-size: 15px;*/
    }
    #menu ul {
        margin-left: 10%;
    }
    #menu ul li.m {
        /*width: 12%;*/
    }
    /* #menu ul > li:nth-child(1) ul{
        left : 260%
    } */
}

@media screen and (max-width: 1200px) {
    #menu ul li.m a.m {
        font-size: 13px;
    }
    /* #menu ul > li:nth-child(2) ul{
        left : 100%
    }
    #menu ul > li:last-child ul{
        left : -10%
    } */
}
    
@media screen and (max-width: 980px) {

    #header {
        text-align: center;
    }

    #header .headerright {
        background:#444;
        position: fixed;
        bottom:0;
        left:0;
        width: 100%;
        padding:10px 20px;
        text-align: center;
        z-index: 1;
    }

    #header .headerright .bbottom {
        color:white;
        margin:0 20px;
        font-size:35px;
    }

    #header .headerright .bbottom:hover {
        text-decoration: none;
    }

    #header .blocklangs .langs {
        top:auto;
        bottom:34px;
    }

    #menu {
        position:fixed;
        top:0;
        margin-left:0;
        margin-top:0;
        height:auto;
        width:250px;
        left:-250px;
        height:100%;
        z-index: 10000;
    }

    /* Menu responsive */

    #menu ul li.m a.m{
        line-height: 100px;
    }

    #menu ul li.m , #menu ul li.sm {
        float:none;
        width:auto;
        display: block;
    }

    #menu ul.m {
        position: relative;
        top:100px;
        left:0;     
    }

    #menu ul.sm {
        position: relative;
        top:-25px;
        left:0;
        width: 100%;
        transform: translate(0px, 0px);
        z-index: 1;
    }

    #menu ul.m ul {
        padding-left:0px;
    }

    #menu li.m.open ul.sm {
        display: block;
    }

    #menu.menuactive {
        left:0;
    }

    body.menuactive .bodyinner {
        position: relative;
        left:250px;
    }

    body.menuactive #header .headerright {
        left:250px;
    }

    #menu .menutab {
        background: #ffffff;
        display:block;    
        position:absolute;
        text-align:center;
        width:50px;
        top: 25px;
        right:-50px;
        padding:10px 0px;
        
    }

    #menu .mmenu {
        display:block;
    }

    #menu ul {
        margin-left: 0%;
    }
    
    #menu ul li.m:nth-child(1337n+4) {
        display: none !important;
    }
    
    .zmdi-home {
        opacity: 0;
        display: none;
        position: fixed;
        left: 40px;
        color:black;
        z-index: 100000;
        font-size: 30px;
        top: 0px;
        width: 50px;
    }
    
    .zmdi-facebook {
        display: none;
        position: fixed;
        left: 90px;
        color:black;
        font-size: 30px;
        top: 0px;
        right: 0;
        width: 50px;
        opacity: 0;
    }

    .zmdi-instagram {
        display: none;
        position: fixed;
        left: 130px;
        color:black;
        font-size: 30px;
        top: 0px;
        right: 0;
        width: 50px;
        opacity: 0;
    }

    .zmdi-pinterest {
        display: none;
        position: fixed;
        left: 180px;
        color:black;
        font-size: 30px;
        top: 0px;
        right: 0;
        width: 50px;
        opacity: 0;
    }
    
    .zmdi-share {
        display: none;
        position: fixed;
        right: 40px;
        font-size: 30px;
        line-height: 100px;
        color: #FF2626;
        top: 0px;
        left: 169px;
        width: 50px;
        opacity: 0;
    }

}


@media screen and (max-width: 600px) {

    #header #logo {
        margin-top:40px;
    }

    #menu ul li.m , #menu ul li.sm {
        float:none;
        width:auto;
        height: auto;
    }
    
    #menu ul li.m a.m {
        font-size: 20px;
    }

    #menu ul.sm {
        top: 0;
        
        width: auto;
        transform: inherit;
    }
    
    #menu ul li.m a.m {
        line-height: 50px;
    }
    
    #menu ul.sm li.sm a.sm {
        padding: 12px 5px;
    }
    
    #menu ul.sm li.sm a.sm {
        font-size: 16px;
    }

    #header .title {
        display:none;
    }
    
    #menu ul li:nth-child(3):hover, #menu ul li:nth-child(3) a.m:hover {
        background: none;
        color: black;
    }

    #menu ul li:nth-child(2):hover, #menu ul li:nth-child(2) a.m:hover {
        background: none;
        color: white;
    }

}