/*===HEADER===*/
header {
    /*position:   relative;    commento per difetto LOGO */
    /*background:     #ccc;*/
    text-align: left;
    /*overflow:       hidden;*/
    padding: 00px 0;
    height: 67px;
}


/*===Navigation===*/

nav#navigation { /* --------   CUSTOM  ---------  */
    /*clear:       both; */
    text-align: left;
    margin: 0 0 35px;
    position: relative;
    z-index: 10;
    width: auto;
    padding: 0px;
    float: right;
}

nav#navigation ul ul {
    display: none;
}

nav#navigation ul li:hover > ul {
    display: block;
}

nav#navigation ul {
    padding: 0;
    position: relative;
    list-style: none;
    margin-top: 1px;
}


nav#navigation ul:after {
    content: "";
    clear: both;
    display: block;
}

nav#navigation ul li {
    float: left;
}

nav#navigation ul li a { /* --------   CUSTOM  ---------  */
    color: #dedede;
    display: block;
    font-size: 1em;
    text-decoration: none;
    padding: 0 0 0 25px;
    margin: 22px 0 0 0;
    height: 50px;
    line-height: 50px;
}

nav#navigation ul li a:hover {
    color: #ff5757;
}

/* --------   CUSTOM  ---------  */

nav#navigation ul ul {
    padding: 0;
    position: absolute;
    top: 100%;
    width: 170px;
}


nav#navigation ul ul li {
    float: none;
    position: relative;
}


nav#navigation ul ul li a {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}


nav#navigation ul ul li a:hover {
    text-decoration: underline;
}


/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu {
    display: none;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.icon-bar {
    display: block;
    width: 20px;
    height: 3px;
    margin: 5px;
    background-color: #454545;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.show {
    display: block !important;
}


/*===Media Queries===*/
@media screen and (max-width: 1000px) {

    header, div.container {
        /*margin:         0 1.2em;*/

    }

    div.container h1 {
        padding: 30px 0 0 0;
    }

    nav#navigation { /* --------   CUSTOM  ---------  */
        /*margin:       0 1.2em;*/
        /* margin:101px -2.6% 0 0;  commento per difetto LOGO */
        margin: 101px 0 0 0;
        padding: 12px 0 15px 0;
        width: 106%;
        display: none;
        position: absolute;
        right: 0;
        background-color: rgba(26, 26, 26, 0.87);
    }

    nav#navigation ul li {
        float: none;
        display: block;
        width: 100%;
        text-align: right;
    }

    nav#navigation ul li a { /* --------   CUSTOM  ---------  */
        height: 35px;
        line-height: 35px;
        font-size: 1em;
        color: #fff;
        margin: 0;
        padding: 0 22px 0 22px;
    }

    nav#navigation ul li a:hover { /* --------   CUSTOM  ---------  */
        color: #fd4343;
        background: #000;
    }


    nav#navigation ul ul {
        width: 100%;
        position: relative;
        display: table;
    }


    nav#navigation ul ul li a {
        font-size: .85em;
        height: 35px;
        line-height: 35px;
        padding: 0 10px 0 30px;
    }

    nav#navigation ul ul li a:hover {
        color: #f4421a;
        background: #fff;
        text-decoration: none;
    }


    nav#navigation ul ul ul {
        width: 100%;
        margin: 0 0 0 -100%;
        border: 0px solid #af3738;
    }


    nav#navigation ul ul li ul {
        width: 100%;
        position: relative;
    }


    .btn-responsive-menu {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
    }
}


@media screen and (min-width: 800px) {

    header, div.container {
        /*margin:   0 3em;*/
    }

    div.container h1 {
        padding: 80px 0 0 0;
    }

    nav#navigation {
        /*margin:   0 3em;*/
    }


    nav#navigation li#blog {
        background: url(plus.png) no-repeat 100% 55%;

    }

}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
    zoom: 1;
}