.clearfix:before,
.clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

#navigation-style {  direction: rtl;  text-align: right;  width: 100%;  }

.dp-navigation-menu {margin: 0;padding: 0; display: block !important; width: 100%; direction: ltr; float: right; text-align: left; /*background: url("images/menu-bg-blue.jpg") repeat;*/  }
.dp-navigation-menu li {
    list-style: none;
    display: inline-block;
    position: relative;
    background-color: #EEE;
    border-radius: 3px;
    margin-left: 7px;
	
}

.dp-navigation-menu ul {
	height: auto;
    width: auto;
    background: #196002;
    display: none;
    margin: 0;
    padding: 0;
    border: 2px solid #f8b94f;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    position: absolute !important;
	left: 0;
    right: initial !important;
    z-index: 99999 !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.75);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.75);
}

.dp-navigation-menu ul ul {
    border: 2px solid #f8b94f;
    border-radius: 5px;
/*    top: 10px !important;*/
    left: 100% !important;
}

.has-sub.parent .parent-link.active + .sub {
}

* html .dp-navigation-menu ul li {width: 223px !important; position: relative; z-index: 99999 !important;}

.dp-navigation-menu > li > a:link, 
.dp-navigation-menu > li > a:visited, 
.dp-navigation-menu > li > a:hover {color: #000;}
.dp-navigation-menu li a {
	display: block;
    cursor: pointer;
    padding: 10px;
	//border-radius: 100px;
    -webkit-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -moz-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -ms-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -o-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.dp-navigation-menu ul li { display: block; margin: 0;padding: 0; white-space: nowrap; min-width: 150px; z-index: 99999 !important;}
.dp-navigation-menu ul li a {background: #196002;color: #fff;}

.dp-navigation-menu ul li {}
.dp-navigation-menu ul li:last-child {border-bottom: none !important;}
.dp-navigation-menu li.parent > a {}
.dp-navigation-menu li.parent   a.parent-link {}
.dp-navigation-menu ul li.parent > a {}
.dp-navigation-menu ul li.parent  a.parent-link{}

.dp-navigation-menu li.parent:hover > a {
    /*background: url(images/arrow-down.png) no-repeat 5% 55% ; border-radius: 15px; */
}

.dp-navigation-menu ul li.parent:hover  > a {}

.dp-navigation-menu li a:hover, 
.dp-navigation-menu li a.active ,
.dp-navigation-menu li a:hover:after, 
.dp-navigation-menu li a.active:after {
	border-radius: 0;
	color: #f8b94f !important;
	box-shadow: inset 0px -45px #196002;
}

.dp-navigation-menu ul li a {
	color: #fff;
	cursor: pointer;
	margin: 4px;
	padding: 3px 10px;
	line-height: 2em;
	display: block;
    width: calc(100% - 20px);
}
.dp-navigation-menu ul li a:link,
.dp-navigation-menu ul li a:visited,
.dp-navigation-menu ul li a:hover {margin: 0;}

ul.dp-navigation-menu > li.has-sub:active > ul.sub,
ul.dp-navigation-menu > li.has-sub:hover > ul.sub {
    display: block;
/*    animation-duration: 0.5s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;*/}

#navigation-style .has-sub.parent > a:after {
    content: "▼";
    position: absolute;
    float: right;
    top: 12px;
    right: 0;
    font-size: 8px;
	-webkit-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -moz-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -ms-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -o-transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    transition: all 0.5s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

#navigation-style .parent .has-sub.parent > a:after {
	content: "►";
    color: #fff;
    top: 5px;
    right: 5px;
    font-size: 10px;
}

.has-sub.parent:hover:after {
	color: #fff;
}

.slicknav_nav .slicknav_arrow {
    float: right !important;
    font: 13px arial;
    margin: 2px;
}

.res-menu {
    background: #196002;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}