button.navbar-mobile.closed {
        color: #b60001;
    }
    
    @keyframes movex {
        0% {
            transform: translateX(-2px);
        }
        33% {
            transform: translateX(-5px);
        }
        66% {
            transform: translateX(-2px);
        }
        100% {
            transform: translateX(-5px);
        }
    }

    button.navbar-mobile.closed i.animate{
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-name: movex;
        animation-timing-function: linear;
        position:absolute;
        top:33%;
        right:2px;
    }
    button.navbar-mobile.closed i.fix-animate{
        position:absolute;
        top:33%;
        right:2px;
    }

    .navbar-smartphone > h3 {
      color: white;
      font-size: 1.9em;
      padding: 20px;
      margin: 0;
      font-weight: 300;
      background: #0d77b6;
    }

    .navbar-smartphone > a , div.navbar-header-product > .navbar-header, div.navbar-header-product > a {
        text-decoration: none;
        display: block;
        /*color: #666;*/
        font-size: 1.1em;
        /*font-weight: 300;*/
        border-bottom: 1px solid #dfdfdf;
        padding: 1em;
    }
    div.navbar-header-product > .navbar-header{
        background: #f5f5f5;
        float:none;
        font-style:italic;
    }
    div.navbar-header-product > a:before {
        content:'>';
        padding-right: 10px;
    }
    .navbar-smartphone > a:hover, div.navbar-header-product > a:hover {
        background: #67b437;
        color: white;
    }
    .navbar-smartphone > a:active, div.navbar-header-product > a:active {
        background: #afdefa;
        color: #47a3da;
    }

    .navbar-smartphone {
        background: #fff;
        position: absolute;
        width:90%;
        top: 0;
        left: -90%;
    }

    .navbar-smartphone > div.navbar-header {
        background: #F5F5F5;
    }

    .navbar-smartphone > div.search-container {
        border-bottom: 1px solid #dfdfdf;
        display: block;
        font-size: 1.1em;
        padding: 1em;
    }

    .body-move {
        left:90%;
        overflow-x: hidden;
    }

    body {
        display:block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        left:0;
        position:relative;
    }

    #fond-navbar-smartphone {
        position: absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity: 0.4;
        filter: alpha(opacity=40);
        background-color:#000;
        z-index:1000;
        display:none;
    }

    #fond-navbar-smartphone.show {
        display:block;
    }