@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=roboto:400,400italic,600,700,800);

nav{

	display: block;

	/*background: #003350;*/

	background-image: linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -o-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -moz-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -webkit-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -ms-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	

	background-image: -webkit-gradient(

	linear,

	left bottom,

	left top,

	color-stop(0.30, #003350),

	color-stop(0.50, #003e61),

	color-stop(0.86, #005687)

	);

}

.menu{

	display: block;

}

.menu li{

	display: inline-block;

	position: relative;

	z-index: 200;

	text-align:center;

}

.menu li a{

	font-weight: 600;

	text-decoration: none;

	padding: 10px 10px;

	display: block;

	color: #fff;

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

	text-transform:uppercase;

	font-family: Georgia;

}

.menu li a:hover,.menu li:hover>a{

	color: #fff;

	background:#0eb0c9;

}

.menu ul{

	visibility: hidden;

	opacity: 0;

	margin: 0;

	padding: 0;

	width: 190px;

	position: absolute;

	left: 0px;

	background: #1E90FF;

	z-index: 199;

	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;

	border-bottom:1px solid #1E90FF;

	text-align:left;

}

.menu ul li a{

	font-size: 12px;

	font-weight: normal;

	display: block;

	color: #fff;

	text-transform:uppercase;

	background:#0eb0c9;

}

.menu ul li a:hover,.menu ul li:hover>a{

	background: #fff;

	color: #1E90FF;

}

.menu li:hover>ul {

	visibility: visible;

	opacity: 1;

	transform: translate(0, 0);

	text-align:left;

	background-color: rgba(255, 255, 255, .1);

}

.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: 20px 15px;

	background: #E95546;

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;

}

.responsive-menu:hover{

	background: #E95546;

	color: #fff;

	text-decoration: none;

}

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

.mainWrap { width: 768px; }

.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: #FC6D58;

	color: #fff;

}

.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; }

}

ul li.lang{

	float:right;

	padding:0;

	margin:0;

	line-height:50px;

}

ul li.lang:hover a{

	background:none;

	opacity:0.7;

}

/* Overline From Center */

.hvr-overline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

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

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

}

.hvr-overline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  top: 0;

  background: #fff;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {

  left: 0;

  right: 0;

}