/*HEADER*/
header {
  position: relative;
  width: 100%;
  margin-bottom: 100px;
  z-index: 300;
}
.homepage header {
  margin-bottom: 0;
}
a.logo {
  display: block;
  width: 200px;
  height: 100px;
  left: 15px;
  background-image: url(../img/Logo.jpg);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
.site_header_top {
  position: relative;
  background-color: #0068af;
}
.site_header_bottom {
  position: relative;
  background-color: #fff;
  padding: 25px 0;
}
.navigation {
  display: block;
  position: relative;
  text-align: left;
  z-index: 1;
}
.navigation ul, .navigation .nav_open ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation ul li {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-left: -4px;
}
.navigation ul li:first-of-type {
  margin: 0;
}
.site_header_top .navigation ul li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.site_header_top .navigation ul li:last-of-type {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
a.nav_a_main {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 0.015rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.3s;
}
a.nav_a_main:hover {
  color: #fff;
  background-color: #255891;
}
.nav_open {
  position: absolute;
  top: 100%;
  left: 0;
  width: 280px;
  padding: 15px;
  background-color: #255891;
  text-align: left;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  display: none;
  z-index: 300;
}
.navigation ul li .nav_open ul li {
  display: block;
  width: 100%;
  transition: all 0.3s;
  margin-left: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.navigation ul li .nav_open ul li:last-of-type {
  margin-left: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
a.nav_a_open {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.015rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding: 7px 0 7px 0;
}
a.nav_a_open i {
  margin-right: 2px;
}
a.nav_a_open:hover {
  color: #fff;
}
.dropdown:hover .nav_open {
  display: block;
}
/*END HEADER*/
/* MENU MOBILE */
.hamburger {
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 35px;
  cursor: pointer;
  z-index: 500;
  background-color: transparent;
  border: none;
	display: none;
}
.hamburgericon {
  position: absolute;
  width: 20px;
  height: 13px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.hamburger span {
  position: absolute;
  width: 100%;
  height: 2px;
  border: none;
  top: 0;
  left: 0;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger span.middle {
  top: 5px;
}
.hamburger span.bottom {
  top: auto;
  bottom: 1px;
  width: 100%;
}
.hamburger:hover span.top, .hamburger:hover span.bottom {
  transform: scale(1.25, 1);
}
.openMenu .hamburger .top, .openMenu .hamburger:hover .top {
  -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
  transform: translateY(5px) translateX(0) rotate(45deg);
  left: 0;
}
.openMenu .hamburger .middle {
  opacity: 0;
}
.openMenu .hamburger .bottom, .openMenu .hamburger:hover .bottom {
  -webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
  transform: translateY(-5px) translateX(0) rotate(-45deg);
  left: 0;
  width: 100%;
}
/*MENU MOBILE*/
body.openMenu {
  overflow: hidden;
}
.nav_mobile {
  position: fixed;
  top: 35px;
  right: 0;
  width: 70%;
  min-height: 100%;
	max-width:350px;
	min-width: 280px;
  background-color: #0068af;
  overflow-y: auto;
  transform: translate(120%, 0);
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
  z-index: -1;
  transition-delay: 0s;
}
.nav_mobile ul {
  margin: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  padding: 25px 35px 50px 20px;
  padding-bottom: 130px;
}
.nav_mobile ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 15px 0;
}
.nav_mobile ul li a {
  position: relative;
  color: #fff;
}
.nav_mobile ul li span.title_nav_mobile {
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  font-size: 0.55rem;
}
.openMenu .nav_mobile {
  transition-delay: 0.5s;
  transform: translate(0, 0);
  z-index: 1100;
}
.openMenu #main {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  overflow: scroll;
}

/* END MENU MOBILE */
/**/
/*RESPONSIVE*/
/**/
@media (max-width: 1700px) {
  header {
    margin-bottom: 50px;
  }
}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
  a.logo {
    height: 75px;
  }
	.hamburger {
		
  display: block;
	}
}
@media (max-width: 767px) {}