/* čćžšđ */
.navigation {
    height: 69px;
    margin-top: 35px;
}

.brand {
    position: absolute;
    padding-left:5px;
    padding-right:10px;
    float: left;
    line-height: 69px;
    text-transform: uppercase;
/*    background-color: #C71585;   */
    margin-left: 5px;
    width: 230px;

}
.brand a,
.brand a:visited {
    color: #ffffff;
    text-decoration: none;
    display: block;
    background: url(../img/logo.png) center no-repeat;
    background-size: 180px;
    font-size: 0;
    color: transparent;
}

.brand a:after {
        background: url(../img/menu-right-arrow-logo2.png) top right no-repeat;
 content: " ";
 height: 69px;
 line-height: 69px;
 width: 42px;
 position: absolute;
 right: 0px;
}

.nav-container {
    width: 1024px;
    margin: 0 auto;
 padding: 0px;

    background: url(../img/menu-bg-repeat.png) top left repeat-x;
     border-radius: 34px;
}

nav {
    float: right;
    margin-right: 15px;

}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    float: left;
    position: relative;
}
nav ul li a,
nav ul li a:visited {
    display: block;
    padding: 0px;
    height: 50px;
    color: #ffffff;
    text-decoration: none;
/* border:1px solid #FFFF00;  */
 font-size: 16px;
 font-weight: 600;
 letter-spacing: 0.05em;
    text-align: center;
    padding-top: 19px;
   padding-right:  45px;
   padding-left: 5px;
    background: url(../img/menu-right-arrow-logo2.png) top right no-repeat;
 margin-left: 5px;
    opacity: 1;
}
nav ul li a:hover,
nav ul li a:visited:hover {
    color: #F5F5F5;
    opacity: 0.9;
}

nav ul li a.last-link {
    background: none;
    padding-right: 20px;
}

nav ul li a.last-link:hover {
/*    background: #696969;  */
    color: #F5F5F5;
    opacity: 0.9;
}



nav ul li a span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #ec1d25;
    text-align: center;
    padding: 3px 0px;
}

nav ul li a:hover span,
nav ul li a:visited:hover span {
    opacity: 1!important;
    font-weight: 600!important;
}


/* dropdown */
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
//    padding-left: 4px;
//    content: ' ▾';
}

nav ul li ul {
    width: 250px;
    padding: 5px;
    height: 185px;
    background: #000;
    top: 68px;
    position: absolute;
   display: none;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
   z-index: 99999;
}

ul.nav-dropdown li {
    margin: 0px;
    padding: 0px;
    display: block;
    z-index: 99999;
}

ul.nav-dropdown li a {
 display: block;
    margin: 0px;
    padding: 0px;
    background: none;
    width: 240px;
    height: 30px;
    line-height: 30px;
    z-index: 99999;
    text-align: left;
    border-bottom: 1px solid #D3D3D3;
    color:#fff;
    padding-left: 5px;
}


ul.nav-dropdown li a:hover {
 color: #F5F5F5;
 background: #1C1C1C;
}


/*
li.nav-dropdown:hover ul {
 display: block;
}
*/

/* /dropdown */

/* Mobile navigation */
.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    height: 69px;
    width: 69px;
}

@media only screen and (max-width: 1000px) {
    .navigation {
        height: 69px;
        margin-top: 0px;
    }

    .nav-container {
     border-radius: 0px;
     background-color: #000;
     width: 100%;
    }

    .nav-mobile {
        display: block;
    }

    nav {
        float: none;
        padding: 65px 0px;
        margin-right: 0px;
       background-color: #000;
       padding-bottom: 10px;
       width: 100%;
    }
    nav ul {
        display: none;
        z-index: 999999999999!important;
        background-color: #000;
        position: relative;
    }
    nav ul li {
        float: none;
    }
    nav ul li a {
    height: 30px;
     line-height:30px;

        display: block;
        color: #ffffff;
        text-decoration: none;
        border-bottom:1px solid #EBEBEB;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-align: left;
         padding: 10px 30px;

        background: none;
        margin-left: 0px;
        background-color: #000;

    }

    nav ul li a span {
        display: inline-block;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 400;
        color: #ec1d25;
        text-align: left;
        padding: 0px;
         padding-left: 15px;
    }

    nav ul li a:hover,
    nav ul li a:visited:hover {
        color: #F5F5F5;
        opacity: 1;
        background-color: #1C1C1C;

    }
    nav ul li a.last-link:hover {
        background-color: #1C1C1C;
        color: #F5F5F5;
        opacity: 1;
    }

    nav ul li a.last-link {
        background: #000;
        padding-right: 20px;
    }

    nav ul li ul li a {
        padding-left: 30px;
    }

    .nav-dropdown {
        position: static;
    }

    .brand a img {
        max-width: 369px;
    }

    nav ul li.hiddenDesktop a  {
        color: #fff;
        line-height:20px;
    }
}
@media screen and (min-width: 1000px) {
    .nav-list {
        display: block !important;
    }
}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}
#nav-toggle.active span {
    background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}
#nav-toggle.active span:before {
    transform: rotate(45deg);
}
#nav-toggle.active span:after {
    transform: rotate(-45deg);
}