.toggleMenu { display: none; color: #fff; float: left; background: url(../img/menu_bg1.png) no-repeat 0 0; width: 35px; height: 25px; font-size: 0; position: absolute; right: 21px; top: 31px; }
.navi { list-style: none; *zoom: 1;
float: right; padding-top: 18px; }
.navi:before, .navi:after { content: " "; display: table; }
.navi:after { clear: both; }
.navi ul { list-style: none; width: 9em; }
.navi a { padding: 14px 25px; color: #262626; font-size: 16px; }
.navi li { position: relative; }
.navi > li { display: inline-block; }
.navi > li > .parent { 
/*background-image: url("images/downArrow.png");*/ 
background-repeat: no-repeat; background-position: right; }
/*.navi li:hover a { color: #3172f7; }*/
.navi li.active a { color: #3172f7; }
.navi > li > a { display: block; }
.navi li ul {position: absolute;
right: 0;
width: 257px;
top: 51px; }
.navi > li.hover > ul { left: 0; }
.navi li li.hover ul { left: 100%; top: 0; }
.navi li li a { display: block; background: #fff; position: relative; z-index: 100; /*border-top: 1px solid #2fb3e7;*/ text-transform: none; color: #000; line-height: 16px; padding: 11px 10px; display: block; }









/*.navi li:hover ul li a { color: #fff;  display: block; }
.navi li li a:hover { background: #0d3772; }*/
.navi li li li a { background: #249578; z-index: 200; border-top: 1px solid #1d7a62; }
.nav-mobile, .nav-click { display: none; }









/*******/
.navi > li:hover > ul {
	display: block;	
}
.navi > li > ul a {
    font-size: 13px;
}
.navi > li > ul > li a {
	color:#000;
}
.navi > li > ul > li a:hover {
	color:#fff;
	background:#0076b4;	
}
.navi > li > ul li {
	text-align:right;
}




/******/ 
.dropdown1 {
    display: none;
    transition: all 0.5s;
}
/**** dropdown arrow up down ****/
.nav-click {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 39px;
    width: 50px;
    cursor: pointer;
	background: #3373f9;
}
.nav-click i {
    display: block;
    height: 39px;
    width: 50px;
    background: transparent url(../img/drop.svg) no-repeat scroll center center / 20px auto;
}
.nav-rotate {
    transform: rotate(180deg);
}
/**** end ****/

@media only screen and (max-width: 1024px) {
.navigation ul li { position: relative; }
.navigation ul li a { display: block; color: #000; padding: 10px 15px; background: #fff; border-bottom: 1px solid #eee; }
.nav-mobile { display: none; cursor: pointer; position: absolute; top: 0; right: 0; background: #3D3D3B url(../img/menu.png) no-repeat center center; background-size: 18px; height: 35px; width: 40px; }
.nav-click { position: absolute; top: 0; right: 0; display: none; border-left: 1px solid #8B2870; height: 35px; width: 40px; cursor: pointer; }
.nav-click i { display: block; height: 35px; width: 40px; background: url(../img/drop.svg) no-repeat center center; background-size: 20px; }
.nav-click:hover { background-color: #6E1656; }
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.nav-mobile { display: block; }
.navigation { width: 100%; padding: 0; position: relative; }
.navigation ul { display: none; position: absolute; left: 0; top: 90px; width: 100%; padding: 0; border-bottom: none; z-index: 99; }
.navigation ul li { width: 100%; float: none; }
.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%; }
.rightlogin{padding-right:60px;}
.nav-mobile {top:15px;}
.navigation ul {
    right: 0;
    top: 69px;
    width: 46%;
    z-index: 99; left:inherit;}
	.navi > li > ul li {
    text-align: left;
}
.navi > li a i {
	display:none;
}
}




@media only screen and (max-width: 767px) {
.navigation ul li { position: relative; }
.navigation ul li a { display: block; color: #000; padding: 10px 15px; background: #fff; border-bottom: 1px solid #eee; }
.nav-mobile { display: none; cursor: pointer; position: absolute; top: 0; right: 0; background: #3D3D3B url(../img/menu.png) no-repeat center center; background-size: 18px; height: 35px; width: 40px; }
.nav-click { position: absolute; top: 0; right: 0; display: none; border-left: 1px solid #8B2870; height: 35px; width: 40px; cursor: pointer; }
.nav-click i { display: block; height: 35px; width: 40px; background: url(../img/drop.svg) no-repeat center center; background-size: 20px; }
.nav-click:hover { background-color: #6E1656; }
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.nav-mobile { display: block; }
.navigation { width: 100%; padding: 0; position: relative; }
.navigation ul { display: none; position: absolute; left: 0; top: 90px; width: 100%; padding: 0; border-bottom: none; z-index: 99; }
.navigation ul li { width: 100%; float: none; }
.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 > li > ul li {
    text-align: left;
}
.navi > li a i {
	display:none;
}
 .rightlogin {
    padding-right: 0;
}
}


