.preload *{
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.show-mobile{
  display:none !important; 
}
.hide-mobile{
  display:block !important; 
}
body {
	margin:0;
	padding:0;
}
.header-container-wrapper ul {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}
.header-container-wrapper li {
	padding:0;
	margin:0;
}
/*styles for all SVGs*/
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}



/*main content container in header*/
.desktop-nav{

}
.desktop-nav .row-fluid-wrapper{
  width:90%;
  margin:0 auto;
  position:relative; 
}

.header-item{
  display:block;
  overflow:hidden;
}

/*Styles for the main Logo*/
.page-header .logo{
    max-width: 383px;
    position: relative;
    left: 2%;
    float:left;
}
.header-nav{
  position:relative;
  overflow:hidden;
  float:right;
}
/*Styles for the header CTA*/
/*container - spacing within the header*/
.header-cta-container{
  width: 150px;
  float:left;

}
/*HubSpot generated wrapper for CTA code*/
.header-cta-container a.header-cta-button{
  margin-top: 14px;
  display: block; 
  position: relative;
	display: inline-block;
  overflow: hidden;
  transition: all .5s;
}


.header-cta-container .hs-cta-wrapper:hover{
    border-radius: 10px !important;
}

/*take three - new approach*/

.header-cta-container a.button {
  position: relative;
  display:block;
  margin-top: 17px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: white;
  border: 2px solid white;
  border-radius: 10px !important;
  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.18s ease-in;
  -o-transition:      0.18s ease-in;
  -ms-transition:     0.18s ease-in;
  -moz-transition:    0.18s ease-in;
  -webkit-transition: 0.18s ease-in;
}
.header-cta-container a.slide:after{
  content:"Contact Us";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.header-cta-container a.slide:before {
  content:"Let's Go →";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.header-cta-container a.slide:hover{
  background:#50c0ee;
}

.header-cta-container a.slide:hover:before{
  left:0;
  opacity:1;
  color:#f05239;
}
.header-cta-container a.slide:hover:after{
  left:100%;
  opacity:0;
}

/*styles for menu button on the main navigation*/
.header-menu-button{
    overflow:hidden;
    width:100px;
}

.icon-menu{
  font-size:4em;
  fill:white;
  float:right;
}


/*===============================================================================overlay==================*/
.header-container-wrapper .row-fluid .overlay {
	background:rgba(36, 71, 137, 0.85);
  position:fixed;
	top:0;
	height:100%;
	width:100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
 transition: visibility 0s .5s, opacity .5s ease;
}
.header-container-wrapper .row-fluid .overlay.open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
  overflow-y: scroll;  
}
.header-container-wrapper .row-fluid .overlay .overlay-logo img{
  width:300px;
  height:auto;
  display:block;
  margin:50px auto;
}

/*styles for close button*/
.icon-cancel{
 font-size:4em;
  fill:white;
  float:right;  
}
/*overlay menu layout*/
.header-container-wrapper .row-fluid .overlay .nav{
    width: 90%;
    margin: 0 auto;
    float: none;
    border-top: 10px solid #DE5C44;
}
}
.header-container-wrapper .row-fluid .overlay .nav ul{}
.header-container-wrapper .row-fluid .overlay .nav ul li{}
.header-container-wrapper .row-fluid .overlay .nav ul li a{}




.header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(1),
.header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(2),
.header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(3){
    width: 33%;
    float: left;
}
.header-container-wrapper .row-fluid .overlay .nav ul>li.hs-menu-depth-1>a{
 font-size:3rem;
  padding:1rem 3rem;
}
/*left column specific*/
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(1),
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(1) ul{
  text-align:left;
}

.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(1) li.hs-menu-depth-2{
  float:left;
  min-width: 245px;
  text-align:left;
}

/*center column specific*/
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(2){}


/*right column specific*/
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3),
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3) ul{
  text-align:right;
}
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3) li.hs-menu-depth-2{
  float:right;
  min-width: 245px;
}
.header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3) li.hs-menu-depth-2 a{
 float:right;
  text-align:right;
}

/*second row specific*/
.header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(4){
    width: 100%;
}

/*Social Icon Styling*/
.social-icons{
  width:300px;
  display:block;
  text-align:center;
  margin:0 auto;
}
.social-icons .icon{
 height:2em;
  width:2em;
  margin-right: 20px;
  fill:#50c0ee;
  transition: all .5s ease;
}
.social-icons ul{
  float:left;
}
.social-icons ul li{
  float:right;
}
.social-icons ul li a{
  
}
.social-icons ul li a:hover svg{
  fill:#005a99;
}



