@charset "utf-8";
/* CSS Document */


#cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0 0 6px;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu ul li:last-child {
	border-bottom: none;
}
#cssmenu ul ul {
	display: none;
}
#cssmenu  ul  li.active  ul {
	display: block;
}
.align-right {
	float: right;
}
#cssmenu  ul  li  a small {
	font-size: 11px;
	color: #9d0059;
	margin: 0 0 0;
	position: absolute;
    left: 3px;
    top: 0;
}
#cssmenu  ul  li  a:hover small {
	color: #1d1d1b;
}
#cssmenu  ul  li  a {
	font-size: 17px;
	font-weight: 700;
	color: #1d1d1b;
	letter-spacing: 2.6px;
	line-height: 1.90rem;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	cursor: pointer;
	padding-left: 3.2rem;
	z-index: 2;
}
#cssmenu  ul  li  a:hover {
	color: #9d0059;
	padding-left: 4.2rem;
}
#cssmenu ul ul li a {
	font-size: 13px;
	font-weight: 600;
	color: #9d0059;
	letter-spacing: 2.6px;
	line-height: 1.5rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	cursor: pointer;
	padding-left: 4.2rem;
	z-index: 2;
}
#cssmenu ul ul li a:hover {
	color: #1d1d1b;
	padding-left: 5.2rem;
}
#cssmenu ul {
	white-space: normal;
  }

  #cssmenu .mCustomScrollBox #mCSB_1_container {
    width: 100% !important;
    left: 0 !important;
}

/* mobile menu */


#cssmenu1 ul, #cssmenu1 ul li, #cssmenu1 ul li a {
	margin: 0 0 25px;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu1 ul li:last-child {
	border-bottom: none;
}
#cssmenu1 ul ul {
	display: none;
}
#cssmenu1  ul  li.active  ul {
	display: block;
}
.align-right {
	float: right;
}
#cssmenu1  ul  li  a small {
	font-size: 11px;
	color: #9d0059;
	margin: 0 0 0;
	position: absolute;
    left: 3px;
    top: 0;
}
#cssmenu1  ul  li  a:hover small {
	color: #1d1d1b;
}
#cssmenu1  ul  li  a {
	font-size: 20px;
	font-weight: 700;
	color: #1d1d1b;
	letter-spacing: 2.6px;
	line-height: 2.1rem;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	cursor: pointer;
	padding-left: 3.2rem;
	z-index: 2;
	display: flex;
	justify-content: center;
}
#cssmenu1  ul  li  a:hover {
	color: #9d0059;
	padding-left: 4.2rem;
}
#cssmenu1 ul ul li a {
	font-size: 15px;
	font-weight: 600;
	color: #9d0059;
	letter-spacing: 2.6px;
	line-height: 2.2rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	cursor: pointer;
	padding-left: 4.2rem;
	z-index: 2;
}
#cssmenu1 ul ul li a:hover {
	color: #1d1d1b;
	padding-left: 5.2rem;
}
#cssmenu1 ul {
	white-space: normal;
  }

#cssmenu1 .mCustomScrollBox #mCSB_1_container {
    width: 100% !important;
    left: 0 !important;
}


/*Smartphone css*/
@media screen and (max-width: 480px) {
#cssmenu { padding: 0 2% 0 40px;}
#cssmenu  ul  li  a {font-size: 14px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.8rem; text-align: center;}
#cssmenu ul ul li a { font-size: 10px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.5rem}
#cssmenu  ul  li  a small { vertical-align: middle; display: inline-block; position: relative; top:inherit; left: inherit;}
#cssmenu  ul  li  a:hover { padding-left: 0;}
#cssmenu ul ul li a:hover { padding-left: 0;}
#cssmenu ul ul {padding: 0 0 0 23px;}
/* mob */
#cssmenu1 { padding: 0 2% 0 40px;}
#cssmenu1  ul  li  a {font-size: 14px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.8rem; text-align: center;}
#cssmenu1 ul ul li a { font-size: 10px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.5rem}
#cssmenu1 ul  li  a small { vertical-align: middle; display: inline-block; position: relative; top:inherit; left: inherit;}
#cssmenu1  ul  li  a:hover { padding-left: 0;}
#cssmenu1 ul ul li a:hover { padding-left: 0;}
#cssmenu1 ul ul {padding: 0 0 0 23px;}

#cssmenu1 ul, #cssmenu1 ul li, #cssmenu1 ul li a {margin: 0 0 15px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
#cssmenu { padding: 0 5% 0 70px;}
#cssmenu  ul  li  a {font-size: 14px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.8rem; text-align: center;}
#cssmenu ul ul li a { font-size: 10px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.5rem}
#cssmenu  ul  li  a small { vertical-align: middle; display: inline-block; position: relative; top:inherit; left: inherit;}
#cssmenu  ul  li  a:hover { padding-left: 0;}
#cssmenu ul ul li a:hover { padding-left: 0;}
#cssmenu ul ul {padding: 0 0 0 23px;}
#cssmenu1 ul li a{padding-left: 0;}


/* mob */
#cssmenu1 { padding: 0 5% 0 70px;}
#cssmenu  ul  li  a {font-size: 14px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.8rem; text-align: center;}
#cssmenu1 ul ul li a { font-size: 10px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.5rem}
#cssmenu1  ul  li  a small { vertical-align: middle; display: inline-block; position: relative; top:inherit; left: inherit;}
#cssmenu1  ul  li  a:hover { padding-left: 0;}
#cssmenu1 ul ul li a:hover { padding-left: 0;}
#cssmenu1 ul ul {padding: 0 0 0 23px;}

#cssmenu1 ul li a {font-size: 13px;}
#cssmenu1 ul, #cssmenu1 ul li, #cssmenu1 ul li a {margin: 0 0 15px;}


}

