*,

*:after,

*:before {margin:0; padding:0; }

.navigation {position:relative; display:inline-block; font-size:14px; float:right; }

.navigation ul {text-align:left; z-index:1;}

.navigation ul li{float:left; *display:inline; zoom:1; position:relative; padding:0 15px; }

.navigation ul li a {display:block; color:#FFF;padding:0; }

.navigation ul li a:hover, .navigation ul li a:focus{background:transparent;}

.navigation ul li:hover ul {display:block; }

.navigation ul li ul {display:none; position:absolute; left:0; width:250px; z-index:99;   }

.navigation ul li ul li{width:100%;}

.navigation ul li ul li a {background:#ee304c; border-bottom:1px solid #d62741; display:block; padding:15px; }

.navigation ul li ul li a:hover {background:#d62741; }

.nav-mobile {display:none;cursor:pointer; position:absolute; top:15px; right:15px; background:#ee304c url(../images/menu.png) no-repeat center center; background-size:18px; height:40px; width:40px;z-index: 99;}

.nav-click {position:absolute; top:1px; right:15px; display:none;z-index: 9; border-left:1px solid #d62741; height:40px; width:40px; cursor:pointer; }

.nav-click i {display:block; height:40px; width:39px; background:url(../images/drop.svg) no-repeat center center; background-size:20px; }

.nav-click:hover {background-color:#d62741; }

.nav-click i.nav-rotate{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);background-color:#d62741;}



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

.nav-mobile {display:block; }

.navigation {width:100%; padding:50px 0 0; }

.navigation ul {display:none;position: absolute;top: 151px;width: 100%;background:#ee304c; }

.navigation ul li {width:100%; float:none; }

.navigation ul li a {padding:3px 0;}

.nav-click {display:block; }

.nav-mobile-open {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }

.navigation ul li:hover ul{display:none; }

.navigation ul li ul {position:static; width:100%; }

.navi_s .container{padding:0;}

.navigation ul li ul li {padding: 0;width: 100%;}

.navigation ul li ul li a, .navigation ul li ul li a:hover {background:#d62741;}

}



@media only screen and (min-width : 768px) and (max-width : 899px){

.navigation ul {display:block;}

.navbar-nav > li > a {font-size: 14px;}

.navigation ul li {padding: 0 7px;}

.navigation ul li:hover ul{display:block; }

}

@media only screen and (min-width : 900px) and (max-width : 1024px){
.navbar-nav > li > a {font-size: 16px;}

.navigation ul li {padding: 0 10px;}
}