/* ----  navigation ----*/
.navigation #logo {
    margin: 10px 30px 0 0;
}

#navigation {
    padding: 25px 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

    #navigation li a, .foot-nav li a {
        padding: 16px 10px 8px 10px;
        border-bottom: solid 2px transparent;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

    #navigation.fixed {
        position: fixed;
        top: 0px;
        z-index: 99999999;
    }

.no-positionfixed #navigation.fixed {
    position: static;
    padding: 8px 0;
}

.no-positionfixed .subnav {
    display: none;
}

#navigation li {
    margin: 0 10px;
}

    #navigation li a:hover {
        padding: 16px 10px 8px 10px;
        background: none;
    }

    #navigation li.active a {
        border-bottom: solid 2px #ccc;
        color: #ffffff;
    }



#navigation.addOp {
    padding: 8px 0;
}

/* ---- navigation ----*/
.navWrap {
    height: 52px;
}

.nav {
    margin: 0;
    padding: 0;
}

.navigation {
    background: #333333;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
}

.foot-nav {
    background: #2d2d2d;
}

    .navigation li,
    .foot-nav li {
        display: inline-block;
        padding: 0;
        margin: 0;
        position:relative;
    }

        .navigation li a,
        .foot-nav li a,
        .navigation li span{
            padding: 15px 25px;
            color: #dddddd;
            font-size: 14px;
            font-weight: 300;
            font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
            margin: 0;
            display: inline-block;
            cursor:pointer;
        }

            .navigation li a:hover,
            .foot-nav li a:hover,
            .navigation li span:hover {
                background: #222222;
                color: #ffffff;
            }

        .foot-nav li a {
            font-size: 12px;
        }



.topWrap,
.header,
.navigation {
    width: 100%;
}

.navigation {
    top: 129px;
}

.affix {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.addOp,
.navigation.addOp .nav .dropdown {
    background: rgba(52,52,52,0.9);
}

.showNav {
    opacity: 1;
}

.subnav {
    position: fixed;
    top: 98px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-bottom: solid 1px #ccc;
    /*display: none;*/
    height: 39px;
    line-height: 39px;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /* IE 5-7 */
    filter: alpha(opacity=90);
    /* Netscape */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* Good browsers */
    opacity: 0.9;
}

    .subnav.addOp {
        top: 64px;
    }

    .subnav li {
        margin: 0 10px 0 0 ;
        font-size: 14px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        color: #000;
        line-height: 15px;
    }

        .subnav li a {
            font-size: 12px !important;
            color: #555 !important;
            padding: 12px 10px 8px 10px;
            border: none !important;
        }

            .subnav li a:hover {
                color: #000000 !important;
                border: none !important;
            }


/*.navigation .nav .dropdown {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 57px;
    background: #333333;
    left: 0;
}

.navigation.addOp .nav .dropdown {
    top: 40px;
}*/