@-webkit-keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes slideRight{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideDown{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}#copyright{margin:4rem 0;text-align:center}.close-overlay{position:fixed;background:rgba(0,0,0,.1);width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}.close-overlay.active{opacity:1;visibility:visible}.snazzymenu{position:absolute;width:100%;z-index:999;animation: slideInRight .2s ease;
    animation-delay: 0s;
    animation-fill-mode: none;; border-bottom:2px solid #030f27;}.snazzymenu.dark{background:#fff}.snazzymenu.dark ,.snazzymenu.dark ul li a{color:#fff; padding-bottom:5px;}.menu-toggle{ color:#030f27;padding-bottom:5px;}.snazzymenu.dark.mobile .menu.caret li.has-sub .toggle:after{border-right:1px solid #fff;border-bottom:1px solid #fff}.snazzymenu.dark.mobile .menu.plus li.has-sub .toggle:after{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:50%;background-size:50% 2px,2px 50%;background-repeat:no-repeat}.snazzymenu.dark.desktop .menu{background:#030f27;  box-shadow: 5px 5px rgba(223, 223,223,0.3);
}.snazzymenu.dark.desktop .menu.open>li.active>a{color:hsla(0,0%,100%,.6); }.snazzymenu.dark.desktop .menu.open>li.active>a:after{border-color:hsla(0,0%,100%,.6)}.snazzymenu.dark.desktop .menu>li.has-sub>a:after{border-right:1px solid #fff;border-bottom:1px solid #fff}.snazzymenu.dark.desktop .menu .mega-menu{background-color:rgba(0,0,0,.95)}.snazzymenu.dark .controls a{color:#fff}.snazzymenu.light{background:hsla(0,0%,100%,.95)}.snazzymenu.light .menu-toggle,.snazzymenu.light ul li a{color:#000}.snazzymenu.light.mobile .menu.caret li.has-sub .toggle:after{border-right:1px solid #000;border-bottom:1px solid #000}.snazzymenu.light.mobile .menu.plus li.has-sub .toggle:after{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)),-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background:linear-gradient(#000,#000),linear-gradient(#000,#000);background-position:50%;background-size:50% 2px,2px 50%;background-repeat:no-repeat}.snazzymenu.light.desktop .menu{background:hsla(0,0%,100%,.95)}.snazzymenu.light.desktop .menu.open>li.active>a{color:rgba(0,0,0,.6)}.snazzymenu.light.desktop .menu.open>li.active>a:after{border-color:rgba(0,0,0,.6)}.snazzymenu.light.desktop .menu>li.has-sub>a:after{border-right:1px solid #000;border-bottom:1px solid #000}.snazzymenu.light.desktop .menu .mega-menu{background:hsla(0,0%,100%,.95)}.snazzymenu.light .controls a{color:#000}.snazzymenu ul li a{display:inline-block;padding:5px}.snazzymenu ul li a:hover{ color:#b6e30c}.snazzymenu .menu{display:none;position:absolute;width:100%}.snazzymenu .menu.open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:slideRight .2s ease;animation:slideRight .2s ease;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.snazzymenu .menu>li>a{padding:1.5rem 1rem;text-align:center;text-transform:uppercase}.snazzymenu .column-title>a{font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.snazzymenu .menu-toggle{cursor:pointer;position:relative;display:block;margin-left:-180px;outline:none;width:30px;height:24px;background:transparent;border:4px solid;border-right:none;border-left:none;font-size:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.snazzymenu .menu-toggle:after,.snazzymenu .menu-toggle:before{content:"";display:block;width:100%;height:4px;position:absolute;top:0;bottom:0;margin:auto;left:0;background:currentColor;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.snazzymenu .menu-toggle.active{border-color:transparent}.snazzymenu .menu-toggle.active:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.snazzymenu .menu-toggle.active:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.snazzymenu.mobile.scroll{height:100vh; width:98%}.snazzymenu.mobile.scroll.fixed{overflow-y:scroll}.snazzymenu.mobile .mega-menu{padding:0}.snazzymenu.mobile .mega-menu img{display:none!important}.snazzymenu.mobile .sub-menu li a{padding-left:1.5rem}.snazzymenu.mobile .sub-menu .sub-menu li a{padding-left:3rem}.snazzymenu.mobile .menu{padding-top:0rem;padding-bottom:0rem}.snazzymenu.mobile .menu.caret li.has-sub .toggle:after{content:"";display:inline-block;width:10px;height:10px;right:5px;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.snazzymenu.mobile .menu.plus li.has-sub .toggle{height:50px}.snazzymenu.mobile .menu.plus li.has-sub .toggle:after{content:"";display:inline-block;width:28px;height:28px;position:absolute;top:0;bottom:0;margin:auto;right:15px}.snazzymenu.mobile ul li.has-sub{position:relative}.snazzymenu.mobile ul li.has-sub .toggle{position:absolute;width:40px;top:0;right:0;margin-bottom:0;width:100%;text-align:right}.snazzymenu.mobile ul li.open>a{text-decoration:underline;font-weight:700}.snazzymenu.mobile ul li.open>.toggle:after{-webkit-transform:rotate(-135deg)!important;transform:rotate(-135deg)!important}.snazzymenu.mobile ul li.open li.open>a{text-decoration:none}.snazzymenu.mobile ul li.column-title>a{font-weight:400}.snazzymenu.mobile ul li a{padding:15px;text-align:left}.snazzymenu.desktop.menu-btn-hide .controls,.snazzymenu.mobile .cta span{display:none}.snazzymenu.desktop.menu-btn-hide .menu{display:-webkit-box;display:-ms-flexbox;display:flex}.snazzymenu.desktop.menu-btn-hide .menu,.snazzymenu.desktop .menu.open{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;height:auto; z-index:2; padding-top:40px; padding-bottom:40px}.snazzymenu.desktop .menu.open{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.snazzymenu.desktop .menu.open>li.active .mega-menu{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.snazzymenu.desktop .menu.open>li.active .mega-menu .sub-menu{display:block!important}.snazzymenu.desktop .menu.open>li.active .mega-menu .column-title{-webkit-animation:fadeIn .4s ease;animation:fadeIn .4s ease;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.snazzymenu.desktop .menu>li.has-sub>a:after{content:"";display:inline-block;width:8px;height:8px;position:relative;top:-4px;right:-.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.snazzymenu.desktop .menu>li.has-sub .toggle{display:none}.snazzymenu.desktop .mega-menu{position:absolute;left:0;width:100%;padding:2rem 1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.snazzymenu.desktop .mega-menu>li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 5px}.snazzymenu.desktop .mega-menu>li>a{width:100%}.snazzymenu.desktop .mega-menu .column-title img{display:block;margin:0 auto 1.25rem;width:100%}.snazzymenu.desktop .mega-menu .sub-menu li a:hover{text-decoration:underline}.snazzymenu.fixed{position:fixed;top:0}.snazzymenu .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:32px}.snazzymenu .controls .logo img{max-width:100%;height:auto}.snazzymenu .controls .cta,.snazzymenu .controls a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.snazzymenu .controls a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0 10px}.snazzymenu .controls svg{fill:currentColor;width:1.5rem;height:1.5rem}.snazzymenu h1{ padding-left:20px;
padding-right:20px; color:#030f27;}.snazzymenu h4{ color:#030f27;}.snazzymenucol{ border-right:1px solid #323232}.snazzymenucol li{ border-bottom:1px solid rgba(255,255,255,0.1); width:90%; padding-top:16px;}.snazzymenucol li:hover{transition: margin-left 1s ease-in-out; margin-left:20px; color:#030f27} 
/*# sourceMappingURL=style.css.map */

@media (max-width: 576px) {
 
	 .snazzymenu.dark{background:#fff}
	.snazzymenu h1{ padding-left:0px;
padding-right:0px;
font-size:20px;}
.snazzymenucol li{ border-bottom:0px solid #323232; width:100%; padding-top:0px; color:#FFFFFF;}.snazzymenucol li:hover{transition: none; margin-left:0px; color:#000} 
.snazzymenucol{ margin-left:-30px;overflow-y:scroll;	background-color:#030f27;
}
.snazzymenu.dark ul li a:hover{
color:#000;}
.snazzymenu.mobile ul li a{padding:5px;text-align:left}
 .snazzymenu .controls {
 
  padding: 25px;
}
 .snazzymenu .menu-toggle {
  cursor: pointer;
  position: relative;
  display: block;
  margin-left: -30px;
  margin-top:-10px;
  outline: none;
  width: 30px;
  height: 34px;
   border: 1px solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: currentcolor;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: currentcolor;
  border-right: none;
  border-left: none;
  font-size: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color:#000;
 
} 
 .snazzymenu.mobile.scroll {
 overflow-y: scroll;
}
}

 
 

/* 
Full screen background image
*/
.hero {
  background: url('https://hd.unsplash.com/photo-1454165804606-c3d57bc86b40');
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

/*
Blueish tint overlay
*/
.hero:after {
  content: '';
  background: rgba(0, 0, 64, 0.5);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* 
Making sure everything in .hero sits above our :after elements 
*/
.hero * {
  position: relative;
  z-index: 1;
}

#masthead {
  padding: 2.5em 0;
  position: relative;
}

#masthead.is-active {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

/*
Using this method because browsers can transition opacity very cheaply as opposed to using background: rgba
https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
*/
#masthead:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#masthead.is-active:after {
  opacity: 1;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  float: left;
  font: inherit;
  margin: 0.8125em 0 0;
  overflow: visible; 
  outline: none;
  padding: 0;
  text-transform: none;
  transition: opacity 0.15s;
  -webkit-appearance: none;
}

.hamburger:hover {
  opacity: 0.7; 
}

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; 
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; 
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; 
}

#masthead.is-active .hamburger-inner, 
#masthead.is-active .hamburger-inner::before, 
#masthead.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-inner::before, 
.hamburger-inner::after {
  content: "";
  display: block; 
}

.hamburger-inner::before {
  top: -6px; 
}

.hamburger-inner::after {
  bottom: -6px; 
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, 
.hamburger--boring .hamburger-inner::before, 
.hamburger--boring .hamburger-inner::after {
  transition-property: none; 
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; 
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); 
}

.hamburger-label {
  color: #fff;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-left: 0.3125em;
  text-transform: uppercase;
}

#masthead.is-active .hamburger-label {
  color: #000;
}

.hamburger-box,
.hamburger-label {
  display: inline-block;
  vertical-align: middle;
}

#site-nav {
  clear: both;
  display: flex;
  flex-direction: column; 
  height: 0;
  overflow: hidden;
  padding-top: 2.5em;
}

#site-nav.is-active {
  height: auto;
  overflow: visible;
}

