/**! 12. Nav Bar **/
nav {
  background: none;
  z-index: 10;
}

.nav-bar .logo {
  max-height: 40%;
  margin: 0;
}
.nav-bar .nav-module {
  display: inline-block;
  height: 30px;
  padding: 0 1em;
}
.nav-bar .nav-module > a:not(.btn) {
  height: 100%;
  display: inline-block;
}

.nav-bar.nav--fixed {
  position: fixed;
  width: 100%;
  height:100px;
  left: 0;
  z-index: 999;
  top: 0;
}

@media all and (max-width:499px) {
 .nav-bar {
  will-change: scroll-position, transform;
  height: 100%;
  /*max-height: 80px;*/
  line-height: 0px;
  overflow: hidden;
  text-align:center;
  
  background-image: url(../images/rwt_nav-background-gradient_low_resolution.png);
  background-position: 50% 0%;
  background-repeat: repeat-x;
  background-attachment: fixed;
  /*background-color:#00306b;*/
  
  }

}

@media all and (min-width:500px) and (max-width:799px) {
 .nav-bar {
  will-change: scroll-position, transform;
  height: 100%;
  /*max-height: 80px;*/
  line-height: 0px;
  overflow: hidden;
  text-align:center;
  
  background-image: url(../images/rwt_nav-background-gradient_low_resolution.png);
  background-position: 50% 0%; 
  background-repeat: repeat-x;
  background-attachment: fixed; 
  
  }

}


@media all and (min-width:800px) {
 .nav-bar {
  will-change: scroll-position, transform;
  height: 100%;
  max-height: 80px;
  line-height: 0px;
  overflow: hidden;
  text-align:center;
  
  background-image: url(../images/rwt_nav-background-gradient_high_resolution.png);
  background-position: 50% 0%; 
  background-repeat: repeat-x;
  background-attachment: fixed; }

}
 
 
.nav-bar.nav--fixed + .nav-mobile-toggle {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  color: #fff;
}
.nav-module.left {
  float: left;
}
.nav-module.right {
  float: right;
}
.nav-module:first-of-type {
  padding-left: 0;
}
.nav-module:last-of-type {
  padding-right: 0;
}
.nav-bar,
.utility-bar {
  /* padding: 0 3.25em 0 3.25em; */
  padding: 0px;
}
.utility-bar {
  overflow: hidden;
}
.utility-bar:not(.hidden) + .nav-bar + .nav-mobile-toggle {
  top: 65px;
}
/*
@media all and (max-width: 1280px) {
  .nav-bar {
    padding: 0 15px;
  }
}
*/
.container .nav-bar {
  padding: 0;
}
.menu {
  height: 65px;
  padding: 0px;
  list-style:none;
}
.menu li {
  position: relative;
}
.menu > li {
  position: relative;
  /* float: left; */
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  padding: 0 1.3em 1.6em 1.3em;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  display: inline-block;
}
.menu > li > a {
  height: 100%;
  display: inline-block;
}
.menu > li:first-child > a {
  padding-left: 0;
}
.menu > li:last-child a {
  padding-right: 0;
}
.nav-bar.bg--white .menu > li > a {
  color: #767676;
}
.nav-bar.bg--dark .menu > li > a {
  color: #fff;
}
.menu > li ul {
  left: 0;
  margin: 0;
  line-height: 1.625em !important;
  padding: 1em 0;
  background: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  min-width: 13em;
  float: left;
}
.menu > li > ul a {
  padding: 0 1em 1.625em 1em;
  display: inline-block;
}
.menu > li > ul li:last-child > a {
  padding-bottom: 0;
}
.menu > li:hover > ul,
.menu > li > ul > li:hover ul {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.menu > li:hover .multi-column ul {
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.menu > li > ul:not(.multi-column) ul {
  top: 0;
  left: 100%;
}
.multi-column {
  width: auto !important;
  white-space: nowrap;
}
.multi-column li {
  width: 13em;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.multi-column li ul {
  position: relative;
}
.multi-column ul li {
  float: none;
  display: block;
}
.module-applet {
  position: relative;
  padding: 0 1em;
}
.module-applet__handle {
  cursor: pointer;
  position: relative;
}
.module-applet__body {
  position: absolute;
  width: 26em;
  background: none;
  z-index: 10;
  padding: 1em;
  visibility: hidden;
  opacity: 0;
}
.module-applet__body * {
  line-height: 1.625em;
}
.module-applet:hover .module-applet__body {
  opacity: 1;
  visibility: visible;
}
.nav-mobile-toggle {
  position: absolute;
  top: -8px;
  left: 15px;
  z-index: 99;
  cursor: pointer;
  line-height: 62px;
  padding: 0 1em;
  user-select: none;
  -webkit-user-select: none;
}
/* @media all and (max-width: 990px) {
	
 */ 
/*
@media all and (max-width: 648px) {
  .nav-bar {
    height: auto;
    overflow: hidden;
  }
  .nav-bar .nav-module.left,
  .nav-bar .nav-module.right {
    float: none;
    display: block;
  }
  .nav-bar .nav-module {
    padding: 0;
  }
  .nav-bar .nav-module:not(.logo-module) {
    height: auto;
    line-height: 3em;
	margin-top: 40px;
	margin-left: -10px;
	display:none;
  }
  
  .nav-open .nav-bar .nav-module:not(.logo-module) {
	display:block;
  }
  .menu {
    height: auto;
  }
  .menu li {
    float: none;
    /// width: 100%; ///
	max-width: 200px;
	background-color: #061229;
	padding: 1em 2em 1em 2em;
  }
  .menu > li > a {
    padding: 0;
  }
  .menu > li ul {
    position: relative;
    float: none;
    display: none;
    width: 100%;
  }
  .menu > li ul ul {
    left: 0 !important;
    padding-left: 2em;
  }
  .menu > li > ul:not(.multi-column) ul {
    padding-top: 0;
    padding-bottom: 1.5em;
  }
  .menu li.active > ul,
  .menu li.active .multi-column ul {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .menu .multi-column {
    white-space: initial;
  }
  .menu .multi-column ul {
    padding-top: 0;
    padding-bottom: 0;
  }
  .menu .multi-column ul li a {
    padding-left: 0;
  }
  .menu .multi-column ul li:last-child a {
    padding-bottom: 1.625em;
  }
  .module-applet {
    padding: 0;
  }
  .module-applet .module-applet__body {
    position: relative;
    display: none;
    padding: 1em 0;
    opacity: 1;
    visibility: visible;
  }
  .module-applet.active .module-applet__body {
    display: block;
  }
}
*/
.nav-open .nav-bar {
  max-height: 100000px !important;
}
.nav--fixed,
.nav--absolute {
  width: 100%;
  z-index: 99;
}
.nav--fixed {
  position: fixed;
}
.nav--absolute {
  position: absolute;
}
.nav--transparent:not(.nav--fixed) {
  background: none !important;
}
nav:not(.nav--fixed):not(.nav--absolute) {
  position: fixed;
  width:100%;
}
/*
@media all and (max-width: 590px) {
  .nav-bar.nav--absolute,
  .nav-bar.nav--fixed {
    position: relative;
  }
  .nav-bar.nav--absolute + .nav-mobile-toggle,
  .nav-bar.nav--fixed + .nav-mobile-toggle {
    position: absolute;
  }
}
*/

/*
@media all and (max-width: 990px) {
  .nav-bar {
    padding: 0 35px;
  }
  .nav-bar .nav-module.right:not(.logo-module):not(.menu-module) {
    padding: 0;
    margin-bottom: 0.8125em;
  }
}
*/
.menu > li {
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
}
.menu > li:hover > a {
  opacity: .6;
}
.menu > li a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  text-shadow: 3px 3px 4px #000;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
}
.menu > li ul {
  white-space: nowrap;
  background: #fff;
  margin-top: 3px;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  padding: 1.625em;
  min-width: 16em;
}
.menu > li ul li {
  padding-left: 0.42307692307692em;
}
.menu > li ul li a {
  padding-left: 0;
  width: 100%;
  color: #fff;
}
.menu > li ul li a:hover {
  transform: translate3d(5px, 0, 0);
  -webkit-transform: translate3d(5px, 0, 0);
}
.menu > li > ul {
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.05);
}
.menu > li > ul:not(.multi-column) > li.dropdown > a:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 4px;
  opacity: .4;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  transform: translate3d(-10px, 0, 0);
  -webkit-transform: translate3d(-10px, 0, 0);
}
.menu > li > ul:not(.multi-column) > li.dropdown:hover > a {
  transform: translate3d(5px, 0, 0);
  -webkit-transform: translate3d(5px, 0, 0);
  opacity: 1;
}
.menu > li > ul:not(.multi-column) > li.dropdown:hover > a:after {
  opacity: 1;
  transform: translate3d(-3px, 0, 0);
  -webkit-transform: translate3d(-3px, 0, 0);
}
.menu > li > ul:not(.multi-column) ul {
  left: calc(112%);
}
.menu > li > ul a {
  padding: 0 1em 1.3em 1em;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  opacity: .5;
}
.menu > li > ul a:hover {
  opacity: 1;
}
/*
@media all and (max-width: 990px) {
  .menu > li ul ul {
    padding-left: 0;
  }
}
*/

