
*{margin:0;padding:0;text-decoration:none}

.menu-res{position:relative;width:100%;background:#AB0552;border-top: 3px solid #ffc8d0;}

#cssmenu2{
	font-family: 'Nunito Sans', sans-serif;
	background:#AB0552;
	position:relative;
	width:96%;
	margin:0 auto;
	height:38px;
}
#cssmenu2,#cssmenu2 ul,#cssmenu2 ul li,#cssmenu2 ul li a,#cssmenu2 #head-mobile{
	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#cssmenu2:after,#cssmenu2 > ul:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
#cssmenu2 #head-mobile{display:none;}

#cssmenu2 > ul > li{float:left; width:10%;}

#cssmenu2 > ul > li > a{
	padding:0px; 
	line-height:38px;
	font-size:14px;
	letter-spacing:1px;
	text-decoration:none;
	color:#fff;
	font-weight:700; 
	text-transform: uppercase; 
	text-align:center;
	/*border-top-width: 3px;
    border-top-color: #AB0552;
    border-top-style: solid;*/
	font-family: 'Raleway', sans-serif;
}
#cssmenu2 > ul > li:hover > a{color:#222;}

#cssmenu2 > ul > li:hover > a{
/*	border-top-width: 3px;
	border-top-color: #AB0552;
	border-top-style: solid;*/
}

#cssmenu2 > ul > li:hover,#cssmenu2 ul li.active:hover,#cssmenu2 ul li.has-sub.active:hover{
	background:#f4f4f4!important;
	transition:background .3s ease;
	-webkit-transition:background .3s ease;
	-ms-transition:background .3s ease;
}
#cssmenu2 > ul > li.has-sub > a:after{
	position: absolute;
    top: 19px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
	display:none;
}
#cssmenu2 > ul > li.has-sub:hover > a:before{top:23px;height:0;}

#cssmenu2 ul ul{position:absolute;left:-9999px; z-index:99;}

#cssmenu2 ul ul li{
	height:0;
	background:#f4f4f4;
	transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-ms-transition:all .25s ease;
}
#cssmenu2 ul ul li:hover{}

#cssmenu2 li:hover > ul{left:auto;}

#cssmenu2 li:hover > ul > li{height:32px;}

#cssmenu2 ul ul ul{margin-left:100%;top:0;}

#cssmenu2 ul ul li a{
	/* border-bottom: 1px solid rgba(150,150,150,0.15); */
    padding: 11px 15px;
    width: auto;
    font-size: 15px;
    text-decoration: none;
    color: #222;
    font-weight: 700;
    text-transform: capitalize;white-space: nowrap;
}
#cssmenu2 ul ul li:last-child > a,#cssmenu2 ul ul li.last-item > a{border-bottom:0;}

#cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li a:hover{color:#d20061;white-space: nowrap;}

#cssmenu2 ul ul li.has-sub > a:after{
	position:absolute;
	top:16px;
	right:11px;
	width:8px;
	height:2px;
	display:block;
	background:#ddd;
	content:'';
}
#cssmenu2 ul ul li.has-sub > a:before{
	position:absolute;
	top:13px;
	right:14px;
	display:block;
	width:2px;
	height:8px;
	background:#ddd;
	content:'';
	transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-ms-transition:all .25s ease;
}
#cssmenu2 ul ul > li.has-sub:hover > a:before{top:17px;height:0;}

#cssmenu2 ul ul li.has-sub:hover,#cssmenu2 ul li.has-sub ul li.has-sub ul li:hover{
	background:#363636;
}
#cssmenu2 ul ul ul li.active a{border-left:1px solid #333;}

#cssmenu2 > ul > li.has-sub > ul > li.active > a,#cssmenu2 > ul ul > li.has-sub > ul > li.active> a{
	border-top:1px solid #333;
}
.button {display:none;}







@media screen and (max-width:940px){
	
#cssmenu2{width:100%; height:auto;}

#cssmenu2 ul{width:100%; display:none;}

#cssmenu2 ul li{width:100%; border-top:1px solid rgba(120, 120, 120, 0.15);}

#cssmenu2 ul li:hover{background:#363636;}

#cssmenu2 > ul > li:hover > a {border:none;}

#cssmenu2 > ul > li > a{border:none;}

#cssmenu2 ul ul li,#cssmenu2 li:hover > ul > li{height:auto;}

#cssmenu2 ul li a,#cssmenu2 ul ul li a{
	width: 100%;
    border-bottom: 0;
    text-align: left;
    padding: 0px 15px;
    line-height: 38px;
	font-size:13px;
}
#cssmenu2 > ul > li{float:none;}

#cssmenu2 ul ul li a{padding-left:25px;}

#cssmenu2 ul ul li{background:#AB0552!important;}

#cssmenu2 ul ul li:hover{background:#AB0552!important;}

#cssmenu2 ul ul ul li a{padding-left:35px;}

#cssmenu2 ul ul li a{
	color: #e2e2e2;
    background: none;
    text-transform: capitalize;
    font-size: 16px;
}

#cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li.active > a{color:#fff;}

#cssmenu2 ul ul,#cssmenu2 ul ul ul{
	position:relative;
	left:0;
	width:100%;
	margin:0;
	text-align:left;
}
#cssmenu2 > ul > li.has-sub > a:after,#cssmenu2 > ul > li.has-sub > a:before,#cssmenu2 ul ul > li.has-sub > a:after,#cssmenu2 ul ul > li.has-sub > a:before{display:none;}

#cssmenu2 #head-mobile{
	display:block;
	padding:23px;
	color:#ddd;
	font-size:12px;
	font-weight:700;
}
.button {
	display:block;
    width: 100%;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
    line-height: 47px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}
.button:after{
	position:absolute;
	top:22px;
	right:20px;
	display:block;
	height:4px;
	width:20px;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	content:'';
}
.button:before{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	position:absolute;
	top:16px;
	right:20px;
	display:block;
	height:2px;
	width:20px;
	background:#ddd;
	content:'';
}
.button span{padding:14px;}

#cssmenu2 .submenu-button{
	position:absolute;
	z-index:99;
	right:0;
	top:0;
	display:block;
	border-left: 1px solid rgba(120, 120, 120, 0.15);
	height:46px;
	width:46px;
	cursor:pointer;
}
#cssmenu2 .submenu-button.submenu-opened{background:#f4f4f4; height:auto;}

#cssmenu2 ul ul .submenu-button{height:34px; width:34px;}

#cssmenu2 .submenu-button:after{
	position:absolute;
	top:22px;
	right:19px;
	width:8px;
	height:2px;
	display:block;
	background:#ddd;
	content:'';
}
#cssmenu2 ul ul .submenu-button:after{top:15px; right:13px;}

#cssmenu2 .submenu-button.submenu-opened:after{background:#222;}

#cssmenu2 .submenu-button:before{
	position:absolute;
	top:19px;
	right:22px;
	display:block;
	width:2px;
	height:8px;
	background:#ddd;
	content:'';
}
#cssmenu2 ul ul .submenu-button:before{top:12px; right:16px;}

#cssmenu2 .submenu-button.submenu-opened:before{display:none;}

#cssmenu2 ul ul ul li.active a{border-left:none}

#cssmenu2 > ul > li.has-sub > ul > li.active > a,#cssmenu2 > ul ul > li.has-sub > ul > li.active > a{border-top:none;}






}