@charset "utf-8"

/*css document*/

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

.mnuppal {
	display: inline-block;
	width: 70%;
	float: right;
	box-sizing:border-box;
	margin-top: 1em; 
	min-width: 320px;
}

.mnuppal nav {
	display: inline-block;
	float: right;
	line-height: 100%;
	line-height: 25px;
	min-width: 320px;
}

.mnuppal > ul {
	list-style-type: none;
	display: inline-block; 
	width: 100%;
	text-align: right;
	line-height: 25px;
}

.mnuppal > ul > li {
	display: inline-block;
	text-align: center;
	margin: 0 10px;
}

.mnuppal > ul > li > .a {
	color: #444;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
	line-height: 30px;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 8px;
	letter-spacing: 0.2px;
	
}

.mnuppal .a:before, .a:after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #333150;
}

.mnuppal > ul > li > .a:hover {
	color: #333150;
	
	
}

.mnuppal .a:before {
  opacity: 0;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
          transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
}

.mnuppal .a:after {
  opacity: 0;
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
          transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
}

.mnuppal .a:hover:before, .a:hover:after, .a:focus:before, .a:focus:after {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.mnuppal .a:hover:before, .a:focus:before {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
          transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
}

.mnuppal .a:hover:after, .a:focus:after {
  -webkit-transition: -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
          transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
}

.social {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.social ul {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.social li {
	display: inline-block;

}

.social img {
	height: 2em;
	
}

.mnu> ul > li > ul > li:hover > a {
	color:  #333150;
}

.mnufoot nav {
	height: 20px;	
}

.mnufoot ul {
	line-height: 20px;

}

.mnufoot li {
	line-height: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mnufoot a {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	font-family: Arial;
    font-size: 13px;
	line-height: 20px;
}