@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/* Base Styles */

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {

	margin: 0px 0px 0px 0px;

	padding: 0px;

	border: 0;

	list-style: none;

	font-weight: bold;

	text-decoration: none;

	line-height: 1;

	font-family: 'Open Sans', sans-serif;

	font-size: 1.1em;

	position: relative;

}

#cssmenu a {

	line-height: 1.3;

}

#cssmenu {

	width:280px;

	min-height:173px;

	background: #000066;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 3px;

	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

}

#cssmenu > ul > li, #cssmenu > ul #slidingDiv > li {

	margin: 0px 0px 0px 0px;

}

#cssmenu > ul > li:last-child, #cssmenu > ul #slidingDiv > li:last-child {

	margin: 0;

}

#cssmenu > ul > li > a, #cssmenu > ul #slidingDiv > li > a {

	font-size: 1em;

	display: block;

	color: #ffffff;

	text-shadow: 0 1px 1px #000;

	background: #333399;

	background: -moz-linear-gradient(#333399 0%, #000066 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333399), color-stop(100%, #000066));

	background: -webkit-linear-gradient(#333399 0%, #000066 100%);

	background: linear-gradient(#333399 0%, #000066 100%);

	padding: 6px 10px;

}

#cssmenu > ul > li > a > span, #cssmenu > ul #slidingDiv > li > a > span {

	display: block;

}

#cssmenu > ul > li > a:hover, #cssmenu > ul #slidingDiv > li > a:hover {

	text-decoration: none;

}

#cssmenu > ul > li.active, #cssmenu > ul #slidingDiv > li.active {

	border-bottom: none;

}

#cssmenu > ul > li.active > a, #cssmenu > ul #slidingDiv > li.active > a {

	background: #6666ff;

	background: -moz-linear-gradient(#6666ff 0%, #3333cc 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6666ff), color-stop(100%, #3333cc));

	background: -webkit-linear-gradient(#6666ff 0%, #3333cc 100%);

	background: linear-gradient(#6666ff 0%, #3333cc 100%);

	color: #fff;

	text-shadow: 0px 1px 1px #000;

}

#cssmenu > ul > li.active > a span, #cssmenu > ul #slidingDiv > li.active > a span {

/*border: 1px solid #6666ff;*/

}

#cssmenu > ul > li.has-sub > a span, #cssmenu > ul #slidingDiv > li.has-sub > a span {

	background: url(../images/icon_plus.png) no-repeat 98% center;

}

#cssmenu > ul > li.has-sub.active > a span, #cssmenu > ul #slidingDiv > li.has-sub.active > a span {

	background: url(../images/icon_minus.png) 98% center no-repeat;

}

/* Sub menu */

#cssmenu ul ul, #cssmenu ul #slidingDiv ul {

	display: none;

	background-color:#ccccff

}

#cssmenu ul ul li:hover > a, #cssmenu ul #slidingDiv ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul #slidingDiv ul li.open > a, #cssmenu ul ul li.active > a, #cssmenu ul #slidingDiv ul li.active > a {

	background: #9999ff;

	color: #ffffff;

}

#cssmenu ul ul li a, #cssmenu ul #slidingDiv ul li a {

	padding: 5px 12px;

}

#cssmenu ul ul a, #cssmenu ul #slidingDiv ul a {

	display: block;

	color: #595959;

	font-size: 0.7em;

}

#cssmenu ul ul a:hover, #cssmenu ul #slidingDiv ul a:hover {

	color: #3333cc;

}

/*Second menu Pink Menu*/

#cssmenu2, #cssmenu2 ul, #cssmenu2 ul li, #cssmenu2 ul li a, #cssmenu2 ul #slidingDiv_2 li, #cssmenu2 ul #slidingDiv_2 li a {

	margin: 0;

	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;

}

#cssmenu2 {

	width: 298px;

	font-family: 'Open Sans', sans-serif;

	;

	color: #ffffff;

	margin: 10px 0px 10px 10px;

}

#cssmenu2 ul ul {

	display: none;

}

.align-right {

	float: right;

}

