.nav-sec{
	background: #34495E;
	height: 60px;
	padding: 10px 10px;
}

/* minimal styles for that navi */
.rmm
{
	margin: 0 ;
}

.rmm ul
{
	margin: 0; 
	padding:0; 
	list-style: none; 
	position: relative;  
	width:100%
}

.rmm ul:after 
{
	content: ""; 
	clear: both; 
	display: block;
}

.rmm ul li
{
	float: left;
}
.rmm.style ul li:hover ul {
	display:inherit;
}
.rmm ul li.clicked > ul 
{
	display: block;
}

.rmm ul li:hover a{color: #1BBB9D;}
.rmm ul li a {color: #fff; display: block; text-decoration: none;}
.rmm ul ul {display: none; margin:0; padding: 0; position: absolute; top: 89%;}

.rmm ul ul li 
{
	float: none; 
	position: relative;
	width: 400px;
}
@-moz-document url-prefix() {
	.rmm.style ul ul li a img {
		top: -15px;
	}
}
.rmm ul ul li a{color: #fff;}
.rmm ul ul li a:hover {background: #1BBB9D;}
.rmm ul ul ul {position: absolute; left: 100%; top:0; width: 100%;}

.rmm.style li.settings .rmm-submenu
{
	position: relative; 
	left: -100px;
}
.rmm.style li.settings .rmm-submenu li
{
	padding: 0;
}
/* arrow down for wide screen */
.rmm.style
{
	text-align: left;
}

.rmm.style ul
{
	display: inline-table;
}

.rmm.style ul li
{
	padding: 0 2px;
	position: relative;
	text-align: center;
	top: 9px;
	z-index: 1000;
}

.rmm.style ul li a 
{
	color: #f9fafb; /* ltGray */
	display: block;
	font-size: 16px;
	font-weight: 400;
}

.rmm.style ul li a:hover 
{
	color: #41D98D;
}

.rmm.style ul li div
{
	border-color: transparent;
	border-radius: 30px;
	border-style: solid;
	border-width: 2px;
	padding: 8px 10px;
	position: relative;
	top: -3px;
}

.logo-icon
{
	margin-top: -15px;
	width: 150px;
}

.rmm.style ul li.current div
{
	border-color: #39bf7c;
}

.rmm.style ul li.help
{
	font-size: 24px;
	position: absolute;
	right: 30px;
    top: 12px;
	width: 50px;
}

.rmm.style ul > li.help a,
.rmm.style ul > li.notifications a,
.rmm.style ul > li.settings > a
{
	color: #39bf7c; /* Green */
	font-size: 21px;
	font-weight: 600;
}

.rmm.style ul > li.help a:hover,
.rmm.style ul > li.landing > a:hover,
.rmm.style ul > li.notifications > a:hover,
.rmm.style ul > li.settings > a:hover
{
	color: #41d98d; /* ltGreen */
}

.rmm.style ul > li.landing
{
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 20px;
}
.pd-t-13 {
	padding-top: 13px!important;
}
.rmm.style ul > li.landing > a
{
	color: #39bf7c; /* Green */
	font-size: large;
	font-weight: 600;
}

.rmm.style ul li.notifications
{
	position: absolute;
	right: 93px;
	top: 19px;
	width: 100px;
}

.rmm.style ul li.notifications div#notificationcount
{
	background-color: red;
	border-radius: 12px;
	color: white;
	font-size: 10px;
	left: 48px;
	padding: 1px;
	position: relative;
	top: -34px;
	width: 12px;
}

.rmm.style ul li.settings
{
	position: absolute;
	right: 63px;
	top: 19px;
	width: 60px;
}

.rmm.style ul ul
{
	background-color: #dcedff !important;
    padding: 3px 0 !important;
	display:none ; 
	left:10px;
	margin: 2px 0 0;
	min-width: 180px;
	position: absolute; 
	width: auto;
	font-size: 10px;
	text-align: left;
	list-style: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.175);
	box-shadow: 0 3px 3px rgba(0,0,0,.175);
	z-index: 5;
}

.rmm.style ul ul li
{
	text-align: left;
	width: 180px;
}

.rmm.style ul ul li a
{
	/* background-color: #F3F4F5; */
	color: #34495E;
	padding: 10px 15px;  
	margin: 0px; 
	white-space: nowrap;
	font-weight: 500 !important;
    font-size: 0.9rem !important;
    border-radius: 0 !important;
}

.rmm.style ul ul li a:hover
{
	background-color: #39bf7c;
	color: #fff;
}

.rmm.style ul ul li a img, .rmm.style ul ul li a i
{
	float: right;
	height: 16px;
	position: relative;
	right: -8px;
	top: -2px;
}

/* .rmm.style ul ul li:last-child a, .menu-right.rmm.style ul ul li:first-child a
{
	background:#CBCED3;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	color: white;
} */

.rmm.style ul ul li:last-child  a:hover
{
	background-color: #39bf7c;
	color: #fff;
}

.rmm.style ul ul li.menuline
{
	border-top: 1px solid #bdc3c7;
}


/* arrow left for wide screen submenus  */
.rmm.style ul ul li > a:not(:only-child):after {-webkit-transform: rotate(120deg)!important; transform: rotate(120deg)!important; top: 2px; font-size: 14px; float: right; margin-right: -20px;}

/* mobile style */
.rmm.style .rmm-mobile li > a:not(:only-child):after
{
	-webkit-transform: rotate(120deg)!important; 
	transform: rotate(120deg)!important; 
	top: 4px!important; 
	font-size: 14px!important; 
	float: right; 
	margin-right: -20px; 
	display:none
}

.rmm.style.settings
{
	float: right;
	width: auto;
	right: 0px;
	max-width: 1028px;
	position: absolute;
	top: 0;
}

.rmm.style.settings ul li a 
{
	color: #39bf7c;
}

.rmm.style.settings ul ul {
	left:auto;
	right:5px;
	
}

.rmm.style.settings ul .rmm-submenu:after {
	left:auto;
	right:11px;
	
}

.rmm-submenu:before {
	position: absolute;
	top: -7px;
	left: 20px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.rmm-submenu:after 
{
	position: absolute;
	top: -6px;
	left: 21px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #dcedff;
	border-left: 6px solid transparent;
	content: '';
}
li.settings .rmm-submenu:after {
    left: 124px;
}
.rmm.style ul ul li a {
	white-space: normal!important;
}
.rmm-toggled-controls {
	display: none;
}
/* @media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	.rmm-submenu:after {
    right: 21px;
   left:auto !important;
} 
.rmm.style ul ul {
	right:0px;
	left:auto !important;
}
	
} */
/*search*/
.rmm.style ul li.logo a{
	
padding-top:0;
padding-bottom:0
}

.search-wrap{
	
max-width:300px;
background:#fff;
border-radius:20px;
overflow:hidden;
    margin-top: 7px;
}
.search-box{	
	padding: 5px 0 5px 15px;
	font-size: 16px;
	width:85%;
	border: 0 none;  
	margin-right: 0;
	color: #333;
	outline: none;
		float: left;
	box-sizing: border-box;
	transition: all 0.15s;
}
.s-icon {
    border: 0 none;
    background:  url(../search.png) center no-repeat;
    width: 11%;
    float: left;
    padding: 0;
    text-align: center;
   margin:5px 5px 0 0;
    cursor: pointer;
	height:18px;
	outline: none;
}
.rmm-toggled {min-height: 50px; margin: 0 auto; display: none; cursor:pointer}

.rmm-toggled-controls{width: 100%;}
.rmm-toggled-title{width: 60%; float: left; font-size: 27px; color: #fff; font-weight:600; display: block; padding: 8px 0; text-decoration: none; text-transform: uppercase; text-align: left; padding-left: 35px;}

.rmm-toggled-button
{
	float: left;
	display: block;
	width: 32px;
	padding: 5px !important;
	margin: 10px 0 0 10px;
}

.rmm-toggled-button span{float: left; display:block; margin: 3px 6px; height: 3px; background:#1BBB9D; width:20px;}
[id^=drop], .submenus-toggle {
	display: none;
}

.rmm.style.menu-right {
	position: absolute;
	top: 3px;
	right: 15px;
}
@media (max-width: 1200px) {
	.rmm.style ul li div {
		padding: 8px 7px;
	}
	.rmm.style ul li a {
		font-size: 14px;
	}
}
@media (max-width: 1040px) {
	.rmm.style ul li div {
		padding: 8px 5px;
	}
	.rmm.style ul > li.landing {
		padding-top: 7px;
	}
	.rmm.style ul li {
		top: 13px;
	}
	.rmm.style ul li a {
		font-size: 13px;
	}
}

@media (max-width: 972px) {
	.rmm.style.menu-toggle {
		max-width: 40%;
		position: fixed;
		height: 100%;
		background-color: #F4F4F6;
		top:0;
		left:0;
		transition: all 0.5s;
		margin-left: -1000px;
		z-index:1040;
		overflow: auto;
		overflow-x: hidden;
	}
	.rmm-toggled-controls {
		display: block!important;
	}
	.submenus-toggle {
		display: block;
	}
	.submenus-toggle {
		display: block;
		color: #1abc9c;
		font-size: 16px;
		cursor: pointer;
	}
	.rmm-dropdown>a {
		display: none!important;
	}
	.rmm.style ul>li.landing {
		padding-left: 0;
		padding-top: 20px;
    	padding-bottom: 10px;
	}
	.rmm.style.menu-toggle .rmm-submenu:after {
		display: none!important;
	}
	.rmm.style.menu-toggle ul li:hover ul {
		display: none;
	}
	[id^=drop]:checked + ul {
		display: block!important;
	}
	.rmm.style.menu-toggle ul ul {
		position: relative!important;
		width: 100%!important;
		border-radius: 0!important;
		left: 0!important;
	}
	.rmm.style ul li {
		padding: 0;
	}
	.rmm.style ul li div {
		border-radius: 0;
		padding: 8px 10px;
	}
	.rmm.style.menu-toggle ul li {
		width: 100%;
		text-align: center;
	}
	.rmm.style.menu-toggle ul li a {
		color: #1abc9c;
		display: block;
	}
	.rmm.style.menu-toggle ul li.current {
		background: #1abc9c;
		border: 0px;
	}
	.rmm.style ul li.current div {
		border: 0px;
	}
	.rmm.style.menu-toggle ul li.current a {
		color: #fff;
	}
}