@charset "utf-8";
/* colors mixins and all the good stuff */
nav {
	display: block;
	width: 100%;
}


.right {
  float: right;
  margin-left: 1em;
}
.ico-heart:before,
.ico-letter:before,
.ico-file:before,
.ico-real:before,
.ico-pen:before,
.ico-user:before,
.ico-rocket:before,
.ico-arrow-right:before,
.ico-arrow-left:before,
.ico-arrow-left-2:before,
.ico-arrow-right-2:before,
.ico-caret-down:before,
.ico-caret-up:before,
.ico-caret-left:before,
.ico-caret-right:before,
.ico-facebook:before,
.ico-twitter:before,
.ico-google-plus:before {
	font-family: marsicon;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.ico-caret-down:before {
  content: "\e00e";
}
.ico-caret-up:before {
  content: "\e000";
}
/* ----------------------------- */
/* == Menu */
/* ----------------------------- */
.menu-wrapper {
	position: relative;
	z-index: 100;
	/* [disabled]font: 'Calisto', sans-serif; */
	font-size: 100%;
	text-transform: uppercase;
	/* [disabled]background: #b92120; */
	/* [disabled]width: 70%; */
	padding: 2px 0;
	margin: 0 auto;  /* the hidden link for RWD nav */  /* the rest of the menu lvl 1 */
	max-width: 600px;
  /* current links */
  /* submenu ! */
  /* unhide the 2nd level */
}
.menu-wrapper .menu {
  margin: 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.menu-wrapper .menu > li {
	position: relative;
	padding: 1em 0;
	display: inline-block;
}
.menu-wrapper ul.menu,
.menu-wrapper a.menu-link {
	/* [disabled]border-top: 1px dashed #dd4949; */
	/* [disabled]border-bottom: 1px dashed #dd4949; */
}
.menu-wrapper a.menu-link {
	display: none;
	padding: 0.7em  0;
	background: #b92120;
}
.menu-wrapper a.logo-link {
	display: none;
	/* [disabled]padding: 0.7em  0; */
	background: #b92120;
}

.menu-wrapper a {
	display: block;
	position: relative;
	padding: 0 0.5em;
	margin: 0 0.2em;
	line-height: 1.3em;
	color: #FFFFFF;
	text-decoration: none;
	/* [disabled]border-bottom: 1px solid transparent; */
	font-weight: 700;
}
.menu-wrapper a:hover {
	/* [disabled]border-bottom: 1px solid rgba(255, 255, 255, 0.9); */
	/* [disabled]transition: all 0.5s; */
	/* [disabled]text-decoration: none; */
}
.menu-wrapper .menu > .current-menu-item > a,
.menu-wrapper .menu > .current-menu-ancestor > a {
	position: relative;
	z-index: 12;
	background: #fff;
	color: #00CC33;
	border-bottom: 1px solid transparent;
}
.menu-wrapper .menu > .current-menu-item > a:hover,
.menu-wrapper .menu > .current-menu-ancestor > a:hover {
	/* [disabled]background: #fffdfd; */
}
.menu-wrapper .menu > .current-menu-item > a:hover:after,
.menu-wrapper .menu > .current-menu-ancestor > a:hover:after {
  border-top-color: #fffdfd;
}
.menu-wrapper .menu > .current-menu-item > a:after,
.menu-wrapper .menu > .current-menu-ancestor > a:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f5d4d4;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}
.menu-wrapper li :before, .menu-wrapper li li a :before{
	content: "|";
	position: absolute;
	left: -0.5em;
	top: 0.5em;
	color: #ffffff;
	opacity: 0.8;
	font-family: Arial, Verdana, sans-serif;
	top: 0.05em;
}
.sub-menu li :before,.sub-menu li a :before  {
	content: "";
	position: absolute;
	left: -0.5em;
	top: 0.5em;
	color: #ffffff;
	opacity: 0.8;
	font-family: Arial, Verdana, sans-serif;
	top: 0.05em;
}


.menu-wrapper .sub-menu {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 5px 0 0 -0.7em;
	padding: 3px 0 0 0;
	position: absolute;
	max-height: 0em;
	overflow: hidden;
	list-style: none outside none;
	text-align: left;
	text-transform: none;
}
.menu-wrapper .sub-menu li {
	display: block;
	background: #fff;
	margin-left: 0.7em;
	margin-right: 0.7em;
}
.menu-wrapper .sub-menu a {
	margin: 0;
	white-space: nowrap;
	line-height: 1.8em;
	border: none;
	color: #4CAF50;
}
.menu-wrapper .sub-menu a:hover {
	background: #4CAF50;
	color: #fff;
}
.menu-wrapper .sub-menu li:last-child {
  padding-bottom: 0.26em;
}
.menu-wrapper .sub-menu li:last-child a {
	/* [disabled]border-bottom: 1px dashed #dd4949; */
}
.menu-wrapper li:hover .sub-menu {
	max-height: 30em;
	transition: max-height 0.5s;
}
/* Responsive Menu */

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 768px) {
  .js .menu-wrapper nav[role=navigation] {
    overflow: hidden;
    max-height: 0em;
  }
  .js .menu-wrapper nav[role=navigation].active {
    max-height: 30em;
    transition: max-height 0.5s ease-out;
  }
  .menu-wrapper {
    /* unhide the 2nd level */
    /* styling the toggle menu */
    /* arrow to indicate that we have subnav*/
	width: 100%;
  }
  .menu-wrapper .menu {
  margin: 0;
  padding-left: 0;
  list-style: none;
  text-align: left;
  }
  .menu-wrapper a.menu-link {
    display: block;
    width: auto;
    padding-right: 15px;
    padding-left: 10px;
    border: none;
    margin: 0;
  }
  .menu-wrapper a.menu-link:hover {
	background: #4CAF50;
  }
  .menu-wrapper a.menu-link.active .ico-caret-down:before {
	content: "\e000";
  }
  .menu-wrapper .menu .menu {
    padding-bottom: 5px;
  }
  .menu-wrapper .menu li {
    display: block;
    border: 1px solid pink;
    border: none;
  }
  .menu-wrapper .menu > li {
    padding: 0px;
    border: none;
  }
  .menu-wrapper .menu > li + li {
    border-top: 1px dashed #dd4949;
  }
  .menu-wrapper .menu a {
    padding: 0.5em 0;
    margin: 0px;
    border: none;
  }
  .menu-wrapper .menu a:hover {
	background: #4CAF50;
  }
  .menu-wrapper .menu .rightalign {
    float: none;
  }
  .menu-wrapper li + li a:before {
    content: "";
  }
  .menu-wrapper li:hover .sub-menu {
    max-height: 0em;
    transition: none;
  }
  .menu-wrapper .sub-menu {
    background: none;
    margin-left: 0px;
    margin-top: 1px;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu li,
  .menu-wrapper .sub-menu li a {
    margin: 0;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu a {
    padding-left: 0.8em;
  }
  .menu-wrapper .sub-menu a:hover {
    background: #781515;
  }
  .menu-wrapper .sub-menu li {
    border-bottom: 1px dashed #dd4949;
  }
  .menu-wrapper .sub-menu li:last-child {
    padding: 0;
  }
  .menu-wrapper .sub-menu li:last-child a {
    border: none;
  }
  .menu-wrapper .menu .has-subnav {
    position: relative;
  }
  .menu-wrapper li .sub-menu.active {
	max-height: 30em;
	overflow: visible;
	position: relative;
	z-index: 9;
	transition: max-height 0.5s ease-out;
  }
  .menu-wrapper .toggle-link {
	height: 52px;
	width: 60px;
	display: block;
	position: absolute;
	right: 0px;
	z-index: 200;
	font-size: 0em;
	cursor: pointer;
	font-family: 'marsicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
  }
  .menu-wrapper .toggle-link:hover {
	transition: all 0.2s;
	background: #4CAF50;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link:after {
	content: "\e00e";
	position: absolute;
	width: 50px;
	top: 50%;
	margin-top: -15px;
	bottom: 50%;
	right: 4px;
	font-size: 120%;
	color: #FFF;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link.active:after {
	content: "\e017";
	margin-top: -18px;
  }
}