/************ Font Imports **************/
@font-face {
  font-family: 'Myriad-Pro';
  src: url("./Fonts/MyriadPro-SemiboldCond.otf") format("opentype");
}
@font-face {
  font-family: 'Ostrich-Sans';
  src: url("/c/Fonts/OstrichSans-Medium.otf") format("opentype");
}


/******* Variables *********/
$containMax{1200px}
$imgw!{if (css.vars.w()>1600) "1920"; else if (css.vars.w()>1280) "1600"; else if (css.vars.w()>980) "1280"; else if (css.vars.w()>"767") "980"; else "767"; }
$imgw2!{if (css.vars.w()>767) "1920"; else "767";}
$innerHeight{if (css.vars.w()>1280) "540px"; else if (css.vars.w()>980) "493px"; else "377px";}
/***** fonts *****/
$primaryFont{'Roboto', sans-serif}
$secondaryFont{'Ostrich-Sans', sans-serif}
$bfont!{if (css.vars.w()>767) "16px";else "14px";}
/***** color *****/
$primary{#156ba6}
$secondary{#54bff5}
$grey{#434343}
$lightgrey{rgb(243, 243, 243)}
$black{#3a3a3a}
/****** Spacing ************/
$sectionPadding{5.875em 1.5em}
$flex{display:-webkit-flexbox;display:-ms-flexbox;display:flex;}
$flexCenter{justify-content: center;align-items: center;}
/****Defaults and globals*****/
* {box-sizing: border-box;margin: 0;padding: 0;}
body{font-family: $primaryFont;font-weight: 100;font-size: $bfont!;line-height:1.875em;text-align: left;}
a{color:white;text-decoration: none;cursor: pointer;}
p {text-align: left; color: $black;}
.contain {width: 100%;max-width: $containMax;}
section {
  padding: $sectionPadding;
}
#editor {
  a {
    color: initial !important;
  }
}
#ce-highlight {
  z-index: 40;
}
#reset_pw,#update_pw
{
  section{padding:5em 0;}
  header {
    position: static;
  }
	h1{font-size:1.813em;font-weight:300;margin-bottom:1em;}
	.fx-field input{border:1px solid #282828;}
	.fx-field input{max-width:240px;}
	form a{background:#282828;margin-right:10px;border:1px solid;text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:10px;display:inline-block;padding:7px 12px}
	.note{margin-bottom:10px;color:#de0039;}
  .validation.notvalid{color:#de0039;}
  .content {
    max-width: 800px;
  }
    .validation{color:#282828;transition:color 0.5s ease-in;}
    .form-buttons, .btn-update-password {margin-top: 2em;cursor: pointer;}
    #logo{background:url("/i/fort-logo.svg") no-repeat;width: 18.625em;height: 4.625em;display:inline-block;}
    header center { padding-top: 40px;}
}
.submit {
  & {
      cursor: pointer;
      position: relative;
      text-align: left;
      max-width: 140px;
      margin-top: 3.0625em;
  }
  button, a {
      font-size:1.1em;
      font-family: $primaryFont;
      text-transform: uppercase;
      color: $primary;
      cursor: pointer;
      padding: 1.05em 1.4375em;
      transition: color .4s ease;
      background: transparent;
      font-weight: 400;
      border: none;
      box-shadow: none;
      width: 100%;
      position: relative;
      z-index: 10;
      text-align: center;
      display: block;
  }
}
.submit:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  background: $primary;
  height: 100%;
  max-height:11%;
  transition: max-height .4s ease;
}
.submit:hover:after, .submit:active:after {
  max-height: 70px;
}
.submit:hover, .submit:active {
  button, a {
    color: white;
  }
}
.form {
  input, textarea {
    background: white;
    border-radius: 0;
    padding: 1.4375em 1.0625em;
    border: 1px solid $primary;
  }
  input {
    width: 48%;
    font-size: $bfont!;
  }
  input::placeholder, textarea::placeholder {
  font-size: $bfont!;
  color: #8d8b8b;
  font-family: $primaryFont;
  }
  textarea {
    width: 100%;
    min-height: 243px;
    max-height: 243px;
    max-width: 800px;
  }  
}

/*********** Base Text styles ************/
.page_title {color:#fff;font-size: 5em;font-family: $secondaryFont;line-height: 1.067em;text-transform: uppercase;text-align: left;font-weight: 100;}
.section_title {
  font-size: 3.75em;
  font-weight: 100;
  line-height: 1.0666666666666667em;
  font-family: $secondaryFont;
  width: 100%;
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 1px solid $primary;
  text-align: left;
  margin-bottom: 0.7833333333333333em;
  color:$primary;
}
.section_title.--white {
  color: white;
  border-color: white;
}
.subtitle {
  font-size: 2.25em;
  font-family: $secondaryFont;
  text-transform: uppercase;
  line-height: 0.8333333333333334em;
}

/************************ Header *************************/
header 
{
  &{transition: .2s all .2s ease; position: fixed;left: 0;top: 0;width: 100%; padding: 0 1.5em;z-index: 100;} 
  .contain {transition: .2s padding .2s ease;$flex;justify-content: space-between;align-items: center;position: relative;padding: 2.500em 0;}
  .logo {
    &{ position: relative;transition: .2s all .2s ease;display: block; min-height: 45px;max-width: 15.625em;margin-right: 1em;width: 100%;}
    img {
      width: 100%;
      transition: opacity .2s ease .2s;
      position: absolute;
      left: 0;
      top: 0;
    }
    img:nth-child(1) {
      opacity: 1;
    }
    img:nth-child(2) {
      opacity: 0;
    }
  }
  .subnavs_wrap {
    & {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      transform: translate(0, 100%);
      background: white;
      height: 46px;
      z-index: -45;
      visibility: hidden;
    }
  }
  .subnavs_wrap.active {
    & {
      visibility: visible;
    }
  }
  
  
  .menu_container {display: none;}
  .admin_link {line-height: 1.3em;background: url(/i/login_icon.svg) 5px 9.5px/12px no-repeat;background-color:#fff;color: #4461a6;display: block;font-size: 10px;padding: 10px 5px 5px 20px;position: absolute;right: 0;top: 0;}
  nav 
  {
    & {width: 100%;max-width: 561px;position: relative;}
    .wrapper {$flex;justify-content: space-between;align-items: center;width: 100%;}    
    > a, .link {position: relative; transition: .2s color .2s ease; margin-left: .4em;text-transform: uppercase;letter-spacing: .05em;padding: 0 0 1em;font-weight: 300;position: relative;-webkit-transition: color .6s ease;transition: color .6s ease;}
    .link > a:after {content: '';transition: .2s background-color .2s ease;display: inline;width: 100%;background: $secondary;height: 1px;position: absolute;bottom: 15px;left: 0;opacity: 0;-webkit-transition: opacity .6s ease, bottom .6s ease;transition: opacity .6s ease, bottom .6s ease;}
    .link:hover > a {color: $secondary;}
    .link:hover > a:after {bottom: 0;opacity: 1;}
    .link > a.sel {color: $secondary}
    .link > a.sel:after {bottom: 0;background: $secondary;opacity: 1;}
    .subnav {
      & {
        display: none;
        position: absolute;
        justify-content: center;
        transform: translate(-50%, 100%);
        bottom: -40px;
        left: 50%;
        width: 800px;
        transition: bottom .6s ease;
      }
      a {
        padding: .5em 1em;
        width: auto;
        font-size: .7em;
        text-align: center;
        color: $primary;
        text-transform: uppercase;
        height: 46px;
      }
      a:hover {
        color: $secondary;
      }
    }
    .dropdown.active {
      .subnav {display: flex;}
    }
  }
}
header.fixed {
  & {
    background-color: white;
    
  }
  .contain {
    padding: 1.75em 0;
  }
  .logo {
    &{
      height: 45px;
      max-width: 10.625em;
    }
    img:nth-child(1) {
      opacity: 0;
    }
    img:nth-child(2) {
      opacity: 1;
    }
  }
  nav {
    a {
      color: $primary;
    }
    a.sel {color: $primary;}
    a.sel:after {bottom: 0;background: $primary;opacity: 1;}
    .subnav {
      bottom: -30px;
    }
  }
}
#menu_btn
{
    &{background: none; border: none;cursor:pointer;z-index:100;position: relative;right:0;color:#fff;width:30px;height:30px; top: 0px;display: block;}
    i{transition-delay: .6s;transition:all 0.2s ease-out;height:2px;width:30px;background-color:$secondary; margin-bottom: 4px; display: block;}
    i:nth-child(1){width:15px;}
    i:nth-child(2){width:30px;}
    i:nth-child(3){width:15px; float: right;}
}
/************************ Footer *************************/
footer 
{
  &{padding: 1.5em;}
  .contain {$flex;padding: 2.500em 0;}
  .contain:nth-child(1) 
  {
    &{justify-content: flex-start;}
    .address 
    {
      &{padding: 2.188em 4.188em 2em 4.125em;}
      p {line-height: 1.875em;text-align: left;}
      p:nth-child(1){color: #2976bc;}
    }
    .address:nth-child(1) {padding-left: 0;border-right: 1px solid rgb(211, 211, 211);}
  }
  .contain:nth-child(2) 
  {
    &{$flex;justify-content: space-between;border-top: 1px solid rgb(211, 211, 211);}
    p {color: $grey;text-transform: uppercase;letter-spacing: .025em;}
    .social_link 
    {
      &{display: inline-block;height: 30px;width: 30px;margin-left:15px;}
      div {background-size: contain;}
    }
    .social_link:nth-child(1){background:url(/i/linkedin-grey.svg) center/contain no-repeat;}
    .social_link:nth-child(2){background:url(/i/twitter_blue.svg) center/contain no-repeat;}
  }
}
/***************************** Home ************************************/
#home 
{
  header {
    .logo {
      max-width: 17.625em;
    }
  }
  header.fixed {
    .logo {
      max-width: 10.625em;
    }
  }
  .s1 
  {
    &{background: url(/i/home_theater4-$[imgw!].jpg) center/cover no-repeat;height: 60vh;position: relative;overflow: hidden;}
    .contain {$flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;}
    h1 {margin: 0;position: relative;z-index: 10;font-size: 4em;}
    .swoosh {position: absolute;bottom: -120px;right: 0;width: 100%;z-index: 5;}
  
  }
  .s2 {
    &{
      padding: 2em 1.5em 3em;
    }
  }
}
.inner
{
	.s1
	{
		&{$flex;justify-content: center;align-items: center;background-repeat:no-repeat;background-position:center;background-size:cover;height:$innerHeight;position:relative;}
		.swoosh{position:absolute;width:100%;height:auto;bottom:calc(100vw * -0.09);left:0;}
	}
	.s2{position:relative;z-index:1;padding:3.125em 1.5em;}
}
#about-us
{
  .s1{background-image:url(/i/about-$[imgw!].jpg);}
  .s2 {
    
    .info_desktop {
      & {
        width: 100%;
        margin-top: 50px;
        background: url(/i/about_info.png) center/100% auto no-repeat;
        position: relative;
        height: 350px;
        $flex;
        $flexCenter;
        flex-direction: row;
      }
      .info_block {
        & {
          width: 25%;
          $flex;
        	$flexCenter;
        	flex-direction: column;
          position: relative;
          height:350px;
        }
        p {
          text-align: center;
        }
        ce{position:relative}
        ce:nth-child(1) {
          position: absolute;
          top: 14%;
          left: 52%;
          transform: translate(-50%);
        }
        ce:nth-child(2) {margin-top:1.5em}
        ce:nth-child(1) p{
          font-size: 53px;
          color: white;
          font-family: $secondaryFont;

        }
        ce:nth-child(2) p{
          font-size: 18px;
          line-height: 22px;
          color: #808080;
          font-weight: 400;
          text-transform: uppercase;
          margin-top: -25px;
        }
      }
      .info_block:nth-child(1) ce:nth-child(1){left:61%}
      .info_block:nth-child(1) ce:nth-child(2){left:11%}
      .info_block:nth-child(2) ce:nth-child(1){left:55%}
      .info_block:nth-child(2) ce:nth-child(2){left:5%}
      .info_block:nth-child(3) ce:nth-child(1){left:48%}
      .info_block:nth-child(3) ce:nth-child(2){left:-1%}
      .info_block:nth-child(4) ce:nth-child(1){left:40%}
      .info_block:nth-child(4) ce:nth-child(2){left:-9%}
    }
  }
  .s3, .s4 {
    &{
      padding-bottom: 0;
      background: #f3f3f3;
    }
    .contain {
      position: relative;
      padding: 0;
      transition: padding .5s ease;
    }
    .contain.expand {
      padding: 0 0 5.875em 0;
    }
    .close {
      width: 25px;
      height: 25px;
      display: block;
      right: 0;
      top: 11px;
      display: none;
      z-index: 10;
      position: absolute;
      background: url(/i/close.png) center/contain no-repeat;
      cursor: pointer;
    }
    .bio_container {
      &{
        display: flex;
        justify-content: center;
        align-items: flex-end;
        min-height: 414px;
        max-height: 414px;
      } 
      .bio_link {
        position: relative;
        width: 35%;
        display: flex;
        align-items: flex-start;
        cursor:pointer;
        padding: 0 2em;
      }
      .bio_link:nth-child(even) {
        p {
          right: -52px;
          text-align: right;
          padding-right: 2px;
          left: initial;
        }
        p:before {
          left: initial;
          right: 10px;
        }
      }
      img {
        width: 99%;
        position: relative;
        z-index: 10;
        transition: width .2s ease;
      }
      .bio_link:hover {
        img {
          width: 100%;
        }
      } 
      p {
        position: absolute;
        bottom: 5%;
        width: 130px;
        padding: 5px 0 0 2px;
        left: -52px;
        z-index: 5;
        color: $primary;
        border-top: 1px solid $secondary;
      }
      p:before {
        content: '';
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        background: #f3f3f3;
        border: 1px solid $secondary;
        top: -4px;
        left: 10px;
        border-radius: 100%;
      }
    }
    .bios_full_container {
      &{
        position: relative;
        width: 100%;
        display: none;
      }
      .bio {
        &{
          width: 100%;
          height: 100%;
          display: none;
          overflow: hidden;
          transition: .5s width ease, .4s opacity ease .5s;
        }
        .bio_content {
          &{
            width: 70%;
            padding: 0%;
            margin-top: 40px !important;
            overflow: hidden;
            position: relative;
            max-width: 100%;
          }
          p {
            opacity: 1;
            transition: .5s opacity ease;
          }
          p:nth-child(1) {
            margin-bottom: 10px;
          }
          p:nth-child(2) {
            color:$secondary;
            margin-bottom: 22px;
          }
          div{color: #fff;}
        } 
        .bio_content:after {
          content: '';
          display: block;
          top: 0;
          right: 0;
          background: $secondary;
          position: absolute;
          width: 2px; 
          height: 100%;
        }
        .bio_image {
          height: 100%;
          width: 45%;
          max-width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          transition: max-width .5s ease;
          cursor: pointer;
          position: relative;
          padding-bottom: 1em;
        }
        .bio_image::after {
          content: '';
          position: absolute;
          display: block;
          width: 100%;
          bottom: 1em;
          right: 0;
          height: 2px;
          background: $secondary;
        }
        .bio_image:before {
          content: '';
          position: absolute;
          display: block;
          bottom: 14px;
          right: -4.5px;
          height: 5px;
          width: 5px;
          background: #f3f3f3;
          border-radius: 100%;
          border: 1px solid $secondary;
          z-index: 10;
        }
        img {
          width: 100%;
        }
      }
      .bio.--left {
        &{
          left: 0;
          text-align: right;
        }
        .bio_content {
          &{
            padding-left: 3em;
          }
        }
        .bio_content:after {
          right: initial;
          left: 0;
        }
        .bio_image {
          padding-right: 2em;
        }
      }
      .bio.--right {
        &{
          right: 0;
          text-align: left;
          justify-content: flex-end;
        }
        .bio_content {
          &{
            cursor: initial;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-end;
            padding-right: 4em;
          }
          p {
            text-align: right;
          }
        }
        .bio_content:after {
          right: 0;
        }
        .bio_image {
          padding-left: 2em;
        }
        .bio_image:before {
          left: -4.5px;
        }
      }
      .bio.sel {
        & {
          width: 100%;
          z-index: 10;
        }
        .bio_content {
          &{
           
          }
          
          p:nth-child(1) {
            transition-delay:  .4s;
          }
          p:nth-child(2) {
            transition-delay:  .6s;
          }
          p {
            transition-delay:  .8s;
          }
        }
        .bio_image {
          max-width: 35%;
          transition: max-width .5s ease;
        }
      }
      .bio.--left.sel {
        .bio_content {
          padding: 0 0 0 5.5%;
          transition: .01s max-width .5s ease, .01s padding .5s ease;
        }
      }
      .bio.--right.sel {
        .bio_content {
          margin: 0 5.5% 0 0 ;
          transition: .01s max-width .5s ease, .01s margin .5s ease;
        }
      }
    }
  }
  .s3
  {
    .bios_full_container .bio .bio_content div{color: $primary;}
  }
  .s4 {
    & {
      background: url(/i/about_leadership_bg.jpg) center/cover no-repeat;
    }
    .bio_container {
      p {
        color: white;
        width: 230px;
        left: -90px;
      }
      .bio_link:nth-child(even) p {
        width: 130px;
        right: -79px;
      }
    }
    .bios_full_container {
      p {
        color: white;
      }
    }
  }
}
#approach
{
  .s1{background-image:url(/i/approach-$[imgw!].jpg);}
  .s15 {
    &{padding: 1em;}
    .section_title {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }
  .s7 {
    background: rgb(243,243,243);
  }
  .s2 {
    & {
      padding-bottom: 1.2em;
    }
    .section_title {
      border-bottom: none; 
      margin-bottom: 0;
    }
  }
  .s3 {
    & {
      padding: 0;
      position: relative;
    }
    .slides{
      &{
        width: 100%;
        min-height: 600px;
        position: relative;
        background: #156ba6;
      }
      .slide {
        &{
          padding: $sectionPadding;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          opacity: 0;
          transition: opacity .8s ease-in;
        }
        .contain {
          text-align: left;
        }
        .page_title {
          color: $secondary;
          margin-bottom: .2em;
        }
        p {
          color: white;
          max-width: 600px;
          margin-bottom: 1em;
        }
        ce:nth-child(2) p {
          margin-bottom: .8em;
          font-size: 1.2em;
        }
      }
      .slide.sel {
        z-index: 3;
        opacity: 1;
      }
      .slide:nth-child(1) {
        background: url(/i/Approach_core_principles1.jpg) center/cover no-repeat;
      }
      .slide:nth-child(2) {
        background: url(/i/Approach_core_principles2.jpg) center/cover no-repeat;
      }
      .slide:nth-child(3) {
        background: url(/i/Approach_core_principles3.jpg) center/cover no-repeat;
      }
      .slide:nth-child(4) {
        background: url(/i/Approach_core_principles4.jpg) center/cover no-repeat;
      }
    }
    .slider_navigation {
      & {
        position: absolute;
        bottom: 10px;
        width: 100%;
        left: 0%;
        z-index: 10;
      }
      .contain {
        display: flex;
        width: 100%;
        border-top: 1px solid white;
        padding: 20px 0;
      }
      .slide_link {
        & {
          padding: 1em .5em;
          flex: 1 1 auto;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          cursor: pointer;
        }
        img {
          width: 35px;
          margin-right: 15px;
        }  
        .subtitle {
          color: white;
          opacity: .85;
          font-size: 1.7em;
        }
        
      }
      .slide_link:hover {
        .subtitle {color: $secondary;}
      }
      .slide_link:before, .slide_link:after {
        content: '';
        position: absolute;
        display: block;
      }
      .slide_link:before {
        height: 100%;
        width: 1px;
        background: $secondary;
        left: 0;
        top: 0;
      }
      .slide_link:nth-child(1):before {
        display: none;
      }
      .slide_link:after {
        padding: 0 0%;
        opacity: 0;
        height: 5px;
        background: $secondary;
        left: 50%;
        transform: translate(-50%);
        top: -20px;
        transition: opacity .5s ease, padding .5s ease;
      }
      .slide_link.sel:after {
        padding: 0 50%;
        opacity: 1;
      } 
    }
  }
  .s4 {
    .contain {
      .info {
        display: flex;
        justify-content: space-between;
      }
      /*.graphic_contain {
        & {
          width: 45%;
          position: relative;
        }
        .info_section {
          & {
            width: 100%;
            position: absolute;
          }
          img {
            width: 100%;
            height: 100%;
            position: relative;
            max-height: 309px;
          }
          img:nth-child(1) {
            opacity: 1;
            z-index: 2;
          }
          img:nth-child(2) {
            opacity: 0;
            z-index: -1;
            position: absolute;
            top:0;
            left: 0;
          }
        }
        .info_section.hidden {
          img:nth-child(1) {
            opacity: 0;
            z-index: -1;
          }
          img:nth-child(2) {
            opacity: 1;
            z-index: 2;
          }
        }
        .info_section.hidden:after {
          opacity: 0;
        }
        .info_section:after {
          content: '';
          display: inline-block;
          position: absolute;
          transition: opacity .5s ease;
          width: 22%;
          height: 41%;
          top: 6%;
          right: -27%;
          border-bottom: 2px solid $primary;
          border-right: 2px solid $primary;
        }
        .info_section:nth-child(1) {
            z-index: 7;
            top: 60px;
        }
        .info_section:nth-child(2) {
            z-index: 6;
            top: 240px;
        }
        .info_section:nth-child(2):after {
          border-right: none;
        }
        .info_section:nth-child(3) {
            z-index: 5;
            top: 420px;
        }
        .info_section:nth-child(3):after {
          border-left: none;
          transform: rotatex(180deg);
          top: 48%;
        }
        svg {
          width: 100%;
        }
      }*/
      .info_text {
         & {
           width: 100%;
           position: relative;
           top: 33px;
           display: flex;
           justify-content: space-between;
           align-items: flex-start;
         }
         .acc {
            & {
              padding: 2em 0 4em;
              background: url(/i/approach_plus.svg) left bottom 20px/45px no-repeat;
              position: relative;
              width: 48%;
              border-top: 2px solid $lightgrey;
            }
            .top { 
                margin-bottom: 1em;
                cursor: pointer;
            }
            .subtitle {
                color: $grey;
                margin-bottom: .7em;
            }
            .slide {
              max-height: 0;
              transition: max-height .5s ease;
              overflow: hidden;
            }
            .btn {
              position: absolute;
              left: 0;
              bottom: 20px;
              width: 45px;
              height: 45px;
              cursor: pointer;
            }
          }
         .acc:hover {
           .subtitle {
             color: $secondary;
           }
         }
         .acc.sel {
            &{
              background: url(/i/approach_minus.svg) left bottom 10px/45px no-repeat;
            }
            .slide {
              max-height: 300px;
            }
         }
      }
    }
  }
  .s5 {
    & {
      background: $lightgrey;
    }
    ce:nth-child(2) {
      p {
        & {
          text-transform: uppercase;
          font-weight: 400;
        }
        span {
          color: $secondary;
          text-transform: uppercase;
          font-weight: 400;
        }
      }
    }
  }
  .s6 {
    & {
      position: relative;
      max-height: 490px;
      background-color: $secondary;
    }
    .contain {
      position: relative;
      z-index: 3;
    }
    .background_images {
      &{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
      }
      .fx-slides {
        & {
          height: 100%;
        }
        * {
          height: 100%;
        }
      }
      .slide:nth-child(1) {
        background: url(/i/Approach_multistrategy1.jpg) center/cover no-repeat;
      }
      .slide:nth-child(2) {
        background: url(/i/Approach_multistrategy2.jpg) center/cover no-repeat;
      }
    }
    .section_title {
      color: white;
    }
    .page_title {
      &{color: $secondary;line-height: 1.0333333333333334em;}
      span {
        color: white;
      }
    }
    .strategy_slider {
      display: flex;
      justify-content: space-between;
    }
    .fx-list {
      display: none;
    }
    .left, .right {
      width: 50%;
    }
    p {
      text-align: center;
      color: white;
      max-width: 400px;
    }
    span {
      color: $secondary;
    }
    .slide {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1em;
      width: 48%;

    }
    /**
    .prev, .next {
      display: block;
      position: absolute;
      height: 15px;
      width: 30px;
      top: 40%;
      background: url(/i/arrow.svg) center/contain no-repeat;
      cursor: pointer;
    }
    .prev {
      left: 25px;
      transition: left .4s ease;
    }
    .prev:hover {
      left: 21px;
    }
    .next {
      right: 25px;
      transform: rotate(180deg);
      transition: right .4s ease;
    }
    .next:hover {
      right: 21px;
    }
    */
  }
}
#careers
{
  .s1{background-image:url(/i/careers-$[imgw!].jpg);}
  .s2 {

  }
  .s3 {
    & {
      background: $lightgrey;
    }
  }
  .s4 {
    .section_title {
      border-bottom: none;
    }
    .looking_list {
       & {
         $flex;
         flex-flow: wrap;
         margin-bottom: 4em;
       }
       > div {
         width: 25%;
         padding: 15px 4%;
         position: relative;
         border-right: 1px solid $secondary;
         margin-bottom: 45px;
         $flex;
         $flexCenter;
       }
       > div:nth-child(4n + 1) {
         border-left: 1px solid $secondary;
       }
       > div:before {
         content: '';
         display: block;
         position: absolute;
         width: 5px;
         height: 5px;
         background: $primary;
         left: 50%;
         top: -5px;
         transform: translate(-50%);
         border-radius: 100%;
       }
       p {
         text-align: center;
         line-height: 1.3em;
       }
    }
    .offer_list {
        & {
          $flex;
          position: relative;
          height: width(&self * .22)px
        }
        .circle {
          width: 22%;
          height: width(&self)px;
          position: absolute;
          $flex;
          $flexCenter;
        }
        .circle:nth-child(1) {
          left: 9%;
        }
        .circle:nth-child(2) {
          left: 27%;
        }
        .circle:nth-child(3) {
          left: 45%;
        }
        .circle:nth-child(4) {
          left: 63%;
        }
        .circle:nth-child(5) {
          left: 81%;
        }
        img {
          width:100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
        }
        .text_wrap {
          height: 82%;
          width: 82%;
          border-radius: 100%;
          $flex;
          $flexCenter;
        }
        p {
          text-align: center;
          line-height: 1.3em;
          color: $primary;
        }
      }
    }
  
  .s5 {
    &{
      background: url(/i/careers_opportunities.jpg) center/cover no-repeat;
    }
    .jobs_list {
      text-align: left;
    }
    p {
      color: white;
    }
    .job {
      $flex;
      align-items: flex-start;
      justify-content: space-between;
      border-bottom: 1px solid white;
      padding: 2.8125em 0 1.4075em;
      max-width: 665px;
    }
    .submit {
      & {
          cursor: pointer;
          position: relative;
          text-align: left;
          max-width: 140px;
          margin-top: 0;
      }
      button {
          font-size:1.1em;
          font-family: $primaryFont;
          text-transform: uppercase;
          color: white;
          cursor: pointer;
          padding: .75em 1.4375em;
          transition: color .4s ease;
          background: transparent;
          font-weight: 400;
          border: none;
          box-shadow: none;
          width: 100%;
          position: relative;
          z-index: 10;
      }
    }
    .submit:after {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      left: 0;
      top: 0;
      background: white;
      height: 100%;
      max-height:11%;
      transition: max-height .4s ease;
    }
    .submit:hover:after, .submit:active:after {
      max-height: 70px;
    }
    .submit:hover, .submit:active {
      button {
        color: $primary;
      }
    }
  }
  .shadow {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 15;
    background: rgba(0,0,0, .7);
  }
  .shadow.hidden {
    display: none;
  }
  .job_full {
    & {
      display: block;
      position: fixed;
      top: 0;
      left: 50%;
      transform: translate(-50%);
      width: 100%;
      height: 100vh;
      z-index: 20;
      overflow-y: scroll;
      padding: $sectionPadding;
      max-width: 1200px;
      margin: auto;
      background: white;
      box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.75);
      padding-top:8em;
    }
    .close {
      width: 25px;
      height: 25px;
      display: block;
      right: 3em;
      top: 8em;
      z-index: 10;
      position: absolute;
      background: url(/i/close.png) center/contain no-repeat;
      cursor: pointer;
    }
    .page_title {
      margin-bottom: .5em;
      color: $secondary;
    }
    .subtitle {
      margin: 1em 0 .5em;
    }
    ul {
      & {
        width: 100%;
        list-style-position: inside;
      }
      li {
        padding-left: 1em;
        text-align: left;
      }
    }
  }
  .job_full.hidden {
    display: none;
  }
}

#event
{
  .s1{background-image:url(/i/events-$[imgw!].jpg);}
  .s2 {
    & {
      background: url(/i/events_bg.jpg) center/cover no-repeat;
    }
    .contain {
      & {
        text-align: left;
      }
      .event_wrapper {
        max-width: 750px;
      }
      .emphasis {
        font-family: $secondaryFont;
        color: $secondary;
        margin-bottom: 1em;
        font-size: 1.5em;
      }
      .subtitle {
        margin-bottom: 1em;
        line-height: 1.1333333333333334em;
      }
      ul {
        list-style: none;
        margin-bottom: 2em;
      }
      li {
        padding-left: 1.5em;
        position: relative;
      }
      li:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 3px;
        height: 3px;
        background: $primary;
        left: 0;
        top: 10px;
        border-radius: 100%;
      }
      .event_times {
        margin-bottom: 2em;
      }
      .event {
        & {
          padding: 1.3em 0;
          $flex;
          align-items: flex-start;
          border-bottom: 1px solid $secondary;
        }
        .start_time {
          width:20%;
        }
        .emphasis {
          text-transform: uppercase;
          color: $secondary;
          margin-bottom: 0;
          font-size: 1.375em;
          font-family: $primaryFont;
        }
      }
      .event:nth-child(1) {
        border-top: 1px solid $secondary;
      }
    }
  }
  .s3 {
    & {
      background: $lightgrey;
    }
    .section_title {
      max-width: 750px;
    }
    .contain {
      text-align: left;
    }
    .form {
      &{
        max-width: 750px;
      }
      input {
        width: 100%;
        background: transparent;
        margin-bottom: 2%;
        border-color: $secondary;
      }
      input::placeholder {
        color: rgba(58,58,58,.7);
      }
      .inputs {
        & {
          display: flex;
          flex-flow: wrap;
          justify-content: space-between;
        }
        input {
          width: 49%;
        }
      }
      .radios {
        width: 100%;
        justify-content: space-between;
        max-width: 250px;
        margin-bottom: 35px;
      }
      .radio_group {
        & {
          display: flex;
          align-items: center;
        }
        input {
          visibility: hidden;
          width: 25px;
        }
        label {
           &{
             display: flex;
             align-items: center;
            }
            div {
              width: 10px;
              height: 10px;
              background: $grey;
              border-radius: 100%;
              MARGIN-RIGHT: 10PX;
            }
        }
        label.sel {
          div {
            background: $secondary;
          }
        }
      }
      .submit {
        margin: 2.0625em 0;
      }
      a {color: $secondary;}
      #response {display:none;color:$primary;font-size:18px;padding:10px 0;}
    }
  }
}
#contact
{
	.s1{background-image:url(/i/contact-$[imgw!].jpg);}
  .s2{
     &{
       background:url(/i/contact_form_bg-$[imgw2!].jpg) no-repeat right bottom;
     }
     p a {color: $primary;}
     p a:hover {color:$secondary}
     .contain {
       text-align: left;
     }
     form {
        &{
          width: 100%;
          max-width: 800px;
          margin-top: 3.5625em;
          text-align: left;
        }
        .form_top {
            & {
              width: 100%;
              display: flex;
              justify-content: space-between;
              margin-bottom:20px;
            }
            input {
              width: 30.35%;
            }
        }
        .form_center {
          &{width: 100%;margin-bottom:20px;}
          input {width:100%;}
        }
        input, textarea {
            background: white;
            border-radius: 0;
            padding: 1.4375em 1.0625em;
            border: 1px solid $primary;
        }
        input {
            width: 48%;
            font-size: $bfont!;
        }
        input::placeholder, textarea::placeholder {
          font-size: $bfont!;
          color: #8d8b8b;
          font-family: $primaryFont;
        }
        textarea {
            width: 100%;
            min-height: 243px;
            max-height: 243px;
            max-width: 800px;
        }
        .submit {
          & {
              cursor: pointer;
              position: relative;
              text-align: left;
              max-width: 140px;
              margin-top: 3.0625em;
          }
          button {
              font-size:1.1em;
              font-family: $primaryFont;
              text-transform: uppercase;
              color: $primary;
              cursor: pointer;
              padding: 1.05em 1.4375em;
              transition: color .4s ease;
              background: transparent;
              font-weight: 400;
              border: none;
              box-shadow: none;
              width: 100%;
              position: relative;
              z-index: 10;
          }
        }
        .submit:after {
          content: '';
          position: absolute;
          display: block;
          width: 100%;
          left: 0;
          top: 0;
          background: $primary;
          height: 100%;
          max-height:11%;
          transition: max-height .4s ease;
        }
        .submit:hover:after, .submit:active:after {
          max-height: 70px;
        }
        .submit:hover, .submit:active {
          button {
            color: white;
          }
        }
    }
  }
  .s3 {
    & {
      background-image: -moz-linear-gradient( 90deg, rgb(12,95,150) 1%, rgb(13,90,169) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgb(12,95,150) 1%, rgb(13,90,169) 100%);
      background-image: -ms-linear-gradient( 90deg, rgb(12,95,150) 1%, rgb(13,90,169) 100%);
      padding-bottom: 0;
      padding-right: 0;
      overflow: hidden;
      top: -1px;
    }
    .section_title {
      margin-bottom: 0;
    }
    .offices {
      &{$flex;position:relative;}
      .office_links {
        & {
          width: 450px;
        }
        .map {display: none;}
        .office_link_text {
          & {
            cursor: pointer;
            padding: 6.25em 3.125em;
            position: relative;
            border-right: 0px solid $secondary;
            transition: border .3s ease .2s;
          }
          p {color: white;opacity: .6; transition: opacity .5s ease;position: relative;z-index: 10;}
          p:nth-child(1) {
            font-size: 1.75em;
            margin-bottom: 1.14em;
            font-family: $secondaryFont;
            position: relative;
            text-transform: uppercase;
          }
          p:nth-child(1):after {
            content: '';
            display: inline-block;
            width: 25px;
            height: 25px;
            position: absolute;
            background: url(/i/arrow.svg) center/contain no-repeat;
            left: 130px;
            top: 1px;        
            transform: rotate(180deg);
            opacity: 0;
            transition: opacity .5s ease, left .5s ease;
          }
          p:nth-child(n+2) {
            line-height: 2em;
          }
        }
        .office_link_text:after {
          content: '';
          display: block;
          width: 100%;
          max-width: 0;
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          transition: max-width .5s ease;
          background: rgba(255,255,255, 0.04);
        }
        .office_link_text.sel:after {
          max-width: 100%;
        }
        .office_link_text.sel {
          &{
            border-right: 6px solid $secondary;
          }
          p {
            opacity: 1;
          }
          p:nth-child(1):after {
            left: 150px;
            opacity: 1;
          }
        }
      }
      .office_maps {
        &{
          width:69%
        }
        .map {
          width: 100%;
          height: 100%;
          display: none
        }
        .map.sel {
          display: block;
        }
      }
    }
    .map[data-id="1"] {
	&
	{
        background: url(/i/contact_map_wahsington.jpg) center/cover no-repeat;
		background-size: 150%;
    }
      div {background: url(/i/contact_map_wahsington.jpg) center/cover no-repeat;}
    }
    .map[data-id="2"] {
      &{
      background: url(/i/Fort_LP_contact_map_NY_new.jpg) center/cover no-repeat;}
      div {background: url(/i/Fort_LP_contact_map_NY_new.jpg) center/cover no-repeat;}
    }
  }
}
/***************************** Responsive ************************************/
@media (max-width: 1470px){
  #home .s1 {
    .swoosh {
      bottom: -49px;
    }
  }
}
@media (max-width: 1260px) {
  #about-us {
    .s2 {
      .info_desktop {
        &{
          max-width: 900px;
          height: 260px;
        }
        .info_block {
          &{height: 260px;}
          ce:nth-child(1) p {
            font-size: 40px;
          }
          ce:nth-child(2) p {
            margin-top: -22px;
            font-size: 16px;
            line-height: 18px;
          }
        }
      }
    }
    
  }
}
@media (max-width: 1150px){
  #approach {
    .s4 {
      .contain {
        .graphic_contain {
          & {
            min-width:467px;
          }
          .info_section:nth-child(2) {
            top: 216px;
          }
          .info_section:nth-child(3) {
            top: 372px;
          }
          .info_section:after {
            display: none;
          }
        }
        .info_text {
          width: 100%;
          padding-left: 2em;
        }
      }
    }
    .s6 {
      & {
        max-height: 594px;
      }
      .strategy_slider {
        display: block;
      }
      .left, .right {
        width: 100%;
      }
      .left {
        br {
          display: none;
        }
        .page_title {
          text-align: center;
        }
      }
      .right {
        margin-top: 2em;
        border-left: none;
        max-width: initial;
      }
      .prev {
        left: -10px;
      }
      .next {
        right: -10px;
      }
      .prev:hover {
        left: -5px;
      }
      .next:hover {
        right: -5px;
      }
    }
  }
}
@media (max-width: 987px) {
  #about-us {
    .s3, .s4 {
      .bio_container {
        .bio_link {
          width: 100%;
          max-width: 350px;
          padding: 0;
        }
        .bio_link {
          left: 0;
        }
        .bio_link:nth-child(even) {
          padding-left: 10px;
        }
        p {
          left: 50% !important;
          width: 100% !important;
          transform: translate(-50%);
          right: auto !important;
          z-index: 10 !important;
          color: white !important;
          max-width: 104px;
          text-align: center !important;
        }
        p:before {
          left: 50% !important;
          transform: translate(-50%);
          right: initial !important;
        }
      }
    }
    .s2 .info_desktop .info_block ce:nth-child(1){top:15%}
  }
  #careers {
    .s4 {
      .looking_list {
        & {justify-content: center;}
        > div {
          width: 33%;
          max-width: 240px;
          min-height: 90px;
          margin-bottom: 40px;
        }
        > div:nth-child(4), div:nth-child(7) {
          border-left: 1px solid $secondary;
        }
        > div:nth-child(5) {border-left: none;}
      }
    }
  }
}
@media (max-width: 920px) {
  /***** Header *****/
  header, header.fixed 
  {
    & {
      background: white;
    }
    .contain {padding: 1em 0;align-items: flex-start;}
    .menu_container {display: block;}
    #menu-btn:hover {background-color: $secondary;}
    #menu_btn.active 
    {
    	i {background-color: $secondary;}
      i:nth-child(1){transform: translateX(2px) rotate(45deg);}
      i:nth-child(2){transform: translateX(0px) rotate(-45deg)}
      i:nth-child(3){transform: translate(-2px,-1px) rotate(45deg);}
    }
    .logo {
      & {
        z-index: 100;
      }
      img:nth-child(2) {
        opacity: 1;
      }
      img:nth-child(1) {
        display: none;
      }
    }
    .subnavs_wrap {
      display: none !important;
    }
    nav 
    {
      &{position: fixed;height: 100vh;width: 100vw;z-index: 10;left:0;top: 0;}  
      .wrapper {position: fixed;top:50%;transform: translate(0%,-50%);width: 100%;text-align: center;cursor: pointer;$flex;justify-content: center;flex-direction: column;align-items: center;}   
      .link a {position: relative;display: inline-block;transition-delay: 0s;opacity: 0;transform: translate(0%, 100%);transition: opacity .2s ease, transform .3s ease;margin-bottom:5px;color: $primary;}
      .link {
        padding-bottom: 1em;
      }
      .subnav {
        & {
          display: flex;
          flex-flow: wrap;
          justify-content: center;
          align-items: center;
          width: 100vw;
          position: static;
          transform: initial;
          margin: auto;
        }
        a {
          height: auto;
          margin-bottom: 0;
        }
      }
    }
    nav:before,nav:after{content: "";position: fixed;width:100vw;height:100vh;background: rgba(21, 107, 166, .6);z-index: -1;transition: transform  cubic-bezier(.77,0,.175,1) .8s;transform: translateX(0%) translateY(-100%);left: 0;top: 0;}
    nav:after{background: rgba(243, 243, 243, 1);transition-delay: 0s;}
    nav:before{transition-delay: .1s;}
    .logo {max-width: 10.625em !important;height: 41px;}
    .admin_link {    
      right: 44px;
      top: 17%;
      opacity: 0;
      z-index: 100;
      background-color: transparent;
      transition: opacity .4s ease;
    }
  }
  header.active  
  {
    .admin_link { 
      opacity: 1;
    }
    nav 
    {
    	&{visibility:visible;}
      a.fade {opacity: 1;transform: translateX(0%);transition: opacity .3s ease, transform .3s ease, color .3s ease;}
    }
    nav:before,nav:after{transform: translateX(0%) translateY(0%);}
    nav:after{transition-delay: .1s;}
    nav:before{transition-delay: 0s;}
  }
  #careers {
    .s4 {
      .offer_list {
        & {
          flex-direction: column;
          align-items: center;
          height: auto;
          margin-top: 90px;
        }
        .circle {
          position: relative;
          margin-top: -8.5%;
          width: 70%;
          max-width: 350px;
          left: 0 !important;
        }
      }
    }
  }
}
@media (max-width: 850px) {
  #approach {
    .s3 {
      .slider_navigation {
        .slide_link {
          img {
            margin-right: 0;
            width: 35px;
          }
          .subtitle {
            display: none;
          }
        }
      }
    }
    .s4 {
      .contain {
        .info {
          min-height: initial;
        }
        .graphic_contain {
          display: none;
        }
        .info_text {
          & {
            padding-left: 0;
            top: 0;
            flex-direction: column;
          }
          .acc {
            background-position: left bottom 10px;
            width: 100%;
          }
          .acc:nth-child(1) {border-top: none;}
        }
      }
    }
  }
  #about-us {
    .s2 {
      .info_desktop
      {
      	&{display:block;background:none;height:auto;}
      	.info_block{width:100%;height:280px}
      	.info_block:nth-child(1){background:url(/i/about_info1.png) no-repeat center/300px auto;}
      	.info_block:nth-child(2){background:url(/i/about_info2.png) no-repeat center/300px auto;}
      	.info_block:nth-child(3){background:url(/i/about_info3.png) no-repeat center/300px auto;}
      	.info_block:nth-child(4){background:url(/i/about_info4.png) no-repeat center/300px auto;}
      	.info_block ce:nth-child(1){top:12% !important;display:block;left:50% !important;}
      	.info_block ce:nth-child(2){display:block;left:50% !important;transform:translate(-50%);text-align:center;width:100%}
      } 	
    }
  }
}
@media (max-width: 767px) {
  footer 
  {
    .contain:nth-child(1) 
    {
        &{flex-direction: column;}
        .address{padding-left: 0;}
        .address:nth-child(1) {border-right: none;border-bottom: 1px solid rgb(211,211,211);padding-top: 0;}
        .address:nth-child(2) {padding-bottom: 0;}
    }
    .contain:nth-child(2) 
    {
      &{flex-direction: column;align-items: flex-start;}
      p {text-align: left;margin-bottom: 30px;}
      .social_link:nth-child(1){margin-left: 0;}
    }
  }
  .section_title {
    font-size: 3em;
  }
  #home {
    
    .s1{
      .page_title {
        font-size: 3.5em
      }
      .swoosh {
        bottom: -25px;
      }
    }
  }
  #about-us {
    .s2 {
      
    }
    .s4, .s3 {
      .bios_full_container {
        .bio {
          & {flex-direction: column;}
          .bio_content {
            & {
              width: 100%;
            }
            p {
              text-align: left !important;
              max-width: initial;
            }
          }
          .bio_content:after {
            display: none;
          }
          .bio_image {
            & {
              text-align: center;
              width: 100%;
            }
            img {
              width: 100%;
              max-width: 350px;
              margin: auto;
            }
          }
          .bio_image:before {
            display: none;
          }
        }
        .bio.--left {
          .bio_content {
            padding-left: 0;
          }
        }
        .bio.--right {
          & {
            flex-direction: column-reverse;
          }
          .bio_content {
            padding-right: 0;
          }
        }
      }
    }
  }
  #approach {
    .s6 {
      & {
        max-height: 559px;
      }
      .left {
        .page_title {
          font-size: 2.5em;
        }
      } 
      .prev, .next {
        top: -13px;
      }
    }
  }
  #contact {
    .s2 {
      form {
        .form_top {
          & {
            margin-bottom: 0;
            flex-direction: column;
          }
          input {
            margin-bottom: 20px;
            width: 100%;
          }
        }
      }
    }
  }
}

