.menu{
    margin: 0;
    padding:0px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
    transition: all ease .5s;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-ms-transition: all ease .5s;
}
.nav{
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}
.nav li{
    display: inline-block;
    float: left;
}
.nav li:first-child{
    background: none;
}
.nav li a{
    font-size:14px;
    color: #4a4a4a;
    font-weight: 700;
    padding: 0 0 4px;
    text-transform: uppercase;
    vertical-align:top;
    letter-spacing: 0.1px;
}
.nav li a i{font-size: 16px; margin-right: 3px}
/*.nav > li > a:focus{background: none;}*/

.nav li a:hover,.nav li a.active{
    background: none;
    color: #b57084;
}

.toggleMenu {
    display:  none;
    /*    background:#4b70b7 ;*/
    padding: 0px;
    color: #fff;
    font-size:14px;
    float: right;
    position: initial;
    right: 0;
    top: -58px;
}
.toggleMenu span{
    font-size:28px;
    color:#FFF;
    height:22px;
    float:left;
    margin:0px;
    padding:0px;
}
a.toggleMenu:hover{
    color:#FFF;
}
.nav:before, .nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width:260px;
    z-index:9999;
}
.nav li {
    position: relative;
}
.nav > li {
    display:inline-block;
    padding: 0 0 0 40px;
}
.nav > li:first-child{padding-left: 0px;}
.nav > li > a {
    display: block;
}
.nav > li > a.parent {
    display: inline-block;
}
.nav > li > span.parent_span {
    display:block;
    float:right;
    width:auto;
    text-align:center;
    background:transparent;
    padding:0;
    font-size: 16px;
    cursor:pointer;
    margin:3px 3px 3px 8px;
    color:#b57084;
}
.nav > li li span.parent_span {position: absolute;top: 50%;transform: translateY(-50%);right: 5px;color: #fff;}
.nav li ul {
    position: absolute;
    left: -9999px;
    background:#272727;
    padding:0px 0px;
    border-top: 2px solid #b57084;
}
.nav li ul li{
    display:block;
    margin:0;
    width: 100%;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: -2px;
    width: 350px;
    background: #2c2c2c;
}
.nav li li a {
    display:block;
    text-align:left;
    color:#fff;
    border-top:1px solid #343434;
    padding:10px 20px 10px 25px;
    margin: 0px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: normal;
}
/*.nav li li:first-child a{
    border:none;
    }*/
    .nav li li a:hover{
        background:#b57084;
        color:#fff;
    }
    .current-menu-item a, .current_page_item a{
        color: #C6CED1;
    }


    @media only screen and (max-width: 1199px) {
        .nav ul{width: 220px;}
        /*    .nav li li.hover ul{width: 250px;}*/
        .nav > li > span.parent_span{font-size: 14px;margin: 2px 3px 3px 8px;}
    }

    @media only screen and (max-width: 991px) {
        .nav > li > span.parent_span{height: 40px;width: 40px;position: absolute;right: 0;top: 0;margin: 0;line-height: 40px;}
        .nav > li li span.parent_span{height: 40px;width: 40px;position: absolute;right: 0;top: 0;margin: 0;line-height: 40px;text-align: center;transform: none;cursor: pointer;}
        .nav li li a{font-size: 14px;font-weight: 600;}

        .active {
            display: block;
        }
        .menu {
            width: 100%;
            position: relative;
            margin: 0;
        }
        .nav li {
            margin-left: 0px;
            padding: 0;
            background-image: none;
        }
        .menu .menu_holder_left_bg{
            background:none;
        }
        .menu_holder_right_bg{
            background:none;
        }
        .nav {
            background: #262a37;
            height: calc(100vh - 75px);
            left: 0;
            margin: 0;
            overflow: auto;
            position: fixed;
            top: 75px;
            width: 100%;
            z-index: 9;
            display: none;
        }
        .nav li a{color: #fff;font-size: 14px;}
        .nav li a:hover{
            background: #b57084 !important;
            color: #fff;
            border-bottom: none;
        }
        .nav > li {
            float: left;
            width:100%;
            border-bottom:1px solid #2b303f;
            margin: 0;
        }
        .nav li a.active {
            background: #b57084;
            color: #FFF;
            border-bottom: none;

        }
        .nav > li:last-child {
            border-bottom: none;
        }
        .nav > li > a{
            background:none;
            text-align:left;
            padding:12px 15px;
            margin: 0px;
            border-right:none;
            border-radius: 0px;
        }
        .nav > li > a.parent{
            background:none;
            text-align:left;
            width:100%;
            float: left;
            /*        padding:13px 10px 11px 10px;*/
        }
        .nav a {
            margin: 0 0px 0 2px;
        }
        .nav > li > span.parent_span {
            display:block;
        }
        .nav li li a {
            width:100% !important;
            display: block;
            padding:10px 30px;
            background:rgba(0, 0, 0, 0.9);
            border-top:1px solid #222;
            color:#fff;
        }
        .nav ul {
            display: block;
            width: 100%;
        }
        .nav li ul {
            position: static;
            left: 0px;
            display:none;
            border-top: none;
        }
        .nav > li.hover > ul, .nav li li.hover ul {
            position: static;
            /*        margin:3px 0px 0px 0px;*/
        }
        .header_menu_box{
            margin:20px 0px 0px;
        }
        .nav li ul {
            background: none;
        }
    }
    @media only screen and (max-width: 640px) {

        .nav a {
            margin: 0 0px 0 2px;
        }
        .nav li li a {
            width:370px;
        }
        .nav li ul {
            background: none;
        }
        .toggleMenu{
            padding: 0;
        }

    }

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

    /*    .nav > li > a.parent{
            width:215px;
            }*/

            .nav li li a {
                width:230px;
            }
            .nav a {
                margin: 0 0px 0 2px;
            }
            .nav li ul {
                background: none;
            }
            .toggleMenu{top: -54px;}

        }