/*body {

  background: #e5e5e5;

  color: #E95546;

  font: 14px "roboto", Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  line-height: 1;

  width: 100%;

}

*/

nav {

  display: block;

    float: right;

    width: 80%; background:#322a73; border-radius:8px; margin-top:15px;

}



.menu { display: block; float:left; margin-left:10px; }

 

.menu li {

  display: inline-block;

  position: relative;

  z-index: 100; 

}



.menu li:first-child { margin-left: 0; }



.menu li a {

  font-weight: 600;

  text-decoration: none;

      padding: 8px 15px 8px 15px;

    margin-top: 11px;

  display: block;

  font-size:14px;

  color: #fff !important;

  transition: all 0.2s ease-in-out 0s;

}

.menu li ul li a

{

	padding:8px 9px;

	color:#000;

	margin-top:3px;

	font-weight:500;

}

.menu li a:hover,

.menu li:hover>a {

  color: #fff !important;

  background: #8d2d4a;

}



.menu ul {

  visibility: hidden;

  opacity: 0;

  margin: 0;

  padding: 0;

  width: 170px;

  position: absolute;

  left: 0px;

  background: #fff;

  z-index: 99;

  transform: translate(0, 20px);

  transition: all 0.2s ease-out;

}



.menu ul:after {

  bottom: 100%;

  left: 20%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #fff;

  border-width: 6px;

  margin-left: -6px;

}



.menu ul li {

  display: block;

  float: none;

  background: none;

  margin: 0;

  padding: 0;

}



.menu ul li a {

  font-size: 14px;

  font-weight: normal;

  display: block;

  color: #797979 !important;

  background: #fff;

}



.menu ul li a:hover,

.menu ul li:hover>a {

  background: #F38F1E;

  color: #000 !important;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.menu ul ul {

  left: 169px;

  top: 0px;

  visibility: hidden;

  opacity: 0;

  transform: translate(20px, 20px);

  transition: all 0.2s ease-out;

}



.menu ul ul:after {

  left: -6px;

  top: 10%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-right-color: #fff;

  border-width: 6px;

  margin-top: -6px;

}



.menu li>ul ul:hover {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.responsive-menu {

  display: none;

  width: 100%;

  padding: 12px 15px;

  background: #337ab7;

  color: #fff;

  margin-top:10px;

  text-transform: uppercase;

  font-weight: 600;

}



.responsive-menu:hover {

  background: #F9A649;

  color: #fff !important;

  text-decoration: none;

}



a.homer { background: #FC6D58; }

 @media (min-width: 768px) and (max-width: 979px) {





.menu ul { top: 37px; }



.menu li a { font-size: 12px; }



a.homer { background: #E95546; }

}

 @media (max-width: 767px) {



.mainWrap {

  width: auto;

  padding: 50px 20px;

}



.menu { display: none; }



.responsive-menu { display: block; }



nav {

  margin: 0;

  background: none;

}



.menu li {

  display: block;

  margin: 0;

}



.menu li a {

  background: #fff;

  color: #797979;

}



.menu li a:hover,

.menu li:hover>a {

  background: #337ab7;

  color: #fff !important;

}



.menu ul {

  visibility: hidden;

  opacity: 0;

  top: 0;

  left: 0;

  width: 100%;

  transform: initial;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  position: relative;

  transform: initial;

}



.menu ul ul {

  left: 0;

  transform: initial;

}



.menu li>ul ul:hover { transform: initial; }

}

@media (max-width:320px){

	nav { background:none;}

		 

	.menu

	{

	width:100% !important;

	float:left !important;

	}

	.menu li a{ color:#333 !important;}

	.logo

	{

		text-align:center;

		margin-bottom: 10px;

	}

	.top

{

	text-align:center; !important;

}	 

}



@media (max-width:360px){

	

		 

	.menu

	{

	width:100% !important;

	float:left !important;

	}

		.menu li a{ color:#333 !important;}

	.logo

	{

		text-align:center;

		margin-bottom: 10px;

	}

	.top

{

	text-align:center; !important;

}	 

}

@media (max-width:768px){

	nav{ background:none; }

		.menu li a{ color:#333 !important;}	 

		

	.top

{

	float:right !important;

}	 

}

@media (max-width:800px){

		 

		

	.top

{

	float:right !important;

}	 

}