#site-nav .col { 
  padding-bottom: 2.5em;
} 

@media screen and (min-width: 550px) {
  #site-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  #site-nav .col {
    flex: 0 0 50%;
  } 
}

@media screen and (min-width: 768px) {
  #site-nav .col {
    flex: 0 0 33.333333333%;
  } 
}

@media screen and (min-width: 960px) {
  #site-nav {
    flex-wrap: nowrap;
  }
  
  #site-nav .col {
    flex: 0 0 20%;
  } 
  
  #site-nav .col:last-child {
    display: flex;
    justify-content: flex-end;
  }  
}

#site-nav h4 {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#site-nav ul {
  list-style-type: none;
  margin-top: 1em;
}

#site-nav li {
  margin-bottom: 0.3125em;
}

#site-nav li a {
  color: #b4b9ba;
  text-decoration: none;
  transition: color 0.3s ease;
}

#site-nav li a:hover,
#site-nav li a:focus {
  color: #686d6e;
}

#site-nav .social {
  margin: 0;
  overflow: hidden;
}

#site-nav .social li {
  float: left;
  margin: 0 0.3125em;
  width: 32px;
  height: 32px;
}

#site-nav .social li svg {
  display: block;
  fill: #b4b9ba;
  width: 100%;
  height: 100%;
  transition: fill 0.3s ease;
}