@media screen and (min-width:601px) and (max-width:767px) {
#cssmenu { padding: 0 2% 0 4%;}
#cssmenu  ul  li  a {font-size: 14px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.8rem; text-align: center;}
#cssmenu ul ul li a { font-size: 10px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.5rem}
#cssmenu  ul  li  a small { vertical-align: middle; display: inline-block; position: relative; top:inherit; left: inherit;}
#cssmenu  ul  li  a:hover { padding-left: 0;}
#cssmenu ul ul li a:hover { padding-left: 0;}
#cssmenu ul ul {padding: 0 0 0 23px;}
#cssmenu1 ul, #cssmenu1 ul li, #cssmenu1 ul li a { margin: 0 0 15px;}
   

/* mob */
#cssmenu1 { padding: 0 2% 0 4%;}
#cssmenu1  ul  li  a {font-size: 14px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.8rem; text-align: center;}
#cssmenu1 ul ul li a { font-size: 10px; letter-spacing: 1.5px; padding-left: 0; line-height: 1.5rem}
#cssmenu1  ul  li  a small { vertical-align: middle; display: inline-block; position: relative; top:inherit; left: inherit;}
#cssmenu1  ul  li  a:hover { padding-left: 0;}
#cssmenu1 ul ul li a:hover { padding-left: 0;}
#cssmenu1 ul ul {padding: 0 0 0 23px;}

}

@media screen and (min-width:768px) and (max-width:900px) {
/*#cssmenu  ul  li  a { font-size: 24px; letter-spacing: 2.2px;line-height: 3.4rem;}
#cssmenu ul ul li a { font-size: 14px; letter-spacing: 2.2px;line-height: 2.6rem;}*/
#cssmenu  ul  li  a {font-size: 15px; padding-left: 2.8rem; letter-spacing: 2.2px; line-height: 1.8rem;}
#cssmenu ul ul li a {font-size: 11px; line-height: 1.8rem; letter-spacing: 2.2px; padding-left: 4rem;}
/* mob */

#cssmenu1  ul  li  a {font-size: 15px; padding-left: 2.8rem; letter-spacing: 2.2px; line-height: 1.8rem;}
#cssmenu1 ul ul li a {font-size: 11px; line-height: 1.8rem; letter-spacing: 2.2px; padding-left: 4rem;}


}

@media screen and (min-width:901px) and (max-width:1024px) {
/*#cssmenu  ul  li  a { font-size: 28px; letter-spacing: 2.7px; line-height: 3.4rem;}
#cssmenu ul ul li a { font-size: 15px; letter-spacing: 2.7px; line-height: 2.6rem;}*/
#cssmenu  ul  li  a {font-size: 15px; padding-left: 2.8rem; letter-spacing: 2.2px; line-height: 1.8rem;}
#cssmenu ul ul li a {font-size: 11px; line-height: 1.8rem; letter-spacing: 2.2px; padding-left: 4rem;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
/*#cssmenu  ul  li  a {font-size: 30px; line-height: 3.3rem;}
#cssmenu ul ul li a { line-height: 2.6rem;}*/
#cssmenu  ul  li  a {font-size: 15px; padding-left: 2.8rem; line-height: 1.8rem;}
#cssmenu ul ul li a {font-size: 11px; line-height: 1.8rem; padding-left: 4rem;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
#cssmenu  ul  li  a {font-size: 18px; padding-left: 2.8rem; line-height: 1.8rem;}
#cssmenu ul ul li a {font-size: 14px; line-height: 1.8rem; padding-left: 4rem;}
}
@media screen and (min-width:1341px) and (max-width:1440px) {
	#cssmenu ul li a {	font-size: 14px;}
}