@font-face {
    font-family: "Weisenhoff Grotesk Light";
    src: url("fonts/WeissenhofGrotesk-Light.woff2");
    src:  url("fonts/WeissenhofGrotesk-Light.woff2") format("woff2"), url("fonts/WeissenhofGrotesk-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Weisenhoff Grotesk Medium";
    src: url("fonts/WeissenhofGrotesk-Medium.woff2");
    src:  url("fonts/WeissenhofGrotesk-Medium.woff2") format("woff2"), url("fonts/WeissenhofGrotesk-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: "stratos semibold";
    src: url("fonts/stratosweb-semibold.woff");
    src: url("fonts/stratosweb-semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }


div, article, aside, footer, header, nav, section {
    display: block;
}

body {
    margin: 0 auto;
}

*, *:before, *:after {
    box-sizing: inherit;
}




/*! ------------------- HEADER ------------------------- */


header { 
    padding-left: 16px;
    padding-right:16px;
    background-color: white !important;
    z-index: 9999;
}
.header {
    position: relative;
    z-index: 1010;
    height: 130px;
}


@media only screen and (max-width: 1153.99px){
    
    .header {
        position: relative;
        z-index: 1010;
        height: 90px;
    }

    .header-container {
        padding-left: 24px;
        height: 100%;
        position: relative;
    	bottom: auto;
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding-right: 24px;}

        .header-menu {
            position: fixed;
            bottom: 0;
            left: 100%;
            width: 100%;
            padding-top: 56px;
            padding-bottom: 64px;
            height: 100%;
            overflow-y: auto;
            background: #fff;
            transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s linear 0s, -webkit-transform 0.3s ease;
            -webkit-overflow-scrolling: touch;
        }

        .header-nav {
            overflow: hidden;
        }

        .header-nav-item {
            margin: 0;
        }

        .header-nav-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 10px 16px;
            min-height: 56px;
            border-bottom: 2px solid #edecea;
            transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-delay: 1s;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .header-menu-secondary a:hover, .header-menu-secondary button:hover {
            color: #7ca6ba;
        }
        
        .header-nav-link {
            padding-bottom: 25px;
        }
        
        .header-nav-item a:hover {
            color: #6e9bc7;
            border-bottom: 1.5px solid  #6e9bc7;
            transition: opacity .5s ease; 
        }
        
        .header-nav-item a.active {
            border-bottom: 1.5px solid  #6e9bc7;
            transition: opacity .5s ease;
          }
        
          .header-nav-item .header-nav-link a:hover {
            color: #6e9bc7;
            border-bottom: 1.5px solid  #6e9bc7;
            transition: opacity .5s ease; 
        }
        
        .header-nav-item .header-nav-link a.active {
            border-bottom: 1.5px solid  #6e9bc7;
            transition: opacity .5s ease;
          }
        





        .logo{
            float: left;
            color: black;
            padding-right: 30px;
            font-size: 32px;
            margin:0 auto;
            padding-left: 24px;
            font-family: "Weisenhoff Grotesk Light";
            font-weight: 700;
            height: 100%;
          }

          .logo:hover {
            color: black;
          }

          .btn{
              width:auto;padding:10px 20px;}


              .hidden-xs{
                  display:none!important;}

}


@media only screen and (min-width: 1154px){ 
    

    .header-container {
        padding-left: 24px;
        height: 100%;
        position: relative;
    	bottom: auto;
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding-right: 24px;}
        
        .logo{
            float: left;
            color: black;
            padding-right: 12.5px;
            font-size: 32px;
            font-family: "Weisenhoff Grotesk Light";
            font-weight: 700;
            height: 90px;
            margin: 0 auto;
            line-height: 80px;
          }

          .logo:hover {
            color: black;
          }

          .header-menu {
            position: relative;
            width: 100%;
            height: 90px;
            padding: 20px 0px;
        }

        .header-menu-secondary {
            line-height: 133px;
                }

                .header-container > * {
                    position:relative;
                    z-index:2;}
                    
                        ul{
                            margin-bottom:24px;}

                            .hidden-lg{
                                display:none!important;}

                  .header-nav{
                      overflow:hidden;}

                  .header-menu-primary{
                       font-size:18px;
                    height: 100%;}

                  .header-nav-item{
                      margin:0;
                    height: 100%;}

                  li.header-nav-item--btn{
                      padding:10px 16px;}


                  .header-nav-link{
                      display:-webkit-box;
                      display:-ms-flexbox;
                      display:flex;
                      -webkit-box-align:center;
                      -ms-flex-align:center;
                      align-items:center;
                      padding:0px 12.5px;
                      min-height:56px;
                      transition:-webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                      transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                      transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
                      transition-delay:1s;-webkit-transform:translate(0, 0);transform:translate(0, 0);
                      -webkit-transform:translate3d(0, 0, 0);
                      transform:translate3d(0, 0, 0);
                    height: 100%;}


                  .header-nav-link:hover 
                  .header-nav-link-icon,
                  .header-nav-link:focus 
                  .header-nav-link-icon{
                      -webkit-transform:translateX(8px);
                      transform:translateX(8px);}


                  .header-nav-link-icon{
                      display:block;
                      margin-left:auto;
                      color:#50748a;}


                  .header-menu-secondary,
                  .header-menu-social{transition:opacity 0.2s linear;}

  
                  .header-menu-secondary{
                      margin-top:16px;font-size:14px;}

                  .header-menu-secondary a{
                      display:block;
                      padding:5px 16px;
                      color:#4c4c4e;}

                  .header-menu-social{
                      display:block;
                      padding:5px 16px;}

                    
.header-menu-primary > li,.header-menu-secondary > li{display:inline-block;margin-left:20px;}
.header-menu-primary > li:first-child,.header-menu-secondary > li:first-child{margin-left:0;}
.header-menu-primary > li{vertical-align:middle;}
.header-menu-secondary{position:absolute;top:0;right:0; height:90px;}
.header-menu-secondary .header-menu-search-btn{padding-left:0;padding-right:0;}
.header-menu-social{display:none;}
.header-nav-has-children{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; padding: 0px 12.5px;height: 100%;}
.header-nav-has-children::after{width:0;height:0;content:'';border-top:6px solid currentColor;border-left:6px solid transparent;border-right:6px solid transparent;display:block;margin-left:8px;}
.header-menu{padding:20px 0 20px 40px;}
.header-menu-primary{font-size:16px!important;}
.header-menu-secondary{height:42px; font-size: 14px;}


.header-menu-primary,.header-menu-secondary{list-style:none;padding:0;margin:0;}
.header-menu-primary li,.header-menu-secondary li{padding:0;}
.header-menu-primary li::before,.header-menu-secondary li::before{display:none;content:'';}
.header-menu-primary > li,.header-menu-secondary > li{font-family:"Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:0;}
.header-menu-primary a:hover,.header-menu-secondary a:hover{text-decoration:none;}
.header-menu-secondary a,.header-menu-secondary button{color:#77777a;}
.header-menu-secondary a:hover,.header-menu-secondary button:hover{color:#7ca6ba;}
.header-menu-social{display:none;color:#50748a;font-family:"Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.header-menu-social p{margin:0 0 8px;}
.header-nav-sub{display:none;}
.header-nav-link-icon{display:none;}
                
}







.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}








button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer;}






button{text-transform:none;}
button,html [type="button"],[type="submit"]{-webkit-appearance:button;}



p{margin-top:0;font-size:1rem;line-height:1.5;margin-bottom:24px;}
ul{list-style:none;margin-top:10px;margin-bottom:16px;padding-left:0;}
ul li{margin-bottom:0;}
ul li{position:relative;padding-left:28px;}
ul li ul{margin-top:0;}
ul li ul li::before{top:12px;left:8px;width:7px;height:2px;}


a{text-decoration:none;color:#4c4c4e;cursor:pointer;}
a:hover{color:#7ca6ba;text-decoration:none;}
svg{will-change:transform, fill, stroke;transition:all 150ms ease-in-out;}
svg *{fill:currentColor;}
svg:not(:root){overflow:hidden;}
.svg-icon{position:relative;display:inline-block;max-width:100%;max-height:100%;width:24px;height:24px;cursor:pointer;}
.icon-search{top:6px;}
.btn{position:relative;display:inline-block;min-width:130px;padding:8px 20px;border:none;border-radius:0;font-size:1rem;line-height:2;font-weight:600;text-align:center;background-color:transparent;transition:all 0.1s ease-in-out;}
.btn:not(.btn-disabled):hover{text-decoration:none;}
.btn .svg-icon{top:5px;width:21px;height:21px;margin-left:8px;vertical-align:top;}
.btn:not(.btn-disabled):not(.btn--icon):hover .svg-icon:not(.icon-download){-webkit-transform:translateX(8px);transform:translateX(8px);}
.btn-skin-1{color:#000!important;background-color:#7ca6ba;}
.btn-skin-1:not(.btn-disabled):hover{color:#fff!important;background-color:#333e48;}







/*! ------------------- HAMBURGER ------------------------- */

button{color:inherit;transition:.3s;}
button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer;}
button{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button{overflow:visible;}
button{text-transform:none;}
button,html [type="button"]{-webkit-appearance:button;}





.header-hamburger{position:absolute; top: 25px; right: 25px; z-index:1;padding:16px 19px;display:inline-block;cursor:pointer;transition-property:opacity;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:none;margin:0;overflow:visible;}
.header-hamburger:hover{background-color:#edecea;}
.header-hamburger:hover .header-hamburger-inner,.header-hamburger:hover .header-hamburger-inner::before,.header-hamburger:hover .header-hamburger-inner::after{background-color:#333e48;}
.header-hamburger-box{width:18px;height:12px;display:inline-block;position:relative;}
.header-hamburger-inner{display:block;top:50%;margin-top:-1px;}
.header-hamburger-inner,.header-hamburger-inner::before,.header-hamburger-inner::after{width:18px;height:2px;background-color:#50748a;border-radius:0;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-duration:0.15s;transition-timing-function:ease;}
.header-hamburger-inner::before,.header-hamburger-inner::after{content:"";display:block;}
.header-hamburger-inner::before{top:-5px;}
.header-hamburger-inner::after{bottom:-5px;}
.header-hamburger--squeeze .header-hamburger-inner{transition-duration:0.1s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.header-hamburger--squeeze .header-hamburger-inner::before{transition:top 0.1s 0.14s ease, opacity 0.1s ease;}
.header-hamburger--squeeze .header-hamburger-inner::after{transition:bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);}

@media (min-width: 1154px){
.header-hamburger{display:none;padding:24px;}
}





/*! CSS Used Keyframes */
@-webkit-keyframes title-block-heading{0%,40%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}80%,100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes title-block-heading{0%,40%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}80%,100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@-webkit-keyframes title-block-text{0%,60%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes title-block-text{0%,60%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}