/*styling for overlay navigation*/
.nav {
	position:relative;
	height:auto;
	overflow:hidden;
	background:none;
  width: 90%;
  display: block;
  float: none;
  margin: 0 auto;
}
.nav ul {
	text-align:center;
}
.nav ul li {
	display:inline-block;
}
.nav ul li a {
	color:white;
	display:inline-block;
	padding:1rem 3rem;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
  font-size:1.8rem;
}
.nav ul li a:hover {
	color: #50c0ee;
}



@media screen and (max-width:441px) {
  /*most mobile*/
  .page-header .logo{
   float: left;
    width: 79%; 
  }
  .header-menu-button{
    width: 91%;
    margin-right: 0;
    float: right;
    /* position: absolute;
    right: 10px;
    top: 38px; */
}
  .mobile-cta{
    text-align:center;
    margin:0 auto;
    float:none;
  }
  .show-mobile{
    display:block !important;
  }
  .hide-mobile{
    display:none !important;
  }
  .nav ul{
     text-align:left; 
  }
  .close {
    position: absolute !important;
    top: 20px;
    right: 20px;
  }
  .icon-cancel {
    font-size: 2.5em;
  }
  .header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(1),
  .header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(2),
  .header-container-wrapper .row-fluid .overlay .nav ul>li.hs-item-has-children:nth-of-type(3){
    width: 100%;
    float: left;
}
  .header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3), 
  .header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3) ul {
    text-align: left;
}
  .header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3) li.hs-menu-depth-2 a {
    float: left;
    text-align: left;
}
  .header-container-wrapper .row-fluid .overlay .nav ul li:nth-of-type(3) li.hs-menu-depth-2 {
    float: left;
    min-width: 245px;
}
  .header-container-wrapper .row-fluid .overlay .nav ul li {
    width: 100%;
}
  .social-icons{
   padding-top:30px;
   padding-bottom:30px;
  }
  .social-icons .icon{
    margin:0 auto; 
  }
  .interior-banner h1{
    padding: 0px 15px;
  }
}

@media screen and (max-width:768px) {
/*tablet portrait and below*/
  .desktop-nav .row-fluid-wrapper{
   width: 96% 
  }
  
}
@media screen and (max-width:1024px) {
  html{
    font-size:8px;
  }
  .social-icons{
    max-width: 250px;
    display: block;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .social-icons ul{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto; 
    float:none;
  }
  .social-icons ul li{
   float: right;
    width: 25%;
    display: block; 
  }
}
@media screen and (min-width:1280px) {
/*moderately large screens*/

  .desktop-nav .row-fluid-wrapper{
  width:80%;
  margin:0 auto;
  }
}
.content {
	width:100%;
	margin-top:200px;
	font-size:20px;
	color#333;
	text-align: center;
}



.open {
  visibility: visible;
}

.nav {
  text-align: center;
/*  height: 95vh;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li {
  align-items: center;
  flex: 1;
  line-height: 20vh;
}
nav ul li a {
  font-size: 1.5em;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}


button {
  padding: 15px 40px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  border-radius: 8px;
  transition: all .5s ease;
}
button:hover {
  border: 1px solid white;
}

.close {
  position: fixed;
  top: 40px;
  right: 60px;
  color: white;
  z-index: 3;
  cursor: pointer;
  font-family: sans-serif;
}
.close span,
.close span:before,
.close span:after {
  border-radius: 4px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.close span {
  background: transparent;
}
.close span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.outer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 85px;
  cursor: pointer;
}



/*Styles I don't think we'll need*/
/*.header-button{
  float:right;
  display:block;
  position: absolute;
  top: 25px;
}*/


/*.btn-open:after {
	color:#fff;
	content:"\f0c9";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
	color:#50c0ee;
}
.btn-close:after {
	color:#fff;
	content:"\f00d";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
	color:#50c0ee;
}
.wrap {
	text-align:center;
	margin:0 auto;
  display:block;
}
.wrap ul.wrap-nav {
	border-bottom:1px solid #575757;
	text-transform:capitalize;
	padding:150px 0px 100px;
}
.wrap ul.wrap-nav li {
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
}
.wrap ul.wrap-nav li a {
	color:#34B484;
	display:block;
	padding:8px 0;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
	padding:20px 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:13px;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
	color:#34B484;
}
styling open close button
.button {
	display:inline;
	position:absolute;
	right:50px;
	top:6px;
	z-index:999;
  font-size: 60px;
	color:#fff;
}
.button a {
	text-decoration:none;
}
.social {
	font-size:25px;
	padding:20px;
}
.social p {
	margin:0;
	padding:20px 0 5px 0;
	line-height:30px;
	font-size:13px;
}
.social p a {
	color:#34B484;
	text-decoration:none;
	margin:0;
	padding:0;
}
.social-icon {
	width:80px;
	height:50px;
	background:#e9e9e9;
	color:#333;
	display:inline-block;
	margin:0 20px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.social-icon:hover {
	background:#34B484;
	color:#f0f0f0;
}
.social-icon i {
	margin-top:12px;
}

*/