#site-nav .social li:hover svg {
  fill: #686d6e;
}

#masthead-search {
  float: right;
  margin-top: 0.625em;
  width: 100%;
  max-width: 14em;
  position: relative;
  -webkit-appearance: none;
}

#masthead-search input {
  background: transparent;
  border: none;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
  outline: none;
  width: 100%;
  padding: 0.75em 1.125em;
  transition: border-color 0.3s ease;
  -webkit-appearance: none;
}

#masthead-search button {
  background: none;
  border: none;
  color: #fff;
  font-size: 1em;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
  -webkit-appearance: none;
}

#masthead.is-active #masthead-search button {
  color: #b4b9ba;
}

#masthead.is-active #masthead-search input {
  border-color: #b4b9ba;
}

#masthead-search ::-webkit-input-placeholder {
    color:    #fff;
}

#masthead-search :-moz-placeholder {
   color:    #fff;
   opacity:  1;
}

#masthead-search ::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}

#masthead-search :-ms-input-placeholder {
   color:    #fff;
}

#masthead.is-active #masthead-search ::-webkit-input-placeholder {
    color:    #b4b9ba;
}

#masthead.is-active #masthead-search :-moz-placeholder {
   color:    #b4b9ba;
   opacity:  1;
}

#masthead.is-active #masthead-search ::-moz-placeholder {
   color:    #b4b9ba;
   opacity:  1;
}

#masthead.is-active #masthead-search :-ms-input-placeholder {
   color: #b4b9ba
}

#masthead .col {
  opacity: 0;
}

#masthead.is-active .col {
  transform: translateY(40px);
  transition: opacity 0.3s ease;
  animation: fade-in-stagger 0.8s ease forwards;
}

#masthead.is-active .col:nth-child(1) {
    -webkit-animation-delay: 0;
}

#masthead.is-active .col:nth-child(2) {
    -webkit-animation-delay: 0.1s;
}

#masthead.is-active .col:nth-child(3) {
    -webkit-animation-delay: 0.2s;
}

#masthead.is-active .col:nth-child(4) {
    -webkit-animation-delay: 0.3s;
}

#masthead.is-active .col:nth-child(5) {
    -webkit-animation-delay: 0.4s;
}

@keyframes fade-in-stagger {
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}