@media (max-width: 620px) {

  #careers {
    .s4 {
        .looking_list {
          & {justify-content: center;}
          > div {
            width: 50%;
          }
          > div:nth-child(4) {
            border-left: none;
          }
          > div:nth-child(3), > div:nth-child(5)  {
            border-left: 1px solid $secondary;
          }
        }
      }
  }
  #approach  {
    .s3 {
      .slides {
        &{
          min-height: 550px;
        }
        .slide .page_title {
          font-size: 2.5em;
          margin-bottom: 1em;
       }
    }
  }
  }
  #contact {
    .s3 {
      & {
        padding-right: 1.5em;
      }
      .offices {
        .office_links {
          &{width: 100%;}
          .office_link_text {
            p:nth-child(1):after {
              transform: rotate(-90deg);
            }
          }
          .office_link_text.sel {
            border-right: none;
            border-bottom: 6px solid $secondary;
          }
          .map {
            &{
            background: transparent !important;
            overflow: hidden;
            height: 312px;
            max-height: 0;
            width: 100%;
            display: block;
            transition: max-height .5s ease;
            }
            div {
              height: 312px;
            }
          }
          .map.sel {
            max-height: 312px;
          }
        }
        .office_maps {
          display: none;
        }
      }
    }
  }
}

@media (max-width: 550px) {
  #home {
    
    .s1{
      .page_title {
        font-size: 2.5em
      }
    }
  }
}