#cssmenu2 > ul > li > a, #cssmenu2 > ul > #slidingDiv_2 > li a {

	padding: 10px 20px;

	/*border-left: 1px solid #1682ba;

  border-right: 1px solid #1682ba;

  border-top: 1px solid #1682ba;*/

  cursor: pointer;

	z-index: 2;

	font-size: 1.1em;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);

	background: #ff66cc;

	background: -webkit-linear-gradient(#ff66cc, #ff33cc);

	background: -moz-linear-gradient(#ff66cc, #ff33cc);

	background: -o-linear-gradient(#ff66cc, #ff33cc);

	background: -ms-linear-gradient(#ff66cc, #ff33cc);

	background: linear-gradient(#ff66cc, #ff33cc);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);

}

#cssmenu2 > ul > li > a:hover, #cssmenu2 > ul > li.active > a, #cssmenu2 > ul > li.open > a, #cssmenu2 > ul > #slidingDiv_2 > li a:hover {

	color: #eeeeee;

	background: #ff5db1;

	background: -webkit-linear-gradient(#ff5db1, #ef017c);

	background: -moz-linear-gradient(#ff5db1, #ef017c);

	background: -o-linear-gradient(#ff5db1, #ef017c);

	background: -ms-linear-gradient(#ff5db1, #ef017c);

	background: linear-gradient(#ff5db1, #ef017c);

}

#cssmenu2 > ul > li.open > a, #cssmenu2 > ul > li.open > a {

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);/*border-bottom: 1px solid #ffffff;*/

}

#cssmenu2 > ul > li:last-child > a, #cssmenu2 > ul > #slidingDiv_2 > li.last > a {

/*border-bottom: 1px solid #ffffff;*/

}

.holder {

	width: 0;

	height: 0;

	position: absolute;

	top: 0;

	right: 0;

}

.holder::after, .holder::before {

 display: block;

 position: absolute;

 content: "";

 width: 6px;

 height: 6px;

 right: 20px;

 z-index: 10;

 -webkit-transform: rotate(-135deg);

 -moz-transform: rotate(-135deg);

 -ms-transform: rotate(-135deg);

 -o-transform: rotate(-135deg);

 transform: rotate(-135deg);

}

.holder::after {

 top: 17px;

 border-top: 2px solid #ffffff;

 border-left: 2px solid #ffffff;

}

#cssmenu2 > ul > li > a:hover > span::after, 

#cssmenu2 > ul > li.active > a > span::after, 

#cssmenu2 > ul > li.open > a > span::after,

#cssmenu2 > ul > #slidingDiv_2 > li > a:hover > span::after, 

#cssmenu2 > ul > #slidingDiv_2 > li.active > a > span::after, 

#cssmenu2 > ul > #slidingDiv_2 > li.open > a > span::after {

 border-color: #ffffff;

}

.holder::before {

 top: 18px;

 border-top: 2px solid;

 border-left: 2px solid;

 border-top-color: inherit;

 border-left-color: inherit;

}

#cssmenu2 ul ul li a, 

#cssmenu2 ul #slidingDiv_2 ul li a {

	cursor: pointer;

	border-bottom: 1px solid #ffffff;

	/* border-left: 1px solid #ffffff;

  border-right: 1px solid #ffffff;*/

  padding: 10px 20px;

	z-index: 1;

	text-decoration: none;

	font-size: 1em;

	color: #990066;

	background: #FF9BCD;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

	font-weight: normal;

	text-shadow:none;

}

#cssmenu2 ul ul li:hover > a, 

#cssmenu2 ul ul li.open > a, 

#cssmenu2 ul ul li.active > a,

#cssmenu2 ul #slidingDiv_2 ul li:hover > a, 

#cssmenu2 ul #slidingDiv_2 ul li.open > a, 

#cssmenu2 ul #slidingDiv_2 ul li.active > a{

	background: #FFD2E9;

	color: 990066;

}

#cssmenu2 ul ul li:first-child > a, 

#cssmenu2 ul #slidingDiv_2 ul li:first-child > a {

	box-shadow: none;

}

#cssmenu2 ul ul ul li:first-child > a,

#cssmenu2 ul #slidingDiv_2 ul ul li:first-child > a {

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

}

#cssmenu2 ul ul ul li a,

#cssmenu2 ul #slidingDiv_2 ul ul li a {

	padding-left: 30px;

}

#cssmenu2 > ul > li > ul > li:last-child > a, 

#cssmenu2 > ul > li > ul > li.last > a,

#cssmenu2 > ul > #slidingDiv_2 > li > ul > li:last-child > a, 

#cssmenu2 > ul > #slidingDiv_2 > li > ul > li.last > a {

	border-bottom: 0;

}

#cssmenu2 > ul > li > ul > li.open:last-child > a, #cssmenu2 > ul > li > ul > li.last.open > a {

	border-bottom: 1px solid #32373e;

}

#cssmenu2 > ul > li > ul > li.open:last-child > ul > li:last-child > a {

	border-bottom: 0;

}

#cssmenu2 ul ul li.has-sub > a::after, #cssmenu2 ul #slidingDiv_2 ul li.has-sub > a::after {

  display: block;

  position: absolute;

  content: "";

  width: 5px;

  height: 5px;

  right: 20px;

  z-index: 10;

  top: 11.5px;

  border-top: 2px solid #eeeeee;

  border-left: 2px solid #eeeeee;

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  -o-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

#cssmenu2 ul ul li.active > a::after, #cssmenu2 ul ul li.open > a::after, #cssmenu2 ul ul li > a:hover::after {

  border-color: #ffffff;

}

#cssmenu2 ul .has-sub .hide, #cssmenu2 ul #slidingDiv_2 .has-sub .hide {

  background: #990067;

  background: -webkit-linear-gradient(#990067, #660066);

  background: -moz-linear-gradient(#990067, #660066);

  background: -o-linear-gradient(#990067, #660066);

  background: -ms-linear-gradient(#990067, #660066);

  background: linear-gradient(#990067, #660066);

}

#cssmenu2 ul ul li.has-sub a.hide, #cssmenu2 ul #slidingDiv_2 ul li.has-sub a.hide {

	color: #FFF;

	background: #FF8AC5;

}

/*Snowflake effect*/

/*#snowflakeContainer {

    position: absolute;

    left: 0px;

    top: 0px;

}*/

.snowflake {

    padding-left: 15px;

    font-family: Cambria, Georgia, serif;

    font-size: 14px;

    line-height: 24px;

    position: fixed;

    color: #FFFFFF;

    user-select: none;

    z-index: 1000;

}

.snowflake:hover {

    cursor: default;

}