/*! -- Pillar Nav Bar -- */
.logo {
  margin: 0;
}
.nav-bar {
  padding-right: 0;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);*/
}
.nav-bar .logo {
  margin-right: 1.625em;
}
.nav-bar .logo-light {
  display: none;
}
.nav-bar .logo-dark {
  display: inline;
}
.nav-bar.nav--absolute {
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
  /* background-color: #000;*/
}
.nav-bar.nav--absolute:not(.nav--fixed) .nav-module.right:not(.logo-module):not(.menu-module):not( :nth-last-child(2)) {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-bar .nav-module.right:not(.logo-module):not(.menu-module) {
  padding: 0 1.625em;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
}
.nav-bar .nav-module.right:not(.logo-module):not(.menu-module):not( :nth-last-child(2)) {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  padding-right: 0;
}
.nav-bar.nav--fixed {
  /*box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
  border-bottom: none;*/
}
.nav-bar.nav--fixed:not(.no-animation) {
  animation: navslide .5s ease forwards;
}
.nav-bar.bg--dark .logo-light {
  display: inline;
}
.nav-bar.bg--dark .logo-dark {
  display: none;
}
.nav-bar a.nav-function {
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
}
.nav-bar a.nav-function span {
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Montserrat';
  letter-spacing: 1px;
  margin-left: 0.8125em;
  display: none;
}
.nav-bar a.nav-function i {
  font-size: 1.1em;
  display: inline-block;
  position: relative;
  top: 3px;
}
.nav-bar a.nav-function:hover {
  opacity: .5;
}
/*
@media all and (min-width: 991px) {
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .menu > li > a {
    color: #fff;
  }
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .logo-dark {
    display: none;
  }
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .logo-light {
    display: inline;
  }
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) a.nav-function i,
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) a.nav-function span {
    color: #fff;
  }
}
*/
/*
@media all and (max-width: 767px) {
  .nav-bar a.nav-function span {
    display: inline-block;
  }
}
*/
@keyframes navslide {
  from {
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}